mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-19 13:02:56 +00:00
Mobile first
This commit is contained in:
Eudes Inácio
@@ -1,8 +1,8 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["common"],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/button-active-0d5784f9.js":
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/button-active-a6787d69.js":
|
||||
/*!*********************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/button-active-0d5784f9.js ***!
|
||||
!*** ./node_modules/@ionic/core/dist/esm/button-active-a6787d69.js ***!
|
||||
\*********************************************************************/
|
||||
/*! exports provided: c */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
@@ -10,70 +10,70 @@
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return createButtonActiveGesture; });
|
||||
/* harmony import */ var _index_44bf8136_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index-44bf8136.js */ "./node_modules/@ionic/core/dist/esm/index-44bf8136.js");
|
||||
/* harmony import */ var _index_eea61379_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index-eea61379.js */ "./node_modules/@ionic/core/dist/esm/index-eea61379.js");
|
||||
/* harmony import */ var _haptic_7b8ba70a_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./haptic-7b8ba70a.js */ "./node_modules/@ionic/core/dist/esm/haptic-7b8ba70a.js");
|
||||
/* harmony import */ var _index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index-e806d1f6.js */ "./node_modules/@ionic/core/dist/esm/index-e806d1f6.js");
|
||||
/* harmony import */ var _index_f49d994d_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index-f49d994d.js */ "./node_modules/@ionic/core/dist/esm/index-f49d994d.js");
|
||||
/* harmony import */ var _haptic_27b3f981_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./haptic-27b3f981.js */ "./node_modules/@ionic/core/dist/esm/haptic-27b3f981.js");
|
||||
|
||||
|
||||
|
||||
|
||||
const createButtonActiveGesture = (el, isButton) => {
|
||||
let currentTouchedButton;
|
||||
let initialTouchedButton;
|
||||
const activateButtonAtPoint = (x, y, hapticFeedbackFn) => {
|
||||
if (typeof document === 'undefined') {
|
||||
return;
|
||||
}
|
||||
const target = document.elementFromPoint(x, y);
|
||||
if (!target || !isButton(target)) {
|
||||
clearActiveButton();
|
||||
return;
|
||||
}
|
||||
if (target !== currentTouchedButton) {
|
||||
clearActiveButton();
|
||||
setActiveButton(target, hapticFeedbackFn);
|
||||
}
|
||||
};
|
||||
const setActiveButton = (button, hapticFeedbackFn) => {
|
||||
currentTouchedButton = button;
|
||||
if (!initialTouchedButton) {
|
||||
initialTouchedButton = currentTouchedButton;
|
||||
}
|
||||
const buttonToModify = currentTouchedButton;
|
||||
Object(_index_44bf8136_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => buttonToModify.classList.add('ion-activated'));
|
||||
hapticFeedbackFn();
|
||||
};
|
||||
const clearActiveButton = (dispatchClick = false) => {
|
||||
if (!currentTouchedButton) {
|
||||
return;
|
||||
}
|
||||
const buttonToModify = currentTouchedButton;
|
||||
Object(_index_44bf8136_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => buttonToModify.classList.remove('ion-activated'));
|
||||
/**
|
||||
* Clicking on one button, but releasing on another button
|
||||
* does not dispatch a click event in browsers, so we
|
||||
* need to do it manually here. Some browsers will
|
||||
* dispatch a click if clicking on one button, dragging over
|
||||
* another button, and releasing on the original button. In that
|
||||
* case, we need to make sure we do not cause a double click there.
|
||||
*/
|
||||
if (dispatchClick && initialTouchedButton !== currentTouchedButton) {
|
||||
currentTouchedButton.click();
|
||||
}
|
||||
currentTouchedButton = undefined;
|
||||
};
|
||||
return Object(_index_eea61379_js__WEBPACK_IMPORTED_MODULE_1__["createGesture"])({
|
||||
el,
|
||||
gestureName: 'buttonActiveDrag',
|
||||
threshold: 0,
|
||||
onStart: ev => activateButtonAtPoint(ev.currentX, ev.currentY, _haptic_7b8ba70a_js__WEBPACK_IMPORTED_MODULE_2__["a"]),
|
||||
onMove: ev => activateButtonAtPoint(ev.currentX, ev.currentY, _haptic_7b8ba70a_js__WEBPACK_IMPORTED_MODULE_2__["b"]),
|
||||
onEnd: () => {
|
||||
clearActiveButton(true);
|
||||
Object(_haptic_7b8ba70a_js__WEBPACK_IMPORTED_MODULE_2__["h"])();
|
||||
initialTouchedButton = undefined;
|
||||
}
|
||||
});
|
||||
let currentTouchedButton;
|
||||
let initialTouchedButton;
|
||||
const activateButtonAtPoint = (x, y, hapticFeedbackFn) => {
|
||||
if (typeof document === 'undefined') {
|
||||
return;
|
||||
}
|
||||
const target = document.elementFromPoint(x, y);
|
||||
if (!target || !isButton(target)) {
|
||||
clearActiveButton();
|
||||
return;
|
||||
}
|
||||
if (target !== currentTouchedButton) {
|
||||
clearActiveButton();
|
||||
setActiveButton(target, hapticFeedbackFn);
|
||||
}
|
||||
};
|
||||
const setActiveButton = (button, hapticFeedbackFn) => {
|
||||
currentTouchedButton = button;
|
||||
if (!initialTouchedButton) {
|
||||
initialTouchedButton = currentTouchedButton;
|
||||
}
|
||||
const buttonToModify = currentTouchedButton;
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => buttonToModify.classList.add('ion-activated'));
|
||||
hapticFeedbackFn();
|
||||
};
|
||||
const clearActiveButton = (dispatchClick = false) => {
|
||||
if (!currentTouchedButton) {
|
||||
return;
|
||||
}
|
||||
const buttonToModify = currentTouchedButton;
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => buttonToModify.classList.remove('ion-activated'));
|
||||
/**
|
||||
* Clicking on one button, but releasing on another button
|
||||
* does not dispatch a click event in browsers, so we
|
||||
* need to do it manually here. Some browsers will
|
||||
* dispatch a click if clicking on one button, dragging over
|
||||
* another button, and releasing on the original button. In that
|
||||
* case, we need to make sure we do not cause a double click there.
|
||||
*/
|
||||
if (dispatchClick && initialTouchedButton !== currentTouchedButton) {
|
||||
currentTouchedButton.click();
|
||||
}
|
||||
currentTouchedButton = undefined;
|
||||
};
|
||||
return Object(_index_f49d994d_js__WEBPACK_IMPORTED_MODULE_1__["createGesture"])({
|
||||
el,
|
||||
gestureName: 'buttonActiveDrag',
|
||||
threshold: 0,
|
||||
onStart: ev => activateButtonAtPoint(ev.currentX, ev.currentY, _haptic_27b3f981_js__WEBPACK_IMPORTED_MODULE_2__["a"]),
|
||||
onMove: ev => activateButtonAtPoint(ev.currentX, ev.currentY, _haptic_27b3f981_js__WEBPACK_IMPORTED_MODULE_2__["b"]),
|
||||
onEnd: () => {
|
||||
clearActiveButton(true);
|
||||
Object(_haptic_27b3f981_js__WEBPACK_IMPORTED_MODULE_2__["h"])();
|
||||
initialTouchedButton = undefined;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
@@ -81,9 +81,9 @@ const createButtonActiveGesture = (el, isButton) => {
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/framework-delegate-d1eb6504.js":
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/framework-delegate-4584ab5a.js":
|
||||
/*!**************************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/framework-delegate-d1eb6504.js ***!
|
||||
!*** ./node_modules/@ionic/core/dist/esm/framework-delegate-4584ab5a.js ***!
|
||||
\**************************************************************************/
|
||||
/*! exports provided: a, d */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
@@ -93,36 +93,36 @@ __webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return attachComponent; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return detachComponent; });
|
||||
const attachComponent = async (delegate, container, component, cssClasses, componentProps) => {
|
||||
if (delegate) {
|
||||
return delegate.attachViewToDom(container, component, componentProps, cssClasses);
|
||||
}
|
||||
if (typeof component !== 'string' && !(component instanceof HTMLElement)) {
|
||||
throw new Error('framework delegate is missing');
|
||||
}
|
||||
const el = (typeof component === 'string')
|
||||
? container.ownerDocument && container.ownerDocument.createElement(component)
|
||||
: component;
|
||||
if (cssClasses) {
|
||||
cssClasses.forEach(c => el.classList.add(c));
|
||||
}
|
||||
if (componentProps) {
|
||||
Object.assign(el, componentProps);
|
||||
}
|
||||
container.appendChild(el);
|
||||
if (el.componentOnReady) {
|
||||
await el.componentOnReady();
|
||||
}
|
||||
return el;
|
||||
if (delegate) {
|
||||
return delegate.attachViewToDom(container, component, componentProps, cssClasses);
|
||||
}
|
||||
if (typeof component !== 'string' && !(component instanceof HTMLElement)) {
|
||||
throw new Error('framework delegate is missing');
|
||||
}
|
||||
const el = (typeof component === 'string')
|
||||
? container.ownerDocument && container.ownerDocument.createElement(component)
|
||||
: component;
|
||||
if (cssClasses) {
|
||||
cssClasses.forEach(c => el.classList.add(c));
|
||||
}
|
||||
if (componentProps) {
|
||||
Object.assign(el, componentProps);
|
||||
}
|
||||
container.appendChild(el);
|
||||
if (el.componentOnReady) {
|
||||
await el.componentOnReady();
|
||||
}
|
||||
return el;
|
||||
};
|
||||
const detachComponent = (delegate, element) => {
|
||||
if (element) {
|
||||
if (delegate) {
|
||||
const container = element.parentElement;
|
||||
return delegate.removeViewFromDom(container, element);
|
||||
}
|
||||
element.remove();
|
||||
if (element) {
|
||||
if (delegate) {
|
||||
const container = element.parentElement;
|
||||
return delegate.removeViewFromDom(container, element);
|
||||
}
|
||||
return Promise.resolve();
|
||||
element.remove();
|
||||
}
|
||||
return Promise.resolve();
|
||||
};
|
||||
|
||||
|
||||
@@ -130,9 +130,9 @@ const detachComponent = (delegate, element) => {
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/haptic-7b8ba70a.js":
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/haptic-27b3f981.js":
|
||||
/*!**************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/haptic-7b8ba70a.js ***!
|
||||
!*** ./node_modules/@ionic/core/dist/esm/haptic-27b3f981.js ***!
|
||||
\**************************************************************/
|
||||
/*! exports provided: a, b, c, d, h */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
@@ -145,108 +145,108 @@ __webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return hapticImpact; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return hapticSelectionEnd; });
|
||||
const HapticEngine = {
|
||||
getEngine() {
|
||||
const win = window;
|
||||
return (win.TapticEngine) || (win.Capacitor && win.Capacitor.isPluginAvailable('Haptics') && win.Capacitor.Plugins.Haptics);
|
||||
},
|
||||
available() {
|
||||
return !!this.getEngine();
|
||||
},
|
||||
isCordova() {
|
||||
return !!window.TapticEngine;
|
||||
},
|
||||
isCapacitor() {
|
||||
const win = window;
|
||||
return !!win.Capacitor;
|
||||
},
|
||||
impact(options) {
|
||||
const engine = this.getEngine();
|
||||
if (!engine) {
|
||||
return;
|
||||
}
|
||||
const style = this.isCapacitor() ? options.style.toUpperCase() : options.style;
|
||||
engine.impact({ style });
|
||||
},
|
||||
notification(options) {
|
||||
const engine = this.getEngine();
|
||||
if (!engine) {
|
||||
return;
|
||||
}
|
||||
const style = this.isCapacitor() ? options.style.toUpperCase() : options.style;
|
||||
engine.notification({ style });
|
||||
},
|
||||
selection() {
|
||||
this.impact({ style: 'light' });
|
||||
},
|
||||
selectionStart() {
|
||||
const engine = this.getEngine();
|
||||
if (!engine) {
|
||||
return;
|
||||
}
|
||||
if (this.isCapacitor()) {
|
||||
engine.selectionStart();
|
||||
}
|
||||
else {
|
||||
engine.gestureSelectionStart();
|
||||
}
|
||||
},
|
||||
selectionChanged() {
|
||||
const engine = this.getEngine();
|
||||
if (!engine) {
|
||||
return;
|
||||
}
|
||||
if (this.isCapacitor()) {
|
||||
engine.selectionChanged();
|
||||
}
|
||||
else {
|
||||
engine.gestureSelectionChanged();
|
||||
}
|
||||
},
|
||||
selectionEnd() {
|
||||
const engine = this.getEngine();
|
||||
if (!engine) {
|
||||
return;
|
||||
}
|
||||
if (this.isCapacitor()) {
|
||||
engine.selectionEnd();
|
||||
}
|
||||
else {
|
||||
engine.gestureSelectionEnd();
|
||||
}
|
||||
getEngine() {
|
||||
const win = window;
|
||||
return (win.TapticEngine) || (win.Capacitor && win.Capacitor.isPluginAvailable('Haptics') && win.Capacitor.Plugins.Haptics);
|
||||
},
|
||||
available() {
|
||||
return !!this.getEngine();
|
||||
},
|
||||
isCordova() {
|
||||
return !!window.TapticEngine;
|
||||
},
|
||||
isCapacitor() {
|
||||
const win = window;
|
||||
return !!win.Capacitor;
|
||||
},
|
||||
impact(options) {
|
||||
const engine = this.getEngine();
|
||||
if (!engine) {
|
||||
return;
|
||||
}
|
||||
const style = this.isCapacitor() ? options.style.toUpperCase() : options.style;
|
||||
engine.impact({ style });
|
||||
},
|
||||
notification(options) {
|
||||
const engine = this.getEngine();
|
||||
if (!engine) {
|
||||
return;
|
||||
}
|
||||
const style = this.isCapacitor() ? options.style.toUpperCase() : options.style;
|
||||
engine.notification({ style });
|
||||
},
|
||||
selection() {
|
||||
this.impact({ style: 'light' });
|
||||
},
|
||||
selectionStart() {
|
||||
const engine = this.getEngine();
|
||||
if (!engine) {
|
||||
return;
|
||||
}
|
||||
if (this.isCapacitor()) {
|
||||
engine.selectionStart();
|
||||
}
|
||||
else {
|
||||
engine.gestureSelectionStart();
|
||||
}
|
||||
},
|
||||
selectionChanged() {
|
||||
const engine = this.getEngine();
|
||||
if (!engine) {
|
||||
return;
|
||||
}
|
||||
if (this.isCapacitor()) {
|
||||
engine.selectionChanged();
|
||||
}
|
||||
else {
|
||||
engine.gestureSelectionChanged();
|
||||
}
|
||||
},
|
||||
selectionEnd() {
|
||||
const engine = this.getEngine();
|
||||
if (!engine) {
|
||||
return;
|
||||
}
|
||||
if (this.isCapacitor()) {
|
||||
engine.selectionEnd();
|
||||
}
|
||||
else {
|
||||
engine.gestureSelectionEnd();
|
||||
}
|
||||
}
|
||||
};
|
||||
/**
|
||||
* Trigger a selection changed haptic event. Good for one-time events
|
||||
* (not for gestures)
|
||||
*/
|
||||
const hapticSelection = () => {
|
||||
HapticEngine.selection();
|
||||
HapticEngine.selection();
|
||||
};
|
||||
/**
|
||||
* Tell the haptic engine that a gesture for a selection change is starting.
|
||||
*/
|
||||
const hapticSelectionStart = () => {
|
||||
HapticEngine.selectionStart();
|
||||
HapticEngine.selectionStart();
|
||||
};
|
||||
/**
|
||||
* Tell the haptic engine that a selection changed during a gesture.
|
||||
*/
|
||||
const hapticSelectionChanged = () => {
|
||||
HapticEngine.selectionChanged();
|
||||
HapticEngine.selectionChanged();
|
||||
};
|
||||
/**
|
||||
* Tell the haptic engine we are done with a gesture. This needs to be
|
||||
* called lest resources are not properly recycled.
|
||||
*/
|
||||
const hapticSelectionEnd = () => {
|
||||
HapticEngine.selectionEnd();
|
||||
HapticEngine.selectionEnd();
|
||||
};
|
||||
/**
|
||||
* Use this to indicate success/failure/warning to the user.
|
||||
* options should be of the type `{ style: 'light' }` (or `medium`/`heavy`)
|
||||
*/
|
||||
const hapticImpact = (options) => {
|
||||
HapticEngine.impact(options);
|
||||
HapticEngine.impact(options);
|
||||
};
|
||||
|
||||
|
||||
@@ -254,9 +254,9 @@ const hapticImpact = (options) => {
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/spinner-configs-c78e170e.js":
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/spinner-configs-cd7845af.js":
|
||||
/*!***********************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/spinner-configs-c78e170e.js ***!
|
||||
!*** ./node_modules/@ionic/core/dist/esm/spinner-configs-cd7845af.js ***!
|
||||
\***********************************************************************/
|
||||
/*! exports provided: S */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
@@ -265,111 +265,111 @@ const hapticImpact = (options) => {
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "S", function() { return SPINNERS; });
|
||||
const spinners = {
|
||||
'bubbles': {
|
||||
dur: 1000,
|
||||
circles: 9,
|
||||
fn: (dur, index, total) => {
|
||||
const animationDelay = `${(dur * index / total) - dur}ms`;
|
||||
const angle = 2 * Math.PI * index / total;
|
||||
return {
|
||||
r: 5,
|
||||
style: {
|
||||
'top': `${9 * Math.sin(angle)}px`,
|
||||
'left': `${9 * Math.cos(angle)}px`,
|
||||
'animation-delay': animationDelay,
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
'circles': {
|
||||
dur: 1000,
|
||||
circles: 8,
|
||||
fn: (dur, index, total) => {
|
||||
const step = index / total;
|
||||
const animationDelay = `${(dur * step) - dur}ms`;
|
||||
const angle = 2 * Math.PI * step;
|
||||
return {
|
||||
r: 5,
|
||||
style: {
|
||||
'top': `${9 * Math.sin(angle)}px`,
|
||||
'left': `${9 * Math.cos(angle)}px`,
|
||||
'animation-delay': animationDelay,
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
'circular': {
|
||||
dur: 1400,
|
||||
elmDuration: true,
|
||||
circles: 1,
|
||||
fn: () => {
|
||||
return {
|
||||
r: 20,
|
||||
cx: 48,
|
||||
cy: 48,
|
||||
fill: 'none',
|
||||
viewBox: '24 24 48 48',
|
||||
transform: 'translate(0,0)',
|
||||
style: {}
|
||||
};
|
||||
}
|
||||
},
|
||||
'crescent': {
|
||||
dur: 750,
|
||||
circles: 1,
|
||||
fn: () => {
|
||||
return {
|
||||
r: 26,
|
||||
style: {}
|
||||
};
|
||||
}
|
||||
},
|
||||
'dots': {
|
||||
dur: 750,
|
||||
circles: 3,
|
||||
fn: (_, index) => {
|
||||
const animationDelay = -(110 * index) + 'ms';
|
||||
return {
|
||||
r: 6,
|
||||
style: {
|
||||
'left': `${9 - (9 * index)}px`,
|
||||
'animation-delay': animationDelay,
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
'lines': {
|
||||
dur: 1000,
|
||||
lines: 12,
|
||||
fn: (dur, index, total) => {
|
||||
const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
|
||||
const animationDelay = `${(dur * index / total) - dur}ms`;
|
||||
return {
|
||||
y1: 17,
|
||||
y2: 29,
|
||||
style: {
|
||||
'transform': transform,
|
||||
'animation-delay': animationDelay,
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
'lines-small': {
|
||||
dur: 1000,
|
||||
lines: 12,
|
||||
fn: (dur, index, total) => {
|
||||
const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
|
||||
const animationDelay = `${(dur * index / total) - dur}ms`;
|
||||
return {
|
||||
y1: 12,
|
||||
y2: 20,
|
||||
style: {
|
||||
'transform': transform,
|
||||
'animation-delay': animationDelay,
|
||||
}
|
||||
};
|
||||
'bubbles': {
|
||||
dur: 1000,
|
||||
circles: 9,
|
||||
fn: (dur, index, total) => {
|
||||
const animationDelay = `${(dur * index / total) - dur}ms`;
|
||||
const angle = 2 * Math.PI * index / total;
|
||||
return {
|
||||
r: 5,
|
||||
style: {
|
||||
'top': `${9 * Math.sin(angle)}px`,
|
||||
'left': `${9 * Math.cos(angle)}px`,
|
||||
'animation-delay': animationDelay,
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
'circles': {
|
||||
dur: 1000,
|
||||
circles: 8,
|
||||
fn: (dur, index, total) => {
|
||||
const step = index / total;
|
||||
const animationDelay = `${(dur * step) - dur}ms`;
|
||||
const angle = 2 * Math.PI * step;
|
||||
return {
|
||||
r: 5,
|
||||
style: {
|
||||
'top': `${9 * Math.sin(angle)}px`,
|
||||
'left': `${9 * Math.cos(angle)}px`,
|
||||
'animation-delay': animationDelay,
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
'circular': {
|
||||
dur: 1400,
|
||||
elmDuration: true,
|
||||
circles: 1,
|
||||
fn: () => {
|
||||
return {
|
||||
r: 20,
|
||||
cx: 48,
|
||||
cy: 48,
|
||||
fill: 'none',
|
||||
viewBox: '24 24 48 48',
|
||||
transform: 'translate(0,0)',
|
||||
style: {}
|
||||
};
|
||||
}
|
||||
},
|
||||
'crescent': {
|
||||
dur: 750,
|
||||
circles: 1,
|
||||
fn: () => {
|
||||
return {
|
||||
r: 26,
|
||||
style: {}
|
||||
};
|
||||
}
|
||||
},
|
||||
'dots': {
|
||||
dur: 750,
|
||||
circles: 3,
|
||||
fn: (_, index) => {
|
||||
const animationDelay = -(110 * index) + 'ms';
|
||||
return {
|
||||
r: 6,
|
||||
style: {
|
||||
'left': `${9 - (9 * index)}px`,
|
||||
'animation-delay': animationDelay,
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
'lines': {
|
||||
dur: 1000,
|
||||
lines: 12,
|
||||
fn: (dur, index, total) => {
|
||||
const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
|
||||
const animationDelay = `${(dur * index / total) - dur}ms`;
|
||||
return {
|
||||
y1: 17,
|
||||
y2: 29,
|
||||
style: {
|
||||
'transform': transform,
|
||||
'animation-delay': animationDelay,
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
'lines-small': {
|
||||
dur: 1000,
|
||||
lines: 12,
|
||||
fn: (dur, index, total) => {
|
||||
const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
|
||||
const animationDelay = `${(dur * index / total) - dur}ms`;
|
||||
return {
|
||||
y1: 12,
|
||||
y2: 20,
|
||||
style: {
|
||||
'transform': transform,
|
||||
'animation-delay': animationDelay,
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
};
|
||||
const SPINNERS = spinners;
|
||||
|
||||
@@ -378,9 +378,9 @@ const SPINNERS = spinners;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/theme-3f0b0c04.js":
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js":
|
||||
/*!*************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/theme-3f0b0c04.js ***!
|
||||
!*** ./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js ***!
|
||||
\*************************************************************/
|
||||
/*! exports provided: c, g, h, o */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
@@ -392,44 +392,41 @@ __webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return hostContext; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "o", function() { return openURL; });
|
||||
const hostContext = (selector, el) => {
|
||||
return el.closest(selector) !== null;
|
||||
return el.closest(selector) !== null;
|
||||
};
|
||||
/**
|
||||
* Create the mode and color classes for the component based on the classes passed in
|
||||
*/
|
||||
const createColorClasses = (color) => {
|
||||
return (typeof color === 'string' && color.length > 0) ? {
|
||||
'ion-color': true,
|
||||
[`ion-color-${color}`]: true
|
||||
} : undefined;
|
||||
const createColorClasses = (color, cssClassMap) => {
|
||||
return (typeof color === 'string' && color.length > 0) ? Object.assign({ 'ion-color': true, [`ion-color-${color}`]: true }, cssClassMap) : cssClassMap;
|
||||
};
|
||||
const getClassList = (classes) => {
|
||||
if (classes !== undefined) {
|
||||
const array = Array.isArray(classes) ? classes : classes.split(' ');
|
||||
return array
|
||||
.filter(c => c != null)
|
||||
.map(c => c.trim())
|
||||
.filter(c => c !== '');
|
||||
}
|
||||
return [];
|
||||
if (classes !== undefined) {
|
||||
const array = Array.isArray(classes) ? classes : classes.split(' ');
|
||||
return array
|
||||
.filter(c => c != null)
|
||||
.map(c => c.trim())
|
||||
.filter(c => c !== '');
|
||||
}
|
||||
return [];
|
||||
};
|
||||
const getClassMap = (classes) => {
|
||||
const map = {};
|
||||
getClassList(classes).forEach(c => map[c] = true);
|
||||
return map;
|
||||
const map = {};
|
||||
getClassList(classes).forEach(c => map[c] = true);
|
||||
return map;
|
||||
};
|
||||
const SCHEME = /^[a-z][a-z0-9+\-.]*:/;
|
||||
const openURL = async (url, ev, direction, animation) => {
|
||||
if (url != null && url[0] !== '#' && !SCHEME.test(url)) {
|
||||
const router = document.querySelector('ion-router');
|
||||
if (router) {
|
||||
if (ev != null) {
|
||||
ev.preventDefault();
|
||||
}
|
||||
return router.push(url, direction, animation);
|
||||
}
|
||||
if (url != null && url[0] !== '#' && !SCHEME.test(url)) {
|
||||
const router = document.querySelector('ion-router');
|
||||
if (router) {
|
||||
if (ev != null) {
|
||||
ev.preventDefault();
|
||||
}
|
||||
return router.push(url, direction, animation);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user