mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-19 04:57:52 +00:00
improve header
This commit is contained in:
Peter Maquiran
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,168 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-col_3.entry.js":
|
||||
/*!**************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-col_3.entry.js ***!
|
||||
\**************************************************************/
|
||||
/*! exports provided: ion_col, ion_grid, ion_row */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_col", function() { return Col; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_grid", function() { return Grid; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_row", function() { return Row; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
|
||||
|
||||
|
||||
const SIZE_TO_MEDIA = {
|
||||
'xs': '(min-width: 0px)',
|
||||
'sm': '(min-width: 576px)',
|
||||
'md': '(min-width: 768px)',
|
||||
'lg': '(min-width: 992px)',
|
||||
'xl': '(min-width: 1200px)',
|
||||
};
|
||||
// Check if the window matches the media query
|
||||
// at the breakpoint passed
|
||||
// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px
|
||||
const matchBreakpoint = (breakpoint) => {
|
||||
if (breakpoint === undefined || breakpoint === '') {
|
||||
return true;
|
||||
}
|
||||
if (window.matchMedia) {
|
||||
const mediaQuery = SIZE_TO_MEDIA[breakpoint];
|
||||
return window.matchMedia(mediaQuery).matches;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
const colCss = ":host{padding-left:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;width:100%;max-width:100%;min-height:1px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px))}}@media (min-width: 576px){:host{padding-left:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 768px){:host{padding-left:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 992px){:host{padding-left:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 1200px){:host{padding-left:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}}";
|
||||
|
||||
const win = window;
|
||||
const SUPPORTS_VARS = !!(win.CSS && win.CSS.supports && win.CSS.supports('--a: 0'));
|
||||
const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
|
||||
const Col = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
onResize() {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["j"])(this);
|
||||
}
|
||||
// Loop through all of the breakpoints to see if the media query
|
||||
// matches and grab the column value from the relevant prop if so
|
||||
getColumns(property) {
|
||||
let matched;
|
||||
for (const breakpoint of BREAKPOINTS) {
|
||||
const matches = matchBreakpoint(breakpoint);
|
||||
// Grab the value of the property, if it exists and our
|
||||
// media query matches we return the value
|
||||
const columns = this[property + breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)];
|
||||
if (matches && columns !== undefined) {
|
||||
matched = columns;
|
||||
}
|
||||
}
|
||||
// Return the last matched columns since the breakpoints
|
||||
// increase in size and we want to return the largest match
|
||||
return matched;
|
||||
}
|
||||
calculateSize() {
|
||||
const columns = this.getColumns('size');
|
||||
// If size wasn't set for any breakpoint
|
||||
// or if the user set the size without a value
|
||||
// it means we need to stick with the default and return
|
||||
// e.g. <ion-col size-md>
|
||||
if (!columns || columns === '') {
|
||||
return;
|
||||
}
|
||||
// If the size is set to auto then don't calculate a size
|
||||
const colSize = (columns === 'auto')
|
||||
? 'auto'
|
||||
// If CSS supports variables we should use the grid columns var
|
||||
: SUPPORTS_VARS ? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
|
||||
// Convert the columns to a percentage by dividing by the total number
|
||||
// of columns (12) and then multiplying by 100
|
||||
: ((columns / 12) * 100) + '%';
|
||||
return {
|
||||
'flex': `0 0 ${colSize}`,
|
||||
'width': `${colSize}`,
|
||||
'max-width': `${colSize}`
|
||||
};
|
||||
}
|
||||
// Called by push, pull, and offset since they use the same calculations
|
||||
calculatePosition(property, modifier) {
|
||||
const columns = this.getColumns(property);
|
||||
if (!columns) {
|
||||
return;
|
||||
}
|
||||
// If the number of columns passed are greater than 0 and less than
|
||||
// 12 we can position the column, else default to auto
|
||||
const amount = SUPPORTS_VARS
|
||||
// If CSS supports variables we should use the grid columns var
|
||||
? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
|
||||
// Convert the columns to a percentage by dividing by the total number
|
||||
// of columns (12) and then multiplying by 100
|
||||
: (columns > 0 && columns < 12) ? (columns / 12 * 100) + '%' : 'auto';
|
||||
return {
|
||||
[modifier]: amount
|
||||
};
|
||||
}
|
||||
calculateOffset(isRTL) {
|
||||
return this.calculatePosition('offset', isRTL ? 'margin-right' : 'margin-left');
|
||||
}
|
||||
calculatePull(isRTL) {
|
||||
return this.calculatePosition('pull', isRTL ? 'left' : 'right');
|
||||
}
|
||||
calculatePush(isRTL) {
|
||||
return this.calculatePosition('push', isRTL ? 'right' : 'left');
|
||||
}
|
||||
render() {
|
||||
const isRTL = document.dir === 'rtl';
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: {
|
||||
[mode]: true
|
||||
}, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)));
|
||||
}
|
||||
};
|
||||
Col.style = colCss;
|
||||
|
||||
const gridCss = ":host{padding-left:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));margin-left:auto;margin-right:auto;display:block;-ms-flex:1;flex:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px))}}@media (min-width: 576px){:host{padding-left:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}}@media (min-width: 768px){:host{padding-left:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}}@media (min-width: 992px){:host{padding-left:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}}@media (min-width: 1200px){:host{padding-left:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}";
|
||||
|
||||
const Grid = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
/**
|
||||
* If `true`, the grid will have a fixed width based on the screen size.
|
||||
*/
|
||||
this.fixed = false;
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: {
|
||||
[mode]: true,
|
||||
'grid-fixed': this.fixed
|
||||
} }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)));
|
||||
}
|
||||
};
|
||||
Grid.style = gridCss;
|
||||
|
||||
const rowCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";
|
||||
|
||||
const Row = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
render() {
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)));
|
||||
}
|
||||
};
|
||||
Row.style = rowCss;
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=10-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,259 +0,0 @@
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
||||
|
||||
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
||||
|
||||
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-col_3.entry.js":
|
||||
/*!**************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-col_3.entry.js ***!
|
||||
\**************************************************************/
|
||||
|
||||
/*! exports provided: ion_col, ion_grid, ion_row */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonCol_3EntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_col", function () {
|
||||
return Col;
|
||||
});
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_grid", function () {
|
||||
return Grid;
|
||||
});
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_row", function () {
|
||||
return Row;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
|
||||
var SIZE_TO_MEDIA = {
|
||||
'xs': '(min-width: 0px)',
|
||||
'sm': '(min-width: 576px)',
|
||||
'md': '(min-width: 768px)',
|
||||
'lg': '(min-width: 992px)',
|
||||
'xl': '(min-width: 1200px)'
|
||||
}; // Check if the window matches the media query
|
||||
// at the breakpoint passed
|
||||
// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px
|
||||
|
||||
var matchBreakpoint = function matchBreakpoint(breakpoint) {
|
||||
if (breakpoint === undefined || breakpoint === '') {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (window.matchMedia) {
|
||||
var mediaQuery = SIZE_TO_MEDIA[breakpoint];
|
||||
return window.matchMedia(mediaQuery).matches;
|
||||
}
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
var colCss = ":host{padding-left:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;width:100%;max-width:100%;min-height:1px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px))}}@media (min-width: 576px){:host{padding-left:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 768px){:host{padding-left:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 992px){:host{padding-left:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 1200px){:host{padding-left:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}}";
|
||||
var win = window;
|
||||
var SUPPORTS_VARS = !!(win.CSS && win.CSS.supports && win.CSS.supports('--a: 0'));
|
||||
var BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
|
||||
|
||||
var Col = /*#__PURE__*/function () {
|
||||
function Col(hostRef) {
|
||||
_classCallCheck(this, Col);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
|
||||
_createClass(Col, [{
|
||||
key: "onResize",
|
||||
value: function onResize() {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["j"])(this);
|
||||
} // Loop through all of the breakpoints to see if the media query
|
||||
// matches and grab the column value from the relevant prop if so
|
||||
|
||||
}, {
|
||||
key: "getColumns",
|
||||
value: function getColumns(property) {
|
||||
var matched;
|
||||
|
||||
var _iterator = _createForOfIteratorHelper(BREAKPOINTS),
|
||||
_step;
|
||||
|
||||
try {
|
||||
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
||||
var breakpoint = _step.value;
|
||||
var matches = matchBreakpoint(breakpoint); // Grab the value of the property, if it exists and our
|
||||
// media query matches we return the value
|
||||
|
||||
var columns = this[property + breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)];
|
||||
|
||||
if (matches && columns !== undefined) {
|
||||
matched = columns;
|
||||
}
|
||||
} // Return the last matched columns since the breakpoints
|
||||
// increase in size and we want to return the largest match
|
||||
|
||||
} catch (err) {
|
||||
_iterator.e(err);
|
||||
} finally {
|
||||
_iterator.f();
|
||||
}
|
||||
|
||||
return matched;
|
||||
}
|
||||
}, {
|
||||
key: "calculateSize",
|
||||
value: function calculateSize() {
|
||||
var columns = this.getColumns('size'); // If size wasn't set for any breakpoint
|
||||
// or if the user set the size without a value
|
||||
// it means we need to stick with the default and return
|
||||
// e.g. <ion-col size-md>
|
||||
|
||||
if (!columns || columns === '') {
|
||||
return;
|
||||
} // If the size is set to auto then don't calculate a size
|
||||
|
||||
|
||||
var colSize = columns === 'auto' ? 'auto' // If CSS supports variables we should use the grid columns var
|
||||
: SUPPORTS_VARS ? "calc(calc(".concat(columns, " / var(--ion-grid-columns, 12)) * 100%)") // Convert the columns to a percentage by dividing by the total number
|
||||
// of columns (12) and then multiplying by 100
|
||||
: columns / 12 * 100 + '%';
|
||||
return {
|
||||
'flex': "0 0 ".concat(colSize),
|
||||
'width': "".concat(colSize),
|
||||
'max-width': "".concat(colSize)
|
||||
};
|
||||
} // Called by push, pull, and offset since they use the same calculations
|
||||
|
||||
}, {
|
||||
key: "calculatePosition",
|
||||
value: function calculatePosition(property, modifier) {
|
||||
var columns = this.getColumns(property);
|
||||
|
||||
if (!columns) {
|
||||
return;
|
||||
} // If the number of columns passed are greater than 0 and less than
|
||||
// 12 we can position the column, else default to auto
|
||||
|
||||
|
||||
var amount = SUPPORTS_VARS // If CSS supports variables we should use the grid columns var
|
||||
? "calc(calc(".concat(columns, " / var(--ion-grid-columns, 12)) * 100%)") // Convert the columns to a percentage by dividing by the total number
|
||||
// of columns (12) and then multiplying by 100
|
||||
: columns > 0 && columns < 12 ? columns / 12 * 100 + '%' : 'auto';
|
||||
return _defineProperty({}, modifier, amount);
|
||||
}
|
||||
}, {
|
||||
key: "calculateOffset",
|
||||
value: function calculateOffset(isRTL) {
|
||||
return this.calculatePosition('offset', isRTL ? 'margin-right' : 'margin-left');
|
||||
}
|
||||
}, {
|
||||
key: "calculatePull",
|
||||
value: function calculatePull(isRTL) {
|
||||
return this.calculatePosition('pull', isRTL ? 'left' : 'right');
|
||||
}
|
||||
}, {
|
||||
key: "calculatePush",
|
||||
value: function calculatePush(isRTL) {
|
||||
return this.calculatePosition('push', isRTL ? 'right' : 'left');
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var isRTL = document.dir === 'rtl';
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": _defineProperty({}, mode, true),
|
||||
style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize())
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null));
|
||||
}
|
||||
}]);
|
||||
|
||||
return Col;
|
||||
}();
|
||||
|
||||
Col.style = colCss;
|
||||
var gridCss = ":host{padding-left:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));margin-left:auto;margin-right:auto;display:block;-ms-flex:1;flex:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px))}}@media (min-width: 576px){:host{padding-left:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}}@media (min-width: 768px){:host{padding-left:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}}@media (min-width: 992px){:host{padding-left:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}}@media (min-width: 1200px){:host{padding-left:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}";
|
||||
|
||||
var Grid = /*#__PURE__*/function () {
|
||||
function Grid(hostRef) {
|
||||
_classCallCheck(this, Grid);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
/**
|
||||
* If `true`, the grid will have a fixed width based on the screen size.
|
||||
*/
|
||||
|
||||
this.fixed = false;
|
||||
}
|
||||
|
||||
_createClass(Grid, [{
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _class2;
|
||||
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": (_class2 = {}, _defineProperty(_class2, mode, true), _defineProperty(_class2, 'grid-fixed', this.fixed), _class2)
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null));
|
||||
}
|
||||
}]);
|
||||
|
||||
return Grid;
|
||||
}();
|
||||
|
||||
Grid.style = gridCss;
|
||||
var rowCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";
|
||||
|
||||
var Row = /*#__PURE__*/function () {
|
||||
function Row(hostRef) {
|
||||
_classCallCheck(this, Row);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
|
||||
_createClass(Row, [{
|
||||
key: "render",
|
||||
value: function render() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this)
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null));
|
||||
}
|
||||
}]);
|
||||
|
||||
return Row;
|
||||
}();
|
||||
|
||||
Row.style = rowCss;
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=10-es5.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,91 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[13],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-img.entry.js":
|
||||
/*!************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-img.entry.js ***!
|
||||
\************************************************************/
|
||||
/*! exports provided: ion_img */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_img", function() { return Img; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
|
||||
|
||||
|
||||
const imgCss = ":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}";
|
||||
|
||||
const Img = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionImgWillLoad = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionImgWillLoad", 7);
|
||||
this.ionImgDidLoad = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionImgDidLoad", 7);
|
||||
this.ionError = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionError", 7);
|
||||
this.onLoad = () => {
|
||||
this.ionImgDidLoad.emit();
|
||||
};
|
||||
this.onError = () => {
|
||||
this.ionError.emit();
|
||||
};
|
||||
}
|
||||
srcChanged() {
|
||||
this.addIO();
|
||||
}
|
||||
componentDidLoad() {
|
||||
this.addIO();
|
||||
}
|
||||
addIO() {
|
||||
if (this.src === undefined) {
|
||||
return;
|
||||
}
|
||||
if (typeof window !== 'undefined' &&
|
||||
'IntersectionObserver' in window &&
|
||||
'IntersectionObserverEntry' in window &&
|
||||
'isIntersecting' in window.IntersectionObserverEntry.prototype) {
|
||||
this.removeIO();
|
||||
this.io = new IntersectionObserver(data => {
|
||||
// because there will only ever be one instance
|
||||
// of the element we are observing
|
||||
// we can just use data[0]
|
||||
if (data[0].isIntersecting) {
|
||||
this.load();
|
||||
this.removeIO();
|
||||
}
|
||||
});
|
||||
this.io.observe(this.el);
|
||||
}
|
||||
else {
|
||||
// fall back to setTimeout for Safari and IE
|
||||
setTimeout(() => this.load(), 200);
|
||||
}
|
||||
}
|
||||
load() {
|
||||
this.loadError = this.onError;
|
||||
this.loadSrc = this.src;
|
||||
this.ionImgWillLoad.emit();
|
||||
}
|
||||
removeIO() {
|
||||
if (this.io) {
|
||||
this.io.disconnect();
|
||||
this.io = undefined;
|
||||
}
|
||||
}
|
||||
render() {
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("img", { decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"src": ["srcChanged"]
|
||||
}; }
|
||||
};
|
||||
Img.style = imgCss;
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=13-es2015.js.map
|
||||
@@ -1 +0,0 @@
|
||||
{"version":3,"sources":["./node_modules/@ionic/core/dist/esm/ion-img.entry.js"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAA6G;AAChD;;AAE7D,sBAAsB,cAAc,sBAAsB,mBAAmB,IAAI,cAAc,WAAW,YAAY,sBAAsB,mBAAmB,2BAA2B,wBAAwB;;AAElN;AACA;AACA,IAAI,4DAAgB;AACpB,0BAA0B,4DAAW;AACrC,yBAAyB,4DAAW;AACpC,oBAAoB,4DAAW;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,4DAAC,CAAC,oDAAI,GAAG,QAAQ,mEAAU,QAAQ,EAAE,4DAAC,SAAS,mHAAmH;AAC9K;AACA,YAAY,QAAQ,4DAAU,OAAO;AACrC,yBAAyB;AACzB;AACA,IAAI;AACJ;AACA;;AAE0B","file":"13-es2015.js","sourcesContent":["import { r as registerInstance, e as createEvent, h, H as Host, i as getElement } from './index-e806d1f6.js';\nimport { b as getIonMode } from './ionic-global-9d5c8ee3.js';\n\nconst imgCss = \":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}\";\n\nconst Img = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.ionImgWillLoad = createEvent(this, \"ionImgWillLoad\", 7);\n this.ionImgDidLoad = createEvent(this, \"ionImgDidLoad\", 7);\n this.ionError = createEvent(this, \"ionError\", 7);\n this.onLoad = () => {\n this.ionImgDidLoad.emit();\n };\n this.onError = () => {\n this.ionError.emit();\n };\n }\n srcChanged() {\n this.addIO();\n }\n componentDidLoad() {\n this.addIO();\n }\n addIO() {\n if (this.src === undefined) {\n return;\n }\n if (typeof window !== 'undefined' &&\n 'IntersectionObserver' in window &&\n 'IntersectionObserverEntry' in window &&\n 'isIntersecting' in window.IntersectionObserverEntry.prototype) {\n this.removeIO();\n this.io = new IntersectionObserver(data => {\n // because there will only ever be one instance\n // of the element we are observing\n // we can just use data[0]\n if (data[0].isIntersecting) {\n this.load();\n this.removeIO();\n }\n });\n this.io.observe(this.el);\n }\n else {\n // fall back to setTimeout for Safari and IE\n setTimeout(() => this.load(), 200);\n }\n }\n load() {\n this.loadError = this.onError;\n this.loadSrc = this.src;\n this.ionImgWillLoad.emit();\n }\n removeIO() {\n if (this.io) {\n this.io.disconnect();\n this.io = undefined;\n }\n }\n render() {\n return (h(Host, { class: getIonMode(this) }, h(\"img\", { decoding: \"async\", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: \"image\" })));\n }\n get el() { return getElement(this); }\n static get watchers() { return {\n \"src\": [\"srcChanged\"]\n }; }\n};\nImg.style = imgCss;\n\nexport { Img as ion_img };\n"],"sourceRoot":"webpack:///"}
|
||||
@@ -1,151 +0,0 @@
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[13], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-img.entry.js":
|
||||
/*!************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-img.entry.js ***!
|
||||
\************************************************************/
|
||||
|
||||
/*! exports provided: ion_img */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonImgEntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_img", function () {
|
||||
return Img;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
|
||||
var imgCss = ":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}";
|
||||
|
||||
var Img = /*#__PURE__*/function () {
|
||||
function Img(hostRef) {
|
||||
var _this = this;
|
||||
|
||||
_classCallCheck(this, Img);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionImgWillLoad = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionImgWillLoad", 7);
|
||||
this.ionImgDidLoad = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionImgDidLoad", 7);
|
||||
this.ionError = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionError", 7);
|
||||
|
||||
this.onLoad = function () {
|
||||
_this.ionImgDidLoad.emit();
|
||||
};
|
||||
|
||||
this.onError = function () {
|
||||
_this.ionError.emit();
|
||||
};
|
||||
}
|
||||
|
||||
_createClass(Img, [{
|
||||
key: "srcChanged",
|
||||
value: function srcChanged() {
|
||||
this.addIO();
|
||||
}
|
||||
}, {
|
||||
key: "componentDidLoad",
|
||||
value: function componentDidLoad() {
|
||||
this.addIO();
|
||||
}
|
||||
}, {
|
||||
key: "addIO",
|
||||
value: function addIO() {
|
||||
var _this2 = this;
|
||||
|
||||
if (this.src === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'isIntersecting' in window.IntersectionObserverEntry.prototype) {
|
||||
this.removeIO();
|
||||
this.io = new IntersectionObserver(function (data) {
|
||||
// because there will only ever be one instance
|
||||
// of the element we are observing
|
||||
// we can just use data[0]
|
||||
if (data[0].isIntersecting) {
|
||||
_this2.load();
|
||||
|
||||
_this2.removeIO();
|
||||
}
|
||||
});
|
||||
this.io.observe(this.el);
|
||||
} else {
|
||||
// fall back to setTimeout for Safari and IE
|
||||
setTimeout(function () {
|
||||
return _this2.load();
|
||||
}, 200);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "load",
|
||||
value: function load() {
|
||||
this.loadError = this.onError;
|
||||
this.loadSrc = this.src;
|
||||
this.ionImgWillLoad.emit();
|
||||
}
|
||||
}, {
|
||||
key: "removeIO",
|
||||
value: function removeIO() {
|
||||
if (this.io) {
|
||||
this.io.disconnect();
|
||||
this.io = undefined;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this)
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("img", {
|
||||
decoding: "async",
|
||||
src: this.loadSrc,
|
||||
alt: this.alt,
|
||||
onLoad: this.onLoad,
|
||||
onError: this.loadError,
|
||||
part: "image"
|
||||
}));
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}], [{
|
||||
key: "watchers",
|
||||
get: function get() {
|
||||
return {
|
||||
"src": ["srcChanged"]
|
||||
};
|
||||
}
|
||||
}]);
|
||||
|
||||
return Img;
|
||||
}();
|
||||
|
||||
Img.style = imgCss;
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=13-es5.js.map
|
||||
@@ -1 +0,0 @@
|
||||
{"version":3,"sources":["webpack:///node_modules/@ionic/core/dist/esm/ion-img.entry.js"],"names":["imgCss","Img","hostRef","ionImgWillLoad","ionImgDidLoad","ionError","onLoad","emit","onError","addIO","src","undefined","window","IntersectionObserverEntry","prototype","removeIO","io","IntersectionObserver","data","isIntersecting","load","observe","el","setTimeout","loadError","loadSrc","disconnect","decoding","alt","part","style"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;;AAGA,QAAMA,MAAM,GAAG,oMAAf;;AAEA,QAAMC,GAAG;AACP,mBAAYC,OAAZ,EAAqB;AAAA;;AAAA;;AACnB,qEAAiB,IAAjB,EAAuBA,OAAvB;AACA,aAAKC,cAAL,GAAsB,6DAAY,IAAZ,EAAkB,gBAAlB,EAAoC,CAApC,CAAtB;AACA,aAAKC,aAAL,GAAqB,6DAAY,IAAZ,EAAkB,eAAlB,EAAmC,CAAnC,CAArB;AACA,aAAKC,QAAL,GAAgB,6DAAY,IAAZ,EAAkB,UAAlB,EAA8B,CAA9B,CAAhB;;AACA,aAAKC,MAAL,GAAc,YAAM;AAClB,eAAI,CAACF,aAAL,CAAmBG,IAAnB;AACD,SAFD;;AAGA,aAAKC,OAAL,GAAe,YAAM;AACnB,eAAI,CAACH,QAAL,CAAcE,IAAd;AACD,SAFD;AAGD;;AAZM;AAAA;AAAA,eAaP,sBAAa;AACX,eAAKE,KAAL;AACD;AAfM;AAAA;AAAA,eAgBP,4BAAmB;AACjB,eAAKA,KAAL;AACD;AAlBM;AAAA;AAAA,eAmBP,iBAAQ;AAAA;;AACN,cAAI,KAAKC,GAAL,KAAaC,SAAjB,EAA4B;AAC1B;AACD;;AACD,cAAI,OAAOC,MAAP,KAAkB,WAAlB,IACF,0BAA0BA,MADxB,IAEF,+BAA+BA,MAF7B,IAGF,oBAAoBA,MAAM,CAACC,yBAAP,CAAiCC,SAHvD,EAGkE;AAChE,iBAAKC,QAAL;AACA,iBAAKC,EAAL,GAAU,IAAIC,oBAAJ,CAAyB,UAAAC,IAAI,EAAI;AACzC;AACA;AACA;AACA,kBAAIA,IAAI,CAAC,CAAD,CAAJ,CAAQC,cAAZ,EAA4B;AAC1B,sBAAI,CAACC,IAAL;;AACA,sBAAI,CAACL,QAAL;AACD;AACF,aARS,CAAV;AASA,iBAAKC,EAAL,CAAQK,OAAR,CAAgB,KAAKC,EAArB;AACD,WAfD,MAgBK;AACH;AACAC,sBAAU,CAAC;AAAA,qBAAM,MAAI,CAACH,IAAL,EAAN;AAAA,aAAD,EAAoB,GAApB,CAAV;AACD;AACF;AA3CM;AAAA;AAAA,eA4CP,gBAAO;AACL,eAAKI,SAAL,GAAiB,KAAKhB,OAAtB;AACA,eAAKiB,OAAL,GAAe,KAAKf,GAApB;AACA,eAAKP,cAAL,CAAoBI,IAApB;AACD;AAhDM;AAAA;AAAA,eAiDP,oBAAW;AACT,cAAI,KAAKS,EAAT,EAAa;AACX,iBAAKA,EAAL,CAAQU,UAAR;AACA,iBAAKV,EAAL,GAAUL,SAAV;AACD;AACF;AAtDM;AAAA;AAAA,eAuDP,kBAAS;AACP,iBAAQ,6DAAE,oDAAF,EAAQ;AAAE,qBAAO,oEAAW,IAAX;AAAT,WAAR,EAAqC,6DAAE,KAAF,EAAS;AAAEgB,oBAAQ,EAAE,OAAZ;AAAqBjB,eAAG,EAAE,KAAKe,OAA/B;AAAwCG,eAAG,EAAE,KAAKA,GAAlD;AAAuDtB,kBAAM,EAAE,KAAKA,MAApE;AAA4EE,mBAAO,EAAE,KAAKgB,SAA1F;AAAqGK,gBAAI,EAAE;AAA3G,WAAT,CAArC,CAAR;AACD;AAzDM;AAAA;AAAA,aA0DP,eAAS;AAAE,iBAAO,6DAAW,IAAX,CAAP;AAA0B;AA1D9B;AAAA;AAAA,aA2DP,eAAsB;AAAE,iBAAO;AAC7B,mBAAO,CAAC,YAAD;AADsB,WAAP;AAEpB;AA7DG;;AAAA;AAAA,OAAT;;AA+DA5B,OAAG,CAAC6B,KAAJ,GAAY9B,MAAZ","file":"13-es5.js","sourcesContent":["import { r as registerInstance, e as createEvent, h, H as Host, i as getElement } from './index-e806d1f6.js';\nimport { b as getIonMode } from './ionic-global-9d5c8ee3.js';\n\nconst imgCss = \":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}\";\n\nconst Img = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.ionImgWillLoad = createEvent(this, \"ionImgWillLoad\", 7);\n this.ionImgDidLoad = createEvent(this, \"ionImgDidLoad\", 7);\n this.ionError = createEvent(this, \"ionError\", 7);\n this.onLoad = () => {\n this.ionImgDidLoad.emit();\n };\n this.onError = () => {\n this.ionError.emit();\n };\n }\n srcChanged() {\n this.addIO();\n }\n componentDidLoad() {\n this.addIO();\n }\n addIO() {\n if (this.src === undefined) {\n return;\n }\n if (typeof window !== 'undefined' &&\n 'IntersectionObserver' in window &&\n 'IntersectionObserverEntry' in window &&\n 'isIntersecting' in window.IntersectionObserverEntry.prototype) {\n this.removeIO();\n this.io = new IntersectionObserver(data => {\n // because there will only ever be one instance\n // of the element we are observing\n // we can just use data[0]\n if (data[0].isIntersecting) {\n this.load();\n this.removeIO();\n }\n });\n this.io.observe(this.el);\n }\n else {\n // fall back to setTimeout for Safari and IE\n setTimeout(() => this.load(), 200);\n }\n }\n load() {\n this.loadError = this.onError;\n this.loadSrc = this.src;\n this.ionImgWillLoad.emit();\n }\n removeIO() {\n if (this.io) {\n this.io.disconnect();\n this.io = undefined;\n }\n }\n render() {\n return (h(Host, { class: getIonMode(this) }, h(\"img\", { decoding: \"async\", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: \"image\" })));\n }\n get el() { return getElement(this); }\n static get watchers() { return {\n \"src\": [\"srcChanged\"]\n }; }\n};\nImg.style = imgCss;\n\nexport { Img as ion_img };\n"]}
|
||||
@@ -1,253 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[14],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-infinite-scroll_2.entry.js":
|
||||
/*!**************************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-infinite-scroll_2.entry.js ***!
|
||||
\**************************************************************************/
|
||||
/*! exports provided: ion_infinite_scroll, ion_infinite_scroll_content */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_infinite_scroll", function() { return InfiniteScroll; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_infinite_scroll_content", function() { return InfiniteScrollContent; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _index_9e3fe806_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index-9e3fe806.js */ "./node_modules/@ionic/core/dist/esm/index-9e3fe806.js");
|
||||
|
||||
|
||||
|
||||
|
||||
const infiniteScrollCss = "ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";
|
||||
|
||||
const InfiniteScroll = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionInfinite = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionInfinite", 7);
|
||||
this.thrPx = 0;
|
||||
this.thrPc = 0;
|
||||
this.didFire = false;
|
||||
this.isBusy = false;
|
||||
this.isLoading = false;
|
||||
/**
|
||||
* The threshold distance from the bottom
|
||||
* of the content to call the `infinite` output event when scrolled.
|
||||
* The threshold value can be either a percent, or
|
||||
* in pixels. For example, use the value of `10%` for the `infinite`
|
||||
* output event to get called when the user has scrolled 10%
|
||||
* from the bottom of the page. Use the value `100px` when the
|
||||
* scroll is within 100 pixels from the bottom of the page.
|
||||
*/
|
||||
this.threshold = '15%';
|
||||
/**
|
||||
* If `true`, the infinite scroll will be hidden and scroll event listeners
|
||||
* will be removed.
|
||||
*
|
||||
* Set this to true to disable the infinite scroll from actively
|
||||
* trying to receive new data while scrolling. This is useful
|
||||
* when it is known that there is no more data that can be added, and
|
||||
* the infinite scroll is no longer needed.
|
||||
*/
|
||||
this.disabled = false;
|
||||
/**
|
||||
* The position of the infinite scroll element.
|
||||
* The value can be either `top` or `bottom`.
|
||||
*/
|
||||
this.position = 'bottom';
|
||||
this.onScroll = () => {
|
||||
const scrollEl = this.scrollEl;
|
||||
if (!scrollEl || !this.canStart()) {
|
||||
return 1;
|
||||
}
|
||||
const infiniteHeight = this.el.offsetHeight;
|
||||
if (infiniteHeight === 0) {
|
||||
// if there is no height of this element then do nothing
|
||||
return 2;
|
||||
}
|
||||
const scrollTop = scrollEl.scrollTop;
|
||||
const scrollHeight = scrollEl.scrollHeight;
|
||||
const height = scrollEl.offsetHeight;
|
||||
const threshold = this.thrPc !== 0 ? (height * this.thrPc) : this.thrPx;
|
||||
const distanceFromInfinite = (this.position === 'bottom')
|
||||
? scrollHeight - infiniteHeight - scrollTop - threshold - height
|
||||
: scrollTop - infiniteHeight - threshold;
|
||||
if (distanceFromInfinite < 0) {
|
||||
if (!this.didFire) {
|
||||
this.isLoading = true;
|
||||
this.didFire = true;
|
||||
this.ionInfinite.emit();
|
||||
return 3;
|
||||
}
|
||||
}
|
||||
else {
|
||||
this.didFire = false;
|
||||
}
|
||||
return 4;
|
||||
};
|
||||
}
|
||||
thresholdChanged() {
|
||||
const val = this.threshold;
|
||||
if (val.lastIndexOf('%') > -1) {
|
||||
this.thrPx = 0;
|
||||
this.thrPc = (parseFloat(val) / 100);
|
||||
}
|
||||
else {
|
||||
this.thrPx = parseFloat(val);
|
||||
this.thrPc = 0;
|
||||
}
|
||||
}
|
||||
disabledChanged() {
|
||||
const disabled = this.disabled;
|
||||
if (disabled) {
|
||||
this.isLoading = false;
|
||||
this.isBusy = false;
|
||||
}
|
||||
this.enableScrollEvents(!disabled);
|
||||
}
|
||||
async connectedCallback() {
|
||||
const contentEl = this.el.closest('ion-content');
|
||||
if (!contentEl) {
|
||||
console.error('<ion-infinite-scroll> must be used inside an <ion-content>');
|
||||
return;
|
||||
}
|
||||
this.scrollEl = await contentEl.getScrollElement();
|
||||
this.thresholdChanged();
|
||||
this.disabledChanged();
|
||||
if (this.position === 'top') {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => {
|
||||
if (this.scrollEl) {
|
||||
this.scrollEl.scrollTop = this.scrollEl.scrollHeight - this.scrollEl.clientHeight;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
disconnectedCallback() {
|
||||
this.enableScrollEvents(false);
|
||||
this.scrollEl = undefined;
|
||||
}
|
||||
/**
|
||||
* Call `complete()` within the `ionInfinite` output event handler when
|
||||
* your async operation has completed. For example, the `loading`
|
||||
* state is while the app is performing an asynchronous operation,
|
||||
* such as receiving more data from an AJAX request to add more items
|
||||
* to a data list. Once the data has been received and UI updated, you
|
||||
* then call this method to signify that the loading has completed.
|
||||
* This method will change the infinite scroll's state from `loading`
|
||||
* to `enabled`.
|
||||
*/
|
||||
async complete() {
|
||||
const scrollEl = this.scrollEl;
|
||||
if (!this.isLoading || !scrollEl) {
|
||||
return;
|
||||
}
|
||||
this.isLoading = false;
|
||||
if (this.position === 'top') {
|
||||
/**
|
||||
* New content is being added at the top, but the scrollTop position stays the same,
|
||||
* which causes a scroll jump visually. This algorithm makes sure to prevent this.
|
||||
* (Frame 1)
|
||||
* - complete() is called, but the UI hasn't had time to update yet.
|
||||
* - Save the current content dimensions.
|
||||
* - Wait for the next frame using _dom.read, so the UI will be updated.
|
||||
* (Frame 2)
|
||||
* - Read the new content dimensions.
|
||||
* - Calculate the height difference and the new scroll position.
|
||||
* - Delay the scroll position change until other possible dom reads are done using _dom.write to be performant.
|
||||
* (Still frame 2, if I'm correct)
|
||||
* - Change the scroll position (= visually maintain the scroll position).
|
||||
* - Change the state to re-enable the InfiniteScroll.
|
||||
* - This should be after changing the scroll position, or it could
|
||||
* cause the InfiniteScroll to be triggered again immediately.
|
||||
* (Frame 3)
|
||||
* Done.
|
||||
*/
|
||||
this.isBusy = true;
|
||||
// ******** DOM READ ****************
|
||||
// Save the current content dimensions before the UI updates
|
||||
const prev = scrollEl.scrollHeight - scrollEl.scrollTop;
|
||||
// ******** DOM READ ****************
|
||||
requestAnimationFrame(() => {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["f"])(() => {
|
||||
// UI has updated, save the new content dimensions
|
||||
const scrollHeight = scrollEl.scrollHeight;
|
||||
// New content was added on top, so the scroll position should be changed immediately to prevent it from jumping around
|
||||
const newScrollTop = scrollHeight - prev;
|
||||
// ******** DOM WRITE ****************
|
||||
requestAnimationFrame(() => {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => {
|
||||
scrollEl.scrollTop = newScrollTop;
|
||||
this.isBusy = false;
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
canStart() {
|
||||
return (!this.disabled &&
|
||||
!this.isBusy &&
|
||||
!!this.scrollEl &&
|
||||
!this.isLoading);
|
||||
}
|
||||
enableScrollEvents(shouldListen) {
|
||||
if (this.scrollEl) {
|
||||
if (shouldListen) {
|
||||
this.scrollEl.addEventListener('scroll', this.onScroll);
|
||||
}
|
||||
else {
|
||||
this.scrollEl.removeEventListener('scroll', this.onScroll);
|
||||
}
|
||||
}
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const disabled = this.disabled;
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: {
|
||||
[mode]: true,
|
||||
'infinite-scroll-loading': this.isLoading,
|
||||
'infinite-scroll-enabled': !disabled
|
||||
} }));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"threshold": ["thresholdChanged"],
|
||||
"disabled": ["disabledChanged"]
|
||||
}; }
|
||||
};
|
||||
InfiniteScroll.style = infiniteScrollCss;
|
||||
|
||||
const infiniteScrollContentIosCss = "ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{margin-left:32px;margin-right:32px;margin-top:4px;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.infinite-loading-text{margin-left:unset;margin-right:unset;-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px}}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-ios .infinite-loading-text{color:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-small-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, #666666)}";
|
||||
|
||||
const infiniteScrollContentMdCss = "ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{margin-left:32px;margin-right:32px;margin-top:4px;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.infinite-loading-text{margin-left:unset;margin-right:unset;-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px}}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-md .infinite-loading-text{color:var(--ion-color-step-600, #666666)}.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-small-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, #666666)}.infinite-scroll-content-md .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, #666666)}";
|
||||
|
||||
const InfiniteScrollContent = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
componentDidLoad() {
|
||||
if (this.loadingSpinner === undefined) {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
this.loadingSpinner = _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('infiniteLoadingSpinner', _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('spinner', mode === 'ios' ? 'lines' : 'crescent'));
|
||||
}
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: {
|
||||
[mode]: true,
|
||||
// Used internally for styling
|
||||
[`infinite-scroll-content-${mode}`]: true
|
||||
} }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "infinite-loading" }, this.loadingSpinner && (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "infinite-loading-spinner" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-spinner", { name: this.loadingSpinner }))), this.loadingText && (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "infinite-loading-text", innerHTML: Object(_index_9e3fe806_js__WEBPACK_IMPORTED_MODULE_2__["s"])(this.loadingText) })))));
|
||||
}
|
||||
};
|
||||
InfiniteScrollContent.style = {
|
||||
ios: infiniteScrollContentIosCss,
|
||||
md: infiniteScrollContentMdCss
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=14-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,407 +0,0 @@
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
||||
|
||||
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[14], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-infinite-scroll_2.entry.js":
|
||||
/*!**************************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-infinite-scroll_2.entry.js ***!
|
||||
\**************************************************************************/
|
||||
|
||||
/*! exports provided: ion_infinite_scroll, ion_infinite_scroll_content */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonInfiniteScroll_2EntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_infinite_scroll", function () {
|
||||
return InfiniteScroll;
|
||||
});
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_infinite_scroll_content", function () {
|
||||
return InfiniteScrollContent;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _index_9e3fe806_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
|
||||
/*! ./index-9e3fe806.js */
|
||||
"./node_modules/@ionic/core/dist/esm/index-9e3fe806.js");
|
||||
|
||||
var infiniteScrollCss = "ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";
|
||||
|
||||
var InfiniteScroll = /*#__PURE__*/function () {
|
||||
function InfiniteScroll(hostRef) {
|
||||
var _this = this;
|
||||
|
||||
_classCallCheck(this, InfiniteScroll);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionInfinite = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionInfinite", 7);
|
||||
this.thrPx = 0;
|
||||
this.thrPc = 0;
|
||||
this.didFire = false;
|
||||
this.isBusy = false;
|
||||
this.isLoading = false;
|
||||
/**
|
||||
* The threshold distance from the bottom
|
||||
* of the content to call the `infinite` output event when scrolled.
|
||||
* The threshold value can be either a percent, or
|
||||
* in pixels. For example, use the value of `10%` for the `infinite`
|
||||
* output event to get called when the user has scrolled 10%
|
||||
* from the bottom of the page. Use the value `100px` when the
|
||||
* scroll is within 100 pixels from the bottom of the page.
|
||||
*/
|
||||
|
||||
this.threshold = '15%';
|
||||
/**
|
||||
* If `true`, the infinite scroll will be hidden and scroll event listeners
|
||||
* will be removed.
|
||||
*
|
||||
* Set this to true to disable the infinite scroll from actively
|
||||
* trying to receive new data while scrolling. This is useful
|
||||
* when it is known that there is no more data that can be added, and
|
||||
* the infinite scroll is no longer needed.
|
||||
*/
|
||||
|
||||
this.disabled = false;
|
||||
/**
|
||||
* The position of the infinite scroll element.
|
||||
* The value can be either `top` or `bottom`.
|
||||
*/
|
||||
|
||||
this.position = 'bottom';
|
||||
|
||||
this.onScroll = function () {
|
||||
var scrollEl = _this.scrollEl;
|
||||
|
||||
if (!scrollEl || !_this.canStart()) {
|
||||
return 1;
|
||||
}
|
||||
|
||||
var infiniteHeight = _this.el.offsetHeight;
|
||||
|
||||
if (infiniteHeight === 0) {
|
||||
// if there is no height of this element then do nothing
|
||||
return 2;
|
||||
}
|
||||
|
||||
var scrollTop = scrollEl.scrollTop;
|
||||
var scrollHeight = scrollEl.scrollHeight;
|
||||
var height = scrollEl.offsetHeight;
|
||||
var threshold = _this.thrPc !== 0 ? height * _this.thrPc : _this.thrPx;
|
||||
var distanceFromInfinite = _this.position === 'bottom' ? scrollHeight - infiniteHeight - scrollTop - threshold - height : scrollTop - infiniteHeight - threshold;
|
||||
|
||||
if (distanceFromInfinite < 0) {
|
||||
if (!_this.didFire) {
|
||||
_this.isLoading = true;
|
||||
_this.didFire = true;
|
||||
|
||||
_this.ionInfinite.emit();
|
||||
|
||||
return 3;
|
||||
}
|
||||
} else {
|
||||
_this.didFire = false;
|
||||
}
|
||||
|
||||
return 4;
|
||||
};
|
||||
}
|
||||
|
||||
_createClass(InfiniteScroll, [{
|
||||
key: "thresholdChanged",
|
||||
value: function thresholdChanged() {
|
||||
var val = this.threshold;
|
||||
|
||||
if (val.lastIndexOf('%') > -1) {
|
||||
this.thrPx = 0;
|
||||
this.thrPc = parseFloat(val) / 100;
|
||||
} else {
|
||||
this.thrPx = parseFloat(val);
|
||||
this.thrPc = 0;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "disabledChanged",
|
||||
value: function disabledChanged() {
|
||||
var disabled = this.disabled;
|
||||
|
||||
if (disabled) {
|
||||
this.isLoading = false;
|
||||
this.isBusy = false;
|
||||
}
|
||||
|
||||
this.enableScrollEvents(!disabled);
|
||||
}
|
||||
}, {
|
||||
key: "connectedCallback",
|
||||
value: function () {
|
||||
var _connectedCallback = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
||||
var _this2 = this;
|
||||
|
||||
var contentEl;
|
||||
return regeneratorRuntime.wrap(function _callee$(_context) {
|
||||
while (1) {
|
||||
switch (_context.prev = _context.next) {
|
||||
case 0:
|
||||
contentEl = this.el.closest('ion-content');
|
||||
|
||||
if (contentEl) {
|
||||
_context.next = 4;
|
||||
break;
|
||||
}
|
||||
|
||||
console.error('<ion-infinite-scroll> must be used inside an <ion-content>');
|
||||
return _context.abrupt("return");
|
||||
|
||||
case 4:
|
||||
_context.next = 6;
|
||||
return contentEl.getScrollElement();
|
||||
|
||||
case 6:
|
||||
this.scrollEl = _context.sent;
|
||||
this.thresholdChanged();
|
||||
this.disabledChanged();
|
||||
|
||||
if (this.position === 'top') {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(function () {
|
||||
if (_this2.scrollEl) {
|
||||
_this2.scrollEl.scrollTop = _this2.scrollEl.scrollHeight - _this2.scrollEl.clientHeight;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
case 10:
|
||||
case "end":
|
||||
return _context.stop();
|
||||
}
|
||||
}
|
||||
}, _callee, this);
|
||||
}));
|
||||
|
||||
function connectedCallback() {
|
||||
return _connectedCallback.apply(this, arguments);
|
||||
}
|
||||
|
||||
return connectedCallback;
|
||||
}()
|
||||
}, {
|
||||
key: "disconnectedCallback",
|
||||
value: function disconnectedCallback() {
|
||||
this.enableScrollEvents(false);
|
||||
this.scrollEl = undefined;
|
||||
}
|
||||
/**
|
||||
* Call `complete()` within the `ionInfinite` output event handler when
|
||||
* your async operation has completed. For example, the `loading`
|
||||
* state is while the app is performing an asynchronous operation,
|
||||
* such as receiving more data from an AJAX request to add more items
|
||||
* to a data list. Once the data has been received and UI updated, you
|
||||
* then call this method to signify that the loading has completed.
|
||||
* This method will change the infinite scroll's state from `loading`
|
||||
* to `enabled`.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "complete",
|
||||
value: function () {
|
||||
var _complete = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
||||
var _this3 = this;
|
||||
|
||||
var scrollEl, prev;
|
||||
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
||||
while (1) {
|
||||
switch (_context2.prev = _context2.next) {
|
||||
case 0:
|
||||
scrollEl = this.scrollEl;
|
||||
|
||||
if (!(!this.isLoading || !scrollEl)) {
|
||||
_context2.next = 3;
|
||||
break;
|
||||
}
|
||||
|
||||
return _context2.abrupt("return");
|
||||
|
||||
case 3:
|
||||
this.isLoading = false;
|
||||
|
||||
if (this.position === 'top') {
|
||||
/**
|
||||
* New content is being added at the top, but the scrollTop position stays the same,
|
||||
* which causes a scroll jump visually. This algorithm makes sure to prevent this.
|
||||
* (Frame 1)
|
||||
* - complete() is called, but the UI hasn't had time to update yet.
|
||||
* - Save the current content dimensions.
|
||||
* - Wait for the next frame using _dom.read, so the UI will be updated.
|
||||
* (Frame 2)
|
||||
* - Read the new content dimensions.
|
||||
* - Calculate the height difference and the new scroll position.
|
||||
* - Delay the scroll position change until other possible dom reads are done using _dom.write to be performant.
|
||||
* (Still frame 2, if I'm correct)
|
||||
* - Change the scroll position (= visually maintain the scroll position).
|
||||
* - Change the state to re-enable the InfiniteScroll.
|
||||
* - This should be after changing the scroll position, or it could
|
||||
* cause the InfiniteScroll to be triggered again immediately.
|
||||
* (Frame 3)
|
||||
* Done.
|
||||
*/
|
||||
this.isBusy = true; // ******** DOM READ ****************
|
||||
// Save the current content dimensions before the UI updates
|
||||
|
||||
prev = scrollEl.scrollHeight - scrollEl.scrollTop; // ******** DOM READ ****************
|
||||
|
||||
requestAnimationFrame(function () {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["f"])(function () {
|
||||
// UI has updated, save the new content dimensions
|
||||
var scrollHeight = scrollEl.scrollHeight; // New content was added on top, so the scroll position should be changed immediately to prevent it from jumping around
|
||||
|
||||
var newScrollTop = scrollHeight - prev; // ******** DOM WRITE ****************
|
||||
|
||||
requestAnimationFrame(function () {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(function () {
|
||||
scrollEl.scrollTop = newScrollTop;
|
||||
_this3.isBusy = false;
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
case 5:
|
||||
case "end":
|
||||
return _context2.stop();
|
||||
}
|
||||
}
|
||||
}, _callee2, this);
|
||||
}));
|
||||
|
||||
function complete() {
|
||||
return _complete.apply(this, arguments);
|
||||
}
|
||||
|
||||
return complete;
|
||||
}()
|
||||
}, {
|
||||
key: "canStart",
|
||||
value: function canStart() {
|
||||
return !this.disabled && !this.isBusy && !!this.scrollEl && !this.isLoading;
|
||||
}
|
||||
}, {
|
||||
key: "enableScrollEvents",
|
||||
value: function enableScrollEvents(shouldListen) {
|
||||
if (this.scrollEl) {
|
||||
if (shouldListen) {
|
||||
this.scrollEl.addEventListener('scroll', this.onScroll);
|
||||
} else {
|
||||
this.scrollEl.removeEventListener('scroll', this.onScroll);
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _class;
|
||||
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
var disabled = this.disabled;
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": (_class = {}, _defineProperty(_class, mode, true), _defineProperty(_class, 'infinite-scroll-loading', this.isLoading), _defineProperty(_class, 'infinite-scroll-enabled', !disabled), _class)
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}], [{
|
||||
key: "watchers",
|
||||
get: function get() {
|
||||
return {
|
||||
"threshold": ["thresholdChanged"],
|
||||
"disabled": ["disabledChanged"]
|
||||
};
|
||||
}
|
||||
}]);
|
||||
|
||||
return InfiniteScroll;
|
||||
}();
|
||||
|
||||
InfiniteScroll.style = infiniteScrollCss;
|
||||
var infiniteScrollContentIosCss = "ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{margin-left:32px;margin-right:32px;margin-top:4px;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.infinite-loading-text{margin-left:unset;margin-right:unset;-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px}}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-ios .infinite-loading-text{color:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-small-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, #666666)}";
|
||||
var infiniteScrollContentMdCss = "ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{margin-left:32px;margin-right:32px;margin-top:4px;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.infinite-loading-text{margin-left:unset;margin-right:unset;-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px}}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-md .infinite-loading-text{color:var(--ion-color-step-600, #666666)}.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-small-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, #666666)}.infinite-scroll-content-md .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, #666666)}";
|
||||
|
||||
var InfiniteScrollContent = /*#__PURE__*/function () {
|
||||
function InfiniteScrollContent(hostRef) {
|
||||
_classCallCheck(this, InfiniteScrollContent);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
|
||||
_createClass(InfiniteScrollContent, [{
|
||||
key: "componentDidLoad",
|
||||
value: function componentDidLoad() {
|
||||
if (this.loadingSpinner === undefined) {
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
this.loadingSpinner = _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('infiniteLoadingSpinner', _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('spinner', mode === 'ios' ? 'lines' : 'crescent'));
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _class2;
|
||||
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": (_class2 = {}, _defineProperty(_class2, mode, true), _defineProperty(_class2, "infinite-scroll-content-".concat(mode), true), _class2)
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "infinite-loading"
|
||||
}, this.loadingSpinner && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "infinite-loading-spinner"
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-spinner", {
|
||||
name: this.loadingSpinner
|
||||
})), this.loadingText && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "infinite-loading-text",
|
||||
innerHTML: Object(_index_9e3fe806_js__WEBPACK_IMPORTED_MODULE_2__["s"])(this.loadingText)
|
||||
})));
|
||||
}
|
||||
}]);
|
||||
|
||||
return InfiniteScrollContent;
|
||||
}();
|
||||
|
||||
InfiniteScrollContent.style = {
|
||||
ios: infiniteScrollContentIosCss,
|
||||
md: infiniteScrollContentMdCss
|
||||
};
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=14-es5.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,277 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[15],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-input.entry.js":
|
||||
/*!**************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-input.entry.js ***!
|
||||
\**************************************************************/
|
||||
/*! exports provided: ion_input */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_input", function() { return Input; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers-90f46169.js */ "./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */ var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./theme-ff3fc52f.js */ "./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const inputIosCss = ".sc-ion-input-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--background:transparent;--color:initial;display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0 !important;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item.sc-ion-input-ios-h:not(.item-label),ion-item:not(.item-label) .sc-ion-input-ios-h{--padding-start:0}.ion-color.sc-ion-input-ios-h{color:var(--ion-color-base)}.native-input.sc-ion-input-ios{border-radius:var(--border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:inline-block;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native-input.sc-ion-input-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.native-input.sc-ion-input-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ios:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ios::-ms-clear{display:none}.native-input[disabled].sc-ion-input-ios{opacity:0.4}.cloned-input.sc-ion-input-ios{left:0;top:0;position:absolute;pointer-events:none}[dir=rtl].sc-ion-input-ios .cloned-input.sc-ion-input-ios,[dir=rtl].sc-ion-input-ios-h .cloned-input.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h .cloned-input.sc-ion-input-ios{left:unset;right:unset;right:0}.input-clear-icon.sc-ion-input-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-clear-icon.sc-ion-input-ios:focus{opacity:0.5}.has-value.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{visibility:visible}.has-focus.sc-ion-input-ios-h{pointer-events:none}.has-focus.sc-ion-input-ios-h input.sc-ion-input-ios,.has-focus.sc-ion-input-ios-h a.sc-ion-input-ios,.has-focus.sc-ion-input-ios-h button.sc-ion-input-ios{pointer-events:auto}.sc-ion-input-ios-h{--padding-top:10px;--padding-end:10px;--padding-bottom:10px;--padding-start:0;font-size:inherit}.item-label-stacked.sc-ion-input-ios-h,.item-label-stacked .sc-ion-input-ios-h,.item-label-floating.sc-ion-input-ios-h,.item-label-floating .sc-ion-input-ios-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0px}.input-clear-icon.sc-ion-input-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-step-600,%20%23666666)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");width:30px;height:30px;background-size:18px}";
|
||||
|
||||
const inputMdCss = ".sc-ion-input-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--background:transparent;--color:initial;display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0 !important;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item.sc-ion-input-md-h:not(.item-label),ion-item:not(.item-label) .sc-ion-input-md-h{--padding-start:0}.ion-color.sc-ion-input-md-h{color:var(--ion-color-base)}.native-input.sc-ion-input-md{border-radius:var(--border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:inline-block;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native-input.sc-ion-input-md{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.native-input.sc-ion-input-md::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-md:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-md::-ms-clear{display:none}.native-input[disabled].sc-ion-input-md{opacity:0.4}.cloned-input.sc-ion-input-md{left:0;top:0;position:absolute;pointer-events:none}[dir=rtl].sc-ion-input-md .cloned-input.sc-ion-input-md,[dir=rtl].sc-ion-input-md-h .cloned-input.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h .cloned-input.sc-ion-input-md{left:unset;right:unset;right:0}.input-clear-icon.sc-ion-input-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-clear-icon.sc-ion-input-md:focus{opacity:0.5}.has-value.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{visibility:visible}.has-focus.sc-ion-input-md-h{pointer-events:none}.has-focus.sc-ion-input-md-h input.sc-ion-input-md,.has-focus.sc-ion-input-md-h a.sc-ion-input-md,.has-focus.sc-ion-input-md-h button.sc-ion-input-md{pointer-events:auto}.sc-ion-input-md-h{--padding-top:10px;--padding-end:0;--padding-bottom:10px;--padding-start:8px;font-size:inherit}.item-label-stacked.sc-ion-input-md-h,.item-label-stacked .sc-ion-input-md-h,.item-label-floating.sc-ion-input-md-h,.item-label-floating .sc-ion-input-md-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0}.input-clear-icon.sc-ion-input-md{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='var(--ion-color-step-600,%20%23666666)'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>\");width:30px;height:30px;background-size:22px}";
|
||||
|
||||
const Input = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionInput = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionInput", 7);
|
||||
this.ionChange = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionChange", 7);
|
||||
this.ionBlur = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionBlur", 7);
|
||||
this.ionFocus = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionFocus", 7);
|
||||
this.ionStyle = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionStyle", 7);
|
||||
this.inputId = `ion-input-${inputIds++}`;
|
||||
this.didBlurAfterEdit = false;
|
||||
this.inheritedAttributes = {};
|
||||
/**
|
||||
* This is required for a WebKit bug which requires us to
|
||||
* blur and focus an input to properly focus the input in
|
||||
* an item with delegatesFocus. It will no longer be needed
|
||||
* with iOS 14.
|
||||
*
|
||||
* @internal
|
||||
*/
|
||||
this.fireFocusEvents = true;
|
||||
this.hasFocus = false;
|
||||
/**
|
||||
* Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
|
||||
* Available options: `"off"`, `"none"`, `"on"`, `"sentences"`, `"words"`, `"characters"`.
|
||||
*/
|
||||
this.autocapitalize = 'off';
|
||||
/**
|
||||
* Indicates whether the value of the control can be automatically completed by the browser.
|
||||
*/
|
||||
this.autocomplete = 'off';
|
||||
/**
|
||||
* Whether auto correction should be enabled when the user is entering/editing the text value.
|
||||
*/
|
||||
this.autocorrect = 'off';
|
||||
/**
|
||||
* This Boolean attribute lets you specify that a form control should have input focus when the page loads.
|
||||
*/
|
||||
this.autofocus = false;
|
||||
/**
|
||||
* If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.
|
||||
*/
|
||||
this.clearInput = false;
|
||||
/**
|
||||
* Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
|
||||
*/
|
||||
this.debounce = 0;
|
||||
/**
|
||||
* If `true`, the user cannot interact with the input.
|
||||
*/
|
||||
this.disabled = false;
|
||||
/**
|
||||
* The name of the control, which is submitted with the form data.
|
||||
*/
|
||||
this.name = this.inputId;
|
||||
/**
|
||||
* If `true`, the user cannot modify the value.
|
||||
*/
|
||||
this.readonly = false;
|
||||
/**
|
||||
* If `true`, the user must fill in a value before submitting a form.
|
||||
*/
|
||||
this.required = false;
|
||||
/**
|
||||
* If `true`, the element will have its spelling and grammar checked.
|
||||
*/
|
||||
this.spellcheck = false;
|
||||
/**
|
||||
* The type of control to display. The default type is text.
|
||||
*/
|
||||
this.type = 'text';
|
||||
/**
|
||||
* The value of the input.
|
||||
*/
|
||||
this.value = '';
|
||||
this.onInput = (ev) => {
|
||||
const input = ev.target;
|
||||
if (input) {
|
||||
this.value = input.value || '';
|
||||
}
|
||||
this.ionInput.emit(ev);
|
||||
};
|
||||
this.onBlur = (ev) => {
|
||||
this.hasFocus = false;
|
||||
this.focusChanged();
|
||||
this.emitStyle();
|
||||
if (this.fireFocusEvents) {
|
||||
this.ionBlur.emit(ev);
|
||||
}
|
||||
};
|
||||
this.onFocus = (ev) => {
|
||||
this.hasFocus = true;
|
||||
this.focusChanged();
|
||||
this.emitStyle();
|
||||
if (this.fireFocusEvents) {
|
||||
this.ionFocus.emit(ev);
|
||||
}
|
||||
};
|
||||
this.onKeydown = (ev) => {
|
||||
if (this.shouldClearOnEdit()) {
|
||||
// Did the input value change after it was blurred and edited?
|
||||
// Do not clear if user is hitting Enter to submit form
|
||||
if (this.didBlurAfterEdit && this.hasValue() && ev.key !== 'Enter') {
|
||||
// Clear the input
|
||||
this.clearTextInput();
|
||||
}
|
||||
// Reset the flag
|
||||
this.didBlurAfterEdit = false;
|
||||
}
|
||||
};
|
||||
this.clearTextOnEnter = (ev) => {
|
||||
if (ev.key === 'Enter') {
|
||||
this.clearTextInput(ev);
|
||||
}
|
||||
};
|
||||
this.clearTextInput = (ev) => {
|
||||
if (this.clearInput && !this.readonly && !this.disabled && ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
// Attempt to focus input again after pressing clear button
|
||||
this.setFocus();
|
||||
}
|
||||
this.value = '';
|
||||
/**
|
||||
* This is needed for clearOnEdit
|
||||
* Otherwise the value will not be cleared
|
||||
* if user is inside the input
|
||||
*/
|
||||
if (this.nativeInput) {
|
||||
this.nativeInput.value = '';
|
||||
}
|
||||
};
|
||||
}
|
||||
debounceChanged() {
|
||||
this.ionChange = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["e"])(this.ionChange, this.debounce);
|
||||
}
|
||||
disabledChanged() {
|
||||
this.emitStyle();
|
||||
}
|
||||
/**
|
||||
* Update the native input element when the value changes
|
||||
*/
|
||||
valueChanged() {
|
||||
this.emitStyle();
|
||||
this.ionChange.emit({ value: this.value == null ? this.value : this.value.toString() });
|
||||
}
|
||||
componentWillLoad() {
|
||||
this.inheritedAttributes = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["i"])(this.el, ['tabindex', 'title']);
|
||||
}
|
||||
connectedCallback() {
|
||||
this.emitStyle();
|
||||
this.debounceChanged();
|
||||
{
|
||||
document.dispatchEvent(new CustomEvent('ionInputDidLoad', {
|
||||
detail: this.el
|
||||
}));
|
||||
}
|
||||
}
|
||||
disconnectedCallback() {
|
||||
{
|
||||
document.dispatchEvent(new CustomEvent('ionInputDidUnload', {
|
||||
detail: this.el
|
||||
}));
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Sets focus on the native `input` in `ion-input`. Use this method instead of the global
|
||||
* `input.focus()`.
|
||||
*/
|
||||
async setFocus() {
|
||||
if (this.nativeInput) {
|
||||
this.nativeInput.focus();
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Sets blur on the native `input` in `ion-input`. Use this method instead of the global
|
||||
* `input.blur()`.
|
||||
* @internal
|
||||
*/
|
||||
async setBlur() {
|
||||
if (this.nativeInput) {
|
||||
this.nativeInput.blur();
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Returns the native `<input>` element used under the hood.
|
||||
*/
|
||||
getInputElement() {
|
||||
return Promise.resolve(this.nativeInput);
|
||||
}
|
||||
shouldClearOnEdit() {
|
||||
const { type, clearOnEdit } = this;
|
||||
return (clearOnEdit === undefined)
|
||||
? type === 'password'
|
||||
: clearOnEdit;
|
||||
}
|
||||
getValue() {
|
||||
return typeof this.value === 'number' ? this.value.toString() :
|
||||
(this.value || '').toString();
|
||||
}
|
||||
emitStyle() {
|
||||
this.ionStyle.emit({
|
||||
'interactive': true,
|
||||
'input': true,
|
||||
'has-placeholder': this.placeholder != null,
|
||||
'has-value': this.hasValue(),
|
||||
'has-focus': this.hasFocus,
|
||||
'interactive-disabled': this.disabled,
|
||||
});
|
||||
}
|
||||
focusChanged() {
|
||||
// If clearOnEdit is enabled and the input blurred but has a value, set a flag
|
||||
if (!this.hasFocus && this.shouldClearOnEdit() && this.hasValue()) {
|
||||
this.didBlurAfterEdit = true;
|
||||
}
|
||||
}
|
||||
hasValue() {
|
||||
return this.getValue().length > 0;
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const value = this.getValue();
|
||||
const labelId = this.inputId + '-lbl';
|
||||
const label = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["f"])(this.el);
|
||||
if (label) {
|
||||
label.id = labelId;
|
||||
}
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { "aria-disabled": this.disabled ? 'true' : null, class: Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__["c"])(this.color, {
|
||||
[mode]: true,
|
||||
'has-value': this.hasValue(),
|
||||
'has-focus': this.hasFocus
|
||||
}) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("input", Object.assign({ class: "native-input", ref: input => this.nativeInput = input, "aria-labelledby": labelId, disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown }, this.inheritedAttributes)), (this.clearInput && !this.readonly && !this.disabled) && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("button", { "aria-label": "reset", type: "button", class: "input-clear-icon", onTouchStart: this.clearTextInput, onMouseDown: this.clearTextInput, onKeyDown: this.clearTextOnEnter })));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"debounce": ["debounceChanged"],
|
||||
"disabled": ["disabledChanged"],
|
||||
"value": ["valueChanged"]
|
||||
}; }
|
||||
};
|
||||
let inputIds = 0;
|
||||
Input.style = {
|
||||
ios: inputIosCss,
|
||||
md: inputMdCss
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=15-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,472 +0,0 @@
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
||||
|
||||
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[15], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-input.entry.js":
|
||||
/*!**************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-input.entry.js ***!
|
||||
\**************************************************************/
|
||||
|
||||
/*! exports provided: ion_input */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonInputEntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_input", function () {
|
||||
return Input;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
|
||||
/*! ./helpers-90f46169.js */
|
||||
"./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
|
||||
/*! ./theme-ff3fc52f.js */
|
||||
"./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
|
||||
var inputIosCss = ".sc-ion-input-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--background:transparent;--color:initial;display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0 !important;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item.sc-ion-input-ios-h:not(.item-label),ion-item:not(.item-label) .sc-ion-input-ios-h{--padding-start:0}.ion-color.sc-ion-input-ios-h{color:var(--ion-color-base)}.native-input.sc-ion-input-ios{border-radius:var(--border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:inline-block;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native-input.sc-ion-input-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.native-input.sc-ion-input-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ios:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ios::-ms-clear{display:none}.native-input[disabled].sc-ion-input-ios{opacity:0.4}.cloned-input.sc-ion-input-ios{left:0;top:0;position:absolute;pointer-events:none}[dir=rtl].sc-ion-input-ios .cloned-input.sc-ion-input-ios,[dir=rtl].sc-ion-input-ios-h .cloned-input.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h .cloned-input.sc-ion-input-ios{left:unset;right:unset;right:0}.input-clear-icon.sc-ion-input-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-clear-icon.sc-ion-input-ios:focus{opacity:0.5}.has-value.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{visibility:visible}.has-focus.sc-ion-input-ios-h{pointer-events:none}.has-focus.sc-ion-input-ios-h input.sc-ion-input-ios,.has-focus.sc-ion-input-ios-h a.sc-ion-input-ios,.has-focus.sc-ion-input-ios-h button.sc-ion-input-ios{pointer-events:auto}.sc-ion-input-ios-h{--padding-top:10px;--padding-end:10px;--padding-bottom:10px;--padding-start:0;font-size:inherit}.item-label-stacked.sc-ion-input-ios-h,.item-label-stacked .sc-ion-input-ios-h,.item-label-floating.sc-ion-input-ios-h,.item-label-floating .sc-ion-input-ios-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0px}.input-clear-icon.sc-ion-input-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-step-600,%20%23666666)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");width:30px;height:30px;background-size:18px}";
|
||||
var inputMdCss = ".sc-ion-input-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--background:transparent;--color:initial;display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0 !important;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item.sc-ion-input-md-h:not(.item-label),ion-item:not(.item-label) .sc-ion-input-md-h{--padding-start:0}.ion-color.sc-ion-input-md-h{color:var(--ion-color-base)}.native-input.sc-ion-input-md{border-radius:var(--border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:inline-block;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native-input.sc-ion-input-md{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.native-input.sc-ion-input-md::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-md:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-md::-ms-clear{display:none}.native-input[disabled].sc-ion-input-md{opacity:0.4}.cloned-input.sc-ion-input-md{left:0;top:0;position:absolute;pointer-events:none}[dir=rtl].sc-ion-input-md .cloned-input.sc-ion-input-md,[dir=rtl].sc-ion-input-md-h .cloned-input.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h .cloned-input.sc-ion-input-md{left:unset;right:unset;right:0}.input-clear-icon.sc-ion-input-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-clear-icon.sc-ion-input-md:focus{opacity:0.5}.has-value.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{visibility:visible}.has-focus.sc-ion-input-md-h{pointer-events:none}.has-focus.sc-ion-input-md-h input.sc-ion-input-md,.has-focus.sc-ion-input-md-h a.sc-ion-input-md,.has-focus.sc-ion-input-md-h button.sc-ion-input-md{pointer-events:auto}.sc-ion-input-md-h{--padding-top:10px;--padding-end:0;--padding-bottom:10px;--padding-start:8px;font-size:inherit}.item-label-stacked.sc-ion-input-md-h,.item-label-stacked .sc-ion-input-md-h,.item-label-floating.sc-ion-input-md-h,.item-label-floating .sc-ion-input-md-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0}.input-clear-icon.sc-ion-input-md{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='var(--ion-color-step-600,%20%23666666)'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>\");width:30px;height:30px;background-size:22px}";
|
||||
|
||||
var Input = /*#__PURE__*/function () {
|
||||
function Input(hostRef) {
|
||||
var _this = this;
|
||||
|
||||
_classCallCheck(this, Input);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionInput = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionInput", 7);
|
||||
this.ionChange = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionChange", 7);
|
||||
this.ionBlur = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionBlur", 7);
|
||||
this.ionFocus = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionFocus", 7);
|
||||
this.ionStyle = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionStyle", 7);
|
||||
this.inputId = "ion-input-".concat(inputIds++);
|
||||
this.didBlurAfterEdit = false;
|
||||
this.inheritedAttributes = {};
|
||||
/**
|
||||
* This is required for a WebKit bug which requires us to
|
||||
* blur and focus an input to properly focus the input in
|
||||
* an item with delegatesFocus. It will no longer be needed
|
||||
* with iOS 14.
|
||||
*
|
||||
* @internal
|
||||
*/
|
||||
|
||||
this.fireFocusEvents = true;
|
||||
this.hasFocus = false;
|
||||
/**
|
||||
* Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
|
||||
* Available options: `"off"`, `"none"`, `"on"`, `"sentences"`, `"words"`, `"characters"`.
|
||||
*/
|
||||
|
||||
this.autocapitalize = 'off';
|
||||
/**
|
||||
* Indicates whether the value of the control can be automatically completed by the browser.
|
||||
*/
|
||||
|
||||
this.autocomplete = 'off';
|
||||
/**
|
||||
* Whether auto correction should be enabled when the user is entering/editing the text value.
|
||||
*/
|
||||
|
||||
this.autocorrect = 'off';
|
||||
/**
|
||||
* This Boolean attribute lets you specify that a form control should have input focus when the page loads.
|
||||
*/
|
||||
|
||||
this.autofocus = false;
|
||||
/**
|
||||
* If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.
|
||||
*/
|
||||
|
||||
this.clearInput = false;
|
||||
/**
|
||||
* Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
|
||||
*/
|
||||
|
||||
this.debounce = 0;
|
||||
/**
|
||||
* If `true`, the user cannot interact with the input.
|
||||
*/
|
||||
|
||||
this.disabled = false;
|
||||
/**
|
||||
* The name of the control, which is submitted with the form data.
|
||||
*/
|
||||
|
||||
this.name = this.inputId;
|
||||
/**
|
||||
* If `true`, the user cannot modify the value.
|
||||
*/
|
||||
|
||||
this.readonly = false;
|
||||
/**
|
||||
* If `true`, the user must fill in a value before submitting a form.
|
||||
*/
|
||||
|
||||
this.required = false;
|
||||
/**
|
||||
* If `true`, the element will have its spelling and grammar checked.
|
||||
*/
|
||||
|
||||
this.spellcheck = false;
|
||||
/**
|
||||
* The type of control to display. The default type is text.
|
||||
*/
|
||||
|
||||
this.type = 'text';
|
||||
/**
|
||||
* The value of the input.
|
||||
*/
|
||||
|
||||
this.value = '';
|
||||
|
||||
this.onInput = function (ev) {
|
||||
var input = ev.target;
|
||||
|
||||
if (input) {
|
||||
_this.value = input.value || '';
|
||||
}
|
||||
|
||||
_this.ionInput.emit(ev);
|
||||
};
|
||||
|
||||
this.onBlur = function (ev) {
|
||||
_this.hasFocus = false;
|
||||
|
||||
_this.focusChanged();
|
||||
|
||||
_this.emitStyle();
|
||||
|
||||
if (_this.fireFocusEvents) {
|
||||
_this.ionBlur.emit(ev);
|
||||
}
|
||||
};
|
||||
|
||||
this.onFocus = function (ev) {
|
||||
_this.hasFocus = true;
|
||||
|
||||
_this.focusChanged();
|
||||
|
||||
_this.emitStyle();
|
||||
|
||||
if (_this.fireFocusEvents) {
|
||||
_this.ionFocus.emit(ev);
|
||||
}
|
||||
};
|
||||
|
||||
this.onKeydown = function (ev) {
|
||||
if (_this.shouldClearOnEdit()) {
|
||||
// Did the input value change after it was blurred and edited?
|
||||
// Do not clear if user is hitting Enter to submit form
|
||||
if (_this.didBlurAfterEdit && _this.hasValue() && ev.key !== 'Enter') {
|
||||
// Clear the input
|
||||
_this.clearTextInput();
|
||||
} // Reset the flag
|
||||
|
||||
|
||||
_this.didBlurAfterEdit = false;
|
||||
}
|
||||
};
|
||||
|
||||
this.clearTextOnEnter = function (ev) {
|
||||
if (ev.key === 'Enter') {
|
||||
_this.clearTextInput(ev);
|
||||
}
|
||||
};
|
||||
|
||||
this.clearTextInput = function (ev) {
|
||||
if (_this.clearInput && !_this.readonly && !_this.disabled && ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation(); // Attempt to focus input again after pressing clear button
|
||||
|
||||
_this.setFocus();
|
||||
}
|
||||
|
||||
_this.value = '';
|
||||
/**
|
||||
* This is needed for clearOnEdit
|
||||
* Otherwise the value will not be cleared
|
||||
* if user is inside the input
|
||||
*/
|
||||
|
||||
if (_this.nativeInput) {
|
||||
_this.nativeInput.value = '';
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
_createClass(Input, [{
|
||||
key: "debounceChanged",
|
||||
value: function debounceChanged() {
|
||||
this.ionChange = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["e"])(this.ionChange, this.debounce);
|
||||
}
|
||||
}, {
|
||||
key: "disabledChanged",
|
||||
value: function disabledChanged() {
|
||||
this.emitStyle();
|
||||
}
|
||||
/**
|
||||
* Update the native input element when the value changes
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "valueChanged",
|
||||
value: function valueChanged() {
|
||||
this.emitStyle();
|
||||
this.ionChange.emit({
|
||||
value: this.value == null ? this.value : this.value.toString()
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "componentWillLoad",
|
||||
value: function componentWillLoad() {
|
||||
this.inheritedAttributes = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["i"])(this.el, ['tabindex', 'title']);
|
||||
}
|
||||
}, {
|
||||
key: "connectedCallback",
|
||||
value: function connectedCallback() {
|
||||
this.emitStyle();
|
||||
this.debounceChanged();
|
||||
{
|
||||
document.dispatchEvent(new CustomEvent('ionInputDidLoad', {
|
||||
detail: this.el
|
||||
}));
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "disconnectedCallback",
|
||||
value: function disconnectedCallback() {
|
||||
{
|
||||
document.dispatchEvent(new CustomEvent('ionInputDidUnload', {
|
||||
detail: this.el
|
||||
}));
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Sets focus on the native `input` in `ion-input`. Use this method instead of the global
|
||||
* `input.focus()`.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "setFocus",
|
||||
value: function () {
|
||||
var _setFocus = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
||||
return regeneratorRuntime.wrap(function _callee$(_context) {
|
||||
while (1) {
|
||||
switch (_context.prev = _context.next) {
|
||||
case 0:
|
||||
if (this.nativeInput) {
|
||||
this.nativeInput.focus();
|
||||
}
|
||||
|
||||
case 1:
|
||||
case "end":
|
||||
return _context.stop();
|
||||
}
|
||||
}
|
||||
}, _callee, this);
|
||||
}));
|
||||
|
||||
function setFocus() {
|
||||
return _setFocus.apply(this, arguments);
|
||||
}
|
||||
|
||||
return setFocus;
|
||||
}()
|
||||
/**
|
||||
* Sets blur on the native `input` in `ion-input`. Use this method instead of the global
|
||||
* `input.blur()`.
|
||||
* @internal
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "setBlur",
|
||||
value: function () {
|
||||
var _setBlur = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
||||
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
||||
while (1) {
|
||||
switch (_context2.prev = _context2.next) {
|
||||
case 0:
|
||||
if (this.nativeInput) {
|
||||
this.nativeInput.blur();
|
||||
}
|
||||
|
||||
case 1:
|
||||
case "end":
|
||||
return _context2.stop();
|
||||
}
|
||||
}
|
||||
}, _callee2, this);
|
||||
}));
|
||||
|
||||
function setBlur() {
|
||||
return _setBlur.apply(this, arguments);
|
||||
}
|
||||
|
||||
return setBlur;
|
||||
}()
|
||||
/**
|
||||
* Returns the native `<input>` element used under the hood.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "getInputElement",
|
||||
value: function getInputElement() {
|
||||
return Promise.resolve(this.nativeInput);
|
||||
}
|
||||
}, {
|
||||
key: "shouldClearOnEdit",
|
||||
value: function shouldClearOnEdit() {
|
||||
var type = this.type,
|
||||
clearOnEdit = this.clearOnEdit;
|
||||
return clearOnEdit === undefined ? type === 'password' : clearOnEdit;
|
||||
}
|
||||
}, {
|
||||
key: "getValue",
|
||||
value: function getValue() {
|
||||
return typeof this.value === 'number' ? this.value.toString() : (this.value || '').toString();
|
||||
}
|
||||
}, {
|
||||
key: "emitStyle",
|
||||
value: function emitStyle() {
|
||||
this.ionStyle.emit({
|
||||
'interactive': true,
|
||||
'input': true,
|
||||
'has-placeholder': this.placeholder != null,
|
||||
'has-value': this.hasValue(),
|
||||
'has-focus': this.hasFocus,
|
||||
'interactive-disabled': this.disabled
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "focusChanged",
|
||||
value: function focusChanged() {
|
||||
// If clearOnEdit is enabled and the input blurred but has a value, set a flag
|
||||
if (!this.hasFocus && this.shouldClearOnEdit() && this.hasValue()) {
|
||||
this.didBlurAfterEdit = true;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "hasValue",
|
||||
value: function hasValue() {
|
||||
return this.getValue().length > 0;
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _Object,
|
||||
_this2 = this;
|
||||
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
var value = this.getValue();
|
||||
var labelId = this.inputId + '-lbl';
|
||||
var label = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["f"])(this.el);
|
||||
|
||||
if (label) {
|
||||
label.id = labelId;
|
||||
}
|
||||
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"aria-disabled": this.disabled ? 'true' : null,
|
||||
"class": Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__["c"])(this.color, (_Object = {}, _defineProperty(_Object, mode, true), _defineProperty(_Object, 'has-value', this.hasValue()), _defineProperty(_Object, 'has-focus', this.hasFocus), _Object))
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("input", Object.assign({
|
||||
"class": "native-input",
|
||||
ref: function ref(input) {
|
||||
return _this2.nativeInput = input;
|
||||
},
|
||||
"aria-labelledby": labelId,
|
||||
disabled: this.disabled,
|
||||
accept: this.accept,
|
||||
autoCapitalize: this.autocapitalize,
|
||||
autoComplete: this.autocomplete,
|
||||
autoCorrect: this.autocorrect,
|
||||
autoFocus: this.autofocus,
|
||||
enterKeyHint: this.enterkeyhint,
|
||||
inputMode: this.inputmode,
|
||||
min: this.min,
|
||||
max: this.max,
|
||||
minLength: this.minlength,
|
||||
maxLength: this.maxlength,
|
||||
multiple: this.multiple,
|
||||
name: this.name,
|
||||
pattern: this.pattern,
|
||||
placeholder: this.placeholder || '',
|
||||
readOnly: this.readonly,
|
||||
required: this.required,
|
||||
spellcheck: this.spellcheck,
|
||||
step: this.step,
|
||||
size: this.size,
|
||||
type: this.type,
|
||||
value: value,
|
||||
onInput: this.onInput,
|
||||
onBlur: this.onBlur,
|
||||
onFocus: this.onFocus,
|
||||
onKeyDown: this.onKeydown
|
||||
}, this.inheritedAttributes)), this.clearInput && !this.readonly && !this.disabled && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("button", {
|
||||
"aria-label": "reset",
|
||||
type: "button",
|
||||
"class": "input-clear-icon",
|
||||
onTouchStart: this.clearTextInput,
|
||||
onMouseDown: this.clearTextInput,
|
||||
onKeyDown: this.clearTextOnEnter
|
||||
}));
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}], [{
|
||||
key: "watchers",
|
||||
get: function get() {
|
||||
return {
|
||||
"debounce": ["debounceChanged"],
|
||||
"disabled": ["disabledChanged"],
|
||||
"value": ["valueChanged"]
|
||||
};
|
||||
}
|
||||
}]);
|
||||
|
||||
return Input;
|
||||
}();
|
||||
|
||||
var inputIds = 0;
|
||||
Input.style = {
|
||||
ios: inputIosCss,
|
||||
md: inputMdCss
|
||||
};
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=15-es5.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,469 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[16],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-item-option_3.entry.js":
|
||||
/*!**********************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-item-option_3.entry.js ***!
|
||||
\**********************************************************************/
|
||||
/*! exports provided: ion_item_option, ion_item_options, ion_item_sliding */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_item_option", function() { return ItemOption; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_item_options", function() { return ItemOptions; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_item_sliding", function() { return ItemSliding; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers-90f46169.js */ "./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */ var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./theme-ff3fc52f.js */ "./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const itemOptionIosCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.in-list.item-options-end:last-child){padding-right:calc(.7em + var(--ion-safe-area-right))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-list.item-options-end:last-child){padding-right:unset;-webkit-padding-end:calc(.7em + var(--ion-safe-area-right));padding-inline-end:calc(.7em + var(--ion-safe-area-right))}}:host(.in-list.item-options-start:first-child){padding-left:calc(.7em + var(--ion-safe-area-left))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-list.item-options-start:first-child){padding-left:unset;-webkit-padding-start:calc(.7em + var(--ion-safe-area-left));padding-inline-start:calc(.7em + var(--ion-safe-area-left))}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0.7em;padding-right:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em}}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){margin-left:0;margin-right:5px;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}::slotted([slot=end]){margin-left:5px;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0}}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:10px;margin-right:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=icon-only]){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px}}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none;-webkit-transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1);transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:16px}:host(.ion-activated){background:var(--ion-color-primary-shade, #3171e0)}:host(.ion-color.ion-activated){background:var(--ion-color-shade)}";
|
||||
|
||||
const itemOptionMdCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.in-list.item-options-end:last-child){padding-right:calc(.7em + var(--ion-safe-area-right))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-list.item-options-end:last-child){padding-right:unset;-webkit-padding-end:calc(.7em + var(--ion-safe-area-right));padding-inline-end:calc(.7em + var(--ion-safe-area-right))}}:host(.in-list.item-options-start:first-child){padding-left:calc(.7em + var(--ion-safe-area-left))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-list.item-options-start:first-child){padding-left:unset;-webkit-padding-start:calc(.7em + var(--ion-safe-area-left));padding-inline-start:calc(.7em + var(--ion-safe-area-left))}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0.7em;padding-right:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em}}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){margin-left:0;margin-right:5px;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}::slotted([slot=end]){margin-left:5px;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0}}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:10px;margin-right:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=icon-only]){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px}}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none;-webkit-transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1);transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:14px;font-weight:500;text-transform:uppercase}";
|
||||
|
||||
const ItemOption = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
/**
|
||||
* If `true`, the user cannot interact with the item option.
|
||||
*/
|
||||
this.disabled = false;
|
||||
/**
|
||||
* If `true`, the option will expand to take up the available width and cover any other options.
|
||||
*/
|
||||
this.expandable = false;
|
||||
/**
|
||||
* The type of the button.
|
||||
*/
|
||||
this.type = 'button';
|
||||
this.onClick = (ev) => {
|
||||
const el = ev.target.closest('ion-item-option');
|
||||
if (el) {
|
||||
ev.preventDefault();
|
||||
}
|
||||
};
|
||||
}
|
||||
render() {
|
||||
const { disabled, expandable, href } = this;
|
||||
const TagType = href === undefined ? 'button' : 'a';
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const attrs = (TagType === 'button')
|
||||
? { type: this.type }
|
||||
: {
|
||||
download: this.download,
|
||||
href: this.href,
|
||||
target: this.target
|
||||
};
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { onClick: this.onClick, class: Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__["c"])(this.color, {
|
||||
[mode]: true,
|
||||
'item-option-disabled': disabled,
|
||||
'item-option-expandable': expandable,
|
||||
'ion-activatable': true,
|
||||
}) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(TagType, Object.assign({}, attrs, { class: "button-native", part: "native", disabled: disabled }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("span", { class: "button-inner" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", { name: "top" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "horizontal-wrapper" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", { name: "start" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", { name: "icon-only" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", { name: "end" })), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", { name: "bottom" })), mode === 'md' && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-ripple-effect", null))));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
ItemOption.style = {
|
||||
ios: itemOptionIosCss,
|
||||
md: itemOptionMdCss
|
||||
};
|
||||
|
||||
const itemOptionsIosCss = "ion-item-options{top:0;right:0;-ms-flex-pack:end;justify-content:flex-end;display:none;position:absolute;height:100%;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}[dir=rtl] ion-item-options,:host-context([dir=rtl]) ion-item-options{-ms-flex-pack:start;justify-content:flex-start}[dir=rtl] ion-item-options:not(.item-options-end),:host-context([dir=rtl]) ion-item-options:not(.item-options-end){right:auto;left:0;-ms-flex-pack:end;justify-content:flex-end}.item-options-start{right:auto;left:0;-ms-flex-pack:start;justify-content:flex-start}[dir=rtl] .item-options-start,:host-context([dir=rtl]) .item-options-start{-ms-flex-pack:end;justify-content:flex-end}.item-options-start ion-item-option:first-child{padding-right:var(--ion-safe-area-left)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-options-start ion-item-option:first-child{padding-right:unset;-webkit-padding-end:var(--ion-safe-area-left);padding-inline-end:var(--ion-safe-area-left)}}.item-options-end ion-item-option:last-child{padding-right:var(--ion-safe-area-right)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-options-end ion-item-option:last-child{padding-right:unset;-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}[dir=rtl] .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end),:host-context([dir=rtl]) .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end){width:100%;visibility:visible}.item-sliding-active-slide ion-item-options{display:-ms-flexbox;display:flex;visibility:hidden}.item-sliding-active-slide.item-sliding-active-options-start .item-options-start,.item-sliding-active-slide.item-sliding-active-options-end ion-item-options:not(.item-options-start){width:100%;visibility:visible}.item-options-ios{border-bottom-width:0;border-bottom-style:solid;border-bottom-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)))}.item-options-ios.item-options-end{border-bottom-width:0.55px}.list-ios-lines-none .item-options-ios{border-bottom-width:0}.list-ios-lines-full .item-options-ios,.list-ios-lines-inset .item-options-ios.item-options-end{border-bottom-width:0.55px}";
|
||||
|
||||
const itemOptionsMdCss = "ion-item-options{top:0;right:0;-ms-flex-pack:end;justify-content:flex-end;display:none;position:absolute;height:100%;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}[dir=rtl] ion-item-options,:host-context([dir=rtl]) ion-item-options{-ms-flex-pack:start;justify-content:flex-start}[dir=rtl] ion-item-options:not(.item-options-end),:host-context([dir=rtl]) ion-item-options:not(.item-options-end){right:auto;left:0;-ms-flex-pack:end;justify-content:flex-end}.item-options-start{right:auto;left:0;-ms-flex-pack:start;justify-content:flex-start}[dir=rtl] .item-options-start,:host-context([dir=rtl]) .item-options-start{-ms-flex-pack:end;justify-content:flex-end}.item-options-start ion-item-option:first-child{padding-right:var(--ion-safe-area-left)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-options-start ion-item-option:first-child{padding-right:unset;-webkit-padding-end:var(--ion-safe-area-left);padding-inline-end:var(--ion-safe-area-left)}}.item-options-end ion-item-option:last-child{padding-right:var(--ion-safe-area-right)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-options-end ion-item-option:last-child{padding-right:unset;-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}[dir=rtl] .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end),:host-context([dir=rtl]) .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end){width:100%;visibility:visible}.item-sliding-active-slide ion-item-options{display:-ms-flexbox;display:flex;visibility:hidden}.item-sliding-active-slide.item-sliding-active-options-start .item-options-start,.item-sliding-active-slide.item-sliding-active-options-end ion-item-options:not(.item-options-start){width:100%;visibility:visible}.item-options-md{border-bottom-width:0;border-bottom-style:solid;border-bottom-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))))}.list-md-lines-none .item-options-md{border-bottom-width:0}.list-md-lines-full .item-options-md,.list-md-lines-inset .item-options-md.item-options-end{border-bottom-width:1px}";
|
||||
|
||||
const ItemOptions = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionSwipe = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionSwipe", 7);
|
||||
/**
|
||||
* The side the option button should be on. Possible values: `"start"` and `"end"`. If you have multiple `ion-item-options`, a side must be provided for each.
|
||||
*
|
||||
*/
|
||||
this.side = 'end';
|
||||
}
|
||||
/** @internal */
|
||||
async fireSwipeEvent() {
|
||||
this.ionSwipe.emit({
|
||||
side: this.side
|
||||
});
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const isEnd = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["l"])(this.side);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: {
|
||||
[mode]: true,
|
||||
// Used internally for styling
|
||||
[`item-options-${mode}`]: true,
|
||||
'item-options-start': !isEnd,
|
||||
'item-options-end': isEnd
|
||||
} }));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
ItemOptions.style = {
|
||||
ios: itemOptionsIosCss,
|
||||
md: itemOptionsMdCss
|
||||
};
|
||||
|
||||
const itemSlidingCss = "ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ion-item-sliding .item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item-sliding-active-slide .item{position:relative;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;-ms-flex-order:1;order:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-left;transition-property:padding-left}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable,:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;-ms-flex-order:-1;order:-1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-right;transition-property:padding-right}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable,:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}";
|
||||
|
||||
const SWIPE_MARGIN = 30;
|
||||
const ELASTIC_FACTOR = 0.55;
|
||||
let openSlidingItem;
|
||||
const ItemSliding = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionDrag = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionDrag", 7);
|
||||
this.item = null;
|
||||
this.openAmount = 0;
|
||||
this.initialOpenAmount = 0;
|
||||
this.optsWidthRightSide = 0;
|
||||
this.optsWidthLeftSide = 0;
|
||||
this.sides = 0 /* None */;
|
||||
this.optsDirty = true;
|
||||
this.state = 2 /* Disabled */;
|
||||
/**
|
||||
* If `true`, the user cannot interact with the sliding item.
|
||||
*/
|
||||
this.disabled = false;
|
||||
}
|
||||
disabledChanged() {
|
||||
if (this.gesture) {
|
||||
this.gesture.enable(!this.disabled);
|
||||
}
|
||||
}
|
||||
async connectedCallback() {
|
||||
this.item = this.el.querySelector('ion-item');
|
||||
await this.updateOptions();
|
||||
this.gesture = (await Promise.resolve(/*! import() */).then(__webpack_require__.bind(null, /*! ./index-f49d994d.js */ "./node_modules/@ionic/core/dist/esm/index-f49d994d.js"))).createGesture({
|
||||
el: this.el,
|
||||
gestureName: 'item-swipe',
|
||||
gesturePriority: 100,
|
||||
threshold: 5,
|
||||
canStart: ev => this.canStart(ev),
|
||||
onStart: () => this.onStart(),
|
||||
onMove: ev => this.onMove(ev),
|
||||
onEnd: ev => this.onEnd(ev),
|
||||
});
|
||||
this.disabledChanged();
|
||||
}
|
||||
disconnectedCallback() {
|
||||
if (this.gesture) {
|
||||
this.gesture.destroy();
|
||||
this.gesture = undefined;
|
||||
}
|
||||
this.item = null;
|
||||
this.leftOptions = this.rightOptions = undefined;
|
||||
if (openSlidingItem === this.el) {
|
||||
openSlidingItem = undefined;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Get the amount the item is open in pixels.
|
||||
*/
|
||||
getOpenAmount() {
|
||||
return Promise.resolve(this.openAmount);
|
||||
}
|
||||
/**
|
||||
* Get the ratio of the open amount of the item compared to the width of the options.
|
||||
* If the number returned is positive, then the options on the right side are open.
|
||||
* If the number returned is negative, then the options on the left side are open.
|
||||
* If the absolute value of the number is greater than 1, the item is open more than
|
||||
* the width of the options.
|
||||
*/
|
||||
getSlidingRatio() {
|
||||
return Promise.resolve(this.getSlidingRatioSync());
|
||||
}
|
||||
/**
|
||||
* Open the sliding item.
|
||||
*
|
||||
* @param side The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item.
|
||||
*/
|
||||
async open(side) {
|
||||
if (this.item === null) {
|
||||
return;
|
||||
}
|
||||
const optionsToOpen = this.getOptions(side);
|
||||
if (!optionsToOpen) {
|
||||
return;
|
||||
}
|
||||
/**
|
||||
* If side is not set, we need to infer the side
|
||||
* so we know which direction to move the options
|
||||
*/
|
||||
if (side === undefined) {
|
||||
side = (optionsToOpen === this.leftOptions) ? 'start' : 'end';
|
||||
}
|
||||
// In RTL we want to switch the sides
|
||||
side = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["l"])(side) ? 'end' : 'start';
|
||||
const isStartOpen = this.openAmount < 0;
|
||||
const isEndOpen = this.openAmount > 0;
|
||||
/**
|
||||
* If a side is open and a user tries to
|
||||
* re-open the same side, we should not do anything
|
||||
*/
|
||||
if (isStartOpen && optionsToOpen === this.leftOptions) {
|
||||
return;
|
||||
}
|
||||
if (isEndOpen && optionsToOpen === this.rightOptions) {
|
||||
return;
|
||||
}
|
||||
this.closeOpened();
|
||||
this.state = 4 /* Enabled */;
|
||||
requestAnimationFrame(() => {
|
||||
this.calculateOptsWidth();
|
||||
const width = (side === 'end') ? this.optsWidthRightSide : -this.optsWidthLeftSide;
|
||||
openSlidingItem = this.el;
|
||||
this.setOpenAmount(width, false);
|
||||
this.state = (side === 'end') ? 8 /* End */ : 16 /* Start */;
|
||||
});
|
||||
}
|
||||
/**
|
||||
* Close the sliding item. Items can also be closed from the [List](../list).
|
||||
*/
|
||||
async close() {
|
||||
this.setOpenAmount(0, true);
|
||||
}
|
||||
/**
|
||||
* Close all of the sliding items in the list. Items can also be closed from the [List](../list).
|
||||
*/
|
||||
async closeOpened() {
|
||||
if (openSlidingItem !== undefined) {
|
||||
openSlidingItem.close();
|
||||
openSlidingItem = undefined;
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
/**
|
||||
* Given an optional side, return the ion-item-options element.
|
||||
*
|
||||
* @param side This side of the options to get. If a side is not provided it will
|
||||
* return the first one available.
|
||||
*/
|
||||
getOptions(side) {
|
||||
if (side === undefined) {
|
||||
return this.leftOptions || this.rightOptions;
|
||||
}
|
||||
else if (side === 'start') {
|
||||
return this.leftOptions;
|
||||
}
|
||||
else {
|
||||
return this.rightOptions;
|
||||
}
|
||||
}
|
||||
async updateOptions() {
|
||||
const options = this.el.querySelectorAll('ion-item-options');
|
||||
let sides = 0;
|
||||
// Reset left and right options in case they were removed
|
||||
this.leftOptions = this.rightOptions = undefined;
|
||||
for (let i = 0; i < options.length; i++) {
|
||||
const option = await options.item(i).componentOnReady();
|
||||
const side = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["l"])(option.side) ? 'end' : 'start';
|
||||
if (side === 'start') {
|
||||
this.leftOptions = option;
|
||||
sides |= 1 /* Start */;
|
||||
}
|
||||
else {
|
||||
this.rightOptions = option;
|
||||
sides |= 2 /* End */;
|
||||
}
|
||||
}
|
||||
this.optsDirty = true;
|
||||
this.sides = sides;
|
||||
}
|
||||
canStart(gesture) {
|
||||
/**
|
||||
* If very close to start of the screen
|
||||
* do not open left side so swipe to go
|
||||
* back will still work.
|
||||
*/
|
||||
const rtl = document.dir === 'rtl';
|
||||
const atEdge = (rtl) ? (window.innerWidth - gesture.startX) < 15 : gesture.startX < 15;
|
||||
if (atEdge) {
|
||||
return false;
|
||||
}
|
||||
const selected = openSlidingItem;
|
||||
if (selected && selected !== this.el) {
|
||||
this.closeOpened();
|
||||
return false;
|
||||
}
|
||||
return !!(this.rightOptions || this.leftOptions);
|
||||
}
|
||||
onStart() {
|
||||
openSlidingItem = this.el;
|
||||
if (this.tmr !== undefined) {
|
||||
clearTimeout(this.tmr);
|
||||
this.tmr = undefined;
|
||||
}
|
||||
if (this.openAmount === 0) {
|
||||
this.optsDirty = true;
|
||||
this.state = 4 /* Enabled */;
|
||||
}
|
||||
this.initialOpenAmount = this.openAmount;
|
||||
if (this.item) {
|
||||
this.item.style.transition = 'none';
|
||||
}
|
||||
}
|
||||
onMove(gesture) {
|
||||
if (this.optsDirty) {
|
||||
this.calculateOptsWidth();
|
||||
}
|
||||
let openAmount = this.initialOpenAmount - gesture.deltaX;
|
||||
switch (this.sides) {
|
||||
case 2 /* End */:
|
||||
openAmount = Math.max(0, openAmount);
|
||||
break;
|
||||
case 1 /* Start */:
|
||||
openAmount = Math.min(0, openAmount);
|
||||
break;
|
||||
case 3 /* Both */: break;
|
||||
case 0 /* None */: return;
|
||||
default:
|
||||
console.warn('invalid ItemSideFlags value', this.sides);
|
||||
break;
|
||||
}
|
||||
let optsWidth;
|
||||
if (openAmount > this.optsWidthRightSide) {
|
||||
optsWidth = this.optsWidthRightSide;
|
||||
openAmount = optsWidth + (openAmount - optsWidth) * ELASTIC_FACTOR;
|
||||
}
|
||||
else if (openAmount < -this.optsWidthLeftSide) {
|
||||
optsWidth = -this.optsWidthLeftSide;
|
||||
openAmount = optsWidth + (openAmount - optsWidth) * ELASTIC_FACTOR;
|
||||
}
|
||||
this.setOpenAmount(openAmount, false);
|
||||
}
|
||||
onEnd(gesture) {
|
||||
const velocity = gesture.velocityX;
|
||||
let restingPoint = (this.openAmount > 0)
|
||||
? this.optsWidthRightSide
|
||||
: -this.optsWidthLeftSide;
|
||||
// Check if the drag didn't clear the buttons mid-point
|
||||
// and we aren't moving fast enough to swipe open
|
||||
const isResetDirection = (this.openAmount > 0) === !(velocity < 0);
|
||||
const isMovingFast = Math.abs(velocity) > 0.3;
|
||||
const isOnCloseZone = Math.abs(this.openAmount) < Math.abs(restingPoint / 2);
|
||||
if (swipeShouldReset(isResetDirection, isMovingFast, isOnCloseZone)) {
|
||||
restingPoint = 0;
|
||||
}
|
||||
const state = this.state;
|
||||
this.setOpenAmount(restingPoint, true);
|
||||
if ((state & 32 /* SwipeEnd */) !== 0 && this.rightOptions) {
|
||||
this.rightOptions.fireSwipeEvent();
|
||||
}
|
||||
else if ((state & 64 /* SwipeStart */) !== 0 && this.leftOptions) {
|
||||
this.leftOptions.fireSwipeEvent();
|
||||
}
|
||||
}
|
||||
calculateOptsWidth() {
|
||||
this.optsWidthRightSide = 0;
|
||||
if (this.rightOptions) {
|
||||
this.rightOptions.style.display = 'flex';
|
||||
this.optsWidthRightSide = this.rightOptions.offsetWidth;
|
||||
this.rightOptions.style.display = '';
|
||||
}
|
||||
this.optsWidthLeftSide = 0;
|
||||
if (this.leftOptions) {
|
||||
this.leftOptions.style.display = 'flex';
|
||||
this.optsWidthLeftSide = this.leftOptions.offsetWidth;
|
||||
this.leftOptions.style.display = '';
|
||||
}
|
||||
this.optsDirty = false;
|
||||
}
|
||||
setOpenAmount(openAmount, isFinal) {
|
||||
if (this.tmr !== undefined) {
|
||||
clearTimeout(this.tmr);
|
||||
this.tmr = undefined;
|
||||
}
|
||||
if (!this.item) {
|
||||
return;
|
||||
}
|
||||
const style = this.item.style;
|
||||
this.openAmount = openAmount;
|
||||
if (isFinal) {
|
||||
style.transition = '';
|
||||
}
|
||||
if (openAmount > 0) {
|
||||
this.state = (openAmount >= (this.optsWidthRightSide + SWIPE_MARGIN))
|
||||
? 8 /* End */ | 32 /* SwipeEnd */
|
||||
: 8 /* End */;
|
||||
}
|
||||
else if (openAmount < 0) {
|
||||
this.state = (openAmount <= (-this.optsWidthLeftSide - SWIPE_MARGIN))
|
||||
? 16 /* Start */ | 64 /* SwipeStart */
|
||||
: 16 /* Start */;
|
||||
}
|
||||
else {
|
||||
this.tmr = setTimeout(() => {
|
||||
this.state = 2 /* Disabled */;
|
||||
this.tmr = undefined;
|
||||
}, 600);
|
||||
openSlidingItem = undefined;
|
||||
style.transform = '';
|
||||
return;
|
||||
}
|
||||
style.transform = `translate3d(${-openAmount}px,0,0)`;
|
||||
this.ionDrag.emit({
|
||||
amount: openAmount,
|
||||
ratio: this.getSlidingRatioSync()
|
||||
});
|
||||
}
|
||||
getSlidingRatioSync() {
|
||||
if (this.openAmount > 0) {
|
||||
return this.openAmount / this.optsWidthRightSide;
|
||||
}
|
||||
else if (this.openAmount < 0) {
|
||||
return this.openAmount / this.optsWidthLeftSide;
|
||||
}
|
||||
else {
|
||||
return 0;
|
||||
}
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: {
|
||||
[mode]: true,
|
||||
'item-sliding-active-slide': (this.state !== 2 /* Disabled */),
|
||||
'item-sliding-active-options-end': (this.state & 8 /* End */) !== 0,
|
||||
'item-sliding-active-options-start': (this.state & 16 /* Start */) !== 0,
|
||||
'item-sliding-active-swipe-end': (this.state & 32 /* SwipeEnd */) !== 0,
|
||||
'item-sliding-active-swipe-start': (this.state & 64 /* SwipeStart */) !== 0
|
||||
} }));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"disabled": ["disabledChanged"]
|
||||
}; }
|
||||
};
|
||||
const swipeShouldReset = (isResetDirection, isMovingFast, isOnResetZone) => {
|
||||
// The logic required to know when the sliding item should close (openAmount=0)
|
||||
// depends on three booleans (isResetDirection, isMovingFast, isOnResetZone)
|
||||
// and it ended up being too complicated to be written manually without errors
|
||||
// so the truth table is attached below: (0=false, 1=true)
|
||||
// isResetDirection | isMovingFast | isOnResetZone || shouldClose
|
||||
// 0 | 0 | 0 || 0
|
||||
// 0 | 0 | 1 || 1
|
||||
// 0 | 1 | 0 || 0
|
||||
// 0 | 1 | 1 || 0
|
||||
// 1 | 0 | 0 || 0
|
||||
// 1 | 0 | 1 || 1
|
||||
// 1 | 1 | 0 || 1
|
||||
// 1 | 1 | 1 || 1
|
||||
// The resulting expression was generated by resolving the K-map (Karnaugh map):
|
||||
return (!isMovingFast && isOnResetZone) || (isResetDirection && isMovingFast);
|
||||
};
|
||||
ItemSliding.style = itemSlidingCss;
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=16-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,874 +0,0 @@
|
||||
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
||||
|
||||
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[16], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-item-option_3.entry.js":
|
||||
/*!**********************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-item-option_3.entry.js ***!
|
||||
\**********************************************************************/
|
||||
|
||||
/*! exports provided: ion_item_option, ion_item_options, ion_item_sliding */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonItemOption_3EntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_item_option", function () {
|
||||
return ItemOption;
|
||||
});
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_item_options", function () {
|
||||
return ItemOptions;
|
||||
});
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_item_sliding", function () {
|
||||
return ItemSliding;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
|
||||
/*! ./helpers-90f46169.js */
|
||||
"./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
|
||||
/*! ./theme-ff3fc52f.js */
|
||||
"./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
|
||||
var itemOptionIosCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.in-list.item-options-end:last-child){padding-right:calc(.7em + var(--ion-safe-area-right))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-list.item-options-end:last-child){padding-right:unset;-webkit-padding-end:calc(.7em + var(--ion-safe-area-right));padding-inline-end:calc(.7em + var(--ion-safe-area-right))}}:host(.in-list.item-options-start:first-child){padding-left:calc(.7em + var(--ion-safe-area-left))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-list.item-options-start:first-child){padding-left:unset;-webkit-padding-start:calc(.7em + var(--ion-safe-area-left));padding-inline-start:calc(.7em + var(--ion-safe-area-left))}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0.7em;padding-right:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em}}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){margin-left:0;margin-right:5px;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}::slotted([slot=end]){margin-left:5px;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0}}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:10px;margin-right:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=icon-only]){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px}}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none;-webkit-transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1);transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:16px}:host(.ion-activated){background:var(--ion-color-primary-shade, #3171e0)}:host(.ion-color.ion-activated){background:var(--ion-color-shade)}";
|
||||
var itemOptionMdCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.in-list.item-options-end:last-child){padding-right:calc(.7em + var(--ion-safe-area-right))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-list.item-options-end:last-child){padding-right:unset;-webkit-padding-end:calc(.7em + var(--ion-safe-area-right));padding-inline-end:calc(.7em + var(--ion-safe-area-right))}}:host(.in-list.item-options-start:first-child){padding-left:calc(.7em + var(--ion-safe-area-left))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-list.item-options-start:first-child){padding-left:unset;-webkit-padding-start:calc(.7em + var(--ion-safe-area-left));padding-inline-start:calc(.7em + var(--ion-safe-area-left))}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0.7em;padding-right:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em}}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){margin-left:0;margin-right:5px;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}::slotted([slot=end]){margin-left:5px;margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0}}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:10px;margin-right:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=icon-only]){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px}}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none;-webkit-transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1);transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:14px;font-weight:500;text-transform:uppercase}";
|
||||
|
||||
var ItemOption = /*#__PURE__*/function () {
|
||||
function ItemOption(hostRef) {
|
||||
_classCallCheck(this, ItemOption);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
/**
|
||||
* If `true`, the user cannot interact with the item option.
|
||||
*/
|
||||
|
||||
this.disabled = false;
|
||||
/**
|
||||
* If `true`, the option will expand to take up the available width and cover any other options.
|
||||
*/
|
||||
|
||||
this.expandable = false;
|
||||
/**
|
||||
* The type of the button.
|
||||
*/
|
||||
|
||||
this.type = 'button';
|
||||
|
||||
this.onClick = function (ev) {
|
||||
var el = ev.target.closest('ion-item-option');
|
||||
|
||||
if (el) {
|
||||
ev.preventDefault();
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
_createClass(ItemOption, [{
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _Object;
|
||||
|
||||
var disabled = this.disabled,
|
||||
expandable = this.expandable,
|
||||
href = this.href;
|
||||
var TagType = href === undefined ? 'button' : 'a';
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
var attrs = TagType === 'button' ? {
|
||||
type: this.type
|
||||
} : {
|
||||
download: this.download,
|
||||
href: this.href,
|
||||
target: this.target
|
||||
};
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
onClick: this.onClick,
|
||||
"class": Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__["c"])(this.color, (_Object = {}, _defineProperty(_Object, mode, true), _defineProperty(_Object, 'item-option-disabled', disabled), _defineProperty(_Object, 'item-option-expandable', expandable), _defineProperty(_Object, 'ion-activatable', true), _Object))
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(TagType, Object.assign({}, attrs, {
|
||||
"class": "button-native",
|
||||
part: "native",
|
||||
disabled: disabled
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("span", {
|
||||
"class": "button-inner"
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", {
|
||||
name: "top"
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "horizontal-wrapper"
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", {
|
||||
name: "start"
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", {
|
||||
name: "icon-only"
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", {
|
||||
name: "end"
|
||||
})), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", {
|
||||
name: "bottom"
|
||||
})), mode === 'md' && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-ripple-effect", null)));
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}]);
|
||||
|
||||
return ItemOption;
|
||||
}();
|
||||
|
||||
ItemOption.style = {
|
||||
ios: itemOptionIosCss,
|
||||
md: itemOptionMdCss
|
||||
};
|
||||
var itemOptionsIosCss = "ion-item-options{top:0;right:0;-ms-flex-pack:end;justify-content:flex-end;display:none;position:absolute;height:100%;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}[dir=rtl] ion-item-options,:host-context([dir=rtl]) ion-item-options{-ms-flex-pack:start;justify-content:flex-start}[dir=rtl] ion-item-options:not(.item-options-end),:host-context([dir=rtl]) ion-item-options:not(.item-options-end){right:auto;left:0;-ms-flex-pack:end;justify-content:flex-end}.item-options-start{right:auto;left:0;-ms-flex-pack:start;justify-content:flex-start}[dir=rtl] .item-options-start,:host-context([dir=rtl]) .item-options-start{-ms-flex-pack:end;justify-content:flex-end}.item-options-start ion-item-option:first-child{padding-right:var(--ion-safe-area-left)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-options-start ion-item-option:first-child{padding-right:unset;-webkit-padding-end:var(--ion-safe-area-left);padding-inline-end:var(--ion-safe-area-left)}}.item-options-end ion-item-option:last-child{padding-right:var(--ion-safe-area-right)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-options-end ion-item-option:last-child{padding-right:unset;-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}[dir=rtl] .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end),:host-context([dir=rtl]) .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end){width:100%;visibility:visible}.item-sliding-active-slide ion-item-options{display:-ms-flexbox;display:flex;visibility:hidden}.item-sliding-active-slide.item-sliding-active-options-start .item-options-start,.item-sliding-active-slide.item-sliding-active-options-end ion-item-options:not(.item-options-start){width:100%;visibility:visible}.item-options-ios{border-bottom-width:0;border-bottom-style:solid;border-bottom-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)))}.item-options-ios.item-options-end{border-bottom-width:0.55px}.list-ios-lines-none .item-options-ios{border-bottom-width:0}.list-ios-lines-full .item-options-ios,.list-ios-lines-inset .item-options-ios.item-options-end{border-bottom-width:0.55px}";
|
||||
var itemOptionsMdCss = "ion-item-options{top:0;right:0;-ms-flex-pack:end;justify-content:flex-end;display:none;position:absolute;height:100%;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}[dir=rtl] ion-item-options,:host-context([dir=rtl]) ion-item-options{-ms-flex-pack:start;justify-content:flex-start}[dir=rtl] ion-item-options:not(.item-options-end),:host-context([dir=rtl]) ion-item-options:not(.item-options-end){right:auto;left:0;-ms-flex-pack:end;justify-content:flex-end}.item-options-start{right:auto;left:0;-ms-flex-pack:start;justify-content:flex-start}[dir=rtl] .item-options-start,:host-context([dir=rtl]) .item-options-start{-ms-flex-pack:end;justify-content:flex-end}.item-options-start ion-item-option:first-child{padding-right:var(--ion-safe-area-left)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-options-start ion-item-option:first-child{padding-right:unset;-webkit-padding-end:var(--ion-safe-area-left);padding-inline-end:var(--ion-safe-area-left)}}.item-options-end ion-item-option:last-child{padding-right:var(--ion-safe-area-right)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-options-end ion-item-option:last-child{padding-right:unset;-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}[dir=rtl] .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end),:host-context([dir=rtl]) .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end){width:100%;visibility:visible}.item-sliding-active-slide ion-item-options{display:-ms-flexbox;display:flex;visibility:hidden}.item-sliding-active-slide.item-sliding-active-options-start .item-options-start,.item-sliding-active-slide.item-sliding-active-options-end ion-item-options:not(.item-options-start){width:100%;visibility:visible}.item-options-md{border-bottom-width:0;border-bottom-style:solid;border-bottom-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))))}.list-md-lines-none .item-options-md{border-bottom-width:0}.list-md-lines-full .item-options-md,.list-md-lines-inset .item-options-md.item-options-end{border-bottom-width:1px}";
|
||||
|
||||
var ItemOptions = /*#__PURE__*/function () {
|
||||
function ItemOptions(hostRef) {
|
||||
_classCallCheck(this, ItemOptions);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionSwipe = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionSwipe", 7);
|
||||
/**
|
||||
* The side the option button should be on. Possible values: `"start"` and `"end"`. If you have multiple `ion-item-options`, a side must be provided for each.
|
||||
*
|
||||
*/
|
||||
|
||||
this.side = 'end';
|
||||
}
|
||||
/** @internal */
|
||||
|
||||
|
||||
_createClass(ItemOptions, [{
|
||||
key: "fireSwipeEvent",
|
||||
value: function () {
|
||||
var _fireSwipeEvent = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
||||
return regeneratorRuntime.wrap(function _callee$(_context) {
|
||||
while (1) {
|
||||
switch (_context.prev = _context.next) {
|
||||
case 0:
|
||||
this.ionSwipe.emit({
|
||||
side: this.side
|
||||
});
|
||||
|
||||
case 1:
|
||||
case "end":
|
||||
return _context.stop();
|
||||
}
|
||||
}
|
||||
}, _callee, this);
|
||||
}));
|
||||
|
||||
function fireSwipeEvent() {
|
||||
return _fireSwipeEvent.apply(this, arguments);
|
||||
}
|
||||
|
||||
return fireSwipeEvent;
|
||||
}()
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _class;
|
||||
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
var isEnd = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["l"])(this.side);
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": (_class = {}, _defineProperty(_class, mode, true), _defineProperty(_class, "item-options-".concat(mode), true), _defineProperty(_class, 'item-options-start', !isEnd), _defineProperty(_class, 'item-options-end', isEnd), _class)
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}]);
|
||||
|
||||
return ItemOptions;
|
||||
}();
|
||||
|
||||
ItemOptions.style = {
|
||||
ios: itemOptionsIosCss,
|
||||
md: itemOptionsMdCss
|
||||
};
|
||||
var itemSlidingCss = "ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ion-item-sliding .item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item-sliding-active-slide .item{position:relative;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;-ms-flex-order:1;order:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-left;transition-property:padding-left}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable,:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;-ms-flex-order:-1;order:-1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-right;transition-property:padding-right}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable,:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}";
|
||||
var SWIPE_MARGIN = 30;
|
||||
var ELASTIC_FACTOR = 0.55;
|
||||
var openSlidingItem;
|
||||
|
||||
var ItemSliding = /*#__PURE__*/function () {
|
||||
function ItemSliding(hostRef) {
|
||||
_classCallCheck(this, ItemSliding);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionDrag = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionDrag", 7);
|
||||
this.item = null;
|
||||
this.openAmount = 0;
|
||||
this.initialOpenAmount = 0;
|
||||
this.optsWidthRightSide = 0;
|
||||
this.optsWidthLeftSide = 0;
|
||||
this.sides = 0
|
||||
/* None */
|
||||
;
|
||||
this.optsDirty = true;
|
||||
this.state = 2
|
||||
/* Disabled */
|
||||
;
|
||||
/**
|
||||
* If `true`, the user cannot interact with the sliding item.
|
||||
*/
|
||||
|
||||
this.disabled = false;
|
||||
}
|
||||
|
||||
_createClass(ItemSliding, [{
|
||||
key: "disabledChanged",
|
||||
value: function disabledChanged() {
|
||||
if (this.gesture) {
|
||||
this.gesture.enable(!this.disabled);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "connectedCallback",
|
||||
value: function () {
|
||||
var _connectedCallback = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
||||
var _this = this;
|
||||
|
||||
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
||||
while (1) {
|
||||
switch (_context2.prev = _context2.next) {
|
||||
case 0:
|
||||
this.item = this.el.querySelector('ion-item');
|
||||
_context2.next = 3;
|
||||
return this.updateOptions();
|
||||
|
||||
case 3:
|
||||
_context2.next = 5;
|
||||
return Promise.resolve().then(__webpack_require__.bind(null,
|
||||
/*! ./index-f49d994d.js */
|
||||
"./node_modules/@ionic/core/dist/esm/index-f49d994d.js"));
|
||||
|
||||
case 5:
|
||||
this.gesture = _context2.sent.createGesture({
|
||||
el: this.el,
|
||||
gestureName: 'item-swipe',
|
||||
gesturePriority: 100,
|
||||
threshold: 5,
|
||||
canStart: function canStart(ev) {
|
||||
return _this.canStart(ev);
|
||||
},
|
||||
onStart: function onStart() {
|
||||
return _this.onStart();
|
||||
},
|
||||
onMove: function onMove(ev) {
|
||||
return _this.onMove(ev);
|
||||
},
|
||||
onEnd: function onEnd(ev) {
|
||||
return _this.onEnd(ev);
|
||||
}
|
||||
});
|
||||
this.disabledChanged();
|
||||
|
||||
case 7:
|
||||
case "end":
|
||||
return _context2.stop();
|
||||
}
|
||||
}
|
||||
}, _callee2, this);
|
||||
}));
|
||||
|
||||
function connectedCallback() {
|
||||
return _connectedCallback.apply(this, arguments);
|
||||
}
|
||||
|
||||
return connectedCallback;
|
||||
}()
|
||||
}, {
|
||||
key: "disconnectedCallback",
|
||||
value: function disconnectedCallback() {
|
||||
if (this.gesture) {
|
||||
this.gesture.destroy();
|
||||
this.gesture = undefined;
|
||||
}
|
||||
|
||||
this.item = null;
|
||||
this.leftOptions = this.rightOptions = undefined;
|
||||
|
||||
if (openSlidingItem === this.el) {
|
||||
openSlidingItem = undefined;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Get the amount the item is open in pixels.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "getOpenAmount",
|
||||
value: function getOpenAmount() {
|
||||
return Promise.resolve(this.openAmount);
|
||||
}
|
||||
/**
|
||||
* Get the ratio of the open amount of the item compared to the width of the options.
|
||||
* If the number returned is positive, then the options on the right side are open.
|
||||
* If the number returned is negative, then the options on the left side are open.
|
||||
* If the absolute value of the number is greater than 1, the item is open more than
|
||||
* the width of the options.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "getSlidingRatio",
|
||||
value: function getSlidingRatio() {
|
||||
return Promise.resolve(this.getSlidingRatioSync());
|
||||
}
|
||||
/**
|
||||
* Open the sliding item.
|
||||
*
|
||||
* @param side The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "open",
|
||||
value: function () {
|
||||
var _open = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(side) {
|
||||
var _this2 = this;
|
||||
|
||||
var optionsToOpen, isStartOpen, isEndOpen;
|
||||
return regeneratorRuntime.wrap(function _callee3$(_context3) {
|
||||
while (1) {
|
||||
switch (_context3.prev = _context3.next) {
|
||||
case 0:
|
||||
if (!(this.item === null)) {
|
||||
_context3.next = 2;
|
||||
break;
|
||||
}
|
||||
|
||||
return _context3.abrupt("return");
|
||||
|
||||
case 2:
|
||||
optionsToOpen = this.getOptions(side);
|
||||
|
||||
if (optionsToOpen) {
|
||||
_context3.next = 5;
|
||||
break;
|
||||
}
|
||||
|
||||
return _context3.abrupt("return");
|
||||
|
||||
case 5:
|
||||
/**
|
||||
* If side is not set, we need to infer the side
|
||||
* so we know which direction to move the options
|
||||
*/
|
||||
if (side === undefined) {
|
||||
side = optionsToOpen === this.leftOptions ? 'start' : 'end';
|
||||
} // In RTL we want to switch the sides
|
||||
|
||||
|
||||
side = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["l"])(side) ? 'end' : 'start';
|
||||
isStartOpen = this.openAmount < 0;
|
||||
isEndOpen = this.openAmount > 0;
|
||||
/**
|
||||
* If a side is open and a user tries to
|
||||
* re-open the same side, we should not do anything
|
||||
*/
|
||||
|
||||
if (!(isStartOpen && optionsToOpen === this.leftOptions)) {
|
||||
_context3.next = 11;
|
||||
break;
|
||||
}
|
||||
|
||||
return _context3.abrupt("return");
|
||||
|
||||
case 11:
|
||||
if (!(isEndOpen && optionsToOpen === this.rightOptions)) {
|
||||
_context3.next = 13;
|
||||
break;
|
||||
}
|
||||
|
||||
return _context3.abrupt("return");
|
||||
|
||||
case 13:
|
||||
this.closeOpened();
|
||||
this.state = 4
|
||||
/* Enabled */
|
||||
;
|
||||
requestAnimationFrame(function () {
|
||||
_this2.calculateOptsWidth();
|
||||
|
||||
var width = side === 'end' ? _this2.optsWidthRightSide : -_this2.optsWidthLeftSide;
|
||||
openSlidingItem = _this2.el;
|
||||
|
||||
_this2.setOpenAmount(width, false);
|
||||
|
||||
_this2.state = side === 'end' ? 8
|
||||
/* End */
|
||||
: 16
|
||||
/* Start */
|
||||
;
|
||||
});
|
||||
|
||||
case 16:
|
||||
case "end":
|
||||
return _context3.stop();
|
||||
}
|
||||
}
|
||||
}, _callee3, this);
|
||||
}));
|
||||
|
||||
function open(_x) {
|
||||
return _open.apply(this, arguments);
|
||||
}
|
||||
|
||||
return open;
|
||||
}()
|
||||
/**
|
||||
* Close the sliding item. Items can also be closed from the [List](../list).
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "close",
|
||||
value: function () {
|
||||
var _close = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
|
||||
return regeneratorRuntime.wrap(function _callee4$(_context4) {
|
||||
while (1) {
|
||||
switch (_context4.prev = _context4.next) {
|
||||
case 0:
|
||||
this.setOpenAmount(0, true);
|
||||
|
||||
case 1:
|
||||
case "end":
|
||||
return _context4.stop();
|
||||
}
|
||||
}
|
||||
}, _callee4, this);
|
||||
}));
|
||||
|
||||
function close() {
|
||||
return _close.apply(this, arguments);
|
||||
}
|
||||
|
||||
return close;
|
||||
}()
|
||||
/**
|
||||
* Close all of the sliding items in the list. Items can also be closed from the [List](../list).
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "closeOpened",
|
||||
value: function () {
|
||||
var _closeOpened = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
|
||||
return regeneratorRuntime.wrap(function _callee5$(_context5) {
|
||||
while (1) {
|
||||
switch (_context5.prev = _context5.next) {
|
||||
case 0:
|
||||
if (!(openSlidingItem !== undefined)) {
|
||||
_context5.next = 4;
|
||||
break;
|
||||
}
|
||||
|
||||
openSlidingItem.close();
|
||||
openSlidingItem = undefined;
|
||||
return _context5.abrupt("return", true);
|
||||
|
||||
case 4:
|
||||
return _context5.abrupt("return", false);
|
||||
|
||||
case 5:
|
||||
case "end":
|
||||
return _context5.stop();
|
||||
}
|
||||
}
|
||||
}, _callee5);
|
||||
}));
|
||||
|
||||
function closeOpened() {
|
||||
return _closeOpened.apply(this, arguments);
|
||||
}
|
||||
|
||||
return closeOpened;
|
||||
}()
|
||||
/**
|
||||
* Given an optional side, return the ion-item-options element.
|
||||
*
|
||||
* @param side This side of the options to get. If a side is not provided it will
|
||||
* return the first one available.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "getOptions",
|
||||
value: function getOptions(side) {
|
||||
if (side === undefined) {
|
||||
return this.leftOptions || this.rightOptions;
|
||||
} else if (side === 'start') {
|
||||
return this.leftOptions;
|
||||
} else {
|
||||
return this.rightOptions;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "updateOptions",
|
||||
value: function () {
|
||||
var _updateOptions = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
|
||||
var options, sides, i, option, side;
|
||||
return regeneratorRuntime.wrap(function _callee6$(_context6) {
|
||||
while (1) {
|
||||
switch (_context6.prev = _context6.next) {
|
||||
case 0:
|
||||
options = this.el.querySelectorAll('ion-item-options');
|
||||
sides = 0; // Reset left and right options in case they were removed
|
||||
|
||||
this.leftOptions = this.rightOptions = undefined;
|
||||
i = 0;
|
||||
|
||||
case 4:
|
||||
if (!(i < options.length)) {
|
||||
_context6.next = 13;
|
||||
break;
|
||||
}
|
||||
|
||||
_context6.next = 7;
|
||||
return options.item(i).componentOnReady();
|
||||
|
||||
case 7:
|
||||
option = _context6.sent;
|
||||
side = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["l"])(option.side) ? 'end' : 'start';
|
||||
|
||||
if (side === 'start') {
|
||||
this.leftOptions = option;
|
||||
sides |= 1
|
||||
/* Start */
|
||||
;
|
||||
} else {
|
||||
this.rightOptions = option;
|
||||
sides |= 2
|
||||
/* End */
|
||||
;
|
||||
}
|
||||
|
||||
case 10:
|
||||
i++;
|
||||
_context6.next = 4;
|
||||
break;
|
||||
|
||||
case 13:
|
||||
this.optsDirty = true;
|
||||
this.sides = sides;
|
||||
|
||||
case 15:
|
||||
case "end":
|
||||
return _context6.stop();
|
||||
}
|
||||
}
|
||||
}, _callee6, this);
|
||||
}));
|
||||
|
||||
function updateOptions() {
|
||||
return _updateOptions.apply(this, arguments);
|
||||
}
|
||||
|
||||
return updateOptions;
|
||||
}()
|
||||
}, {
|
||||
key: "canStart",
|
||||
value: function canStart(gesture) {
|
||||
/**
|
||||
* If very close to start of the screen
|
||||
* do not open left side so swipe to go
|
||||
* back will still work.
|
||||
*/
|
||||
var rtl = document.dir === 'rtl';
|
||||
var atEdge = rtl ? window.innerWidth - gesture.startX < 15 : gesture.startX < 15;
|
||||
|
||||
if (atEdge) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var selected = openSlidingItem;
|
||||
|
||||
if (selected && selected !== this.el) {
|
||||
this.closeOpened();
|
||||
return false;
|
||||
}
|
||||
|
||||
return !!(this.rightOptions || this.leftOptions);
|
||||
}
|
||||
}, {
|
||||
key: "onStart",
|
||||
value: function onStart() {
|
||||
openSlidingItem = this.el;
|
||||
|
||||
if (this.tmr !== undefined) {
|
||||
clearTimeout(this.tmr);
|
||||
this.tmr = undefined;
|
||||
}
|
||||
|
||||
if (this.openAmount === 0) {
|
||||
this.optsDirty = true;
|
||||
this.state = 4
|
||||
/* Enabled */
|
||||
;
|
||||
}
|
||||
|
||||
this.initialOpenAmount = this.openAmount;
|
||||
|
||||
if (this.item) {
|
||||
this.item.style.transition = 'none';
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "onMove",
|
||||
value: function onMove(gesture) {
|
||||
if (this.optsDirty) {
|
||||
this.calculateOptsWidth();
|
||||
}
|
||||
|
||||
var openAmount = this.initialOpenAmount - gesture.deltaX;
|
||||
|
||||
switch (this.sides) {
|
||||
case 2
|
||||
/* End */
|
||||
:
|
||||
openAmount = Math.max(0, openAmount);
|
||||
break;
|
||||
|
||||
case 1
|
||||
/* Start */
|
||||
:
|
||||
openAmount = Math.min(0, openAmount);
|
||||
break;
|
||||
|
||||
case 3
|
||||
/* Both */
|
||||
:
|
||||
break;
|
||||
|
||||
case 0
|
||||
/* None */
|
||||
:
|
||||
return;
|
||||
|
||||
default:
|
||||
console.warn('invalid ItemSideFlags value', this.sides);
|
||||
break;
|
||||
}
|
||||
|
||||
var optsWidth;
|
||||
|
||||
if (openAmount > this.optsWidthRightSide) {
|
||||
optsWidth = this.optsWidthRightSide;
|
||||
openAmount = optsWidth + (openAmount - optsWidth) * ELASTIC_FACTOR;
|
||||
} else if (openAmount < -this.optsWidthLeftSide) {
|
||||
optsWidth = -this.optsWidthLeftSide;
|
||||
openAmount = optsWidth + (openAmount - optsWidth) * ELASTIC_FACTOR;
|
||||
}
|
||||
|
||||
this.setOpenAmount(openAmount, false);
|
||||
}
|
||||
}, {
|
||||
key: "onEnd",
|
||||
value: function onEnd(gesture) {
|
||||
var velocity = gesture.velocityX;
|
||||
var restingPoint = this.openAmount > 0 ? this.optsWidthRightSide : -this.optsWidthLeftSide; // Check if the drag didn't clear the buttons mid-point
|
||||
// and we aren't moving fast enough to swipe open
|
||||
|
||||
var isResetDirection = this.openAmount > 0 === !(velocity < 0);
|
||||
var isMovingFast = Math.abs(velocity) > 0.3;
|
||||
var isOnCloseZone = Math.abs(this.openAmount) < Math.abs(restingPoint / 2);
|
||||
|
||||
if (swipeShouldReset(isResetDirection, isMovingFast, isOnCloseZone)) {
|
||||
restingPoint = 0;
|
||||
}
|
||||
|
||||
var state = this.state;
|
||||
this.setOpenAmount(restingPoint, true);
|
||||
|
||||
if ((state & 32
|
||||
/* SwipeEnd */
|
||||
) !== 0 && this.rightOptions) {
|
||||
this.rightOptions.fireSwipeEvent();
|
||||
} else if ((state & 64
|
||||
/* SwipeStart */
|
||||
) !== 0 && this.leftOptions) {
|
||||
this.leftOptions.fireSwipeEvent();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "calculateOptsWidth",
|
||||
value: function calculateOptsWidth() {
|
||||
this.optsWidthRightSide = 0;
|
||||
|
||||
if (this.rightOptions) {
|
||||
this.rightOptions.style.display = 'flex';
|
||||
this.optsWidthRightSide = this.rightOptions.offsetWidth;
|
||||
this.rightOptions.style.display = '';
|
||||
}
|
||||
|
||||
this.optsWidthLeftSide = 0;
|
||||
|
||||
if (this.leftOptions) {
|
||||
this.leftOptions.style.display = 'flex';
|
||||
this.optsWidthLeftSide = this.leftOptions.offsetWidth;
|
||||
this.leftOptions.style.display = '';
|
||||
}
|
||||
|
||||
this.optsDirty = false;
|
||||
}
|
||||
}, {
|
||||
key: "setOpenAmount",
|
||||
value: function setOpenAmount(openAmount, isFinal) {
|
||||
var _this3 = this;
|
||||
|
||||
if (this.tmr !== undefined) {
|
||||
clearTimeout(this.tmr);
|
||||
this.tmr = undefined;
|
||||
}
|
||||
|
||||
if (!this.item) {
|
||||
return;
|
||||
}
|
||||
|
||||
var style = this.item.style;
|
||||
this.openAmount = openAmount;
|
||||
|
||||
if (isFinal) {
|
||||
style.transition = '';
|
||||
}
|
||||
|
||||
if (openAmount > 0) {
|
||||
this.state = openAmount >= this.optsWidthRightSide + SWIPE_MARGIN ? 8
|
||||
/* End */
|
||||
| 32
|
||||
/* SwipeEnd */
|
||||
: 8
|
||||
/* End */
|
||||
;
|
||||
} else if (openAmount < 0) {
|
||||
this.state = openAmount <= -this.optsWidthLeftSide - SWIPE_MARGIN ? 16
|
||||
/* Start */
|
||||
| 64
|
||||
/* SwipeStart */
|
||||
: 16
|
||||
/* Start */
|
||||
;
|
||||
} else {
|
||||
this.tmr = setTimeout(function () {
|
||||
_this3.state = 2
|
||||
/* Disabled */
|
||||
;
|
||||
_this3.tmr = undefined;
|
||||
}, 600);
|
||||
openSlidingItem = undefined;
|
||||
style.transform = '';
|
||||
return;
|
||||
}
|
||||
|
||||
style.transform = "translate3d(".concat(-openAmount, "px,0,0)");
|
||||
this.ionDrag.emit({
|
||||
amount: openAmount,
|
||||
ratio: this.getSlidingRatioSync()
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "getSlidingRatioSync",
|
||||
value: function getSlidingRatioSync() {
|
||||
if (this.openAmount > 0) {
|
||||
return this.openAmount / this.optsWidthRightSide;
|
||||
} else if (this.openAmount < 0) {
|
||||
return this.openAmount / this.optsWidthLeftSide;
|
||||
} else {
|
||||
return 0;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _class2;
|
||||
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": (_class2 = {}, _defineProperty(_class2, mode, true), _defineProperty(_class2, 'item-sliding-active-slide', this.state !== 2
|
||||
/* Disabled */
|
||||
), _defineProperty(_class2, 'item-sliding-active-options-end', (this.state & 8
|
||||
/* End */
|
||||
) !== 0), _defineProperty(_class2, 'item-sliding-active-options-start', (this.state & 16
|
||||
/* Start */
|
||||
) !== 0), _defineProperty(_class2, 'item-sliding-active-swipe-end', (this.state & 32
|
||||
/* SwipeEnd */
|
||||
) !== 0), _defineProperty(_class2, 'item-sliding-active-swipe-start', (this.state & 64
|
||||
/* SwipeStart */
|
||||
) !== 0), _class2)
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}], [{
|
||||
key: "watchers",
|
||||
get: function get() {
|
||||
return {
|
||||
"disabled": ["disabledChanged"]
|
||||
};
|
||||
}
|
||||
}]);
|
||||
|
||||
return ItemSliding;
|
||||
}();
|
||||
|
||||
var swipeShouldReset = function swipeShouldReset(isResetDirection, isMovingFast, isOnResetZone) {
|
||||
// The logic required to know when the sliding item should close (openAmount=0)
|
||||
// depends on three booleans (isResetDirection, isMovingFast, isOnResetZone)
|
||||
// and it ended up being too complicated to be written manually without errors
|
||||
// so the truth table is attached below: (0=false, 1=true)
|
||||
// isResetDirection | isMovingFast | isOnResetZone || shouldClose
|
||||
// 0 | 0 | 0 || 0
|
||||
// 0 | 0 | 1 || 1
|
||||
// 0 | 1 | 0 || 0
|
||||
// 0 | 1 | 1 || 0
|
||||
// 1 | 0 | 0 || 0
|
||||
// 1 | 0 | 1 || 1
|
||||
// 1 | 1 | 0 || 1
|
||||
// 1 | 1 | 1 || 1
|
||||
// The resulting expression was generated by resolving the K-map (Karnaugh map):
|
||||
return !isMovingFast && isOnResetZone || isResetDirection && isMovingFast;
|
||||
};
|
||||
|
||||
ItemSliding.style = itemSlidingCss;
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=16-es5.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,237 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[18],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-loading.entry.js":
|
||||
/*!****************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-loading.entry.js ***!
|
||||
\****************************************************************/
|
||||
/*! exports provided: ion_loading */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_loading", function() { return Loading; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers-90f46169.js */ "./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */ var _animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./animation-54fe0237.js */ "./node_modules/@ionic/core/dist/esm/animation-54fe0237.js");
|
||||
/* harmony import */ var _index_9e3fe806_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./index-9e3fe806.js */ "./node_modules/@ionic/core/dist/esm/index-9e3fe806.js");
|
||||
/* harmony import */ var _hardware_back_button_4a6b37fb_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hardware-back-button-4a6b37fb.js */ "./node_modules/@ionic/core/dist/esm/hardware-back-button-4a6b37fb.js");
|
||||
/* harmony import */ var _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./overlays-12c20431.js */ "./node_modules/@ionic/core/dist/esm/overlays-12c20431.js");
|
||||
/* harmony import */ var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./theme-ff3fc52f.js */ "./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* iOS Loading Enter Animation
|
||||
*/
|
||||
const iosEnterAnimation = (baseEl) => {
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 0.01, 'var(--backdrop-opacity)')
|
||||
.beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
})
|
||||
.afterClearStyles(['pointer-events']);
|
||||
wrapperAnimation
|
||||
.addElement(baseEl.querySelector('.loading-wrapper'))
|
||||
.keyframes([
|
||||
{ offset: 0, opacity: 0.01, transform: 'scale(1.1)' },
|
||||
{ offset: 1, opacity: 1, transform: 'scale(1)' }
|
||||
]);
|
||||
return baseAnimation
|
||||
.addElement(baseEl)
|
||||
.easing('ease-in-out')
|
||||
.duration(200)
|
||||
.addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
/**
|
||||
* iOS Loading Leave Animation
|
||||
*/
|
||||
const iosLeaveAnimation = (baseEl) => {
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 'var(--backdrop-opacity)', 0);
|
||||
wrapperAnimation
|
||||
.addElement(baseEl.querySelector('.loading-wrapper'))
|
||||
.keyframes([
|
||||
{ offset: 0, opacity: 0.99, transform: 'scale(1)' },
|
||||
{ offset: 1, opacity: 0, transform: 'scale(0.9)' }
|
||||
]);
|
||||
return baseAnimation
|
||||
.addElement(baseEl)
|
||||
.easing('ease-in-out')
|
||||
.duration(200)
|
||||
.addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
/**
|
||||
* Md Loading Enter Animation
|
||||
*/
|
||||
const mdEnterAnimation = (baseEl) => {
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 0.01, 'var(--backdrop-opacity)')
|
||||
.beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
})
|
||||
.afterClearStyles(['pointer-events']);
|
||||
wrapperAnimation
|
||||
.addElement(baseEl.querySelector('.loading-wrapper'))
|
||||
.keyframes([
|
||||
{ offset: 0, opacity: 0.01, transform: 'scale(1.1)' },
|
||||
{ offset: 1, opacity: 1, transform: 'scale(1)' }
|
||||
]);
|
||||
return baseAnimation
|
||||
.addElement(baseEl)
|
||||
.easing('ease-in-out')
|
||||
.duration(200)
|
||||
.addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
/**
|
||||
* Md Loading Leave Animation
|
||||
*/
|
||||
const mdLeaveAnimation = (baseEl) => {
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 'var(--backdrop-opacity)', 0);
|
||||
wrapperAnimation
|
||||
.addElement(baseEl.querySelector('.loading-wrapper'))
|
||||
.keyframes([
|
||||
{ offset: 0, opacity: 0.99, transform: 'scale(1)' },
|
||||
{ offset: 1, opacity: 0, transform: 'scale(0.9)' }
|
||||
]);
|
||||
return baseAnimation
|
||||
.addElement(baseEl)
|
||||
.easing('ease-in-out')
|
||||
.duration(200)
|
||||
.addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
const loadingIosCss = ".sc-ion-loading-ios-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-ios-h{display:none}.loading-wrapper.sc-ion-loading-ios{display:-ms-flexbox;display:flex;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}.spinner-lines.sc-ion-loading-ios,.spinner-lines-small.sc-ion-loading-ios,.spinner-bubbles.sc-ion-loading-ios,.spinner-circles.sc-ion-loading-ios,.spinner-crescent.sc-ion-loading-ios,.spinner-dots.sc-ion-loading-ios{color:var(--spinner-color)}.sc-ion-loading-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9));--max-width:270px;--max-height:90%;--spinner-color:var(--ion-color-step-600, #666666);--backdrop-opacity:var(--ion-backdrop-opacity, 0.3);color:var(--ion-text-color, #000);font-size:14px}.loading-wrapper.sc-ion-loading-ios{border-radius:8px;padding-left:34px;padding-right:34px;padding-top:24px;padding-bottom:24px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.loading-wrapper.sc-ion-loading-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:34px;padding-inline-start:34px;-webkit-padding-end:34px;padding-inline-end:34px}}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.loading-translucent.sc-ion-loading-ios-h .loading-wrapper.sc-ion-loading-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.loading-content.sc-ion-loading-ios{font-weight:bold}.loading-spinner.sc-ion-loading-ios+.loading-content.sc-ion-loading-ios{margin-left:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.loading-spinner.sc-ion-loading-ios+.loading-content.sc-ion-loading-ios{margin-left:unset;-webkit-margin-start:16px;margin-inline-start:16px}}";
|
||||
|
||||
const loadingMdCss = ".sc-ion-loading-md-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-md-h{display:none}.loading-wrapper.sc-ion-loading-md{display:-ms-flexbox;display:flex;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}.spinner-lines.sc-ion-loading-md,.spinner-lines-small.sc-ion-loading-md,.spinner-bubbles.sc-ion-loading-md,.spinner-circles.sc-ion-loading-md,.spinner-crescent.sc-ion-loading-md,.spinner-dots.sc-ion-loading-md{color:var(--spinner-color)}.sc-ion-loading-md-h{--background:var(--ion-color-step-50, #f2f2f2);--max-width:280px;--max-height:90%;--spinner-color:var(--ion-color-primary, #3880ff);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);color:var(--ion-color-step-850, #262626);font-size:14px}.loading-wrapper.sc-ion-loading-md{border-radius:2px;padding-left:24px;padding-right:24px;padding-top:24px;padding-bottom:24px;-webkit-box-shadow:0 16px 20px rgba(0, 0, 0, 0.4);box-shadow:0 16px 20px rgba(0, 0, 0, 0.4)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.loading-wrapper.sc-ion-loading-md{padding-left:unset;padding-right:unset;-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px}}.loading-spinner.sc-ion-loading-md+.loading-content.sc-ion-loading-md{margin-left:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.loading-spinner.sc-ion-loading-md+.loading-content.sc-ion-loading-md{margin-left:unset;-webkit-margin-start:16px;margin-inline-start:16px}}";
|
||||
|
||||
const Loading = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.didPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionLoadingDidPresent", 7);
|
||||
this.willPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionLoadingWillPresent", 7);
|
||||
this.willDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionLoadingWillDismiss", 7);
|
||||
this.didDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionLoadingDidDismiss", 7);
|
||||
this.presented = false;
|
||||
/**
|
||||
* If `true`, the keyboard will be automatically dismissed when the overlay is presented.
|
||||
*/
|
||||
this.keyboardClose = true;
|
||||
/**
|
||||
* Number of milliseconds to wait before dismissing the loading indicator.
|
||||
*/
|
||||
this.duration = 0;
|
||||
/**
|
||||
* If `true`, the loading indicator will be dismissed when the backdrop is clicked.
|
||||
*/
|
||||
this.backdropDismiss = false;
|
||||
/**
|
||||
* If `true`, a backdrop will be displayed behind the loading indicator.
|
||||
*/
|
||||
this.showBackdrop = true;
|
||||
/**
|
||||
* If `true`, the loading indicator will be translucent.
|
||||
* Only applies when the mode is `"ios"` and the device supports
|
||||
* [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
|
||||
*/
|
||||
this.translucent = false;
|
||||
/**
|
||||
* If `true`, the loading indicator will animate.
|
||||
*/
|
||||
this.animated = true;
|
||||
this.onBackdropTap = () => {
|
||||
this.dismiss(undefined, _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["B"]);
|
||||
};
|
||||
}
|
||||
connectedCallback() {
|
||||
Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["e"])(this.el);
|
||||
}
|
||||
componentWillLoad() {
|
||||
if (this.spinner === undefined) {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
this.spinner = _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('loadingSpinner', _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('spinner', mode === 'ios' ? 'lines' : 'crescent'));
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Present the loading overlay after it has been created.
|
||||
*/
|
||||
async present() {
|
||||
await Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["d"])(this, 'loadingEnter', iosEnterAnimation, mdEnterAnimation, undefined);
|
||||
if (this.duration > 0) {
|
||||
this.durationTimeout = setTimeout(() => this.dismiss(), this.duration + 10);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Dismiss the loading overlay after it has been presented.
|
||||
*
|
||||
* @param data Any data to emit in the dismiss events.
|
||||
* @param role The role of the element that is dismissing the loading.
|
||||
* This can be useful in a button handler for determining which button was
|
||||
* clicked to dismiss the loading.
|
||||
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
||||
*/
|
||||
dismiss(data, role) {
|
||||
if (this.durationTimeout) {
|
||||
clearTimeout(this.durationTimeout);
|
||||
}
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["f"])(this, data, role, 'loadingLeave', iosLeaveAnimation, mdLeaveAnimation);
|
||||
}
|
||||
/**
|
||||
* Returns a promise that resolves when the loading did dismiss.
|
||||
*/
|
||||
onDidDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["g"])(this.el, 'ionLoadingDidDismiss');
|
||||
}
|
||||
/**
|
||||
* Returns a promise that resolves when the loading will dismiss.
|
||||
*/
|
||||
onWillDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["g"])(this.el, 'ionLoadingWillDismiss');
|
||||
}
|
||||
render() {
|
||||
const { message, spinner } = this;
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { onIonBackdropTap: this.onBackdropTap, tabindex: "-1", style: {
|
||||
zIndex: `${40000 + this.overlayIndex}`
|
||||
}, class: Object.assign(Object.assign({}, Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_7__["g"])(this.cssClass)), { [mode]: true, 'loading-translucent': this.translucent }) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-backdrop", { visible: this.showBackdrop, tappable: this.backdropDismiss }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { tabindex: "0" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "loading-wrapper ion-overlay-wrapper", role: "dialog" }, spinner && (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "loading-spinner" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-spinner", { name: spinner, "aria-hidden": "true" }))), message && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "loading-content", innerHTML: Object(_index_9e3fe806_js__WEBPACK_IMPORTED_MODULE_4__["s"])(message) })), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { tabindex: "0" })));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
Loading.style = {
|
||||
ios: loadingIosCss,
|
||||
md: loadingMdCss
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=18-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,363 +0,0 @@
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
||||
|
||||
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[18], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-loading.entry.js":
|
||||
/*!****************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-loading.entry.js ***!
|
||||
\****************************************************************/
|
||||
|
||||
/*! exports provided: ion_loading */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonLoadingEntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_loading", function () {
|
||||
return Loading;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
|
||||
/*! ./helpers-90f46169.js */
|
||||
"./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
|
||||
/*! ./animation-54fe0237.js */
|
||||
"./node_modules/@ionic/core/dist/esm/animation-54fe0237.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _index_9e3fe806_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
|
||||
/*! ./index-9e3fe806.js */
|
||||
"./node_modules/@ionic/core/dist/esm/index-9e3fe806.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _hardware_back_button_4a6b37fb_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
|
||||
/*! ./hardware-back-button-4a6b37fb.js */
|
||||
"./node_modules/@ionic/core/dist/esm/hardware-back-button-4a6b37fb.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
|
||||
/*! ./overlays-12c20431.js */
|
||||
"./node_modules/@ionic/core/dist/esm/overlays-12c20431.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
|
||||
/*! ./theme-ff3fc52f.js */
|
||||
"./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
/**
|
||||
* iOS Loading Enter Animation
|
||||
*/
|
||||
|
||||
|
||||
var iosEnterAnimation = function iosEnterAnimation(baseEl) {
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 0.01, 'var(--backdrop-opacity)').beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
}).afterClearStyles(['pointer-events']);
|
||||
wrapperAnimation.addElement(baseEl.querySelector('.loading-wrapper')).keyframes([{
|
||||
offset: 0,
|
||||
opacity: 0.01,
|
||||
transform: 'scale(1.1)'
|
||||
}, {
|
||||
offset: 1,
|
||||
opacity: 1,
|
||||
transform: 'scale(1)'
|
||||
}]);
|
||||
return baseAnimation.addElement(baseEl).easing('ease-in-out').duration(200).addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
/**
|
||||
* iOS Loading Leave Animation
|
||||
*/
|
||||
|
||||
|
||||
var iosLeaveAnimation = function iosLeaveAnimation(baseEl) {
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 'var(--backdrop-opacity)', 0);
|
||||
wrapperAnimation.addElement(baseEl.querySelector('.loading-wrapper')).keyframes([{
|
||||
offset: 0,
|
||||
opacity: 0.99,
|
||||
transform: 'scale(1)'
|
||||
}, {
|
||||
offset: 1,
|
||||
opacity: 0,
|
||||
transform: 'scale(0.9)'
|
||||
}]);
|
||||
return baseAnimation.addElement(baseEl).easing('ease-in-out').duration(200).addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
/**
|
||||
* Md Loading Enter Animation
|
||||
*/
|
||||
|
||||
|
||||
var mdEnterAnimation = function mdEnterAnimation(baseEl) {
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 0.01, 'var(--backdrop-opacity)').beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
}).afterClearStyles(['pointer-events']);
|
||||
wrapperAnimation.addElement(baseEl.querySelector('.loading-wrapper')).keyframes([{
|
||||
offset: 0,
|
||||
opacity: 0.01,
|
||||
transform: 'scale(1.1)'
|
||||
}, {
|
||||
offset: 1,
|
||||
opacity: 1,
|
||||
transform: 'scale(1)'
|
||||
}]);
|
||||
return baseAnimation.addElement(baseEl).easing('ease-in-out').duration(200).addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
/**
|
||||
* Md Loading Leave Animation
|
||||
*/
|
||||
|
||||
|
||||
var mdLeaveAnimation = function mdLeaveAnimation(baseEl) {
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 'var(--backdrop-opacity)', 0);
|
||||
wrapperAnimation.addElement(baseEl.querySelector('.loading-wrapper')).keyframes([{
|
||||
offset: 0,
|
||||
opacity: 0.99,
|
||||
transform: 'scale(1)'
|
||||
}, {
|
||||
offset: 1,
|
||||
opacity: 0,
|
||||
transform: 'scale(0.9)'
|
||||
}]);
|
||||
return baseAnimation.addElement(baseEl).easing('ease-in-out').duration(200).addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
var loadingIosCss = ".sc-ion-loading-ios-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-ios-h{display:none}.loading-wrapper.sc-ion-loading-ios{display:-ms-flexbox;display:flex;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}.spinner-lines.sc-ion-loading-ios,.spinner-lines-small.sc-ion-loading-ios,.spinner-bubbles.sc-ion-loading-ios,.spinner-circles.sc-ion-loading-ios,.spinner-crescent.sc-ion-loading-ios,.spinner-dots.sc-ion-loading-ios{color:var(--spinner-color)}.sc-ion-loading-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9));--max-width:270px;--max-height:90%;--spinner-color:var(--ion-color-step-600, #666666);--backdrop-opacity:var(--ion-backdrop-opacity, 0.3);color:var(--ion-text-color, #000);font-size:14px}.loading-wrapper.sc-ion-loading-ios{border-radius:8px;padding-left:34px;padding-right:34px;padding-top:24px;padding-bottom:24px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.loading-wrapper.sc-ion-loading-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:34px;padding-inline-start:34px;-webkit-padding-end:34px;padding-inline-end:34px}}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.loading-translucent.sc-ion-loading-ios-h .loading-wrapper.sc-ion-loading-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.loading-content.sc-ion-loading-ios{font-weight:bold}.loading-spinner.sc-ion-loading-ios+.loading-content.sc-ion-loading-ios{margin-left:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.loading-spinner.sc-ion-loading-ios+.loading-content.sc-ion-loading-ios{margin-left:unset;-webkit-margin-start:16px;margin-inline-start:16px}}";
|
||||
var loadingMdCss = ".sc-ion-loading-md-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-md-h{display:none}.loading-wrapper.sc-ion-loading-md{display:-ms-flexbox;display:flex;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}.spinner-lines.sc-ion-loading-md,.spinner-lines-small.sc-ion-loading-md,.spinner-bubbles.sc-ion-loading-md,.spinner-circles.sc-ion-loading-md,.spinner-crescent.sc-ion-loading-md,.spinner-dots.sc-ion-loading-md{color:var(--spinner-color)}.sc-ion-loading-md-h{--background:var(--ion-color-step-50, #f2f2f2);--max-width:280px;--max-height:90%;--spinner-color:var(--ion-color-primary, #3880ff);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);color:var(--ion-color-step-850, #262626);font-size:14px}.loading-wrapper.sc-ion-loading-md{border-radius:2px;padding-left:24px;padding-right:24px;padding-top:24px;padding-bottom:24px;-webkit-box-shadow:0 16px 20px rgba(0, 0, 0, 0.4);box-shadow:0 16px 20px rgba(0, 0, 0, 0.4)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.loading-wrapper.sc-ion-loading-md{padding-left:unset;padding-right:unset;-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px}}.loading-spinner.sc-ion-loading-md+.loading-content.sc-ion-loading-md{margin-left:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.loading-spinner.sc-ion-loading-md+.loading-content.sc-ion-loading-md{margin-left:unset;-webkit-margin-start:16px;margin-inline-start:16px}}";
|
||||
|
||||
var Loading = /*#__PURE__*/function () {
|
||||
function Loading(hostRef) {
|
||||
var _this = this;
|
||||
|
||||
_classCallCheck(this, Loading);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.didPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionLoadingDidPresent", 7);
|
||||
this.willPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionLoadingWillPresent", 7);
|
||||
this.willDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionLoadingWillDismiss", 7);
|
||||
this.didDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionLoadingDidDismiss", 7);
|
||||
this.presented = false;
|
||||
/**
|
||||
* If `true`, the keyboard will be automatically dismissed when the overlay is presented.
|
||||
*/
|
||||
|
||||
this.keyboardClose = true;
|
||||
/**
|
||||
* Number of milliseconds to wait before dismissing the loading indicator.
|
||||
*/
|
||||
|
||||
this.duration = 0;
|
||||
/**
|
||||
* If `true`, the loading indicator will be dismissed when the backdrop is clicked.
|
||||
*/
|
||||
|
||||
this.backdropDismiss = false;
|
||||
/**
|
||||
* If `true`, a backdrop will be displayed behind the loading indicator.
|
||||
*/
|
||||
|
||||
this.showBackdrop = true;
|
||||
/**
|
||||
* If `true`, the loading indicator will be translucent.
|
||||
* Only applies when the mode is `"ios"` and the device supports
|
||||
* [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
|
||||
*/
|
||||
|
||||
this.translucent = false;
|
||||
/**
|
||||
* If `true`, the loading indicator will animate.
|
||||
*/
|
||||
|
||||
this.animated = true;
|
||||
|
||||
this.onBackdropTap = function () {
|
||||
_this.dismiss(undefined, _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["B"]);
|
||||
};
|
||||
}
|
||||
|
||||
_createClass(Loading, [{
|
||||
key: "connectedCallback",
|
||||
value: function connectedCallback() {
|
||||
Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["e"])(this.el);
|
||||
}
|
||||
}, {
|
||||
key: "componentWillLoad",
|
||||
value: function componentWillLoad() {
|
||||
if (this.spinner === undefined) {
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
this.spinner = _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('loadingSpinner', _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('spinner', mode === 'ios' ? 'lines' : 'crescent'));
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Present the loading overlay after it has been created.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "present",
|
||||
value: function () {
|
||||
var _present = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
||||
var _this2 = this;
|
||||
|
||||
return regeneratorRuntime.wrap(function _callee$(_context) {
|
||||
while (1) {
|
||||
switch (_context.prev = _context.next) {
|
||||
case 0:
|
||||
_context.next = 2;
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["d"])(this, 'loadingEnter', iosEnterAnimation, mdEnterAnimation, undefined);
|
||||
|
||||
case 2:
|
||||
if (this.duration > 0) {
|
||||
this.durationTimeout = setTimeout(function () {
|
||||
return _this2.dismiss();
|
||||
}, this.duration + 10);
|
||||
}
|
||||
|
||||
case 3:
|
||||
case "end":
|
||||
return _context.stop();
|
||||
}
|
||||
}
|
||||
}, _callee, this);
|
||||
}));
|
||||
|
||||
function present() {
|
||||
return _present.apply(this, arguments);
|
||||
}
|
||||
|
||||
return present;
|
||||
}()
|
||||
/**
|
||||
* Dismiss the loading overlay after it has been presented.
|
||||
*
|
||||
* @param data Any data to emit in the dismiss events.
|
||||
* @param role The role of the element that is dismissing the loading.
|
||||
* This can be useful in a button handler for determining which button was
|
||||
* clicked to dismiss the loading.
|
||||
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "dismiss",
|
||||
value: function dismiss(data, role) {
|
||||
if (this.durationTimeout) {
|
||||
clearTimeout(this.durationTimeout);
|
||||
}
|
||||
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["f"])(this, data, role, 'loadingLeave', iosLeaveAnimation, mdLeaveAnimation);
|
||||
}
|
||||
/**
|
||||
* Returns a promise that resolves when the loading did dismiss.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "onDidDismiss",
|
||||
value: function onDidDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["g"])(this.el, 'ionLoadingDidDismiss');
|
||||
}
|
||||
/**
|
||||
* Returns a promise that resolves when the loading will dismiss.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "onWillDismiss",
|
||||
value: function onWillDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["g"])(this.el, 'ionLoadingWillDismiss');
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _Object$assign;
|
||||
|
||||
var message = this.message,
|
||||
spinner = this.spinner;
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
onIonBackdropTap: this.onBackdropTap,
|
||||
tabindex: "-1",
|
||||
style: {
|
||||
zIndex: "".concat(40000 + this.overlayIndex)
|
||||
},
|
||||
"class": Object.assign(Object.assign({}, Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_7__["g"])(this.cssClass)), (_Object$assign = {}, _defineProperty(_Object$assign, mode, true), _defineProperty(_Object$assign, 'loading-translucent', this.translucent), _Object$assign))
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-backdrop", {
|
||||
visible: this.showBackdrop,
|
||||
tappable: this.backdropDismiss
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
tabindex: "0"
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "loading-wrapper ion-overlay-wrapper",
|
||||
role: "dialog"
|
||||
}, spinner && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "loading-spinner"
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-spinner", {
|
||||
name: spinner,
|
||||
"aria-hidden": "true"
|
||||
})), message && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "loading-content",
|
||||
innerHTML: Object(_index_9e3fe806_js__WEBPACK_IMPORTED_MODULE_4__["s"])(message)
|
||||
})), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
tabindex: "0"
|
||||
}));
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}]);
|
||||
|
||||
return Loading;
|
||||
}();
|
||||
|
||||
Loading.style = {
|
||||
ios: loadingIosCss,
|
||||
md: loadingMdCss
|
||||
};
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=18-es5.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,578 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[19],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-menu_3.entry.js":
|
||||
/*!***************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-menu_3.entry.js ***!
|
||||
\***************************************************************/
|
||||
/*! exports provided: ion_menu, ion_menu_button, ion_menu_toggle */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_menu", function() { return Menu; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_menu_button", function() { return MenuButton; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_menu_toggle", function() { return MenuToggle; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers-90f46169.js */ "./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */ var _animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./animation-54fe0237.js */ "./node_modules/@ionic/core/dist/esm/animation-54fe0237.js");
|
||||
/* harmony import */ var _cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./cubic-bezier-eea9a7a9.js */ "./node_modules/@ionic/core/dist/esm/cubic-bezier-eea9a7a9.js");
|
||||
/* harmony import */ var _gesture_controller_31cb6bb9_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./gesture-controller-31cb6bb9.js */ "./node_modules/@ionic/core/dist/esm/gesture-controller-31cb6bb9.js");
|
||||
/* harmony import */ var _hardware_back_button_4a6b37fb_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hardware-back-button-4a6b37fb.js */ "./node_modules/@ionic/core/dist/esm/hardware-back-button-4a6b37fb.js");
|
||||
/* harmony import */ var _index_3a75d1af_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./index-3a75d1af.js */ "./node_modules/@ionic/core/dist/esm/index-3a75d1af.js");
|
||||
/* harmony import */ var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./theme-ff3fc52f.js */ "./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const menuIosCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{left:0;right:auto;top:0;bottom:0;-webkit-transform:translate3d(-9999px, 0, 0);transform:translate3d(-9999px, 0, 0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}[dir=rtl] .menu-inner,:host-context([dir=rtl]) .menu-inner{left:unset;right:unset;left:auto;right:0}[dir=rtl] .menu-inner,:host-context([dir=rtl]) .menu-inner{-webkit-transform:translate3d(calc(-1 * -9999px), 0, 0);transform:translate3d(calc(-1 * -9999px), 0, 0)}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;right:auto;left:0}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;right:0;left:auto;}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.menu-pane-visible) ion-backdrop{display:hidden !important;}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}";
|
||||
|
||||
const menuMdCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{left:0;right:auto;top:0;bottom:0;-webkit-transform:translate3d(-9999px, 0, 0);transform:translate3d(-9999px, 0, 0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}[dir=rtl] .menu-inner,:host-context([dir=rtl]) .menu-inner{left:unset;right:unset;left:auto;right:0}[dir=rtl] .menu-inner,:host-context([dir=rtl]) .menu-inner{-webkit-transform:translate3d(calc(-1 * -9999px), 0, 0);transform:translate3d(calc(-1 * -9999px), 0, 0)}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;right:auto;left:0}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;right:0;left:auto;}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.menu-pane-visible) ion-backdrop{display:hidden !important;}:host(.menu-type-overlay) .menu-inner{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}";
|
||||
|
||||
const iosEasing = 'cubic-bezier(0.32,0.72,0,1)';
|
||||
const mdEasing = 'cubic-bezier(0.0,0.0,0.2,1)';
|
||||
const iosEasingReverse = 'cubic-bezier(1, 0, 0.68, 0.28)';
|
||||
const mdEasingReverse = 'cubic-bezier(0.4, 0, 0.6, 1)';
|
||||
const Menu = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionWillOpen = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionWillOpen", 7);
|
||||
this.ionWillClose = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionWillClose", 7);
|
||||
this.ionDidOpen = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionDidOpen", 7);
|
||||
this.ionDidClose = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionDidClose", 7);
|
||||
this.ionMenuChange = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionMenuChange", 7);
|
||||
this.lastOnEnd = 0;
|
||||
this.blocker = _gesture_controller_31cb6bb9_js__WEBPACK_IMPORTED_MODULE_5__["G"].createBlocker({ disableScroll: true });
|
||||
this.isAnimating = false;
|
||||
this._isOpen = false;
|
||||
this.isPaneVisible = false;
|
||||
this.isEndSide = false;
|
||||
/**
|
||||
* If `true`, the menu is disabled.
|
||||
*/
|
||||
this.disabled = false;
|
||||
/**
|
||||
* Which side of the view the menu should be placed.
|
||||
*/
|
||||
this.side = 'start';
|
||||
/**
|
||||
* If `true`, swiping the menu is enabled.
|
||||
*/
|
||||
this.swipeGesture = true;
|
||||
/**
|
||||
* The edge threshold for dragging the menu open.
|
||||
* If a drag/swipe happens over this value, the menu is not triggered.
|
||||
*/
|
||||
this.maxEdgeStart = 50;
|
||||
}
|
||||
typeChanged(type, oldType) {
|
||||
const contentEl = this.contentEl;
|
||||
if (contentEl) {
|
||||
if (oldType !== undefined) {
|
||||
contentEl.classList.remove(`menu-content-${oldType}`);
|
||||
}
|
||||
contentEl.classList.add(`menu-content-${type}`);
|
||||
contentEl.removeAttribute('style');
|
||||
}
|
||||
if (this.menuInnerEl) {
|
||||
// Remove effects of previous animations
|
||||
this.menuInnerEl.removeAttribute('style');
|
||||
}
|
||||
this.animation = undefined;
|
||||
}
|
||||
disabledChanged() {
|
||||
this.updateState();
|
||||
this.ionMenuChange.emit({
|
||||
disabled: this.disabled,
|
||||
open: this._isOpen
|
||||
});
|
||||
}
|
||||
sideChanged() {
|
||||
this.isEndSide = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["l"])(this.side);
|
||||
}
|
||||
swipeGestureChanged() {
|
||||
this.updateState();
|
||||
}
|
||||
async connectedCallback() {
|
||||
if (this.type === undefined) {
|
||||
this.type = _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('menuType', 'overlay');
|
||||
}
|
||||
const el = this.el;
|
||||
const parent = el.parentNode;
|
||||
if (this.contentId === undefined) {
|
||||
console.warn(`[DEPRECATED][ion-menu] Using the [main] attribute is deprecated, please use the "contentId" property instead:
|
||||
BEFORE:
|
||||
<ion-menu>...</ion-menu>
|
||||
<div main>...</div>
|
||||
|
||||
AFTER:
|
||||
<ion-menu contentId="main-content"></ion-menu>
|
||||
<div id="main-content">...</div>
|
||||
`);
|
||||
}
|
||||
const content = this.contentId !== undefined
|
||||
? document.getElementById(this.contentId)
|
||||
: parent && parent.querySelector && parent.querySelector('[main]');
|
||||
if (!content || !content.tagName) {
|
||||
// requires content element
|
||||
console.error('Menu: must have a "content" element to listen for drag events on.');
|
||||
return;
|
||||
}
|
||||
this.contentEl = content;
|
||||
// add menu's content classes
|
||||
content.classList.add('menu-content');
|
||||
this.typeChanged(this.type, undefined);
|
||||
this.sideChanged();
|
||||
// register this menu with the app's menu controller
|
||||
_index_3a75d1af_js__WEBPACK_IMPORTED_MODULE_7__["m"]._register(this);
|
||||
this.gesture = (await Promise.resolve(/*! import() */).then(__webpack_require__.bind(null, /*! ./index-f49d994d.js */ "./node_modules/@ionic/core/dist/esm/index-f49d994d.js"))).createGesture({
|
||||
el: document,
|
||||
gestureName: 'menu-swipe',
|
||||
gesturePriority: 30,
|
||||
threshold: 10,
|
||||
blurOnStart: true,
|
||||
canStart: ev => this.canStart(ev),
|
||||
onWillStart: () => this.onWillStart(),
|
||||
onStart: () => this.onStart(),
|
||||
onMove: ev => this.onMove(ev),
|
||||
onEnd: ev => this.onEnd(ev),
|
||||
});
|
||||
this.updateState();
|
||||
}
|
||||
async componentDidLoad() {
|
||||
this.ionMenuChange.emit({ disabled: this.disabled, open: this._isOpen });
|
||||
this.updateState();
|
||||
}
|
||||
disconnectedCallback() {
|
||||
this.blocker.destroy();
|
||||
_index_3a75d1af_js__WEBPACK_IMPORTED_MODULE_7__["m"]._unregister(this);
|
||||
if (this.animation) {
|
||||
this.animation.destroy();
|
||||
}
|
||||
if (this.gesture) {
|
||||
this.gesture.destroy();
|
||||
this.gesture = undefined;
|
||||
}
|
||||
this.animation = undefined;
|
||||
this.contentEl = this.backdropEl = this.menuInnerEl = undefined;
|
||||
}
|
||||
onSplitPaneChanged(ev) {
|
||||
this.isPaneVisible = ev.detail.isPane(this.el);
|
||||
this.updateState();
|
||||
}
|
||||
onBackdropClick(ev) {
|
||||
if (this._isOpen && this.lastOnEnd < ev.timeStamp - 100) {
|
||||
const shouldClose = (ev.composedPath)
|
||||
? !ev.composedPath().includes(this.menuInnerEl)
|
||||
: false;
|
||||
if (shouldClose) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
this.close();
|
||||
}
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Returns `true` is the menu is open.
|
||||
*/
|
||||
isOpen() {
|
||||
return Promise.resolve(this._isOpen);
|
||||
}
|
||||
/**
|
||||
* Returns `true` is the menu is active.
|
||||
*
|
||||
* A menu is active when it can be opened or closed, meaning it's enabled
|
||||
* and it's not part of a `ion-split-pane`.
|
||||
*/
|
||||
isActive() {
|
||||
return Promise.resolve(this._isActive());
|
||||
}
|
||||
/**
|
||||
* Opens the menu. If the menu is already open or it can't be opened,
|
||||
* it returns `false`.
|
||||
*/
|
||||
open(animated = true) {
|
||||
return this.setOpen(true, animated);
|
||||
}
|
||||
/**
|
||||
* Closes the menu. If the menu is already closed or it can't be closed,
|
||||
* it returns `false`.
|
||||
*/
|
||||
close(animated = true) {
|
||||
return this.setOpen(false, animated);
|
||||
}
|
||||
/**
|
||||
* Toggles the menu. If the menu is already open, it will try to close, otherwise it will try to open it.
|
||||
* If the operation can't be completed successfully, it returns `false`.
|
||||
*/
|
||||
toggle(animated = true) {
|
||||
return this.setOpen(!this._isOpen, animated);
|
||||
}
|
||||
/**
|
||||
* Opens or closes the button.
|
||||
* If the operation can't be completed successfully, it returns `false`.
|
||||
*/
|
||||
setOpen(shouldOpen, animated = true) {
|
||||
return _index_3a75d1af_js__WEBPACK_IMPORTED_MODULE_7__["m"]._setOpen(this, shouldOpen, animated);
|
||||
}
|
||||
async _setOpen(shouldOpen, animated = true) {
|
||||
// If the menu is disabled or it is currently being animated, let's do nothing
|
||||
if (!this._isActive() || this.isAnimating || shouldOpen === this._isOpen) {
|
||||
return false;
|
||||
}
|
||||
this.beforeAnimation(shouldOpen);
|
||||
await this.loadAnimation();
|
||||
await this.startAnimation(shouldOpen, animated);
|
||||
this.afterAnimation(shouldOpen);
|
||||
return true;
|
||||
}
|
||||
async loadAnimation() {
|
||||
// Menu swipe animation takes the menu's inner width as parameter,
|
||||
// If `offsetWidth` changes, we need to create a new animation.
|
||||
const width = this.menuInnerEl.offsetWidth;
|
||||
if (width === this.width && this.animation !== undefined) {
|
||||
return;
|
||||
}
|
||||
this.width = width;
|
||||
// Destroy existing animation
|
||||
if (this.animation) {
|
||||
this.animation.destroy();
|
||||
this.animation = undefined;
|
||||
}
|
||||
// Create new animation
|
||||
this.animation = await _index_3a75d1af_js__WEBPACK_IMPORTED_MODULE_7__["m"]._createAnimation(this.type, this);
|
||||
if (!_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].getBoolean('animated', true)) {
|
||||
this.animation.duration(0);
|
||||
}
|
||||
this.animation.fill('both');
|
||||
}
|
||||
async startAnimation(shouldOpen, animated) {
|
||||
const isReversed = !shouldOpen;
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const easing = mode === 'ios' ? iosEasing : mdEasing;
|
||||
const easingReverse = mode === 'ios' ? iosEasingReverse : mdEasingReverse;
|
||||
const ani = this.animation
|
||||
.direction((isReversed) ? 'reverse' : 'normal')
|
||||
.easing((isReversed) ? easingReverse : easing)
|
||||
.onFinish(() => {
|
||||
if (ani.getDirection() === 'reverse') {
|
||||
ani.direction('normal');
|
||||
}
|
||||
});
|
||||
if (animated) {
|
||||
await ani.play();
|
||||
}
|
||||
else {
|
||||
ani.play({ sync: true });
|
||||
}
|
||||
}
|
||||
_isActive() {
|
||||
return !this.disabled && !this.isPaneVisible;
|
||||
}
|
||||
canSwipe() {
|
||||
return this.swipeGesture && !this.isAnimating && this._isActive();
|
||||
}
|
||||
canStart(detail) {
|
||||
// Do not allow swipe gesture if a modal is open
|
||||
const isModalPresented = !!document.querySelector('ion-modal.show-modal');
|
||||
if (isModalPresented || !this.canSwipe()) {
|
||||
return false;
|
||||
}
|
||||
if (this._isOpen) {
|
||||
return true;
|
||||
// TODO error
|
||||
}
|
||||
else if (_index_3a75d1af_js__WEBPACK_IMPORTED_MODULE_7__["m"]._getOpenSync()) {
|
||||
return false;
|
||||
}
|
||||
return checkEdgeSide(window, detail.currentX, this.isEndSide, this.maxEdgeStart);
|
||||
}
|
||||
onWillStart() {
|
||||
this.beforeAnimation(!this._isOpen);
|
||||
return this.loadAnimation();
|
||||
}
|
||||
onStart() {
|
||||
if (!this.isAnimating || !this.animation) {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(false, 'isAnimating has to be true');
|
||||
return;
|
||||
}
|
||||
// the cloned animation should not use an easing curve during seek
|
||||
this.animation.progressStart(true, (this._isOpen) ? 1 : 0);
|
||||
}
|
||||
onMove(detail) {
|
||||
if (!this.isAnimating || !this.animation) {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(false, 'isAnimating has to be true');
|
||||
return;
|
||||
}
|
||||
const delta = computeDelta(detail.deltaX, this._isOpen, this.isEndSide);
|
||||
const stepValue = delta / this.width;
|
||||
this.animation.progressStep((this._isOpen) ? 1 - stepValue : stepValue);
|
||||
}
|
||||
onEnd(detail) {
|
||||
if (!this.isAnimating || !this.animation) {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(false, 'isAnimating has to be true');
|
||||
return;
|
||||
}
|
||||
const isOpen = this._isOpen;
|
||||
const isEndSide = this.isEndSide;
|
||||
const delta = computeDelta(detail.deltaX, isOpen, isEndSide);
|
||||
const width = this.width;
|
||||
const stepValue = delta / width;
|
||||
const velocity = detail.velocityX;
|
||||
const z = width / 2.0;
|
||||
const shouldCompleteRight = velocity >= 0 && (velocity > 0.2 || detail.deltaX > z);
|
||||
const shouldCompleteLeft = velocity <= 0 && (velocity < -0.2 || detail.deltaX < -z);
|
||||
const shouldComplete = isOpen
|
||||
? isEndSide ? shouldCompleteRight : shouldCompleteLeft
|
||||
: isEndSide ? shouldCompleteLeft : shouldCompleteRight;
|
||||
let shouldOpen = !isOpen && shouldComplete;
|
||||
if (isOpen && !shouldComplete) {
|
||||
shouldOpen = true;
|
||||
}
|
||||
this.lastOnEnd = detail.currentTime;
|
||||
// Account for rounding errors in JS
|
||||
let newStepValue = (shouldComplete) ? 0.001 : -0.001;
|
||||
/**
|
||||
* TODO: stepValue can sometimes return a negative
|
||||
* value, but you can't have a negative time value
|
||||
* for the cubic bezier curve (at least with web animations)
|
||||
* Not sure if the negative step value is an error or not
|
||||
*/
|
||||
const adjustedStepValue = (stepValue < 0) ? 0.01 : stepValue;
|
||||
/**
|
||||
* Animation will be reversed here, so need to
|
||||
* reverse the easing curve as well
|
||||
*
|
||||
* Additionally, we need to account for the time relative
|
||||
* to the new easing curve, as `stepValue` is going to be given
|
||||
* in terms of a linear curve.
|
||||
*/
|
||||
newStepValue += Object(_cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_4__["g"])([0, 0], [0.4, 0], [0.6, 1], [1, 1], Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["h"])(0, adjustedStepValue, 0.9999))[0] || 0;
|
||||
const playTo = (this._isOpen) ? !shouldComplete : shouldComplete;
|
||||
this.animation
|
||||
.easing('cubic-bezier(0.4, 0.0, 0.6, 1)')
|
||||
.onFinish(() => this.afterAnimation(shouldOpen), { oneTimeCallback: true })
|
||||
.progressEnd((playTo) ? 1 : 0, (this._isOpen) ? 1 - newStepValue : newStepValue, 300);
|
||||
}
|
||||
beforeAnimation(shouldOpen) {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(!this.isAnimating, '_before() should not be called while animating');
|
||||
// this places the menu into the correct location before it animates in
|
||||
// this css class doesn't actually kick off any animations
|
||||
this.el.classList.add(SHOW_MENU);
|
||||
if (this.backdropEl) {
|
||||
this.backdropEl.classList.add(SHOW_BACKDROP);
|
||||
}
|
||||
this.blocker.block();
|
||||
this.isAnimating = true;
|
||||
if (shouldOpen) {
|
||||
this.ionWillOpen.emit();
|
||||
}
|
||||
else {
|
||||
this.ionWillClose.emit();
|
||||
}
|
||||
}
|
||||
afterAnimation(isOpen) {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(this.isAnimating, '_before() should be called while animating');
|
||||
// keep opening/closing the menu disabled for a touch more yet
|
||||
// only add listeners/css if it's enabled and isOpen
|
||||
// and only remove listeners/css if it's not open
|
||||
// emit opened/closed events
|
||||
this._isOpen = isOpen;
|
||||
this.isAnimating = false;
|
||||
if (!this._isOpen) {
|
||||
this.blocker.unblock();
|
||||
}
|
||||
if (isOpen) {
|
||||
// add css class
|
||||
if (this.contentEl) {
|
||||
this.contentEl.classList.add(MENU_CONTENT_OPEN);
|
||||
}
|
||||
// emit open event
|
||||
this.ionDidOpen.emit();
|
||||
}
|
||||
else {
|
||||
// remove css classes
|
||||
this.el.classList.remove(SHOW_MENU);
|
||||
if (this.contentEl) {
|
||||
this.contentEl.classList.remove(MENU_CONTENT_OPEN);
|
||||
}
|
||||
if (this.backdropEl) {
|
||||
this.backdropEl.classList.remove(SHOW_BACKDROP);
|
||||
}
|
||||
if (this.animation) {
|
||||
this.animation.stop();
|
||||
}
|
||||
// emit close event
|
||||
this.ionDidClose.emit();
|
||||
}
|
||||
}
|
||||
updateState() {
|
||||
const isActive = this._isActive();
|
||||
if (this.gesture) {
|
||||
this.gesture.enable(isActive && this.swipeGesture);
|
||||
}
|
||||
// Close menu immediately
|
||||
if (!isActive && this._isOpen) {
|
||||
// close if this menu is open, and should not be enabled
|
||||
this.forceClosing();
|
||||
}
|
||||
if (!this.disabled) {
|
||||
_index_3a75d1af_js__WEBPACK_IMPORTED_MODULE_7__["m"]._setActiveMenu(this);
|
||||
}
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(!this.isAnimating, 'can not be animating');
|
||||
}
|
||||
forceClosing() {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(this._isOpen, 'menu cannot be closed');
|
||||
this.isAnimating = true;
|
||||
const ani = this.animation.direction('reverse');
|
||||
ani.play({ sync: true });
|
||||
this.afterAnimation(false);
|
||||
}
|
||||
render() {
|
||||
const { isEndSide, type, disabled, isPaneVisible } = this;
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { role: "navigation", class: {
|
||||
[mode]: true,
|
||||
[`menu-type-${type}`]: true,
|
||||
'menu-enabled': !disabled,
|
||||
'menu-side-end': isEndSide,
|
||||
'menu-side-start': !isEndSide,
|
||||
'menu-pane-visible': isPaneVisible
|
||||
} }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "menu-inner", part: "container", ref: el => this.menuInnerEl = el }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-backdrop", { ref: el => this.backdropEl = el, class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"type": ["typeChanged"],
|
||||
"disabled": ["disabledChanged"],
|
||||
"side": ["sideChanged"],
|
||||
"swipeGesture": ["swipeGestureChanged"]
|
||||
}; }
|
||||
};
|
||||
const computeDelta = (deltaX, isOpen, isEndSide) => {
|
||||
return Math.max(0, isOpen !== isEndSide ? -deltaX : deltaX);
|
||||
};
|
||||
const checkEdgeSide = (win, posX, isEndSide, maxEdgeStart) => {
|
||||
if (isEndSide) {
|
||||
return posX >= win.innerWidth - maxEdgeStart;
|
||||
}
|
||||
else {
|
||||
return posX <= maxEdgeStart;
|
||||
}
|
||||
};
|
||||
const SHOW_MENU = 'show-menu';
|
||||
const SHOW_BACKDROP = 'show-backdrop';
|
||||
const MENU_CONTENT_OPEN = 'menu-content-open';
|
||||
Menu.style = {
|
||||
ios: menuIosCss,
|
||||
md: menuMdCss
|
||||
};
|
||||
|
||||
// Given a menu, return whether or not the menu toggle should be visible
|
||||
const updateVisibility = async (menu) => {
|
||||
const menuEl = await _index_3a75d1af_js__WEBPACK_IMPORTED_MODULE_7__["m"].get(menu);
|
||||
return !!(menuEl && await menuEl.isActive());
|
||||
};
|
||||
|
||||
const menuButtonIosCss = ":host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.1;--border-radius:4px;--color:var(--ion-color-primary, #3880ff);--padding-start:5px;--padding-end:5px;height:32px;font-size:31px}:host(.ion-activated){opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}";
|
||||
|
||||
const menuButtonMdCss = ":host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.12;--background-hover:currentColor;--background-hover-opacity:.04;--border-radius:50%;--color:initial;--padding-start:8px;--padding-end:8px;width:48px;height:48px;font-size:24px}:host(.ion-color.ion-focused)::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}";
|
||||
|
||||
const MenuButton = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.visible = false;
|
||||
/**
|
||||
* If `true`, the user cannot interact with the menu button.
|
||||
*/
|
||||
this.disabled = false;
|
||||
/**
|
||||
* Automatically hides the menu button when the corresponding menu is not active
|
||||
*/
|
||||
this.autoHide = true;
|
||||
/**
|
||||
* The type of the button.
|
||||
*/
|
||||
this.type = 'button';
|
||||
this.onClick = async () => {
|
||||
return _index_3a75d1af_js__WEBPACK_IMPORTED_MODULE_7__["m"].toggle(this.menu);
|
||||
};
|
||||
}
|
||||
componentDidLoad() {
|
||||
this.visibilityChanged();
|
||||
}
|
||||
async visibilityChanged() {
|
||||
this.visible = await updateVisibility(this.menu);
|
||||
}
|
||||
render() {
|
||||
const { color, disabled } = this;
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const menuIcon = _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('menuIcon', mode === 'ios' ? 'menu-outline' : 'menu-sharp');
|
||||
const hidden = this.autoHide && !this.visible;
|
||||
const attrs = {
|
||||
type: this.type
|
||||
};
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_8__["c"])(color, {
|
||||
[mode]: true,
|
||||
'button': true,
|
||||
'menu-button-hidden': hidden,
|
||||
'menu-button-disabled': disabled,
|
||||
'in-toolbar': Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_8__["h"])('ion-toolbar', this.el),
|
||||
'in-toolbar-color': Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_8__["h"])('ion-toolbar[color]', this.el),
|
||||
'ion-activatable': true,
|
||||
'ion-focusable': true
|
||||
}) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("button", Object.assign({}, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": "menu" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("span", { class: "button-inner" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-icon", { part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-ripple-effect", { type: "unbounded" }))));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
MenuButton.style = {
|
||||
ios: menuButtonIosCss,
|
||||
md: menuButtonMdCss
|
||||
};
|
||||
|
||||
const menuToggleCss = ":host(.menu-toggle-hidden){display:none}";
|
||||
|
||||
const MenuToggle = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.visible = false;
|
||||
/**
|
||||
* Automatically hides the content when the corresponding menu is not active.
|
||||
*
|
||||
* By default, it's `true`. Change it to `false` in order to
|
||||
* keep `ion-menu-toggle` always visible regardless the state of the menu.
|
||||
*/
|
||||
this.autoHide = true;
|
||||
this.onClick = () => {
|
||||
return _index_3a75d1af_js__WEBPACK_IMPORTED_MODULE_7__["m"].toggle(this.menu);
|
||||
};
|
||||
}
|
||||
connectedCallback() {
|
||||
this.visibilityChanged();
|
||||
}
|
||||
async visibilityChanged() {
|
||||
this.visible = await updateVisibility(this.menu);
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const hidden = this.autoHide && !this.visible;
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
|
||||
[mode]: true,
|
||||
'menu-toggle-hidden': hidden,
|
||||
} }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)));
|
||||
}
|
||||
};
|
||||
MenuToggle.style = menuToggleCss;
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=19-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -1,975 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[2],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-app_8.entry.js":
|
||||
/*!**************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-app_8.entry.js ***!
|
||||
\**************************************************************/
|
||||
/*! exports provided: ion_app, ion_buttons, ion_content, ion_footer, ion_header, ion_router_outlet, ion_title, ion_toolbar */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_app", function() { return App; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_buttons", function() { return Buttons; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_content", function() { return Content; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_footer", function() { return Footer; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_header", function() { return Header; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_router_outlet", function() { return RouterOutlet; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_title", function() { return ToolbarTitle; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_toolbar", function() { return Toolbar; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers-90f46169.js */ "./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */ var _index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./index-d8cfb4a8.js */ "./node_modules/@ionic/core/dist/esm/index-d8cfb4a8.js");
|
||||
/* harmony import */ var _cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./cubic-bezier-eea9a7a9.js */ "./node_modules/@ionic/core/dist/esm/cubic-bezier-eea9a7a9.js");
|
||||
/* harmony import */ var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./theme-ff3fc52f.js */ "./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
/* harmony import */ var _framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./framework-delegate-4584ab5a.js */ "./node_modules/@ionic/core/dist/esm/framework-delegate-4584ab5a.js");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const appCss = "html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";
|
||||
|
||||
const App = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
componentDidLoad() {
|
||||
{
|
||||
rIC(async () => {
|
||||
const isHybrid = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["i"])(window, 'hybrid');
|
||||
if (!_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].getBoolean('_testing')) {
|
||||
__webpack_require__.e(/*! import() | tap-click-71d2324a-js */ "tap-click-71d2324a-js").then(__webpack_require__.bind(null, /*! ./tap-click-71d2324a.js */ "./node_modules/@ionic/core/dist/esm/tap-click-71d2324a.js")).then(module => module.startTapClick(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"]));
|
||||
}
|
||||
if (_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].getBoolean('statusTap', isHybrid)) {
|
||||
__webpack_require__.e(/*! import() | status-tap-b46a1b02-js */ "status-tap-b46a1b02-js").then(__webpack_require__.bind(null, /*! ./status-tap-b46a1b02.js */ "./node_modules/@ionic/core/dist/esm/status-tap-b46a1b02.js")).then(module => module.startStatusTap());
|
||||
}
|
||||
if (_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].getBoolean('inputShims', needInputShims())) {
|
||||
__webpack_require__.e(/*! import() | input-shims-7a52f98d-js */ "input-shims-7a52f98d-js").then(__webpack_require__.bind(null, /*! ./input-shims-7a52f98d.js */ "./node_modules/@ionic/core/dist/esm/input-shims-7a52f98d.js")).then(module => module.startInputShims(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"]));
|
||||
}
|
||||
const hardwareBackButtonModule = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(null, /*! ./hardware-back-button-4a6b37fb.js */ "./node_modules/@ionic/core/dist/esm/hardware-back-button-4a6b37fb.js"));
|
||||
if (_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].getBoolean('hardwareBackButton', isHybrid)) {
|
||||
hardwareBackButtonModule.startHardwareBackButton();
|
||||
}
|
||||
else {
|
||||
hardwareBackButtonModule.blockHardwareBackButton();
|
||||
}
|
||||
if (typeof window !== 'undefined') {
|
||||
__webpack_require__.e(/*! import() | keyboard-5742b5da-js */ "keyboard-5742b5da-js").then(__webpack_require__.bind(null, /*! ./keyboard-5742b5da.js */ "./node_modules/@ionic/core/dist/esm/keyboard-5742b5da.js")).then(module => module.startKeyboardAssist(window));
|
||||
}
|
||||
__webpack_require__.e(/*! import() | focus-visible-f4ad4f1a-js */ "focus-visible-f4ad4f1a-js").then(__webpack_require__.bind(null, /*! ./focus-visible-f4ad4f1a.js */ "./node_modules/@ionic/core/dist/esm/focus-visible-f4ad4f1a.js")).then(module => module.startFocusVisible());
|
||||
});
|
||||
}
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: {
|
||||
[mode]: true,
|
||||
'ion-page': true,
|
||||
'force-statusbar-padding': _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].getBoolean('_forceStatusbarPadding'),
|
||||
} }));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
const needInputShims = () => {
|
||||
return Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["i"])(window, 'ios') && Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["i"])(window, 'mobile');
|
||||
};
|
||||
const rIC = (callback) => {
|
||||
if ('requestIdleCallback' in window) {
|
||||
window.requestIdleCallback(callback);
|
||||
}
|
||||
else {
|
||||
setTimeout(callback, 32);
|
||||
}
|
||||
};
|
||||
App.style = appCss;
|
||||
|
||||
const buttonsIosCss = ".sc-ion-buttons-ios-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-s ion-button{--padding-start:5px;--padding-end:5px;margin-left:2px;margin-right:2px;height:32px;font-size:17px;font-weight:400}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-ios-s ion-button{margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px}}.sc-ion-buttons-ios-s ion-button:not(.button-round){--border-radius:4px}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button{--color:initial;--border-color:initial;--background-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-solid,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-solid{--background:var(--ion-color-contrast);--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12;--background-hover:var(--ion-color-base);--background-hover-opacity:0.45;--color:var(--ion-color-base);--color-focused:var(--ion-color-base)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-clear,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-clear{--color-activated:var(--ion-color-contrast);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-outline,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-outline{--color-activated:var(--ion-color-base);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-s .button-clear,.sc-ion-buttons-ios-s .button-outline{--background-activated:transparent;--background-focused:currentColor;--background-hover:transparent}.sc-ion-buttons-ios-s .button-solid:not(.ion-color){--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12}.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;margin-right:0.3em;font-size:24px;line-height:0.67}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-right:unset;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;margin-left:0.4em;font-size:24px;line-height:0.67}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:unset;-webkit-margin-start:0.4em;margin-inline-start:0.4em}}.sc-ion-buttons-ios-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:28px;line-height:0.67}";
|
||||
|
||||
const buttonsMdCss = ".sc-ion-buttons-md-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;--padding-start:8px;--padding-end:8px;--box-shadow:none;margin-left:2px;margin-right:2px;height:32px;font-size:14px;font-weight:500}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-md-s ion-button{margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px}}.sc-ion-buttons-md-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-md-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:48px;height:48px}.sc-ion-buttons-md-s .button{--background-hover:currentColor}.sc-ion-buttons-md-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-md-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-md-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-md-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;margin-right:0.3em;font-size:1.4em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-md-s ion-icon[slot=start]{margin-right:unset;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;margin-left:0.4em;font-size:1.4em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:unset;-webkit-margin-start:0.4em;margin-inline-start:0.4em}}.sc-ion-buttons-md-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}";
|
||||
|
||||
const Buttons = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
/**
|
||||
* If true, buttons will disappear when its
|
||||
* parent toolbar has fully collapsed if the toolbar
|
||||
* is not the first toolbar. If the toolbar is the
|
||||
* first toolbar, the buttons will be hidden and will
|
||||
* only be shown once all toolbars have fully collapsed.
|
||||
*
|
||||
* Only applies in `ios` mode with `collapse` set to
|
||||
* `true` on `ion-header`.
|
||||
*
|
||||
* Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
|
||||
*/
|
||||
this.collapse = false;
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: {
|
||||
[mode]: true,
|
||||
['buttons-collapse']: this.collapse
|
||||
} }));
|
||||
}
|
||||
};
|
||||
Buttons.style = {
|
||||
ios: buttonsIosCss,
|
||||
md: buttonsMdCss
|
||||
};
|
||||
|
||||
const contentCss = ":host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;-ms-flex:1;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.outer-content){--background:var(--ion-color-step-50, #f2f2f2)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.inner-scroll{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{-ms-touch-action:pan-y;touch-action:pan-y;overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{-ms-touch-action:pan-x;touch-action:pan-x;overflow-x:var(--overflow);overscroll-behavior-x:contain}.scroll-x.scroll-y{-ms-touch-action:auto;touch-action:auto}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:\"\"}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){contain:none}:host(.content-sizing) .inner-scroll{position:relative}.transition-effect{display:none;position:absolute;left:-100%;width:100%;height:100vh;opacity:0;pointer-events:none}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;right:0;width:10px;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTE3MDgzRkQ5QTkyMTFFOUEwNzQ5MkJFREE1NUY2MjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTE3MDgzRkU5QTkyMTFFOUEwNzQ5MkJFREE1NUY2MjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTcwODNGQjlBOTIxMUU5QTA3NDkyQkVEQTU1RjYyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTcwODNGQzlBOTIxMUU5QTA3NDkyQkVEQTU1RjYyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmePEuQAAABNSURBVHjaYvz//z8DIxAwMDAwATGMhmFmPDQuOSZks0AMmoJBaQHjkPfB0Lfg/2gQjVow+HPy/yHvg9GiYjQfjMbBqAWjFgy/4hogwADYqwdzxy5BuwAAAABJRU5ErkJggg==);background-repeat:repeat-y;background-size:10px 16px}::slotted([slot=fixed]){position:absolute}";
|
||||
|
||||
const Content = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionScrollStart = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionScrollStart", 7);
|
||||
this.ionScroll = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionScroll", 7);
|
||||
this.ionScrollEnd = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionScrollEnd", 7);
|
||||
this.isScrolling = false;
|
||||
this.lastScroll = 0;
|
||||
this.queued = false;
|
||||
this.cTop = -1;
|
||||
this.cBottom = -1;
|
||||
// Detail is used in a hot loop in the scroll event, by allocating it here
|
||||
// V8 will be able to inline any read/write to it since it's a monomorphic class.
|
||||
// https://mrale.ph/blog/2015/01/11/whats-up-with-monomorphism.html
|
||||
this.detail = {
|
||||
scrollTop: 0,
|
||||
scrollLeft: 0,
|
||||
type: 'scroll',
|
||||
event: undefined,
|
||||
startX: 0,
|
||||
startY: 0,
|
||||
startTime: 0,
|
||||
currentX: 0,
|
||||
currentY: 0,
|
||||
velocityX: 0,
|
||||
velocityY: 0,
|
||||
deltaX: 0,
|
||||
deltaY: 0,
|
||||
currentTime: 0,
|
||||
data: undefined,
|
||||
isScrolling: true,
|
||||
};
|
||||
/**
|
||||
* If `true`, the content will scroll behind the headers
|
||||
* and footers. This effect can easily be seen by setting the toolbar
|
||||
* to transparent.
|
||||
*/
|
||||
this.fullscreen = false;
|
||||
/**
|
||||
* If you want to enable the content scrolling in the X axis, set this property to `true`.
|
||||
*/
|
||||
this.scrollX = false;
|
||||
/**
|
||||
* If you want to disable the content scrolling in the Y axis, set this property to `false`.
|
||||
*/
|
||||
this.scrollY = true;
|
||||
/**
|
||||
* Because of performance reasons, ionScroll events are disabled by default, in order to enable them
|
||||
* and start listening from (ionScroll), set this property to `true`.
|
||||
*/
|
||||
this.scrollEvents = false;
|
||||
}
|
||||
disconnectedCallback() {
|
||||
this.onScrollEnd();
|
||||
}
|
||||
onAppLoad() {
|
||||
this.resize();
|
||||
}
|
||||
onClick(ev) {
|
||||
if (this.isScrolling) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
}
|
||||
}
|
||||
shouldForceOverscroll() {
|
||||
const { forceOverscroll } = this;
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return forceOverscroll === undefined
|
||||
? mode === 'ios' && Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["i"])('ios')
|
||||
: forceOverscroll;
|
||||
}
|
||||
resize() {
|
||||
if (this.fullscreen) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["f"])(() => this.readDimensions());
|
||||
}
|
||||
else if (this.cTop !== 0 || this.cBottom !== 0) {
|
||||
this.cTop = this.cBottom = 0;
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["j"])(this);
|
||||
}
|
||||
}
|
||||
readDimensions() {
|
||||
const page = getPageElement(this.el);
|
||||
const top = Math.max(this.el.offsetTop, 0);
|
||||
const bottom = Math.max(page.offsetHeight - top - this.el.offsetHeight, 0);
|
||||
const dirty = top !== this.cTop || bottom !== this.cBottom;
|
||||
if (dirty) {
|
||||
this.cTop = top;
|
||||
this.cBottom = bottom;
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["j"])(this);
|
||||
}
|
||||
}
|
||||
onScroll(ev) {
|
||||
const timeStamp = Date.now();
|
||||
const shouldStart = !this.isScrolling;
|
||||
this.lastScroll = timeStamp;
|
||||
if (shouldStart) {
|
||||
this.onScrollStart();
|
||||
}
|
||||
if (!this.queued && this.scrollEvents) {
|
||||
this.queued = true;
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["f"])(ts => {
|
||||
this.queued = false;
|
||||
this.detail.event = ev;
|
||||
updateScrollDetail(this.detail, this.scrollEl, ts, shouldStart);
|
||||
this.ionScroll.emit(this.detail);
|
||||
});
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Get the element where the actual scrolling takes place.
|
||||
* This element can be used to subscribe to `scroll` events or manually modify
|
||||
* `scrollTop`. However, it's recommended to use the API provided by `ion-content`:
|
||||
*
|
||||
* i.e. Using `ionScroll`, `ionScrollStart`, `ionScrollEnd` for scrolling events
|
||||
* and `scrollToPoint()` to scroll the content into a certain point.
|
||||
*/
|
||||
getScrollElement() {
|
||||
return Promise.resolve(this.scrollEl);
|
||||
}
|
||||
/**
|
||||
* Scroll to the top of the component.
|
||||
*
|
||||
* @param duration The amount of time to take scrolling to the top. Defaults to `0`.
|
||||
*/
|
||||
scrollToTop(duration = 0) {
|
||||
return this.scrollToPoint(undefined, 0, duration);
|
||||
}
|
||||
/**
|
||||
* Scroll to the bottom of the component.
|
||||
*
|
||||
* @param duration The amount of time to take scrolling to the bottom. Defaults to `0`.
|
||||
*/
|
||||
scrollToBottom(duration = 0) {
|
||||
const y = this.scrollEl.scrollHeight - this.scrollEl.clientHeight;
|
||||
return this.scrollToPoint(undefined, y, duration);
|
||||
}
|
||||
/**
|
||||
* Scroll by a specified X/Y distance in the component.
|
||||
*
|
||||
* @param x The amount to scroll by on the horizontal axis.
|
||||
* @param y The amount to scroll by on the vertical axis.
|
||||
* @param duration The amount of time to take scrolling by that amount.
|
||||
*/
|
||||
scrollByPoint(x, y, duration) {
|
||||
return this.scrollToPoint(x + this.scrollEl.scrollLeft, y + this.scrollEl.scrollTop, duration);
|
||||
}
|
||||
/**
|
||||
* Scroll to a specified X/Y location in the component.
|
||||
*
|
||||
* @param x The point to scroll to on the horizontal axis.
|
||||
* @param y The point to scroll to on the vertical axis.
|
||||
* @param duration The amount of time to take scrolling to that point. Defaults to `0`.
|
||||
*/
|
||||
async scrollToPoint(x, y, duration = 0) {
|
||||
const el = this.scrollEl;
|
||||
if (duration < 32) {
|
||||
if (y != null) {
|
||||
el.scrollTop = y;
|
||||
}
|
||||
if (x != null) {
|
||||
el.scrollLeft = x;
|
||||
}
|
||||
return;
|
||||
}
|
||||
let resolve;
|
||||
let startTime = 0;
|
||||
const promise = new Promise(r => resolve = r);
|
||||
const fromY = el.scrollTop;
|
||||
const fromX = el.scrollLeft;
|
||||
const deltaY = y != null ? y - fromY : 0;
|
||||
const deltaX = x != null ? x - fromX : 0;
|
||||
// scroll loop
|
||||
const step = (timeStamp) => {
|
||||
const linearTime = Math.min(1, ((timeStamp - startTime) / duration)) - 1;
|
||||
const easedT = Math.pow(linearTime, 3) + 1;
|
||||
if (deltaY !== 0) {
|
||||
el.scrollTop = Math.floor((easedT * deltaY) + fromY);
|
||||
}
|
||||
if (deltaX !== 0) {
|
||||
el.scrollLeft = Math.floor((easedT * deltaX) + fromX);
|
||||
}
|
||||
if (easedT < 1) {
|
||||
// do not use DomController here
|
||||
// must use nativeRaf in order to fire in the next frame
|
||||
// TODO: remove as any
|
||||
requestAnimationFrame(step);
|
||||
}
|
||||
else {
|
||||
resolve();
|
||||
}
|
||||
};
|
||||
// chill out for a frame first
|
||||
requestAnimationFrame(ts => {
|
||||
startTime = ts;
|
||||
step(ts);
|
||||
});
|
||||
return promise;
|
||||
}
|
||||
onScrollStart() {
|
||||
this.isScrolling = true;
|
||||
this.ionScrollStart.emit({
|
||||
isScrolling: true
|
||||
});
|
||||
if (this.watchDog) {
|
||||
clearInterval(this.watchDog);
|
||||
}
|
||||
// watchdog
|
||||
this.watchDog = setInterval(() => {
|
||||
if (this.lastScroll < Date.now() - 120) {
|
||||
this.onScrollEnd();
|
||||
}
|
||||
}, 100);
|
||||
}
|
||||
onScrollEnd() {
|
||||
clearInterval(this.watchDog);
|
||||
this.watchDog = null;
|
||||
if (this.isScrolling) {
|
||||
this.isScrolling = false;
|
||||
this.ionScrollEnd.emit({
|
||||
isScrolling: false
|
||||
});
|
||||
}
|
||||
}
|
||||
render() {
|
||||
const { scrollX, scrollY } = this;
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const forceOverscroll = this.shouldForceOverscroll();
|
||||
const transitionShadow = (mode === 'ios' && _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].getBoolean('experimentalTransitionShadow', true));
|
||||
this.resize();
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_5__["c"])(this.color, {
|
||||
[mode]: true,
|
||||
'content-sizing': Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_5__["h"])('ion-popover', this.el),
|
||||
'overscroll': forceOverscroll,
|
||||
}), style: {
|
||||
'--offset-top': `${this.cTop}px`,
|
||||
'--offset-bottom': `${this.cBottom}px`,
|
||||
} }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { id: "background-content", part: "background" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("main", { class: {
|
||||
'inner-scroll': true,
|
||||
'scroll-x': scrollX,
|
||||
'scroll-y': scrollY,
|
||||
'overscroll': (scrollX || scrollY) && forceOverscroll
|
||||
}, ref: el => this.scrollEl = el, onScroll: (this.scrollEvents) ? ev => this.onScroll(ev) : undefined, part: "scroll" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)), transitionShadow ? (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "transition-effect" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "transition-cover" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "transition-shadow" }))) : null, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", { name: "fixed" })));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
const getParentElement = (el) => {
|
||||
if (el.parentElement) {
|
||||
// normal element with a parent element
|
||||
return el.parentElement;
|
||||
}
|
||||
if (el.parentNode && el.parentNode.host) {
|
||||
// shadow dom's document fragment
|
||||
return el.parentNode.host;
|
||||
}
|
||||
return null;
|
||||
};
|
||||
const getPageElement = (el) => {
|
||||
const tabs = el.closest('ion-tabs');
|
||||
if (tabs) {
|
||||
return tabs;
|
||||
}
|
||||
const page = el.closest('ion-app,ion-page,.ion-page,page-inner');
|
||||
if (page) {
|
||||
return page;
|
||||
}
|
||||
return getParentElement(el);
|
||||
};
|
||||
// ******** DOM READ ****************
|
||||
const updateScrollDetail = (detail, el, timestamp, shouldStart) => {
|
||||
const prevX = detail.currentX;
|
||||
const prevY = detail.currentY;
|
||||
const prevT = detail.currentTime;
|
||||
const currentX = el.scrollLeft;
|
||||
const currentY = el.scrollTop;
|
||||
const timeDelta = timestamp - prevT;
|
||||
if (shouldStart) {
|
||||
// remember the start positions
|
||||
detail.startTime = timestamp;
|
||||
detail.startX = currentX;
|
||||
detail.startY = currentY;
|
||||
detail.velocityX = detail.velocityY = 0;
|
||||
}
|
||||
detail.currentTime = timestamp;
|
||||
detail.currentX = detail.scrollLeft = currentX;
|
||||
detail.currentY = detail.scrollTop = currentY;
|
||||
detail.deltaX = currentX - detail.startX;
|
||||
detail.deltaY = currentY - detail.startY;
|
||||
if (timeDelta > 0 && timeDelta < 100) {
|
||||
const velocityX = (currentX - prevX) / timeDelta;
|
||||
const velocityY = (currentY - prevY) / timeDelta;
|
||||
detail.velocityX = velocityX * 0.7 + detail.velocityX * 0.3;
|
||||
detail.velocityY = velocityY * 0.7 + detail.velocityY * 0.3;
|
||||
}
|
||||
};
|
||||
Content.style = contentCss;
|
||||
|
||||
const footerIosCss = "ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-ios ion-toolbar:first-of-type{--border-width:0.55px 0 0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.footer-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.footer-translucent-ios ion-toolbar{--opacity:.8}}.footer-ios.ion-no-border ion-toolbar:first-of-type{--border-width:0}";
|
||||
|
||||
const footerMdCss = "ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-md::before{left:0;top:-2px;bottom:auto;background-position:left 0 top 0;position:absolute;width:100%;height:2px;background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==\");background-repeat:repeat-x;content:\"\"}[dir=rtl] .footer-md::before,:host-context([dir=rtl]) .footer-md::before{left:unset;right:unset;right:0}[dir=rtl] .footer-md::before,:host-context([dir=rtl]) .footer-md::before{background-position:right 0 top 0}.footer-md.ion-no-border::before{display:none}";
|
||||
|
||||
const Footer = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
/**
|
||||
* If `true`, the footer will be translucent.
|
||||
* Only applies when the mode is `"ios"` and the device supports
|
||||
* [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
|
||||
*
|
||||
* Note: In order to scroll content behind the footer, the `fullscreen`
|
||||
* attribute needs to be set on the content.
|
||||
*/
|
||||
this.translucent = false;
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const translucent = this.translucent;
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { role: "contentinfo", class: {
|
||||
[mode]: true,
|
||||
// Used internally for styling
|
||||
[`footer-${mode}`]: true,
|
||||
[`footer-translucent`]: translucent,
|
||||
[`footer-translucent-${mode}`]: translucent,
|
||||
} }, mode === 'ios' && translucent &&
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "footer-background" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)));
|
||||
}
|
||||
};
|
||||
Footer.style = {
|
||||
ios: footerIosCss,
|
||||
md: footerMdCss
|
||||
};
|
||||
|
||||
const TRANSITION = 'all 0.2s ease-in-out';
|
||||
const cloneElement = (tagName) => {
|
||||
const getCachedEl = document.querySelector(`${tagName}.ion-cloned-element`);
|
||||
if (getCachedEl !== null) {
|
||||
return getCachedEl;
|
||||
}
|
||||
const clonedEl = document.createElement(tagName);
|
||||
clonedEl.classList.add('ion-cloned-element');
|
||||
clonedEl.style.setProperty('display', 'none');
|
||||
document.body.appendChild(clonedEl);
|
||||
return clonedEl;
|
||||
};
|
||||
const createHeaderIndex = (headerEl) => {
|
||||
if (!headerEl) {
|
||||
return;
|
||||
}
|
||||
const toolbars = headerEl.querySelectorAll('ion-toolbar');
|
||||
return {
|
||||
el: headerEl,
|
||||
toolbars: Array.from(toolbars).map((toolbar) => {
|
||||
const ionTitleEl = toolbar.querySelector('ion-title');
|
||||
return {
|
||||
el: toolbar,
|
||||
background: toolbar.shadowRoot.querySelector('.toolbar-background'),
|
||||
ionTitleEl,
|
||||
innerTitleEl: (ionTitleEl) ? ionTitleEl.shadowRoot.querySelector('.toolbar-title') : null,
|
||||
ionButtonsEl: Array.from(toolbar.querySelectorAll('ion-buttons')) || []
|
||||
};
|
||||
}) || []
|
||||
};
|
||||
};
|
||||
const handleContentScroll = (scrollEl, scrollHeaderIndex, contentEl) => {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["f"])(() => {
|
||||
const scrollTop = scrollEl.scrollTop;
|
||||
const scale = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["h"])(1, 1 + (-scrollTop / 500), 1.1);
|
||||
// Native refresher should not cause titles to scale
|
||||
const nativeRefresher = contentEl.querySelector('ion-refresher.refresher-native');
|
||||
if (nativeRefresher === null) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => {
|
||||
scaleLargeTitles(scrollHeaderIndex.toolbars, scale);
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const setToolbarBackgroundOpacity = (toolbar, opacity) => {
|
||||
if (opacity === undefined) {
|
||||
toolbar.background.style.removeProperty('--opacity');
|
||||
}
|
||||
else {
|
||||
toolbar.background.style.setProperty('--opacity', opacity.toString());
|
||||
}
|
||||
};
|
||||
const handleToolbarBorderIntersection = (ev, mainHeaderIndex) => {
|
||||
if (!ev[0].isIntersecting) {
|
||||
return;
|
||||
}
|
||||
/**
|
||||
* There is a bug in Safari where overflow scrolling on a non-body element
|
||||
* does not always reset the scrollTop position to 0 when letting go. It will
|
||||
* set to 1 once the rubber band effect has ended. This causes the background to
|
||||
* appear slightly on certain app setups.
|
||||
*/
|
||||
const scale = (ev[0].intersectionRatio > 0.9) ? 0 : ((1 - ev[0].intersectionRatio) * 100) / 75;
|
||||
mainHeaderIndex.toolbars.forEach(toolbar => {
|
||||
setToolbarBackgroundOpacity(toolbar, (scale === 1) ? undefined : scale);
|
||||
});
|
||||
};
|
||||
/**
|
||||
* If toolbars are intersecting, hide the scrollable toolbar content
|
||||
* and show the primary toolbar content. If the toolbars are not intersecting,
|
||||
* hide the primary toolbar content and show the scrollable toolbar content
|
||||
*/
|
||||
const handleToolbarIntersection = (ev, mainHeaderIndex, scrollHeaderIndex) => {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => {
|
||||
handleToolbarBorderIntersection(ev, mainHeaderIndex);
|
||||
const event = ev[0];
|
||||
const intersection = event.intersectionRect;
|
||||
const intersectionArea = intersection.width * intersection.height;
|
||||
const rootArea = event.rootBounds.width * event.rootBounds.height;
|
||||
const isPageHidden = intersectionArea === 0 && rootArea === 0;
|
||||
const leftDiff = Math.abs(intersection.left - event.boundingClientRect.left);
|
||||
const rightDiff = Math.abs(intersection.right - event.boundingClientRect.right);
|
||||
const isPageTransitioning = intersectionArea > 0 && (leftDiff >= 5 || rightDiff >= 5);
|
||||
if (isPageHidden || isPageTransitioning) {
|
||||
return;
|
||||
}
|
||||
if (event.isIntersecting) {
|
||||
setHeaderActive(mainHeaderIndex, false);
|
||||
setHeaderActive(scrollHeaderIndex);
|
||||
}
|
||||
else {
|
||||
/**
|
||||
* There is a bug with IntersectionObserver on Safari
|
||||
* where `event.isIntersecting === false` when cancelling
|
||||
* a swipe to go back gesture. Checking the intersection
|
||||
* x, y, width, and height provides a workaround. This bug
|
||||
* does not happen when using Safari + Web Animations,
|
||||
* only Safari + CSS Animations.
|
||||
*/
|
||||
const hasValidIntersection = (intersection.x === 0 && intersection.y === 0) || (intersection.width !== 0 && intersection.height !== 0);
|
||||
if (hasValidIntersection) {
|
||||
setHeaderActive(mainHeaderIndex);
|
||||
setHeaderActive(scrollHeaderIndex, false);
|
||||
setToolbarBackgroundOpacity(mainHeaderIndex.toolbars[0]);
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
const setHeaderActive = (headerIndex, active = true) => {
|
||||
if (active) {
|
||||
headerIndex.el.classList.remove('header-collapse-condense-inactive');
|
||||
}
|
||||
else {
|
||||
headerIndex.el.classList.add('header-collapse-condense-inactive');
|
||||
}
|
||||
};
|
||||
const scaleLargeTitles = (toolbars = [], scale = 1, transition = false) => {
|
||||
toolbars.forEach(toolbar => {
|
||||
const ionTitle = toolbar.ionTitleEl;
|
||||
const titleDiv = toolbar.innerTitleEl;
|
||||
if (!ionTitle || ionTitle.size !== 'large') {
|
||||
return;
|
||||
}
|
||||
titleDiv.style.transition = (transition) ? TRANSITION : '';
|
||||
titleDiv.style.transform = `scale3d(${scale}, ${scale}, 1)`;
|
||||
});
|
||||
};
|
||||
|
||||
const headerIosCss = "ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.header-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:.8}.header-collapse-condense-inactive .header-background{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:-webkit-sticky;position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:7px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar ion-searchbar{height:48px;padding-top:0px;padding-bottom:13px}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}";
|
||||
|
||||
const headerMdCss = "ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-md::after{left:0;bottom:-5px;background-position:left 0 top -2px;position:absolute;width:100%;height:5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);background-repeat:repeat-x;content:\"\"}[dir=rtl] .header-md::after,:host-context([dir=rtl]) .header-md::after{left:unset;right:unset;right:0}[dir=rtl] .header-md::after,:host-context([dir=rtl]) .header-md::after{background-position:right 0 top -2px}.header-collapse-condense{display:none}.header-md.ion-no-border::after{display:none}";
|
||||
|
||||
const Header = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.collapsibleHeaderInitialized = false;
|
||||
/**
|
||||
* If `true`, the header will be translucent.
|
||||
* Only applies when the mode is `"ios"` and the device supports
|
||||
* [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
|
||||
*
|
||||
* Note: In order to scroll content behind the header, the `fullscreen`
|
||||
* attribute needs to be set on the content.
|
||||
*/
|
||||
this.translucent = false;
|
||||
}
|
||||
async componentDidLoad() {
|
||||
await this.checkCollapsibleHeader();
|
||||
}
|
||||
async componentDidUpdate() {
|
||||
await this.checkCollapsibleHeader();
|
||||
}
|
||||
disconnectedCallback() {
|
||||
this.destroyCollapsibleHeader();
|
||||
}
|
||||
async checkCollapsibleHeader() {
|
||||
// Determine if the header can collapse
|
||||
const hasCollapse = this.collapse === 'condense';
|
||||
const canCollapse = (hasCollapse && Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this) === 'ios') ? hasCollapse : false;
|
||||
if (!canCollapse && this.collapsibleHeaderInitialized) {
|
||||
this.destroyCollapsibleHeader();
|
||||
}
|
||||
else if (canCollapse && !this.collapsibleHeaderInitialized) {
|
||||
const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');
|
||||
const contentEl = (pageEl) ? pageEl.querySelector('ion-content') : null;
|
||||
// Cloned elements are always needed in iOS transition
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => {
|
||||
const title = cloneElement('ion-title');
|
||||
title.size = 'large';
|
||||
cloneElement('ion-back-button');
|
||||
});
|
||||
await this.setupCollapsibleHeader(contentEl, pageEl);
|
||||
}
|
||||
}
|
||||
destroyCollapsibleHeader() {
|
||||
if (this.intersectionObserver) {
|
||||
this.intersectionObserver.disconnect();
|
||||
this.intersectionObserver = undefined;
|
||||
}
|
||||
if (this.scrollEl && this.contentScrollCallback) {
|
||||
this.scrollEl.removeEventListener('scroll', this.contentScrollCallback);
|
||||
this.contentScrollCallback = undefined;
|
||||
}
|
||||
if (this.collapsibleMainHeader) {
|
||||
this.collapsibleMainHeader.classList.remove('header-collapse-main');
|
||||
this.collapsibleMainHeader = undefined;
|
||||
}
|
||||
}
|
||||
async setupCollapsibleHeader(contentEl, pageEl) {
|
||||
if (!contentEl || !pageEl) {
|
||||
console.error('ion-header requires a content to collapse, make sure there is an ion-content.');
|
||||
return;
|
||||
}
|
||||
if (typeof IntersectionObserver === 'undefined') {
|
||||
return;
|
||||
}
|
||||
this.scrollEl = await contentEl.getScrollElement();
|
||||
const headers = pageEl.querySelectorAll('ion-header');
|
||||
this.collapsibleMainHeader = Array.from(headers).find((header) => header.collapse !== 'condense');
|
||||
if (!this.collapsibleMainHeader) {
|
||||
return;
|
||||
}
|
||||
const mainHeaderIndex = createHeaderIndex(this.collapsibleMainHeader);
|
||||
const scrollHeaderIndex = createHeaderIndex(this.el);
|
||||
if (!mainHeaderIndex || !scrollHeaderIndex) {
|
||||
return;
|
||||
}
|
||||
setHeaderActive(mainHeaderIndex, false);
|
||||
mainHeaderIndex.toolbars.forEach(toolbar => {
|
||||
setToolbarBackgroundOpacity(toolbar, 0);
|
||||
});
|
||||
/**
|
||||
* Handle interaction between toolbar collapse and
|
||||
* showing/hiding content in the primary ion-header
|
||||
* as well as progressively showing/hiding the main header
|
||||
* border as the top-most toolbar collapses or expands.
|
||||
*/
|
||||
const toolbarIntersection = (ev) => { handleToolbarIntersection(ev, mainHeaderIndex, scrollHeaderIndex); };
|
||||
this.intersectionObserver = new IntersectionObserver(toolbarIntersection, { root: contentEl, threshold: [0.25, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1] });
|
||||
this.intersectionObserver.observe(scrollHeaderIndex.toolbars[scrollHeaderIndex.toolbars.length - 1].el);
|
||||
/**
|
||||
* Handle scaling of large iOS titles and
|
||||
* showing/hiding border on last toolbar
|
||||
* in primary header
|
||||
*/
|
||||
this.contentScrollCallback = () => { handleContentScroll(this.scrollEl, scrollHeaderIndex, contentEl); };
|
||||
this.scrollEl.addEventListener('scroll', this.contentScrollCallback);
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => {
|
||||
if (this.collapsibleMainHeader !== undefined) {
|
||||
this.collapsibleMainHeader.classList.add('header-collapse-main');
|
||||
}
|
||||
});
|
||||
this.collapsibleHeaderInitialized = true;
|
||||
}
|
||||
render() {
|
||||
const { translucent } = this;
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const collapse = this.collapse || 'none';
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { role: "banner", class: {
|
||||
[mode]: true,
|
||||
// Used internally for styling
|
||||
[`header-${mode}`]: true,
|
||||
[`header-translucent`]: this.translucent,
|
||||
[`header-collapse-${collapse}`]: true,
|
||||
[`header-translucent-${mode}`]: this.translucent,
|
||||
} }, mode === 'ios' && translucent &&
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "header-background" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
Header.style = {
|
||||
ios: headerIosCss,
|
||||
md: headerMdCss
|
||||
};
|
||||
|
||||
const routeOutletCss = ":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;overflow:hidden;z-index:0}";
|
||||
|
||||
const RouterOutlet = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionNavWillLoad = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionNavWillLoad", 7);
|
||||
this.ionNavWillChange = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionNavWillChange", 3);
|
||||
this.ionNavDidChange = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionNavDidChange", 3);
|
||||
this.animationEnabled = true;
|
||||
/**
|
||||
* The mode determines which platform styles to use.
|
||||
*/
|
||||
this.mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
/**
|
||||
* If `true`, the router-outlet should animate the transition of components.
|
||||
*/
|
||||
this.animated = true;
|
||||
}
|
||||
swipeHandlerChanged() {
|
||||
if (this.gesture) {
|
||||
this.gesture.enable(this.swipeHandler !== undefined);
|
||||
}
|
||||
}
|
||||
async connectedCallback() {
|
||||
this.gesture = (await __webpack_require__.e(/*! import() | swipe-back-2154c9a7-js */ "swipe-back-2154c9a7-js").then(__webpack_require__.bind(null, /*! ./swipe-back-2154c9a7.js */ "./node_modules/@ionic/core/dist/esm/swipe-back-2154c9a7.js"))).createSwipeBackGesture(this.el, () => !!this.swipeHandler && this.swipeHandler.canStart() && this.animationEnabled, () => this.swipeHandler && this.swipeHandler.onStart(), step => this.ani && this.ani.progressStep(step), (shouldComplete, step, dur) => {
|
||||
if (this.ani) {
|
||||
this.animationEnabled = false;
|
||||
this.ani.onFinish(() => {
|
||||
this.animationEnabled = true;
|
||||
if (this.swipeHandler) {
|
||||
this.swipeHandler.onEnd(shouldComplete);
|
||||
}
|
||||
}, { oneTimeCallback: true });
|
||||
// Account for rounding errors in JS
|
||||
let newStepValue = (shouldComplete) ? -0.001 : 0.001;
|
||||
/**
|
||||
* Animation will be reversed here, so need to
|
||||
* reverse the easing curve as well
|
||||
*
|
||||
* Additionally, we need to account for the time relative
|
||||
* to the new easing curve, as `stepValue` is going to be given
|
||||
* in terms of a linear curve.
|
||||
*/
|
||||
if (!shouldComplete) {
|
||||
this.ani.easing('cubic-bezier(1, 0, 0.68, 0.28)');
|
||||
newStepValue += Object(_cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_4__["g"])([0, 0], [1, 0], [0.68, 0.28], [1, 1], step)[0];
|
||||
}
|
||||
else {
|
||||
newStepValue += Object(_cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_4__["g"])([0, 0], [0.32, 0.72], [0, 1], [1, 1], step)[0];
|
||||
}
|
||||
this.ani.progressEnd(shouldComplete ? 1 : 0, newStepValue, dur);
|
||||
}
|
||||
});
|
||||
this.swipeHandlerChanged();
|
||||
}
|
||||
componentWillLoad() {
|
||||
this.ionNavWillLoad.emit();
|
||||
}
|
||||
disconnectedCallback() {
|
||||
if (this.gesture) {
|
||||
this.gesture.destroy();
|
||||
this.gesture = undefined;
|
||||
}
|
||||
}
|
||||
/** @internal */
|
||||
async commit(enteringEl, leavingEl, opts) {
|
||||
const unlock = await this.lock();
|
||||
let changed = false;
|
||||
try {
|
||||
changed = await this.transition(enteringEl, leavingEl, opts);
|
||||
}
|
||||
catch (e) {
|
||||
console.error(e);
|
||||
}
|
||||
unlock();
|
||||
return changed;
|
||||
}
|
||||
/** @internal */
|
||||
async setRouteId(id, params, direction, animation) {
|
||||
const changed = await this.setRoot(id, params, {
|
||||
duration: direction === 'root' ? 0 : undefined,
|
||||
direction: direction === 'back' ? 'back' : 'forward',
|
||||
animationBuilder: animation
|
||||
});
|
||||
return {
|
||||
changed,
|
||||
element: this.activeEl
|
||||
};
|
||||
}
|
||||
/** @internal */
|
||||
async getRouteId() {
|
||||
const active = this.activeEl;
|
||||
return active ? {
|
||||
id: active.tagName,
|
||||
element: active,
|
||||
} : undefined;
|
||||
}
|
||||
async setRoot(component, params, opts) {
|
||||
if (this.activeComponent === component) {
|
||||
return false;
|
||||
}
|
||||
// attach entering view to DOM
|
||||
const leavingEl = this.activeEl;
|
||||
const enteringEl = await Object(_framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_6__["a"])(this.delegate, this.el, component, ['ion-page', 'ion-page-invisible'], params);
|
||||
this.activeComponent = component;
|
||||
this.activeEl = enteringEl;
|
||||
// commit animation
|
||||
await this.commit(enteringEl, leavingEl, opts);
|
||||
await Object(_framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_6__["d"])(this.delegate, leavingEl);
|
||||
return true;
|
||||
}
|
||||
async transition(enteringEl, leavingEl, opts = {}) {
|
||||
if (leavingEl === enteringEl) {
|
||||
return false;
|
||||
}
|
||||
// emit nav will change event
|
||||
this.ionNavWillChange.emit();
|
||||
const { el, mode } = this;
|
||||
const animated = this.animated && _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].getBoolean('animated', true);
|
||||
const animationBuilder = this.animation || opts.animationBuilder || _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('navAnimation');
|
||||
await Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["t"])(Object.assign(Object.assign({ mode,
|
||||
animated,
|
||||
enteringEl,
|
||||
leavingEl, baseEl: el, progressCallback: (opts.progressAnimation
|
||||
? ani => this.ani = ani
|
||||
: undefined) }, opts), { animationBuilder }));
|
||||
// emit nav changed event
|
||||
this.ionNavDidChange.emit();
|
||||
return true;
|
||||
}
|
||||
async lock() {
|
||||
const p = this.waitPromise;
|
||||
let resolve;
|
||||
this.waitPromise = new Promise(r => resolve = r);
|
||||
if (p !== undefined) {
|
||||
await p;
|
||||
}
|
||||
return resolve;
|
||||
}
|
||||
render() {
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"swipeHandler": ["swipeHandlerChanged"]
|
||||
}; }
|
||||
};
|
||||
RouterOutlet.style = routeOutletCss;
|
||||
|
||||
const titleIosCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{left:0;top:0;padding-left:90px;padding-right:90px;padding-top:0;padding-bottom:0;position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:17px;font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px}}:host(.title-small){padding-left:9px;padding-right:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:13px;font-weight:normal}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.title-small){padding-left:unset;padding-right:unset;-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px}}:host(.title-large){padding-left:16px;padding-right:16px;padding-top:0;padding-bottom:0;-webkit-transform-origin:left center;transform-origin:left center;bottom:0;-ms-flex-align:end;align-items:flex-end;min-width:100%;padding-bottom:6px;font-size:34px;font-weight:700;text-align:start}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.title-large){padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}:host-context([dir=rtl]):host(.title-large),:host-context([dir=rtl]).title-large{-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}";
|
||||
|
||||
const titleMdCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{padding-left:20px;padding-right:20px;padding-top:0;padding-bottom:0;font-size:20px;font-weight:500;letter-spacing:0.0125em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}:host(.title-small){width:100%;height:100%;font-size:15px;font-weight:normal}";
|
||||
|
||||
const ToolbarTitle = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionStyle = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionStyle", 7);
|
||||
}
|
||||
sizeChanged() {
|
||||
this.emitStyle();
|
||||
}
|
||||
connectedCallback() {
|
||||
this.emitStyle();
|
||||
}
|
||||
emitStyle() {
|
||||
const size = this.getSize();
|
||||
this.ionStyle.emit({
|
||||
[`title-${size}`]: true
|
||||
});
|
||||
}
|
||||
getSize() {
|
||||
return (this.size !== undefined) ? this.size : 'default';
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const size = this.getSize();
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_5__["c"])(this.color, {
|
||||
[mode]: true,
|
||||
[`title-${size}`]: true,
|
||||
}) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "toolbar-title" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null))));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"size": ["sizeChanged"]
|
||||
}; }
|
||||
};
|
||||
ToolbarTitle.style = {
|
||||
ios: titleIosCss,
|
||||
md: titleMdCss
|
||||
};
|
||||
|
||||
const toolbarIosCss = ":host{--border-width:0;--border-style:solid;--opacity:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.toolbar-container{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:var(--opacity);z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:-ms-inline-flexbox;display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){-ms-flex-item-align:start;align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}:host(.toolbar-searchbar) ::slotted(ion-back-button){height:38px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:3;order:3}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}";
|
||||
|
||||
const toolbarMdCss = ":host{--border-width:0;--border-style:solid;--opacity:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--ion-safe-area-left);padding-right:var(--ion-safe-area-right);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-safe-area-left);padding-inline-start:var(--ion-safe-area-left);-webkit-padding-end:var(--ion-safe-area-right);padding-inline-end:var(--ion-safe-area-right)}}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.toolbar-container{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:var(--opacity);z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0;max-width:100%}::slotted(ion-segment){min-height:var(--min-height)}::slotted(.buttons-first-slot){margin-left:4px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(.buttons-first-slot){margin-left:unset;-webkit-margin-start:4px;margin-inline-start:4px}}::slotted(.buttons-last-slot){margin-right:4px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(.buttons-last-slot){margin-right:unset;-webkit-margin-end:4px;margin-inline-end:4px}}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:4;order:4}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}";
|
||||
|
||||
const Toolbar = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.childrenStyles = new Map();
|
||||
}
|
||||
componentWillLoad() {
|
||||
const buttons = Array.from(this.el.querySelectorAll('ion-buttons'));
|
||||
const firstButtons = buttons.find(button => {
|
||||
return button.slot === 'start';
|
||||
});
|
||||
if (firstButtons) {
|
||||
firstButtons.classList.add('buttons-first-slot');
|
||||
}
|
||||
const buttonsReversed = buttons.reverse();
|
||||
const lastButtons = buttonsReversed.find(button => button.slot === 'end') ||
|
||||
buttonsReversed.find(button => button.slot === 'primary') ||
|
||||
buttonsReversed.find(button => button.slot === 'secondary');
|
||||
if (lastButtons) {
|
||||
lastButtons.classList.add('buttons-last-slot');
|
||||
}
|
||||
}
|
||||
childrenStyle(ev) {
|
||||
ev.stopPropagation();
|
||||
const tagName = ev.target.tagName;
|
||||
const updatedStyles = ev.detail;
|
||||
const newStyles = {};
|
||||
const childStyles = this.childrenStyles.get(tagName) || {};
|
||||
let hasStyleChange = false;
|
||||
Object.keys(updatedStyles).forEach(key => {
|
||||
const childKey = `toolbar-${key}`;
|
||||
const newValue = updatedStyles[key];
|
||||
if (newValue !== childStyles[childKey]) {
|
||||
hasStyleChange = true;
|
||||
}
|
||||
if (newValue) {
|
||||
newStyles[childKey] = true;
|
||||
}
|
||||
});
|
||||
if (hasStyleChange) {
|
||||
this.childrenStyles.set(tagName, newStyles);
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["j"])(this);
|
||||
}
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const childStyles = {};
|
||||
this.childrenStyles.forEach(value => {
|
||||
Object.assign(childStyles, value);
|
||||
});
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: Object.assign(Object.assign({}, childStyles), Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_5__["c"])(this.color, {
|
||||
[mode]: true,
|
||||
'in-toolbar': Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_5__["h"])('ion-toolbar', this.el),
|
||||
})) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "toolbar-background" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "toolbar-container" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", { name: "start" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", { name: "secondary" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "toolbar-content" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", { name: "primary" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", { name: "end" }))));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
Toolbar.style = {
|
||||
ios: toolbarIosCss,
|
||||
md: toolbarMdCss
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=2-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -1,510 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[20],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-modal.entry.js":
|
||||
/*!**************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-modal.entry.js ***!
|
||||
\**************************************************************/
|
||||
/*! exports provided: ion_modal */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_modal", function() { return Modal; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers-90f46169.js */ "./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */ var _animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./animation-54fe0237.js */ "./node_modules/@ionic/core/dist/esm/animation-54fe0237.js");
|
||||
/* harmony import */ var _index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./index-d8cfb4a8.js */ "./node_modules/@ionic/core/dist/esm/index-d8cfb4a8.js");
|
||||
/* harmony import */ var _cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./cubic-bezier-eea9a7a9.js */ "./node_modules/@ionic/core/dist/esm/cubic-bezier-eea9a7a9.js");
|
||||
/* harmony import */ var _gesture_controller_31cb6bb9_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./gesture-controller-31cb6bb9.js */ "./node_modules/@ionic/core/dist/esm/gesture-controller-31cb6bb9.js");
|
||||
/* harmony import */ var _index_f49d994d_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./index-f49d994d.js */ "./node_modules/@ionic/core/dist/esm/index-f49d994d.js");
|
||||
/* harmony import */ var _hardware_back_button_4a6b37fb_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./hardware-back-button-4a6b37fb.js */ "./node_modules/@ionic/core/dist/esm/hardware-back-button-4a6b37fb.js");
|
||||
/* harmony import */ var _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./overlays-12c20431.js */ "./node_modules/@ionic/core/dist/esm/overlays-12c20431.js");
|
||||
/* harmony import */ var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./theme-ff3fc52f.js */ "./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
/* harmony import */ var _framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./framework-delegate-4584ab5a.js */ "./node_modules/@ionic/core/dist/esm/framework-delegate-4584ab5a.js");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Defaults for the card swipe animation
|
||||
const SwipeToCloseDefaults = {
|
||||
MIN_PRESENTING_SCALE: 0.93,
|
||||
};
|
||||
const createSwipeToCloseGesture = (el, animation, onDismiss) => {
|
||||
const height = el.offsetHeight;
|
||||
let isOpen = false;
|
||||
const canStart = (detail) => {
|
||||
const target = detail.event.target;
|
||||
if (target === null ||
|
||||
!target.closest) {
|
||||
return true;
|
||||
}
|
||||
const content = target.closest('ion-content');
|
||||
if (content === null) {
|
||||
return true;
|
||||
}
|
||||
// Target is in the content so we don't start the gesture.
|
||||
// We could be more nuanced here and allow it for content that
|
||||
// does not need to scroll.
|
||||
return false;
|
||||
};
|
||||
const onStart = () => {
|
||||
animation.progressStart(true, (isOpen) ? 1 : 0);
|
||||
};
|
||||
const onMove = (detail) => {
|
||||
const step = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["h"])(0.0001, detail.deltaY / height, 0.9999);
|
||||
animation.progressStep(step);
|
||||
};
|
||||
const onEnd = (detail) => {
|
||||
const velocity = detail.velocityY;
|
||||
const step = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["h"])(0.0001, detail.deltaY / height, 0.9999);
|
||||
const threshold = (detail.deltaY + velocity * 1000) / height;
|
||||
const shouldComplete = threshold >= 0.5;
|
||||
let newStepValue = (shouldComplete) ? -0.001 : 0.001;
|
||||
if (!shouldComplete) {
|
||||
animation.easing('cubic-bezier(1, 0, 0.68, 0.28)');
|
||||
newStepValue += Object(_cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_5__["g"])([0, 0], [1, 0], [0.68, 0.28], [1, 1], step)[0];
|
||||
}
|
||||
else {
|
||||
animation.easing('cubic-bezier(0.32, 0.72, 0, 1)');
|
||||
newStepValue += Object(_cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_5__["g"])([0, 0], [0.32, 0.72], [0, 1], [1, 1], step)[0];
|
||||
}
|
||||
const duration = (shouldComplete) ? computeDuration(step * height, velocity) : computeDuration((1 - step) * height, velocity);
|
||||
isOpen = shouldComplete;
|
||||
gesture.enable(false);
|
||||
animation
|
||||
.onFinish(() => {
|
||||
if (!shouldComplete) {
|
||||
gesture.enable(true);
|
||||
}
|
||||
})
|
||||
.progressEnd((shouldComplete) ? 1 : 0, newStepValue, duration);
|
||||
if (shouldComplete) {
|
||||
onDismiss();
|
||||
}
|
||||
};
|
||||
const gesture = Object(_index_f49d994d_js__WEBPACK_IMPORTED_MODULE_7__["createGesture"])({
|
||||
el,
|
||||
gestureName: 'modalSwipeToClose',
|
||||
gesturePriority: 40,
|
||||
direction: 'y',
|
||||
threshold: 10,
|
||||
canStart,
|
||||
onStart,
|
||||
onMove,
|
||||
onEnd
|
||||
});
|
||||
return gesture;
|
||||
};
|
||||
const computeDuration = (remaining, velocity) => {
|
||||
return Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["h"])(400, remaining / Math.abs(velocity * 1.1), 500);
|
||||
};
|
||||
|
||||
/**
|
||||
* iOS Modal Enter Animation for the Card presentation style
|
||||
*/
|
||||
const iosEnterAnimation = (baseEl, presentingEl) => {
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])()
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 0.01, 'var(--backdrop-opacity)')
|
||||
.beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
})
|
||||
.afterClearStyles(['pointer-events']);
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])()
|
||||
.addElement(baseEl.querySelectorAll('.modal-wrapper, .modal-shadow'))
|
||||
.beforeStyles({ 'opacity': 1 })
|
||||
.fromTo('transform', 'translateY(100vh)', 'translateY(0vh)');
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])()
|
||||
.addElement(baseEl)
|
||||
.easing('cubic-bezier(0.32,0.72,0,1)')
|
||||
.duration(500)
|
||||
.addAnimation(wrapperAnimation);
|
||||
if (presentingEl) {
|
||||
const isMobile = window.innerWidth < 768;
|
||||
const hasCardModal = (presentingEl.tagName === 'ION-MODAL' && presentingEl.presentingElement !== undefined);
|
||||
const presentingAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])()
|
||||
.beforeStyles({
|
||||
'transform': 'translateY(0)',
|
||||
'transform-origin': 'top center',
|
||||
'overflow': 'hidden'
|
||||
});
|
||||
const bodyEl = document.body;
|
||||
if (isMobile) {
|
||||
/**
|
||||
* Fallback for browsers that does not support `max()` (ex: Firefox)
|
||||
* No need to worry about statusbar padding since engines like Gecko
|
||||
* are not used as the engine for standlone Cordova/Capacitor apps
|
||||
*/
|
||||
const transformOffset = (!CSS.supports('width', 'max(0px, 1px)')) ? '30px' : 'max(30px, var(--ion-safe-area-top))';
|
||||
const modalTransform = hasCardModal ? '-10px' : transformOffset;
|
||||
const toPresentingScale = SwipeToCloseDefaults.MIN_PRESENTING_SCALE;
|
||||
const finalTransform = `translateY(${modalTransform}) scale(${toPresentingScale})`;
|
||||
presentingAnimation
|
||||
.afterStyles({
|
||||
'transform': finalTransform
|
||||
})
|
||||
.beforeAddWrite(() => bodyEl.style.setProperty('background-color', 'black'))
|
||||
.addElement(presentingEl)
|
||||
.keyframes([
|
||||
{ offset: 0, filter: 'contrast(1)', transform: 'translateY(0px) scale(1)', borderRadius: '0px' },
|
||||
{ offset: 1, filter: 'contrast(0.85)', transform: finalTransform, borderRadius: '10px 10px 0 0' }
|
||||
]);
|
||||
baseAnimation.addAnimation(presentingAnimation);
|
||||
}
|
||||
else {
|
||||
baseAnimation.addAnimation(backdropAnimation);
|
||||
if (!hasCardModal) {
|
||||
wrapperAnimation.fromTo('opacity', '0', '1');
|
||||
}
|
||||
else {
|
||||
const toPresentingScale = (hasCardModal) ? SwipeToCloseDefaults.MIN_PRESENTING_SCALE : 1;
|
||||
const finalTransform = `translateY(-10px) scale(${toPresentingScale})`;
|
||||
presentingAnimation
|
||||
.afterStyles({
|
||||
'transform': finalTransform
|
||||
})
|
||||
.addElement(presentingEl.querySelector('.modal-wrapper'))
|
||||
.keyframes([
|
||||
{ offset: 0, filter: 'contrast(1)', transform: 'translateY(0) scale(1)' },
|
||||
{ offset: 1, filter: 'contrast(0.85)', transform: finalTransform }
|
||||
]);
|
||||
const shadowAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])()
|
||||
.afterStyles({
|
||||
'transform': finalTransform
|
||||
})
|
||||
.addElement(presentingEl.querySelector('.modal-shadow'))
|
||||
.keyframes([
|
||||
{ offset: 0, opacity: '1', transform: 'translateY(0) scale(1)' },
|
||||
{ offset: 1, opacity: '0', transform: finalTransform }
|
||||
]);
|
||||
baseAnimation.addAnimation([presentingAnimation, shadowAnimation]);
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
baseAnimation.addAnimation(backdropAnimation);
|
||||
}
|
||||
return baseAnimation;
|
||||
};
|
||||
|
||||
/**
|
||||
* iOS Modal Leave Animation
|
||||
*/
|
||||
const iosLeaveAnimation = (baseEl, presentingEl, duration = 500) => {
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])()
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 'var(--backdrop-opacity)', 0.0);
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])()
|
||||
.addElement(baseEl.querySelectorAll('.modal-wrapper, .modal-shadow'))
|
||||
.beforeStyles({ 'opacity': 1 })
|
||||
.fromTo('transform', 'translateY(0vh)', 'translateY(100vh)');
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])()
|
||||
.addElement(baseEl)
|
||||
.easing('cubic-bezier(0.32,0.72,0,1)')
|
||||
.duration(duration)
|
||||
.addAnimation(wrapperAnimation);
|
||||
if (presentingEl) {
|
||||
const isMobile = window.innerWidth < 768;
|
||||
const hasCardModal = (presentingEl.tagName === 'ION-MODAL' && presentingEl.presentingElement !== undefined);
|
||||
const presentingAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])()
|
||||
.beforeClearStyles(['transform'])
|
||||
.afterClearStyles(['transform'])
|
||||
.onFinish(currentStep => {
|
||||
// only reset background color if this is the last card-style modal
|
||||
if (currentStep !== 1) {
|
||||
return;
|
||||
}
|
||||
presentingEl.style.setProperty('overflow', '');
|
||||
const numModals = Array.from(bodyEl.querySelectorAll('ion-modal')).filter(m => m.presentingElement !== undefined).length;
|
||||
if (numModals <= 1) {
|
||||
bodyEl.style.setProperty('background-color', '');
|
||||
}
|
||||
});
|
||||
const bodyEl = document.body;
|
||||
if (isMobile) {
|
||||
const transformOffset = (!CSS.supports('width', 'max(0px, 1px)')) ? '30px' : 'max(30px, var(--ion-safe-area-top))';
|
||||
const modalTransform = hasCardModal ? '-10px' : transformOffset;
|
||||
const toPresentingScale = SwipeToCloseDefaults.MIN_PRESENTING_SCALE;
|
||||
const finalTransform = `translateY(${modalTransform}) scale(${toPresentingScale})`;
|
||||
presentingAnimation
|
||||
.addElement(presentingEl)
|
||||
.keyframes([
|
||||
{ offset: 0, filter: 'contrast(0.85)', transform: finalTransform, borderRadius: '10px 10px 0 0' },
|
||||
{ offset: 1, filter: 'contrast(1)', transform: 'translateY(0px) scale(1)', borderRadius: '0px' }
|
||||
]);
|
||||
baseAnimation.addAnimation(presentingAnimation);
|
||||
}
|
||||
else {
|
||||
baseAnimation.addAnimation(backdropAnimation);
|
||||
if (!hasCardModal) {
|
||||
wrapperAnimation.fromTo('opacity', '1', '0');
|
||||
}
|
||||
else {
|
||||
const toPresentingScale = (hasCardModal) ? SwipeToCloseDefaults.MIN_PRESENTING_SCALE : 1;
|
||||
const finalTransform = `translateY(-10px) scale(${toPresentingScale})`;
|
||||
presentingAnimation
|
||||
.addElement(presentingEl.querySelector('.modal-wrapper'))
|
||||
.afterStyles({
|
||||
'transform': 'translate3d(0, 0, 0)'
|
||||
})
|
||||
.keyframes([
|
||||
{ offset: 0, filter: 'contrast(0.85)', transform: finalTransform },
|
||||
{ offset: 1, filter: 'contrast(1)', transform: 'translateY(0) scale(1)' }
|
||||
]);
|
||||
const shadowAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])()
|
||||
.addElement(presentingEl.querySelector('.modal-shadow'))
|
||||
.afterStyles({
|
||||
'transform': 'translateY(0) scale(1)'
|
||||
})
|
||||
.keyframes([
|
||||
{ offset: 0, opacity: '0', transform: finalTransform },
|
||||
{ offset: 1, opacity: '1', transform: 'translateY(0) scale(1)' }
|
||||
]);
|
||||
baseAnimation.addAnimation([presentingAnimation, shadowAnimation]);
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
baseAnimation.addAnimation(backdropAnimation);
|
||||
}
|
||||
return baseAnimation;
|
||||
};
|
||||
|
||||
/**
|
||||
* Md Modal Enter Animation
|
||||
*/
|
||||
const mdEnterAnimation = (baseEl) => {
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 0.01, 'var(--backdrop-opacity)')
|
||||
.beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
})
|
||||
.afterClearStyles(['pointer-events']);
|
||||
wrapperAnimation
|
||||
.addElement(baseEl.querySelector('.modal-wrapper'))
|
||||
.keyframes([
|
||||
{ offset: 0, opacity: 0.01, transform: 'translateY(40px)' },
|
||||
{ offset: 1, opacity: 1, transform: 'translateY(0px)' }
|
||||
]);
|
||||
return baseAnimation
|
||||
.addElement(baseEl)
|
||||
.easing('cubic-bezier(0.36,0.66,0.04,1)')
|
||||
.duration(280)
|
||||
.addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
/**
|
||||
* Md Modal Leave Animation
|
||||
*/
|
||||
const mdLeaveAnimation = (baseEl) => {
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const wrapperEl = baseEl.querySelector('.modal-wrapper');
|
||||
backdropAnimation
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 'var(--backdrop-opacity)', 0.0);
|
||||
wrapperAnimation
|
||||
.addElement(wrapperEl)
|
||||
.keyframes([
|
||||
{ offset: 0, opacity: 0.99, transform: 'translateY(0px)' },
|
||||
{ offset: 1, opacity: 0, transform: 'translateY(40px)' }
|
||||
]);
|
||||
return baseAnimation
|
||||
.addElement(baseEl)
|
||||
.easing('cubic-bezier(0.47,0,0.745,0.715)')
|
||||
.duration(200)
|
||||
.addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
const modalIosCss = ".sc-ion-modal-ios-h{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.overlay-hidden.sc-ion-modal-ios-h{display:none}.modal-wrapper.sc-ion-modal-ios,.modal-shadow.sc-ion-modal-ios{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow.sc-ion-modal-ios{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-ios-h{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){.sc-ion-modal-ios-h{--width:600px;--height:600px}}.sc-ion-modal-ios-h:first-of-type{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-ios-h{--border-radius:10px}}.modal-wrapper.sc-ion-modal-ios{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){.modal-card.sc-ion-modal-ios-h{--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){.modal-card.sc-ion-modal-ios-h{--height:calc(100% - 40px)}}.modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0}[dir=rtl].sc-ion-modal-ios-h -no-combinator.modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios,[dir=rtl] .sc-ion-modal-ios-h -no-combinator.modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios,[dir=rtl].modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios,[dir=rtl] .modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0}.modal-card.sc-ion-modal-ios-h{--backdrop-opacity:0;--width:100%;-ms-flex-align:end;align-items:flex-end}.modal-card.sc-ion-modal-ios-h .modal-shadow.sc-ion-modal-ios{display:none}.modal-card.sc-ion-modal-ios-h ion-backdrop.sc-ion-modal-ios{pointer-events:none}}@media screen and (min-width: 768px){.modal-card.sc-ion-modal-ios-h{--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px}.modal-card.sc-ion-modal-ios-h{--backdrop-opacity:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.modal-card.sc-ion-modal-ios-h:first-of-type{--backdrop-opacity:0.18}.modal-card.sc-ion-modal-ios-h .modal-shadow.sc-ion-modal-ios{-webkit-box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1)}}";
|
||||
|
||||
const modalMdCss = ".sc-ion-modal-md-h{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.overlay-hidden.sc-ion-modal-md-h{display:none}.modal-wrapper.sc-ion-modal-md,.modal-shadow.sc-ion-modal-md{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow.sc-ion-modal-md{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-md-h{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){.sc-ion-modal-md-h{--width:600px;--height:600px}}.sc-ion-modal-md-h:first-of-type{--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-md-h{--border-radius:2px}.sc-ion-modal-md-h:first-of-type{--box-shadow:0 28px 48px rgba(0, 0, 0, 0.4)}}.modal-wrapper.sc-ion-modal-md{-webkit-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0);opacity:0.01}";
|
||||
|
||||
const Modal = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.didPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionModalDidPresent", 7);
|
||||
this.willPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionModalWillPresent", 7);
|
||||
this.willDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionModalWillDismiss", 7);
|
||||
this.didDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionModalDidDismiss", 7);
|
||||
// Whether or not modal is being dismissed via gesture
|
||||
this.gestureAnimationDismissing = false;
|
||||
this.presented = false;
|
||||
/**
|
||||
* If `true`, the keyboard will be automatically dismissed when the overlay is presented.
|
||||
*/
|
||||
this.keyboardClose = true;
|
||||
/**
|
||||
* If `true`, the modal will be dismissed when the backdrop is clicked.
|
||||
*/
|
||||
this.backdropDismiss = true;
|
||||
/**
|
||||
* If `true`, a backdrop will be displayed behind the modal.
|
||||
*/
|
||||
this.showBackdrop = true;
|
||||
/**
|
||||
* If `true`, the modal will animate.
|
||||
*/
|
||||
this.animated = true;
|
||||
/**
|
||||
* If `true`, the modal can be swiped to dismiss. Only applies in iOS mode.
|
||||
*/
|
||||
this.swipeToClose = false;
|
||||
this.onBackdropTap = () => {
|
||||
this.dismiss(undefined, _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["B"]);
|
||||
};
|
||||
this.onDismiss = (ev) => {
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
this.dismiss();
|
||||
};
|
||||
this.onLifecycle = (modalEvent) => {
|
||||
const el = this.usersElement;
|
||||
const name = LIFECYCLE_MAP[modalEvent.type];
|
||||
if (el && name) {
|
||||
const ev = new CustomEvent(name, {
|
||||
bubbles: false,
|
||||
cancelable: false,
|
||||
detail: modalEvent.detail
|
||||
});
|
||||
el.dispatchEvent(ev);
|
||||
}
|
||||
};
|
||||
}
|
||||
swipeToCloseChanged(enable) {
|
||||
if (this.gesture) {
|
||||
this.gesture.enable(enable);
|
||||
}
|
||||
else if (enable) {
|
||||
this.initSwipeToClose();
|
||||
}
|
||||
}
|
||||
connectedCallback() {
|
||||
Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["e"])(this.el);
|
||||
}
|
||||
/**
|
||||
* Present the modal overlay after it has been created.
|
||||
*/
|
||||
async present() {
|
||||
if (this.presented) {
|
||||
return;
|
||||
}
|
||||
const container = this.el.querySelector(`.modal-wrapper`);
|
||||
if (!container) {
|
||||
throw new Error('container is undefined');
|
||||
}
|
||||
const componentProps = Object.assign(Object.assign({}, this.componentProps), { modal: this.el });
|
||||
this.usersElement = await Object(_framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_11__["a"])(this.delegate, container, this.component, ['ion-page'], componentProps);
|
||||
await Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_4__["e"])(this.usersElement);
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => this.el.classList.add('show-modal'));
|
||||
await Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["d"])(this, 'modalEnter', iosEnterAnimation, mdEnterAnimation, this.presentingElement);
|
||||
if (this.swipeToClose) {
|
||||
this.initSwipeToClose();
|
||||
}
|
||||
}
|
||||
initSwipeToClose() {
|
||||
if (Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this) !== 'ios') {
|
||||
return;
|
||||
}
|
||||
// All of the elements needed for the swipe gesture
|
||||
// should be in the DOM and referenced by now, except
|
||||
// for the presenting el
|
||||
const animationBuilder = this.leaveAnimation || _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('modalLeave', iosLeaveAnimation);
|
||||
const ani = this.animation = animationBuilder(this.el, this.presentingElement);
|
||||
this.gesture = createSwipeToCloseGesture(this.el, ani, () => {
|
||||
/**
|
||||
* While the gesture animation is finishing
|
||||
* it is possible for a user to tap the backdrop.
|
||||
* This would result in the dismiss animation
|
||||
* being played again. Typically this is avoided
|
||||
* by setting `presented = false` on the overlay
|
||||
* component; however, we cannot do that here as
|
||||
* that would prevent the element from being
|
||||
* removed from the DOM.
|
||||
*/
|
||||
this.gestureAnimationDismissing = true;
|
||||
this.animation.onFinish(async () => {
|
||||
await this.dismiss(undefined, 'gesture');
|
||||
this.gestureAnimationDismissing = false;
|
||||
});
|
||||
});
|
||||
this.gesture.enable(true);
|
||||
}
|
||||
/**
|
||||
* Dismiss the modal overlay after it has been presented.
|
||||
*
|
||||
* @param data Any data to emit in the dismiss events.
|
||||
* @param role The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'.
|
||||
*/
|
||||
async dismiss(data, role) {
|
||||
if (this.gestureAnimationDismissing && role !== 'gesture') {
|
||||
return false;
|
||||
}
|
||||
const enteringAnimation = _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["h"].get(this) || [];
|
||||
const dismissed = await Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["f"])(this, data, role, 'modalLeave', iosLeaveAnimation, mdLeaveAnimation, this.presentingElement);
|
||||
if (dismissed) {
|
||||
await Object(_framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_11__["d"])(this.delegate, this.usersElement);
|
||||
if (this.animation) {
|
||||
this.animation.destroy();
|
||||
}
|
||||
enteringAnimation.forEach(ani => ani.destroy());
|
||||
}
|
||||
this.animation = undefined;
|
||||
return dismissed;
|
||||
}
|
||||
/**
|
||||
* Returns a promise that resolves when the modal did dismiss.
|
||||
*/
|
||||
onDidDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["g"])(this.el, 'ionModalDidDismiss');
|
||||
}
|
||||
/**
|
||||
* Returns a promise that resolves when the modal will dismiss.
|
||||
*/
|
||||
onWillDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["g"])(this.el, 'ionModalWillDismiss');
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { "no-router": true, "aria-modal": "true", tabindex: "-1", class: Object.assign({ [mode]: true, [`modal-card`]: this.presentingElement !== undefined && mode === 'ios' }, Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_10__["g"])(this.cssClass)), style: {
|
||||
zIndex: `${20000 + this.overlayIndex}`,
|
||||
}, onIonBackdropTap: this.onBackdropTap, onIonDismiss: this.onDismiss, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-backdrop", { visible: this.showBackdrop, tappable: this.backdropDismiss }), mode === 'ios' && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "modal-shadow" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { tabindex: "0" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { role: "dialog", class: "modal-wrapper ion-overlay-wrapper" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { tabindex: "0" })));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"swipeToClose": ["swipeToCloseChanged"]
|
||||
}; }
|
||||
};
|
||||
const LIFECYCLE_MAP = {
|
||||
'ionModalDidPresent': 'ionViewDidEnter',
|
||||
'ionModalWillPresent': 'ionViewWillEnter',
|
||||
'ionModalWillDismiss': 'ionViewWillLeave',
|
||||
'ionModalDidDismiss': 'ionViewDidLeave',
|
||||
};
|
||||
Modal.style = {
|
||||
ios: modalIosCss,
|
||||
md: modalMdCss
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=20-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,767 +0,0 @@
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
||||
|
||||
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[20], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-modal.entry.js":
|
||||
/*!**************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-modal.entry.js ***!
|
||||
\**************************************************************/
|
||||
|
||||
/*! exports provided: ion_modal */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonModalEntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_modal", function () {
|
||||
return Modal;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
|
||||
/*! ./helpers-90f46169.js */
|
||||
"./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
|
||||
/*! ./animation-54fe0237.js */
|
||||
"./node_modules/@ionic/core/dist/esm/animation-54fe0237.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
|
||||
/*! ./index-d8cfb4a8.js */
|
||||
"./node_modules/@ionic/core/dist/esm/index-d8cfb4a8.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
|
||||
/*! ./cubic-bezier-eea9a7a9.js */
|
||||
"./node_modules/@ionic/core/dist/esm/cubic-bezier-eea9a7a9.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _gesture_controller_31cb6bb9_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
|
||||
/*! ./gesture-controller-31cb6bb9.js */
|
||||
"./node_modules/@ionic/core/dist/esm/gesture-controller-31cb6bb9.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _index_f49d994d_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
|
||||
/*! ./index-f49d994d.js */
|
||||
"./node_modules/@ionic/core/dist/esm/index-f49d994d.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _hardware_back_button_4a6b37fb_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
|
||||
/*! ./hardware-back-button-4a6b37fb.js */
|
||||
"./node_modules/@ionic/core/dist/esm/hardware-back-button-4a6b37fb.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
|
||||
/*! ./overlays-12c20431.js */
|
||||
"./node_modules/@ionic/core/dist/esm/overlays-12c20431.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(
|
||||
/*! ./theme-ff3fc52f.js */
|
||||
"./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(
|
||||
/*! ./framework-delegate-4584ab5a.js */
|
||||
"./node_modules/@ionic/core/dist/esm/framework-delegate-4584ab5a.js"); // Defaults for the card swipe animation
|
||||
|
||||
|
||||
var SwipeToCloseDefaults = {
|
||||
MIN_PRESENTING_SCALE: 0.93
|
||||
};
|
||||
|
||||
var createSwipeToCloseGesture = function createSwipeToCloseGesture(el, animation, onDismiss) {
|
||||
var height = el.offsetHeight;
|
||||
var isOpen = false;
|
||||
|
||||
var canStart = function canStart(detail) {
|
||||
var target = detail.event.target;
|
||||
|
||||
if (target === null || !target.closest) {
|
||||
return true;
|
||||
}
|
||||
|
||||
var content = target.closest('ion-content');
|
||||
|
||||
if (content === null) {
|
||||
return true;
|
||||
} // Target is in the content so we don't start the gesture.
|
||||
// We could be more nuanced here and allow it for content that
|
||||
// does not need to scroll.
|
||||
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
var onStart = function onStart() {
|
||||
animation.progressStart(true, isOpen ? 1 : 0);
|
||||
};
|
||||
|
||||
var onMove = function onMove(detail) {
|
||||
var step = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["h"])(0.0001, detail.deltaY / height, 0.9999);
|
||||
animation.progressStep(step);
|
||||
};
|
||||
|
||||
var onEnd = function onEnd(detail) {
|
||||
var velocity = detail.velocityY;
|
||||
var step = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["h"])(0.0001, detail.deltaY / height, 0.9999);
|
||||
var threshold = (detail.deltaY + velocity * 1000) / height;
|
||||
var shouldComplete = threshold >= 0.5;
|
||||
var newStepValue = shouldComplete ? -0.001 : 0.001;
|
||||
|
||||
if (!shouldComplete) {
|
||||
animation.easing('cubic-bezier(1, 0, 0.68, 0.28)');
|
||||
newStepValue += Object(_cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_5__["g"])([0, 0], [1, 0], [0.68, 0.28], [1, 1], step)[0];
|
||||
} else {
|
||||
animation.easing('cubic-bezier(0.32, 0.72, 0, 1)');
|
||||
newStepValue += Object(_cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_5__["g"])([0, 0], [0.32, 0.72], [0, 1], [1, 1], step)[0];
|
||||
}
|
||||
|
||||
var duration = shouldComplete ? computeDuration(step * height, velocity) : computeDuration((1 - step) * height, velocity);
|
||||
isOpen = shouldComplete;
|
||||
gesture.enable(false);
|
||||
animation.onFinish(function () {
|
||||
if (!shouldComplete) {
|
||||
gesture.enable(true);
|
||||
}
|
||||
}).progressEnd(shouldComplete ? 1 : 0, newStepValue, duration);
|
||||
|
||||
if (shouldComplete) {
|
||||
onDismiss();
|
||||
}
|
||||
};
|
||||
|
||||
var gesture = Object(_index_f49d994d_js__WEBPACK_IMPORTED_MODULE_7__["createGesture"])({
|
||||
el: el,
|
||||
gestureName: 'modalSwipeToClose',
|
||||
gesturePriority: 40,
|
||||
direction: 'y',
|
||||
threshold: 10,
|
||||
canStart: canStart,
|
||||
onStart: onStart,
|
||||
onMove: onMove,
|
||||
onEnd: onEnd
|
||||
});
|
||||
return gesture;
|
||||
};
|
||||
|
||||
var computeDuration = function computeDuration(remaining, velocity) {
|
||||
return Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["h"])(400, remaining / Math.abs(velocity * 1.1), 500);
|
||||
};
|
||||
/**
|
||||
* iOS Modal Enter Animation for the Card presentation style
|
||||
*/
|
||||
|
||||
|
||||
var iosEnterAnimation = function iosEnterAnimation(baseEl, presentingEl) {
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])().addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 0.01, 'var(--backdrop-opacity)').beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
}).afterClearStyles(['pointer-events']);
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])().addElement(baseEl.querySelectorAll('.modal-wrapper, .modal-shadow')).beforeStyles({
|
||||
'opacity': 1
|
||||
}).fromTo('transform', 'translateY(100vh)', 'translateY(0vh)');
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])().addElement(baseEl).easing('cubic-bezier(0.32,0.72,0,1)').duration(500).addAnimation(wrapperAnimation);
|
||||
|
||||
if (presentingEl) {
|
||||
var isMobile = window.innerWidth < 768;
|
||||
var hasCardModal = presentingEl.tagName === 'ION-MODAL' && presentingEl.presentingElement !== undefined;
|
||||
var presentingAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])().beforeStyles({
|
||||
'transform': 'translateY(0)',
|
||||
'transform-origin': 'top center',
|
||||
'overflow': 'hidden'
|
||||
});
|
||||
var bodyEl = document.body;
|
||||
|
||||
if (isMobile) {
|
||||
/**
|
||||
* Fallback for browsers that does not support `max()` (ex: Firefox)
|
||||
* No need to worry about statusbar padding since engines like Gecko
|
||||
* are not used as the engine for standlone Cordova/Capacitor apps
|
||||
*/
|
||||
var transformOffset = !CSS.supports('width', 'max(0px, 1px)') ? '30px' : 'max(30px, var(--ion-safe-area-top))';
|
||||
var modalTransform = hasCardModal ? '-10px' : transformOffset;
|
||||
var toPresentingScale = SwipeToCloseDefaults.MIN_PRESENTING_SCALE;
|
||||
var finalTransform = "translateY(".concat(modalTransform, ") scale(").concat(toPresentingScale, ")");
|
||||
presentingAnimation.afterStyles({
|
||||
'transform': finalTransform
|
||||
}).beforeAddWrite(function () {
|
||||
return bodyEl.style.setProperty('background-color', 'black');
|
||||
}).addElement(presentingEl).keyframes([{
|
||||
offset: 0,
|
||||
filter: 'contrast(1)',
|
||||
transform: 'translateY(0px) scale(1)',
|
||||
borderRadius: '0px'
|
||||
}, {
|
||||
offset: 1,
|
||||
filter: 'contrast(0.85)',
|
||||
transform: finalTransform,
|
||||
borderRadius: '10px 10px 0 0'
|
||||
}]);
|
||||
baseAnimation.addAnimation(presentingAnimation);
|
||||
} else {
|
||||
baseAnimation.addAnimation(backdropAnimation);
|
||||
|
||||
if (!hasCardModal) {
|
||||
wrapperAnimation.fromTo('opacity', '0', '1');
|
||||
} else {
|
||||
var _toPresentingScale = hasCardModal ? SwipeToCloseDefaults.MIN_PRESENTING_SCALE : 1;
|
||||
|
||||
var _finalTransform = "translateY(-10px) scale(".concat(_toPresentingScale, ")");
|
||||
|
||||
presentingAnimation.afterStyles({
|
||||
'transform': _finalTransform
|
||||
}).addElement(presentingEl.querySelector('.modal-wrapper')).keyframes([{
|
||||
offset: 0,
|
||||
filter: 'contrast(1)',
|
||||
transform: 'translateY(0) scale(1)'
|
||||
}, {
|
||||
offset: 1,
|
||||
filter: 'contrast(0.85)',
|
||||
transform: _finalTransform
|
||||
}]);
|
||||
var shadowAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])().afterStyles({
|
||||
'transform': _finalTransform
|
||||
}).addElement(presentingEl.querySelector('.modal-shadow')).keyframes([{
|
||||
offset: 0,
|
||||
opacity: '1',
|
||||
transform: 'translateY(0) scale(1)'
|
||||
}, {
|
||||
offset: 1,
|
||||
opacity: '0',
|
||||
transform: _finalTransform
|
||||
}]);
|
||||
baseAnimation.addAnimation([presentingAnimation, shadowAnimation]);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
baseAnimation.addAnimation(backdropAnimation);
|
||||
}
|
||||
|
||||
return baseAnimation;
|
||||
};
|
||||
/**
|
||||
* iOS Modal Leave Animation
|
||||
*/
|
||||
|
||||
|
||||
var iosLeaveAnimation = function iosLeaveAnimation(baseEl, presentingEl) {
|
||||
var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 500;
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])().addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 'var(--backdrop-opacity)', 0.0);
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])().addElement(baseEl.querySelectorAll('.modal-wrapper, .modal-shadow')).beforeStyles({
|
||||
'opacity': 1
|
||||
}).fromTo('transform', 'translateY(0vh)', 'translateY(100vh)');
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])().addElement(baseEl).easing('cubic-bezier(0.32,0.72,0,1)').duration(duration).addAnimation(wrapperAnimation);
|
||||
|
||||
if (presentingEl) {
|
||||
var isMobile = window.innerWidth < 768;
|
||||
var hasCardModal = presentingEl.tagName === 'ION-MODAL' && presentingEl.presentingElement !== undefined;
|
||||
var presentingAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])().beforeClearStyles(['transform']).afterClearStyles(['transform']).onFinish(function (currentStep) {
|
||||
// only reset background color if this is the last card-style modal
|
||||
if (currentStep !== 1) {
|
||||
return;
|
||||
}
|
||||
|
||||
presentingEl.style.setProperty('overflow', '');
|
||||
var numModals = Array.from(bodyEl.querySelectorAll('ion-modal')).filter(function (m) {
|
||||
return m.presentingElement !== undefined;
|
||||
}).length;
|
||||
|
||||
if (numModals <= 1) {
|
||||
bodyEl.style.setProperty('background-color', '');
|
||||
}
|
||||
});
|
||||
var bodyEl = document.body;
|
||||
|
||||
if (isMobile) {
|
||||
var transformOffset = !CSS.supports('width', 'max(0px, 1px)') ? '30px' : 'max(30px, var(--ion-safe-area-top))';
|
||||
var modalTransform = hasCardModal ? '-10px' : transformOffset;
|
||||
var toPresentingScale = SwipeToCloseDefaults.MIN_PRESENTING_SCALE;
|
||||
var finalTransform = "translateY(".concat(modalTransform, ") scale(").concat(toPresentingScale, ")");
|
||||
presentingAnimation.addElement(presentingEl).keyframes([{
|
||||
offset: 0,
|
||||
filter: 'contrast(0.85)',
|
||||
transform: finalTransform,
|
||||
borderRadius: '10px 10px 0 0'
|
||||
}, {
|
||||
offset: 1,
|
||||
filter: 'contrast(1)',
|
||||
transform: 'translateY(0px) scale(1)',
|
||||
borderRadius: '0px'
|
||||
}]);
|
||||
baseAnimation.addAnimation(presentingAnimation);
|
||||
} else {
|
||||
baseAnimation.addAnimation(backdropAnimation);
|
||||
|
||||
if (!hasCardModal) {
|
||||
wrapperAnimation.fromTo('opacity', '1', '0');
|
||||
} else {
|
||||
var _toPresentingScale2 = hasCardModal ? SwipeToCloseDefaults.MIN_PRESENTING_SCALE : 1;
|
||||
|
||||
var _finalTransform2 = "translateY(-10px) scale(".concat(_toPresentingScale2, ")");
|
||||
|
||||
presentingAnimation.addElement(presentingEl.querySelector('.modal-wrapper')).afterStyles({
|
||||
'transform': 'translate3d(0, 0, 0)'
|
||||
}).keyframes([{
|
||||
offset: 0,
|
||||
filter: 'contrast(0.85)',
|
||||
transform: _finalTransform2
|
||||
}, {
|
||||
offset: 1,
|
||||
filter: 'contrast(1)',
|
||||
transform: 'translateY(0) scale(1)'
|
||||
}]);
|
||||
var shadowAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])().addElement(presentingEl.querySelector('.modal-shadow')).afterStyles({
|
||||
'transform': 'translateY(0) scale(1)'
|
||||
}).keyframes([{
|
||||
offset: 0,
|
||||
opacity: '0',
|
||||
transform: _finalTransform2
|
||||
}, {
|
||||
offset: 1,
|
||||
opacity: '1',
|
||||
transform: 'translateY(0) scale(1)'
|
||||
}]);
|
||||
baseAnimation.addAnimation([presentingAnimation, shadowAnimation]);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
baseAnimation.addAnimation(backdropAnimation);
|
||||
}
|
||||
|
||||
return baseAnimation;
|
||||
};
|
||||
/**
|
||||
* Md Modal Enter Animation
|
||||
*/
|
||||
|
||||
|
||||
var mdEnterAnimation = function mdEnterAnimation(baseEl) {
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 0.01, 'var(--backdrop-opacity)').beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
}).afterClearStyles(['pointer-events']);
|
||||
wrapperAnimation.addElement(baseEl.querySelector('.modal-wrapper')).keyframes([{
|
||||
offset: 0,
|
||||
opacity: 0.01,
|
||||
transform: 'translateY(40px)'
|
||||
}, {
|
||||
offset: 1,
|
||||
opacity: 1,
|
||||
transform: 'translateY(0px)'
|
||||
}]);
|
||||
return baseAnimation.addElement(baseEl).easing('cubic-bezier(0.36,0.66,0.04,1)').duration(280).addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
/**
|
||||
* Md Modal Leave Animation
|
||||
*/
|
||||
|
||||
|
||||
var mdLeaveAnimation = function mdLeaveAnimation(baseEl) {
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var wrapperEl = baseEl.querySelector('.modal-wrapper');
|
||||
backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 'var(--backdrop-opacity)', 0.0);
|
||||
wrapperAnimation.addElement(wrapperEl).keyframes([{
|
||||
offset: 0,
|
||||
opacity: 0.99,
|
||||
transform: 'translateY(0px)'
|
||||
}, {
|
||||
offset: 1,
|
||||
opacity: 0,
|
||||
transform: 'translateY(40px)'
|
||||
}]);
|
||||
return baseAnimation.addElement(baseEl).easing('cubic-bezier(0.47,0,0.745,0.715)').duration(200).addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
var modalIosCss = ".sc-ion-modal-ios-h{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.overlay-hidden.sc-ion-modal-ios-h{display:none}.modal-wrapper.sc-ion-modal-ios,.modal-shadow.sc-ion-modal-ios{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow.sc-ion-modal-ios{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-ios-h{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){.sc-ion-modal-ios-h{--width:600px;--height:600px}}.sc-ion-modal-ios-h:first-of-type{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-ios-h{--border-radius:10px}}.modal-wrapper.sc-ion-modal-ios{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){.modal-card.sc-ion-modal-ios-h{--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){.modal-card.sc-ion-modal-ios-h{--height:calc(100% - 40px)}}.modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0}[dir=rtl].sc-ion-modal-ios-h -no-combinator.modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios,[dir=rtl] .sc-ion-modal-ios-h -no-combinator.modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios,[dir=rtl].modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios,[dir=rtl] .modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0}.modal-card.sc-ion-modal-ios-h{--backdrop-opacity:0;--width:100%;-ms-flex-align:end;align-items:flex-end}.modal-card.sc-ion-modal-ios-h .modal-shadow.sc-ion-modal-ios{display:none}.modal-card.sc-ion-modal-ios-h ion-backdrop.sc-ion-modal-ios{pointer-events:none}}@media screen and (min-width: 768px){.modal-card.sc-ion-modal-ios-h{--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px}.modal-card.sc-ion-modal-ios-h{--backdrop-opacity:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.modal-card.sc-ion-modal-ios-h:first-of-type{--backdrop-opacity:0.18}.modal-card.sc-ion-modal-ios-h .modal-shadow.sc-ion-modal-ios{-webkit-box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1)}}";
|
||||
var modalMdCss = ".sc-ion-modal-md-h{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.overlay-hidden.sc-ion-modal-md-h{display:none}.modal-wrapper.sc-ion-modal-md,.modal-shadow.sc-ion-modal-md{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow.sc-ion-modal-md{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-md-h{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){.sc-ion-modal-md-h{--width:600px;--height:600px}}.sc-ion-modal-md-h:first-of-type{--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-md-h{--border-radius:2px}.sc-ion-modal-md-h:first-of-type{--box-shadow:0 28px 48px rgba(0, 0, 0, 0.4)}}.modal-wrapper.sc-ion-modal-md{-webkit-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0);opacity:0.01}";
|
||||
|
||||
var Modal = /*#__PURE__*/function () {
|
||||
function Modal(hostRef) {
|
||||
var _this = this;
|
||||
|
||||
_classCallCheck(this, Modal);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.didPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionModalDidPresent", 7);
|
||||
this.willPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionModalWillPresent", 7);
|
||||
this.willDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionModalWillDismiss", 7);
|
||||
this.didDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionModalDidDismiss", 7); // Whether or not modal is being dismissed via gesture
|
||||
|
||||
this.gestureAnimationDismissing = false;
|
||||
this.presented = false;
|
||||
/**
|
||||
* If `true`, the keyboard will be automatically dismissed when the overlay is presented.
|
||||
*/
|
||||
|
||||
this.keyboardClose = true;
|
||||
/**
|
||||
* If `true`, the modal will be dismissed when the backdrop is clicked.
|
||||
*/
|
||||
|
||||
this.backdropDismiss = true;
|
||||
/**
|
||||
* If `true`, a backdrop will be displayed behind the modal.
|
||||
*/
|
||||
|
||||
this.showBackdrop = true;
|
||||
/**
|
||||
* If `true`, the modal will animate.
|
||||
*/
|
||||
|
||||
this.animated = true;
|
||||
/**
|
||||
* If `true`, the modal can be swiped to dismiss. Only applies in iOS mode.
|
||||
*/
|
||||
|
||||
this.swipeToClose = false;
|
||||
|
||||
this.onBackdropTap = function () {
|
||||
_this.dismiss(undefined, _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["B"]);
|
||||
};
|
||||
|
||||
this.onDismiss = function (ev) {
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
|
||||
_this.dismiss();
|
||||
};
|
||||
|
||||
this.onLifecycle = function (modalEvent) {
|
||||
var el = _this.usersElement;
|
||||
var name = LIFECYCLE_MAP[modalEvent.type];
|
||||
|
||||
if (el && name) {
|
||||
var ev = new CustomEvent(name, {
|
||||
bubbles: false,
|
||||
cancelable: false,
|
||||
detail: modalEvent.detail
|
||||
});
|
||||
el.dispatchEvent(ev);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
_createClass(Modal, [{
|
||||
key: "swipeToCloseChanged",
|
||||
value: function swipeToCloseChanged(enable) {
|
||||
if (this.gesture) {
|
||||
this.gesture.enable(enable);
|
||||
} else if (enable) {
|
||||
this.initSwipeToClose();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "connectedCallback",
|
||||
value: function connectedCallback() {
|
||||
Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["e"])(this.el);
|
||||
}
|
||||
/**
|
||||
* Present the modal overlay after it has been created.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "present",
|
||||
value: function () {
|
||||
var _present = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
||||
var _this2 = this;
|
||||
|
||||
var container, componentProps;
|
||||
return regeneratorRuntime.wrap(function _callee$(_context) {
|
||||
while (1) {
|
||||
switch (_context.prev = _context.next) {
|
||||
case 0:
|
||||
if (!this.presented) {
|
||||
_context.next = 2;
|
||||
break;
|
||||
}
|
||||
|
||||
return _context.abrupt("return");
|
||||
|
||||
case 2:
|
||||
container = this.el.querySelector(".modal-wrapper");
|
||||
|
||||
if (container) {
|
||||
_context.next = 5;
|
||||
break;
|
||||
}
|
||||
|
||||
throw new Error('container is undefined');
|
||||
|
||||
case 5:
|
||||
componentProps = Object.assign(Object.assign({}, this.componentProps), {
|
||||
modal: this.el
|
||||
});
|
||||
_context.next = 8;
|
||||
return Object(_framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_11__["a"])(this.delegate, container, this.component, ['ion-page'], componentProps);
|
||||
|
||||
case 8:
|
||||
this.usersElement = _context.sent;
|
||||
_context.next = 11;
|
||||
return Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_4__["e"])(this.usersElement);
|
||||
|
||||
case 11:
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(function () {
|
||||
return _this2.el.classList.add('show-modal');
|
||||
});
|
||||
_context.next = 14;
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["d"])(this, 'modalEnter', iosEnterAnimation, mdEnterAnimation, this.presentingElement);
|
||||
|
||||
case 14:
|
||||
if (this.swipeToClose) {
|
||||
this.initSwipeToClose();
|
||||
}
|
||||
|
||||
case 15:
|
||||
case "end":
|
||||
return _context.stop();
|
||||
}
|
||||
}
|
||||
}, _callee, this);
|
||||
}));
|
||||
|
||||
function present() {
|
||||
return _present.apply(this, arguments);
|
||||
}
|
||||
|
||||
return present;
|
||||
}()
|
||||
}, {
|
||||
key: "initSwipeToClose",
|
||||
value: function initSwipeToClose() {
|
||||
var _this3 = this;
|
||||
|
||||
if (Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this) !== 'ios') {
|
||||
return;
|
||||
} // All of the elements needed for the swipe gesture
|
||||
// should be in the DOM and referenced by now, except
|
||||
// for the presenting el
|
||||
|
||||
|
||||
var animationBuilder = this.leaveAnimation || _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('modalLeave', iosLeaveAnimation);
|
||||
|
||||
var ani = this.animation = animationBuilder(this.el, this.presentingElement);
|
||||
this.gesture = createSwipeToCloseGesture(this.el, ani, function () {
|
||||
/**
|
||||
* While the gesture animation is finishing
|
||||
* it is possible for a user to tap the backdrop.
|
||||
* This would result in the dismiss animation
|
||||
* being played again. Typically this is avoided
|
||||
* by setting `presented = false` on the overlay
|
||||
* component; however, we cannot do that here as
|
||||
* that would prevent the element from being
|
||||
* removed from the DOM.
|
||||
*/
|
||||
_this3.gestureAnimationDismissing = true;
|
||||
|
||||
_this3.animation.onFinish( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
||||
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
||||
while (1) {
|
||||
switch (_context2.prev = _context2.next) {
|
||||
case 0:
|
||||
_context2.next = 2;
|
||||
return _this3.dismiss(undefined, 'gesture');
|
||||
|
||||
case 2:
|
||||
_this3.gestureAnimationDismissing = false;
|
||||
|
||||
case 3:
|
||||
case "end":
|
||||
return _context2.stop();
|
||||
}
|
||||
}
|
||||
}, _callee2);
|
||||
})));
|
||||
});
|
||||
this.gesture.enable(true);
|
||||
}
|
||||
/**
|
||||
* Dismiss the modal overlay after it has been presented.
|
||||
*
|
||||
* @param data Any data to emit in the dismiss events.
|
||||
* @param role The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "dismiss",
|
||||
value: function () {
|
||||
var _dismiss = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(data, role) {
|
||||
var enteringAnimation, dismissed;
|
||||
return regeneratorRuntime.wrap(function _callee3$(_context3) {
|
||||
while (1) {
|
||||
switch (_context3.prev = _context3.next) {
|
||||
case 0:
|
||||
if (!(this.gestureAnimationDismissing && role !== 'gesture')) {
|
||||
_context3.next = 2;
|
||||
break;
|
||||
}
|
||||
|
||||
return _context3.abrupt("return", false);
|
||||
|
||||
case 2:
|
||||
enteringAnimation = _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["h"].get(this) || [];
|
||||
_context3.next = 5;
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["f"])(this, data, role, 'modalLeave', iosLeaveAnimation, mdLeaveAnimation, this.presentingElement);
|
||||
|
||||
case 5:
|
||||
dismissed = _context3.sent;
|
||||
|
||||
if (!dismissed) {
|
||||
_context3.next = 11;
|
||||
break;
|
||||
}
|
||||
|
||||
_context3.next = 9;
|
||||
return Object(_framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_11__["d"])(this.delegate, this.usersElement);
|
||||
|
||||
case 9:
|
||||
if (this.animation) {
|
||||
this.animation.destroy();
|
||||
}
|
||||
|
||||
enteringAnimation.forEach(function (ani) {
|
||||
return ani.destroy();
|
||||
});
|
||||
|
||||
case 11:
|
||||
this.animation = undefined;
|
||||
return _context3.abrupt("return", dismissed);
|
||||
|
||||
case 13:
|
||||
case "end":
|
||||
return _context3.stop();
|
||||
}
|
||||
}
|
||||
}, _callee3, this);
|
||||
}));
|
||||
|
||||
function dismiss(_x, _x2) {
|
||||
return _dismiss.apply(this, arguments);
|
||||
}
|
||||
|
||||
return dismiss;
|
||||
}()
|
||||
/**
|
||||
* Returns a promise that resolves when the modal did dismiss.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "onDidDismiss",
|
||||
value: function onDidDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["g"])(this.el, 'ionModalDidDismiss');
|
||||
}
|
||||
/**
|
||||
* Returns a promise that resolves when the modal will dismiss.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "onWillDismiss",
|
||||
value: function onWillDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_9__["g"])(this.el, 'ionModalWillDismiss');
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _Object$assign;
|
||||
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"no-router": true,
|
||||
"aria-modal": "true",
|
||||
tabindex: "-1",
|
||||
"class": Object.assign((_Object$assign = {}, _defineProperty(_Object$assign, mode, true), _defineProperty(_Object$assign, "modal-card", this.presentingElement !== undefined && mode === 'ios'), _Object$assign), Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_10__["g"])(this.cssClass)),
|
||||
style: {
|
||||
zIndex: "".concat(20000 + this.overlayIndex)
|
||||
},
|
||||
onIonBackdropTap: this.onBackdropTap,
|
||||
onIonDismiss: this.onDismiss,
|
||||
onIonModalDidPresent: this.onLifecycle,
|
||||
onIonModalWillPresent: this.onLifecycle,
|
||||
onIonModalWillDismiss: this.onLifecycle,
|
||||
onIonModalDidDismiss: this.onLifecycle
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-backdrop", {
|
||||
visible: this.showBackdrop,
|
||||
tappable: this.backdropDismiss
|
||||
}), mode === 'ios' && Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "modal-shadow"
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
tabindex: "0"
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
role: "dialog",
|
||||
"class": "modal-wrapper ion-overlay-wrapper"
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
tabindex: "0"
|
||||
}));
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}], [{
|
||||
key: "watchers",
|
||||
get: function get() {
|
||||
return {
|
||||
"swipeToClose": ["swipeToCloseChanged"]
|
||||
};
|
||||
}
|
||||
}]);
|
||||
|
||||
return Modal;
|
||||
}();
|
||||
|
||||
var LIFECYCLE_MAP = {
|
||||
'ionModalDidPresent': 'ionViewDidEnter',
|
||||
'ionModalWillPresent': 'ionViewWillEnter',
|
||||
'ionModalWillDismiss': 'ionViewWillLeave',
|
||||
'ionModalDidDismiss': 'ionViewDidLeave'
|
||||
};
|
||||
Modal.style = {
|
||||
ios: modalIosCss,
|
||||
md: modalMdCss
|
||||
};
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=20-es5.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,917 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[21],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-nav_2.entry.js":
|
||||
/*!**************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-nav_2.entry.js ***!
|
||||
\**************************************************************/
|
||||
/*! exports provided: ion_nav, ion_nav_link */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_nav", function() { return Nav; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_nav_link", function() { return NavLink; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers-90f46169.js */ "./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */ var _index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./index-d8cfb4a8.js */ "./node_modules/@ionic/core/dist/esm/index-d8cfb4a8.js");
|
||||
/* harmony import */ var _cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./cubic-bezier-eea9a7a9.js */ "./node_modules/@ionic/core/dist/esm/cubic-bezier-eea9a7a9.js");
|
||||
/* harmony import */ var _framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./framework-delegate-4584ab5a.js */ "./node_modules/@ionic/core/dist/esm/framework-delegate-4584ab5a.js");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const VIEW_STATE_NEW = 1;
|
||||
const VIEW_STATE_ATTACHED = 2;
|
||||
const VIEW_STATE_DESTROYED = 3;
|
||||
class ViewController {
|
||||
constructor(component, params) {
|
||||
this.component = component;
|
||||
this.params = params;
|
||||
this.state = VIEW_STATE_NEW;
|
||||
}
|
||||
async init(container) {
|
||||
this.state = VIEW_STATE_ATTACHED;
|
||||
if (!this.element) {
|
||||
const component = this.component;
|
||||
this.element = await Object(_framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_5__["a"])(this.delegate, container, component, ['ion-page', 'ion-page-invisible'], this.params);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* DOM WRITE
|
||||
*/
|
||||
_destroy() {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(this.state !== VIEW_STATE_DESTROYED, 'view state must be ATTACHED');
|
||||
const element = this.element;
|
||||
if (element) {
|
||||
if (this.delegate) {
|
||||
this.delegate.removeViewFromDom(element.parentElement, element);
|
||||
}
|
||||
else {
|
||||
element.remove();
|
||||
}
|
||||
}
|
||||
this.nav = undefined;
|
||||
this.state = VIEW_STATE_DESTROYED;
|
||||
}
|
||||
}
|
||||
const matches = (view, id, params) => {
|
||||
if (!view) {
|
||||
return false;
|
||||
}
|
||||
if (view.component !== id) {
|
||||
return false;
|
||||
}
|
||||
const currentParams = view.params;
|
||||
if (currentParams === params) {
|
||||
return true;
|
||||
}
|
||||
if (!currentParams && !params) {
|
||||
return true;
|
||||
}
|
||||
if (!currentParams || !params) {
|
||||
return false;
|
||||
}
|
||||
const keysA = Object.keys(currentParams);
|
||||
const keysB = Object.keys(params);
|
||||
if (keysA.length !== keysB.length) {
|
||||
return false;
|
||||
}
|
||||
// Test for A's keys different from B.
|
||||
for (const key of keysA) {
|
||||
if (currentParams[key] !== params[key]) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
};
|
||||
const convertToView = (page, params) => {
|
||||
if (!page) {
|
||||
return null;
|
||||
}
|
||||
if (page instanceof ViewController) {
|
||||
return page;
|
||||
}
|
||||
return new ViewController(page, params);
|
||||
};
|
||||
const convertToViews = (pages) => {
|
||||
return pages.map(page => {
|
||||
if (page instanceof ViewController) {
|
||||
return page;
|
||||
}
|
||||
if ('component' in page) {
|
||||
/**
|
||||
* TODO Ionic 6:
|
||||
* Consider switching to just using `undefined` here
|
||||
* as well as on the public interfaces and on
|
||||
* `NavComponentWithProps`. Previously `pages` was
|
||||
* of type `any[]` so TypeScript did not catch this.
|
||||
*/
|
||||
return convertToView(page.component, (page.componentProps === null) ? undefined : page.componentProps);
|
||||
}
|
||||
return convertToView(page, undefined);
|
||||
}).filter(v => v !== null);
|
||||
};
|
||||
|
||||
const navCss = ":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;overflow:hidden;z-index:0}";
|
||||
|
||||
const Nav = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionNavWillLoad = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionNavWillLoad", 7);
|
||||
this.ionNavWillChange = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionNavWillChange", 3);
|
||||
this.ionNavDidChange = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionNavDidChange", 3);
|
||||
this.transInstr = [];
|
||||
this.animationEnabled = true;
|
||||
this.useRouter = false;
|
||||
this.isTransitioning = false;
|
||||
this.destroyed = false;
|
||||
this.views = [];
|
||||
/**
|
||||
* If `true`, the nav should animate the transition of components.
|
||||
*/
|
||||
this.animated = true;
|
||||
}
|
||||
swipeGestureChanged() {
|
||||
if (this.gesture) {
|
||||
this.gesture.enable(this.swipeGesture === true);
|
||||
}
|
||||
}
|
||||
rootChanged() {
|
||||
if (this.root !== undefined) {
|
||||
if (!this.useRouter) {
|
||||
this.setRoot(this.root, this.rootParams);
|
||||
}
|
||||
}
|
||||
}
|
||||
componentWillLoad() {
|
||||
this.useRouter =
|
||||
!!document.querySelector('ion-router') &&
|
||||
!this.el.closest('[no-router]');
|
||||
if (this.swipeGesture === undefined) {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
this.swipeGesture = _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].getBoolean('swipeBackEnabled', mode === 'ios');
|
||||
}
|
||||
this.ionNavWillLoad.emit();
|
||||
}
|
||||
async componentDidLoad() {
|
||||
this.rootChanged();
|
||||
this.gesture = (await __webpack_require__.e(/*! import() | swipe-back-2154c9a7-js */ "swipe-back-2154c9a7-js").then(__webpack_require__.bind(null, /*! ./swipe-back-2154c9a7.js */ "./node_modules/@ionic/core/dist/esm/swipe-back-2154c9a7.js"))).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
|
||||
this.swipeGestureChanged();
|
||||
}
|
||||
disconnectedCallback() {
|
||||
for (const view of this.views) {
|
||||
Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["l"])(view.element, _index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["d"]);
|
||||
view._destroy();
|
||||
}
|
||||
if (this.gesture) {
|
||||
this.gesture.destroy();
|
||||
this.gesture = undefined;
|
||||
}
|
||||
// release swipe back gesture and transition
|
||||
this.transInstr.length = this.views.length = 0;
|
||||
this.destroyed = true;
|
||||
}
|
||||
/**
|
||||
* Push a new component onto the current navigation stack. Pass any additional
|
||||
* information along as an object. This additional information is accessible
|
||||
* through NavParams.
|
||||
*
|
||||
* @param component The component to push onto the navigation stack.
|
||||
* @param componentProps Any properties of the component.
|
||||
* @param opts The navigation options.
|
||||
* @param done The transition complete function.
|
||||
*/
|
||||
push(component, componentProps, opts, done) {
|
||||
return this.queueTrns({
|
||||
insertStart: -1,
|
||||
insertViews: [{ component, componentProps }],
|
||||
opts
|
||||
}, done);
|
||||
}
|
||||
/**
|
||||
* Inserts a component into the navigation stack at the specified index.
|
||||
* This is useful to add a component at any point in the navigation stack.
|
||||
*
|
||||
* @param insertIndex The index to insert the component at in the stack.
|
||||
* @param component The component to insert into the navigation stack.
|
||||
* @param componentProps Any properties of the component.
|
||||
* @param opts The navigation options.
|
||||
* @param done The transition complete function.
|
||||
*/
|
||||
insert(insertIndex, component, componentProps, opts, done) {
|
||||
return this.queueTrns({
|
||||
insertStart: insertIndex,
|
||||
insertViews: [{ component, componentProps }],
|
||||
opts
|
||||
}, done);
|
||||
}
|
||||
/**
|
||||
* Inserts an array of components into the navigation stack at the specified index.
|
||||
* The last component in the array will become instantiated as a view, and animate
|
||||
* in to become the active view.
|
||||
*
|
||||
* @param insertIndex The index to insert the components at in the stack.
|
||||
* @param insertComponents The components to insert into the navigation stack.
|
||||
* @param opts The navigation options.
|
||||
* @param done The transition complete function.
|
||||
*/
|
||||
insertPages(insertIndex, insertComponents, opts, done) {
|
||||
return this.queueTrns({
|
||||
insertStart: insertIndex,
|
||||
insertViews: insertComponents,
|
||||
opts
|
||||
}, done);
|
||||
}
|
||||
/**
|
||||
* Pop a component off of the navigation stack. Navigates back from the current
|
||||
* component.
|
||||
*
|
||||
* @param opts The navigation options.
|
||||
* @param done The transition complete function.
|
||||
*/
|
||||
pop(opts, done) {
|
||||
return this.queueTrns({
|
||||
removeStart: -1,
|
||||
removeCount: 1,
|
||||
opts
|
||||
}, done);
|
||||
}
|
||||
/**
|
||||
* Pop to a specific index in the navigation stack.
|
||||
*
|
||||
* @param indexOrViewCtrl The index or view controller to pop to.
|
||||
* @param opts The navigation options.
|
||||
* @param done The transition complete function.
|
||||
*/
|
||||
popTo(indexOrViewCtrl, opts, done) {
|
||||
const tiConfig = {
|
||||
removeStart: -1,
|
||||
removeCount: -1,
|
||||
opts
|
||||
};
|
||||
if (typeof indexOrViewCtrl === 'object' && indexOrViewCtrl.component) {
|
||||
tiConfig.removeView = indexOrViewCtrl;
|
||||
tiConfig.removeStart = 1;
|
||||
}
|
||||
else if (typeof indexOrViewCtrl === 'number') {
|
||||
tiConfig.removeStart = indexOrViewCtrl + 1;
|
||||
}
|
||||
return this.queueTrns(tiConfig, done);
|
||||
}
|
||||
/**
|
||||
* Navigate back to the root of the stack, no matter how far back that is.
|
||||
*
|
||||
* @param opts The navigation options.
|
||||
* @param done The transition complete function.
|
||||
*/
|
||||
popToRoot(opts, done) {
|
||||
return this.queueTrns({
|
||||
removeStart: 1,
|
||||
removeCount: -1,
|
||||
opts
|
||||
}, done);
|
||||
}
|
||||
/**
|
||||
* Removes a component from the navigation stack at the specified index.
|
||||
*
|
||||
* @param startIndex The number to begin removal at.
|
||||
* @param removeCount The number of components to remove.
|
||||
* @param opts The navigation options.
|
||||
* @param done The transition complete function.
|
||||
*/
|
||||
removeIndex(startIndex, removeCount = 1, opts, done) {
|
||||
return this.queueTrns({
|
||||
removeStart: startIndex,
|
||||
removeCount,
|
||||
opts
|
||||
}, done);
|
||||
}
|
||||
/**
|
||||
* Set the root for the current navigation stack to a component.
|
||||
*
|
||||
* @param component The component to set as the root of the navigation stack.
|
||||
* @param componentProps Any properties of the component.
|
||||
* @param opts The navigation options.
|
||||
* @param done The transition complete function.
|
||||
*/
|
||||
setRoot(component, componentProps, opts, done) {
|
||||
return this.setPages([{ component, componentProps }], opts, done);
|
||||
}
|
||||
/**
|
||||
* Set the views of the current navigation stack and navigate to the last view.
|
||||
* By default animations are disabled, but they can be enabled by passing options
|
||||
* to the navigation controller. Navigation parameters can also be passed to the
|
||||
* individual pages in the array.
|
||||
*
|
||||
* @param views The list of views to set as the navigation stack.
|
||||
* @param opts The navigation options.
|
||||
* @param done The transition complete function.
|
||||
*/
|
||||
setPages(views, opts, done) {
|
||||
if (opts == null) {
|
||||
opts = {};
|
||||
}
|
||||
// if animation wasn't set to true then default it to NOT animate
|
||||
if (opts.animated !== true) {
|
||||
opts.animated = false;
|
||||
}
|
||||
return this.queueTrns({
|
||||
insertStart: 0,
|
||||
insertViews: views,
|
||||
removeStart: 0,
|
||||
removeCount: -1,
|
||||
opts
|
||||
}, done);
|
||||
}
|
||||
/** @internal */
|
||||
setRouteId(id, params, direction, animation) {
|
||||
const active = this.getActiveSync();
|
||||
if (matches(active, id, params)) {
|
||||
return Promise.resolve({
|
||||
changed: false,
|
||||
element: active.element
|
||||
});
|
||||
}
|
||||
let resolve;
|
||||
const promise = new Promise(r => (resolve = r));
|
||||
let finish;
|
||||
const commonOpts = {
|
||||
updateURL: false,
|
||||
viewIsReady: enteringEl => {
|
||||
let mark;
|
||||
const p = new Promise(r => (mark = r));
|
||||
resolve({
|
||||
changed: true,
|
||||
element: enteringEl,
|
||||
markVisible: async () => {
|
||||
mark();
|
||||
await finish;
|
||||
}
|
||||
});
|
||||
return p;
|
||||
}
|
||||
};
|
||||
if (direction === 'root') {
|
||||
finish = this.setRoot(id, params, commonOpts);
|
||||
}
|
||||
else {
|
||||
const viewController = this.views.find(v => matches(v, id, params));
|
||||
if (viewController) {
|
||||
finish = this.popTo(viewController, Object.assign(Object.assign({}, commonOpts), { direction: 'back', animationBuilder: animation }));
|
||||
}
|
||||
else if (direction === 'forward') {
|
||||
finish = this.push(id, params, Object.assign(Object.assign({}, commonOpts), { animationBuilder: animation }));
|
||||
}
|
||||
else if (direction === 'back') {
|
||||
finish = this.setRoot(id, params, Object.assign(Object.assign({}, commonOpts), { direction: 'back', animated: true, animationBuilder: animation }));
|
||||
}
|
||||
}
|
||||
return promise;
|
||||
}
|
||||
/** @internal */
|
||||
async getRouteId() {
|
||||
const active = this.getActiveSync();
|
||||
return active
|
||||
? {
|
||||
id: active.element.tagName,
|
||||
params: active.params,
|
||||
element: active.element
|
||||
}
|
||||
: undefined;
|
||||
}
|
||||
/**
|
||||
* Get the active view.
|
||||
*/
|
||||
getActive() {
|
||||
return Promise.resolve(this.getActiveSync());
|
||||
}
|
||||
/**
|
||||
* Get the view at the specified index.
|
||||
*
|
||||
* @param index The index of the view.
|
||||
*/
|
||||
getByIndex(index) {
|
||||
return Promise.resolve(this.views[index]);
|
||||
}
|
||||
/**
|
||||
* Returns `true` if the current view can go back.
|
||||
*
|
||||
* @param view The view to check.
|
||||
*/
|
||||
canGoBack(view) {
|
||||
return Promise.resolve(this.canGoBackSync(view));
|
||||
}
|
||||
/**
|
||||
* Get the previous view.
|
||||
*
|
||||
* @param view The view to get.
|
||||
*/
|
||||
getPrevious(view) {
|
||||
return Promise.resolve(this.getPreviousSync(view));
|
||||
}
|
||||
getLength() {
|
||||
return this.views.length;
|
||||
}
|
||||
getActiveSync() {
|
||||
return this.views[this.views.length - 1];
|
||||
}
|
||||
canGoBackSync(view = this.getActiveSync()) {
|
||||
return !!(view && this.getPreviousSync(view));
|
||||
}
|
||||
getPreviousSync(view = this.getActiveSync()) {
|
||||
if (!view) {
|
||||
return undefined;
|
||||
}
|
||||
const views = this.views;
|
||||
const index = views.indexOf(view);
|
||||
return index > 0 ? views[index - 1] : undefined;
|
||||
}
|
||||
// _queueTrns() adds a navigation stack change to the queue and schedules it to run:
|
||||
// 1. _nextTrns(): consumes the next transition in the queue
|
||||
// 2. _viewInit(): initializes enteringView if required
|
||||
// 3. _viewTest(): ensures canLeave/canEnter Returns `true`, so the operation can continue
|
||||
// 4. _postViewInit(): add/remove the views from the navigation stack
|
||||
// 5. _transitionInit(): initializes the visual transition if required and schedules it to run
|
||||
// 6. _viewAttachToDOM(): attaches the enteringView to the DOM
|
||||
// 7. _transitionStart(): called once the transition actually starts, it initializes the Animation underneath.
|
||||
// 8. _transitionFinish(): called once the transition finishes
|
||||
// 9. _cleanup(): syncs the navigation internal state with the DOM. For example it removes the pages from the DOM or hides/show them.
|
||||
async queueTrns(ti, done) {
|
||||
if (this.isTransitioning && ti.opts != null && ti.opts.skipIfBusy) {
|
||||
return Promise.resolve(false);
|
||||
}
|
||||
const promise = new Promise((resolve, reject) => {
|
||||
ti.resolve = resolve;
|
||||
ti.reject = reject;
|
||||
});
|
||||
ti.done = done;
|
||||
/**
|
||||
* If using router, check to see if navigation hooks
|
||||
* will allow us to perform this transition. This
|
||||
* is required in order for hooks to work with
|
||||
* the ion-back-button or swipe to go back.
|
||||
*/
|
||||
if (ti.opts && ti.opts.updateURL !== false && this.useRouter) {
|
||||
const router = document.querySelector('ion-router');
|
||||
if (router) {
|
||||
const canTransition = await router.canTransition();
|
||||
if (canTransition === false) {
|
||||
return Promise.resolve(false);
|
||||
}
|
||||
else if (typeof canTransition === 'string') {
|
||||
router.push(canTransition, ti.opts.direction || 'back');
|
||||
return Promise.resolve(false);
|
||||
}
|
||||
}
|
||||
}
|
||||
// Normalize empty
|
||||
if (ti.insertViews && ti.insertViews.length === 0) {
|
||||
ti.insertViews = undefined;
|
||||
}
|
||||
// Enqueue transition instruction
|
||||
this.transInstr.push(ti);
|
||||
// if there isn't a transition already happening
|
||||
// then this will kick off this transition
|
||||
this.nextTrns();
|
||||
return promise;
|
||||
}
|
||||
success(result, ti) {
|
||||
if (this.destroyed) {
|
||||
this.fireError('nav controller was destroyed', ti);
|
||||
return;
|
||||
}
|
||||
if (ti.done) {
|
||||
ti.done(result.hasCompleted, result.requiresTransition, result.enteringView, result.leavingView, result.direction);
|
||||
}
|
||||
ti.resolve(result.hasCompleted);
|
||||
if (ti.opts.updateURL !== false && this.useRouter) {
|
||||
const router = document.querySelector('ion-router');
|
||||
if (router) {
|
||||
const direction = result.direction === 'back' ? 'back' : 'forward';
|
||||
router.navChanged(direction);
|
||||
}
|
||||
}
|
||||
}
|
||||
failed(rejectReason, ti) {
|
||||
if (this.destroyed) {
|
||||
this.fireError('nav controller was destroyed', ti);
|
||||
return;
|
||||
}
|
||||
this.transInstr.length = 0;
|
||||
this.fireError(rejectReason, ti);
|
||||
}
|
||||
fireError(rejectReason, ti) {
|
||||
if (ti.done) {
|
||||
ti.done(false, false, rejectReason);
|
||||
}
|
||||
if (ti.reject && !this.destroyed) {
|
||||
ti.reject(rejectReason);
|
||||
}
|
||||
else {
|
||||
ti.resolve(false);
|
||||
}
|
||||
}
|
||||
nextTrns() {
|
||||
// this is the framework's bread 'n butta function
|
||||
// only one transition is allowed at any given time
|
||||
if (this.isTransitioning) {
|
||||
return false;
|
||||
}
|
||||
// there is no transition happening right now
|
||||
// get the next instruction
|
||||
const ti = this.transInstr.shift();
|
||||
if (!ti) {
|
||||
return false;
|
||||
}
|
||||
this.runTransition(ti);
|
||||
return true;
|
||||
}
|
||||
async runTransition(ti) {
|
||||
try {
|
||||
// set that this nav is actively transitioning
|
||||
this.ionNavWillChange.emit();
|
||||
this.isTransitioning = true;
|
||||
this.prepareTI(ti);
|
||||
const leavingView = this.getActiveSync();
|
||||
const enteringView = this.getEnteringView(ti, leavingView);
|
||||
if (!leavingView && !enteringView) {
|
||||
throw new Error('no views in the stack to be removed');
|
||||
}
|
||||
if (enteringView && enteringView.state === VIEW_STATE_NEW) {
|
||||
await enteringView.init(this.el);
|
||||
}
|
||||
this.postViewInit(enteringView, leavingView, ti);
|
||||
// Needs transition?
|
||||
const requiresTransition = (ti.enteringRequiresTransition || ti.leavingRequiresTransition) &&
|
||||
enteringView !== leavingView;
|
||||
if (requiresTransition && ti.opts && leavingView) {
|
||||
const isBackDirection = ti.opts.direction === 'back';
|
||||
/**
|
||||
* If heading back, use the entering page's animation
|
||||
* unless otherwise specified by the developer.
|
||||
*/
|
||||
if (isBackDirection) {
|
||||
ti.opts.animationBuilder = ti.opts.animationBuilder || (enteringView && enteringView.animationBuilder);
|
||||
}
|
||||
leavingView.animationBuilder = ti.opts.animationBuilder;
|
||||
}
|
||||
const result = requiresTransition
|
||||
? await this.transition(enteringView, leavingView, ti)
|
||||
: {
|
||||
// transition is not required, so we are already done!
|
||||
// they're inserting/removing the views somewhere in the middle or
|
||||
// beginning, so visually nothing needs to animate/transition
|
||||
// resolve immediately because there's no animation that's happening
|
||||
hasCompleted: true,
|
||||
requiresTransition: false
|
||||
};
|
||||
this.success(result, ti);
|
||||
this.ionNavDidChange.emit();
|
||||
}
|
||||
catch (rejectReason) {
|
||||
this.failed(rejectReason, ti);
|
||||
}
|
||||
this.isTransitioning = false;
|
||||
this.nextTrns();
|
||||
}
|
||||
prepareTI(ti) {
|
||||
const viewsLength = this.views.length;
|
||||
ti.opts = ti.opts || {};
|
||||
if (ti.opts.delegate === undefined) {
|
||||
ti.opts.delegate = this.delegate;
|
||||
}
|
||||
if (ti.removeView !== undefined) {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(ti.removeStart !== undefined, 'removeView needs removeStart');
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(ti.removeCount !== undefined, 'removeView needs removeCount');
|
||||
const index = this.views.indexOf(ti.removeView);
|
||||
if (index < 0) {
|
||||
throw new Error('removeView was not found');
|
||||
}
|
||||
ti.removeStart += index;
|
||||
}
|
||||
if (ti.removeStart !== undefined) {
|
||||
if (ti.removeStart < 0) {
|
||||
ti.removeStart = viewsLength - 1;
|
||||
}
|
||||
if (ti.removeCount < 0) {
|
||||
ti.removeCount = viewsLength - ti.removeStart;
|
||||
}
|
||||
ti.leavingRequiresTransition =
|
||||
ti.removeCount > 0 && ti.removeStart + ti.removeCount === viewsLength;
|
||||
}
|
||||
if (ti.insertViews) {
|
||||
// allow -1 to be passed in to auto push it on the end
|
||||
// and clean up the index if it's larger then the size of the stack
|
||||
if (ti.insertStart < 0 || ti.insertStart > viewsLength) {
|
||||
ti.insertStart = viewsLength;
|
||||
}
|
||||
ti.enteringRequiresTransition = ti.insertStart === viewsLength;
|
||||
}
|
||||
const insertViews = ti.insertViews;
|
||||
if (!insertViews) {
|
||||
return;
|
||||
}
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(insertViews.length > 0, 'length can not be zero');
|
||||
const viewControllers = convertToViews(insertViews);
|
||||
if (viewControllers.length === 0) {
|
||||
throw new Error('invalid views to insert');
|
||||
}
|
||||
// Check all the inserted view are correct
|
||||
for (const view of viewControllers) {
|
||||
view.delegate = ti.opts.delegate;
|
||||
const nav = view.nav;
|
||||
if (nav && nav !== this) {
|
||||
throw new Error('inserted view was already inserted');
|
||||
}
|
||||
if (view.state === VIEW_STATE_DESTROYED) {
|
||||
throw new Error('inserted view was already destroyed');
|
||||
}
|
||||
}
|
||||
ti.insertViews = viewControllers;
|
||||
}
|
||||
getEnteringView(ti, leavingView) {
|
||||
const insertViews = ti.insertViews;
|
||||
if (insertViews !== undefined) {
|
||||
// grab the very last view of the views to be inserted
|
||||
// and initialize it as the new entering view
|
||||
return insertViews[insertViews.length - 1];
|
||||
}
|
||||
const removeStart = ti.removeStart;
|
||||
if (removeStart !== undefined) {
|
||||
const views = this.views;
|
||||
const removeEnd = removeStart + ti.removeCount;
|
||||
for (let i = views.length - 1; i >= 0; i--) {
|
||||
const view = views[i];
|
||||
if ((i < removeStart || i >= removeEnd) && view !== leavingView) {
|
||||
return view;
|
||||
}
|
||||
}
|
||||
}
|
||||
return undefined;
|
||||
}
|
||||
postViewInit(enteringView, leavingView, ti) {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(leavingView || enteringView, 'Both leavingView and enteringView are null');
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(ti.resolve, 'resolve must be valid');
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(ti.reject, 'reject must be valid');
|
||||
const opts = ti.opts;
|
||||
const insertViews = ti.insertViews;
|
||||
const removeStart = ti.removeStart;
|
||||
const removeCount = ti.removeCount;
|
||||
let destroyQueue;
|
||||
// there are views to remove
|
||||
if (removeStart !== undefined && removeCount !== undefined) {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(removeStart >= 0, 'removeStart can not be negative');
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(removeCount >= 0, 'removeCount can not be negative');
|
||||
destroyQueue = [];
|
||||
for (let i = 0; i < removeCount; i++) {
|
||||
const view = this.views[i + removeStart];
|
||||
if (view && view !== enteringView && view !== leavingView) {
|
||||
destroyQueue.push(view);
|
||||
}
|
||||
}
|
||||
// default the direction to "back"
|
||||
opts.direction = opts.direction || 'back';
|
||||
}
|
||||
const finalBalance = this.views.length +
|
||||
(insertViews !== undefined ? insertViews.length : 0) -
|
||||
(removeCount !== undefined ? removeCount : 0);
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(finalBalance >= 0, 'final balance can not be negative');
|
||||
if (finalBalance === 0) {
|
||||
console.warn(`You can't remove all the pages in the navigation stack. nav.pop() is probably called too many times.`, this, this.el);
|
||||
throw new Error('navigation stack needs at least one root page');
|
||||
}
|
||||
// At this point the transition can not be rejected, any throw should be an error
|
||||
// there are views to insert
|
||||
if (insertViews) {
|
||||
// add the views to the
|
||||
let insertIndex = ti.insertStart;
|
||||
for (const view of insertViews) {
|
||||
this.insertViewAt(view, insertIndex);
|
||||
insertIndex++;
|
||||
}
|
||||
if (ti.enteringRequiresTransition) {
|
||||
// default to forward if not already set
|
||||
opts.direction = opts.direction || 'forward';
|
||||
}
|
||||
}
|
||||
// if the views to be removed are in the beginning or middle
|
||||
// and there is not a view that needs to visually transition out
|
||||
// then just destroy them and don't transition anything
|
||||
// batch all of lifecycles together
|
||||
// let's make sure, callbacks are zoned
|
||||
if (destroyQueue && destroyQueue.length > 0) {
|
||||
for (const view of destroyQueue) {
|
||||
Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["l"])(view.element, _index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["b"]);
|
||||
Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["l"])(view.element, _index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["c"]);
|
||||
Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["l"])(view.element, _index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["d"]);
|
||||
}
|
||||
// once all lifecycle events has been delivered, we can safely detroy the views
|
||||
for (const view of destroyQueue) {
|
||||
this.destroyView(view);
|
||||
}
|
||||
}
|
||||
}
|
||||
async transition(enteringView, leavingView, ti) {
|
||||
// we should animate (duration > 0) if the pushed page is not the first one (startup)
|
||||
// or if it is a portal (modal, actionsheet, etc.)
|
||||
const opts = ti.opts;
|
||||
const progressCallback = opts.progressAnimation
|
||||
? (ani) => this.sbAni = ani
|
||||
: undefined;
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const enteringEl = enteringView.element;
|
||||
const leavingEl = leavingView && leavingView.element;
|
||||
const animationOpts = Object.assign({ mode, showGoBack: this.canGoBackSync(enteringView), baseEl: this.el, animationBuilder: this.animation || opts.animationBuilder || _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].get('navAnimation'), progressCallback, animated: this.animated && _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["c"].getBoolean('animated', true), enteringEl,
|
||||
leavingEl }, opts);
|
||||
const { hasCompleted } = await Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["t"])(animationOpts);
|
||||
return this.transitionFinish(hasCompleted, enteringView, leavingView, opts);
|
||||
}
|
||||
transitionFinish(hasCompleted, enteringView, leavingView, opts) {
|
||||
const cleanupView = hasCompleted ? enteringView : leavingView;
|
||||
if (cleanupView) {
|
||||
this.cleanup(cleanupView);
|
||||
}
|
||||
return {
|
||||
hasCompleted,
|
||||
requiresTransition: true,
|
||||
enteringView,
|
||||
leavingView,
|
||||
direction: opts.direction
|
||||
};
|
||||
}
|
||||
insertViewAt(view, index) {
|
||||
const views = this.views;
|
||||
const existingIndex = views.indexOf(view);
|
||||
if (existingIndex > -1) {
|
||||
// this view is already in the stack!!
|
||||
// move it to its new location
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(view.nav === this, 'view is not part of the nav');
|
||||
views.splice(index, 0, views.splice(existingIndex, 1)[0]);
|
||||
}
|
||||
else {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(!view.nav, 'nav is used');
|
||||
// this is a new view to add to the stack
|
||||
// create the new entering view
|
||||
view.nav = this;
|
||||
// insert the entering view into the correct index in the stack
|
||||
views.splice(index, 0, view);
|
||||
}
|
||||
}
|
||||
removeView(view) {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(view.state === VIEW_STATE_ATTACHED || view.state === VIEW_STATE_DESTROYED, 'view state should be loaded or destroyed');
|
||||
const views = this.views;
|
||||
const index = views.indexOf(view);
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["k"])(index > -1, 'view must be part of the stack');
|
||||
if (index >= 0) {
|
||||
views.splice(index, 1);
|
||||
}
|
||||
}
|
||||
destroyView(view) {
|
||||
view._destroy();
|
||||
this.removeView(view);
|
||||
}
|
||||
/**
|
||||
* DOM WRITE
|
||||
*/
|
||||
cleanup(activeView) {
|
||||
// ok, cleanup time!! Destroy all of the views that are
|
||||
// INACTIVE and come after the active view
|
||||
// only do this if the views exist, though
|
||||
if (this.destroyed) {
|
||||
return;
|
||||
}
|
||||
const views = this.views;
|
||||
const activeViewIndex = views.indexOf(activeView);
|
||||
for (let i = views.length - 1; i >= 0; i--) {
|
||||
const view = views[i];
|
||||
/**
|
||||
* When inserting multiple views via insertPages
|
||||
* the last page will be transitioned to, but the
|
||||
* others will not be. As a result, a DOM element
|
||||
* will only be created for the last page inserted.
|
||||
* As a result, it is possible to have views in the
|
||||
* stack that do not have `view.element` yet.
|
||||
*/
|
||||
const element = view.element;
|
||||
if (element) {
|
||||
if (i > activeViewIndex) {
|
||||
// this view comes after the active view
|
||||
// let's unload it
|
||||
Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["l"])(element, _index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["d"]);
|
||||
this.destroyView(view);
|
||||
}
|
||||
else if (i < activeViewIndex) {
|
||||
// this view comes before the active view
|
||||
// and it is not a portal then ensure it is hidden
|
||||
Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_3__["s"])(element, true);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
canStart() {
|
||||
return (!!this.swipeGesture &&
|
||||
!this.isTransitioning &&
|
||||
this.transInstr.length === 0 &&
|
||||
this.animationEnabled &&
|
||||
this.canGoBackSync());
|
||||
}
|
||||
onStart() {
|
||||
this.queueTrns({
|
||||
removeStart: -1,
|
||||
removeCount: 1,
|
||||
opts: {
|
||||
direction: 'back',
|
||||
progressAnimation: true
|
||||
}
|
||||
}, undefined);
|
||||
}
|
||||
onMove(stepValue) {
|
||||
if (this.sbAni) {
|
||||
this.sbAni.progressStep(stepValue);
|
||||
}
|
||||
}
|
||||
onEnd(shouldComplete, stepValue, dur) {
|
||||
if (this.sbAni) {
|
||||
this.animationEnabled = false;
|
||||
this.sbAni.onFinish(() => {
|
||||
this.animationEnabled = true;
|
||||
}, { oneTimeCallback: true });
|
||||
// Account for rounding errors in JS
|
||||
let newStepValue = (shouldComplete) ? -0.001 : 0.001;
|
||||
/**
|
||||
* Animation will be reversed here, so need to
|
||||
* reverse the easing curve as well
|
||||
*
|
||||
* Additionally, we need to account for the time relative
|
||||
* to the new easing curve, as `stepValue` is going to be given
|
||||
* in terms of a linear curve.
|
||||
*/
|
||||
if (!shouldComplete) {
|
||||
this.sbAni.easing('cubic-bezier(1, 0, 0.68, 0.28)');
|
||||
newStepValue += Object(_cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_4__["g"])([0, 0], [1, 0], [0.68, 0.28], [1, 1], stepValue)[0];
|
||||
}
|
||||
else {
|
||||
newStepValue += Object(_cubic_bezier_eea9a7a9_js__WEBPACK_IMPORTED_MODULE_4__["g"])([0, 0], [0.32, 0.72], [0, 1], [1, 1], stepValue)[0];
|
||||
}
|
||||
this.sbAni.progressEnd(shouldComplete ? 1 : 0, newStepValue, dur);
|
||||
}
|
||||
}
|
||||
render() {
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"swipeGesture": ["swipeGestureChanged"],
|
||||
"root": ["rootChanged"]
|
||||
}; }
|
||||
};
|
||||
Nav.style = navCss;
|
||||
|
||||
const navLink = (el, routerDirection, component, componentProps, routerAnimation) => {
|
||||
const nav = el.closest('ion-nav');
|
||||
if (nav) {
|
||||
if (routerDirection === 'forward') {
|
||||
if (component !== undefined) {
|
||||
return nav.push(component, componentProps, { skipIfBusy: true, animationBuilder: routerAnimation });
|
||||
}
|
||||
}
|
||||
else if (routerDirection === 'root') {
|
||||
if (component !== undefined) {
|
||||
return nav.setRoot(component, componentProps, { skipIfBusy: true, animationBuilder: routerAnimation });
|
||||
}
|
||||
}
|
||||
else if (routerDirection === 'back') {
|
||||
return nav.pop({ skipIfBusy: true, animationBuilder: routerAnimation });
|
||||
}
|
||||
}
|
||||
return Promise.resolve(false);
|
||||
};
|
||||
|
||||
const NavLink = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
/**
|
||||
* The transition direction when navigating to another page.
|
||||
*/
|
||||
this.routerDirection = 'forward';
|
||||
this.onClick = () => {
|
||||
return navLink(this.el, this.routerDirection, this.component, this.componentProps, this.routerAnimation);
|
||||
};
|
||||
}
|
||||
render() {
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { onClick: this.onClick }));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=21-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -1,388 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[22],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-popover.entry.js":
|
||||
/*!****************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-popover.entry.js ***!
|
||||
\****************************************************************/
|
||||
/*! exports provided: ion_popover */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_popover", function() { return Popover; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers-90f46169.js */ "./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */ var _animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./animation-54fe0237.js */ "./node_modules/@ionic/core/dist/esm/animation-54fe0237.js");
|
||||
/* harmony import */ var _index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./index-d8cfb4a8.js */ "./node_modules/@ionic/core/dist/esm/index-d8cfb4a8.js");
|
||||
/* harmony import */ var _hardware_back_button_4a6b37fb_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hardware-back-button-4a6b37fb.js */ "./node_modules/@ionic/core/dist/esm/hardware-back-button-4a6b37fb.js");
|
||||
/* harmony import */ var _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./overlays-12c20431.js */ "./node_modules/@ionic/core/dist/esm/overlays-12c20431.js");
|
||||
/* harmony import */ var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./theme-ff3fc52f.js */ "./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
/* harmony import */ var _framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./framework-delegate-4584ab5a.js */ "./node_modules/@ionic/core/dist/esm/framework-delegate-4584ab5a.js");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* iOS Popover Enter Animation
|
||||
*/
|
||||
const iosEnterAnimation = (baseEl, ev) => {
|
||||
let originY = 'top';
|
||||
let originX = 'left';
|
||||
const contentEl = baseEl.querySelector('.popover-content');
|
||||
const contentDimentions = contentEl.getBoundingClientRect();
|
||||
const contentWidth = contentDimentions.width;
|
||||
const contentHeight = contentDimentions.height;
|
||||
const bodyWidth = baseEl.ownerDocument.defaultView.innerWidth;
|
||||
const bodyHeight = baseEl.ownerDocument.defaultView.innerHeight;
|
||||
// If ev was passed, use that for target element
|
||||
const targetDim = ev && ev.target && ev.target.getBoundingClientRect();
|
||||
const targetTop = targetDim != null && 'top' in targetDim ? targetDim.top : bodyHeight / 2 - contentHeight / 2;
|
||||
const targetLeft = targetDim != null && 'left' in targetDim ? targetDim.left : bodyWidth / 2;
|
||||
const targetWidth = (targetDim && targetDim.width) || 0;
|
||||
const targetHeight = (targetDim && targetDim.height) || 0;
|
||||
const arrowEl = baseEl.querySelector('.popover-arrow');
|
||||
const arrowDim = arrowEl.getBoundingClientRect();
|
||||
const arrowWidth = arrowDim.width;
|
||||
const arrowHeight = arrowDim.height;
|
||||
if (targetDim == null) {
|
||||
arrowEl.style.display = 'none';
|
||||
}
|
||||
const arrowCSS = {
|
||||
top: targetTop + targetHeight,
|
||||
left: targetLeft + targetWidth / 2 - arrowWidth / 2
|
||||
};
|
||||
const popoverCSS = {
|
||||
top: targetTop + targetHeight + (arrowHeight - 1),
|
||||
left: targetLeft + targetWidth / 2 - contentWidth / 2
|
||||
};
|
||||
// If the popover left is less than the padding it is off screen
|
||||
// to the left so adjust it, else if the width of the popover
|
||||
// exceeds the body width it is off screen to the right so adjust
|
||||
//
|
||||
let checkSafeAreaLeft = false;
|
||||
let checkSafeAreaRight = false;
|
||||
// If the popover left is less than the padding it is off screen
|
||||
// to the left so adjust it, else if the width of the popover
|
||||
// exceeds the body width it is off screen to the right so adjust
|
||||
// 25 is a random/arbitrary number. It seems to work fine for ios11
|
||||
// and iPhoneX. Is it perfect? No. Does it work? Yes.
|
||||
if (popoverCSS.left < POPOVER_IOS_BODY_PADDING + 25) {
|
||||
checkSafeAreaLeft = true;
|
||||
popoverCSS.left = POPOVER_IOS_BODY_PADDING;
|
||||
}
|
||||
else if (contentWidth + POPOVER_IOS_BODY_PADDING + popoverCSS.left + 25 > bodyWidth) {
|
||||
// Ok, so we're on the right side of the screen,
|
||||
// but now we need to make sure we're still a bit further right
|
||||
// cus....notchurally... Again, 25 is random. It works tho
|
||||
checkSafeAreaRight = true;
|
||||
popoverCSS.left = bodyWidth - contentWidth - POPOVER_IOS_BODY_PADDING;
|
||||
originX = 'right';
|
||||
}
|
||||
// make it pop up if there's room above
|
||||
if (targetTop + targetHeight + contentHeight > bodyHeight && targetTop - contentHeight > 0) {
|
||||
arrowCSS.top = targetTop - (arrowHeight + 1);
|
||||
popoverCSS.top = targetTop - contentHeight - (arrowHeight - 1);
|
||||
baseEl.className = baseEl.className + ' popover-bottom';
|
||||
originY = 'bottom';
|
||||
// If there isn't room for it to pop up above the target cut it off
|
||||
}
|
||||
else if (targetTop + targetHeight + contentHeight > bodyHeight) {
|
||||
contentEl.style.bottom = POPOVER_IOS_BODY_PADDING + '%';
|
||||
}
|
||||
arrowEl.style.top = arrowCSS.top + 'px';
|
||||
arrowEl.style.left = arrowCSS.left + 'px';
|
||||
contentEl.style.top = popoverCSS.top + 'px';
|
||||
contentEl.style.left = popoverCSS.left + 'px';
|
||||
if (checkSafeAreaLeft) {
|
||||
contentEl.style.left = `calc(${popoverCSS.left}px + var(--ion-safe-area-left, 0px))`;
|
||||
}
|
||||
if (checkSafeAreaRight) {
|
||||
contentEl.style.left = `calc(${popoverCSS.left}px - var(--ion-safe-area-right, 0px))`;
|
||||
}
|
||||
contentEl.style.transformOrigin = originY + ' ' + originX;
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 0.01, 'var(--backdrop-opacity)')
|
||||
.beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
})
|
||||
.afterClearStyles(['pointer-events']);
|
||||
wrapperAnimation
|
||||
.addElement(baseEl.querySelector('.popover-wrapper'))
|
||||
.fromTo('opacity', 0.01, 1);
|
||||
return baseAnimation
|
||||
.addElement(baseEl)
|
||||
.easing('ease')
|
||||
.duration(100)
|
||||
.addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
const POPOVER_IOS_BODY_PADDING = 5;
|
||||
|
||||
/**
|
||||
* iOS Popover Leave Animation
|
||||
*/
|
||||
const iosLeaveAnimation = (baseEl) => {
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 'var(--backdrop-opacity)', 0);
|
||||
wrapperAnimation
|
||||
.addElement(baseEl.querySelector('.popover-wrapper'))
|
||||
.fromTo('opacity', 0.99, 0);
|
||||
return baseAnimation
|
||||
.addElement(baseEl)
|
||||
.easing('ease')
|
||||
.duration(500)
|
||||
.addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
/**
|
||||
* Md Popover Enter Animation
|
||||
*/
|
||||
const mdEnterAnimation = (baseEl, ev) => {
|
||||
const POPOVER_MD_BODY_PADDING = 12;
|
||||
const doc = baseEl.ownerDocument;
|
||||
const isRTL = doc.dir === 'rtl';
|
||||
let originY = 'top';
|
||||
let originX = isRTL ? 'right' : 'left';
|
||||
const contentEl = baseEl.querySelector('.popover-content');
|
||||
const contentDimentions = contentEl.getBoundingClientRect();
|
||||
const contentWidth = contentDimentions.width;
|
||||
const contentHeight = contentDimentions.height;
|
||||
const bodyWidth = doc.defaultView.innerWidth;
|
||||
const bodyHeight = doc.defaultView.innerHeight;
|
||||
// If ev was passed, use that for target element
|
||||
const targetDim = ev && ev.target && ev.target.getBoundingClientRect();
|
||||
// As per MD spec, by default position the popover below the target (trigger) element
|
||||
const targetTop = targetDim != null && 'bottom' in targetDim
|
||||
? targetDim.bottom
|
||||
: bodyHeight / 2 - contentHeight / 2;
|
||||
const targetLeft = targetDim != null && 'left' in targetDim
|
||||
? isRTL
|
||||
? targetDim.left - contentWidth + targetDim.width
|
||||
: targetDim.left
|
||||
: bodyWidth / 2 - contentWidth / 2;
|
||||
const targetHeight = (targetDim && targetDim.height) || 0;
|
||||
const popoverCSS = {
|
||||
top: targetTop,
|
||||
left: targetLeft
|
||||
};
|
||||
// If the popover left is less than the padding it is off screen
|
||||
// to the left so adjust it, else if the width of the popover
|
||||
// exceeds the body width it is off screen to the right so adjust
|
||||
if (popoverCSS.left < POPOVER_MD_BODY_PADDING) {
|
||||
popoverCSS.left = POPOVER_MD_BODY_PADDING;
|
||||
// Same origin in this case for both LTR & RTL
|
||||
// Note: in LTR, originX is already 'left'
|
||||
originX = 'left';
|
||||
}
|
||||
else if (contentWidth + POPOVER_MD_BODY_PADDING + popoverCSS.left >
|
||||
bodyWidth) {
|
||||
popoverCSS.left = bodyWidth - contentWidth - POPOVER_MD_BODY_PADDING;
|
||||
// Same origin in this case for both LTR & RTL
|
||||
// Note: in RTL, originX is already 'right'
|
||||
originX = 'right';
|
||||
}
|
||||
// If the popover when popped down stretches past bottom of screen,
|
||||
// make it pop up if there's room above
|
||||
if (targetTop + targetHeight + contentHeight > bodyHeight &&
|
||||
targetTop - contentHeight > 0) {
|
||||
popoverCSS.top = targetTop - contentHeight - targetHeight;
|
||||
baseEl.className = baseEl.className + ' popover-bottom';
|
||||
originY = 'bottom';
|
||||
// If there isn't room for it to pop up above the target cut it off
|
||||
}
|
||||
else if (targetTop + targetHeight + contentHeight > bodyHeight) {
|
||||
contentEl.style.bottom = POPOVER_MD_BODY_PADDING + 'px';
|
||||
}
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const contentAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const viewportAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 0.01, 'var(--backdrop-opacity)')
|
||||
.beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
})
|
||||
.afterClearStyles(['pointer-events']);
|
||||
wrapperAnimation
|
||||
.addElement(baseEl.querySelector('.popover-wrapper'))
|
||||
.fromTo('opacity', 0.01, 1);
|
||||
contentAnimation
|
||||
.addElement(contentEl)
|
||||
.beforeStyles({
|
||||
'top': `${popoverCSS.top}px`,
|
||||
'left': `${popoverCSS.left}px`,
|
||||
'transform-origin': `${originY} ${originX}`
|
||||
})
|
||||
.fromTo('transform', 'scale(0.001)', 'scale(1)');
|
||||
viewportAnimation
|
||||
.addElement(baseEl.querySelector('.popover-viewport'))
|
||||
.fromTo('opacity', 0.01, 1);
|
||||
return baseAnimation
|
||||
.addElement(baseEl)
|
||||
.easing('cubic-bezier(0.36,0.66,0.04,1)')
|
||||
.duration(300)
|
||||
.addAnimation([backdropAnimation, wrapperAnimation, contentAnimation, viewportAnimation]);
|
||||
};
|
||||
|
||||
/**
|
||||
* Md Popover Leave Animation
|
||||
*/
|
||||
const mdLeaveAnimation = (baseEl) => {
|
||||
const baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
const wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation
|
||||
.addElement(baseEl.querySelector('ion-backdrop'))
|
||||
.fromTo('opacity', 'var(--backdrop-opacity)', 0);
|
||||
wrapperAnimation
|
||||
.addElement(baseEl.querySelector('.popover-wrapper'))
|
||||
.fromTo('opacity', 0.99, 0);
|
||||
return baseAnimation
|
||||
.addElement(baseEl)
|
||||
.easing('ease')
|
||||
.duration(500)
|
||||
.addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
const popoverIosCss = ".sc-ion-popover-ios-h{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}.overlay-hidden.sc-ion-popover-ios-h{display:none}.popover-wrapper.sc-ion-popover-ios{opacity:0;z-index:10}.popover-content.sc-ion-popover-ios{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport.sc-ion-popover-ios{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px}.sc-ion-popover-ios-h{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}.popover-content.sc-ion-popover-ios{border-radius:10px}.popover-arrow.sc-ion-popover-ios{display:block;position:absolute;width:20px;height:10px;overflow:hidden}.popover-arrow.sc-ion-popover-ios::after{left:3px;top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:\"\";z-index:10}[dir=rtl].sc-ion-popover-ios .popover-arrow.sc-ion-popover-ios::after,[dir=rtl].sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after,[dir=rtl] .sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{left:unset;right:unset;right:3px}.popover-bottom.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios{top:auto;bottom:-10px}.popover-bottom.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{top:-6px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.popover-translucent.sc-ion-popover-ios-h .popover-content.sc-ion-popover-ios,.popover-translucent.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}";
|
||||
|
||||
const popoverMdCss = ".sc-ion-popover-md-h{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}.overlay-hidden.sc-ion-popover-md-h{display:none}.popover-wrapper.sc-ion-popover-md{opacity:0;z-index:10}.popover-content.sc-ion-popover-md{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport.sc-ion-popover-md{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px}.sc-ion-popover-md-h{--width:250px;--max-height:90%;--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content.sc-ion-popover-md{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}[dir=rtl].sc-ion-popover-md .popover-content.sc-ion-popover-md,[dir=rtl].sc-ion-popover-md-h .popover-content.sc-ion-popover-md,[dir=rtl] .sc-ion-popover-md-h .popover-content.sc-ion-popover-md{-webkit-transform-origin:right top;transform-origin:right top}.popover-viewport.sc-ion-popover-md{-webkit-transition-delay:100ms;transition-delay:100ms}";
|
||||
|
||||
const Popover = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.didPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionPopoverDidPresent", 7);
|
||||
this.willPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionPopoverWillPresent", 7);
|
||||
this.willDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionPopoverWillDismiss", 7);
|
||||
this.didDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionPopoverDidDismiss", 7);
|
||||
this.presented = false;
|
||||
/**
|
||||
* If `true`, the keyboard will be automatically dismissed when the overlay is presented.
|
||||
*/
|
||||
this.keyboardClose = true;
|
||||
/**
|
||||
* If `true`, the popover will be dismissed when the backdrop is clicked.
|
||||
*/
|
||||
this.backdropDismiss = true;
|
||||
/**
|
||||
* If `true`, a backdrop will be displayed behind the popover.
|
||||
*/
|
||||
this.showBackdrop = true;
|
||||
/**
|
||||
* If `true`, the popover will be translucent.
|
||||
* Only applies when the mode is `"ios"` and the device supports
|
||||
* [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
|
||||
*/
|
||||
this.translucent = false;
|
||||
/**
|
||||
* If `true`, the popover will animate.
|
||||
*/
|
||||
this.animated = true;
|
||||
this.onDismiss = (ev) => {
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
this.dismiss();
|
||||
};
|
||||
this.onBackdropTap = () => {
|
||||
this.dismiss(undefined, _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["B"]);
|
||||
};
|
||||
this.onLifecycle = (modalEvent) => {
|
||||
const el = this.usersElement;
|
||||
const name = LIFECYCLE_MAP[modalEvent.type];
|
||||
if (el && name) {
|
||||
const event = new CustomEvent(name, {
|
||||
bubbles: false,
|
||||
cancelable: false,
|
||||
detail: modalEvent.detail
|
||||
});
|
||||
el.dispatchEvent(event);
|
||||
}
|
||||
};
|
||||
}
|
||||
connectedCallback() {
|
||||
Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["e"])(this.el);
|
||||
}
|
||||
/**
|
||||
* Present the popover overlay after it has been created.
|
||||
*/
|
||||
async present() {
|
||||
if (this.presented) {
|
||||
return;
|
||||
}
|
||||
const container = this.el.querySelector('.popover-content');
|
||||
if (!container) {
|
||||
throw new Error('container is undefined');
|
||||
}
|
||||
const data = Object.assign(Object.assign({}, this.componentProps), { popover: this.el });
|
||||
this.usersElement = await Object(_framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_8__["a"])(this.delegate, container, this.component, ['popover-viewport', this.el['s-sc']], data);
|
||||
await Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_4__["e"])(this.usersElement);
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["d"])(this, 'popoverEnter', iosEnterAnimation, mdEnterAnimation, this.event);
|
||||
}
|
||||
/**
|
||||
* Dismiss the popover overlay after it has been presented.
|
||||
*
|
||||
* @param data Any data to emit in the dismiss events.
|
||||
* @param role The role of the element that is dismissing the popover. For example, 'cancel' or 'backdrop'.
|
||||
*/
|
||||
async dismiss(data, role) {
|
||||
const shouldDismiss = await Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["f"])(this, data, role, 'popoverLeave', iosLeaveAnimation, mdLeaveAnimation, this.event);
|
||||
if (shouldDismiss) {
|
||||
await Object(_framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_8__["d"])(this.delegate, this.usersElement);
|
||||
}
|
||||
return shouldDismiss;
|
||||
}
|
||||
/**
|
||||
* Returns a promise that resolves when the popover did dismiss.
|
||||
*/
|
||||
onDidDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["g"])(this.el, 'ionPopoverDidDismiss');
|
||||
}
|
||||
/**
|
||||
* Returns a promise that resolves when the popover will dismiss.
|
||||
*/
|
||||
onWillDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["g"])(this.el, 'ionPopoverWillDismiss');
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const { onLifecycle } = this;
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { "aria-modal": "true", "no-router": true, tabindex: "-1", style: {
|
||||
zIndex: `${20000 + this.overlayIndex}`,
|
||||
}, class: Object.assign(Object.assign({}, Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_7__["g"])(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonDismiss: this.onDismiss, onIonBackdropTap: this.onBackdropTap }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-backdrop", { tappable: this.backdropDismiss, visible: this.showBackdrop }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { tabindex: "0" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "popover-wrapper ion-overlay-wrapper" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "popover-arrow" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "popover-content" })), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { tabindex: "0" })));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
const LIFECYCLE_MAP = {
|
||||
'ionPopoverDidPresent': 'ionViewDidEnter',
|
||||
'ionPopoverWillPresent': 'ionViewWillEnter',
|
||||
'ionPopoverWillDismiss': 'ionViewWillLeave',
|
||||
'ionPopoverDidDismiss': 'ionViewDidLeave',
|
||||
};
|
||||
Popover.style = {
|
||||
ios: popoverIosCss,
|
||||
md: popoverMdCss
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=22-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,534 +0,0 @@
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
||||
|
||||
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[22], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-popover.entry.js":
|
||||
/*!****************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-popover.entry.js ***!
|
||||
\****************************************************************/
|
||||
|
||||
/*! exports provided: ion_popover */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonPopoverEntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_popover", function () {
|
||||
return Popover;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
|
||||
/*! ./helpers-90f46169.js */
|
||||
"./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
|
||||
/*! ./animation-54fe0237.js */
|
||||
"./node_modules/@ionic/core/dist/esm/animation-54fe0237.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
|
||||
/*! ./index-d8cfb4a8.js */
|
||||
"./node_modules/@ionic/core/dist/esm/index-d8cfb4a8.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _hardware_back_button_4a6b37fb_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
|
||||
/*! ./hardware-back-button-4a6b37fb.js */
|
||||
"./node_modules/@ionic/core/dist/esm/hardware-back-button-4a6b37fb.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
|
||||
/*! ./overlays-12c20431.js */
|
||||
"./node_modules/@ionic/core/dist/esm/overlays-12c20431.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
|
||||
/*! ./theme-ff3fc52f.js */
|
||||
"./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
|
||||
/*! ./framework-delegate-4584ab5a.js */
|
||||
"./node_modules/@ionic/core/dist/esm/framework-delegate-4584ab5a.js");
|
||||
/**
|
||||
* iOS Popover Enter Animation
|
||||
*/
|
||||
|
||||
|
||||
var iosEnterAnimation = function iosEnterAnimation(baseEl, ev) {
|
||||
var originY = 'top';
|
||||
var originX = 'left';
|
||||
var contentEl = baseEl.querySelector('.popover-content');
|
||||
var contentDimentions = contentEl.getBoundingClientRect();
|
||||
var contentWidth = contentDimentions.width;
|
||||
var contentHeight = contentDimentions.height;
|
||||
var bodyWidth = baseEl.ownerDocument.defaultView.innerWidth;
|
||||
var bodyHeight = baseEl.ownerDocument.defaultView.innerHeight; // If ev was passed, use that for target element
|
||||
|
||||
var targetDim = ev && ev.target && ev.target.getBoundingClientRect();
|
||||
var targetTop = targetDim != null && 'top' in targetDim ? targetDim.top : bodyHeight / 2 - contentHeight / 2;
|
||||
var targetLeft = targetDim != null && 'left' in targetDim ? targetDim.left : bodyWidth / 2;
|
||||
var targetWidth = targetDim && targetDim.width || 0;
|
||||
var targetHeight = targetDim && targetDim.height || 0;
|
||||
var arrowEl = baseEl.querySelector('.popover-arrow');
|
||||
var arrowDim = arrowEl.getBoundingClientRect();
|
||||
var arrowWidth = arrowDim.width;
|
||||
var arrowHeight = arrowDim.height;
|
||||
|
||||
if (targetDim == null) {
|
||||
arrowEl.style.display = 'none';
|
||||
}
|
||||
|
||||
var arrowCSS = {
|
||||
top: targetTop + targetHeight,
|
||||
left: targetLeft + targetWidth / 2 - arrowWidth / 2
|
||||
};
|
||||
var popoverCSS = {
|
||||
top: targetTop + targetHeight + (arrowHeight - 1),
|
||||
left: targetLeft + targetWidth / 2 - contentWidth / 2
|
||||
}; // If the popover left is less than the padding it is off screen
|
||||
// to the left so adjust it, else if the width of the popover
|
||||
// exceeds the body width it is off screen to the right so adjust
|
||||
//
|
||||
|
||||
var checkSafeAreaLeft = false;
|
||||
var checkSafeAreaRight = false; // If the popover left is less than the padding it is off screen
|
||||
// to the left so adjust it, else if the width of the popover
|
||||
// exceeds the body width it is off screen to the right so adjust
|
||||
// 25 is a random/arbitrary number. It seems to work fine for ios11
|
||||
// and iPhoneX. Is it perfect? No. Does it work? Yes.
|
||||
|
||||
if (popoverCSS.left < POPOVER_IOS_BODY_PADDING + 25) {
|
||||
checkSafeAreaLeft = true;
|
||||
popoverCSS.left = POPOVER_IOS_BODY_PADDING;
|
||||
} else if (contentWidth + POPOVER_IOS_BODY_PADDING + popoverCSS.left + 25 > bodyWidth) {
|
||||
// Ok, so we're on the right side of the screen,
|
||||
// but now we need to make sure we're still a bit further right
|
||||
// cus....notchurally... Again, 25 is random. It works tho
|
||||
checkSafeAreaRight = true;
|
||||
popoverCSS.left = bodyWidth - contentWidth - POPOVER_IOS_BODY_PADDING;
|
||||
originX = 'right';
|
||||
} // make it pop up if there's room above
|
||||
|
||||
|
||||
if (targetTop + targetHeight + contentHeight > bodyHeight && targetTop - contentHeight > 0) {
|
||||
arrowCSS.top = targetTop - (arrowHeight + 1);
|
||||
popoverCSS.top = targetTop - contentHeight - (arrowHeight - 1);
|
||||
baseEl.className = baseEl.className + ' popover-bottom';
|
||||
originY = 'bottom'; // If there isn't room for it to pop up above the target cut it off
|
||||
} else if (targetTop + targetHeight + contentHeight > bodyHeight) {
|
||||
contentEl.style.bottom = POPOVER_IOS_BODY_PADDING + '%';
|
||||
}
|
||||
|
||||
arrowEl.style.top = arrowCSS.top + 'px';
|
||||
arrowEl.style.left = arrowCSS.left + 'px';
|
||||
contentEl.style.top = popoverCSS.top + 'px';
|
||||
contentEl.style.left = popoverCSS.left + 'px';
|
||||
|
||||
if (checkSafeAreaLeft) {
|
||||
contentEl.style.left = "calc(".concat(popoverCSS.left, "px + var(--ion-safe-area-left, 0px))");
|
||||
}
|
||||
|
||||
if (checkSafeAreaRight) {
|
||||
contentEl.style.left = "calc(".concat(popoverCSS.left, "px - var(--ion-safe-area-right, 0px))");
|
||||
}
|
||||
|
||||
contentEl.style.transformOrigin = originY + ' ' + originX;
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 0.01, 'var(--backdrop-opacity)').beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
}).afterClearStyles(['pointer-events']);
|
||||
wrapperAnimation.addElement(baseEl.querySelector('.popover-wrapper')).fromTo('opacity', 0.01, 1);
|
||||
return baseAnimation.addElement(baseEl).easing('ease').duration(100).addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
var POPOVER_IOS_BODY_PADDING = 5;
|
||||
/**
|
||||
* iOS Popover Leave Animation
|
||||
*/
|
||||
|
||||
var iosLeaveAnimation = function iosLeaveAnimation(baseEl) {
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 'var(--backdrop-opacity)', 0);
|
||||
wrapperAnimation.addElement(baseEl.querySelector('.popover-wrapper')).fromTo('opacity', 0.99, 0);
|
||||
return baseAnimation.addElement(baseEl).easing('ease').duration(500).addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
/**
|
||||
* Md Popover Enter Animation
|
||||
*/
|
||||
|
||||
|
||||
var mdEnterAnimation = function mdEnterAnimation(baseEl, ev) {
|
||||
var POPOVER_MD_BODY_PADDING = 12;
|
||||
var doc = baseEl.ownerDocument;
|
||||
var isRTL = doc.dir === 'rtl';
|
||||
var originY = 'top';
|
||||
var originX = isRTL ? 'right' : 'left';
|
||||
var contentEl = baseEl.querySelector('.popover-content');
|
||||
var contentDimentions = contentEl.getBoundingClientRect();
|
||||
var contentWidth = contentDimentions.width;
|
||||
var contentHeight = contentDimentions.height;
|
||||
var bodyWidth = doc.defaultView.innerWidth;
|
||||
var bodyHeight = doc.defaultView.innerHeight; // If ev was passed, use that for target element
|
||||
|
||||
var targetDim = ev && ev.target && ev.target.getBoundingClientRect(); // As per MD spec, by default position the popover below the target (trigger) element
|
||||
|
||||
var targetTop = targetDim != null && 'bottom' in targetDim ? targetDim.bottom : bodyHeight / 2 - contentHeight / 2;
|
||||
var targetLeft = targetDim != null && 'left' in targetDim ? isRTL ? targetDim.left - contentWidth + targetDim.width : targetDim.left : bodyWidth / 2 - contentWidth / 2;
|
||||
var targetHeight = targetDim && targetDim.height || 0;
|
||||
var popoverCSS = {
|
||||
top: targetTop,
|
||||
left: targetLeft
|
||||
}; // If the popover left is less than the padding it is off screen
|
||||
// to the left so adjust it, else if the width of the popover
|
||||
// exceeds the body width it is off screen to the right so adjust
|
||||
|
||||
if (popoverCSS.left < POPOVER_MD_BODY_PADDING) {
|
||||
popoverCSS.left = POPOVER_MD_BODY_PADDING; // Same origin in this case for both LTR & RTL
|
||||
// Note: in LTR, originX is already 'left'
|
||||
|
||||
originX = 'left';
|
||||
} else if (contentWidth + POPOVER_MD_BODY_PADDING + popoverCSS.left > bodyWidth) {
|
||||
popoverCSS.left = bodyWidth - contentWidth - POPOVER_MD_BODY_PADDING; // Same origin in this case for both LTR & RTL
|
||||
// Note: in RTL, originX is already 'right'
|
||||
|
||||
originX = 'right';
|
||||
} // If the popover when popped down stretches past bottom of screen,
|
||||
// make it pop up if there's room above
|
||||
|
||||
|
||||
if (targetTop + targetHeight + contentHeight > bodyHeight && targetTop - contentHeight > 0) {
|
||||
popoverCSS.top = targetTop - contentHeight - targetHeight;
|
||||
baseEl.className = baseEl.className + ' popover-bottom';
|
||||
originY = 'bottom'; // If there isn't room for it to pop up above the target cut it off
|
||||
} else if (targetTop + targetHeight + contentHeight > bodyHeight) {
|
||||
contentEl.style.bottom = POPOVER_MD_BODY_PADDING + 'px';
|
||||
}
|
||||
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var contentAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var viewportAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 0.01, 'var(--backdrop-opacity)').beforeStyles({
|
||||
'pointer-events': 'none'
|
||||
}).afterClearStyles(['pointer-events']);
|
||||
wrapperAnimation.addElement(baseEl.querySelector('.popover-wrapper')).fromTo('opacity', 0.01, 1);
|
||||
contentAnimation.addElement(contentEl).beforeStyles({
|
||||
'top': "".concat(popoverCSS.top, "px"),
|
||||
'left': "".concat(popoverCSS.left, "px"),
|
||||
'transform-origin': "".concat(originY, " ").concat(originX)
|
||||
}).fromTo('transform', 'scale(0.001)', 'scale(1)');
|
||||
viewportAnimation.addElement(baseEl.querySelector('.popover-viewport')).fromTo('opacity', 0.01, 1);
|
||||
return baseAnimation.addElement(baseEl).easing('cubic-bezier(0.36,0.66,0.04,1)').duration(300).addAnimation([backdropAnimation, wrapperAnimation, contentAnimation, viewportAnimation]);
|
||||
};
|
||||
/**
|
||||
* Md Popover Leave Animation
|
||||
*/
|
||||
|
||||
|
||||
var mdLeaveAnimation = function mdLeaveAnimation(baseEl) {
|
||||
var baseAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var backdropAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
var wrapperAnimation = Object(_animation_54fe0237_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
||||
backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 'var(--backdrop-opacity)', 0);
|
||||
wrapperAnimation.addElement(baseEl.querySelector('.popover-wrapper')).fromTo('opacity', 0.99, 0);
|
||||
return baseAnimation.addElement(baseEl).easing('ease').duration(500).addAnimation([backdropAnimation, wrapperAnimation]);
|
||||
};
|
||||
|
||||
var popoverIosCss = ".sc-ion-popover-ios-h{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}.overlay-hidden.sc-ion-popover-ios-h{display:none}.popover-wrapper.sc-ion-popover-ios{opacity:0;z-index:10}.popover-content.sc-ion-popover-ios{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport.sc-ion-popover-ios{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px}.sc-ion-popover-ios-h{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}.popover-content.sc-ion-popover-ios{border-radius:10px}.popover-arrow.sc-ion-popover-ios{display:block;position:absolute;width:20px;height:10px;overflow:hidden}.popover-arrow.sc-ion-popover-ios::after{left:3px;top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:\"\";z-index:10}[dir=rtl].sc-ion-popover-ios .popover-arrow.sc-ion-popover-ios::after,[dir=rtl].sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after,[dir=rtl] .sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{left:unset;right:unset;right:3px}.popover-bottom.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios{top:auto;bottom:-10px}.popover-bottom.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{top:-6px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.popover-translucent.sc-ion-popover-ios-h .popover-content.sc-ion-popover-ios,.popover-translucent.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}";
|
||||
var popoverMdCss = ".sc-ion-popover-md-h{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}.overlay-hidden.sc-ion-popover-md-h{display:none}.popover-wrapper.sc-ion-popover-md{opacity:0;z-index:10}.popover-content.sc-ion-popover-md{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport.sc-ion-popover-md{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px}.sc-ion-popover-md-h{--width:250px;--max-height:90%;--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content.sc-ion-popover-md{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}[dir=rtl].sc-ion-popover-md .popover-content.sc-ion-popover-md,[dir=rtl].sc-ion-popover-md-h .popover-content.sc-ion-popover-md,[dir=rtl] .sc-ion-popover-md-h .popover-content.sc-ion-popover-md{-webkit-transform-origin:right top;transform-origin:right top}.popover-viewport.sc-ion-popover-md{-webkit-transition-delay:100ms;transition-delay:100ms}";
|
||||
|
||||
var Popover = /*#__PURE__*/function () {
|
||||
function Popover(hostRef) {
|
||||
var _this = this;
|
||||
|
||||
_classCallCheck(this, Popover);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.didPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionPopoverDidPresent", 7);
|
||||
this.willPresent = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionPopoverWillPresent", 7);
|
||||
this.willDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionPopoverWillDismiss", 7);
|
||||
this.didDismiss = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionPopoverDidDismiss", 7);
|
||||
this.presented = false;
|
||||
/**
|
||||
* If `true`, the keyboard will be automatically dismissed when the overlay is presented.
|
||||
*/
|
||||
|
||||
this.keyboardClose = true;
|
||||
/**
|
||||
* If `true`, the popover will be dismissed when the backdrop is clicked.
|
||||
*/
|
||||
|
||||
this.backdropDismiss = true;
|
||||
/**
|
||||
* If `true`, a backdrop will be displayed behind the popover.
|
||||
*/
|
||||
|
||||
this.showBackdrop = true;
|
||||
/**
|
||||
* If `true`, the popover will be translucent.
|
||||
* Only applies when the mode is `"ios"` and the device supports
|
||||
* [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
|
||||
*/
|
||||
|
||||
this.translucent = false;
|
||||
/**
|
||||
* If `true`, the popover will animate.
|
||||
*/
|
||||
|
||||
this.animated = true;
|
||||
|
||||
this.onDismiss = function (ev) {
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
|
||||
_this.dismiss();
|
||||
};
|
||||
|
||||
this.onBackdropTap = function () {
|
||||
_this.dismiss(undefined, _overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["B"]);
|
||||
};
|
||||
|
||||
this.onLifecycle = function (modalEvent) {
|
||||
var el = _this.usersElement;
|
||||
var name = LIFECYCLE_MAP[modalEvent.type];
|
||||
|
||||
if (el && name) {
|
||||
var event = new CustomEvent(name, {
|
||||
bubbles: false,
|
||||
cancelable: false,
|
||||
detail: modalEvent.detail
|
||||
});
|
||||
el.dispatchEvent(event);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
_createClass(Popover, [{
|
||||
key: "connectedCallback",
|
||||
value: function connectedCallback() {
|
||||
Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["e"])(this.el);
|
||||
}
|
||||
/**
|
||||
* Present the popover overlay after it has been created.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "present",
|
||||
value: function () {
|
||||
var _present = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
||||
var container, data;
|
||||
return regeneratorRuntime.wrap(function _callee$(_context) {
|
||||
while (1) {
|
||||
switch (_context.prev = _context.next) {
|
||||
case 0:
|
||||
if (!this.presented) {
|
||||
_context.next = 2;
|
||||
break;
|
||||
}
|
||||
|
||||
return _context.abrupt("return");
|
||||
|
||||
case 2:
|
||||
container = this.el.querySelector('.popover-content');
|
||||
|
||||
if (container) {
|
||||
_context.next = 5;
|
||||
break;
|
||||
}
|
||||
|
||||
throw new Error('container is undefined');
|
||||
|
||||
case 5:
|
||||
data = Object.assign(Object.assign({}, this.componentProps), {
|
||||
popover: this.el
|
||||
});
|
||||
_context.next = 8;
|
||||
return Object(_framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_8__["a"])(this.delegate, container, this.component, ['popover-viewport', this.el['s-sc']], data);
|
||||
|
||||
case 8:
|
||||
this.usersElement = _context.sent;
|
||||
_context.next = 11;
|
||||
return Object(_index_d8cfb4a8_js__WEBPACK_IMPORTED_MODULE_4__["e"])(this.usersElement);
|
||||
|
||||
case 11:
|
||||
return _context.abrupt("return", Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["d"])(this, 'popoverEnter', iosEnterAnimation, mdEnterAnimation, this.event));
|
||||
|
||||
case 12:
|
||||
case "end":
|
||||
return _context.stop();
|
||||
}
|
||||
}
|
||||
}, _callee, this);
|
||||
}));
|
||||
|
||||
function present() {
|
||||
return _present.apply(this, arguments);
|
||||
}
|
||||
|
||||
return present;
|
||||
}()
|
||||
/**
|
||||
* Dismiss the popover overlay after it has been presented.
|
||||
*
|
||||
* @param data Any data to emit in the dismiss events.
|
||||
* @param role The role of the element that is dismissing the popover. For example, 'cancel' or 'backdrop'.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "dismiss",
|
||||
value: function () {
|
||||
var _dismiss = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(data, role) {
|
||||
var shouldDismiss;
|
||||
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
||||
while (1) {
|
||||
switch (_context2.prev = _context2.next) {
|
||||
case 0:
|
||||
_context2.next = 2;
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["f"])(this, data, role, 'popoverLeave', iosLeaveAnimation, mdLeaveAnimation, this.event);
|
||||
|
||||
case 2:
|
||||
shouldDismiss = _context2.sent;
|
||||
|
||||
if (!shouldDismiss) {
|
||||
_context2.next = 6;
|
||||
break;
|
||||
}
|
||||
|
||||
_context2.next = 6;
|
||||
return Object(_framework_delegate_4584ab5a_js__WEBPACK_IMPORTED_MODULE_8__["d"])(this.delegate, this.usersElement);
|
||||
|
||||
case 6:
|
||||
return _context2.abrupt("return", shouldDismiss);
|
||||
|
||||
case 7:
|
||||
case "end":
|
||||
return _context2.stop();
|
||||
}
|
||||
}
|
||||
}, _callee2, this);
|
||||
}));
|
||||
|
||||
function dismiss(_x, _x2) {
|
||||
return _dismiss.apply(this, arguments);
|
||||
}
|
||||
|
||||
return dismiss;
|
||||
}()
|
||||
/**
|
||||
* Returns a promise that resolves when the popover did dismiss.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "onDidDismiss",
|
||||
value: function onDidDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["g"])(this.el, 'ionPopoverDidDismiss');
|
||||
}
|
||||
/**
|
||||
* Returns a promise that resolves when the popover will dismiss.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "onWillDismiss",
|
||||
value: function onWillDismiss() {
|
||||
return Object(_overlays_12c20431_js__WEBPACK_IMPORTED_MODULE_6__["g"])(this.el, 'ionPopoverWillDismiss');
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _Object$assign;
|
||||
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
var onLifecycle = this.onLifecycle;
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"aria-modal": "true",
|
||||
"no-router": true,
|
||||
tabindex: "-1",
|
||||
style: {
|
||||
zIndex: "".concat(20000 + this.overlayIndex)
|
||||
},
|
||||
"class": Object.assign(Object.assign({}, Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_7__["g"])(this.cssClass)), (_Object$assign = {}, _defineProperty(_Object$assign, mode, true), _defineProperty(_Object$assign, 'popover-translucent', this.translucent), _Object$assign)),
|
||||
onIonPopoverDidPresent: onLifecycle,
|
||||
onIonPopoverWillPresent: onLifecycle,
|
||||
onIonPopoverWillDismiss: onLifecycle,
|
||||
onIonPopoverDidDismiss: onLifecycle,
|
||||
onIonDismiss: this.onDismiss,
|
||||
onIonBackdropTap: this.onBackdropTap
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-backdrop", {
|
||||
tappable: this.backdropDismiss,
|
||||
visible: this.showBackdrop
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
tabindex: "0"
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "popover-wrapper ion-overlay-wrapper"
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "popover-arrow"
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "popover-content"
|
||||
})), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
tabindex: "0"
|
||||
}));
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}]);
|
||||
|
||||
return Popover;
|
||||
}();
|
||||
|
||||
var LIFECYCLE_MAP = {
|
||||
'ionPopoverDidPresent': 'ionViewDidEnter',
|
||||
'ionPopoverWillPresent': 'ionViewWillEnter',
|
||||
'ionPopoverWillDismiss': 'ionViewWillLeave',
|
||||
'ionPopoverDidDismiss': 'ionViewDidLeave'
|
||||
};
|
||||
Popover.style = {
|
||||
ios: popoverIosCss,
|
||||
md: popoverMdCss
|
||||
};
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=22-es5.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,250 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[24],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-radio_2.entry.js":
|
||||
/*!****************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-radio_2.entry.js ***!
|
||||
\****************************************************************/
|
||||
/*! exports provided: ion_radio, ion_radio_group */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_radio", function() { return Radio; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_radio_group", function() { return RadioGroup; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers-90f46169.js */ "./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */ var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./theme-ff3fc52f.js */ "./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const radioIosCss = ":host{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.radio-disabled){pointer-events:none}.radio-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}.radio-icon,.radio-inner{-webkit-box-sizing:border-box;box-sizing:border-box}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host(:focus){outline:none}:host{--color-checked:var(--ion-color-primary, #3880ff);width:15px;height:24px}:host(.ion-color.radio-checked) .radio-inner{border-color:var(--ion-color-base)}.item-radio.item-ios ion-label{margin-left:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-radio.item-ios ion-label{margin-left:unset;-webkit-margin-start:0;margin-inline-start:0}}.radio-inner{width:33%;height:50%}:host(.radio-checked) .radio-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--color-checked)}:host(.radio-disabled){opacity:0.3}:host(.ion-focused) .radio-icon::after{border-radius:var(--inner-border-radius);left:-9px;top:-8px;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}:host-context([dir=rtl]):host(.ion-focused) .radio-icon::after,:host-context([dir=rtl]).ion-focused .radio-icon::after{left:unset;right:unset;right:-9px}:host(.in-item){margin-left:10px;margin-right:11px;margin-top:8px;margin-bottom:8px;display:block;position:static}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:11px;margin-inline-end:11px}}:host(.in-item[slot=start]){margin-left:3px;margin-right:21px;margin-top:8px;margin-bottom:8px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:21px;margin-inline-end:21px}}";
|
||||
|
||||
const radioMdCss = ":host{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.radio-disabled){pointer-events:none}.radio-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}.radio-icon,.radio-inner{-webkit-box-sizing:border-box;box-sizing:border-box}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host(:focus){outline:none}:host{--color:var(--ion-color-step-400, #999999);--color-checked:var(--ion-color-primary, #3880ff);--border-width:2px;--border-style:solid;--border-radius:50%;width:20px;height:20px}:host(.ion-color) .radio-inner{background:var(--ion-color-base)}:host(.ion-color.radio-checked) .radio-icon{border-color:var(--ion-color-base)}.radio-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--color)}.radio-inner{border-radius:var(--inner-border-radius);width:calc(50% + var(--border-width));height:calc(50% + var(--border-width));-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background:var(--color-checked)}:host(.radio-checked) .radio-icon{border-color:var(--color-checked)}:host(.radio-checked) .radio-inner{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}:host(.radio-disabled){opacity:0.3}:host(.ion-focused) .radio-icon::after{border-radius:var(--inner-border-radius);left:-12px;top:-12px;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}:host-context([dir=rtl]):host(.ion-focused) .radio-icon::after,:host-context([dir=rtl]).ion-focused .radio-icon::after{left:unset;right:unset;right:-12px}:host(.in-item){margin-left:0;margin-right:0;margin-top:9px;margin-bottom:9px;display:block;position:static}:host(.in-item[slot=start]){margin-left:4px;margin-right:36px;margin-top:11px;margin-bottom:10px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px}}";
|
||||
|
||||
const Radio = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionStyle = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionStyle", 7);
|
||||
this.ionFocus = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionFocus", 7);
|
||||
this.ionBlur = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionBlur", 7);
|
||||
this.inputId = `ion-rb-${radioButtonIds++}`;
|
||||
this.radioGroup = null;
|
||||
/**
|
||||
* If `true`, the radio is selected.
|
||||
*/
|
||||
this.checked = false;
|
||||
/**
|
||||
* The tabindex of the radio button.
|
||||
* @internal
|
||||
*/
|
||||
this.buttonTabindex = -1;
|
||||
/**
|
||||
* The name of the control, which is submitted with the form data.
|
||||
*/
|
||||
this.name = this.inputId;
|
||||
/**
|
||||
* If `true`, the user cannot interact with the radio.
|
||||
*/
|
||||
this.disabled = false;
|
||||
this.updateState = () => {
|
||||
if (this.radioGroup) {
|
||||
this.checked = this.radioGroup.value === this.value;
|
||||
}
|
||||
};
|
||||
this.onFocus = () => {
|
||||
this.ionFocus.emit();
|
||||
};
|
||||
this.onBlur = () => {
|
||||
this.ionBlur.emit();
|
||||
};
|
||||
}
|
||||
/** @internal */
|
||||
async setFocus(ev) {
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
this.el.focus();
|
||||
}
|
||||
/** @internal */
|
||||
async setButtonTabindex(value) {
|
||||
this.buttonTabindex = value;
|
||||
}
|
||||
connectedCallback() {
|
||||
if (this.value === undefined) {
|
||||
this.value = this.inputId;
|
||||
}
|
||||
const radioGroup = this.radioGroup = this.el.closest('ion-radio-group');
|
||||
if (radioGroup) {
|
||||
this.updateState();
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["a"])(radioGroup, 'ionChange', this.updateState);
|
||||
}
|
||||
}
|
||||
disconnectedCallback() {
|
||||
const radioGroup = this.radioGroup;
|
||||
if (radioGroup) {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["b"])(radioGroup, 'ionChange', this.updateState);
|
||||
this.radioGroup = null;
|
||||
}
|
||||
}
|
||||
componentWillLoad() {
|
||||
this.emitStyle();
|
||||
}
|
||||
emitStyle() {
|
||||
this.ionStyle.emit({
|
||||
'radio-checked': this.checked,
|
||||
'interactive-disabled': this.disabled,
|
||||
});
|
||||
}
|
||||
render() {
|
||||
const { inputId, disabled, checked, color, el, buttonTabindex } = this;
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const { label, labelId, labelText } = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["c"])(el, inputId);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { "aria-checked": `${checked}`, "aria-hidden": disabled ? 'true' : null, "aria-labelledby": label ? labelId : null, role: "radio", tabindex: buttonTabindex, onFocus: this.onFocus, onBlur: this.onBlur, class: Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__["c"])(color, {
|
||||
[mode]: true,
|
||||
'in-item': Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__["h"])('ion-item', el),
|
||||
'interactive': true,
|
||||
'radio-checked': checked,
|
||||
'radio-disabled': disabled,
|
||||
}) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "radio-icon", part: "container" }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "radio-inner", part: "mark" }), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", { class: "radio-ripple" })), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("label", { htmlFor: inputId }, labelText), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("input", { type: "radio", checked: checked, disabled: disabled, tabindex: "-1", id: inputId })));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"color": ["emitStyle"],
|
||||
"checked": ["emitStyle"],
|
||||
"disabled": ["emitStyle"]
|
||||
}; }
|
||||
};
|
||||
let radioButtonIds = 0;
|
||||
Radio.style = {
|
||||
ios: radioIosCss,
|
||||
md: radioMdCss
|
||||
};
|
||||
|
||||
const RadioGroup = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionChange = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionChange", 7);
|
||||
this.inputId = `ion-rg-${radioGroupIds++}`;
|
||||
this.labelId = `${this.inputId}-lbl`;
|
||||
/**
|
||||
* If `true`, the radios can be deselected.
|
||||
*/
|
||||
this.allowEmptySelection = false;
|
||||
/**
|
||||
* The name of the control, which is submitted with the form data.
|
||||
*/
|
||||
this.name = this.inputId;
|
||||
this.setRadioTabindex = (value) => {
|
||||
const radios = this.getRadios();
|
||||
// Get the first radio that is not disabled and the checked one
|
||||
const first = radios.find(radio => !radio.disabled);
|
||||
const checked = radios.find(radio => (radio.value === value && !radio.disabled));
|
||||
if (!first && !checked) {
|
||||
return;
|
||||
}
|
||||
// If an enabled checked radio exists, set it to be the focusable radio
|
||||
// otherwise we default to focus the first radio
|
||||
const focusable = checked || first;
|
||||
for (const radio of radios) {
|
||||
const tabindex = radio === focusable ? 0 : -1;
|
||||
radio.setButtonTabindex(tabindex);
|
||||
}
|
||||
};
|
||||
this.onClick = (ev) => {
|
||||
ev.preventDefault();
|
||||
const selectedRadio = ev.target && ev.target.closest('ion-radio');
|
||||
if (selectedRadio) {
|
||||
const currentValue = this.value;
|
||||
const newValue = selectedRadio.value;
|
||||
if (newValue !== currentValue) {
|
||||
this.value = newValue;
|
||||
}
|
||||
else if (this.allowEmptySelection) {
|
||||
this.value = undefined;
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
valueChanged(value) {
|
||||
this.setRadioTabindex(value);
|
||||
this.ionChange.emit({ value });
|
||||
}
|
||||
componentDidLoad() {
|
||||
this.setRadioTabindex(this.value);
|
||||
}
|
||||
async connectedCallback() {
|
||||
// Get the list header if it exists and set the id
|
||||
// this is used to set aria-labelledby
|
||||
const header = this.el.querySelector('ion-list-header') || this.el.querySelector('ion-item-divider');
|
||||
if (header) {
|
||||
const label = this.label = header.querySelector('ion-label');
|
||||
if (label) {
|
||||
this.labelId = label.id = this.name + '-lbl';
|
||||
}
|
||||
}
|
||||
}
|
||||
getRadios() {
|
||||
return Array.from(this.el.querySelectorAll('ion-radio'));
|
||||
}
|
||||
onKeydown(ev) {
|
||||
const inSelectPopover = !!this.el.closest('ion-select-popover');
|
||||
if (ev.target && !this.el.contains(ev.target)) {
|
||||
return;
|
||||
}
|
||||
// Get all radios inside of the radio group and then
|
||||
// filter out disabled radios since we need to skip those
|
||||
const radios = Array.from(this.el.querySelectorAll('ion-radio')).filter(radio => !radio.disabled);
|
||||
// Only move the radio if the current focus is in the radio group
|
||||
if (ev.target && radios.includes(ev.target)) {
|
||||
const index = radios.findIndex(radio => radio === ev.target);
|
||||
const current = radios[index];
|
||||
let next;
|
||||
// If hitting arrow down or arrow right, move to the next radio
|
||||
// If we're on the last radio, move to the first radio
|
||||
if (['ArrowDown', 'ArrowRight'].includes(ev.code)) {
|
||||
next = (index === radios.length - 1)
|
||||
? radios[0]
|
||||
: radios[index + 1];
|
||||
}
|
||||
// If hitting arrow up or arrow left, move to the previous radio
|
||||
// If we're on the first radio, move to the last radio
|
||||
if (['ArrowUp', 'ArrowLeft'].includes(ev.code)) {
|
||||
next = (index === 0)
|
||||
? radios[radios.length - 1]
|
||||
: radios[index - 1];
|
||||
}
|
||||
if (next && radios.includes(next)) {
|
||||
next.setFocus(ev);
|
||||
if (!inSelectPopover) {
|
||||
this.value = next.value;
|
||||
}
|
||||
}
|
||||
// Update the radio group value when a user presses the
|
||||
// space bar on top of a selected radio (only applies
|
||||
// to radios in a select popover)
|
||||
if (['Space'].includes(ev.code)) {
|
||||
this.value = current.value;
|
||||
}
|
||||
}
|
||||
}
|
||||
render() {
|
||||
const { label, labelId } = this;
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode }));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"value": ["valueChanged"]
|
||||
}; }
|
||||
};
|
||||
let radioGroupIds = 0;
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=24-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,492 +0,0 @@
|
||||
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
||||
|
||||
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
||||
|
||||
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
||||
|
||||
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[24], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-radio_2.entry.js":
|
||||
/*!****************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-radio_2.entry.js ***!
|
||||
\****************************************************************/
|
||||
|
||||
/*! exports provided: ion_radio, ion_radio_group */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonRadio_2EntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_radio", function () {
|
||||
return Radio;
|
||||
});
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_radio_group", function () {
|
||||
return RadioGroup;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
|
||||
/*! ./helpers-90f46169.js */
|
||||
"./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
|
||||
/*! ./theme-ff3fc52f.js */
|
||||
"./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
|
||||
var radioIosCss = ":host{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.radio-disabled){pointer-events:none}.radio-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}.radio-icon,.radio-inner{-webkit-box-sizing:border-box;box-sizing:border-box}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host(:focus){outline:none}:host{--color-checked:var(--ion-color-primary, #3880ff);width:15px;height:24px}:host(.ion-color.radio-checked) .radio-inner{border-color:var(--ion-color-base)}.item-radio.item-ios ion-label{margin-left:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-radio.item-ios ion-label{margin-left:unset;-webkit-margin-start:0;margin-inline-start:0}}.radio-inner{width:33%;height:50%}:host(.radio-checked) .radio-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--color-checked)}:host(.radio-disabled){opacity:0.3}:host(.ion-focused) .radio-icon::after{border-radius:var(--inner-border-radius);left:-9px;top:-8px;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}:host-context([dir=rtl]):host(.ion-focused) .radio-icon::after,:host-context([dir=rtl]).ion-focused .radio-icon::after{left:unset;right:unset;right:-9px}:host(.in-item){margin-left:10px;margin-right:11px;margin-top:8px;margin-bottom:8px;display:block;position:static}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:11px;margin-inline-end:11px}}:host(.in-item[slot=start]){margin-left:3px;margin-right:21px;margin-top:8px;margin-bottom:8px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:21px;margin-inline-end:21px}}";
|
||||
var radioMdCss = ":host{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.radio-disabled){pointer-events:none}.radio-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}.radio-icon,.radio-inner{-webkit-box-sizing:border-box;box-sizing:border-box}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host(:focus){outline:none}:host{--color:var(--ion-color-step-400, #999999);--color-checked:var(--ion-color-primary, #3880ff);--border-width:2px;--border-style:solid;--border-radius:50%;width:20px;height:20px}:host(.ion-color) .radio-inner{background:var(--ion-color-base)}:host(.ion-color.radio-checked) .radio-icon{border-color:var(--ion-color-base)}.radio-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--color)}.radio-inner{border-radius:var(--inner-border-radius);width:calc(50% + var(--border-width));height:calc(50% + var(--border-width));-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background:var(--color-checked)}:host(.radio-checked) .radio-icon{border-color:var(--color-checked)}:host(.radio-checked) .radio-inner{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}:host(.radio-disabled){opacity:0.3}:host(.ion-focused) .radio-icon::after{border-radius:var(--inner-border-radius);left:-12px;top:-12px;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}:host-context([dir=rtl]):host(.ion-focused) .radio-icon::after,:host-context([dir=rtl]).ion-focused .radio-icon::after{left:unset;right:unset;right:-12px}:host(.in-item){margin-left:0;margin-right:0;margin-top:9px;margin-bottom:9px;display:block;position:static}:host(.in-item[slot=start]){margin-left:4px;margin-right:36px;margin-top:11px;margin-bottom:10px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px}}";
|
||||
|
||||
var Radio = /*#__PURE__*/function () {
|
||||
function Radio(hostRef) {
|
||||
var _this = this;
|
||||
|
||||
_classCallCheck(this, Radio);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionStyle = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionStyle", 7);
|
||||
this.ionFocus = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionFocus", 7);
|
||||
this.ionBlur = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionBlur", 7);
|
||||
this.inputId = "ion-rb-".concat(radioButtonIds++);
|
||||
this.radioGroup = null;
|
||||
/**
|
||||
* If `true`, the radio is selected.
|
||||
*/
|
||||
|
||||
this.checked = false;
|
||||
/**
|
||||
* The tabindex of the radio button.
|
||||
* @internal
|
||||
*/
|
||||
|
||||
this.buttonTabindex = -1;
|
||||
/**
|
||||
* The name of the control, which is submitted with the form data.
|
||||
*/
|
||||
|
||||
this.name = this.inputId;
|
||||
/**
|
||||
* If `true`, the user cannot interact with the radio.
|
||||
*/
|
||||
|
||||
this.disabled = false;
|
||||
|
||||
this.updateState = function () {
|
||||
if (_this.radioGroup) {
|
||||
_this.checked = _this.radioGroup.value === _this.value;
|
||||
}
|
||||
};
|
||||
|
||||
this.onFocus = function () {
|
||||
_this.ionFocus.emit();
|
||||
};
|
||||
|
||||
this.onBlur = function () {
|
||||
_this.ionBlur.emit();
|
||||
};
|
||||
}
|
||||
/** @internal */
|
||||
|
||||
|
||||
_createClass(Radio, [{
|
||||
key: "setFocus",
|
||||
value: function () {
|
||||
var _setFocus = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(ev) {
|
||||
return regeneratorRuntime.wrap(function _callee$(_context) {
|
||||
while (1) {
|
||||
switch (_context.prev = _context.next) {
|
||||
case 0:
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
this.el.focus();
|
||||
|
||||
case 3:
|
||||
case "end":
|
||||
return _context.stop();
|
||||
}
|
||||
}
|
||||
}, _callee, this);
|
||||
}));
|
||||
|
||||
function setFocus(_x) {
|
||||
return _setFocus.apply(this, arguments);
|
||||
}
|
||||
|
||||
return setFocus;
|
||||
}()
|
||||
/** @internal */
|
||||
|
||||
}, {
|
||||
key: "setButtonTabindex",
|
||||
value: function () {
|
||||
var _setButtonTabindex = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(value) {
|
||||
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
||||
while (1) {
|
||||
switch (_context2.prev = _context2.next) {
|
||||
case 0:
|
||||
this.buttonTabindex = value;
|
||||
|
||||
case 1:
|
||||
case "end":
|
||||
return _context2.stop();
|
||||
}
|
||||
}
|
||||
}, _callee2, this);
|
||||
}));
|
||||
|
||||
function setButtonTabindex(_x2) {
|
||||
return _setButtonTabindex.apply(this, arguments);
|
||||
}
|
||||
|
||||
return setButtonTabindex;
|
||||
}()
|
||||
}, {
|
||||
key: "connectedCallback",
|
||||
value: function connectedCallback() {
|
||||
if (this.value === undefined) {
|
||||
this.value = this.inputId;
|
||||
}
|
||||
|
||||
var radioGroup = this.radioGroup = this.el.closest('ion-radio-group');
|
||||
|
||||
if (radioGroup) {
|
||||
this.updateState();
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["a"])(radioGroup, 'ionChange', this.updateState);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "disconnectedCallback",
|
||||
value: function disconnectedCallback() {
|
||||
var radioGroup = this.radioGroup;
|
||||
|
||||
if (radioGroup) {
|
||||
Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["b"])(radioGroup, 'ionChange', this.updateState);
|
||||
this.radioGroup = null;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "componentWillLoad",
|
||||
value: function componentWillLoad() {
|
||||
this.emitStyle();
|
||||
}
|
||||
}, {
|
||||
key: "emitStyle",
|
||||
value: function emitStyle() {
|
||||
this.ionStyle.emit({
|
||||
'radio-checked': this.checked,
|
||||
'interactive-disabled': this.disabled
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _Object2;
|
||||
|
||||
var inputId = this.inputId,
|
||||
disabled = this.disabled,
|
||||
checked = this.checked,
|
||||
color = this.color,
|
||||
el = this.el,
|
||||
buttonTabindex = this.buttonTabindex;
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
|
||||
var _Object = Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["c"])(el, inputId),
|
||||
label = _Object.label,
|
||||
labelId = _Object.labelId,
|
||||
labelText = _Object.labelText;
|
||||
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"aria-checked": "".concat(checked),
|
||||
"aria-hidden": disabled ? 'true' : null,
|
||||
"aria-labelledby": label ? labelId : null,
|
||||
role: "radio",
|
||||
tabindex: buttonTabindex,
|
||||
onFocus: this.onFocus,
|
||||
onBlur: this.onBlur,
|
||||
"class": Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__["c"])(color, (_Object2 = {}, _defineProperty(_Object2, mode, true), _defineProperty(_Object2, 'in-item', Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__["h"])('ion-item', el)), _defineProperty(_Object2, 'interactive', true), _defineProperty(_Object2, 'radio-checked', checked), _defineProperty(_Object2, 'radio-disabled', disabled), _Object2))
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "radio-icon",
|
||||
part: "container"
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "radio-inner",
|
||||
part: "mark"
|
||||
}), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
||||
"class": "radio-ripple"
|
||||
})), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("label", {
|
||||
htmlFor: inputId
|
||||
}, labelText), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("input", {
|
||||
type: "radio",
|
||||
checked: checked,
|
||||
disabled: disabled,
|
||||
tabindex: "-1",
|
||||
id: inputId
|
||||
}));
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}], [{
|
||||
key: "watchers",
|
||||
get: function get() {
|
||||
return {
|
||||
"color": ["emitStyle"],
|
||||
"checked": ["emitStyle"],
|
||||
"disabled": ["emitStyle"]
|
||||
};
|
||||
}
|
||||
}]);
|
||||
|
||||
return Radio;
|
||||
}();
|
||||
|
||||
var radioButtonIds = 0;
|
||||
Radio.style = {
|
||||
ios: radioIosCss,
|
||||
md: radioMdCss
|
||||
};
|
||||
|
||||
var RadioGroup = /*#__PURE__*/function () {
|
||||
function RadioGroup(hostRef) {
|
||||
var _this2 = this;
|
||||
|
||||
_classCallCheck(this, RadioGroup);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionChange = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionChange", 7);
|
||||
this.inputId = "ion-rg-".concat(radioGroupIds++);
|
||||
this.labelId = "".concat(this.inputId, "-lbl");
|
||||
/**
|
||||
* If `true`, the radios can be deselected.
|
||||
*/
|
||||
|
||||
this.allowEmptySelection = false;
|
||||
/**
|
||||
* The name of the control, which is submitted with the form data.
|
||||
*/
|
||||
|
||||
this.name = this.inputId;
|
||||
|
||||
this.setRadioTabindex = function (value) {
|
||||
var radios = _this2.getRadios(); // Get the first radio that is not disabled and the checked one
|
||||
|
||||
|
||||
var first = radios.find(function (radio) {
|
||||
return !radio.disabled;
|
||||
});
|
||||
var checked = radios.find(function (radio) {
|
||||
return radio.value === value && !radio.disabled;
|
||||
});
|
||||
|
||||
if (!first && !checked) {
|
||||
return;
|
||||
} // If an enabled checked radio exists, set it to be the focusable radio
|
||||
// otherwise we default to focus the first radio
|
||||
|
||||
|
||||
var focusable = checked || first;
|
||||
|
||||
var _iterator = _createForOfIteratorHelper(radios),
|
||||
_step;
|
||||
|
||||
try {
|
||||
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
||||
var radio = _step.value;
|
||||
var tabindex = radio === focusable ? 0 : -1;
|
||||
radio.setButtonTabindex(tabindex);
|
||||
}
|
||||
} catch (err) {
|
||||
_iterator.e(err);
|
||||
} finally {
|
||||
_iterator.f();
|
||||
}
|
||||
};
|
||||
|
||||
this.onClick = function (ev) {
|
||||
ev.preventDefault();
|
||||
var selectedRadio = ev.target && ev.target.closest('ion-radio');
|
||||
|
||||
if (selectedRadio) {
|
||||
var currentValue = _this2.value;
|
||||
var newValue = selectedRadio.value;
|
||||
|
||||
if (newValue !== currentValue) {
|
||||
_this2.value = newValue;
|
||||
} else if (_this2.allowEmptySelection) {
|
||||
_this2.value = undefined;
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
_createClass(RadioGroup, [{
|
||||
key: "valueChanged",
|
||||
value: function valueChanged(value) {
|
||||
this.setRadioTabindex(value);
|
||||
this.ionChange.emit({
|
||||
value: value
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "componentDidLoad",
|
||||
value: function componentDidLoad() {
|
||||
this.setRadioTabindex(this.value);
|
||||
}
|
||||
}, {
|
||||
key: "connectedCallback",
|
||||
value: function () {
|
||||
var _connectedCallback = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
|
||||
var header, label;
|
||||
return regeneratorRuntime.wrap(function _callee3$(_context3) {
|
||||
while (1) {
|
||||
switch (_context3.prev = _context3.next) {
|
||||
case 0:
|
||||
// Get the list header if it exists and set the id
|
||||
// this is used to set aria-labelledby
|
||||
header = this.el.querySelector('ion-list-header') || this.el.querySelector('ion-item-divider');
|
||||
|
||||
if (header) {
|
||||
label = this.label = header.querySelector('ion-label');
|
||||
|
||||
if (label) {
|
||||
this.labelId = label.id = this.name + '-lbl';
|
||||
}
|
||||
}
|
||||
|
||||
case 2:
|
||||
case "end":
|
||||
return _context3.stop();
|
||||
}
|
||||
}
|
||||
}, _callee3, this);
|
||||
}));
|
||||
|
||||
function connectedCallback() {
|
||||
return _connectedCallback.apply(this, arguments);
|
||||
}
|
||||
|
||||
return connectedCallback;
|
||||
}()
|
||||
}, {
|
||||
key: "getRadios",
|
||||
value: function getRadios() {
|
||||
return Array.from(this.el.querySelectorAll('ion-radio'));
|
||||
}
|
||||
}, {
|
||||
key: "onKeydown",
|
||||
value: function onKeydown(ev) {
|
||||
var inSelectPopover = !!this.el.closest('ion-select-popover');
|
||||
|
||||
if (ev.target && !this.el.contains(ev.target)) {
|
||||
return;
|
||||
} // Get all radios inside of the radio group and then
|
||||
// filter out disabled radios since we need to skip those
|
||||
|
||||
|
||||
var radios = Array.from(this.el.querySelectorAll('ion-radio')).filter(function (radio) {
|
||||
return !radio.disabled;
|
||||
}); // Only move the radio if the current focus is in the radio group
|
||||
|
||||
if (ev.target && radios.includes(ev.target)) {
|
||||
var index = radios.findIndex(function (radio) {
|
||||
return radio === ev.target;
|
||||
});
|
||||
var current = radios[index];
|
||||
var next; // If hitting arrow down or arrow right, move to the next radio
|
||||
// If we're on the last radio, move to the first radio
|
||||
|
||||
if (['ArrowDown', 'ArrowRight'].includes(ev.code)) {
|
||||
next = index === radios.length - 1 ? radios[0] : radios[index + 1];
|
||||
} // If hitting arrow up or arrow left, move to the previous radio
|
||||
// If we're on the first radio, move to the last radio
|
||||
|
||||
|
||||
if (['ArrowUp', 'ArrowLeft'].includes(ev.code)) {
|
||||
next = index === 0 ? radios[radios.length - 1] : radios[index - 1];
|
||||
}
|
||||
|
||||
if (next && radios.includes(next)) {
|
||||
next.setFocus(ev);
|
||||
|
||||
if (!inSelectPopover) {
|
||||
this.value = next.value;
|
||||
}
|
||||
} // Update the radio group value when a user presses the
|
||||
// space bar on top of a selected radio (only applies
|
||||
// to radios in a select popover)
|
||||
|
||||
|
||||
if (['Space'].includes(ev.code)) {
|
||||
this.value = current.value;
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var label = this.label,
|
||||
labelId = this.labelId;
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
role: "radiogroup",
|
||||
"aria-labelledby": label ? labelId : null,
|
||||
onClick: this.onClick,
|
||||
"class": mode
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}], [{
|
||||
key: "watchers",
|
||||
get: function get() {
|
||||
return {
|
||||
"value": ["valueChanged"]
|
||||
};
|
||||
}
|
||||
}]);
|
||||
|
||||
return RadioGroup;
|
||||
}();
|
||||
|
||||
var radioGroupIds = 0;
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=24-es5.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,328 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[27],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-reorder_2.entry.js":
|
||||
/*!******************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-reorder_2.entry.js ***!
|
||||
\******************************************************************/
|
||||
/*! exports provided: ion_reorder, ion_reorder_group */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_reorder", function() { return Reorder; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_reorder_group", function() { return ReorderGroup; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.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 reorderIosCss = ":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block;font-size:22px}.reorder-icon{font-size:34px;opacity:0.4}";
|
||||
|
||||
const reorderMdCss = ":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block;font-size:22px}.reorder-icon{font-size:31px;opacity:0.3}";
|
||||
|
||||
const Reorder = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
onClick(ev) {
|
||||
const reorderGroup = this.el.closest('ion-reorder-group');
|
||||
ev.preventDefault();
|
||||
// Only stop event propagation if the reorder is inside of an enabled
|
||||
// reorder group. This allows interaction with clickable children components.
|
||||
if (!reorderGroup || !reorderGroup.disabled) {
|
||||
ev.stopImmediatePropagation();
|
||||
}
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const reorderIcon = mode === 'ios' ? 'reorder-three-outline' : 'reorder-two-sharp';
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: mode }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-icon", { name: reorderIcon, lazy: false, class: "reorder-icon", part: "icon" }))));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
Reorder.style = {
|
||||
ios: reorderIosCss,
|
||||
md: reorderMdCss
|
||||
};
|
||||
|
||||
const reorderGroupCss = ".reorder-list-active>*{-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;will-change:transform}.reorder-enabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reorder-enabled ion-reorder{display:block;cursor:-webkit-grab;cursor:grab;pointer-events:all;-ms-touch-action:none;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:-webkit-grabbing;cursor:grabbing}.reorder-selected{position:relative;-webkit-transition:none !important;transition:none !important;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}";
|
||||
|
||||
const ReorderGroup = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionItemReorder = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionItemReorder", 7);
|
||||
this.lastToIndex = -1;
|
||||
this.cachedHeights = [];
|
||||
this.scrollElTop = 0;
|
||||
this.scrollElBottom = 0;
|
||||
this.scrollElInitial = 0;
|
||||
this.containerTop = 0;
|
||||
this.containerBottom = 0;
|
||||
this.state = 0 /* Idle */;
|
||||
/**
|
||||
* If `true`, the reorder will be hidden.
|
||||
*/
|
||||
this.disabled = true;
|
||||
}
|
||||
disabledChanged() {
|
||||
if (this.gesture) {
|
||||
this.gesture.enable(!this.disabled);
|
||||
}
|
||||
}
|
||||
async connectedCallback() {
|
||||
const contentEl = this.el.closest('ion-content');
|
||||
if (contentEl) {
|
||||
this.scrollEl = await contentEl.getScrollElement();
|
||||
}
|
||||
this.gesture = (await Promise.resolve(/*! import() */).then(__webpack_require__.bind(null, /*! ./index-f49d994d.js */ "./node_modules/@ionic/core/dist/esm/index-f49d994d.js"))).createGesture({
|
||||
el: this.el,
|
||||
gestureName: 'reorder',
|
||||
gesturePriority: 110,
|
||||
threshold: 0,
|
||||
direction: 'y',
|
||||
passive: false,
|
||||
canStart: detail => this.canStart(detail),
|
||||
onStart: ev => this.onStart(ev),
|
||||
onMove: ev => this.onMove(ev),
|
||||
onEnd: () => this.onEnd(),
|
||||
});
|
||||
this.disabledChanged();
|
||||
}
|
||||
disconnectedCallback() {
|
||||
this.onEnd();
|
||||
if (this.gesture) {
|
||||
this.gesture.destroy();
|
||||
this.gesture = undefined;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Completes the reorder operation. Must be called by the `ionItemReorder` event.
|
||||
*
|
||||
* If a list of items is passed, the list will be reordered and returned in the
|
||||
* proper order.
|
||||
*
|
||||
* If no parameters are passed or if `true` is passed in, the reorder will complete
|
||||
* and the item will remain in the position it was dragged to. If `false` is passed,
|
||||
* the reorder will complete and the item will bounce back to its original position.
|
||||
*
|
||||
* @param listOrReorder A list of items to be sorted and returned in the new order or a
|
||||
* boolean of whether or not the reorder should reposition the item.
|
||||
*/
|
||||
complete(listOrReorder) {
|
||||
return Promise.resolve(this.completeSync(listOrReorder));
|
||||
}
|
||||
canStart(ev) {
|
||||
if (this.selectedItemEl || this.state !== 0 /* Idle */) {
|
||||
return false;
|
||||
}
|
||||
const target = ev.event.target;
|
||||
const reorderEl = target.closest('ion-reorder');
|
||||
if (!reorderEl) {
|
||||
return false;
|
||||
}
|
||||
const item = findReorderItem(reorderEl, this.el);
|
||||
if (!item) {
|
||||
return false;
|
||||
}
|
||||
ev.data = item;
|
||||
return true;
|
||||
}
|
||||
onStart(ev) {
|
||||
ev.event.preventDefault();
|
||||
const item = this.selectedItemEl = ev.data;
|
||||
const heights = this.cachedHeights;
|
||||
heights.length = 0;
|
||||
const el = this.el;
|
||||
const children = el.children;
|
||||
if (!children || children.length === 0) {
|
||||
return;
|
||||
}
|
||||
let sum = 0;
|
||||
for (let i = 0; i < children.length; i++) {
|
||||
const child = children[i];
|
||||
sum += child.offsetHeight;
|
||||
heights.push(sum);
|
||||
child.$ionIndex = i;
|
||||
}
|
||||
const box = el.getBoundingClientRect();
|
||||
this.containerTop = box.top;
|
||||
this.containerBottom = box.bottom;
|
||||
if (this.scrollEl) {
|
||||
const scrollBox = this.scrollEl.getBoundingClientRect();
|
||||
this.scrollElInitial = this.scrollEl.scrollTop;
|
||||
this.scrollElTop = scrollBox.top + AUTO_SCROLL_MARGIN;
|
||||
this.scrollElBottom = scrollBox.bottom - AUTO_SCROLL_MARGIN;
|
||||
}
|
||||
else {
|
||||
this.scrollElInitial = 0;
|
||||
this.scrollElTop = 0;
|
||||
this.scrollElBottom = 0;
|
||||
}
|
||||
this.lastToIndex = indexForItem(item);
|
||||
this.selectedItemHeight = item.offsetHeight;
|
||||
this.state = 1 /* Active */;
|
||||
item.classList.add(ITEM_REORDER_SELECTED);
|
||||
Object(_haptic_27b3f981_js__WEBPACK_IMPORTED_MODULE_2__["a"])();
|
||||
}
|
||||
onMove(ev) {
|
||||
const selectedItem = this.selectedItemEl;
|
||||
if (!selectedItem) {
|
||||
return;
|
||||
}
|
||||
// Scroll if we reach the scroll margins
|
||||
const scroll = this.autoscroll(ev.currentY);
|
||||
// // Get coordinate
|
||||
const top = this.containerTop - scroll;
|
||||
const bottom = this.containerBottom - scroll;
|
||||
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
||||
const deltaY = scroll + currentY - ev.startY;
|
||||
const normalizedY = currentY - top;
|
||||
const toIndex = this.itemIndexForTop(normalizedY);
|
||||
if (toIndex !== this.lastToIndex) {
|
||||
const fromIndex = indexForItem(selectedItem);
|
||||
this.lastToIndex = toIndex;
|
||||
Object(_haptic_27b3f981_js__WEBPACK_IMPORTED_MODULE_2__["b"])();
|
||||
this.reorderMove(fromIndex, toIndex);
|
||||
}
|
||||
// Update selected item position
|
||||
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
||||
}
|
||||
onEnd() {
|
||||
const selectedItemEl = this.selectedItemEl;
|
||||
this.state = 2 /* Complete */;
|
||||
if (!selectedItemEl) {
|
||||
this.state = 0 /* Idle */;
|
||||
return;
|
||||
}
|
||||
const toIndex = this.lastToIndex;
|
||||
const fromIndex = indexForItem(selectedItemEl);
|
||||
if (toIndex === fromIndex) {
|
||||
this.completeSync();
|
||||
}
|
||||
else {
|
||||
this.ionItemReorder.emit({
|
||||
from: fromIndex,
|
||||
to: toIndex,
|
||||
complete: this.completeSync.bind(this)
|
||||
});
|
||||
}
|
||||
Object(_haptic_27b3f981_js__WEBPACK_IMPORTED_MODULE_2__["h"])();
|
||||
}
|
||||
completeSync(listOrReorder) {
|
||||
const selectedItemEl = this.selectedItemEl;
|
||||
if (selectedItemEl && this.state === 2 /* Complete */) {
|
||||
const children = this.el.children;
|
||||
const len = children.length;
|
||||
const toIndex = this.lastToIndex;
|
||||
const fromIndex = indexForItem(selectedItemEl);
|
||||
if (toIndex !== fromIndex && (listOrReorder === undefined || listOrReorder === true)) {
|
||||
const ref = (fromIndex < toIndex)
|
||||
? children[toIndex + 1]
|
||||
: children[toIndex];
|
||||
this.el.insertBefore(selectedItemEl, ref);
|
||||
}
|
||||
if (Array.isArray(listOrReorder)) {
|
||||
listOrReorder = reorderArray(listOrReorder, fromIndex, toIndex);
|
||||
}
|
||||
for (let i = 0; i < len; i++) {
|
||||
children[i].style['transform'] = '';
|
||||
}
|
||||
selectedItemEl.style.transition = '';
|
||||
selectedItemEl.classList.remove(ITEM_REORDER_SELECTED);
|
||||
this.selectedItemEl = undefined;
|
||||
this.state = 0 /* Idle */;
|
||||
}
|
||||
return listOrReorder;
|
||||
}
|
||||
itemIndexForTop(deltaY) {
|
||||
const heights = this.cachedHeights;
|
||||
let i = 0;
|
||||
// TODO: since heights is a sorted array of integers, we can do
|
||||
// speed up the search using binary search. Remember that linear-search is still
|
||||
// faster than binary-search for small arrays (<64) due CPU branch misprediction.
|
||||
for (i = 0; i < heights.length; i++) {
|
||||
if (heights[i] > deltaY) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
return i;
|
||||
}
|
||||
/********* DOM WRITE ********* */
|
||||
reorderMove(fromIndex, toIndex) {
|
||||
const itemHeight = this.selectedItemHeight;
|
||||
const children = this.el.children;
|
||||
for (let i = 0; i < children.length; i++) {
|
||||
const style = children[i].style;
|
||||
let value = '';
|
||||
if (i > fromIndex && i <= toIndex) {
|
||||
value = `translateY(${-itemHeight}px)`;
|
||||
}
|
||||
else if (i < fromIndex && i >= toIndex) {
|
||||
value = `translateY(${itemHeight}px)`;
|
||||
}
|
||||
style['transform'] = value;
|
||||
}
|
||||
}
|
||||
autoscroll(posY) {
|
||||
if (!this.scrollEl) {
|
||||
return 0;
|
||||
}
|
||||
let amount = 0;
|
||||
if (posY < this.scrollElTop) {
|
||||
amount = -SCROLL_JUMP;
|
||||
}
|
||||
else if (posY > this.scrollElBottom) {
|
||||
amount = SCROLL_JUMP;
|
||||
}
|
||||
if (amount !== 0) {
|
||||
this.scrollEl.scrollBy(0, amount);
|
||||
}
|
||||
return this.scrollEl.scrollTop - this.scrollElInitial;
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: {
|
||||
[mode]: true,
|
||||
'reorder-enabled': !this.disabled,
|
||||
'reorder-list-active': this.state !== 0 /* Idle */,
|
||||
} }));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
static get watchers() { return {
|
||||
"disabled": ["disabledChanged"]
|
||||
}; }
|
||||
};
|
||||
const indexForItem = (element) => {
|
||||
return element['$ionIndex'];
|
||||
};
|
||||
const findReorderItem = (node, container) => {
|
||||
let parent;
|
||||
while (node) {
|
||||
parent = node.parentElement;
|
||||
if (parent === container) {
|
||||
return node;
|
||||
}
|
||||
node = parent;
|
||||
}
|
||||
return undefined;
|
||||
};
|
||||
const AUTO_SCROLL_MARGIN = 60;
|
||||
const SCROLL_JUMP = 10;
|
||||
const ITEM_REORDER_SELECTED = 'reorder-selected';
|
||||
const reorderArray = (array, from, to) => {
|
||||
const element = array[from];
|
||||
array.splice(from, 1);
|
||||
array.splice(to, 0, element);
|
||||
return array.slice();
|
||||
};
|
||||
ReorderGroup.style = reorderGroupCss;
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=27-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,521 +0,0 @@
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
||||
|
||||
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[27], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-reorder_2.entry.js":
|
||||
/*!******************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-reorder_2.entry.js ***!
|
||||
\******************************************************************/
|
||||
|
||||
/*! exports provided: ion_reorder, ion_reorder_group */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonReorder_2EntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_reorder", function () {
|
||||
return Reorder;
|
||||
});
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_reorder_group", function () {
|
||||
return ReorderGroup;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.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");
|
||||
|
||||
var reorderIosCss = ":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block;font-size:22px}.reorder-icon{font-size:34px;opacity:0.4}";
|
||||
var reorderMdCss = ":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block;font-size:22px}.reorder-icon{font-size:31px;opacity:0.3}";
|
||||
|
||||
var Reorder = /*#__PURE__*/function () {
|
||||
function Reorder(hostRef) {
|
||||
_classCallCheck(this, Reorder);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
|
||||
_createClass(Reorder, [{
|
||||
key: "onClick",
|
||||
value: function onClick(ev) {
|
||||
var reorderGroup = this.el.closest('ion-reorder-group');
|
||||
ev.preventDefault(); // Only stop event propagation if the reorder is inside of an enabled
|
||||
// reorder group. This allows interaction with clickable children components.
|
||||
|
||||
if (!reorderGroup || !reorderGroup.disabled) {
|
||||
ev.stopImmediatePropagation();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
var reorderIcon = mode === 'ios' ? 'reorder-three-outline' : 'reorder-two-sharp';
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": mode
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-icon", {
|
||||
name: reorderIcon,
|
||||
lazy: false,
|
||||
"class": "reorder-icon",
|
||||
part: "icon"
|
||||
})));
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}]);
|
||||
|
||||
return Reorder;
|
||||
}();
|
||||
|
||||
Reorder.style = {
|
||||
ios: reorderIosCss,
|
||||
md: reorderMdCss
|
||||
};
|
||||
var reorderGroupCss = ".reorder-list-active>*{-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;will-change:transform}.reorder-enabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reorder-enabled ion-reorder{display:block;cursor:-webkit-grab;cursor:grab;pointer-events:all;-ms-touch-action:none;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:-webkit-grabbing;cursor:grabbing}.reorder-selected{position:relative;-webkit-transition:none !important;transition:none !important;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}";
|
||||
|
||||
var ReorderGroup = /*#__PURE__*/function () {
|
||||
function ReorderGroup(hostRef) {
|
||||
_classCallCheck(this, ReorderGroup);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionItemReorder = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionItemReorder", 7);
|
||||
this.lastToIndex = -1;
|
||||
this.cachedHeights = [];
|
||||
this.scrollElTop = 0;
|
||||
this.scrollElBottom = 0;
|
||||
this.scrollElInitial = 0;
|
||||
this.containerTop = 0;
|
||||
this.containerBottom = 0;
|
||||
this.state = 0
|
||||
/* Idle */
|
||||
;
|
||||
/**
|
||||
* If `true`, the reorder will be hidden.
|
||||
*/
|
||||
|
||||
this.disabled = true;
|
||||
}
|
||||
|
||||
_createClass(ReorderGroup, [{
|
||||
key: "disabledChanged",
|
||||
value: function disabledChanged() {
|
||||
if (this.gesture) {
|
||||
this.gesture.enable(!this.disabled);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "connectedCallback",
|
||||
value: function () {
|
||||
var _connectedCallback = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
||||
var _this = this;
|
||||
|
||||
var contentEl;
|
||||
return regeneratorRuntime.wrap(function _callee$(_context) {
|
||||
while (1) {
|
||||
switch (_context.prev = _context.next) {
|
||||
case 0:
|
||||
contentEl = this.el.closest('ion-content');
|
||||
|
||||
if (!contentEl) {
|
||||
_context.next = 5;
|
||||
break;
|
||||
}
|
||||
|
||||
_context.next = 4;
|
||||
return contentEl.getScrollElement();
|
||||
|
||||
case 4:
|
||||
this.scrollEl = _context.sent;
|
||||
|
||||
case 5:
|
||||
_context.next = 7;
|
||||
return Promise.resolve().then(__webpack_require__.bind(null,
|
||||
/*! ./index-f49d994d.js */
|
||||
"./node_modules/@ionic/core/dist/esm/index-f49d994d.js"));
|
||||
|
||||
case 7:
|
||||
this.gesture = _context.sent.createGesture({
|
||||
el: this.el,
|
||||
gestureName: 'reorder',
|
||||
gesturePriority: 110,
|
||||
threshold: 0,
|
||||
direction: 'y',
|
||||
passive: false,
|
||||
canStart: function canStart(detail) {
|
||||
return _this.canStart(detail);
|
||||
},
|
||||
onStart: function onStart(ev) {
|
||||
return _this.onStart(ev);
|
||||
},
|
||||
onMove: function onMove(ev) {
|
||||
return _this.onMove(ev);
|
||||
},
|
||||
onEnd: function onEnd() {
|
||||
return _this.onEnd();
|
||||
}
|
||||
});
|
||||
this.disabledChanged();
|
||||
|
||||
case 9:
|
||||
case "end":
|
||||
return _context.stop();
|
||||
}
|
||||
}
|
||||
}, _callee, this);
|
||||
}));
|
||||
|
||||
function connectedCallback() {
|
||||
return _connectedCallback.apply(this, arguments);
|
||||
}
|
||||
|
||||
return connectedCallback;
|
||||
}()
|
||||
}, {
|
||||
key: "disconnectedCallback",
|
||||
value: function disconnectedCallback() {
|
||||
this.onEnd();
|
||||
|
||||
if (this.gesture) {
|
||||
this.gesture.destroy();
|
||||
this.gesture = undefined;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Completes the reorder operation. Must be called by the `ionItemReorder` event.
|
||||
*
|
||||
* If a list of items is passed, the list will be reordered and returned in the
|
||||
* proper order.
|
||||
*
|
||||
* If no parameters are passed or if `true` is passed in, the reorder will complete
|
||||
* and the item will remain in the position it was dragged to. If `false` is passed,
|
||||
* the reorder will complete and the item will bounce back to its original position.
|
||||
*
|
||||
* @param listOrReorder A list of items to be sorted and returned in the new order or a
|
||||
* boolean of whether or not the reorder should reposition the item.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: "complete",
|
||||
value: function complete(listOrReorder) {
|
||||
return Promise.resolve(this.completeSync(listOrReorder));
|
||||
}
|
||||
}, {
|
||||
key: "canStart",
|
||||
value: function canStart(ev) {
|
||||
if (this.selectedItemEl || this.state !== 0
|
||||
/* Idle */
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var target = ev.event.target;
|
||||
var reorderEl = target.closest('ion-reorder');
|
||||
|
||||
if (!reorderEl) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var item = findReorderItem(reorderEl, this.el);
|
||||
|
||||
if (!item) {
|
||||
return false;
|
||||
}
|
||||
|
||||
ev.data = item;
|
||||
return true;
|
||||
}
|
||||
}, {
|
||||
key: "onStart",
|
||||
value: function onStart(ev) {
|
||||
ev.event.preventDefault();
|
||||
var item = this.selectedItemEl = ev.data;
|
||||
var heights = this.cachedHeights;
|
||||
heights.length = 0;
|
||||
var el = this.el;
|
||||
var children = el.children;
|
||||
|
||||
if (!children || children.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
var sum = 0;
|
||||
|
||||
for (var i = 0; i < children.length; i++) {
|
||||
var child = children[i];
|
||||
sum += child.offsetHeight;
|
||||
heights.push(sum);
|
||||
child.$ionIndex = i;
|
||||
}
|
||||
|
||||
var box = el.getBoundingClientRect();
|
||||
this.containerTop = box.top;
|
||||
this.containerBottom = box.bottom;
|
||||
|
||||
if (this.scrollEl) {
|
||||
var scrollBox = this.scrollEl.getBoundingClientRect();
|
||||
this.scrollElInitial = this.scrollEl.scrollTop;
|
||||
this.scrollElTop = scrollBox.top + AUTO_SCROLL_MARGIN;
|
||||
this.scrollElBottom = scrollBox.bottom - AUTO_SCROLL_MARGIN;
|
||||
} else {
|
||||
this.scrollElInitial = 0;
|
||||
this.scrollElTop = 0;
|
||||
this.scrollElBottom = 0;
|
||||
}
|
||||
|
||||
this.lastToIndex = indexForItem(item);
|
||||
this.selectedItemHeight = item.offsetHeight;
|
||||
this.state = 1
|
||||
/* Active */
|
||||
;
|
||||
item.classList.add(ITEM_REORDER_SELECTED);
|
||||
Object(_haptic_27b3f981_js__WEBPACK_IMPORTED_MODULE_2__["a"])();
|
||||
}
|
||||
}, {
|
||||
key: "onMove",
|
||||
value: function onMove(ev) {
|
||||
var selectedItem = this.selectedItemEl;
|
||||
|
||||
if (!selectedItem) {
|
||||
return;
|
||||
} // Scroll if we reach the scroll margins
|
||||
|
||||
|
||||
var scroll = this.autoscroll(ev.currentY); // // Get coordinate
|
||||
|
||||
var top = this.containerTop - scroll;
|
||||
var bottom = this.containerBottom - scroll;
|
||||
var currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
||||
var deltaY = scroll + currentY - ev.startY;
|
||||
var normalizedY = currentY - top;
|
||||
var toIndex = this.itemIndexForTop(normalizedY);
|
||||
|
||||
if (toIndex !== this.lastToIndex) {
|
||||
var fromIndex = indexForItem(selectedItem);
|
||||
this.lastToIndex = toIndex;
|
||||
Object(_haptic_27b3f981_js__WEBPACK_IMPORTED_MODULE_2__["b"])();
|
||||
this.reorderMove(fromIndex, toIndex);
|
||||
} // Update selected item position
|
||||
|
||||
|
||||
selectedItem.style.transform = "translateY(".concat(deltaY, "px)");
|
||||
}
|
||||
}, {
|
||||
key: "onEnd",
|
||||
value: function onEnd() {
|
||||
var selectedItemEl = this.selectedItemEl;
|
||||
this.state = 2
|
||||
/* Complete */
|
||||
;
|
||||
|
||||
if (!selectedItemEl) {
|
||||
this.state = 0
|
||||
/* Idle */
|
||||
;
|
||||
return;
|
||||
}
|
||||
|
||||
var toIndex = this.lastToIndex;
|
||||
var fromIndex = indexForItem(selectedItemEl);
|
||||
|
||||
if (toIndex === fromIndex) {
|
||||
this.completeSync();
|
||||
} else {
|
||||
this.ionItemReorder.emit({
|
||||
from: fromIndex,
|
||||
to: toIndex,
|
||||
complete: this.completeSync.bind(this)
|
||||
});
|
||||
}
|
||||
|
||||
Object(_haptic_27b3f981_js__WEBPACK_IMPORTED_MODULE_2__["h"])();
|
||||
}
|
||||
}, {
|
||||
key: "completeSync",
|
||||
value: function completeSync(listOrReorder) {
|
||||
var selectedItemEl = this.selectedItemEl;
|
||||
|
||||
if (selectedItemEl && this.state === 2
|
||||
/* Complete */
|
||||
) {
|
||||
var children = this.el.children;
|
||||
var len = children.length;
|
||||
var toIndex = this.lastToIndex;
|
||||
var fromIndex = indexForItem(selectedItemEl);
|
||||
|
||||
if (toIndex !== fromIndex && (listOrReorder === undefined || listOrReorder === true)) {
|
||||
var ref = fromIndex < toIndex ? children[toIndex + 1] : children[toIndex];
|
||||
this.el.insertBefore(selectedItemEl, ref);
|
||||
}
|
||||
|
||||
if (Array.isArray(listOrReorder)) {
|
||||
listOrReorder = reorderArray(listOrReorder, fromIndex, toIndex);
|
||||
}
|
||||
|
||||
for (var i = 0; i < len; i++) {
|
||||
children[i].style['transform'] = '';
|
||||
}
|
||||
|
||||
selectedItemEl.style.transition = '';
|
||||
selectedItemEl.classList.remove(ITEM_REORDER_SELECTED);
|
||||
this.selectedItemEl = undefined;
|
||||
this.state = 0
|
||||
/* Idle */
|
||||
;
|
||||
}
|
||||
|
||||
return listOrReorder;
|
||||
}
|
||||
}, {
|
||||
key: "itemIndexForTop",
|
||||
value: function itemIndexForTop(deltaY) {
|
||||
var heights = this.cachedHeights;
|
||||
var i = 0; // TODO: since heights is a sorted array of integers, we can do
|
||||
// speed up the search using binary search. Remember that linear-search is still
|
||||
// faster than binary-search for small arrays (<64) due CPU branch misprediction.
|
||||
|
||||
for (i = 0; i < heights.length; i++) {
|
||||
if (heights[i] > deltaY) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return i;
|
||||
}
|
||||
/********* DOM WRITE ********* */
|
||||
|
||||
}, {
|
||||
key: "reorderMove",
|
||||
value: function reorderMove(fromIndex, toIndex) {
|
||||
var itemHeight = this.selectedItemHeight;
|
||||
var children = this.el.children;
|
||||
|
||||
for (var i = 0; i < children.length; i++) {
|
||||
var style = children[i].style;
|
||||
var value = '';
|
||||
|
||||
if (i > fromIndex && i <= toIndex) {
|
||||
value = "translateY(".concat(-itemHeight, "px)");
|
||||
} else if (i < fromIndex && i >= toIndex) {
|
||||
value = "translateY(".concat(itemHeight, "px)");
|
||||
}
|
||||
|
||||
style['transform'] = value;
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "autoscroll",
|
||||
value: function autoscroll(posY) {
|
||||
if (!this.scrollEl) {
|
||||
return 0;
|
||||
}
|
||||
|
||||
var amount = 0;
|
||||
|
||||
if (posY < this.scrollElTop) {
|
||||
amount = -SCROLL_JUMP;
|
||||
} else if (posY > this.scrollElBottom) {
|
||||
amount = SCROLL_JUMP;
|
||||
}
|
||||
|
||||
if (amount !== 0) {
|
||||
this.scrollEl.scrollBy(0, amount);
|
||||
}
|
||||
|
||||
return this.scrollEl.scrollTop - this.scrollElInitial;
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _class;
|
||||
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": (_class = {}, _defineProperty(_class, mode, true), _defineProperty(_class, 'reorder-enabled', !this.disabled), _defineProperty(_class, 'reorder-list-active', this.state !== 0), _class)
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}], [{
|
||||
key: "watchers",
|
||||
get: function get() {
|
||||
return {
|
||||
"disabled": ["disabledChanged"]
|
||||
};
|
||||
}
|
||||
}]);
|
||||
|
||||
return ReorderGroup;
|
||||
}();
|
||||
|
||||
var indexForItem = function indexForItem(element) {
|
||||
return element['$ionIndex'];
|
||||
};
|
||||
|
||||
var findReorderItem = function findReorderItem(node, container) {
|
||||
var parent;
|
||||
|
||||
while (node) {
|
||||
parent = node.parentElement;
|
||||
|
||||
if (parent === container) {
|
||||
return node;
|
||||
}
|
||||
|
||||
node = parent;
|
||||
}
|
||||
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var AUTO_SCROLL_MARGIN = 60;
|
||||
var SCROLL_JUMP = 10;
|
||||
var ITEM_REORDER_SELECTED = 'reorder-selected';
|
||||
|
||||
var reorderArray = function reorderArray(array, from, to) {
|
||||
var element = array[from];
|
||||
array.splice(from, 1);
|
||||
array.splice(to, 0, element);
|
||||
return array.slice();
|
||||
};
|
||||
|
||||
ReorderGroup.style = reorderGroupCss;
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=27-es5.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,109 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[28],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-ripple-effect.entry.js":
|
||||
/*!**********************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-ripple-effect.entry.js ***!
|
||||
\**********************************************************************/
|
||||
/*! exports provided: ion_ripple_effect */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_ripple_effect", function() { return RippleEffect; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
|
||||
|
||||
|
||||
const rippleEffectCss = ":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:strict;pointer-events:none}:host(.unbounded){contain:layout size style}.ripple-effect{border-radius:50%;position:absolute;background-color:currentColor;color:inherit;contain:strict;opacity:0;-webkit-animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;will-change:transform, opacity;pointer-events:none}.fade-out{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1));-webkit-animation:150ms fadeOutAnimation forwards;animation:150ms fadeOutAnimation forwards}@-webkit-keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@-webkit-keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@-webkit-keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}@keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}";
|
||||
|
||||
const RippleEffect = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
/**
|
||||
* Sets the type of ripple-effect:
|
||||
*
|
||||
* - `bounded`: the ripple effect expands from the user's click position
|
||||
* - `unbounded`: the ripple effect expands from the center of the button and overflows the container.
|
||||
*
|
||||
* NOTE: Surfaces for bounded ripples should have the overflow property set to hidden,
|
||||
* while surfaces for unbounded ripples should have it set to visible.
|
||||
*/
|
||||
this.type = 'bounded';
|
||||
}
|
||||
/**
|
||||
* Adds the ripple effect to the parent element.
|
||||
*
|
||||
* @param x The horizontal coordinate of where the ripple should start.
|
||||
* @param y The vertical coordinate of where the ripple should start.
|
||||
*/
|
||||
async addRipple(x, y) {
|
||||
return new Promise(resolve => {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["f"])(() => {
|
||||
const rect = this.el.getBoundingClientRect();
|
||||
const width = rect.width;
|
||||
const height = rect.height;
|
||||
const hypotenuse = Math.sqrt(width * width + height * height);
|
||||
const maxDim = Math.max(height, width);
|
||||
const maxRadius = this.unbounded ? maxDim : hypotenuse + PADDING;
|
||||
const initialSize = Math.floor(maxDim * INITIAL_ORIGIN_SCALE);
|
||||
const finalScale = maxRadius / initialSize;
|
||||
let posX = x - rect.left;
|
||||
let posY = y - rect.top;
|
||||
if (this.unbounded) {
|
||||
posX = width * 0.5;
|
||||
posY = height * 0.5;
|
||||
}
|
||||
const styleX = posX - initialSize * 0.5;
|
||||
const styleY = posY - initialSize * 0.5;
|
||||
const moveX = width * 0.5 - posX;
|
||||
const moveY = height * 0.5 - posY;
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(() => {
|
||||
const div = document.createElement('div');
|
||||
div.classList.add('ripple-effect');
|
||||
const style = div.style;
|
||||
style.top = styleY + 'px';
|
||||
style.left = styleX + 'px';
|
||||
style.width = style.height = initialSize + 'px';
|
||||
style.setProperty('--final-scale', `${finalScale}`);
|
||||
style.setProperty('--translate-end', `${moveX}px, ${moveY}px`);
|
||||
const container = this.el.shadowRoot || this.el;
|
||||
container.appendChild(div);
|
||||
setTimeout(() => {
|
||||
resolve(() => {
|
||||
removeRipple(div);
|
||||
});
|
||||
}, 225 + 100);
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
get unbounded() {
|
||||
return this.type === 'unbounded';
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { role: "presentation", class: {
|
||||
[mode]: true,
|
||||
'unbounded': this.unbounded
|
||||
} }));
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
const removeRipple = (ripple) => {
|
||||
ripple.classList.add('fade-out');
|
||||
setTimeout(() => {
|
||||
ripple.remove();
|
||||
}, 200);
|
||||
};
|
||||
const PADDING = 10;
|
||||
const INITIAL_ORIGIN_SCALE = 0.5;
|
||||
RippleEffect.style = rippleEffectCss;
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=28-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,179 +0,0 @@
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
||||
|
||||
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[28], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-ripple-effect.entry.js":
|
||||
/*!**********************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-ripple-effect.entry.js ***!
|
||||
\**********************************************************************/
|
||||
|
||||
/*! exports provided: ion_ripple_effect */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonRippleEffectEntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_ripple_effect", function () {
|
||||
return RippleEffect;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
|
||||
var rippleEffectCss = ":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:strict;pointer-events:none}:host(.unbounded){contain:layout size style}.ripple-effect{border-radius:50%;position:absolute;background-color:currentColor;color:inherit;contain:strict;opacity:0;-webkit-animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;will-change:transform, opacity;pointer-events:none}.fade-out{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1));-webkit-animation:150ms fadeOutAnimation forwards;animation:150ms fadeOutAnimation forwards}@-webkit-keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@-webkit-keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@-webkit-keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}@keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}";
|
||||
|
||||
var RippleEffect = /*#__PURE__*/function () {
|
||||
function RippleEffect(hostRef) {
|
||||
_classCallCheck(this, RippleEffect);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
/**
|
||||
* Sets the type of ripple-effect:
|
||||
*
|
||||
* - `bounded`: the ripple effect expands from the user's click position
|
||||
* - `unbounded`: the ripple effect expands from the center of the button and overflows the container.
|
||||
*
|
||||
* NOTE: Surfaces for bounded ripples should have the overflow property set to hidden,
|
||||
* while surfaces for unbounded ripples should have it set to visible.
|
||||
*/
|
||||
|
||||
this.type = 'bounded';
|
||||
}
|
||||
/**
|
||||
* Adds the ripple effect to the parent element.
|
||||
*
|
||||
* @param x The horizontal coordinate of where the ripple should start.
|
||||
* @param y The vertical coordinate of where the ripple should start.
|
||||
*/
|
||||
|
||||
|
||||
_createClass(RippleEffect, [{
|
||||
key: "addRipple",
|
||||
value: function () {
|
||||
var _addRipple = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(x, y) {
|
||||
var _this = this;
|
||||
|
||||
return regeneratorRuntime.wrap(function _callee$(_context) {
|
||||
while (1) {
|
||||
switch (_context.prev = _context.next) {
|
||||
case 0:
|
||||
return _context.abrupt("return", new Promise(function (resolve) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["f"])(function () {
|
||||
var rect = _this.el.getBoundingClientRect();
|
||||
|
||||
var width = rect.width;
|
||||
var height = rect.height;
|
||||
var hypotenuse = Math.sqrt(width * width + height * height);
|
||||
var maxDim = Math.max(height, width);
|
||||
var maxRadius = _this.unbounded ? maxDim : hypotenuse + PADDING;
|
||||
var initialSize = Math.floor(maxDim * INITIAL_ORIGIN_SCALE);
|
||||
var finalScale = maxRadius / initialSize;
|
||||
var posX = x - rect.left;
|
||||
var posY = y - rect.top;
|
||||
|
||||
if (_this.unbounded) {
|
||||
posX = width * 0.5;
|
||||
posY = height * 0.5;
|
||||
}
|
||||
|
||||
var styleX = posX - initialSize * 0.5;
|
||||
var styleY = posY - initialSize * 0.5;
|
||||
var moveX = width * 0.5 - posX;
|
||||
var moveY = height * 0.5 - posY;
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["c"])(function () {
|
||||
var div = document.createElement('div');
|
||||
div.classList.add('ripple-effect');
|
||||
var style = div.style;
|
||||
style.top = styleY + 'px';
|
||||
style.left = styleX + 'px';
|
||||
style.width = style.height = initialSize + 'px';
|
||||
style.setProperty('--final-scale', "".concat(finalScale));
|
||||
style.setProperty('--translate-end', "".concat(moveX, "px, ").concat(moveY, "px"));
|
||||
var container = _this.el.shadowRoot || _this.el;
|
||||
container.appendChild(div);
|
||||
setTimeout(function () {
|
||||
resolve(function () {
|
||||
removeRipple(div);
|
||||
});
|
||||
}, 225 + 100);
|
||||
});
|
||||
});
|
||||
}));
|
||||
|
||||
case 1:
|
||||
case "end":
|
||||
return _context.stop();
|
||||
}
|
||||
}
|
||||
}, _callee);
|
||||
}));
|
||||
|
||||
function addRipple(_x, _x2) {
|
||||
return _addRipple.apply(this, arguments);
|
||||
}
|
||||
|
||||
return addRipple;
|
||||
}()
|
||||
}, {
|
||||
key: "unbounded",
|
||||
get: function get() {
|
||||
return this.type === 'unbounded';
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _class;
|
||||
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
role: "presentation",
|
||||
"class": (_class = {}, _defineProperty(_class, mode, true), _defineProperty(_class, 'unbounded', this.unbounded), _class)
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: "el",
|
||||
get: function get() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this);
|
||||
}
|
||||
}]);
|
||||
|
||||
return RippleEffect;
|
||||
}();
|
||||
|
||||
var removeRipple = function removeRipple(ripple) {
|
||||
ripple.classList.add('fade-out');
|
||||
setTimeout(function () {
|
||||
ripple.remove();
|
||||
}, 200);
|
||||
};
|
||||
|
||||
var PADDING = 10;
|
||||
var INITIAL_ORIGIN_SCALE = 0.5;
|
||||
RippleEffect.style = rippleEffectCss;
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=28-es5.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,797 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[29],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-route_4.entry.js":
|
||||
/*!****************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-route_4.entry.js ***!
|
||||
\****************************************************************/
|
||||
/*! exports provided: ion_route, ion_route_redirect, ion_router, ion_router_link */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_route", function() { return Route; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_route_redirect", function() { return RouteRedirect; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_router", function() { return Router; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_router_link", function() { return RouterLink; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers-90f46169.js */ "./node_modules/@ionic/core/dist/esm/helpers-90f46169.js");
|
||||
/* harmony import */ var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./theme-ff3fc52f.js */ "./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const Route = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionRouteDataChanged = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionRouteDataChanged", 7);
|
||||
/**
|
||||
* Relative path that needs to match in order for this route to apply.
|
||||
*
|
||||
* Accepts paths similar to expressjs so that you can define parameters
|
||||
* in the url /foo/:bar where bar would be available in incoming props.
|
||||
*/
|
||||
this.url = '';
|
||||
}
|
||||
onUpdate(newValue) {
|
||||
this.ionRouteDataChanged.emit(newValue);
|
||||
}
|
||||
onComponentProps(newValue, oldValue) {
|
||||
if (newValue === oldValue) {
|
||||
return;
|
||||
}
|
||||
const keys1 = newValue ? Object.keys(newValue) : [];
|
||||
const keys2 = oldValue ? Object.keys(oldValue) : [];
|
||||
if (keys1.length !== keys2.length) {
|
||||
this.onUpdate(newValue);
|
||||
return;
|
||||
}
|
||||
for (const key of keys1) {
|
||||
if (newValue[key] !== oldValue[key]) {
|
||||
this.onUpdate(newValue);
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
connectedCallback() {
|
||||
this.ionRouteDataChanged.emit();
|
||||
}
|
||||
static get watchers() { return {
|
||||
"url": ["onUpdate"],
|
||||
"component": ["onUpdate"],
|
||||
"componentProps": ["onComponentProps"]
|
||||
}; }
|
||||
};
|
||||
|
||||
const RouteRedirect = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionRouteRedirectChanged = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionRouteRedirectChanged", 7);
|
||||
}
|
||||
propDidChange() {
|
||||
this.ionRouteRedirectChanged.emit();
|
||||
}
|
||||
connectedCallback() {
|
||||
this.ionRouteRedirectChanged.emit();
|
||||
}
|
||||
static get watchers() { return {
|
||||
"from": ["propDidChange"],
|
||||
"to": ["propDidChange"]
|
||||
}; }
|
||||
};
|
||||
|
||||
const ROUTER_INTENT_NONE = 'root';
|
||||
const ROUTER_INTENT_FORWARD = 'forward';
|
||||
const ROUTER_INTENT_BACK = 'back';
|
||||
|
||||
const generatePath = (segments) => {
|
||||
const path = segments
|
||||
.filter(s => s.length > 0)
|
||||
.join('/');
|
||||
return '/' + path;
|
||||
};
|
||||
const chainToPath = (chain) => {
|
||||
const path = [];
|
||||
for (const route of chain) {
|
||||
for (const segment of route.path) {
|
||||
if (segment[0] === ':') {
|
||||
const param = route.params && route.params[segment.slice(1)];
|
||||
if (!param) {
|
||||
return null;
|
||||
}
|
||||
path.push(param);
|
||||
}
|
||||
else if (segment !== '') {
|
||||
path.push(segment);
|
||||
}
|
||||
}
|
||||
}
|
||||
return path;
|
||||
};
|
||||
const writePath = (history, root, useHash, path, direction, state, queryString) => {
|
||||
let url = generatePath([
|
||||
...parsePath(root),
|
||||
...path
|
||||
]);
|
||||
if (useHash) {
|
||||
url = '#' + url;
|
||||
}
|
||||
if (queryString !== undefined) {
|
||||
url = url + '?' + queryString;
|
||||
}
|
||||
if (direction === ROUTER_INTENT_FORWARD) {
|
||||
history.pushState(state, '', url);
|
||||
}
|
||||
else {
|
||||
history.replaceState(state, '', url);
|
||||
}
|
||||
};
|
||||
const removePrefix = (prefix, path) => {
|
||||
if (prefix.length > path.length) {
|
||||
return null;
|
||||
}
|
||||
if (prefix.length <= 1 && prefix[0] === '') {
|
||||
return path;
|
||||
}
|
||||
for (let i = 0; i < prefix.length; i++) {
|
||||
if (prefix[i].length > 0 && prefix[i] !== path[i]) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
if (path.length === prefix.length) {
|
||||
return [''];
|
||||
}
|
||||
return path.slice(prefix.length);
|
||||
};
|
||||
const readPath = (loc, root, useHash) => {
|
||||
let pathname = loc.pathname;
|
||||
if (useHash) {
|
||||
const hash = loc.hash;
|
||||
pathname = (hash[0] === '#')
|
||||
? hash.slice(1)
|
||||
: '';
|
||||
}
|
||||
const prefix = parsePath(root);
|
||||
const path = parsePath(pathname);
|
||||
return removePrefix(prefix, path);
|
||||
};
|
||||
const parsePath = (path) => {
|
||||
if (path == null) {
|
||||
return [''];
|
||||
}
|
||||
const removeQueryString = path.split('?')[0];
|
||||
const segments = removeQueryString.split('/')
|
||||
.map(s => s.trim())
|
||||
.filter(s => s.length > 0);
|
||||
if (segments.length === 0) {
|
||||
return [''];
|
||||
}
|
||||
else {
|
||||
return segments;
|
||||
}
|
||||
};
|
||||
|
||||
const printRoutes = (routes) => {
|
||||
console.group(`[ion-core] ROUTES[${routes.length}]`);
|
||||
for (const chain of routes) {
|
||||
const path = [];
|
||||
chain.forEach(r => path.push(...r.path));
|
||||
const ids = chain.map(r => r.id);
|
||||
console.debug(`%c ${generatePath(path)}`, 'font-weight: bold; padding-left: 20px', '=>\t', `(${ids.join(', ')})`);
|
||||
}
|
||||
console.groupEnd();
|
||||
};
|
||||
const printRedirects = (redirects) => {
|
||||
console.group(`[ion-core] REDIRECTS[${redirects.length}]`);
|
||||
for (const redirect of redirects) {
|
||||
if (redirect.to) {
|
||||
console.debug('FROM: ', `$c ${generatePath(redirect.from)}`, 'font-weight: bold', ' TO: ', `$c ${generatePath(redirect.to)}`, 'font-weight: bold');
|
||||
}
|
||||
}
|
||||
console.groupEnd();
|
||||
};
|
||||
|
||||
const writeNavState = async (root, chain, direction, index, changed = false, animation) => {
|
||||
try {
|
||||
// find next navigation outlet in the DOM
|
||||
const outlet = searchNavNode(root);
|
||||
// make sure we can continue interacting the DOM, otherwise abort
|
||||
if (index >= chain.length || !outlet) {
|
||||
return changed;
|
||||
}
|
||||
await outlet.componentOnReady();
|
||||
const route = chain[index];
|
||||
const result = await outlet.setRouteId(route.id, route.params, direction, animation);
|
||||
// if the outlet changed the page, reset navigation to neutral (no direction)
|
||||
// this means nested outlets will not animate
|
||||
if (result.changed) {
|
||||
direction = ROUTER_INTENT_NONE;
|
||||
changed = true;
|
||||
}
|
||||
// recursively set nested outlets
|
||||
changed = await writeNavState(result.element, chain, direction, index + 1, changed, animation);
|
||||
// once all nested outlets are visible let's make the parent visible too,
|
||||
// using markVisible prevents flickering
|
||||
if (result.markVisible) {
|
||||
await result.markVisible();
|
||||
}
|
||||
return changed;
|
||||
}
|
||||
catch (e) {
|
||||
console.error(e);
|
||||
return false;
|
||||
}
|
||||
};
|
||||
const readNavState = async (root) => {
|
||||
const ids = [];
|
||||
let outlet;
|
||||
let node = root;
|
||||
// tslint:disable-next-line:no-constant-condition
|
||||
while (true) {
|
||||
outlet = searchNavNode(node);
|
||||
if (outlet) {
|
||||
const id = await outlet.getRouteId();
|
||||
if (id) {
|
||||
node = id.element;
|
||||
id.element = undefined;
|
||||
ids.push(id);
|
||||
}
|
||||
else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
return { ids, outlet };
|
||||
};
|
||||
const waitUntilNavNode = () => {
|
||||
if (searchNavNode(document.body)) {
|
||||
return Promise.resolve();
|
||||
}
|
||||
return new Promise(resolve => {
|
||||
window.addEventListener('ionNavWillLoad', resolve, { once: true });
|
||||
});
|
||||
};
|
||||
const QUERY = ':not([no-router]) ion-nav, :not([no-router]) ion-tabs, :not([no-router]) ion-router-outlet';
|
||||
const searchNavNode = (root) => {
|
||||
if (!root) {
|
||||
return undefined;
|
||||
}
|
||||
if (root.matches(QUERY)) {
|
||||
return root;
|
||||
}
|
||||
const outlet = root.querySelector(QUERY);
|
||||
return outlet ? outlet : undefined;
|
||||
};
|
||||
|
||||
const matchesRedirect = (input, route) => {
|
||||
const { from, to } = route;
|
||||
if (to === undefined) {
|
||||
return false;
|
||||
}
|
||||
if (from.length > input.length) {
|
||||
return false;
|
||||
}
|
||||
for (let i = 0; i < from.length; i++) {
|
||||
const expected = from[i];
|
||||
if (expected === '*') {
|
||||
return true;
|
||||
}
|
||||
if (expected !== input[i]) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return from.length === input.length;
|
||||
};
|
||||
const routeRedirect = (path, routes) => {
|
||||
return routes.find(route => matchesRedirect(path, route));
|
||||
};
|
||||
const matchesIDs = (ids, chain) => {
|
||||
const len = Math.min(ids.length, chain.length);
|
||||
let i = 0;
|
||||
for (; i < len; i++) {
|
||||
if (ids[i].toLowerCase() !== chain[i].id) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
return i;
|
||||
};
|
||||
const matchesPath = (inputPath, chain) => {
|
||||
const segments = new RouterSegments(inputPath);
|
||||
let matchesDefault = false;
|
||||
let allparams;
|
||||
for (let i = 0; i < chain.length; i++) {
|
||||
const path = chain[i].path;
|
||||
if (path[0] === '') {
|
||||
matchesDefault = true;
|
||||
}
|
||||
else {
|
||||
for (const segment of path) {
|
||||
const data = segments.next();
|
||||
// data param
|
||||
if (segment[0] === ':') {
|
||||
if (data === '') {
|
||||
return null;
|
||||
}
|
||||
allparams = allparams || [];
|
||||
const params = allparams[i] || (allparams[i] = {});
|
||||
params[segment.slice(1)] = data;
|
||||
}
|
||||
else if (data !== segment) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
matchesDefault = false;
|
||||
}
|
||||
}
|
||||
const matches = (matchesDefault)
|
||||
? matchesDefault === (segments.next() === '')
|
||||
: true;
|
||||
if (!matches) {
|
||||
return null;
|
||||
}
|
||||
if (allparams) {
|
||||
return chain.map((route, i) => ({
|
||||
id: route.id,
|
||||
path: route.path,
|
||||
params: mergeParams(route.params, allparams[i]),
|
||||
beforeEnter: route.beforeEnter,
|
||||
beforeLeave: route.beforeLeave
|
||||
}));
|
||||
}
|
||||
return chain;
|
||||
};
|
||||
const mergeParams = (a, b) => {
|
||||
if (!a && b) {
|
||||
return b;
|
||||
}
|
||||
else if (a && !b) {
|
||||
return a;
|
||||
}
|
||||
else if (a && b) {
|
||||
return Object.assign(Object.assign({}, a), b);
|
||||
}
|
||||
return undefined;
|
||||
};
|
||||
const routerIDsToChain = (ids, chains) => {
|
||||
let match = null;
|
||||
let maxMatches = 0;
|
||||
const plainIDs = ids.map(i => i.id);
|
||||
for (const chain of chains) {
|
||||
const score = matchesIDs(plainIDs, chain);
|
||||
if (score > maxMatches) {
|
||||
match = chain;
|
||||
maxMatches = score;
|
||||
}
|
||||
}
|
||||
if (match) {
|
||||
return match.map((route, i) => ({
|
||||
id: route.id,
|
||||
path: route.path,
|
||||
params: mergeParams(route.params, ids[i] && ids[i].params)
|
||||
}));
|
||||
}
|
||||
return null;
|
||||
};
|
||||
const routerPathToChain = (path, chains) => {
|
||||
let match = null;
|
||||
let matches = 0;
|
||||
for (const chain of chains) {
|
||||
const matchedChain = matchesPath(path, chain);
|
||||
if (matchedChain !== null) {
|
||||
const score = computePriority(matchedChain);
|
||||
if (score > matches) {
|
||||
matches = score;
|
||||
match = matchedChain;
|
||||
}
|
||||
}
|
||||
}
|
||||
return match;
|
||||
};
|
||||
const computePriority = (chain) => {
|
||||
let score = 1;
|
||||
let level = 1;
|
||||
for (const route of chain) {
|
||||
for (const path of route.path) {
|
||||
if (path[0] === ':') {
|
||||
score += Math.pow(1, level);
|
||||
}
|
||||
else if (path !== '') {
|
||||
score += Math.pow(2, level);
|
||||
}
|
||||
level++;
|
||||
}
|
||||
}
|
||||
return score;
|
||||
};
|
||||
class RouterSegments {
|
||||
constructor(path) {
|
||||
this.path = path.slice();
|
||||
}
|
||||
next() {
|
||||
if (this.path.length > 0) {
|
||||
return this.path.shift();
|
||||
}
|
||||
return '';
|
||||
}
|
||||
}
|
||||
|
||||
const readRedirects = (root) => {
|
||||
return Array.from(root.children)
|
||||
.filter(el => el.tagName === 'ION-ROUTE-REDIRECT')
|
||||
.map(el => {
|
||||
const to = readProp(el, 'to');
|
||||
return {
|
||||
from: parsePath(readProp(el, 'from')),
|
||||
to: to == null ? undefined : parsePath(to),
|
||||
};
|
||||
});
|
||||
};
|
||||
const readRoutes = (root) => {
|
||||
return flattenRouterTree(readRouteNodes(root));
|
||||
};
|
||||
const readRouteNodes = (root, node = root) => {
|
||||
return Array.from(node.children)
|
||||
.filter(el => el.tagName === 'ION-ROUTE' && el.component)
|
||||
.map(el => {
|
||||
const component = readProp(el, 'component');
|
||||
if (component == null) {
|
||||
throw new Error('component missing in ion-route');
|
||||
}
|
||||
return {
|
||||
path: parsePath(readProp(el, 'url')),
|
||||
id: component.toLowerCase(),
|
||||
params: el.componentProps,
|
||||
beforeLeave: el.beforeLeave,
|
||||
beforeEnter: el.beforeEnter,
|
||||
children: readRouteNodes(root, el)
|
||||
};
|
||||
});
|
||||
};
|
||||
const readProp = (el, prop) => {
|
||||
if (prop in el) {
|
||||
return el[prop];
|
||||
}
|
||||
if (el.hasAttribute(prop)) {
|
||||
return el.getAttribute(prop);
|
||||
}
|
||||
return null;
|
||||
};
|
||||
const flattenRouterTree = (nodes) => {
|
||||
const routes = [];
|
||||
for (const node of nodes) {
|
||||
flattenNode([], routes, node);
|
||||
}
|
||||
return routes;
|
||||
};
|
||||
const flattenNode = (chain, routes, node) => {
|
||||
const s = chain.slice();
|
||||
s.push({
|
||||
id: node.id,
|
||||
path: node.path,
|
||||
params: node.params,
|
||||
beforeLeave: node.beforeLeave,
|
||||
beforeEnter: node.beforeEnter
|
||||
});
|
||||
if (node.children.length === 0) {
|
||||
routes.push(s);
|
||||
return;
|
||||
}
|
||||
for (const sub of node.children) {
|
||||
flattenNode(s, routes, sub);
|
||||
}
|
||||
};
|
||||
|
||||
const Router = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
this.ionRouteWillChange = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionRouteWillChange", 7);
|
||||
this.ionRouteDidChange = Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionRouteDidChange", 7);
|
||||
this.previousPath = null;
|
||||
this.busy = false;
|
||||
this.state = 0;
|
||||
this.lastState = 0;
|
||||
/**
|
||||
* By default `ion-router` will match the routes at the root path ("/").
|
||||
* That can be changed when
|
||||
*
|
||||
*/
|
||||
this.root = '/';
|
||||
/**
|
||||
* The router can work in two "modes":
|
||||
* - With hash: `/index.html#/path/to/page`
|
||||
* - Without hash: `/path/to/page`
|
||||
*
|
||||
* Using one or another might depend in the requirements of your app and/or where it's deployed.
|
||||
*
|
||||
* Usually "hash-less" navigation works better for SEO and it's more user friendly too, but it might
|
||||
* requires additional server-side configuration in order to properly work.
|
||||
*
|
||||
* On the otherside hash-navigation is much easier to deploy, it even works over the file protocol.
|
||||
*
|
||||
* By default, this property is `true`, change to `false` to allow hash-less URLs.
|
||||
*/
|
||||
this.useHash = true;
|
||||
}
|
||||
async componentWillLoad() {
|
||||
console.debug('[ion-router] router will load');
|
||||
await waitUntilNavNode();
|
||||
console.debug('[ion-router] found nav');
|
||||
await this.onRoutesChanged();
|
||||
}
|
||||
componentDidLoad() {
|
||||
window.addEventListener('ionRouteRedirectChanged', Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["m"])(this.onRedirectChanged.bind(this), 10));
|
||||
window.addEventListener('ionRouteDataChanged', Object(_helpers_90f46169_js__WEBPACK_IMPORTED_MODULE_2__["m"])(this.onRoutesChanged.bind(this), 100));
|
||||
}
|
||||
async onPopState() {
|
||||
const direction = this.historyDirection();
|
||||
let path = this.getPath();
|
||||
const canProceed = await this.runGuards(path);
|
||||
if (canProceed !== true) {
|
||||
if (typeof canProceed === 'object') {
|
||||
path = parsePath(canProceed.redirect);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
console.debug('[ion-router] URL changed -> update nav', path, direction);
|
||||
return this.writeNavStateRoot(path, direction);
|
||||
}
|
||||
onBackButton(ev) {
|
||||
ev.detail.register(0, processNextHandler => {
|
||||
this.back();
|
||||
processNextHandler();
|
||||
});
|
||||
}
|
||||
/** @internal */
|
||||
async canTransition() {
|
||||
const canProceed = await this.runGuards();
|
||||
if (canProceed !== true) {
|
||||
if (typeof canProceed === 'object') {
|
||||
return canProceed.redirect;
|
||||
}
|
||||
else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
/**
|
||||
* Navigate to the specified URL.
|
||||
*
|
||||
* @param url The url to navigate to.
|
||||
* @param direction The direction of the animation. Defaults to `"forward"`.
|
||||
*/
|
||||
async push(url, direction = 'forward', animation) {
|
||||
if (url.startsWith('.')) {
|
||||
url = (new URL(url, window.location.href)).pathname;
|
||||
}
|
||||
console.debug('[ion-router] URL pushed -> updating nav', url, direction);
|
||||
let path = parsePath(url);
|
||||
let queryString = url.split('?')[1];
|
||||
const canProceed = await this.runGuards(path);
|
||||
if (canProceed !== true) {
|
||||
if (typeof canProceed === 'object') {
|
||||
path = parsePath(canProceed.redirect);
|
||||
queryString = canProceed.redirect.split('?')[1];
|
||||
}
|
||||
else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
this.setPath(path, direction, queryString);
|
||||
return this.writeNavStateRoot(path, direction, animation);
|
||||
}
|
||||
/**
|
||||
* Go back to previous page in the window.history.
|
||||
*/
|
||||
back() {
|
||||
window.history.back();
|
||||
return Promise.resolve(this.waitPromise);
|
||||
}
|
||||
/** @internal */
|
||||
async printDebug() {
|
||||
console.debug('CURRENT PATH', this.getPath());
|
||||
console.debug('PREVIOUS PATH', this.previousPath);
|
||||
printRoutes(readRoutes(this.el));
|
||||
printRedirects(readRedirects(this.el));
|
||||
}
|
||||
/** @internal */
|
||||
async navChanged(direction) {
|
||||
if (this.busy) {
|
||||
console.warn('[ion-router] router is busy, navChanged was cancelled');
|
||||
return false;
|
||||
}
|
||||
const { ids, outlet } = await readNavState(window.document.body);
|
||||
const routes = readRoutes(this.el);
|
||||
const chain = routerIDsToChain(ids, routes);
|
||||
if (!chain) {
|
||||
console.warn('[ion-router] no matching URL for ', ids.map(i => i.id));
|
||||
return false;
|
||||
}
|
||||
const path = chainToPath(chain);
|
||||
if (!path) {
|
||||
console.warn('[ion-router] router could not match path because some required param is missing');
|
||||
return false;
|
||||
}
|
||||
console.debug('[ion-router] nav changed -> update URL', ids, path);
|
||||
this.setPath(path, direction);
|
||||
await this.safeWriteNavState(outlet, chain, ROUTER_INTENT_NONE, path, null, ids.length);
|
||||
return true;
|
||||
}
|
||||
onRedirectChanged() {
|
||||
const path = this.getPath();
|
||||
if (path && routeRedirect(path, readRedirects(this.el))) {
|
||||
this.writeNavStateRoot(path, ROUTER_INTENT_NONE);
|
||||
}
|
||||
}
|
||||
onRoutesChanged() {
|
||||
return this.writeNavStateRoot(this.getPath(), ROUTER_INTENT_NONE);
|
||||
}
|
||||
historyDirection() {
|
||||
const win = window;
|
||||
if (win.history.state === null) {
|
||||
this.state++;
|
||||
win.history.replaceState(this.state, win.document.title, win.document.location && win.document.location.href);
|
||||
}
|
||||
const state = win.history.state;
|
||||
const lastState = this.lastState;
|
||||
this.lastState = state;
|
||||
if (state > lastState || (state >= lastState && lastState > 0)) {
|
||||
return ROUTER_INTENT_FORWARD;
|
||||
}
|
||||
else if (state < lastState) {
|
||||
return ROUTER_INTENT_BACK;
|
||||
}
|
||||
else {
|
||||
return ROUTER_INTENT_NONE;
|
||||
}
|
||||
}
|
||||
async writeNavStateRoot(path, direction, animation) {
|
||||
if (!path) {
|
||||
console.error('[ion-router] URL is not part of the routing set');
|
||||
return false;
|
||||
}
|
||||
// lookup redirect rule
|
||||
const redirects = readRedirects(this.el);
|
||||
const redirect = routeRedirect(path, redirects);
|
||||
let redirectFrom = null;
|
||||
if (redirect) {
|
||||
this.setPath(redirect.to, direction);
|
||||
redirectFrom = redirect.from;
|
||||
path = redirect.to;
|
||||
}
|
||||
// lookup route chain
|
||||
const routes = readRoutes(this.el);
|
||||
const chain = routerPathToChain(path, routes);
|
||||
if (!chain) {
|
||||
console.error('[ion-router] the path does not match any route');
|
||||
return false;
|
||||
}
|
||||
// write DOM give
|
||||
return this.safeWriteNavState(document.body, chain, direction, path, redirectFrom, 0, animation);
|
||||
}
|
||||
async safeWriteNavState(node, chain, direction, path, redirectFrom, index = 0, animation) {
|
||||
const unlock = await this.lock();
|
||||
let changed = false;
|
||||
try {
|
||||
changed = await this.writeNavState(node, chain, direction, path, redirectFrom, index, animation);
|
||||
}
|
||||
catch (e) {
|
||||
console.error(e);
|
||||
}
|
||||
unlock();
|
||||
return changed;
|
||||
}
|
||||
async lock() {
|
||||
const p = this.waitPromise;
|
||||
let resolve;
|
||||
this.waitPromise = new Promise(r => resolve = r);
|
||||
if (p !== undefined) {
|
||||
await p;
|
||||
}
|
||||
return resolve;
|
||||
}
|
||||
async runGuards(to = this.getPath(), from = parsePath(this.previousPath)) {
|
||||
if (!to || !from) {
|
||||
return true;
|
||||
}
|
||||
const routes = readRoutes(this.el);
|
||||
const toChain = routerPathToChain(to, routes);
|
||||
const fromChain = routerPathToChain(from, routes);
|
||||
const beforeEnterHook = toChain && toChain[toChain.length - 1].beforeEnter;
|
||||
const beforeLeaveHook = fromChain && fromChain[fromChain.length - 1].beforeLeave;
|
||||
const canLeave = beforeLeaveHook ? await beforeLeaveHook() : true;
|
||||
if (canLeave === false || typeof canLeave === 'object') {
|
||||
return canLeave;
|
||||
}
|
||||
const canEnter = beforeEnterHook ? await beforeEnterHook() : true;
|
||||
if (canEnter === false || typeof canEnter === 'object') {
|
||||
return canEnter;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
async writeNavState(node, chain, direction, path, redirectFrom, index = 0, animation) {
|
||||
if (this.busy) {
|
||||
console.warn('[ion-router] router is busy, transition was cancelled');
|
||||
return false;
|
||||
}
|
||||
this.busy = true;
|
||||
// generate route event and emit will change
|
||||
const routeEvent = this.routeChangeEvent(path, redirectFrom);
|
||||
if (routeEvent) {
|
||||
this.ionRouteWillChange.emit(routeEvent);
|
||||
}
|
||||
const changed = await writeNavState(node, chain, direction, index, false, animation);
|
||||
this.busy = false;
|
||||
if (changed) {
|
||||
console.debug('[ion-router] route changed', path);
|
||||
}
|
||||
// emit did change
|
||||
if (routeEvent) {
|
||||
this.ionRouteDidChange.emit(routeEvent);
|
||||
}
|
||||
return changed;
|
||||
}
|
||||
setPath(path, direction, queryString) {
|
||||
this.state++;
|
||||
writePath(window.history, this.root, this.useHash, path, direction, this.state, queryString);
|
||||
}
|
||||
getPath() {
|
||||
return readPath(window.location, this.root, this.useHash);
|
||||
}
|
||||
routeChangeEvent(path, redirectFromPath) {
|
||||
const from = this.previousPath;
|
||||
const to = generatePath(path);
|
||||
this.previousPath = to;
|
||||
if (to === from) {
|
||||
return null;
|
||||
}
|
||||
const redirectedFrom = redirectFromPath ? generatePath(redirectFromPath) : null;
|
||||
return {
|
||||
from,
|
||||
redirectedFrom,
|
||||
to,
|
||||
};
|
||||
}
|
||||
get el() { return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["i"])(this); }
|
||||
};
|
||||
|
||||
const routerLinkCss = ":host{--background:transparent;--color:var(--ion-color-primary, #3880ff);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}";
|
||||
|
||||
const RouterLink = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
/**
|
||||
* When using a router, it specifies the transition direction when navigating to
|
||||
* another page using `href`.
|
||||
*/
|
||||
this.routerDirection = 'forward';
|
||||
this.onClick = (ev) => {
|
||||
Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__["o"])(this.href, ev, this.routerDirection, this.routerAnimation);
|
||||
};
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
const attrs = {
|
||||
href: this.href,
|
||||
rel: this.rel,
|
||||
target: this.target
|
||||
};
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { onClick: this.onClick, class: Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_3__["c"])(this.color, {
|
||||
[mode]: true,
|
||||
'ion-activatable': true
|
||||
}) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("a", Object.assign({}, attrs), Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null))));
|
||||
}
|
||||
};
|
||||
RouterLink.style = routerLinkCss;
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=29-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -1,77 +0,0 @@
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[3],{
|
||||
|
||||
/***/ "./node_modules/@ionic/core/dist/esm/ion-avatar_3.entry.js":
|
||||
/*!*****************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-avatar_3.entry.js ***!
|
||||
\*****************************************************************/
|
||||
/*! exports provided: ion_avatar, ion_badge, ion_thumbnail */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_avatar", function() { return Avatar; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_badge", function() { return Badge; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ion_thumbnail", function() { return Thumbnail; });
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-9d5c8ee3.js */ "./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */ var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./theme-ff3fc52f.js */ "./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
|
||||
|
||||
|
||||
|
||||
const avatarIosCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";
|
||||
|
||||
const avatarMdCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:64px;height:64px}";
|
||||
|
||||
const Avatar = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
render() {
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)));
|
||||
}
|
||||
};
|
||||
Avatar.style = {
|
||||
ios: avatarIosCss,
|
||||
md: avatarMdCss
|
||||
};
|
||||
|
||||
const badgeIosCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:13px;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px}";
|
||||
|
||||
const badgeMdCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:13px;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
|
||||
|
||||
const Badge = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
render() {
|
||||
const mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_2__["c"])(this.color, {
|
||||
[mode]: true,
|
||||
}) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)));
|
||||
}
|
||||
};
|
||||
Badge.style = {
|
||||
ios: badgeIosCss,
|
||||
md: badgeMdCss
|
||||
};
|
||||
|
||||
const thumbnailCss = ":host{--size:48px;--border-radius:0;border-radius:var(--border-radius);display:block;width:var(--size);height:var(--size)}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}";
|
||||
|
||||
const Thumbnail = class {
|
||||
constructor(hostRef) {
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
render() {
|
||||
return (Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], { class: Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this) }, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null)));
|
||||
}
|
||||
};
|
||||
Thumbnail.style = thumbnailCss;
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=3-es2015.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -1,138 +0,0 @@
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[3], {
|
||||
/***/
|
||||
"./node_modules/@ionic/core/dist/esm/ion-avatar_3.entry.js":
|
||||
/*!*****************************************************************!*\
|
||||
!*** ./node_modules/@ionic/core/dist/esm/ion-avatar_3.entry.js ***!
|
||||
\*****************************************************************/
|
||||
|
||||
/*! exports provided: ion_avatar, ion_badge, ion_thumbnail */
|
||||
|
||||
/***/
|
||||
function node_modulesIonicCoreDistEsmIonAvatar_3EntryJs(module, __webpack_exports__, __webpack_require__) {
|
||||
"use strict";
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_avatar", function () {
|
||||
return Avatar;
|
||||
});
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_badge", function () {
|
||||
return Badge;
|
||||
});
|
||||
/* harmony export (binding) */
|
||||
|
||||
|
||||
__webpack_require__.d(__webpack_exports__, "ion_thumbnail", function () {
|
||||
return Thumbnail;
|
||||
});
|
||||
/* 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 _ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
||||
/*! ./ionic-global-9d5c8ee3.js */
|
||||
"./node_modules/@ionic/core/dist/esm/ionic-global-9d5c8ee3.js");
|
||||
/* harmony import */
|
||||
|
||||
|
||||
var _theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
|
||||
/*! ./theme-ff3fc52f.js */
|
||||
"./node_modules/@ionic/core/dist/esm/theme-ff3fc52f.js");
|
||||
|
||||
var avatarIosCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";
|
||||
var avatarMdCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:64px;height:64px}";
|
||||
|
||||
var Avatar = /*#__PURE__*/function () {
|
||||
function Avatar(hostRef) {
|
||||
_classCallCheck(this, Avatar);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
|
||||
_createClass(Avatar, [{
|
||||
key: "render",
|
||||
value: function render() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this)
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null));
|
||||
}
|
||||
}]);
|
||||
|
||||
return Avatar;
|
||||
}();
|
||||
|
||||
Avatar.style = {
|
||||
ios: avatarIosCss,
|
||||
md: avatarMdCss
|
||||
};
|
||||
var badgeIosCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:13px;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px}";
|
||||
var badgeMdCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:13px;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
|
||||
|
||||
var Badge = /*#__PURE__*/function () {
|
||||
function Badge(hostRef) {
|
||||
_classCallCheck(this, Badge);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
|
||||
_createClass(Badge, [{
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var mode = Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": Object(_theme_ff3fc52f_js__WEBPACK_IMPORTED_MODULE_2__["c"])(this.color, _defineProperty({}, mode, true))
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null));
|
||||
}
|
||||
}]);
|
||||
|
||||
return Badge;
|
||||
}();
|
||||
|
||||
Badge.style = {
|
||||
ios: badgeIosCss,
|
||||
md: badgeMdCss
|
||||
};
|
||||
var thumbnailCss = ":host{--size:48px;--border-radius:0;border-radius:var(--border-radius);display:block;width:var(--size);height:var(--size)}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}";
|
||||
|
||||
var Thumbnail = /*#__PURE__*/function () {
|
||||
function Thumbnail(hostRef) {
|
||||
_classCallCheck(this, Thumbnail);
|
||||
|
||||
Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
||||
}
|
||||
|
||||
_createClass(Thumbnail, [{
|
||||
key: "render",
|
||||
value: function render() {
|
||||
return Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
|
||||
"class": Object(_ionic_global_9d5c8ee3_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this)
|
||||
}, Object(_index_e806d1f6_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null));
|
||||
}
|
||||
}]);
|
||||
|
||||
return Thumbnail;
|
||||
}();
|
||||
|
||||
Thumbnail.style = thumbnailCss;
|
||||
/***/
|
||||
}
|
||||
}]);
|
||||
//# sourceMappingURL=3-es5.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user