536 lines
28 KiB
JavaScript
536 lines
28 KiB
JavaScript
(function () {
|
|
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_92848855_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
|
|
/*! ./index-92848855.js */
|
|
"./node_modules/@ionic/core/dist/esm/index-92848855.js");
|
|
/* harmony import */
|
|
|
|
|
|
var _ionic_global_23e7365a_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
/*! ./ionic-global-23e7365a.js */
|
|
"./node_modules/@ionic/core/dist/esm/ionic-global-23e7365a.js");
|
|
/* harmony import */
|
|
|
|
|
|
var _helpers_5c745fbd_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
|
|
/*! ./helpers-5c745fbd.js */
|
|
"./node_modules/@ionic/core/dist/esm/helpers-5c745fbd.js");
|
|
/* harmony import */
|
|
|
|
|
|
var _animation_a635a2fc_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
|
|
/*! ./animation-a635a2fc.js */
|
|
"./node_modules/@ionic/core/dist/esm/animation-a635a2fc.js");
|
|
/* harmony import */
|
|
|
|
|
|
var _index_9b2fc761_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
|
|
/*! ./index-9b2fc761.js */
|
|
"./node_modules/@ionic/core/dist/esm/index-9b2fc761.js");
|
|
/* harmony import */
|
|
|
|
|
|
var _hardware_back_button_7b6ede21_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
|
|
/*! ./hardware-back-button-7b6ede21.js */
|
|
"./node_modules/@ionic/core/dist/esm/hardware-back-button-7b6ede21.js");
|
|
/* harmony import */
|
|
|
|
|
|
var _overlays_c5d9d644_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
|
|
/*! ./overlays-c5d9d644.js */
|
|
"./node_modules/@ionic/core/dist/esm/overlays-c5d9d644.js");
|
|
/* harmony import */
|
|
|
|
|
|
var _theme_5641d27f_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
|
|
/*! ./theme-5641d27f.js */
|
|
"./node_modules/@ionic/core/dist/esm/theme-5641d27f.js");
|
|
/* harmony import */
|
|
|
|
|
|
var _framework_delegate_d1eb6504_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
|
|
/*! ./framework-delegate-d1eb6504.js */
|
|
"./node_modules/@ionic/core/dist/esm/framework-delegate-d1eb6504.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_a635a2fc_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
|
var backdropAnimation = Object(_animation_a635a2fc_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
|
var wrapperAnimation = Object(_animation_a635a2fc_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_a635a2fc_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
|
var backdropAnimation = Object(_animation_a635a2fc_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
|
var wrapperAnimation = Object(_animation_a635a2fc_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_a635a2fc_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
|
var backdropAnimation = Object(_animation_a635a2fc_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
|
var wrapperAnimation = Object(_animation_a635a2fc_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
|
var contentAnimation = Object(_animation_a635a2fc_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
|
var viewportAnimation = Object(_animation_a635a2fc_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_a635a2fc_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
|
var backdropAnimation = Object(_animation_a635a2fc_js__WEBPACK_IMPORTED_MODULE_3__["c"])();
|
|
var wrapperAnimation = Object(_animation_a635a2fc_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_92848855_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
|
|
this.didPresent = Object(_index_92848855_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionPopoverDidPresent", 7);
|
|
this.willPresent = Object(_index_92848855_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionPopoverWillPresent", 7);
|
|
this.willDismiss = Object(_index_92848855_js__WEBPACK_IMPORTED_MODULE_0__["e"])(this, "ionPopoverWillDismiss", 7);
|
|
this.didDismiss = Object(_index_92848855_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_c5d9d644_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_c5d9d644_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_d1eb6504_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_9b2fc761_js__WEBPACK_IMPORTED_MODULE_4__["e"])(this.usersElement);
|
|
|
|
case 11:
|
|
return _context.abrupt("return", Object(_overlays_c5d9d644_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_c5d9d644_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_d1eb6504_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_c5d9d644_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_c5d9d644_js__WEBPACK_IMPORTED_MODULE_6__["g"])(this.el, 'ionPopoverWillDismiss');
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _Object$assign;
|
|
|
|
var mode = Object(_ionic_global_23e7365a_js__WEBPACK_IMPORTED_MODULE_1__["b"])(this);
|
|
var onLifecycle = this.onLifecycle;
|
|
return Object(_index_92848855_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_92848855_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_5641d27f_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_92848855_js__WEBPACK_IMPORTED_MODULE_0__["h"])("ion-backdrop", {
|
|
tappable: this.backdropDismiss,
|
|
visible: this.showBackdrop
|
|
}), Object(_index_92848855_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
|
tabindex: "0"
|
|
}), Object(_index_92848855_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
|
"class": "popover-wrapper ion-overlay-wrapper"
|
|
}, Object(_index_92848855_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
|
"class": "popover-arrow"
|
|
}), Object(_index_92848855_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
|
"class": "popover-content"
|
|
})), Object(_index_92848855_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
|
|
tabindex: "0"
|
|
}));
|
|
}
|
|
}, {
|
|
key: "el",
|
|
get: function get() {
|
|
return Object(_index_92848855_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
|