{"version":3,"sources":["webpack:///./node_modules/@ionic/core/dist/esm/legacy/ion-modal-ios.entry.js"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAiC;AAC6F;AACjG;AACA;AACqE;AAC3C;AAC0B;AAC5B;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,eAAe;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,uCAAuC;AACrF;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,eAAe;AAClD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,aAAa;AAC9B;AACA;AACA;AACA,QAAQ,4DAAgB;AACxB;AACA,oBAAoB,4DAAU;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,4DAAW;AACrC,2BAA2B,4DAAW;AACtC,2BAA2B,4DAAW;AACtC,0BAA0B,4DAAW;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,oDAAQ;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,+CAAiB;AAChC;AACA,mBAAmB,iDAAmB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD,wBAAwB,iBAAiB;AAClG;AACA,6CAA6C,4DAAe;AAC5D;AACA;AACA,6CAA6C,4DAAS;AACtD;AACA;AACA,8CAA8C,4DAAO;AACrD;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,+CAAiB;AAChC;AACA,mBAAmB,iDAAmB;AACtC;AACA,iDAAiD,4DAAO;AACxD;AACA;AACA;AACA,6CAA6C,4DAAe;AAC5D;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,eAAe,4DAAW;AAC1B;AACA;AACA;AACA;AACA;AACA,eAAe,4DAAW;AAC1B;AACA;AACA;AACA,mBAAmB,4DAAU;AAC7B;AACA;AACA;AACA,yCAAyC,wBAAwB,4DAAW;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,4DAAU;AAC7B,oCAAoC;AACpC;AACA;AACA;AACA;AACA,YAAY,4DAAC,kBAAkB,6DAA6D;AAC5F,YAAY,4DAAC,SAAS,uCAAuC;AAC7D;AACA;AACA;AACA,0BAA0B,QAAQ,4DAAU,OAAO,EAAE;AACrD;AACA;AACA,KAAK;AACL,0CAA0C,QAAQ,4DAAC,CAAC,oDAAI,4CAA4C;AACpG;AACA,0BAA0B,6BAA6B,aAAa,iBAAiB,iBAAiB,cAAc,kBAAkB,kBAAkB,kBAAkB,kBAAkB,iBAAiB,oBAAoB,2BAA2B,8CAA8C,kBAAkB,OAAO,QAAQ,MAAM,SAAS,oBAAoB,aAAa,kBAAkB,sBAAsB,mBAAmB,qBAAqB,uBAAuB,eAAe,mCAAmC,aAAa,gCAAgC,mCAAmC,mBAAmB,2BAA2B,2BAA2B,qBAAqB,6BAA6B,6BAA6B,iCAAiC,iCAAiC,iCAAiC,6BAA6B,qCAAqC,6BAA6B,yBAAyB,WAAW,iEAAiE,oBAAoB,cAAc,eAAe,wBAAwB,2BAA2B,0BAA0B,0BAA0B,iEAAiE,oBAAoB,cAAc,gBAAgB,iEAAiE,oBAAoB,sBAAsB,gCAAgC,wCAAwC,gCAAgC,EAAE,EAAE;AACrgD;AACA;AACA,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AAC8B","file":"51.js","sourcesContent":["import * as tslib_1 from \"tslib\";\nimport { r as registerInstance, c as getIonMode, d as createEvent, h, e as getElement, H as Host } from './chunk-09ec7fc0.js';\nimport './chunk-1074393c.js';\nimport './chunk-94c4865f.js';\nimport { B as BACKDROP, d as present, e as dismiss, f as eventMethod } from './chunk-d83bfeae.js';\nimport { g as getClassMap } from './chunk-ba834eff.js';\nimport { a as attachComponent, d as detachComponent } from './chunk-00265c49.js';\nimport { d as deepReady } from './chunk-638b009b.js';\n/**\n * iOS Modal Enter Animation\n */\nvar iosEnterAnimation = function (AnimationC, baseEl) {\n    var baseAnimation = new AnimationC();\n    var backdropAnimation = new AnimationC();\n    backdropAnimation.addElement(baseEl.querySelector('ion-backdrop'));\n    var wrapperAnimation = new AnimationC();\n    wrapperAnimation.addElement(baseEl.querySelector('.modal-wrapper'));\n    wrapperAnimation.beforeStyles({ 'opacity': 1 })\n        .fromTo('translateY', '100%', '0%');\n    backdropAnimation.fromTo('opacity', 0.01, 0.4);\n    return Promise.resolve(baseAnimation\n        .addElement(baseEl)\n        .easing('cubic-bezier(0.36,0.66,0.04,1)')\n        .duration(400)\n        .beforeAddClass('show-modal')\n        .add(backdropAnimation)\n        .add(wrapperAnimation));\n};\n/**\n * Animations for modals\n */\n// export function modalSlideIn(rootEl: HTMLElement) {\n// }\n// export class ModalSlideOut {\n//   constructor(el: HTMLElement) {\n//     let backdrop = new Animation(this.plt, el.querySelector('ion-backdrop'));\n//     let wrapperEle = <HTMLElement>el.querySelector('.modal-wrapper');\n//     let wrapperEleRect = wrapperEle.getBoundingClientRect();\n//     let wrapper = new Animation(this.plt, wrapperEle);\n//     // height of the screen - top of the container tells us how much to scoot it down\n//     // so it's off-screen\n//     wrapper.fromTo('translateY', '0px', `${this.plt.height() - wrapperEleRect.top}px`);\n//     backdrop.fromTo('opacity', 0.4, 0.0);\n//     this\n//       .element(this.leavingView.pageRef())\n//       .easing('ease-out')\n//       .duration(250)\n//       .add(backdrop)\n//       .add(wrapper);\n//   }\n// }\n// export class ModalMDSlideIn {\n//   constructor(el: HTMLElement) {\n//     const backdrop = new Animation(this.plt, el.querySelector('ion-backdrop'));\n//     const wrapper = new Animation(this.plt, el.querySelector('.modal-wrapper'));\n//     backdrop.fromTo('opacity', 0.01, 0.4);\n//     wrapper.fromTo('translateY', '40px', '0px');\n//     wrapper.fromTo('opacity', 0.01, 1);\n//     const DURATION = 280;\n//     const EASING = 'cubic-bezier(0.36,0.66,0.04,1)';\n//     this.element(this.enteringView.pageRef()).easing(EASING).duration(DURATION)\n//       .add(backdrop)\n//       .add(wrapper);\n//   }\n// }\n// export class ModalMDSlideOut {\n//   constructor(el: HTMLElement) {\n//     const backdrop = new Animation(this.plt, el.querySelector('ion-backdrop'));\n//     const wrapper = new Animation(this.plt, el.querySelector('.modal-wrapper'));\n//     backdrop.fromTo('opacity', 0.4, 0.0);\n//     wrapper.fromTo('translateY', '0px', '40px');\n//     wrapper.fromTo('opacity', 0.99, 0);\n//     this\n//       .element(this.leavingView.pageRef())\n//       .duration(200)\n//       .easing('cubic-bezier(0.47,0,0.745,0.715)')\n//       .add(wrapper)\n//       .add(backdrop);\n//   }\n// }\n/**\n * iOS Modal Leave Animation\n */\nvar iosLeaveAnimation = function (AnimationC, baseEl) {\n    var baseAnimation = new AnimationC();\n    var backdropAnimation = new AnimationC();\n    backdropAnimation.addElement(baseEl.querySelector('ion-backdrop'));\n    var wrapperAnimation = new AnimationC();\n    var wrapperEl = baseEl.querySelector('.modal-wrapper');\n    wrapperAnimation.addElement(wrapperEl);\n    var wrapperElRect = wrapperEl.getBoundingClientRect();\n    wrapperAnimation.beforeStyles({ 'opacity': 1 })\n        .fromTo('translateY', '0%', baseEl.ownerDocument.defaultView.innerHeight - wrapperElRect.top + \"px\");\n    backdropAnimation.fromTo('opacity', 0.4, 0.0);\n    return Promise.resolve(baseAnimation\n        .addElement(baseEl)\n        .easing('ease-out')\n        .duration(250)\n        .add(backdropAnimation)\n        .add(wrapperAnimation));\n};\n/**\n * Md Modal Enter Animation\n */\nvar mdEnterAnimation = function (AnimationC, baseEl) {\n    var baseAnimation = new AnimationC();\n    var backdropAnimation = new AnimationC();\n    backdropAnimation.addElement(baseEl.querySelector('ion-backdrop'));\n    var wrapperAnimation = new AnimationC();\n    wrapperAnimation.addElement(baseEl.querySelector('.modal-wrapper'));\n    wrapperAnimation\n        .fromTo('opacity', 0.01, 1)\n        .fromTo('translateY', '40px', '0px');\n    backdropAnimation.fromTo('opacity', 0.01, 0.32);\n    return Promise.resolve(baseAnimation\n        .addElement(baseEl)\n        .easing('cubic-bezier(0.36,0.66,0.04,1)')\n        .duration(280)\n        .beforeAddClass('show-modal')\n        .add(backdropAnimation)\n        .add(wrapperAnimation));\n};\n/**\n * Md Modal Leave Animation\n */\nvar mdLeaveAnimation = function (AnimationC, baseEl) {\n    var baseAnimation = new AnimationC();\n    var backdropAnimation = new AnimationC();\n    backdropAnimation.addElement(baseEl.querySelector('ion-backdrop'));\n    var wrapperAnimation = new AnimationC();\n    var wrapperEl = baseEl.querySelector('.modal-wrapper');\n    wrapperAnimation.addElement(wrapperEl);\n    wrapperAnimation\n        .fromTo('opacity', 0.99, 0)\n        .fromTo('translateY', '0px', '40px');\n    backdropAnimation.fromTo('opacity', 0.32, 0.0);\n    return Promise.resolve(baseAnimation\n        .addElement(baseEl)\n        .easing('cubic-bezier(0.47,0,0.745,0.715)')\n        .duration(200)\n        .add(backdropAnimation)\n        .add(wrapperAnimation));\n};\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nvar Modal = /** @class */ (function () {\n    function Modal(hostRef) {\n        registerInstance(this, hostRef);\n        this.presented = false;\n        this.mode = getIonMode(this);\n        /**\n         * If `true`, the keyboard will be automatically dismissed when the overlay is presented.\n         */\n        this.keyboardClose = true;\n        /**\n         * If `true`, the modal will be dismissed when the backdrop is clicked.\n         */\n        this.backdropDismiss = true;\n        /**\n         * If `true`, a backdrop will be displayed behind the modal.\n         */\n        this.showBackdrop = true;\n        /**\n         * If `true`, the modal will animate.\n         */\n        this.animated = true;\n        this.didPresent = createEvent(this, \"ionModalDidPresent\", 7);\n        this.willPresent = createEvent(this, \"ionModalWillPresent\", 7);\n        this.willDismiss = createEvent(this, \"ionModalWillDismiss\", 7);\n        this.didDismiss = createEvent(this, \"ionModalDidDismiss\", 7);\n    }\n    Modal.prototype.onDismiss = function (ev) {\n        ev.stopPropagation();\n        ev.preventDefault();\n        this.dismiss();\n    };\n    Modal.prototype.onBackdropTap = function () {\n        this.dismiss(undefined, BACKDROP);\n    };\n    Modal.prototype.lifecycle = function (modalEvent) {\n        var el = this.usersElement;\n        var name = LIFECYCLE_MAP[modalEvent.type];\n        if (el && name) {\n            var ev = new CustomEvent(name, {\n                bubbles: false,\n                cancelable: false,\n                detail: modalEvent.detail\n            });\n            el.dispatchEvent(ev);\n        }\n    };\n    /**\n     * Present the modal overlay after it has been created.\n     */\n    Modal.prototype.present = function () {\n        return tslib_1.__awaiter(this, void 0, void 0, function () {\n            var container, componentProps, _a;\n            return tslib_1.__generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        if (this.presented) {\n                            return [2 /*return*/];\n                        }\n                        container = this.el.querySelector(\".modal-wrapper\");\n                        if (!container) {\n                            throw new Error('container is undefined');\n                        }\n                        componentProps = Object.assign({}, this.componentProps, { modal: this.el });\n                        _a = this;\n                        return [4 /*yield*/, attachComponent(this.delegate, container, this.component, ['ion-page'], componentProps)];\n                    case 1:\n                        _a.usersElement = _b.sent();\n                        return [4 /*yield*/, deepReady(this.usersElement)];\n                    case 2:\n                        _b.sent();\n                        return [2 /*return*/, present(this, 'modalEnter', iosEnterAnimation, mdEnterAnimation)];\n                }\n            });\n        });\n    };\n    /**\n     * Dismiss the modal overlay after it has been presented.\n     *\n     * @param data Any data to emit in the dismiss events.\n     * @param role The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'.\n     */\n    Modal.prototype.dismiss = function (data, role) {\n        return tslib_1.__awaiter(this, void 0, void 0, function () {\n            var dismissed;\n            return tslib_1.__generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, dismiss(this, data, role, 'modalLeave', iosLeaveAnimation, mdLeaveAnimation)];\n                    case 1:\n                        dismissed = _a.sent();\n                        if (!dismissed) return [3 /*break*/, 3];\n                        return [4 /*yield*/, detachComponent(this.delegate, this.usersElement)];\n                    case 2:\n                        _a.sent();\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, dismissed];\n                }\n            });\n        });\n    };\n    /**\n     * Returns a promise that resolves when the modal did dismiss.\n     */\n    Modal.prototype.onDidDismiss = function () {\n        return eventMethod(this.el, 'ionModalDidDismiss');\n    };\n    /**\n     * Returns a promise that resolves when the modal will dismiss.\n     */\n    Modal.prototype.onWillDismiss = function () {\n        return eventMethod(this.el, 'ionModalWillDismiss');\n    };\n    Modal.prototype.hostData = function () {\n        var _a;\n        var mode = getIonMode(this);\n        return {\n            'no-router': true,\n            'aria-modal': 'true',\n            class: Object.assign((_a = {}, _a[mode] = true, _a), getClassMap(this.cssClass)),\n            style: {\n                zIndex: 20000 + this.overlayIndex,\n            }\n        };\n    };\n    Modal.prototype.__stencil_render = function () {\n        var _a;\n        var mode = getIonMode(this);\n        var dialogClasses = (_a = {},\n            _a[\"modal-wrapper\"] = true,\n            _a[mode] = true,\n            _a);\n        return [\n            h(\"ion-backdrop\", { visible: this.showBackdrop, tappable: this.backdropDismiss }),\n            h(\"div\", { role: \"dialog\", class: dialogClasses })\n        ];\n    };\n    Object.defineProperty(Modal.prototype, \"el\", {\n        get: function () { return getElement(this); },\n        enumerable: true,\n        configurable: true\n    });\n    Modal.prototype.render = function () { return h(Host, this.hostData(), this.__stencil_render()); };\n    Object.defineProperty(Modal, \"style\", {\n        get: function () { return \".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;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;contain:strict}.overlay-hidden.sc-ion-modal-ios-h{display:none}.modal-wrapper.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}\\@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}}\\@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)}\"; },\n        enumerable: true,\n        configurable: true\n    });\n    return Modal;\n}());\nvar LIFECYCLE_MAP = {\n    'ionModalDidPresent': 'ionViewDidEnter',\n    'ionModalWillPresent': 'ionViewWillEnter',\n    'ionModalWillDismiss': 'ionViewWillLeave',\n    'ionModalDidDismiss': 'ionViewDidLeave',\n};\nexport { Modal as ion_modal };\n"],"sourceRoot":""}