@amwaljs/checkout-button 0.3.2 → 0.3.3

package/dist/checkout/p-5ad690d7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iosEnterAnimation","baseEl","baseAnimation","createAnimation","backdropAnimation","wrapperAnimation","addElement","querySelector","fromTo","beforeStyles","afterClearStyles","keyframes","offset","opacity","transform","easing","duration","addAnimation","iosLeaveAnimation","mdEnterAnimation","mdLeaveAnimation","loadingIosCss","loadingMdCss","Loading","constructor","hostRef","this","delegateController","createDelegateController","lockController","createLockController","triggerController","createTriggerController","customHTMLEnabled","config","get","ENABLE_HTML_CONTENT_DEFAULT","presented","onBackdropTap","dismiss","undefined","BACKDROP","overlayIndex","delegate","hasController","keyboardClose","enterAnimation","leaveAnimation","message","cssClass","backdropDismiss","showBackdrop","spinner","translucent","animated","htmlAttributes","isOpen","trigger","onIsOpenChange","newValue","oldValue","present","triggerChanged","el","addClickListener","connectedCallback","prepareOverlay","componentWillLoad","mode","getIonMode","setOverlayId","componentDidLoad","raf","disconnectedCallback","removeClickListener","async","unlock","lock","attachViewToDom","durationTimeout","setTimeout","data","role","clearTimeout","dismissed","removeViewFromDom","onDidDismiss","eventMethod","onWillDismiss","renderLoadingMessage","msgId","h","class","id","innerHTML","sanitizeDOMString","render","ariaLabelledBy","Host","Object","assign","key","tabindex","style","zIndex","onIonBackdropTap","getClassMap","visible","tappable","name"],"sources":["./node_modules/@ionic/core/dist/collection/components/loading/animations/ios.enter.js","./node_modules/@ionic/core/dist/collection/components/loading/animations/ios.leave.js","./node_modules/@ionic/core/dist/collection/components/loading/animations/md.enter.js","./node_modules/@ionic/core/dist/collection/components/loading/animations/md.leave.js","./node_modules/@ionic/core/dist/collection/components/loading/loading.ios.css?tag=ion-loading&mode=ios&encapsulation=scoped","./node_modules/@ionic/core/dist/collection/components/loading/loading.md.css?tag=ion-loading&mode=md&encapsulation=scoped","./node_modules/@ionic/core/dist/collection/components/loading/loading.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { createAnimation } from \"../../../utils/animation/animation\";\n/**\n * iOS Loading Enter Animation\n */\nexport const iosEnterAnimation = (baseEl) => {\n    const baseAnimation = createAnimation();\n    const backdropAnimation = createAnimation();\n    const wrapperAnimation = createAnimation();\n    backdropAnimation\n        .addElement(baseEl.querySelector('ion-backdrop'))\n        .fromTo('opacity', 0.01, 'var(--backdrop-opacity)')\n        .beforeStyles({\n        'pointer-events': 'none',\n    })\n        .afterClearStyles(['pointer-events']);\n    wrapperAnimation.addElement(baseEl.querySelector('.loading-wrapper')).keyframes([\n        { offset: 0, opacity: 0.01, transform: 'scale(1.1)' },\n        { offset: 1, opacity: 1, transform: 'scale(1)' },\n    ]);\n    return baseAnimation\n        .addElement(baseEl)\n        .easing('ease-in-out')\n        .duration(200)\n        .addAnimation([backdropAnimation, wrapperAnimation]);\n};\n","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { createAnimation } from \"../../../utils/animation/animation\";\n/**\n * iOS Loading Leave Animation\n */\nexport const iosLeaveAnimation = (baseEl) => {\n    const baseAnimation = createAnimation();\n    const backdropAnimation = createAnimation();\n    const wrapperAnimation = createAnimation();\n    backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 'var(--backdrop-opacity)', 0);\n    wrapperAnimation.addElement(baseEl.querySelector('.loading-wrapper')).keyframes([\n        { offset: 0, opacity: 0.99, transform: 'scale(1)' },\n        { offset: 1, opacity: 0, transform: 'scale(0.9)' },\n    ]);\n    return baseAnimation\n        .addElement(baseEl)\n        .easing('ease-in-out')\n        .duration(200)\n        .addAnimation([backdropAnimation, wrapperAnimation]);\n};\n","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { createAnimation } from \"../../../utils/animation/animation\";\n/**\n * Md Loading Enter Animation\n */\nexport const mdEnterAnimation = (baseEl) => {\n    const baseAnimation = createAnimation();\n    const backdropAnimation = createAnimation();\n    const wrapperAnimation = createAnimation();\n    backdropAnimation\n        .addElement(baseEl.querySelector('ion-backdrop'))\n        .fromTo('opacity', 0.01, 'var(--backdrop-opacity)')\n        .beforeStyles({\n        'pointer-events': 'none',\n    })\n        .afterClearStyles(['pointer-events']);\n    wrapperAnimation.addElement(baseEl.querySelector('.loading-wrapper')).keyframes([\n        { offset: 0, opacity: 0.01, transform: 'scale(1.1)' },\n        { offset: 1, opacity: 1, transform: 'scale(1)' },\n    ]);\n    return baseAnimation\n        .addElement(baseEl)\n        .easing('ease-in-out')\n        .duration(200)\n        .addAnimation([backdropAnimation, wrapperAnimation]);\n};\n","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { createAnimation } from \"../../../utils/animation/animation\";\n/**\n * Md Loading Leave Animation\n */\nexport const mdLeaveAnimation = (baseEl) => {\n    const baseAnimation = createAnimation();\n    const backdropAnimation = createAnimation();\n    const wrapperAnimation = createAnimation();\n    backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 'var(--backdrop-opacity)', 0);\n    wrapperAnimation.addElement(baseEl.querySelector('.loading-wrapper')).keyframes([\n        { offset: 0, opacity: 0.99, transform: 'scale(1)' },\n        { offset: 1, opacity: 0, transform: 'scale(0.9)' },\n    ]);\n    return baseAnimation\n        .addElement(baseEl)\n        .easing('ease-in-out')\n        .duration(200)\n        .addAnimation([backdropAnimation, wrapperAnimation]);\n};\n","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the loading dialog\n   *\n   * @prop --min-width: Minimum width of the loading dialog\n   * @prop --width: Width of the loading dialog\n   * @prop --max-width: Maximum width of the loading dialog\n   *\n   * @prop --min-height: Minimum height of the loading dialog\n   * @prop --height: Height of the loading dialog\n   * @prop --max-height: Maximum height of the loading dialog\n   *\n   * @prop --spinner-color: Color of the loading spinner\n   *\n   * @prop --backdrop-opacity: Opacity of the backdrop\n   */\n  --min-width: auto;\n  --width: auto;\n  --min-height: auto;\n  --height: auto;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  font-family: var(--ion-font-family, inherit);\n  contain: strict;\n  touch-action: none;\n  user-select: none;\n  z-index: 1001;\n}\n\n:host(.overlay-hidden) {\n  display: none;\n}\n\n.loading-wrapper {\n  display: flex;\n  align-items: inherit;\n  justify-content: inherit;\n  width: var(--width);\n  min-width: var(--min-width);\n  max-width: var(--max-width);\n  height: var(--height);\n  min-height: var(--min-height);\n  max-height: var(--max-height);\n  background: var(--background);\n  opacity: 0;\n  z-index: 10;\n}\n\nion-spinner {\n  color: var(--spinner-color);\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --background: var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9));\n  --max-width: 270px;\n  --max-height: 90%;\n  --spinner-color: var(--ion-color-step-600, #666666);\n  --backdrop-opacity: var(--ion-backdrop-opacity, 0.3);\n  color: var(--ion-text-color, #000);\n  font-size: 0.875rem;\n}\n\n.loading-wrapper {\n  border-radius: 8px;\n  -webkit-padding-start: 34px;\n  padding-inline-start: 34px;\n  -webkit-padding-end: 34px;\n  padding-inline-end: 34px;\n  padding-top: 24px;\n  padding-bottom: 24px;\n}\n\n@supports (backdrop-filter: blur(0)) {\n  :host(.loading-translucent) .loading-wrapper {\n    background-color: rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);\n    backdrop-filter: saturate(180%) blur(20px);\n  }\n}\n.loading-content {\n  font-weight: bold;\n}\n\n.loading-spinner + .loading-content {\n  -webkit-margin-start: 16px;\n  margin-inline-start: 16px;\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the loading dialog\n   *\n   * @prop --min-width: Minimum width of the loading dialog\n   * @prop --width: Width of the loading dialog\n   * @prop --max-width: Maximum width of the loading dialog\n   *\n   * @prop --min-height: Minimum height of the loading dialog\n   * @prop --height: Height of the loading dialog\n   * @prop --max-height: Maximum height of the loading dialog\n   *\n   * @prop --spinner-color: Color of the loading spinner\n   *\n   * @prop --backdrop-opacity: Opacity of the backdrop\n   */\n  --min-width: auto;\n  --width: auto;\n  --min-height: auto;\n  --height: auto;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  font-family: var(--ion-font-family, inherit);\n  contain: strict;\n  touch-action: none;\n  user-select: none;\n  z-index: 1001;\n}\n\n:host(.overlay-hidden) {\n  display: none;\n}\n\n.loading-wrapper {\n  display: flex;\n  align-items: inherit;\n  justify-content: inherit;\n  width: var(--width);\n  min-width: var(--min-width);\n  max-width: var(--max-width);\n  height: var(--height);\n  min-height: var(--min-height);\n  max-height: var(--max-height);\n  background: var(--background);\n  opacity: 0;\n  z-index: 10;\n}\n\nion-spinner {\n  color: var(--spinner-color);\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --background: var(--ion-color-step-50, #f2f2f2);\n  --max-width: 280px;\n  --max-height: 90%;\n  --spinner-color: var(--ion-color-primary, #3880ff);\n  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32);\n  color: var(--ion-color-step-850, #262626);\n  font-size: 0.875rem;\n}\n\n.loading-wrapper {\n  border-radius: 2px;\n  -webkit-padding-start: 24px;\n  padding-inline-start: 24px;\n  -webkit-padding-end: 24px;\n  padding-inline-end: 24px;\n  padding-top: 24px;\n  padding-bottom: 24px;\n  box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);\n}\n\n.loading-spinner + .loading-content {\n  -webkit-margin-start: 16px;\n  margin-inline-start: 16px;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { ENABLE_HTML_CONTENT_DEFAULT } from \"../../utils/config\";\nimport { raf } from \"../../utils/helpers\";\nimport { createLockController } from \"../../utils/lock-controller\";\nimport { BACKDROP, dismiss, eventMethod, prepareOverlay, present, createDelegateController, createTriggerController, setOverlayId, } from \"../../utils/overlays\";\nimport { sanitizeDOMString } from \"../../utils/sanitization/index\";\nimport { getClassMap } from \"../../utils/theme\";\nimport { config } from \"../../global/config\";\nimport { getIonMode } from \"../../global/ionic-global\";\nimport { iosEnterAnimation } from \"./animations/ios.enter\";\nimport { iosLeaveAnimation } from \"./animations/ios.leave\";\nimport { mdEnterAnimation } from \"./animations/md.enter\";\nimport { mdLeaveAnimation } from \"./animations/md.leave\";\n// TODO(FW-2832): types\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class Loading {\n    constructor() {\n        this.delegateController = createDelegateController(this);\n        this.lockController = createLockController();\n        this.triggerController = createTriggerController();\n        this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);\n        this.presented = false;\n        this.onBackdropTap = () => {\n            this.dismiss(undefined, BACKDROP);\n        };\n        this.overlayIndex = undefined;\n        this.delegate = undefined;\n        this.hasController = false;\n        this.keyboardClose = true;\n        this.enterAnimation = undefined;\n        this.leaveAnimation = undefined;\n        this.message = undefined;\n        this.cssClass = undefined;\n        this.duration = 0;\n        this.backdropDismiss = false;\n        this.showBackdrop = true;\n        this.spinner = undefined;\n        this.translucent = false;\n        this.animated = true;\n        this.htmlAttributes = undefined;\n        this.isOpen = false;\n        this.trigger = undefined;\n    }\n    onIsOpenChange(newValue, oldValue) {\n        if (newValue === true && oldValue === false) {\n            this.present();\n        }\n        else if (newValue === false && oldValue === true) {\n            this.dismiss();\n        }\n    }\n    triggerChanged() {\n        const { trigger, el, triggerController } = this;\n        if (trigger) {\n            triggerController.addClickListener(el, trigger);\n        }\n    }\n    connectedCallback() {\n        prepareOverlay(this.el);\n        this.triggerChanged();\n    }\n    componentWillLoad() {\n        if (this.spinner === undefined) {\n            const mode = getIonMode(this);\n            this.spinner = config.get('loadingSpinner', config.get('spinner', mode === 'ios' ? 'lines' : 'crescent'));\n        }\n        setOverlayId(this.el);\n    }\n    componentDidLoad() {\n        /**\n         * If loading indicator was rendered with isOpen=\"true\"\n         * then we should open loading indicator immediately.\n         */\n        if (this.isOpen === true) {\n            raf(() => this.present());\n        }\n        /**\n         * When binding values in frameworks such as Angular\n         * it is possible for the value to be set after the Web Component\n         * initializes but before the value watcher is set up in Stencil.\n         * As a result, the watcher callback may not be fired.\n         * We work around this by manually calling the watcher\n         * callback when the component has loaded and the watcher\n         * is configured.\n         */\n        this.triggerChanged();\n    }\n    disconnectedCallback() {\n        this.triggerController.removeClickListener();\n    }\n    /**\n     * Present the loading overlay after it has been created.\n     */\n    async present() {\n        const unlock = await this.lockController.lock();\n        await this.delegateController.attachViewToDom();\n        await present(this, 'loadingEnter', iosEnterAnimation, mdEnterAnimation);\n        if (this.duration > 0) {\n            this.durationTimeout = setTimeout(() => this.dismiss(), this.duration + 10);\n        }\n        unlock();\n    }\n    /**\n     * Dismiss the loading 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 loading.\n     * This can be useful in a button handler for determining which button was\n     * clicked to dismiss the loading.\n     * Some examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`.\n     *\n     * This is a no-op if the overlay has not been presented yet. If you want\n     * to remove an overlay from the DOM that was never presented, use the\n     * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.\n     */\n    async dismiss(data, role) {\n        const unlock = await this.lockController.lock();\n        if (this.durationTimeout) {\n            clearTimeout(this.durationTimeout);\n        }\n        const dismissed = await dismiss(this, data, role, 'loadingLeave', iosLeaveAnimation, mdLeaveAnimation);\n        if (dismissed) {\n            this.delegateController.removeViewFromDom();\n        }\n        unlock();\n        return dismissed;\n    }\n    /**\n     * Returns a promise that resolves when the loading did dismiss.\n     */\n    onDidDismiss() {\n        return eventMethod(this.el, 'ionLoadingDidDismiss');\n    }\n    /**\n     * Returns a promise that resolves when the loading will dismiss.\n     */\n    onWillDismiss() {\n        return eventMethod(this.el, 'ionLoadingWillDismiss');\n    }\n    renderLoadingMessage(msgId) {\n        const { customHTMLEnabled, message } = this;\n        if (customHTMLEnabled) {\n            return h(\"div\", { class: \"loading-content\", id: msgId, innerHTML: sanitizeDOMString(message) });\n        }\n        return (h(\"div\", { class: \"loading-content\", id: msgId }, message));\n    }\n    render() {\n        const { message, spinner, htmlAttributes, overlayIndex } = this;\n        const mode = getIonMode(this);\n        const msgId = `loading-${overlayIndex}-msg`;\n        /**\n         * If the message is defined, use that as the label.\n         * Otherwise, don't set aria-labelledby.\n         */\n        const ariaLabelledBy = message !== undefined ? msgId : null;\n        return (h(Host, Object.assign({ key: 'e780853dc67b7b4ebd8dd65cadab648e4238c6ee', role: \"dialog\", \"aria-modal\": \"true\", \"aria-labelledby\": ariaLabelledBy, tabindex: \"-1\" }, htmlAttributes, { style: {\n                zIndex: `${40000 + this.overlayIndex}`,\n            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h(\"ion-backdrop\", { key: '8cd59ca7bc97b981fd578a526dfe859847e4d392', visible: this.showBackdrop, tappable: this.backdropDismiss }), h(\"div\", { key: 'ef392aaf2cb7f6f9cecc685525cce3abc333e800', tabindex: \"0\" }), h(\"div\", { key: 'f1f6df21a7fa6565fe33acb4a5f355b5ec3e65b2', class: \"loading-wrapper ion-overlay-wrapper\" }, spinner && (h(\"div\", { key: '725cf5a206152885e31ab061b0c466fe1ead0225', class: \"loading-spinner\" }, h(\"ion-spinner\", { key: '5891dc39fa133b71576aec219f552386b202e163', name: spinner, \"aria-hidden\": \"true\" }))), message !== undefined && this.renderLoadingMessage(msgId)), h(\"div\", { key: '8103269f1181325a507ed1c681f5ef15e40fbc34', tabindex: \"0\" })));\n    }\n    static get is() { return \"ion-loading\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"loading.ios.scss\"],\n            \"md\": [\"loading.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"loading.ios.css\"],\n            \"md\": [\"loading.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"overlayIndex\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"overlay-index\",\n                \"reflect\": false\n            },\n            \"delegate\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FrameworkDelegate\",\n                    \"resolved\": \"FrameworkDelegate | undefined\",\n                    \"references\": {\n                        \"FrameworkDelegate\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::FrameworkDelegate\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                }\n            },\n            \"hasController\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"has-controller\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"keyboardClose\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the keyboard will be automatically dismissed when the overlay is presented.\"\n                },\n                \"attribute\": \"keyboard-close\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"enterAnimation\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AnimationBuilder\",\n                    \"resolved\": \"((baseEl: any, opts?: any) => Animation) | undefined\",\n                    \"references\": {\n                        \"AnimationBuilder\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::AnimationBuilder\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Animation to use when the loading indicator is presented.\"\n                }\n            },\n            \"leaveAnimation\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AnimationBuilder\",\n                    \"resolved\": \"((baseEl: any, opts?: any) => Animation) | undefined\",\n                    \"references\": {\n                        \"AnimationBuilder\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::AnimationBuilder\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Animation to use when the loading indicator is dismissed.\"\n                }\n            },\n            \"message\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | IonicSafeString\",\n                    \"resolved\": \"IonicSafeString | string | undefined\",\n                    \"references\": {\n                        \"IonicSafeString\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/sanitization\",\n                            \"id\": \"src/utils/sanitization/index.ts::IonicSafeString\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Optional text content to display in the loading indicator.\\n\\nThis property accepts custom HTML as a string.\\nContent is parsed as plaintext by default.\\n`innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config\\nbefore custom HTML can be used.\"\n                },\n                \"attribute\": \"message\",\n                \"reflect\": false\n            },\n            \"cssClass\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | string[]\",\n                    \"resolved\": \"string | string[] | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Additional classes to apply for custom CSS. If multiple classes are\\nprovided they should be separated by spaces.\"\n                },\n                \"attribute\": \"css-class\",\n                \"reflect\": false\n            },\n            \"duration\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Number of milliseconds to wait before dismissing the loading indicator.\"\n                },\n                \"attribute\": \"duration\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"backdropDismiss\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the loading indicator will be dismissed when the backdrop is clicked.\"\n                },\n                \"attribute\": \"backdrop-dismiss\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"showBackdrop\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, a backdrop will be displayed behind the loading indicator.\"\n                },\n                \"attribute\": \"show-backdrop\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"spinner\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"SpinnerTypes | null\",\n                    \"resolved\": \"\\\"bubbles\\\" | \\\"circles\\\" | \\\"circular\\\" | \\\"crescent\\\" | \\\"dots\\\" | \\\"lines\\\" | \\\"lines-sharp\\\" | \\\"lines-sharp-small\\\" | \\\"lines-small\\\" | null | undefined\",\n                    \"references\": {\n                        \"SpinnerTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../spinner/spinner-configs\",\n                            \"id\": \"src/components/spinner/spinner-configs.ts::SpinnerTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the spinner to display.\"\n                },\n                \"attribute\": \"spinner\",\n                \"reflect\": false\n            },\n            \"translucent\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the loading indicator will be translucent.\\nOnly applies when the mode is `\\\"ios\\\"` and the device supports\\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\"\n                },\n                \"attribute\": \"translucent\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"animated\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the loading indicator will animate.\"\n                },\n                \"attribute\": \"animated\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"htmlAttributes\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"{ [key: string]: any }\",\n                    \"resolved\": \"undefined | { [key: string]: any; }\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Additional attributes to pass to the loader.\"\n                }\n            },\n            \"isOpen\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the loading indicator will open. If `false`, the loading indicator will close.\\nUse this if you need finer grained control over presentation, otherwise\\njust use the loadingController or the `trigger` property.\\nNote: `isOpen` will not automatically be set back to `false` when\\nthe loading indicator dismisses. You will need to do that in your code.\"\n                },\n                \"attribute\": \"is-open\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"trigger\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"An ID corresponding to the trigger element that\\ncauses the loading indicator to open when clicked.\"\n                },\n                \"attribute\": \"trigger\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"didPresent\",\n                \"name\": \"ionLoadingDidPresent\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted after the loading has presented.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"willPresent\",\n                \"name\": \"ionLoadingWillPresent\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted before the loading has presented.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"willDismiss\",\n                \"name\": \"ionLoadingWillDismiss\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted before the loading has dismissed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"OverlayEventDetail\",\n                    \"resolved\": \"OverlayEventDetail<any>\",\n                    \"references\": {\n                        \"OverlayEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/overlays-interface\",\n                            \"id\": \"src/utils/overlays-interface.ts::OverlayEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"didDismiss\",\n                \"name\": \"ionLoadingDidDismiss\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted after the loading has dismissed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"OverlayEventDetail\",\n                    \"resolved\": \"OverlayEventDetail<any>\",\n                    \"references\": {\n                        \"OverlayEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/overlays-interface\",\n                            \"id\": \"src/utils/overlays-interface.ts::OverlayEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"didPresentShorthand\",\n                \"name\": \"didPresent\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted after the loading indicator has presented.\\nShorthand for ionLoadingWillDismiss.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"willPresentShorthand\",\n                \"name\": \"willPresent\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted before the loading indicator has presented.\\nShorthand for ionLoadingWillPresent.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"willDismissShorthand\",\n                \"name\": \"willDismiss\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted before the loading indicator has dismissed.\\nShorthand for ionLoadingWillDismiss.\"\n                },\n                \"complexType\": {\n                    \"original\": \"OverlayEventDetail\",\n                    \"resolved\": \"OverlayEventDetail<any>\",\n                    \"references\": {\n                        \"OverlayEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/overlays-interface\",\n                            \"id\": \"src/utils/overlays-interface.ts::OverlayEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"didDismissShorthand\",\n                \"name\": \"didDismiss\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted after the loading indicator has dismissed.\\nShorthand for ionLoadingDidDismiss.\"\n                },\n                \"complexType\": {\n                    \"original\": \"OverlayEventDetail\",\n                    \"resolved\": \"OverlayEventDetail<any>\",\n                    \"references\": {\n                        \"OverlayEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/overlays-interface\",\n                            \"id\": \"src/utils/overlays-interface.ts::OverlayEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"present\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Present the loading overlay after it has been created.\",\n                    \"tags\": []\n                }\n            },\n            \"dismiss\": {\n                \"complexType\": {\n                    \"signature\": \"(data?: any, role?: string) => Promise<boolean>\",\n                    \"parameters\": [{\n                            \"name\": \"data\",\n                            \"type\": \"any\",\n                            \"docs\": \"Any data to emit in the dismiss events.\"\n                        }, {\n                            \"name\": \"role\",\n                            \"type\": \"string | undefined\",\n                            \"docs\": \"The role of the element that is dismissing the loading.\\nThis can be useful in a button handler for determining which button was\\nclicked to dismiss the loading.\\nSome examples include: ``\\\"cancel\\\"`, `\\\"destructive\\\"`, \\\"selected\\\"`, and `\\\"backdrop\\\"`.\\n\\nThis is a no-op if the overlay has not been presented yet. If you want\\nto remove an overlay from the DOM that was never presented, use the\\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<boolean>\"\n                },\n                \"docs\": {\n                    \"text\": \"Dismiss the loading overlay after it has been presented.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"data Any data to emit in the dismiss events.\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"role The role of the element that is dismissing the loading.\\nThis can be useful in a button handler for determining which button was\\nclicked to dismiss the loading.\\nSome examples include: ``\\\"cancel\\\"`, `\\\"destructive\\\"`, \\\"selected\\\"`, and `\\\"backdrop\\\"`.\\n\\nThis is a no-op if the overlay has not been presented yet. If you want\\nto remove an overlay from the DOM that was never presented, use the\\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.\"\n                        }]\n                }\n            },\n            \"onDidDismiss\": {\n                \"complexType\": {\n                    \"signature\": \"<T = any>() => Promise<OverlayEventDetail<T>>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"OverlayEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/overlays-interface\",\n                            \"id\": \"src/utils/overlays-interface.ts::OverlayEventDetail\"\n                        },\n                        \"T\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::T\"\n                        }\n                    },\n                    \"return\": \"Promise<OverlayEventDetail<T>>\"\n                },\n                \"docs\": {\n                    \"text\": \"Returns a promise that resolves when the loading did dismiss.\",\n                    \"tags\": []\n                }\n            },\n            \"onWillDismiss\": {\n                \"complexType\": {\n                    \"signature\": \"<T = any>() => Promise<OverlayEventDetail<T>>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"OverlayEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/overlays-interface\",\n                            \"id\": \"src/utils/overlays-interface.ts::OverlayEventDetail\"\n                        },\n                        \"T\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::T\"\n                        }\n                    },\n                    \"return\": \"Promise<OverlayEventDetail<T>>\"\n                },\n                \"docs\": {\n                    \"text\": \"Returns a promise that resolves when the loading will dismiss.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"isOpen\",\n                \"methodName\": \"onIsOpenChange\"\n            }, {\n                \"propName\": \"trigger\",\n                \"methodName\": \"triggerChanged\"\n            }];\n    }\n}\n"],"mappings":"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"}

package/dist/checkout/p-5c0e8652.entry.js

@@ -0,0 +1,2 @@
+import{r as t,d as o,f as i,i as s,h as n,H as e,e as r}from"./p-d7a430bf.js";import{e as a,c as l}from"./p-b84d9e44.js";import{g as c,a as h}from"./p-3b75b22a.js";import{i as f}from"./p-d5862637.js";import{c as d,h as p}from"./p-350e7423.js";const u=':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;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);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end: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);box-sizing:border-box;overflow:hidden;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:""}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:flex;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;transform:translateZ(0)}';const b=class{constructor(i){t(this,i);this.ionScrollStart=o(this,"ionScrollStart",7);this.ionScroll=o(this,"ionScroll",7);this.ionScrollEnd=o(this,"ionScrollEnd",7);this.watchDog=null;this.isScrolling=false;this.lastScroll=0;this.queued=false;this.cTop=-1;this.cBottom=-1;this.isMainContent=true;this.resizeTimeout=null;this.tabsElement=null;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};this.color=undefined;this.fullscreen=false;this.forceOverscroll=undefined;this.scrollX=false;this.scrollY=true;this.scrollEvents=false}connectedCallback(){this.isMainContent=this.el.closest("ion-menu, ion-popover, ion-modal")===null;if(a(this.el)){const t=this.tabsElement=this.el.closest("ion-tabs");if(t!==null){this.tabsLoadCallback=()=>this.resize();t.addEventListener("ionTabBarLoaded",this.tabsLoadCallback)}}}disconnectedCallback(){this.onScrollEnd();if(a(this.el)){const{tabsElement:t,tabsLoadCallback:o}=this;if(t!==null&&o!==undefined){t.removeEventListener("ionTabBarLoaded",o)}this.tabsElement=null;this.tabsLoadCallback=undefined}}onResize(){if(this.resizeTimeout){clearTimeout(this.resizeTimeout);this.resizeTimeout=null}this.resizeTimeout=setTimeout((()=>{if(this.el.offsetParent===null){return}this.resize()}),100)}shouldForceOverscroll(){const{forceOverscroll:t}=this;const o=c(this);return t===undefined?o==="ios"&&h("ios"):t}resize(){{if(this.fullscreen){i((()=>this.readDimensions()))}else if(this.cTop!==0||this.cBottom!==0){this.cTop=this.cBottom=0;s(this)}}}readDimensions(){const t=g(this.el);const o=Math.max(this.el.offsetTop,0);const i=Math.max(t.offsetHeight-o-this.el.offsetHeight,0);const n=o!==this.cTop||i!==this.cBottom;if(n){this.cTop=o;this.cBottom=i;s(this)}}onScroll(t){const o=Date.now();const s=!this.isScrolling;this.lastScroll=o;if(s){this.onScrollStart()}if(!this.queued&&this.scrollEvents){this.queued=true;i((o=>{this.queued=false;this.detail.event=t;m(this.detail,this.scrollEl,o,s);this.ionScroll.emit(this.detail)}))}}async getScrollElement(){if(!this.scrollEl){await new Promise((t=>l(this.el,t)))}return Promise.resolve(this.scrollEl)}async getBackgroundElement(){if(!this.backgroundContentEl){await new Promise((t=>l(this.el,t)))}return Promise.resolve(this.backgroundContentEl)}scrollToTop(t=0){return this.scrollToPoint(undefined,0,t)}async scrollToBottom(t=0){const o=await this.getScrollElement();const i=o.scrollHeight-o.clientHeight;return this.scrollToPoint(undefined,i,t)}async scrollByPoint(t,o,i){const s=await this.getScrollElement();return this.scrollToPoint(t+s.scrollLeft,o+s.scrollTop,i)}async scrollToPoint(t,o,i=0){const s=await this.getScrollElement();if(i<32){if(o!=null){s.scrollTop=o}if(t!=null){s.scrollLeft=t}return}let n;let e=0;const r=new Promise((t=>n=t));const a=s.scrollTop;const l=s.scrollLeft;const c=o!=null?o-a:0;const h=t!=null?t-l:0;const f=t=>{const o=Math.min(1,(t-e)/i)-1;const r=Math.pow(o,3)+1;if(c!==0){s.scrollTop=Math.floor(r*c+a)}if(h!==0){s.scrollLeft=Math.floor(r*h+l)}if(r<1){requestAnimationFrame(f)}else{n()}};requestAnimationFrame((t=>{e=t;f(t)}));return r}onScrollStart(){this.isScrolling=true;this.ionScrollStart.emit({isScrolling:true});if(this.watchDog){clearInterval(this.watchDog)}this.watchDog=setInterval((()=>{if(this.lastScroll<Date.now()-120){this.onScrollEnd()}}),100)}onScrollEnd(){if(this.watchDog)clearInterval(this.watchDog);this.watchDog=null;if(this.isScrolling){this.isScrolling=false;this.ionScrollEnd.emit({isScrolling:false})}}render(){const{isMainContent:t,scrollX:o,scrollY:i,el:s}=this;const r=f(s)?"rtl":"ltr";const a=c(this);const l=this.shouldForceOverscroll();const h=a==="ios";const u=t?"main":"div";this.resize();return n(e,{key:"e13815c0e6f6095150b112d3a1aaf2f509aa0d0b",class:d(this.color,{[a]:true,"content-sizing":p("ion-popover",this.el),overscroll:l,[`content-${r}`]:true}),style:{"--offset-top":`${this.cTop}px`,"--offset-bottom":`${this.cBottom}px`}},n("div",{key:"8006c4a10d8f7dc83c646246961d018a8097236e",ref:t=>this.backgroundContentEl=t,id:"background-content",part:"background"}),n(u,{key:"4dd2f58421493f7a4ca42f8f5d7b85cda8e320ea",class:{"inner-scroll":true,"scroll-x":o,"scroll-y":i,overscroll:(o||i)&&l},ref:t=>this.scrollEl=t,onScroll:this.scrollEvents?t=>this.onScroll(t):undefined,part:"scroll"},n("slot",{key:"37904f8f1d8319156cd901feb21930ef674fe0f7"})),h?n("div",{class:"transition-effect"},n("div",{class:"transition-cover"}),n("div",{class:"transition-shadow"})):null,n("slot",{key:"8f696583903af0548d064dca1a6bae060e127485",name:"fixed"}))}get el(){return r(this)}};const v=t=>{var o;if(t.parentElement){return t.parentElement}if((o=t.parentNode)===null||o===void 0?void 0:o.host){return t.parentNode.host}return null};const g=t=>{const o=t.closest("ion-tabs");if(o){return o}const i=t.closest("ion-app, ion-page, .ion-page, page-inner, .popover-content");if(i){return i}return v(t)};const m=(t,o,i,s)=>{const n=t.currentX;const e=t.currentY;const r=t.currentTime;const a=o.scrollLeft;const l=o.scrollTop;const c=i-r;if(s){t.startTime=i;t.startX=a;t.startY=l;t.velocityX=t.velocityY=0}t.currentTime=i;t.currentX=t.scrollLeft=a;t.currentY=t.scrollTop=l;t.deltaX=a-t.startX;t.deltaY=l-t.startY;if(c>0&&c<100){const o=(a-n)/c;const i=(l-e)/c;t.velocityX=o*.7+t.velocityX*.3;t.velocityY=i*.7+t.velocityY*.3}};b.style=u;export{b as ion_content};
+//# sourceMappingURL=p-5c0e8652.entry.js.map

package/dist/checkout/p-5c0e8652.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["contentCss","Content","constructor","hostRef","this","watchDog","isScrolling","lastScroll","queued","cTop","cBottom","isMainContent","resizeTimeout","tabsElement","detail","scrollTop","scrollLeft","type","event","undefined","startX","startY","startTime","currentX","currentY","velocityX","velocityY","deltaX","deltaY","currentTime","data","color","fullscreen","forceOverscroll","scrollX","scrollY","scrollEvents","connectedCallback","el","closest","hasLazyBuild","closestTabs","tabsLoadCallback","resize","addEventListener","disconnectedCallback","onScrollEnd","removeEventListener","onResize","clearTimeout","setTimeout","offsetParent","shouldForceOverscroll","mode","getIonMode","isPlatform","readTask","readDimensions","forceUpdate","page","getPageElement","top","Math","max","offsetTop","bottom","offsetHeight","dirty","onScroll","ev","timeStamp","Date","now","shouldStart","onScrollStart","ts","updateScrollDetail","scrollEl","ionScroll","emit","async","Promise","resolve","componentOnReady","backgroundContentEl","scrollToTop","duration","scrollToPoint","getScrollElement","y","scrollHeight","clientHeight","x","promise","r","fromY","fromX","step","linearTime","min","easedT","pow","floor","requestAnimationFrame","ionScrollStart","clearInterval","setInterval","ionScrollEnd","render","rtl","isRTL","transitionShadow","TagType","h","Host","key","class","createColorClasses","hostContext","overscroll","style","ref","id","part","name","getParentElement","_a","parentElement","parentNode","host","tabs","timestamp","prevX","prevY","prevT","timeDelta"],"sources":["./node_modules/@ionic/core/dist/collection/components/content/content.css?tag=ion-content&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/content/content.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the content\n   *\n   * @prop --color: Color of the content\n   *\n   * @prop --padding-top: Top padding of the content\n   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the content\n   * @prop --padding-bottom: Bottom padding of the content\n   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the content\n   *\n   * @prop --keyboard-offset: Keyboard offset of the content\n   *\n   * @prop --offset-top: Offset top of the content\n   * @prop --offset-bottom: Offset bottom of the content\n   */\n  --background: var(--ion-background-color, #fff);\n  --color: var(--ion-text-color, #000);\n  --padding-top: 0px;\n  --padding-bottom: 0px;\n  --padding-start: 0px;\n  --padding-end: 0px;\n  --keyboard-offset: 0px;\n  --offset-top: 0px;\n  --offset-bottom: 0px;\n  --overflow: auto;\n  display: block;\n  position: relative;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  /* stylelint-disable */\n  margin: 0 !important;\n  padding: 0 !important;\n  /* stylelint-enable */\n  font-family: var(--ion-font-family, inherit);\n  contain: size style;\n}\n\n:host(.ion-color) .inner-scroll {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n:host(.outer-content) {\n  --background: var(--ion-color-step-50, #f2f2f2);\n}\n\n#background-content {\n  left: 0px;\n  right: 0px;\n  top: calc(var(--offset-top) * -1);\n  bottom: calc(var(--offset-bottom) * -1);\n  position: absolute;\n  background: var(--background);\n}\n\n.inner-scroll {\n  left: 0px;\n  right: 0px;\n  top: calc(var(--offset-top) * -1);\n  bottom: calc(var(--offset-bottom) * -1);\n  -webkit-padding-start: var(--padding-start);\n  padding-inline-start: var(--padding-start);\n  -webkit-padding-end: var(--padding-end);\n  padding-inline-end: var(--padding-end);\n  padding-top: calc(var(--padding-top) + var(--offset-top));\n  padding-bottom: calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));\n  position: absolute;\n  color: var(--color);\n  box-sizing: border-box;\n  overflow: hidden;\n  /**\n   * touch-action: manipulation is an alias\n   * for this, but WebKit has an issue\n   * where pointercancel events are not fired\n   * when scrolling: https://bugs.webkit.org/show_bug.cgi?id=240917\n   * Using the long form below avoids the issue.\n   */\n  touch-action: pan-x pan-y pinch-zoom;\n}\n\n.scroll-y,\n.scroll-x {\n  -webkit-overflow-scrolling: touch;\n  /**\n   * This adds `.inner-scroll` as part of the\n   * stacking context in WebKit. Without it,\n   * children of ion-content are treated as\n   * siblings rather than descendants. This\n   * can result in the children being put\n   * into their own layers, degrading\n   * scrolling performance.\n   *\n   * An optimization called \"layer backing\n   * sharing\" usually kicks in to prevent\n   * this, but having translate3d defeats\n   * this optimization.\n   *\n   * See: https://bugs.webkit.org/show_bug.cgi?id=216701\n   */\n  z-index: 0;\n  will-change: scroll-position;\n}\n\n.scroll-y {\n  overflow-y: var(--overflow);\n  overscroll-behavior-y: contain;\n}\n\n.scroll-x {\n  overflow-x: var(--overflow);\n  overscroll-behavior-x: contain;\n}\n\n.overscroll::before,\n.overscroll::after {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  content: \"\";\n}\n\n.overscroll::before {\n  bottom: -1px;\n}\n\n.overscroll::after {\n  top: -1px;\n}\n\n:host(.content-sizing) {\n  display: flex;\n  flex-direction: column;\n  /**\n   * This resolves a sizing issue in popovers where extra long content\n   * would overflow the popover's height, preventing scrolling. It's a\n   * quirk of flexbox that forces the content to shrink to fit.\n   *\n   * overflow: hidden can't be used here because it prevents the visual\n   * effect from showing on translucent headers.\n   */\n  min-height: 0;\n  contain: none;\n}\n\n:host(.content-sizing) .inner-scroll {\n  position: relative;\n  /**\n   * Because the outer content has display: flex here (to help enable\n   * scrolling in a popover), offsetting via `top` (such as when using\n   * a translucent header) creates white space under the content. Use\n   * a negative margin instead to keep the bottom in place. (A similar\n   * thing happens with `bottom` and footers.)\n   */\n  top: 0;\n  bottom: 0;\n  margin-top: calc(var(--offset-top) * -1);\n  margin-bottom: calc(var(--offset-bottom) * -1);\n}\n\n.transition-effect {\n  display: none;\n  position: absolute;\n  width: 100%;\n  height: 100vh;\n  opacity: 0;\n  pointer-events: none;\n}\n\n:host(.content-ltr) .transition-effect {\n  /* stylelint-disable property-disallowed-list */\n  left: -100%;\n  /* stylelint-enable property-disallowed-list */\n}\n\n:host(.content-rtl) .transition-effect {\n  /* stylelint-disable property-disallowed-list */\n  right: -100%;\n  /* stylelint-enable property-disallowed-list */\n}\n\n.transition-cover {\n  position: absolute;\n  /* stylelint-disable property-disallowed-list */\n  right: 0;\n  /* stylelint-enable property-disallowed-list */\n  width: 100%;\n  height: 100%;\n  background: black;\n  opacity: 0.1;\n}\n\n.transition-shadow {\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  box-shadow: inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);\n}\n\n:host(.content-ltr) .transition-shadow {\n  /* stylelint-disable property-disallowed-list */\n  right: 0;\n  /* stylelint-enable property-disallowed-list */\n}\n\n:host(.content-rtl) .transition-shadow {\n  /* stylelint-disable property-disallowed-list */\n  left: 0;\n  /* stylelint-enable property-disallowed-list */\n  transform: scaleX(-1);\n}\n\n::slotted([slot=fixed]) {\n  position: absolute;\n  /**\n   * When presenting ion-content inside of an ion-modal, the .inner-scroll\n   * element is composited. In WebKit, the fixed content is not composited\n   * causing it to appear under the main scrollable content as a result.\n   * The fixed content is correctly composited in other browsers. Adding\n   * the translateZ forces the fixed content to be composited so it correctly\n   * shows on top of the scrollable content. Setting a negative z-index will\n   * still allow the fixed content to appear under the scroll content if specified.\n   */\n  transform: translateZ(0);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Build, Host, forceUpdate, h, readTask } from \"@stencil/core\";\nimport { componentOnReady, hasLazyBuild } from \"../../utils/helpers\";\nimport { isPlatform } from \"../../utils/platform\";\nimport { isRTL } from \"../../utils/rtl/index\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @slot - Content is placed in the scrollable area if provided without a slot.\n * @slot fixed - Should be used for fixed content that should not scroll.\n *\n * @part background - The background of the content.\n * @part scroll - The scrollable container of the content.\n */\nexport class Content {\n    constructor() {\n        this.watchDog = null;\n        this.isScrolling = false;\n        this.lastScroll = 0;\n        this.queued = false;\n        this.cTop = -1;\n        this.cBottom = -1;\n        this.isMainContent = true;\n        this.resizeTimeout = null;\n        this.tabsElement = null;\n        // Detail is used in a hot loop in the scroll event, by allocating it here\n        // V8 will be able to inline any read/write to it since it's a monomorphic class.\n        // https://mrale.ph/blog/2015/01/11/whats-up-with-monomorphism.html\n        this.detail = {\n            scrollTop: 0,\n            scrollLeft: 0,\n            type: 'scroll',\n            event: undefined,\n            startX: 0,\n            startY: 0,\n            startTime: 0,\n            currentX: 0,\n            currentY: 0,\n            velocityX: 0,\n            velocityY: 0,\n            deltaX: 0,\n            deltaY: 0,\n            currentTime: 0,\n            data: undefined,\n            isScrolling: true,\n        };\n        this.color = undefined;\n        this.fullscreen = false;\n        this.forceOverscroll = undefined;\n        this.scrollX = false;\n        this.scrollY = true;\n        this.scrollEvents = false;\n    }\n    connectedCallback() {\n        this.isMainContent = this.el.closest('ion-menu, ion-popover, ion-modal') === null;\n        /**\n         * The fullscreen content offsets need to be\n         * computed after the tab bar has loaded. Since\n         * lazy evaluation means components are not hydrated\n         * at the same time, we need to wait for the ionTabBarLoaded\n         * event to fire. This does not impact dist-custom-elements\n         * because there is no hydration there.\n         */\n        if (hasLazyBuild(this.el)) {\n            /**\n             * We need to cache the reference to the tabs.\n             * If just the content is unmounted then we won't\n             * be able to query for the closest tabs on disconnectedCallback\n             * since the content has been removed from the DOM tree.\n             */\n            const closestTabs = (this.tabsElement = this.el.closest('ion-tabs'));\n            if (closestTabs !== null) {\n                /**\n                 * When adding and removing the event listener\n                 * we need to make sure we pass the same function reference\n                 * otherwise the event listener will not be removed properly.\n                 * We can't only pass `this.resize` because \"this\" in the function\n                 * context becomes a reference to IonTabs instead of IonContent.\n                 *\n                 * Additionally, we listen for ionTabBarLoaded on the IonTabs\n                 * instance rather than the IonTabBar instance. It's possible for\n                 * a tab bar to be conditionally rendered/mounted. Since ionTabBarLoaded\n                 * bubbles, we can catch any instances of child tab bars loading by listening\n                 * on IonTabs.\n                 */\n                this.tabsLoadCallback = () => this.resize();\n                closestTabs.addEventListener('ionTabBarLoaded', this.tabsLoadCallback);\n            }\n        }\n    }\n    disconnectedCallback() {\n        this.onScrollEnd();\n        if (hasLazyBuild(this.el)) {\n            /**\n             * The event listener and tabs caches need to\n             * be cleared otherwise this will create a memory\n             * leak where the IonTabs instance can never be\n             * garbage collected.\n             */\n            const { tabsElement, tabsLoadCallback } = this;\n            if (tabsElement !== null && tabsLoadCallback !== undefined) {\n                tabsElement.removeEventListener('ionTabBarLoaded', tabsLoadCallback);\n            }\n            this.tabsElement = null;\n            this.tabsLoadCallback = undefined;\n        }\n    }\n    /**\n     * Rotating certain devices can update\n     * the safe area insets. As a result,\n     * the fullscreen feature on ion-content\n     * needs to be recalculated.\n     *\n     * We listen for \"resize\" because we\n     * do not care what the orientation of\n     * the device is. Other APIs\n     * such as ScreenOrientation or\n     * the deviceorientation event must have\n     * permission from the user first whereas\n     * the \"resize\" event does not.\n     *\n     * We also throttle the callback to minimize\n     * thrashing when quickly resizing a window.\n     */\n    onResize() {\n        if (this.resizeTimeout) {\n            clearTimeout(this.resizeTimeout);\n            this.resizeTimeout = null;\n        }\n        this.resizeTimeout = setTimeout(() => {\n            /**\n             * Resize should only happen\n             * if the content is visible.\n             * When the content is hidden\n             * then offsetParent will be null.\n             */\n            if (this.el.offsetParent === null) {\n                return;\n            }\n            this.resize();\n        }, 100);\n    }\n    shouldForceOverscroll() {\n        const { forceOverscroll } = this;\n        const mode = getIonMode(this);\n        return forceOverscroll === undefined ? mode === 'ios' && isPlatform('ios') : forceOverscroll;\n    }\n    resize() {\n        /**\n         * Only force update if the component is rendered in a browser context.\n         * Using `forceUpdate` in a server context with pre-rendering can lead to an infinite loop.\n         * The `hydrateDocument` function in `@stencil/core` will render the `ion-content`, but\n         * `forceUpdate` will trigger another render, locking up the server.\n         *\n         * TODO: Remove if STENCIL-834 determines Stencil will account for this.\n         */\n        if (Build.isBrowser) {\n            if (this.fullscreen) {\n                readTask(() => this.readDimensions());\n            }\n            else if (this.cTop !== 0 || this.cBottom !== 0) {\n                this.cTop = this.cBottom = 0;\n                forceUpdate(this);\n            }\n        }\n    }\n    readDimensions() {\n        const page = getPageElement(this.el);\n        const top = Math.max(this.el.offsetTop, 0);\n        const bottom = Math.max(page.offsetHeight - top - this.el.offsetHeight, 0);\n        const dirty = top !== this.cTop || bottom !== this.cBottom;\n        if (dirty) {\n            this.cTop = top;\n            this.cBottom = bottom;\n            forceUpdate(this);\n        }\n    }\n    onScroll(ev) {\n        const timeStamp = Date.now();\n        const shouldStart = !this.isScrolling;\n        this.lastScroll = timeStamp;\n        if (shouldStart) {\n            this.onScrollStart();\n        }\n        if (!this.queued && this.scrollEvents) {\n            this.queued = true;\n            readTask((ts) => {\n                this.queued = false;\n                this.detail.event = ev;\n                updateScrollDetail(this.detail, this.scrollEl, ts, shouldStart);\n                this.ionScroll.emit(this.detail);\n            });\n        }\n    }\n    /**\n     * Get the element where the actual scrolling takes place.\n     * This element can be used to subscribe to `scroll` events or manually modify\n     * `scrollTop`. However, it's recommended to use the API provided by `ion-content`:\n     *\n     * i.e. Using `ionScroll`, `ionScrollStart`, `ionScrollEnd` for scrolling events\n     * and `scrollToPoint()` to scroll the content into a certain point.\n     */\n    async getScrollElement() {\n        /**\n         * If this gets called in certain early lifecycle hooks (ex: Vue onMounted),\n         * scrollEl won't be defined yet with the custom elements build, so wait for it to load in.\n         */\n        if (!this.scrollEl) {\n            await new Promise((resolve) => componentOnReady(this.el, resolve));\n        }\n        return Promise.resolve(this.scrollEl);\n    }\n    /**\n     * Returns the background content element.\n     * @internal\n     */\n    async getBackgroundElement() {\n        if (!this.backgroundContentEl) {\n            await new Promise((resolve) => componentOnReady(this.el, resolve));\n        }\n        return Promise.resolve(this.backgroundContentEl);\n    }\n    /**\n     * Scroll to the top of the component.\n     *\n     * @param duration The amount of time to take scrolling to the top. Defaults to `0`.\n     */\n    scrollToTop(duration = 0) {\n        return this.scrollToPoint(undefined, 0, duration);\n    }\n    /**\n     * Scroll to the bottom of the component.\n     *\n     * @param duration The amount of time to take scrolling to the bottom. Defaults to `0`.\n     */\n    async scrollToBottom(duration = 0) {\n        const scrollEl = await this.getScrollElement();\n        const y = scrollEl.scrollHeight - scrollEl.clientHeight;\n        return this.scrollToPoint(undefined, y, duration);\n    }\n    /**\n     * Scroll by a specified X/Y distance in the component.\n     *\n     * @param x The amount to scroll by on the horizontal axis.\n     * @param y The amount to scroll by on the vertical axis.\n     * @param duration The amount of time to take scrolling by that amount.\n     */\n    async scrollByPoint(x, y, duration) {\n        const scrollEl = await this.getScrollElement();\n        return this.scrollToPoint(x + scrollEl.scrollLeft, y + scrollEl.scrollTop, duration);\n    }\n    /**\n     * Scroll to a specified X/Y location in the component.\n     *\n     * @param x The point to scroll to on the horizontal axis.\n     * @param y The point to scroll to on the vertical axis.\n     * @param duration The amount of time to take scrolling to that point. Defaults to `0`.\n     */\n    async scrollToPoint(x, y, duration = 0) {\n        const el = await this.getScrollElement();\n        if (duration < 32) {\n            if (y != null) {\n                el.scrollTop = y;\n            }\n            if (x != null) {\n                el.scrollLeft = x;\n            }\n            return;\n        }\n        let resolve;\n        let startTime = 0;\n        const promise = new Promise((r) => (resolve = r));\n        const fromY = el.scrollTop;\n        const fromX = el.scrollLeft;\n        const deltaY = y != null ? y - fromY : 0;\n        const deltaX = x != null ? x - fromX : 0;\n        // scroll loop\n        const step = (timeStamp) => {\n            const linearTime = Math.min(1, (timeStamp - startTime) / duration) - 1;\n            const easedT = Math.pow(linearTime, 3) + 1;\n            if (deltaY !== 0) {\n                el.scrollTop = Math.floor(easedT * deltaY + fromY);\n            }\n            if (deltaX !== 0) {\n                el.scrollLeft = Math.floor(easedT * deltaX + fromX);\n            }\n            if (easedT < 1) {\n                // do not use DomController here\n                // must use nativeRaf in order to fire in the next frame\n                requestAnimationFrame(step);\n            }\n            else {\n                resolve();\n            }\n        };\n        // chill out for a frame first\n        requestAnimationFrame((ts) => {\n            startTime = ts;\n            step(ts);\n        });\n        return promise;\n    }\n    onScrollStart() {\n        this.isScrolling = true;\n        this.ionScrollStart.emit({\n            isScrolling: true,\n        });\n        if (this.watchDog) {\n            clearInterval(this.watchDog);\n        }\n        // watchdog\n        this.watchDog = setInterval(() => {\n            if (this.lastScroll < Date.now() - 120) {\n                this.onScrollEnd();\n            }\n        }, 100);\n    }\n    onScrollEnd() {\n        if (this.watchDog)\n            clearInterval(this.watchDog);\n        this.watchDog = null;\n        if (this.isScrolling) {\n            this.isScrolling = false;\n            this.ionScrollEnd.emit({\n                isScrolling: false,\n            });\n        }\n    }\n    render() {\n        const { isMainContent, scrollX, scrollY, el } = this;\n        const rtl = isRTL(el) ? 'rtl' : 'ltr';\n        const mode = getIonMode(this);\n        const forceOverscroll = this.shouldForceOverscroll();\n        const transitionShadow = mode === 'ios';\n        const TagType = isMainContent ? 'main' : 'div';\n        this.resize();\n        return (h(Host, { key: 'e13815c0e6f6095150b112d3a1aaf2f509aa0d0b', class: createColorClasses(this.color, {\n                [mode]: true,\n                'content-sizing': hostContext('ion-popover', this.el),\n                overscroll: forceOverscroll,\n                [`content-${rtl}`]: true,\n            }), style: {\n                '--offset-top': `${this.cTop}px`,\n                '--offset-bottom': `${this.cBottom}px`,\n            } }, h(\"div\", { key: '8006c4a10d8f7dc83c646246961d018a8097236e', ref: (el) => (this.backgroundContentEl = el), id: \"background-content\", part: \"background\" }), h(TagType, { key: '4dd2f58421493f7a4ca42f8f5d7b85cda8e320ea', class: {\n                'inner-scroll': true,\n                'scroll-x': scrollX,\n                'scroll-y': scrollY,\n                overscroll: (scrollX || scrollY) && forceOverscroll,\n            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: \"scroll\" }, h(\"slot\", { key: '37904f8f1d8319156cd901feb21930ef674fe0f7' })), transitionShadow ? (h(\"div\", { class: \"transition-effect\" }, h(\"div\", { class: \"transition-cover\" }), h(\"div\", { class: \"transition-shadow\" }))) : null, h(\"slot\", { key: '8f696583903af0548d064dca1a6bae060e127485', name: \"fixed\" })));\n    }\n    static get is() { return \"ion-content\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"content.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"content.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": true\n            },\n            \"fullscreen\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the content will scroll behind the headers\\nand footers. This effect can easily be seen by setting the toolbar\\nto transparent.\"\n                },\n                \"attribute\": \"fullscreen\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"forceOverscroll\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true` and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.\\nIf the content exceeds the bounds of ionContent, nothing will change.\\nNote, this does not disable the system bounce on iOS. That is an OS level setting.\"\n                },\n                \"attribute\": \"force-overscroll\",\n                \"reflect\": false\n            },\n            \"scrollX\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If you want to enable the content scrolling in the X axis, set this property to `true`.\"\n                },\n                \"attribute\": \"scroll-x\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"scrollY\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If you want to disable the content scrolling in the Y axis, set this property to `false`.\"\n                },\n                \"attribute\": \"scroll-y\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"scrollEvents\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Because of performance reasons, ionScroll events are disabled by default, in order to enable them\\nand start listening from (ionScroll), set this property to `true`.\"\n                },\n                \"attribute\": \"scroll-events\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionScrollStart\",\n                \"name\": \"ionScrollStart\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the scroll has started. This event is disabled by default.\\nSet `scrollEvents` to `true` to enable.\"\n                },\n                \"complexType\": {\n                    \"original\": \"ScrollBaseDetail\",\n                    \"resolved\": \"ScrollBaseDetail\",\n                    \"references\": {\n                        \"ScrollBaseDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./content-interface\",\n                            \"id\": \"src/components/content/content-interface.ts::ScrollBaseDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionScroll\",\n                \"name\": \"ionScroll\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted while scrolling. This event is disabled by default.\\nSet `scrollEvents` to `true` to enable.\"\n                },\n                \"complexType\": {\n                    \"original\": \"ScrollDetail\",\n                    \"resolved\": \"ScrollDetail\",\n                    \"references\": {\n                        \"ScrollDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./content-interface\",\n                            \"id\": \"src/components/content/content-interface.ts::ScrollDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionScrollEnd\",\n                \"name\": \"ionScrollEnd\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the scroll has ended. This event is disabled by default.\\nSet `scrollEvents` to `true` to enable.\"\n                },\n                \"complexType\": {\n                    \"original\": \"ScrollBaseDetail\",\n                    \"resolved\": \"ScrollBaseDetail\",\n                    \"references\": {\n                        \"ScrollBaseDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./content-interface\",\n                            \"id\": \"src/components/content/content-interface.ts::ScrollBaseDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"getScrollElement\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<HTMLElement>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<HTMLElement>\"\n                },\n                \"docs\": {\n                    \"text\": \"Get the element where the actual scrolling takes place.\\nThis element can be used to subscribe to `scroll` events or manually modify\\n`scrollTop`. However, it's recommended to use the API provided by `ion-content`:\\n\\ni.e. Using `ionScroll`, `ionScrollStart`, `ionScrollEnd` for scrolling events\\nand `scrollToPoint()` to scroll the content into a certain point.\",\n                    \"tags\": []\n                }\n            },\n            \"getBackgroundElement\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<HTMLElement>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<HTMLElement>\"\n                },\n                \"docs\": {\n                    \"text\": \"Returns the background content element.\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }]\n                }\n            },\n            \"scrollToTop\": {\n                \"complexType\": {\n                    \"signature\": \"(duration?: number) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"duration\",\n                            \"type\": \"number\",\n                            \"docs\": \"The amount of time to take scrolling to the top. Defaults to `0`.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Scroll to the top of the component.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"duration The amount of time to take scrolling to the top. Defaults to `0`.\"\n                        }]\n                }\n            },\n            \"scrollToBottom\": {\n                \"complexType\": {\n                    \"signature\": \"(duration?: number) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"duration\",\n                            \"type\": \"number\",\n                            \"docs\": \"The amount of time to take scrolling to the bottom. Defaults to `0`.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Scroll to the bottom of the component.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"duration The amount of time to take scrolling to the bottom. Defaults to `0`.\"\n                        }]\n                }\n            },\n            \"scrollByPoint\": {\n                \"complexType\": {\n                    \"signature\": \"(x: number, y: number, duration: number) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"x\",\n                            \"type\": \"number\",\n                            \"docs\": \"The amount to scroll by on the horizontal axis.\"\n                        }, {\n                            \"name\": \"y\",\n                            \"type\": \"number\",\n                            \"docs\": \"The amount to scroll by on the vertical axis.\"\n                        }, {\n                            \"name\": \"duration\",\n                            \"type\": \"number\",\n                            \"docs\": \"The amount of time to take scrolling by that amount.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Scroll by a specified X/Y distance in the component.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"x The amount to scroll by on the horizontal axis.\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"y The amount to scroll by on the vertical axis.\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"duration The amount of time to take scrolling by that amount.\"\n                        }]\n                }\n            },\n            \"scrollToPoint\": {\n                \"complexType\": {\n                    \"signature\": \"(x: number | undefined | null, y: number | undefined | null, duration?: number) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"x\",\n                            \"type\": \"number | null | undefined\",\n                            \"docs\": \"The point to scroll to on the horizontal axis.\"\n                        }, {\n                            \"name\": \"y\",\n                            \"type\": \"number | null | undefined\",\n                            \"docs\": \"The point to scroll to on the vertical axis.\"\n                        }, {\n                            \"name\": \"duration\",\n                            \"type\": \"number\",\n                            \"docs\": \"The amount of time to take scrolling to that point. Defaults to `0`.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Scroll to a specified X/Y location in the component.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"x The point to scroll to on the horizontal axis.\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"y The point to scroll to on the vertical axis.\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"duration The amount of time to take scrolling to that point. Defaults to `0`.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"resize\",\n                \"method\": \"onResize\",\n                \"target\": \"window\",\n                \"capture\": false,\n                \"passive\": true\n            }];\n    }\n}\nconst getParentElement = (el) => {\n    var _a;\n    if (el.parentElement) {\n        // normal element with a parent element\n        return el.parentElement;\n    }\n    if ((_a = el.parentNode) === null || _a === void 0 ? void 0 : _a.host) {\n        // shadow dom's document fragment\n        return el.parentNode.host;\n    }\n    return null;\n};\nconst getPageElement = (el) => {\n    const tabs = el.closest('ion-tabs');\n    if (tabs) {\n        return tabs;\n    }\n    /**\n     * If we're in a popover, we need to use its wrapper so we can account for space\n     * between the popover and the edges of the screen. But if the popover contains\n     * its own page element, we should use that instead.\n     */\n    const page = el.closest('ion-app, ion-page, .ion-page, page-inner, .popover-content');\n    if (page) {\n        return page;\n    }\n    return getParentElement(el);\n};\n// ******** DOM READ ****************\nconst updateScrollDetail = (detail, el, timestamp, shouldStart) => {\n    const prevX = detail.currentX;\n    const prevY = detail.currentY;\n    const prevT = detail.currentTime;\n    const currentX = el.scrollLeft;\n    const currentY = el.scrollTop;\n    const timeDelta = timestamp - prevT;\n    if (shouldStart) {\n        // remember the start positions\n        detail.startTime = timestamp;\n        detail.startX = currentX;\n        detail.startY = currentY;\n        detail.velocityX = detail.velocityY = 0;\n    }\n    detail.currentTime = timestamp;\n    detail.currentX = detail.scrollLeft = currentX;\n    detail.currentY = detail.scrollTop = currentY;\n    detail.deltaX = currentX - detail.startX;\n    detail.deltaY = currentY - detail.startY;\n    if (timeDelta > 0 && timeDelta < 100) {\n        const velocityX = (currentX - prevX) / timeDelta;\n        const velocityY = (currentY - prevY) / timeDelta;\n        detail.velocityX = velocityX * 0.7 + detail.velocityX * 0.3;\n        detail.velocityY = velocityY * 0.7 + detail.velocityY * 0.3;\n    }\n};\n"],"mappings":"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"}

package/dist/checkout/p-5d8ae3a1.entry.js

@@ -0,0 +1,32 @@
+import{r as t,d as e,w as o,h as i,H as r,e as a}from"./p-d7a430bf.js";import{a as s,i as n,d,r as c,f as p,p as h}from"./p-bb1f698e.js";import{C as l,a as f,d as u}from"./p-dc51d318.js";import{g as m,k as b,b as w,d as x,e as g}from"./p-b84d9e44.js";import{c as k}from"./p-01ad898f.js";import{p as v}from"./p-e187a77c.js";import{g as y}from"./p-3d3eefc3.js";import{G as A,O as D,a as B,B as Y,p as j,s as E,b as M,d as S,e as C}from"./p-3e681e57.js";import{g as O}from"./p-350e7423.js";import{d as P,w as $}from"./p-7f0004c9.js";import{g as I,c as T}from"./p-3b75b22a.js";import{KEYBOARD_DID_OPEN as z}from"./p-d60b2328.js";import{c as W}from"./p-b7be2ec0.js";import{g as L}from"./p-94286cc3.js";import{createGesture as R}from"./p-77104220.js";import{w as N}from"./p-d7fe59ee.js";import"./p-88abdf59.js";import"./p-9b519de5.js";import"./p-f728a68f.js";
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */var _;(function(t){t["Dark"]="DARK";t["Light"]="LIGHT";t["Default"]="DEFAULT"})(_||(_={}));const G={getEngine(){const t=y();if(t===null||t===void 0?void 0:t.isPluginAvailable("StatusBar")){return t.Plugins.StatusBar}return undefined},supportsDefaultStatusBarStyle(){const t=y();return!!(t===null||t===void 0?void 0:t.PluginHeaders)},setStyle(t){const e=this.getEngine();if(!e){return}e.setStyle(t)},getStyle:async function(){const t=this.getEngine();if(!t){return _.Default}const{style:e}=await t.getInfo();return e}};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const K=(t,e)=>{if(e===1){return 0}const o=1/(1-e);const i=-(e*o);return t*o+i};const V=()=>{if(!N||N.innerWidth>=768||!G.supportsDefaultStatusBarStyle()){return}G.setStyle({style:_.Dark})};const F=(t=_.Default)=>{if(!N||N.innerWidth>=768||!G.supportsDefaultStatusBarStyle()){return}G.setStyle({style:t})};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const H=async(t,e)=>{if(typeof t.canDismiss!=="function"){return}const o=await t.canDismiss(undefined,A);if(!o){return}if(e.isRunning()){e.onFinish((()=>{t.dismiss(undefined,"handler")}),{oneTimeCallback:true})}else{t.dismiss(undefined,"handler")}};const Z=t=>.00255275*2.71828**(-14.9619*t)-1.00255*2.71828**(-.0380968*t)+1;
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const U={MIN_PRESENTING_SCALE:.93};const q=(t,e,o,i)=>{const r=.5;const a=t.offsetHeight;let p=false;let h=false;let l=null;let f=null;const u=.2;let w=true;let x=0;const g=()=>{if(l&&n(l)){return l.scrollY}else{return true}};const k=t=>{const e=t.event.target;if(e===null||!e.closest){return true}l=s(e);if(l){if(n(l)){const t=m(l);f=t.querySelector(".inner-scroll")}else{f=l}const t=!!l.querySelector("ion-refresher");return!t&&f.scrollTop===0}const o=e.closest("ion-footer");if(o===null){return true}return false};const v=o=>{const{deltaY:i}=o;w=g();h=t.canDismiss!==undefined&&t.canDismiss!==true;if(i>0&&l){d(l)}e.progressStart(true,p?1:0)};const y=t=>{const{deltaY:i}=t;if(i>0&&l){d(l)}const s=t.deltaY/a;const n=s>=0&&h;const c=n?u:.9999;const p=n?Z(s/c):s;const f=b(1e-4,p,c);e.progressStep(f);if(f>=r&&x<r){F(o)}else if(f<r&&x>=r){V()}x=f};const A=o=>{const s=o.velocityY;const n=o.deltaY/a;const d=n>=0&&h;const f=d?u:.9999;const m=d?Z(n/f):n;const x=b(1e-4,m,f);const g=(o.deltaY+s*1e3)/a;const k=!d&&g>=r;let v=k?-.001:.001;if(!k){e.easing("cubic-bezier(1, 0, 0.68, 0.28)");v+=L([0,0],[1,0],[.68,.28],[1,1],x)[0]}else{e.easing("cubic-bezier(0.32, 0.72, 0, 1)");v+=L([0,0],[.32,.72],[0,1],[1,1],x)[0]}const y=k?J(n*a,s):J((1-x)*a,s);p=k;B.enable(false);if(l){c(l,w)}e.onFinish((()=>{if(!k){B.enable(true)}})).progressEnd(k?1:0,v,y);if(d&&x>f/4){H(t,e)}else if(k){i()}};const B=R({el:t,gestureName:"modalSwipeToClose",gesturePriority:D,direction:"y",threshold:10,canStart:k,onStart:v,onMove:y,onEnd:A});return B};const J=(t,e)=>b(400,t/Math.abs(e*1.1),500);
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const Q=t=>{const{currentBreakpoint:e,backdropBreakpoint:o}=t;const i=o===undefined||o<e;const r=i?`calc(var(--backdrop-opacity) * ${e})`:"0";const a=W("backdropAnimation").fromTo("opacity",0,r);if(i){a.beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"])}const s=W("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:"translateY(100%)"},{offset:1,opacity:1,transform:`translateY(${100-e*100}%)`}]);return{wrapperAnimation:s,backdropAnimation:a}};const X=t=>{const{currentBreakpoint:e,backdropBreakpoint:o}=t;const i=`calc(var(--backdrop-opacity) * ${K(e,o)})`;const r=[{offset:0,opacity:i},{offset:1,opacity:0}];const a=[{offset:0,opacity:i},{offset:o,opacity:0},{offset:1,opacity:0}];const s=W("backdropAnimation").keyframes(o!==0?a:r);const n=W("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:`translateY(${100-e*100}%)`},{offset:1,opacity:1,transform:`translateY(100%)`}]);return{wrapperAnimation:n,backdropAnimation:s}};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const tt=()=>{const t=W().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);const e=W().fromTo("transform","translateY(100vh)","translateY(0vh)");return{backdropAnimation:t,wrapperAnimation:e}};const et=(t,e)=>{const{presentingEl:o,currentBreakpoint:i}=e;const r=m(t);const{wrapperAnimation:a,backdropAnimation:s}=i!==undefined?Q(e):tt();s.addElement(r.querySelector("ion-backdrop"));a.addElement(r.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1});const n=W("entering-base").addElement(t).easing("cubic-bezier(0.32,0.72,0,1)").duration(500).addAnimation(a);if(o){const t=window.innerWidth<768;const e=o.tagName==="ION-MODAL"&&o.presentingElement!==undefined;const i=m(o);const r=W().beforeStyles({transform:"translateY(0)","transform-origin":"top center",overflow:"hidden"});const d=document.body;if(t){const t=!CSS.supports("width","max(0px, 1px)")?"30px":"max(30px, var(--ion-safe-area-top))";const i=e?"-10px":t;const a=U.MIN_PRESENTING_SCALE;const s=`translateY(${i}) scale(${a})`;r.afterStyles({transform:s}).beforeAddWrite((()=>d.style.setProperty("background-color","black"))).addElement(o).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"},{offset:1,filter:"contrast(0.85)",transform:s,borderRadius:"10px 10px 0 0"}]);n.addAnimation(r)}else{n.addAnimation(s);if(!e){a.fromTo("opacity","0","1")}else{const t=e?U.MIN_PRESENTING_SCALE:1;const o=`translateY(-10px) scale(${t})`;r.afterStyles({transform:o}).addElement(i.querySelector(".modal-wrapper")).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0) scale(1)"},{offset:1,filter:"contrast(0.85)",transform:o}]);const a=W().afterStyles({transform:o}).addElement(i.querySelector(".modal-shadow")).keyframes([{offset:0,opacity:"1",transform:"translateY(0) scale(1)"},{offset:1,opacity:"0",transform:o}]);n.addAnimation([r,a])}}}else{n.addAnimation(s)}return n};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const ot=()=>{const t=W().fromTo("opacity","var(--backdrop-opacity)",0);const e=W().fromTo("transform","translateY(0vh)","translateY(100vh)");return{backdropAnimation:t,wrapperAnimation:e}};const it=(t,e,o=500)=>{const{presentingEl:i,currentBreakpoint:r}=e;const a=m(t);const{wrapperAnimation:s,backdropAnimation:n}=r!==undefined?X(e):ot();n.addElement(a.querySelector("ion-backdrop"));s.addElement(a.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1});const d=W("leaving-base").addElement(t).easing("cubic-bezier(0.32,0.72,0,1)").duration(o).addAnimation(s);if(i){const t=window.innerWidth<768;const e=i.tagName==="ION-MODAL"&&i.presentingElement!==undefined;const o=m(i);const r=W().beforeClearStyles(["transform"]).afterClearStyles(["transform"]).onFinish((t=>{if(t!==1){return}i.style.setProperty("overflow","");const e=Array.from(a.querySelectorAll("ion-modal:not(.overlay-hidden)")).filter((t=>t.presentingElement!==undefined)).length;if(e<=1){a.style.setProperty("background-color","")}}));const a=document.body;if(t){const t=!CSS.supports("width","max(0px, 1px)")?"30px":"max(30px, var(--ion-safe-area-top))";const o=e?"-10px":t;const a=U.MIN_PRESENTING_SCALE;const s=`translateY(${o}) scale(${a})`;r.addElement(i).keyframes([{offset:0,filter:"contrast(0.85)",transform:s,borderRadius:"10px 10px 0 0"},{offset:1,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"}]);d.addAnimation(r)}else{d.addAnimation(n);if(!e){s.fromTo("opacity","1","0")}else{const t=e?U.MIN_PRESENTING_SCALE:1;const i=`translateY(-10px) scale(${t})`;r.addElement(o.querySelector(".modal-wrapper")).afterStyles({transform:"translate3d(0, 0, 0)"}).keyframes([{offset:0,filter:"contrast(0.85)",transform:i},{offset:1,filter:"contrast(1)",transform:"translateY(0) scale(1)"}]);const a=W().addElement(o.querySelector(".modal-shadow")).afterStyles({transform:"translateY(0) scale(1)"}).keyframes([{offset:0,opacity:"0",transform:i},{offset:1,opacity:"1",transform:"translateY(0) scale(1)"}]);d.addAnimation([r,a])}}}else{d.addAnimation(n)}return d};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const rt=()=>{const t=W().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);const e=W().keyframes([{offset:0,opacity:.01,transform:"translateY(40px)"},{offset:1,opacity:1,transform:`translateY(0px)`}]);return{backdropAnimation:t,wrapperAnimation:e}};const at=(t,e)=>{const{currentBreakpoint:o}=e;const i=m(t);const{wrapperAnimation:r,backdropAnimation:a}=o!==undefined?Q(e):rt();a.addElement(i.querySelector("ion-backdrop"));r.addElement(i.querySelector(".modal-wrapper"));return W().addElement(t).easing("cubic-bezier(0.36,0.66,0.04,1)").duration(280).addAnimation([a,r])};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const st=()=>{const t=W().fromTo("opacity","var(--backdrop-opacity)",0);const e=W().keyframes([{offset:0,opacity:.99,transform:`translateY(0px)`},{offset:1,opacity:0,transform:"translateY(40px)"}]);return{backdropAnimation:t,wrapperAnimation:e}};const nt=(t,e)=>{const{currentBreakpoint:o}=e;const i=m(t);const{wrapperAnimation:r,backdropAnimation:a}=o!==undefined?X(e):st();a.addElement(i.querySelector("ion-backdrop"));r.addElement(i.querySelector(".modal-wrapper"));return W().easing("cubic-bezier(0.47,0,0.745,0.715)").duration(200).addAnimation([a,r])};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const dt=(t,e,o,i,r,a,d=[],c,p,h)=>{const l=[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1,opacity:.01}];const f=[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1-r,opacity:0},{offset:1,opacity:0}];const u={WRAPPER_KEYFRAMES:[{offset:0,transform:"translateY(0%)"},{offset:1,transform:"translateY(100%)"}],BACKDROP_KEYFRAMES:r!==0?f:l};const x=t.querySelector("ion-content");const g=o.clientHeight;let k=i;let v=0;let y=false;const A=.95;const D=a.childAnimations.find((t=>t.id==="wrapperAnimation"));const B=a.childAnimations.find((t=>t.id==="backdropAnimation"));const Y=d[d.length-1];const j=d[0];const E=()=>{t.style.setProperty("pointer-events","auto");e.style.setProperty("pointer-events","auto");t.classList.remove("ion-disable-focus-trap")};const M=()=>{t.style.setProperty("pointer-events","none");e.style.setProperty("pointer-events","none");t.classList.add("ion-disable-focus-trap")};if(D&&B){D.keyframes([...u.WRAPPER_KEYFRAMES]);B.keyframes([...u.BACKDROP_KEYFRAMES]);a.progressStart(true,1-k);const t=k>r;if(t){E()}else{M()}}if(x&&k!==Y){x.scrollY=false}const S=t=>{const e=s(t.event.target);k=c();if(k===1&&e){const t=n(e)?m(e).querySelector(".inner-scroll"):e;const o=!!e.querySelector("ion-refresher");return!o&&t.scrollTop===0}return true};const C=e=>{y=t.canDismiss!==undefined&&t.canDismiss!==true&&j===0;if(e.deltaY>0&&x){x.scrollY=false}w((()=>{t.focus()}));a.progressStart(true,1-k)};const O=t=>{if(t.deltaY>0&&x){x.scrollY=false}const e=1-k;const o=d.length>1?1-d[1]:undefined;const i=e+t.deltaY/g;const r=o!==undefined&&i>=o&&y;const s=r?A:.9999;const n=r&&o!==undefined?o+Z((i-o)/(s-o)):i;v=b(1e-4,n,s);a.progressStep(v)};const P=t=>{const e=t.velocityY;const o=(t.deltaY+e*350)/g;const i=k-o;const r=d.reduce(((t,e)=>Math.abs(e-i)<Math.abs(t-i)?e:t));$({breakpoint:r,breakpointOffset:v,canDismiss:y,animated:true})};const $=e=>{const{breakpoint:o,canDismiss:i,breakpointOffset:s,animated:n}=e;const c=i&&o===0;const l=c?k:o;const f=l!==0;k=0;if(D&&B){D.keyframes([{offset:0,transform:`translateY(${s*100}%)`},{offset:1,transform:`translateY(${(1-l)*100}%)`}]);B.keyframes([{offset:0,opacity:`calc(var(--backdrop-opacity) * ${K(1-s,r)})`},{offset:1,opacity:`calc(var(--backdrop-opacity) * ${K(l,r)})`}]);a.progressStep(0)}I.enable(false);if(c){H(t,a)}else if(!f){p()}if(x&&l===d[d.length-1]){x.scrollY=true}return new Promise((t=>{a.onFinish((()=>{if(f){if(D&&B){w((()=>{D.keyframes([...u.WRAPPER_KEYFRAMES]);B.keyframes([...u.BACKDROP_KEYFRAMES]);a.progressStart(true,1-l);k=l;h(k);const e=k>r;if(e){E()}else{M()}I.enable(true);t()}))}else{I.enable(true);t()}}else{t()}}),{oneTimeCallback:true}).progressEnd(1,0,n?500:0)}))};const I=R({el:o,gestureName:"modalSheet",gesturePriority:40,direction:"y",threshold:10,canStart:S,onStart:C,onMove:O,onEnd:P});return{gesture:I,moveSheetToBreakpoint:$}};const ct=':host{--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:flex;position:absolute;align-items:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{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);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--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){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;transform:translateZ(0);border:0;background:var(--ion-color-step-350, #c0c0be);cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;transform:translate(-50%, -50%);content:""}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}:host(.modal-card),:host(.modal-sheet){--border-radius:10px}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:10px}}.modal-wrapper{transform:translate3d(0,  100%,  0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - 40px)}}:host(.modal-card) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.modal-card) .modal-wrapper,:host-context([dir=rtl]).modal-card .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){:host(.modal-card:dir(rtl)) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}}:host(.modal-card){--backdrop-opacity:0;--width:100%;align-items:flex-end}:host(.modal-card) .modal-shadow{display:none}:host(.modal-card) ion-backdrop{pointer-events:none}}@media screen and (min-width: 768px){:host(.modal-card){--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px;--backdrop-opacity:0;--box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);transition:all 0.5s ease-in-out}:host(.modal-card) .modal-wrapper{box-shadow:none}:host(.modal-card) .modal-shadow{box-shadow:var(--box-shadow)}}:host(.modal-sheet) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.modal-sheet) .modal-wrapper,:host-context([dir=rtl]).modal-sheet .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){:host(.modal-sheet:dir(rtl)) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}}';const pt=':host{--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:flex;position:absolute;align-items:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{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);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--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){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;transform:translateZ(0);border:0;background:var(--ion-color-step-350, #c0c0be);cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;transform:translate(-50%, -50%);content:""}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:2px;--box-shadow:0 28px 48px rgba(0, 0, 0, 0.4)}}.modal-wrapper{transform:translate3d(0,  40px,  0);opacity:0.01}';const ht=class{constructor(o){t(this,o);this.didPresent=e(this,"ionModalDidPresent",7);this.willPresent=e(this,"ionModalWillPresent",7);this.willDismiss=e(this,"ionModalWillDismiss",7);this.didDismiss=e(this,"ionModalDidDismiss",7);this.ionBreakpointDidChange=e(this,"ionBreakpointDidChange",7);this.didPresentShorthand=e(this,"didPresent",7);this.willPresentShorthand=e(this,"willPresent",7);this.willDismissShorthand=e(this,"willDismiss",7);this.didDismissShorthand=e(this,"didDismiss",7);this.ionMount=e(this,"ionMount",7);this.lockController=k();this.triggerController=B();this.coreDelegate=l();this.isSheetModal=false;this.inheritedAttributes={};this.inline=false;this.gestureAnimationDismissing=false;this.onHandleClick=()=>{const{sheetTransition:t,handleBehavior:e}=this;if(e!=="cycle"||t!==undefined){return}this.moveToNextBreakpoint()};this.onBackdropTap=()=>{const{sheetTransition:t}=this;if(t!==undefined){return}this.dismiss(undefined,Y)};this.onLifecycle=t=>{const e=this.usersElement;const o=lt[t.type];if(e&&o){const i=new CustomEvent(o,{bubbles:false,cancelable:false,detail:t.detail});e.dispatchEvent(i)}};this.presented=false;this.hasController=false;this.overlayIndex=undefined;this.delegate=undefined;this.keyboardClose=true;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.breakpoints=undefined;this.initialBreakpoint=undefined;this.backdropBreakpoint=0;this.handle=undefined;this.handleBehavior="none";this.component=undefined;this.componentProps=undefined;this.cssClass=undefined;this.backdropDismiss=true;this.showBackdrop=true;this.animated=true;this.presentingElement=undefined;this.htmlAttributes=undefined;this.isOpen=false;this.trigger=undefined;this.keepContentsMounted=false;this.canDismiss=true}onIsOpenChange(t,e){if(t===true&&e===false){this.present()}else if(t===false&&e===true){this.dismiss()}}triggerChanged(){const{trigger:t,el:e,triggerController:o}=this;if(t){o.addClickListener(e,t)}}breakpointsChanged(t){if(t!==undefined){this.sortedBreakpoints=t.sort(((t,e)=>t-e))}}connectedCallback(){const{el:t}=this;j(t);this.triggerChanged()}disconnectedCallback(){this.triggerController.removeClickListener()}componentWillLoad(){const{breakpoints:t,initialBreakpoint:e,el:o,htmlAttributes:i}=this;const r=this.isSheetModal=t!==undefined&&e!==undefined;const a=["aria-label","role"];this.inheritedAttributes=x(o,a);if(i!==undefined){a.forEach((t=>{const e=i[t];if(e){this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i[t]});delete i[t]}}))}if(r){this.currentBreakpoint=this.initialBreakpoint}if(t!==undefined&&e!==undefined&&!t.includes(e)){v("Your breakpoints array must include the initialBreakpoint value.")}E(o)}componentDidLoad(){if(this.isOpen===true){w((()=>this.present()))}this.breakpointsChanged(this.breakpoints);this.triggerChanged()}getDelegate(t=false){if(this.workingDelegate&&!t){return{delegate:this.workingDelegate,inline:this.inline}}const e=this.el.parentNode;const o=this.inline=e!==null&&!this.hasController;const i=this.workingDelegate=o?this.delegate||this.coreDelegate:this.delegate;return{inline:o,delegate:i}}async checkCanDismiss(t,e){const{canDismiss:o}=this;if(typeof o==="function"){return o(t,e)}return o}async present(){const t=await this.lockController.lock();if(this.presented){t();return}const{presentingElement:e,el:i}=this;this.currentBreakpoint=this.initialBreakpoint;const{inline:r,delegate:a}=this.getDelegate(true);this.ionMount.emit();this.usersElement=await f(a,i,this.component,["ion-page"],this.componentProps,r);if(g(i)){await P(this.usersElement)}else if(!this.keepContentsMounted){await $()}o((()=>this.el.classList.add("show-modal")));const s=e!==undefined;if(s&&I(this)==="ios"){this.statusBarStyle=await G.getStyle();V()}await M(this,"modalEnter",et,at,{presentingEl:e,currentBreakpoint:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint});if(typeof window!=="undefined"){this.keyboardOpenCallback=()=>{if(this.gesture){this.gesture.enable(false);w((()=>{if(this.gesture){this.gesture.enable(true)}}))}};window.addEventListener(z,this.keyboardOpenCallback)}if(this.isSheetModal){this.initSheetGesture()}else if(s){this.initSwipeToClose()}t()}initSwipeToClose(){var t;if(I(this)!=="ios"){return}const{el:e}=this;const o=this.leaveAnimation||T.get("modalLeave",it);const i=this.animation=o(e,{presentingEl:this.presentingElement});const r=p(e);if(!r){h(e);return}const a=(t=this.statusBarStyle)!==null&&t!==void 0?t:_.Default;this.gesture=q(e,i,a,(()=>{this.gestureAnimationDismissing=true;F(this.statusBarStyle);this.animation.onFinish((async()=>{await this.dismiss(undefined,A);this.gestureAnimationDismissing=false}))}));this.gesture.enable(true)}initSheetGesture(){const{wrapperEl:t,initialBreakpoint:e,backdropBreakpoint:o}=this;if(!t||e===undefined){return}const i=this.enterAnimation||T.get("modalEnter",et);const r=this.animation=i(this.el,{presentingEl:this.presentingElement,currentBreakpoint:e,backdropBreakpoint:o});r.progressStart(true,1);const{gesture:a,moveSheetToBreakpoint:s}=dt(this.el,this.backdropEl,t,e,o,r,this.sortedBreakpoints,(()=>{var t;return(t=this.currentBreakpoint)!==null&&t!==void 0?t:0}),(()=>this.sheetOnDismiss()),(t=>{if(this.currentBreakpoint!==t){this.currentBreakpoint=t;this.ionBreakpointDidChange.emit({breakpoint:t})}}));this.gesture=a;this.moveSheetToBreakpoint=s;this.gesture.enable(true)}sheetOnDismiss(){this.gestureAnimationDismissing=true;this.animation.onFinish((async()=>{this.currentBreakpoint=0;this.ionBreakpointDidChange.emit({breakpoint:this.currentBreakpoint});await this.dismiss(undefined,A);this.gestureAnimationDismissing=false}))}async dismiss(t,e){var i;if(this.gestureAnimationDismissing&&e!==A){return false}const r=await this.lockController.lock();if(e!=="handler"&&!await this.checkCanDismiss(t,e)){r();return false}const{presentingElement:a}=this;const s=a!==undefined;if(s&&I(this)==="ios"){F(this.statusBarStyle)}if(typeof window!=="undefined"&&this.keyboardOpenCallback){window.removeEventListener(z,this.keyboardOpenCallback);this.keyboardOpenCallback=undefined}const n=await S(this,t,e,"modalLeave",it,nt,{presentingEl:a,currentBreakpoint:(i=this.currentBreakpoint)!==null&&i!==void 0?i:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint});if(n){const{delegate:t}=this.getDelegate();await u(t,this.usersElement);o((()=>this.el.classList.remove("show-modal")));if(this.animation){this.animation.destroy()}if(this.gesture){this.gesture.destroy()}}this.currentBreakpoint=undefined;this.animation=undefined;r();return n}onDidDismiss(){return C(this.el,"ionModalDidDismiss")}onWillDismiss(){return C(this.el,"ionModalWillDismiss")}async setCurrentBreakpoint(t){if(!this.isSheetModal){v("setCurrentBreakpoint is only supported on sheet modals.");return}if(!this.breakpoints.includes(t)){v(`Attempted to set invalid breakpoint value ${t}. Please double check that the breakpoint value is part of your defined breakpoints.`);return}const{currentBreakpoint:e,moveSheetToBreakpoint:o,canDismiss:i,breakpoints:r,animated:a}=this;if(e===t){return}if(o){this.sheetTransition=o({breakpoint:t,breakpointOffset:1-e,canDismiss:i!==undefined&&i!==true&&r[0]===0,animated:a});await this.sheetTransition;this.sheetTransition=undefined}}async getCurrentBreakpoint(){return this.currentBreakpoint}async moveToNextBreakpoint(){const{breakpoints:t,currentBreakpoint:e}=this;if(!t||e==null){return false}const o=t.filter((t=>t!==0));const i=o.indexOf(e);const r=(i+1)%o.length;const a=o[r];await this.setCurrentBreakpoint(a);return true}render(){const{handle:t,isSheetModal:e,presentingElement:o,htmlAttributes:a,handleBehavior:s,inheritedAttributes:n}=this;const d=t!==false&&e;const c=I(this);const p=o!==undefined&&c==="ios";const h=s==="cycle";return i(r,Object.assign({key:"e4ad28e6e794560d85252aebdca7f4752e4e7e99","no-router":true,tabindex:"-1"},a,{style:{zIndex:`${2e4+this.overlayIndex}`},class:Object.assign({[c]:true,["modal-default"]:!p&&!e,[`modal-card`]:p,[`modal-sheet`]:e,"overlay-hidden":true},O(this.cssClass)),onIonBackdropTap:this.onBackdropTap,onIonModalDidPresent:this.onLifecycle,onIonModalWillPresent:this.onLifecycle,onIonModalWillDismiss:this.onLifecycle,onIonModalDidDismiss:this.onLifecycle}),i("ion-backdrop",{key:"6efd67361a062d15488390f9f0d6c0841e541893",ref:t=>this.backdropEl=t,visible:this.showBackdrop,tappable:this.backdropDismiss,part:"backdrop"}),c==="ios"&&i("div",{key:"557b1c6b297df75acc80d1350b971e65ace6c343",class:"modal-shadow"}),i("div",Object.assign({key:"67f9b27b662303fbaadaee2ae89972caadfd9994",role:"dialog"},n,{"aria-modal":"true",class:"modal-wrapper ion-overlay-wrapper",part:"content",ref:t=>this.wrapperEl=t}),d&&i("button",{key:"8f1eecc451b52467a8c3cfe500335cf6254bbfbc",class:"modal-handle",tabIndex:!h?-1:0,"aria-label":"Activate to adjust the size of the dialog overlaying the screen",onClick:h?this.onHandleClick:undefined,part:"handle"}),i("slot",{key:"cdc923404f01a14b9071a434c68547da3b22c71e"})))}get el(){return a(this)}static get watchers(){return{isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}}};const lt={ionModalDidPresent:"ionViewDidEnter",ionModalWillPresent:"ionViewWillEnter",ionModalWillDismiss:"ionViewWillLeave",ionModalDidDismiss:"ionViewDidLeave"};ht.style={ios:ct,md:pt};export{ht as ion_modal};
+//# sourceMappingURL=p-5d8ae3a1.entry.js.map