@amwaljs/checkout-button 0.3.2 → 0.3.3

package/dist/checkout/p-b339d32f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["segmentIosCss","segmentMdCss","Segment","constructor","hostRef","this","onClick","ev","current","target","previous","checked","tagName","value","emitValueChange","scrollable","swipeGesture","checkButton","setCheckedClasses","getSegmentButton","selector","_a","_b","buttons","getButtons","filter","button","disabled","currIndex","findIndex","document","activeElement","length","activated","color","undefined","selectOnFocus","colorChanged","oldValue","emitStyle","swipeGestureChanged","gestureChanged","valueChanged","ionSelect","emit","scrollActiveButtonIntoView","disabledChanged","gesture","enable","connectedCallback","componentWillLoad","async","raf","import","createGesture","el","gestureName","gesturePriority","threshold","passive","onStart","onMove","onEnd","detail","valueBeforeGesture","activate","setNextIndex","setActivated","event","stopImmediatePropagation","ionChange","Array","from","querySelectorAll","find","forEach","classList","add","remove","clicked","getIndicator","root","shadowRoot","querySelector","previousIndicator","currentIndicator","previousClientRect","getBoundingClientRect","currentClientRect","widthDelta","width","xPosition","left","transform","writeTask","style","setProperty","index","next","smoothScroll","activeButton","scrollContainerBox","activeButtonBox","activeButtonLeft","x","centeredX","scrollBy","top","behavior","isEnd","rtl","isRTL","nextIndex","rect","currentX","previousY","height","getRootNode","nextEl","elementFromPoint","decreaseIndex","increaseIndex","newIndex","ionStyle","segment","onKeyDown","keyDownSelectsButton","key","preventDefault","setFocus","render","mode","getIonMode","h","Host","role","class","createColorClasses","hostContext"],"sources":["./node_modules/@ionic/core/dist/collection/components/segment/segment.ios.css?tag=ion-segment&mode=ios&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/segment/segment.md.css?tag=ion-segment&mode=md&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/segment/segment.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 segment button\n   */\n  --ripple-color: currentColor;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: grid;\n  grid-auto-columns: 1fr;\n  position: relative;\n  align-items: stretch;\n  justify-content: center;\n  width: 100%;\n  background: var(--background);\n  font-family: var(--ion-font-family, inherit);\n  text-align: center;\n  contain: paint;\n  user-select: none;\n}\n\n:host(.segment-scrollable) {\n  justify-content: start;\n  width: auto;\n  overflow-x: auto;\n  grid-auto-columns: minmax(min-content, 1fr);\n}\n\n:host(.segment-scrollable::-webkit-scrollbar) {\n  display: none;\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/**\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: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);\n  border-radius: 8px;\n  overflow: hidden;\n  z-index: 0;\n}\n\n:host(.ion-color) {\n  background: rgba(var(--ion-color-base-rgb), 0.065);\n}\n\n:host(.in-toolbar) {\n  -webkit-margin-start: auto;\n  margin-inline-start: auto;\n  -webkit-margin-end: auto;\n  margin-inline-end: auto;\n  margin-top: 0;\n  margin-bottom: 0;\n  width: auto;\n}\n\n:host(.in-toolbar:not(.ion-color)) {\n  background: var(--ion-toolbar-segment-background, var(--background));\n}\n\n:host(.in-toolbar-color:not(.ion-color)) {\n  background: rgba(var(--ion-color-contrast-rgb), 0.11);\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 segment button\n   */\n  --ripple-color: currentColor;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: grid;\n  grid-auto-columns: 1fr;\n  position: relative;\n  align-items: stretch;\n  justify-content: center;\n  width: 100%;\n  background: var(--background);\n  font-family: var(--ion-font-family, inherit);\n  text-align: center;\n  contain: paint;\n  user-select: none;\n}\n\n:host(.segment-scrollable) {\n  justify-content: start;\n  width: auto;\n  overflow-x: auto;\n  grid-auto-columns: minmax(min-content, 1fr);\n}\n\n:host(.segment-scrollable::-webkit-scrollbar) {\n  display: none;\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/**\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: transparent;\n  grid-auto-columns: minmax(auto, 360px);\n}\n\n:host(.in-toolbar) {\n  /**\n   * Segment should inherit the\n   * height of the toolbar.\n   * Note: --min-height is initially\n   * set on ion-toolbar, not ion-segment\n   */\n  min-height: var(--min-height);\n}\n\n:host(.segment-scrollable) ::slotted(ion-segment-button) {\n  min-width: auto;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h, writeTask } from \"@stencil/core\";\nimport { raf } from \"../../utils/helpers\";\nimport { isRTL } from \"../../utils/rtl/index\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class Segment {\n    constructor() {\n        this.onClick = (ev) => {\n            const current = ev.target;\n            const previous = this.checked;\n            // If the current element is a segment then that means\n            // the user tried to swipe to a segment button and\n            // click a segment button at the same time so we should\n            // not update the checked segment button\n            if (current.tagName === 'ION-SEGMENT') {\n                return;\n            }\n            this.value = current.value;\n            if (current !== previous) {\n                this.emitValueChange();\n            }\n            if (this.scrollable || !this.swipeGesture) {\n                if (previous) {\n                    this.checkButton(previous, current);\n                }\n                else {\n                    this.setCheckedClasses();\n                }\n            }\n        };\n        this.getSegmentButton = (selector) => {\n            var _a, _b;\n            const buttons = this.getButtons().filter((button) => !button.disabled);\n            const currIndex = buttons.findIndex((button) => button === document.activeElement);\n            switch (selector) {\n                case 'first':\n                    return buttons[0];\n                case 'last':\n                    return buttons[buttons.length - 1];\n                case 'next':\n                    return (_a = buttons[currIndex + 1]) !== null && _a !== void 0 ? _a : buttons[0];\n                case 'previous':\n                    return (_b = buttons[currIndex - 1]) !== null && _b !== void 0 ? _b : buttons[buttons.length - 1];\n                default:\n                    return null;\n            }\n        };\n        this.activated = false;\n        this.color = undefined;\n        this.disabled = false;\n        this.scrollable = false;\n        this.swipeGesture = true;\n        this.value = undefined;\n        this.selectOnFocus = false;\n    }\n    colorChanged(value, oldValue) {\n        /**\n         * If color is set after not having\n         * previously been set (or vice versa),\n         * we need to emit style so the segment-buttons\n         * can apply their color classes properly.\n         */\n        if ((oldValue === undefined && value !== undefined) || (oldValue !== undefined && value === undefined)) {\n            this.emitStyle();\n        }\n    }\n    swipeGestureChanged() {\n        this.gestureChanged();\n    }\n    valueChanged(value) {\n        /**\n         * `ionSelect` is emitted every time the value changes (internal or external changes).\n         * Used by `ion-segment-button` to determine if the button should be checked.\n         */\n        this.ionSelect.emit({ value });\n        this.scrollActiveButtonIntoView();\n    }\n    disabledChanged() {\n        this.gestureChanged();\n        const buttons = this.getButtons();\n        for (const button of buttons) {\n            button.disabled = this.disabled;\n        }\n    }\n    gestureChanged() {\n        if (this.gesture) {\n            this.gesture.enable(!this.scrollable && !this.disabled && this.swipeGesture);\n        }\n    }\n    connectedCallback() {\n        this.emitStyle();\n    }\n    componentWillLoad() {\n        this.emitStyle();\n    }\n    async componentDidLoad() {\n        this.setCheckedClasses();\n        /**\n         * If the value changes before watchers\n         * are setup, then the ionSelect watch callback\n         * will not fire. As a result, we manually\n         * fire this event when Select is loaded.\n         */\n        this.ionSelect.emit({ value: this.value });\n        /**\n         * We need to wait for the buttons to all be rendered\n         * before we can scroll.\n         */\n        raf(() => {\n            /**\n             * When the segment loads for the first\n             * time we just want to snap the active button into\n             * place instead of scroll. Smooth scrolling should only\n             * happen when the user interacts with the segment.\n             */\n            this.scrollActiveButtonIntoView(false);\n        });\n        this.gesture = (await import('../../utils/gesture')).createGesture({\n            el: this.el,\n            gestureName: 'segment',\n            gesturePriority: 100,\n            threshold: 0,\n            passive: false,\n            onStart: (ev) => this.onStart(ev),\n            onMove: (ev) => this.onMove(ev),\n            onEnd: (ev) => this.onEnd(ev),\n        });\n        this.gestureChanged();\n        if (this.disabled) {\n            this.disabledChanged();\n        }\n    }\n    onStart(detail) {\n        this.valueBeforeGesture = this.value;\n        this.activate(detail);\n    }\n    onMove(detail) {\n        this.setNextIndex(detail);\n    }\n    onEnd(detail) {\n        this.setActivated(false);\n        this.setNextIndex(detail, true);\n        detail.event.stopImmediatePropagation();\n        const value = this.value;\n        if (value !== undefined) {\n            if (this.valueBeforeGesture !== value) {\n                this.emitValueChange();\n            }\n        }\n        this.valueBeforeGesture = undefined;\n    }\n    /**\n     * Emits an `ionChange` event.\n     *\n     * This API should be called for user committed changes.\n     * This API should not be used for external value changes.\n     */\n    emitValueChange() {\n        const { value } = this;\n        this.ionChange.emit({ value });\n    }\n    getButtons() {\n        return Array.from(this.el.querySelectorAll('ion-segment-button'));\n    }\n    get checked() {\n        return this.getButtons().find((button) => button.value === this.value);\n    }\n    /*\n     * Activate both the segment and the buttons\n     * due to a bug with ::slotted in Safari\n     */\n    setActivated(activated) {\n        const buttons = this.getButtons();\n        buttons.forEach((button) => {\n            if (activated) {\n                button.classList.add('segment-button-activated');\n            }\n            else {\n                button.classList.remove('segment-button-activated');\n            }\n        });\n        this.activated = activated;\n    }\n    activate(detail) {\n        const clicked = detail.event.target;\n        const buttons = this.getButtons();\n        const checked = buttons.find((button) => button.value === this.value);\n        // Make sure we are only checking for activation on a segment button\n        // since disabled buttons will get the click on the segment\n        if (clicked.tagName !== 'ION-SEGMENT-BUTTON') {\n            return;\n        }\n        // If there are no checked buttons, set the current button to checked\n        if (!checked) {\n            this.value = clicked.value;\n            this.setCheckedClasses();\n        }\n        // If the gesture began on the clicked button with the indicator\n        // then we should activate the indicator\n        if (this.value === clicked.value) {\n            this.setActivated(true);\n        }\n    }\n    getIndicator(button) {\n        const root = button.shadowRoot || button;\n        return root.querySelector('.segment-button-indicator');\n    }\n    checkButton(previous, current) {\n        const previousIndicator = this.getIndicator(previous);\n        const currentIndicator = this.getIndicator(current);\n        if (previousIndicator === null || currentIndicator === null) {\n            return;\n        }\n        const previousClientRect = previousIndicator.getBoundingClientRect();\n        const currentClientRect = currentIndicator.getBoundingClientRect();\n        const widthDelta = previousClientRect.width / currentClientRect.width;\n        const xPosition = previousClientRect.left - currentClientRect.left;\n        // Scale the indicator width to match the previous indicator width\n        // and translate it on top of the previous indicator\n        const transform = `translate3d(${xPosition}px, 0, 0) scaleX(${widthDelta})`;\n        writeTask(() => {\n            // Remove the transition before positioning on top of the previous indicator\n            currentIndicator.classList.remove('segment-button-indicator-animated');\n            currentIndicator.style.setProperty('transform', transform);\n            // Force a repaint to ensure the transform happens\n            currentIndicator.getBoundingClientRect();\n            // Add the transition to move the indicator into place\n            currentIndicator.classList.add('segment-button-indicator-animated');\n            // Remove the transform to slide the indicator back to the button clicked\n            currentIndicator.style.setProperty('transform', '');\n        });\n        this.value = current.value;\n        this.setCheckedClasses();\n    }\n    setCheckedClasses() {\n        const buttons = this.getButtons();\n        const index = buttons.findIndex((button) => button.value === this.value);\n        const next = index + 1;\n        for (const button of buttons) {\n            button.classList.remove('segment-button-after-checked');\n        }\n        if (next < buttons.length) {\n            buttons[next].classList.add('segment-button-after-checked');\n        }\n    }\n    scrollActiveButtonIntoView(smoothScroll = true) {\n        const { scrollable, value, el } = this;\n        if (scrollable) {\n            const buttons = this.getButtons();\n            const activeButton = buttons.find((button) => button.value === value);\n            if (activeButton !== undefined) {\n                const scrollContainerBox = el.getBoundingClientRect();\n                const activeButtonBox = activeButton.getBoundingClientRect();\n                /**\n                 * Subtract the active button x position from the scroll\n                 * container x position. This will give us the x position\n                 * of the active button within the scroll container.\n                 */\n                const activeButtonLeft = activeButtonBox.x - scrollContainerBox.x;\n                /**\n                 * If we just used activeButtonLeft, then the active button\n                 * would be aligned with the left edge of the scroll container.\n                 * Instead, we want the segment button to be centered. As a result,\n                 * we subtract half of the scroll container width. This will position\n                 * the left edge of the active button at the midpoint of the scroll container.\n                 * We then add half of the active button width. This will position the active\n                 * button such that the midpoint of the active button is at the midpoint of the\n                 * scroll container.\n                 */\n                const centeredX = activeButtonLeft - scrollContainerBox.width / 2 + activeButtonBox.width / 2;\n                /**\n                 * We intentionally use scrollBy here instead of scrollIntoView\n                 * to avoid a WebKit bug where accelerated animations break\n                 * when using scrollIntoView. Using scrollIntoView will cause the\n                 * segment container to jump during the transition and then snap into place.\n                 * This is because scrollIntoView can potentially cause parent element\n                 * containers to also scroll. scrollBy does not have this same behavior, so\n                 * we use this API instead.\n                 *\n                 * Note that if there is not enough scrolling space to center the element\n                 * within the scroll container, the browser will attempt\n                 * to center by as much as it can.\n                 */\n                el.scrollBy({\n                    top: 0,\n                    left: centeredX,\n                    behavior: smoothScroll ? 'smooth' : 'instant',\n                });\n            }\n        }\n    }\n    setNextIndex(detail, isEnd = false) {\n        const rtl = isRTL(this.el);\n        const activated = this.activated;\n        const buttons = this.getButtons();\n        const index = buttons.findIndex((button) => button.value === this.value);\n        const previous = buttons[index];\n        let current;\n        let nextIndex;\n        if (index === -1) {\n            return;\n        }\n        // Get the element that the touch event started on in case\n        // it was the checked button, then we will move the indicator\n        const rect = previous.getBoundingClientRect();\n        const left = rect.left;\n        const width = rect.width;\n        // Get the element that the gesture is on top of based on the currentX of the\n        // gesture event and the Y coordinate of the starting element, since the gesture\n        // can move up and down off of the segment\n        const currentX = detail.currentX;\n        const previousY = rect.top + rect.height / 2;\n        /**\n         * Segment can be used inside the shadow dom\n         * so doing document.elementFromPoint would never\n         * return a segment button in that instance.\n         * We use getRootNode to which will return the parent\n         * shadow root if used inside a shadow component and\n         * returns document otherwise.\n         */\n        const root = this.el.getRootNode();\n        const nextEl = root.elementFromPoint(currentX, previousY);\n        const decreaseIndex = rtl ? currentX > left + width : currentX < left;\n        const increaseIndex = rtl ? currentX < left : currentX > left + width;\n        // If the indicator is currently activated then we have started the gesture\n        // on top of the checked button so we need to slide the indicator\n        // by checking the button next to it as we move\n        if (activated && !isEnd) {\n            // Decrease index, move left in LTR & right in RTL\n            if (decreaseIndex) {\n                const newIndex = index - 1;\n                if (newIndex >= 0) {\n                    nextIndex = newIndex;\n                }\n                // Increase index, moves right in LTR & left in RTL\n            }\n            else if (increaseIndex) {\n                if (activated && !isEnd) {\n                    const newIndex = index + 1;\n                    if (newIndex < buttons.length) {\n                        nextIndex = newIndex;\n                    }\n                }\n            }\n            if (nextIndex !== undefined && !buttons[nextIndex].disabled) {\n                current = buttons[nextIndex];\n            }\n        }\n        // If the indicator is not activated then we will just set the indicator\n        // to the element where the gesture ended\n        if (!activated && isEnd) {\n            current = nextEl;\n        }\n        if (current != null) {\n            /**\n             * If current element is ion-segment then that means\n             * user tried to select a disabled ion-segment-button,\n             * and we should not update the ripple.\n             */\n            if (current.tagName === 'ION-SEGMENT') {\n                return false;\n            }\n            if (previous !== current) {\n                this.checkButton(previous, current);\n            }\n        }\n        return true;\n    }\n    emitStyle() {\n        this.ionStyle.emit({\n            segment: true,\n        });\n    }\n    onKeyDown(ev) {\n        const rtl = isRTL(this.el);\n        let keyDownSelectsButton = this.selectOnFocus;\n        let current;\n        switch (ev.key) {\n            case 'ArrowRight':\n                ev.preventDefault();\n                current = rtl ? this.getSegmentButton('previous') : this.getSegmentButton('next');\n                break;\n            case 'ArrowLeft':\n                ev.preventDefault();\n                current = rtl ? this.getSegmentButton('next') : this.getSegmentButton('previous');\n                break;\n            case 'Home':\n                ev.preventDefault();\n                current = this.getSegmentButton('first');\n                break;\n            case 'End':\n                ev.preventDefault();\n                current = this.getSegmentButton('last');\n                break;\n            case ' ':\n            case 'Enter':\n                ev.preventDefault();\n                current = document.activeElement;\n                keyDownSelectsButton = true;\n            default:\n                break;\n        }\n        if (!current) {\n            return;\n        }\n        if (keyDownSelectsButton) {\n            const previous = this.checked;\n            this.checkButton(previous || current, current);\n            if (current !== previous) {\n                this.emitValueChange();\n            }\n        }\n        current.setFocus();\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '01c94f9fcc51fb5a7612588c87155a130b7c8a9d', role: \"tablist\", onClick: this.onClick, class: createColorClasses(this.color, {\n                [mode]: true,\n                'in-toolbar': hostContext('ion-toolbar', this.el),\n                'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),\n                'segment-activated': this.activated,\n                'segment-disabled': this.disabled,\n                'segment-scrollable': this.scrollable,\n            }) }, h(\"slot\", { key: 'b0afdfcb7506a765df42d1d6eb4e1d81bf8fd92a' })));\n    }\n    static get is() { return \"ion-segment\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"segment.ios.scss\"],\n            \"md\": [\"segment.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"segment.ios.css\"],\n            \"md\": [\"segment.md.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            \"disabled\": {\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 user cannot interact with the segment.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"scrollable\": {\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 segment buttons will overflow and the user can swipe to see them.\\nIn addition, this will disable the gesture to drag the indicator between the buttons\\nin order to swipe to see hidden buttons.\"\n                },\n                \"attribute\": \"scrollable\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"swipeGesture\": {\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`, users will be able to swipe between segment buttons to activate them.\"\n                },\n                \"attribute\": \"swipe-gesture\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"value\": {\n                \"type\": \"any\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"SegmentValue\",\n                    \"resolved\": \"number | string | undefined\",\n                    \"references\": {\n                        \"SegmentValue\": {\n                            \"location\": \"import\",\n                            \"path\": \"./segment-interface\",\n                            \"id\": \"src/components/segment/segment-interface.ts::SegmentValue\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the value of the segment.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"selectOnFocus\": {\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`, navigating to an `ion-segment-button` with the keyboard will focus and select the element.\\nIf `false`, keyboard navigation will only focus the `ion-segment-button` element.\"\n                },\n                \"attribute\": \"select-on-focus\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"activated\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionChange\",\n                \"name\": \"ionChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the value property has changed and any\\ndragging pointer has been released from `ion-segment`.\"\n                },\n                \"complexType\": {\n                    \"original\": \"SegmentChangeEventDetail\",\n                    \"resolved\": \"SegmentChangeEventDetail\",\n                    \"references\": {\n                        \"SegmentChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./segment-interface\",\n                            \"id\": \"src/components/segment/segment-interface.ts::SegmentChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionSelect\",\n                \"name\": \"ionSelect\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"Emitted when the value of the segment changes from user committed actions\\nor from externally assigning a value.\"\n                },\n                \"complexType\": {\n                    \"original\": \"SegmentChangeEventDetail\",\n                    \"resolved\": \"SegmentChangeEventDetail\",\n                    \"references\": {\n                        \"SegmentChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./segment-interface\",\n                            \"id\": \"src/components/segment/segment-interface.ts::SegmentChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionStyle\",\n                \"name\": \"ionStyle\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"Emitted when the styles change.\"\n                },\n                \"complexType\": {\n                    \"original\": \"StyleEventDetail\",\n                    \"resolved\": \"StyleEventDetail\",\n                    \"references\": {\n                        \"StyleEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::StyleEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"color\",\n                \"methodName\": \"colorChanged\"\n            }, {\n                \"propName\": \"swipeGesture\",\n                \"methodName\": \"swipeGestureChanged\"\n            }, {\n                \"propName\": \"value\",\n                \"methodName\": \"valueChanged\"\n            }, {\n                \"propName\": \"disabled\",\n                \"methodName\": \"disabledChanged\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"onKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n"],"mappings":"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"}

package/dist/checkout/p-b7be2ec0.js

@@ -1,4 +1,8 @@
-import{w as n}from"./p-d7fe59ee.js";import{b as i}from"./p-b84d9e44.js";
+import{w as n}from"./p-d7fe59ee.js";import{b as t}from"./p-b84d9e44.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */let t;const o=n=>(void 0===t&&(t=void 0===n.style.animationName&&void 0!==n.style.webkitAnimationName?"-webkit-":""),t),e=(n,i,t)=>{const e=i.startsWith("animation")?o(n):"";n.style.setProperty(e+i,t)},a=(n,i)=>{const t=i.startsWith("animation")?o(n):"";n.style.removeProperty(t+i)},s=[],r=(n=[],i)=>{if(void 0!==i){const t=Array.isArray(i)?i:[i];return[...n,...t]}return n},l=t=>{let l,d,m,f,c,u,v,y,p,g,$,b,A,E=[],k=[],C=[],h=!1,w={},S=[],T=[],R={},F=0,D=!1,W=!1,j=!0,I=!1,K=!0,M=!1;const x=t,z=[],P=[],Z=[],q=[],B=[],G=[],H=[],J=[],L=[],N=[],O=[],Q="function"==typeof AnimationEffect||void 0!==n&&"function"==typeof n.AnimationEffect,U="function"==typeof Element&&"function"==typeof Element.prototype.animate&&Q,V=()=>O,X=(n,i)=>{const t=i.findIndex((i=>i.c===n));t>-1&&i.splice(t,1)},Y=(n,i)=>(((null==i?void 0:i.oneTimeCallback)?P:z).push({c:n,o:i}),A),_=()=>{if(U)O.forEach((n=>{n.cancel()})),O.length=0;else{const n=q.slice();i((()=>{n.forEach((n=>{a(n,"animation-name"),a(n,"animation-duration"),a(n,"animation-timing-function"),a(n,"animation-iteration-count"),a(n,"animation-delay"),a(n,"animation-play-state"),a(n,"animation-fill-mode"),a(n,"animation-direction")}))}))}},nn=()=>{G.forEach((n=>{(null==n?void 0:n.parentNode)&&n.parentNode.removeChild(n)})),G.length=0},tn=()=>void 0!==c?c:v?v.getFill():"both",on=()=>void 0!==p?p:void 0!==u?u:v?v.getDirection():"normal",en=()=>D?"linear":void 0!==m?m:v?v.getEasing():"linear",an=()=>W?0:void 0!==g?g:void 0!==d?d:v?v.getDuration():0,sn=()=>void 0!==f?f:v?v.getIterations():1,rn=()=>void 0!==$?$:void 0!==l?l:v?v.getDelay():0,ln=()=>{0!==F&&(F--,0===F&&((()=>{gn(),L.forEach((n=>n())),N.forEach((n=>n()));const n=j?1:0,i=S,t=T,o=R;q.forEach((n=>{const a=n.classList;i.forEach((n=>a.add(n))),t.forEach((n=>a.remove(n)));for(const i in o)o.hasOwnProperty(i)&&e(n,i,o[i])})),g=void 0,p=void 0,$=void 0,z.forEach((i=>i.c(n,A))),P.forEach((i=>i.c(n,A))),P.length=0,K=!0,j&&(I=!0),j=!0})(),v&&v.animationFinish()))},dn=(n=!0)=>{nn();const a=((r=E).forEach((n=>{for(const i in n)if(n.hasOwnProperty(i)){const t=n[i];if("easing"===i)n["animation-timing-function"]=t,delete n[i];else{const o=i.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();o!==i&&(n[o]=t,delete n[i])}}})),r);var r;q.forEach((r=>{if(a.length>0){const l=((n=[])=>n.map((n=>{const i=n.offset,t=[];for(const i in n)n.hasOwnProperty(i)&&"offset"!==i&&t.push(`${i}: ${n[i]};`);return`${100*i}% { ${t.join(" ")} }`})).join(" "))(a);b=void 0!==t?t:(n=>{let i=s.indexOf(n);return i<0&&(i=s.push(n)-1),`ion-animation-${i}`})(l);const d=((n,i,t)=>{var e;const a=(n=>{const i=void 0!==n.getRootNode?n.getRootNode():n;return i.head||i})(t),s=o(t),r=a.querySelector("#"+n);if(r)return r;const l=(null!==(e=t.ownerDocument)&&void 0!==e?e:document).createElement("style");return l.id=n,l.textContent=`@${s}keyframes ${n} { ${i} } @${s}keyframes ${n}-alt { ${i} }`,a.appendChild(l),l})(b,l,r);G.push(d),e(r,"animation-duration",`${an()}ms`),e(r,"animation-timing-function",en()),e(r,"animation-delay",`${rn()}ms`),e(r,"animation-fill-mode",tn()),e(r,"animation-direction",on());const m=sn()===1/0?"infinite":sn().toString();e(r,"animation-iteration-count",m),e(r,"animation-play-state","paused"),n&&e(r,"animation-name",`${d.id}-alt`),i((()=>{e(r,"animation-name",d.id||null)}))}}))},mn=(n=!0)=>{(()=>{H.forEach((n=>n())),J.forEach((n=>n()));const n=k,i=C,t=w;q.forEach((o=>{const a=o.classList;n.forEach((n=>a.add(n))),i.forEach((n=>a.remove(n)));for(const n in t)t.hasOwnProperty(n)&&e(o,n,t[n])}))})(),E.length>0&&(U?(q.forEach((n=>{const i=n.animate(E,{id:x,delay:rn(),duration:an(),easing:en(),iterations:sn(),fill:tn(),direction:on()});i.pause(),O.push(i)})),O.length>0&&(O[0].onfinish=()=>{ln()})):dn(n)),h=!0},fn=n=>{if(n=Math.min(Math.max(n,0),.9999),U)O.forEach((i=>{i.currentTime=i.effect.getComputedTiming().delay+an()*n,i.pause()}));else{const i=`-${an()*n}ms`;q.forEach((n=>{E.length>0&&(e(n,"animation-delay",i),e(n,"animation-play-state","paused"))}))}},cn=n=>{O.forEach((n=>{n.effect.updateTiming({delay:rn(),duration:an(),easing:en(),iterations:sn(),fill:tn(),direction:on()})})),void 0!==n&&fn(n)},un=(n=!0,t)=>{i((()=>{q.forEach((o=>{e(o,"animation-name",b||null),e(o,"animation-duration",`${an()}ms`),e(o,"animation-timing-function",en()),e(o,"animation-delay",void 0!==t?`-${t*an()}ms`:`${rn()}ms`),e(o,"animation-fill-mode",tn()||null),e(o,"animation-direction",on()||null);const a=sn()===1/0?"infinite":sn().toString();e(o,"animation-iteration-count",a),n&&e(o,"animation-name",`${b}-alt`),i((()=>{e(o,"animation-name",b||null)}))}))}))},vn=(n=!1,i=!0,t)=>(n&&B.forEach((o=>{o.update(n,i,t)})),U?cn(t):un(i,t),A),yn=()=>{h&&(U?O.forEach((n=>{n.pause()})):q.forEach((n=>{e(n,"animation-play-state","paused")})),M=!0)},pn=()=>{y=void 0,ln()},gn=()=>{y&&clearTimeout(y)},$n=n=>new Promise((t=>{(null==n?void 0:n.sync)&&(W=!0,Y((()=>W=!1),{oneTimeCallback:!0})),h||mn(),I&&(U?(fn(0),cn()):un(),I=!1),K&&(F=B.length+1,K=!1);const o=()=>{X(s,P),t()},s=()=>{X(o,Z),t()};Y(s,{oneTimeCallback:!0}),Z.push({c:o,o:{oneTimeCallback:!0}}),B.forEach((n=>{n.play()})),U?(O.forEach((n=>{n.play()})),0!==E.length&&0!==q.length||ln()):(()=>{if(gn(),i((()=>{q.forEach((n=>{E.length>0&&e(n,"animation-play-state","running")}))})),0===E.length||0===q.length)ln();else{const n=rn()||0,t=an()||0,o=sn()||1;isFinite(o)&&(y=setTimeout(pn,n+t*o+100)),(n=>{let t;const o={passive:!0},e=o=>{n===o.target&&(t&&t(),gn(),i((()=>{q.forEach((n=>{a(n,"animation-duration"),a(n,"animation-delay"),a(n,"animation-play-state")})),i(ln)})))};n&&(n.addEventListener("webkitAnimationEnd",e,o),n.addEventListener("animationend",e,o),t=()=>{n.removeEventListener("webkitAnimationEnd",e,o),n.removeEventListener("animationend",e,o)})})(q[0])}})(),M=!1})),bn=(n,i)=>{const t=E[0];return void 0===t||void 0!==t.offset&&0!==t.offset?E=[{offset:0,[n]:i},...E]:t[n]=i,A};return A={parentAnimation:v,elements:q,childAnimations:B,id:x,animationFinish:ln,from:bn,to:(n,i)=>{const t=E[E.length-1];return void 0===t||void 0!==t.offset&&1!==t.offset?E=[...E,{offset:1,[n]:i}]:t[n]=i,A},fromTo:(n,i,t)=>bn(n,i).to(n,t),parent:n=>(v=n,A),play:$n,pause:()=>(B.forEach((n=>{n.pause()})),yn(),A),stop:()=>{B.forEach((n=>{n.stop()})),h&&(_(),h=!1),D=!1,W=!1,K=!0,p=void 0,g=void 0,$=void 0,F=0,I=!1,j=!0,M=!1,Z.forEach((n=>n.c(0,A))),Z.length=0},destroy:n=>(B.forEach((i=>{i.destroy(n)})),(n=>{_(),n&&nn()})(n),q.length=0,B.length=0,E.length=0,z.length=0,P.length=0,h=!1,K=!0,A),keyframes:n=>{const i=E!==n;return E=n,i&&(n=>{U?V().forEach((i=>{const t=i.effect;if(t.setKeyframes)t.setKeyframes(n);else{const o=new KeyframeEffect(t.target,n,t.getTiming());i.effect=o}})):dn()})(E),A},addAnimation:n=>{if(null!=n)if(Array.isArray(n))for(const i of n)i.parent(A),B.push(i);else n.parent(A),B.push(n);return A},addElement:n=>{if(null!=n)if(1===n.nodeType)q.push(n);else if(n.length>=0)for(let i=0;i<n.length;i++)q.push(n[i]);else console.error("Invalid addElement value");return A},update:vn,fill:n=>(c=n,vn(!0),A),direction:n=>(u=n,vn(!0),A),iterations:n=>(f=n,vn(!0),A),duration:n=>(U||0!==n||(n=1),d=n,vn(!0),A),easing:n=>(m=n,vn(!0),A),delay:n=>(l=n,vn(!0),A),getWebAnimations:V,getKeyframes:()=>E,getFill:tn,getDirection:on,getDelay:rn,getIterations:sn,getEasing:en,getDuration:an,afterAddRead:n=>(L.push(n),A),afterAddWrite:n=>(N.push(n),A),afterClearStyles:(n=[])=>{for(const i of n)R[i]="";return A},afterStyles:(n={})=>(R=n,A),afterRemoveClass:n=>(T=r(T,n),A),afterAddClass:n=>(S=r(S,n),A),beforeAddRead:n=>(H.push(n),A),beforeAddWrite:n=>(J.push(n),A),beforeClearStyles:(n=[])=>{for(const i of n)w[i]="";return A},beforeStyles:(n={})=>(w=n,A),beforeRemoveClass:n=>(C=r(C,n),A),beforeAddClass:n=>(k=r(k,n),A),onFinish:Y,isRunning:()=>0!==F&&!M,progressStart:(n=!1,i)=>(B.forEach((t=>{t.progressStart(n,i)})),yn(),D=n,h||mn(),vn(!1,!0,i),A),progressStep:n=>(B.forEach((i=>{i.progressStep(n)})),fn(n),A),progressEnd:(n,i,t)=>(D=!1,B.forEach((o=>{o.progressEnd(n,i,t)})),void 0!==t&&(g=t),I=!1,j=!0,0===n?(p="reverse"===on()?"normal":"reverse","reverse"===p&&(j=!1),U?(vn(),fn(1-i)):($=(1-i)*an()*-1,vn(!1,!1))):1===n&&(U?(vn(),fn(i)):($=i*an()*-1,vn(!1,!1))),void 0===n||v||$n(),A)}};export{l as c}
+ */let e;const i=n=>{n.forEach((n=>{for(const t in n){if(n.hasOwnProperty(t)){const e=n[t];if(t==="easing"){const i="animation-timing-function";n[i]=e;delete n[t]}else{const i=o(t);if(i!==t){n[i]=e;delete n[t]}}}}}));return n};const o=n=>n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();const s=n=>{if(e===undefined){const t=n.style.animationName!==undefined;const i=n.style.webkitAnimationName!==undefined;e=!t&&i?"-webkit-":""}return e};const r=(n,t,e)=>{const i=t.startsWith("animation")?s(n):"";n.style.setProperty(i+t,e)};const a=(n,t)=>{const e=t.startsWith("animation")?s(n):"";n.style.removeProperty(e+t)};const f=(n,t)=>{let e;const i={passive:true};const o=()=>{if(e){e()}};const s=e=>{if(n===e.target){o();t(e)}};if(n){n.addEventListener("webkitAnimationEnd",s,i);n.addEventListener("animationend",s,i);e=()=>{n.removeEventListener("webkitAnimationEnd",s,i);n.removeEventListener("animationend",s,i)}}return o};const c=(n=[])=>n.map((n=>{const t=n.offset;const e=[];for(const t in n){if(n.hasOwnProperty(t)&&t!=="offset"){e.push(`${t}: ${n[t]};`)}}return`${t*100}% { ${e.join(" ")} }`})).join(" ");const u=[];const l=n=>{let t=u.indexOf(n);if(t<0){t=u.push(n)-1}return`ion-animation-${t}`};const d=n=>{const t=n.getRootNode!==undefined?n.getRootNode():n;return t.head||t};const m=(n,t,e)=>{var i;const o=d(e);const r=s(e);const a=o.querySelector("#"+n);if(a){return a}const f=((i=e.ownerDocument)!==null&&i!==void 0?i:document).createElement("style");f.id=n;f.textContent=`@${r}keyframes ${n} { ${t} } @${r}keyframes ${n}-alt { ${t} }`;o.appendChild(f);return f};const y=(n=[],t)=>{if(t!==undefined){const e=Array.isArray(t)?t:[t];return[...n,...e]}return n};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const p=e=>{let o;let s;let u;let d;let p;let g;let $=[];let b=[];let v=[];let A=false;let E;let k={};let C=[];let h=[];let w={};let S=0;let T=false;let R=false;let F;let I;let D;let W;let j=true;let K=false;let M=true;let x;let z;let P=false;const Z=e;const q=[];const B=[];const G=[];const H=[];const J=[];const L=[];const N=[];const O=[];const Q=[];const U=[];const V=[];const X=typeof AnimationEffect==="function"||n!==undefined&&typeof n.AnimationEffect==="function";const Y=typeof Element==="function"&&typeof Element.prototype.animate==="function"&&X;const _=100;const nn=()=>V;const tn=n=>{J.forEach((t=>{t.destroy(n)}));en(n);H.length=0;J.length=0;$.length=0;cn();A=false;M=true;return z};const en=n=>{un();if(n){ln()}};const on=()=>{T=false;R=false;M=true;I=undefined;D=undefined;W=undefined;S=0;K=false;j=true;P=false};const sn=()=>S!==0&&!P;const rn=(n,t)=>{const e=t.findIndex((t=>t.c===n));if(e>-1){t.splice(e,1)}};const an=(n,t)=>{G.push({c:n,o:t});return z};const fn=(n,t)=>{const e=(t===null||t===void 0?void 0:t.oneTimeCallback)?B:q;e.push({c:n,o:t});return z};const cn=()=>{q.length=0;B.length=0;return z};const un=()=>{if(Y){V.forEach((n=>{n.cancel()}));V.length=0}else{const n=H.slice();t((()=>{n.forEach((n=>{a(n,"animation-name");a(n,"animation-duration");a(n,"animation-timing-function");a(n,"animation-iteration-count");a(n,"animation-delay");a(n,"animation-play-state");a(n,"animation-fill-mode");a(n,"animation-direction")}))}))}};const ln=()=>{L.forEach((n=>{if(n===null||n===void 0?void 0:n.parentNode){n.parentNode.removeChild(n)}}));L.length=0};const dn=n=>{N.push(n);return z};const mn=n=>{O.push(n);return z};const yn=n=>{Q.push(n);return z};const pn=n=>{U.push(n);return z};const gn=n=>{b=y(b,n);return z};const $n=n=>{v=y(v,n);return z};const bn=(n={})=>{k=n;return z};const vn=(n=[])=>{for(const t of n){k[t]=""}return z};const An=n=>{C=y(C,n);return z};const En=n=>{h=y(h,n);return z};const kn=(n={})=>{w=n;return z};const Cn=(n=[])=>{for(const t of n){w[t]=""}return z};const hn=()=>{if(p!==undefined){return p}if(E){return E.getFill()}return"both"};const wn=()=>{if(I!==undefined){return I}if(g!==undefined){return g}if(E){return E.getDirection()}return"normal"};const Sn=()=>{if(T){return"linear"}if(u!==undefined){return u}if(E){return E.getEasing()}return"linear"};const Tn=()=>{if(R){return 0}if(D!==undefined){return D}if(s!==undefined){return s}if(E){return E.getDuration()}return 0};const Rn=()=>{if(d!==undefined){return d}if(E){return E.getIterations()}return 1};const Fn=()=>{if(W!==undefined){return W}if(o!==undefined){return o}if(E){return E.getDelay()}return 0};const In=()=>$;const Dn=n=>{g=n;Xn(true);return z};const Wn=n=>{p=n;Xn(true);return z};const jn=n=>{o=n;Xn(true);return z};const Kn=n=>{u=n;Xn(true);return z};const Mn=n=>{if(!Y&&n===0){n=1}s=n;Xn(true);return z};const xn=n=>{d=n;Xn(true);return z};const zn=n=>{E=n;return z};const Pn=n=>{if(n!=null){if(n.nodeType===1){H.push(n)}else if(n.length>=0){for(let t=0;t<n.length;t++){H.push(n[t])}}else{console.error("Invalid addElement value")}}return z};const Zn=n=>{if(n!=null){if(Array.isArray(n)){for(const t of n){t.parent(z);J.push(t)}}else{n.parent(z);J.push(n)}}return z};const qn=n=>{const t=$!==n;$=n;if(t){Bn($)}return z};const Bn=n=>{if(Y){nn().forEach((t=>{const e=t.effect;if(e.setKeyframes){e.setKeyframes(n)}else{const i=new KeyframeEffect(e.target,n,e.getTiming());t.effect=i}}))}else{Ln()}};const Gn=()=>{N.forEach((n=>n()));O.forEach((n=>n()));const n=b;const t=v;const e=k;H.forEach((i=>{const o=i.classList;n.forEach((n=>o.add(n)));t.forEach((n=>o.remove(n)));for(const n in e){if(e.hasOwnProperty(n)){r(i,n,e[n])}}}))};const Hn=()=>{ot();Q.forEach((n=>n()));U.forEach((n=>n()));const n=j?1:0;const t=C;const e=h;const i=w;H.forEach((n=>{const o=n.classList;t.forEach((n=>o.add(n)));e.forEach((n=>o.remove(n)));for(const t in i){if(i.hasOwnProperty(t)){r(n,t,i[t])}}}));D=undefined;I=undefined;W=undefined;q.forEach((t=>t.c(n,z)));B.forEach((t=>t.c(n,z)));B.length=0;M=true;if(j){K=true}j=true};const Jn=()=>{if(S===0){return}S--;if(S===0){Hn();if(E){E.animationFinish()}}};const Ln=(n=true)=>{ln();const o=i($);H.forEach((i=>{if(o.length>0){const s=c(o);x=e!==undefined?e:l(s);const a=m(x,s,i);L.push(a);r(i,"animation-duration",`${Tn()}ms`);r(i,"animation-timing-function",Sn());r(i,"animation-delay",`${Fn()}ms`);r(i,"animation-fill-mode",hn());r(i,"animation-direction",wn());const f=Rn()===Infinity?"infinite":Rn().toString();r(i,"animation-iteration-count",f);r(i,"animation-play-state","paused");if(n){r(i,"animation-name",`${a.id}-alt`)}t((()=>{r(i,"animation-name",a.id||null)}))}}))};const Nn=()=>{H.forEach((n=>{const t=n.animate($,{id:Z,delay:Fn(),duration:Tn(),easing:Sn(),iterations:Rn(),fill:hn(),direction:wn()});t.pause();V.push(t)}));if(V.length>0){V[0].onfinish=()=>{Jn()}}};const On=(n=true)=>{Gn();if($.length>0){if(Y){Nn()}else{Ln(n)}}A=true};const Qn=n=>{n=Math.min(Math.max(n,0),.9999);if(Y){V.forEach((t=>{t.currentTime=t.effect.getComputedTiming().delay+Tn()*n;t.pause()}))}else{const t=`-${Tn()*n}ms`;H.forEach((n=>{if($.length>0){r(n,"animation-delay",t);r(n,"animation-play-state","paused")}}))}};const Un=n=>{V.forEach((n=>{n.effect.updateTiming({delay:Fn(),duration:Tn(),easing:Sn(),iterations:Rn(),fill:hn(),direction:wn()})}));if(n!==undefined){Qn(n)}};const Vn=(n=true,e)=>{t((()=>{H.forEach((i=>{r(i,"animation-name",x||null);r(i,"animation-duration",`${Tn()}ms`);r(i,"animation-timing-function",Sn());r(i,"animation-delay",e!==undefined?`-${e*Tn()}ms`:`${Fn()}ms`);r(i,"animation-fill-mode",hn()||null);r(i,"animation-direction",wn()||null);const o=Rn()===Infinity?"infinite":Rn().toString();r(i,"animation-iteration-count",o);if(n){r(i,"animation-name",`${x}-alt`)}t((()=>{r(i,"animation-name",x||null)}))}))}))};const Xn=(n=false,t=true,e)=>{if(n){J.forEach((i=>{i.update(n,t,e)}))}if(Y){Un(e)}else{Vn(t,e)}return z};const Yn=(n=false,t)=>{J.forEach((e=>{e.progressStart(n,t)}));tt();T=n;if(!A){On()}Xn(false,true,t);return z};const _n=n=>{J.forEach((t=>{t.progressStep(n)}));Qn(n);return z};const nt=(n,t,e)=>{T=false;J.forEach((i=>{i.progressEnd(n,t,e)}));if(e!==undefined){D=e}K=false;j=true;if(n===0){I=wn()==="reverse"?"normal":"reverse";if(I==="reverse"){j=false}if(Y){Xn();Qn(1-t)}else{W=(1-t)*Tn()*-1;Xn(false,false)}}else if(n===1){if(Y){Xn();Qn(t)}else{W=t*Tn()*-1;Xn(false,false)}}if(n!==undefined&&!E){ct()}return z};const tt=()=>{if(A){if(Y){V.forEach((n=>{n.pause()}))}else{H.forEach((n=>{r(n,"animation-play-state","paused")}))}P=true}};const et=()=>{J.forEach((n=>{n.pause()}));tt();return z};const it=()=>{F=undefined;Jn()};const ot=()=>{if(F){clearTimeout(F)}};const st=()=>{ot();t((()=>{H.forEach((n=>{if($.length>0){r(n,"animation-play-state","running")}}))}));if($.length===0||H.length===0){Jn()}else{const n=Fn()||0;const e=Tn()||0;const i=Rn()||1;if(isFinite(i)){F=setTimeout(it,n+e*i+_)}f(H[0],(()=>{ot();t((()=>{rt();t(Jn)}))}))}};const rt=()=>{H.forEach((n=>{a(n,"animation-duration");a(n,"animation-delay");a(n,"animation-play-state")}))};const at=()=>{V.forEach((n=>{n.play()}));if($.length===0||H.length===0){Jn()}};const ft=()=>{if(Y){Qn(0);Un()}else{Vn()}};const ct=n=>new Promise((t=>{if(n===null||n===void 0?void 0:n.sync){R=true;fn((()=>R=false),{oneTimeCallback:true})}if(!A){On()}if(K){ft();K=false}if(M){S=J.length+1;M=false}const e=()=>{rn(i,B);t()};const i=()=>{rn(e,G);t()};fn(i,{oneTimeCallback:true});an(e,{oneTimeCallback:true});J.forEach((n=>{n.play()}));if(Y){at()}else{st()}P=false}));const ut=()=>{J.forEach((n=>{n.stop()}));if(A){un();A=false}on();G.forEach((n=>n.c(0,z)));G.length=0};const lt=(n,t)=>{const e=$[0];if(e!==undefined&&(e.offset===undefined||e.offset===0)){e[n]=t}else{$=[{offset:0,[n]:t},...$]}return z};const dt=(n,t)=>{const e=$[$.length-1];if(e!==undefined&&(e.offset===undefined||e.offset===1)){e[n]=t}else{$=[...$,{offset:1,[n]:t}]}return z};const mt=(n,t,e)=>lt(n,t).to(n,e);return z={parentAnimation:E,elements:H,childAnimations:J,id:Z,animationFinish:Jn,from:lt,to:dt,fromTo:mt,parent:zn,play:ct,pause:et,stop:ut,destroy:tn,keyframes:qn,addAnimation:Zn,addElement:Pn,update:Xn,fill:Wn,direction:Dn,iterations:xn,duration:Mn,easing:Kn,delay:jn,getWebAnimations:nn,getKeyframes:In,getFill:hn,getDirection:wn,getDelay:Fn,getIterations:Rn,getEasing:Sn,getDuration:Tn,afterAddRead:yn,afterAddWrite:pn,afterClearStyles:Cn,afterStyles:kn,afterRemoveClass:En,afterAddClass:An,beforeAddRead:dn,beforeAddWrite:mn,beforeClearStyles:vn,beforeStyles:bn,beforeRemoveClass:$n,beforeAddClass:gn,onFinish:fn,isRunning:sn,progressStart:Yn,progressStep:_n,progressEnd:nt}};export{p as c};
+//# sourceMappingURL=p-b7be2ec0.js.map

package/dist/checkout/p-b7be2ec0.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["animationPrefix","processKeyframes","keyframes","forEach","keyframe","key","hasOwnProperty","value","newKey","convertCamelCaseToHypen","str","replace","toLowerCase","getAnimationPrefix","el","undefined","supportsUnprefixed","style","animationName","supportsWebkitPrefix","webkitAnimationName","setStyleProperty","element","propertyName","prefix","startsWith","setProperty","removeStyleProperty","removeProperty","animationEnd","callback","unRegTrans","opts","passive","unregister","onTransitionEnd","ev","target","addEventListener","removeEventListener","generateKeyframeRules","map","offset","frameString","property","push","join","keyframeIds","generateKeyframeName","keyframeRules","index","indexOf","getStyleContainer","rootNode","getRootNode","head","createKeyframeStylesheet","keyframeName","_a","styleContainer","keyframePrefix","existingStylesheet","querySelector","stylesheet","ownerDocument","document","createElement","id","textContent","appendChild","addClassToArray","classes","className","classNameToAppend","Array","isArray","createAnimation","animationId","_delay","_duration","_easing","_iterations","_fill","_direction","_keyframes","beforeAddClasses","beforeRemoveClasses","initialized","parentAnimation","beforeStylesValue","afterAddClasses","afterRemoveClasses","afterStylesValue","numAnimationsRunning","shouldForceLinearEasing","shouldForceSyncPlayback","cssAnimationsTimerFallback","forceDirectionValue","forceDurationValue","forceDelayValue","willComplete","finished","shouldCalculateNumAnimations","ani","paused","onFinishCallbacks","onFinishOneTimeCallbacks","onStopOneTimeCallbacks","elements","childAnimations","stylesheets","_beforeAddReadFunctions","_beforeAddWriteFunctions","_afterAddReadFunctions","_afterAddWriteFunctions","webAnimations","supportsAnimationEffect","AnimationEffect","win","supportsWebAnimations","Element","prototype","animate","ANIMATION_END_FALLBACK_PADDING_MS","getWebAnimations","destroy","clearStyleSheets","childAnimation","cleanUp","length","clearOnFinish","cleanUpElements","cleanUpStyleSheets","resetFlags","isRunning","clearCallback","callbackToRemove","callbackObjects","findIndex","callbackObject","c","splice","onStop","o","onFinish","callbacks","oneTimeCallback","animation","cancel","elementsArray","slice","raf","parentNode","removeChild","beforeAddRead","readFn","beforeAddWrite","writeFn","afterAddRead","afterAddWrite","beforeAddClass","beforeRemoveClass","beforeStyles","styles","beforeClearStyles","propertyNames","afterAddClass","afterRemoveClass","afterStyles","afterClearStyles","getFill","getDirection","getEasing","getDuration","getIterations","getDelay","getKeyframes","direction","animationDirection","update","fill","animationFill","delay","animationDelay","easing","animationEasing","duration","animationDuration","iterations","animationIterations","parent","addElement","nodeType","i","console","error","addAnimation","animationToAdd","keyframeValues","different","updateKeyframes","keyframeEffect","effect","setKeyframes","newEffect","KeyframeEffect","getTiming","initializeCSSAnimation","beforeAnimation","addClasses","removeClasses","elementClassList","classList","add","remove","afterAnimation","clearCSSAnimationsTimeout","currentStep","onFinishCallback","animationFinish","toggleAnimationName","processedKeyframes","iterationsCount","Infinity","toString","initializeWebAnimation","pause","onfinish","initializeAnimation","setAnimationStep","step","Math","min","max","currentTime","getComputedTiming","updateWebAnimation","updateTiming","updateCSSAnimation","deep","progressStart","forceLinearEasing","pauseAnimation","progressStep","progressEnd","playTo","dur","play","onAnimationEndFallback","clearTimeout","playCSSAnimations","isFinite","setTimeout","clearCSSAnimationPlayState","playWebAnimations","resetAnimation","Promise","resolve","sync","onStopCallback","stop","from","firstFrame","to","lastFrame","fromTo","fromValue","toValue"],"sources":["./node_modules/@ionic/core/dist/collection/utils/animation/animation-utils.js","./node_modules/@ionic/core/dist/collection/utils/animation/animation.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nlet animationPrefix;\n/**\n * Web Animations requires hyphenated CSS properties\n * to be written in camelCase when animating\n */\nexport const processKeyframes = (keyframes) => {\n    keyframes.forEach((keyframe) => {\n        for (const key in keyframe) {\n            // eslint-disable-next-line no-prototype-builtins\n            if (keyframe.hasOwnProperty(key)) {\n                const value = keyframe[key];\n                if (key === 'easing') {\n                    const newKey = 'animation-timing-function';\n                    keyframe[newKey] = value;\n                    delete keyframe[key];\n                }\n                else {\n                    const newKey = convertCamelCaseToHypen(key);\n                    if (newKey !== key) {\n                        keyframe[newKey] = value;\n                        delete keyframe[key];\n                    }\n                }\n            }\n        }\n    });\n    return keyframes;\n};\nconst convertCamelCaseToHypen = (str) => {\n    return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n};\nexport const getAnimationPrefix = (el) => {\n    if (animationPrefix === undefined) {\n        const supportsUnprefixed = el.style.animationName !== undefined;\n        const supportsWebkitPrefix = el.style.webkitAnimationName !== undefined;\n        animationPrefix = !supportsUnprefixed && supportsWebkitPrefix ? '-webkit-' : '';\n    }\n    return animationPrefix;\n};\nexport const setStyleProperty = (element, propertyName, value) => {\n    const prefix = propertyName.startsWith('animation') ? getAnimationPrefix(element) : '';\n    element.style.setProperty(prefix + propertyName, value);\n};\nexport const removeStyleProperty = (element, propertyName) => {\n    const prefix = propertyName.startsWith('animation') ? getAnimationPrefix(element) : '';\n    element.style.removeProperty(prefix + propertyName);\n};\nexport const animationEnd = (el, callback) => {\n    let unRegTrans;\n    const opts = { passive: true };\n    const unregister = () => {\n        if (unRegTrans) {\n            unRegTrans();\n        }\n    };\n    const onTransitionEnd = (ev) => {\n        if (el === ev.target) {\n            unregister();\n            callback(ev);\n        }\n    };\n    if (el) {\n        el.addEventListener('webkitAnimationEnd', onTransitionEnd, opts);\n        el.addEventListener('animationend', onTransitionEnd, opts);\n        unRegTrans = () => {\n            el.removeEventListener('webkitAnimationEnd', onTransitionEnd, opts);\n            el.removeEventListener('animationend', onTransitionEnd, opts);\n        };\n    }\n    return unregister;\n};\n// TODO(FW-2832): type\nexport const generateKeyframeRules = (keyframes = []) => {\n    return keyframes\n        .map((keyframe) => {\n        const offset = keyframe.offset;\n        const frameString = [];\n        for (const property in keyframe) {\n            // eslint-disable-next-line no-prototype-builtins\n            if (keyframe.hasOwnProperty(property) && property !== 'offset') {\n                frameString.push(`${property}: ${keyframe[property]};`);\n            }\n        }\n        return `${offset * 100}% { ${frameString.join(' ')} }`;\n    })\n        .join(' ');\n};\nconst keyframeIds = [];\nexport const generateKeyframeName = (keyframeRules) => {\n    let index = keyframeIds.indexOf(keyframeRules);\n    if (index < 0) {\n        index = keyframeIds.push(keyframeRules) - 1;\n    }\n    return `ion-animation-${index}`;\n};\nexport const getStyleContainer = (element) => {\n    // getRootNode is not always available in SSR environments.\n    // TODO(FW-2832): types\n    const rootNode = element.getRootNode !== undefined ? element.getRootNode() : element;\n    return rootNode.head || rootNode;\n};\nexport const createKeyframeStylesheet = (keyframeName, keyframeRules, element) => {\n    var _a;\n    const styleContainer = getStyleContainer(element);\n    const keyframePrefix = getAnimationPrefix(element);\n    const existingStylesheet = styleContainer.querySelector('#' + keyframeName);\n    if (existingStylesheet) {\n        return existingStylesheet;\n    }\n    const stylesheet = ((_a = element.ownerDocument) !== null && _a !== void 0 ? _a : document).createElement('style');\n    stylesheet.id = keyframeName;\n    stylesheet.textContent = `@${keyframePrefix}keyframes ${keyframeName} { ${keyframeRules} } @${keyframePrefix}keyframes ${keyframeName}-alt { ${keyframeRules} }`;\n    styleContainer.appendChild(stylesheet);\n    return stylesheet;\n};\nexport const addClassToArray = (classes = [], className) => {\n    if (className !== undefined) {\n        const classNameToAppend = Array.isArray(className) ? className : [className];\n        return [...classes, ...classNameToAppend];\n    }\n    return classes;\n};\n","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { win } from \"../browser\";\nimport { raf } from \"../helpers\";\nimport { addClassToArray, animationEnd, createKeyframeStylesheet, generateKeyframeName, generateKeyframeRules, processKeyframes, removeStyleProperty, setStyleProperty, } from \"./animation-utils\";\nexport const createAnimation = (animationId) => {\n    let _delay;\n    let _duration;\n    let _easing;\n    let _iterations;\n    let _fill;\n    let _direction;\n    let _keyframes = [];\n    let beforeAddClasses = [];\n    let beforeRemoveClasses = [];\n    let initialized = false;\n    let parentAnimation;\n    let beforeStylesValue = {};\n    let afterAddClasses = [];\n    let afterRemoveClasses = [];\n    let afterStylesValue = {};\n    let numAnimationsRunning = 0;\n    let shouldForceLinearEasing = false;\n    let shouldForceSyncPlayback = false;\n    let cssAnimationsTimerFallback;\n    let forceDirectionValue;\n    let forceDurationValue;\n    let forceDelayValue;\n    let willComplete = true;\n    let finished = false;\n    let shouldCalculateNumAnimations = true;\n    let keyframeName;\n    let ani;\n    let paused = false;\n    const id = animationId;\n    const onFinishCallbacks = [];\n    const onFinishOneTimeCallbacks = [];\n    const onStopOneTimeCallbacks = [];\n    const elements = [];\n    const childAnimations = [];\n    const stylesheets = [];\n    const _beforeAddReadFunctions = [];\n    const _beforeAddWriteFunctions = [];\n    const _afterAddReadFunctions = [];\n    const _afterAddWriteFunctions = [];\n    const webAnimations = [];\n    const supportsAnimationEffect = typeof AnimationEffect === 'function' ||\n        (win !== undefined && typeof win.AnimationEffect === 'function');\n    const supportsWebAnimations = typeof Element === 'function' &&\n        typeof Element.prototype.animate === 'function' &&\n        supportsAnimationEffect;\n    const ANIMATION_END_FALLBACK_PADDING_MS = 100;\n    const getWebAnimations = () => {\n        return webAnimations;\n    };\n    const destroy = (clearStyleSheets) => {\n        childAnimations.forEach((childAnimation) => {\n            childAnimation.destroy(clearStyleSheets);\n        });\n        cleanUp(clearStyleSheets);\n        elements.length = 0;\n        childAnimations.length = 0;\n        _keyframes.length = 0;\n        clearOnFinish();\n        initialized = false;\n        shouldCalculateNumAnimations = true;\n        return ani;\n    };\n    /**\n     * Cancels any Web Animations, removes\n     * any animation properties from the\n     * animation's elements, and removes the\n     * animation's stylesheets from the DOM.\n     */\n    const cleanUp = (clearStyleSheets) => {\n        cleanUpElements();\n        if (clearStyleSheets) {\n            cleanUpStyleSheets();\n        }\n    };\n    const resetFlags = () => {\n        shouldForceLinearEasing = false;\n        shouldForceSyncPlayback = false;\n        shouldCalculateNumAnimations = true;\n        forceDirectionValue = undefined;\n        forceDurationValue = undefined;\n        forceDelayValue = undefined;\n        numAnimationsRunning = 0;\n        finished = false;\n        willComplete = true;\n        paused = false;\n    };\n    const isRunning = () => {\n        return numAnimationsRunning !== 0 && !paused;\n    };\n    /**\n     * @internal\n     * Remove a callback from a chosen callback array\n     * @param callbackToRemove: A reference to the callback that should be removed\n     * @param callbackObjects: An array of callbacks that callbackToRemove should be removed from.\n     */\n    const clearCallback = (callbackToRemove, callbackObjects) => {\n        const index = callbackObjects.findIndex((callbackObject) => callbackObject.c === callbackToRemove);\n        if (index > -1) {\n            callbackObjects.splice(index, 1);\n        }\n    };\n    /**\n     * @internal\n     * Add a callback to be fired when an animation is stopped/cancelled.\n     * @param callback: A reference to the callback that should be fired\n     * @param opts: Any options associated with this particular callback\n     */\n    const onStop = (callback, opts) => {\n        onStopOneTimeCallbacks.push({ c: callback, o: opts });\n        return ani;\n    };\n    const onFinish = (callback, opts) => {\n        const callbacks = (opts === null || opts === void 0 ? void 0 : opts.oneTimeCallback) ? onFinishOneTimeCallbacks : onFinishCallbacks;\n        callbacks.push({ c: callback, o: opts });\n        return ani;\n    };\n    const clearOnFinish = () => {\n        onFinishCallbacks.length = 0;\n        onFinishOneTimeCallbacks.length = 0;\n        return ani;\n    };\n    /**\n     * Cancels any Web Animations and removes\n     * any animation properties from the\n     * the animation's elements.\n     */\n    const cleanUpElements = () => {\n        if (supportsWebAnimations) {\n            webAnimations.forEach((animation) => {\n                animation.cancel();\n            });\n            webAnimations.length = 0;\n        }\n        else {\n            const elementsArray = elements.slice();\n            raf(() => {\n                elementsArray.forEach((element) => {\n                    removeStyleProperty(element, 'animation-name');\n                    removeStyleProperty(element, 'animation-duration');\n                    removeStyleProperty(element, 'animation-timing-function');\n                    removeStyleProperty(element, 'animation-iteration-count');\n                    removeStyleProperty(element, 'animation-delay');\n                    removeStyleProperty(element, 'animation-play-state');\n                    removeStyleProperty(element, 'animation-fill-mode');\n                    removeStyleProperty(element, 'animation-direction');\n                });\n            });\n        }\n    };\n    /**\n     * Removes the animation's stylesheets\n     * from the DOM.\n     */\n    const cleanUpStyleSheets = () => {\n        stylesheets.forEach((stylesheet) => {\n            /**\n             * When sharing stylesheets, it's possible\n             * for another animation to have already\n             * cleaned up a particular stylesheet\n             */\n            if (stylesheet === null || stylesheet === void 0 ? void 0 : stylesheet.parentNode) {\n                stylesheet.parentNode.removeChild(stylesheet);\n            }\n        });\n        stylesheets.length = 0;\n    };\n    const beforeAddRead = (readFn) => {\n        _beforeAddReadFunctions.push(readFn);\n        return ani;\n    };\n    const beforeAddWrite = (writeFn) => {\n        _beforeAddWriteFunctions.push(writeFn);\n        return ani;\n    };\n    const afterAddRead = (readFn) => {\n        _afterAddReadFunctions.push(readFn);\n        return ani;\n    };\n    const afterAddWrite = (writeFn) => {\n        _afterAddWriteFunctions.push(writeFn);\n        return ani;\n    };\n    const beforeAddClass = (className) => {\n        beforeAddClasses = addClassToArray(beforeAddClasses, className);\n        return ani;\n    };\n    const beforeRemoveClass = (className) => {\n        beforeRemoveClasses = addClassToArray(beforeRemoveClasses, className);\n        return ani;\n    };\n    /**\n     * Set CSS inline styles to the animation's\n     * elements before the animation begins.\n     */\n    const beforeStyles = (styles = {}) => {\n        beforeStylesValue = styles;\n        return ani;\n    };\n    /**\n     * Clear CSS inline styles from the animation's\n     * elements before the animation begins.\n     */\n    const beforeClearStyles = (propertyNames = []) => {\n        for (const property of propertyNames) {\n            beforeStylesValue[property] = '';\n        }\n        return ani;\n    };\n    const afterAddClass = (className) => {\n        afterAddClasses = addClassToArray(afterAddClasses, className);\n        return ani;\n    };\n    const afterRemoveClass = (className) => {\n        afterRemoveClasses = addClassToArray(afterRemoveClasses, className);\n        return ani;\n    };\n    const afterStyles = (styles = {}) => {\n        afterStylesValue = styles;\n        return ani;\n    };\n    const afterClearStyles = (propertyNames = []) => {\n        for (const property of propertyNames) {\n            afterStylesValue[property] = '';\n        }\n        return ani;\n    };\n    const getFill = () => {\n        if (_fill !== undefined) {\n            return _fill;\n        }\n        if (parentAnimation) {\n            return parentAnimation.getFill();\n        }\n        return 'both';\n    };\n    const getDirection = () => {\n        if (forceDirectionValue !== undefined) {\n            return forceDirectionValue;\n        }\n        if (_direction !== undefined) {\n            return _direction;\n        }\n        if (parentAnimation) {\n            return parentAnimation.getDirection();\n        }\n        return 'normal';\n    };\n    const getEasing = () => {\n        if (shouldForceLinearEasing) {\n            return 'linear';\n        }\n        if (_easing !== undefined) {\n            return _easing;\n        }\n        if (parentAnimation) {\n            return parentAnimation.getEasing();\n        }\n        return 'linear';\n    };\n    const getDuration = () => {\n        if (shouldForceSyncPlayback) {\n            return 0;\n        }\n        if (forceDurationValue !== undefined) {\n            return forceDurationValue;\n        }\n        if (_duration !== undefined) {\n            return _duration;\n        }\n        if (parentAnimation) {\n            return parentAnimation.getDuration();\n        }\n        return 0;\n    };\n    const getIterations = () => {\n        if (_iterations !== undefined) {\n            return _iterations;\n        }\n        if (parentAnimation) {\n            return parentAnimation.getIterations();\n        }\n        return 1;\n    };\n    const getDelay = () => {\n        if (forceDelayValue !== undefined) {\n            return forceDelayValue;\n        }\n        if (_delay !== undefined) {\n            return _delay;\n        }\n        if (parentAnimation) {\n            return parentAnimation.getDelay();\n        }\n        return 0;\n    };\n    const getKeyframes = () => {\n        return _keyframes;\n    };\n    const direction = (animationDirection) => {\n        _direction = animationDirection;\n        update(true);\n        return ani;\n    };\n    const fill = (animationFill) => {\n        _fill = animationFill;\n        update(true);\n        return ani;\n    };\n    const delay = (animationDelay) => {\n        _delay = animationDelay;\n        update(true);\n        return ani;\n    };\n    const easing = (animationEasing) => {\n        _easing = animationEasing;\n        update(true);\n        return ani;\n    };\n    const duration = (animationDuration) => {\n        /**\n         * CSS Animation Durations of 0ms work fine on Chrome\n         * but do not run on Safari, so force it to 1ms to\n         * get it to run on both platforms.\n         */\n        if (!supportsWebAnimations && animationDuration === 0) {\n            animationDuration = 1;\n        }\n        _duration = animationDuration;\n        update(true);\n        return ani;\n    };\n    const iterations = (animationIterations) => {\n        _iterations = animationIterations;\n        update(true);\n        return ani;\n    };\n    const parent = (animation) => {\n        parentAnimation = animation;\n        return ani;\n    };\n    const addElement = (el) => {\n        if (el != null) {\n            if (el.nodeType === 1) {\n                elements.push(el);\n            }\n            else if (el.length >= 0) {\n                for (let i = 0; i < el.length; i++) {\n                    elements.push(el[i]);\n                }\n            }\n            else {\n                console.error('Invalid addElement value');\n            }\n        }\n        return ani;\n    };\n    const addAnimation = (animationToAdd) => {\n        if (animationToAdd != null) {\n            if (Array.isArray(animationToAdd)) {\n                for (const animation of animationToAdd) {\n                    animation.parent(ani);\n                    childAnimations.push(animation);\n                }\n            }\n            else {\n                animationToAdd.parent(ani);\n                childAnimations.push(animationToAdd);\n            }\n        }\n        return ani;\n    };\n    const keyframes = (keyframeValues) => {\n        const different = _keyframes !== keyframeValues;\n        _keyframes = keyframeValues;\n        if (different) {\n            updateKeyframes(_keyframes);\n        }\n        return ani;\n    };\n    const updateKeyframes = (keyframeValues) => {\n        if (supportsWebAnimations) {\n            getWebAnimations().forEach((animation) => {\n                /**\n                 * animation.effect's type is AnimationEffect.\n                 * However, in this case we have a more specific\n                 * type of AnimationEffect called KeyframeEffect which\n                 * inherits from AnimationEffect. As a result,\n                 * we cast animation.effect to KeyframeEffect.\n                 */\n                const keyframeEffect = animation.effect;\n                /**\n                 * setKeyframes is not supported in all browser\n                 * versions that Ionic supports, so we need to\n                 * check for support before using it.\n                 */\n                // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n                if (keyframeEffect.setKeyframes) {\n                    keyframeEffect.setKeyframes(keyframeValues);\n                }\n                else {\n                    const newEffect = new KeyframeEffect(keyframeEffect.target, keyframeValues, keyframeEffect.getTiming());\n                    animation.effect = newEffect;\n                }\n            });\n        }\n        else {\n            initializeCSSAnimation();\n        }\n    };\n    /**\n     * Run all \"before\" animation hooks.\n     */\n    const beforeAnimation = () => {\n        // Runs all before read callbacks\n        _beforeAddReadFunctions.forEach((callback) => callback());\n        // Runs all before write callbacks\n        _beforeAddWriteFunctions.forEach((callback) => callback());\n        // Updates styles and classes before animation runs\n        const addClasses = beforeAddClasses;\n        const removeClasses = beforeRemoveClasses;\n        const styles = beforeStylesValue;\n        elements.forEach((el) => {\n            const elementClassList = el.classList;\n            addClasses.forEach((c) => elementClassList.add(c));\n            removeClasses.forEach((c) => elementClassList.remove(c));\n            for (const property in styles) {\n                // eslint-disable-next-line no-prototype-builtins\n                if (styles.hasOwnProperty(property)) {\n                    setStyleProperty(el, property, styles[property]);\n                }\n            }\n        });\n    };\n    /**\n     * Run all \"after\" animation hooks.\n     */\n    const afterAnimation = () => {\n        clearCSSAnimationsTimeout();\n        // Runs all after read callbacks\n        _afterAddReadFunctions.forEach((callback) => callback());\n        // Runs all after write callbacks\n        _afterAddWriteFunctions.forEach((callback) => callback());\n        // Updates styles and classes before animation ends\n        const currentStep = willComplete ? 1 : 0;\n        const addClasses = afterAddClasses;\n        const removeClasses = afterRemoveClasses;\n        const styles = afterStylesValue;\n        elements.forEach((el) => {\n            const elementClassList = el.classList;\n            addClasses.forEach((c) => elementClassList.add(c));\n            removeClasses.forEach((c) => elementClassList.remove(c));\n            for (const property in styles) {\n                // eslint-disable-next-line no-prototype-builtins\n                if (styles.hasOwnProperty(property)) {\n                    setStyleProperty(el, property, styles[property]);\n                }\n            }\n        });\n        /**\n         * Clean up any value coercion before\n         * the user callbacks fire otherwise\n         * they may get stale values. For example,\n         * if someone calls progressStart(0) the\n         * animation may still be reversed.\n         */\n        forceDurationValue = undefined;\n        forceDirectionValue = undefined;\n        forceDelayValue = undefined;\n        onFinishCallbacks.forEach((onFinishCallback) => {\n            return onFinishCallback.c(currentStep, ani);\n        });\n        onFinishOneTimeCallbacks.forEach((onFinishCallback) => {\n            return onFinishCallback.c(currentStep, ani);\n        });\n        onFinishOneTimeCallbacks.length = 0;\n        shouldCalculateNumAnimations = true;\n        if (willComplete) {\n            finished = true;\n        }\n        willComplete = true;\n    };\n    const animationFinish = () => {\n        if (numAnimationsRunning === 0) {\n            return;\n        }\n        numAnimationsRunning--;\n        if (numAnimationsRunning === 0) {\n            afterAnimation();\n            if (parentAnimation) {\n                parentAnimation.animationFinish();\n            }\n        }\n    };\n    const initializeCSSAnimation = (toggleAnimationName = true) => {\n        cleanUpStyleSheets();\n        const processedKeyframes = processKeyframes(_keyframes);\n        elements.forEach((element) => {\n            if (processedKeyframes.length > 0) {\n                const keyframeRules = generateKeyframeRules(processedKeyframes);\n                keyframeName = animationId !== undefined ? animationId : generateKeyframeName(keyframeRules);\n                const stylesheet = createKeyframeStylesheet(keyframeName, keyframeRules, element);\n                stylesheets.push(stylesheet);\n                setStyleProperty(element, 'animation-duration', `${getDuration()}ms`);\n                setStyleProperty(element, 'animation-timing-function', getEasing());\n                setStyleProperty(element, 'animation-delay', `${getDelay()}ms`);\n                setStyleProperty(element, 'animation-fill-mode', getFill());\n                setStyleProperty(element, 'animation-direction', getDirection());\n                const iterationsCount = getIterations() === Infinity ? 'infinite' : getIterations().toString();\n                setStyleProperty(element, 'animation-iteration-count', iterationsCount);\n                setStyleProperty(element, 'animation-play-state', 'paused');\n                if (toggleAnimationName) {\n                    setStyleProperty(element, 'animation-name', `${stylesheet.id}-alt`);\n                }\n                raf(() => {\n                    setStyleProperty(element, 'animation-name', stylesheet.id || null);\n                });\n            }\n        });\n    };\n    const initializeWebAnimation = () => {\n        elements.forEach((element) => {\n            const animation = element.animate(_keyframes, {\n                id,\n                delay: getDelay(),\n                duration: getDuration(),\n                easing: getEasing(),\n                iterations: getIterations(),\n                fill: getFill(),\n                direction: getDirection(),\n            });\n            animation.pause();\n            webAnimations.push(animation);\n        });\n        if (webAnimations.length > 0) {\n            webAnimations[0].onfinish = () => {\n                animationFinish();\n            };\n        }\n    };\n    const initializeAnimation = (toggleAnimationName = true) => {\n        beforeAnimation();\n        if (_keyframes.length > 0) {\n            if (supportsWebAnimations) {\n                initializeWebAnimation();\n            }\n            else {\n                initializeCSSAnimation(toggleAnimationName);\n            }\n        }\n        initialized = true;\n    };\n    const setAnimationStep = (step) => {\n        step = Math.min(Math.max(step, 0), 0.9999);\n        if (supportsWebAnimations) {\n            webAnimations.forEach((animation) => {\n                // When creating the animation the delay is guaranteed to be set to a number.\n                animation.currentTime = animation.effect.getComputedTiming().delay + getDuration() * step;\n                animation.pause();\n            });\n        }\n        else {\n            const animationDuration = `-${getDuration() * step}ms`;\n            elements.forEach((element) => {\n                if (_keyframes.length > 0) {\n                    setStyleProperty(element, 'animation-delay', animationDuration);\n                    setStyleProperty(element, 'animation-play-state', 'paused');\n                }\n            });\n        }\n    };\n    const updateWebAnimation = (step) => {\n        webAnimations.forEach((animation) => {\n            animation.effect.updateTiming({\n                delay: getDelay(),\n                duration: getDuration(),\n                easing: getEasing(),\n                iterations: getIterations(),\n                fill: getFill(),\n                direction: getDirection(),\n            });\n        });\n        if (step !== undefined) {\n            setAnimationStep(step);\n        }\n    };\n    const updateCSSAnimation = (toggleAnimationName = true, step) => {\n        raf(() => {\n            elements.forEach((element) => {\n                setStyleProperty(element, 'animation-name', keyframeName || null);\n                setStyleProperty(element, 'animation-duration', `${getDuration()}ms`);\n                setStyleProperty(element, 'animation-timing-function', getEasing());\n                setStyleProperty(element, 'animation-delay', step !== undefined ? `-${step * getDuration()}ms` : `${getDelay()}ms`);\n                setStyleProperty(element, 'animation-fill-mode', getFill() || null);\n                setStyleProperty(element, 'animation-direction', getDirection() || null);\n                const iterationsCount = getIterations() === Infinity ? 'infinite' : getIterations().toString();\n                setStyleProperty(element, 'animation-iteration-count', iterationsCount);\n                if (toggleAnimationName) {\n                    setStyleProperty(element, 'animation-name', `${keyframeName}-alt`);\n                }\n                raf(() => {\n                    setStyleProperty(element, 'animation-name', keyframeName || null);\n                });\n            });\n        });\n    };\n    const update = (deep = false, toggleAnimationName = true, step) => {\n        if (deep) {\n            childAnimations.forEach((animation) => {\n                animation.update(deep, toggleAnimationName, step);\n            });\n        }\n        if (supportsWebAnimations) {\n            updateWebAnimation(step);\n        }\n        else {\n            updateCSSAnimation(toggleAnimationName, step);\n        }\n        return ani;\n    };\n    const progressStart = (forceLinearEasing = false, step) => {\n        childAnimations.forEach((animation) => {\n            animation.progressStart(forceLinearEasing, step);\n        });\n        pauseAnimation();\n        shouldForceLinearEasing = forceLinearEasing;\n        if (!initialized) {\n            initializeAnimation();\n        }\n        update(false, true, step);\n        return ani;\n    };\n    const progressStep = (step) => {\n        childAnimations.forEach((animation) => {\n            animation.progressStep(step);\n        });\n        setAnimationStep(step);\n        return ani;\n    };\n    const progressEnd = (playTo, step, dur) => {\n        shouldForceLinearEasing = false;\n        childAnimations.forEach((animation) => {\n            animation.progressEnd(playTo, step, dur);\n        });\n        if (dur !== undefined) {\n            forceDurationValue = dur;\n        }\n        finished = false;\n        willComplete = true;\n        if (playTo === 0) {\n            forceDirectionValue = getDirection() === 'reverse' ? 'normal' : 'reverse';\n            if (forceDirectionValue === 'reverse') {\n                willComplete = false;\n            }\n            if (supportsWebAnimations) {\n                update();\n                setAnimationStep(1 - step);\n            }\n            else {\n                forceDelayValue = (1 - step) * getDuration() * -1;\n                update(false, false);\n            }\n        }\n        else if (playTo === 1) {\n            if (supportsWebAnimations) {\n                update();\n                setAnimationStep(step);\n            }\n            else {\n                forceDelayValue = step * getDuration() * -1;\n                update(false, false);\n            }\n        }\n        if (playTo !== undefined && !parentAnimation) {\n            play();\n        }\n        return ani;\n    };\n    const pauseAnimation = () => {\n        if (initialized) {\n            if (supportsWebAnimations) {\n                webAnimations.forEach((animation) => {\n                    animation.pause();\n                });\n            }\n            else {\n                elements.forEach((element) => {\n                    setStyleProperty(element, 'animation-play-state', 'paused');\n                });\n            }\n            paused = true;\n        }\n    };\n    const pause = () => {\n        childAnimations.forEach((animation) => {\n            animation.pause();\n        });\n        pauseAnimation();\n        return ani;\n    };\n    const onAnimationEndFallback = () => {\n        cssAnimationsTimerFallback = undefined;\n        animationFinish();\n    };\n    const clearCSSAnimationsTimeout = () => {\n        if (cssAnimationsTimerFallback) {\n            clearTimeout(cssAnimationsTimerFallback);\n        }\n    };\n    const playCSSAnimations = () => {\n        clearCSSAnimationsTimeout();\n        raf(() => {\n            elements.forEach((element) => {\n                if (_keyframes.length > 0) {\n                    setStyleProperty(element, 'animation-play-state', 'running');\n                }\n            });\n        });\n        if (_keyframes.length === 0 || elements.length === 0) {\n            animationFinish();\n        }\n        else {\n            /**\n             * This is a catchall in the event that a CSS Animation did not finish.\n             * The Web Animations API has mechanisms in place for preventing this.\n             * CSS Animations will not fire an `animationend` event\n             * for elements with `display: none`. The Web Animations API\n             * accounts for this, but using raw CSS Animations requires\n             * this workaround.\n             */\n            const animationDelay = getDelay() || 0;\n            const animationDuration = getDuration() || 0;\n            const animationIterations = getIterations() || 1;\n            // No need to set a timeout when animation has infinite iterations\n            if (isFinite(animationIterations)) {\n                cssAnimationsTimerFallback = setTimeout(onAnimationEndFallback, animationDelay + animationDuration * animationIterations + ANIMATION_END_FALLBACK_PADDING_MS);\n            }\n            animationEnd(elements[0], () => {\n                clearCSSAnimationsTimeout();\n                /**\n                 * Ensure that clean up\n                 * is always done a frame\n                 * before the onFinish handlers\n                 * are fired. Otherwise, there\n                 * may be flickering if a new\n                 * animation is started on the same\n                 * element too quickly\n                 */\n                raf(() => {\n                    clearCSSAnimationPlayState();\n                    raf(animationFinish);\n                });\n            });\n        }\n    };\n    const clearCSSAnimationPlayState = () => {\n        elements.forEach((element) => {\n            removeStyleProperty(element, 'animation-duration');\n            removeStyleProperty(element, 'animation-delay');\n            removeStyleProperty(element, 'animation-play-state');\n        });\n    };\n    const playWebAnimations = () => {\n        webAnimations.forEach((animation) => {\n            animation.play();\n        });\n        if (_keyframes.length === 0 || elements.length === 0) {\n            animationFinish();\n        }\n    };\n    const resetAnimation = () => {\n        if (supportsWebAnimations) {\n            setAnimationStep(0);\n            updateWebAnimation();\n        }\n        else {\n            updateCSSAnimation();\n        }\n    };\n    const play = (opts) => {\n        return new Promise((resolve) => {\n            if (opts === null || opts === void 0 ? void 0 : opts.sync) {\n                shouldForceSyncPlayback = true;\n                onFinish(() => (shouldForceSyncPlayback = false), { oneTimeCallback: true });\n            }\n            if (!initialized) {\n                initializeAnimation();\n            }\n            if (finished) {\n                resetAnimation();\n                finished = false;\n            }\n            if (shouldCalculateNumAnimations) {\n                numAnimationsRunning = childAnimations.length + 1;\n                shouldCalculateNumAnimations = false;\n            }\n            /**\n             * When one of these callbacks fires we\n             * need to clear the other's callback otherwise\n             * you can potentially get these callbacks\n             * firing multiple times if the play method\n             * is subsequently called.\n             * Example:\n             * animation.play() (onStop and onFinish callbacks are registered)\n             * animation.stop() (onStop callback is fired, onFinish is not)\n             * animation.play() (onStop and onFinish callbacks are registered)\n             * Total onStop callbacks: 1\n             * Total onFinish callbacks: 2\n             */\n            const onStopCallback = () => {\n                clearCallback(onFinishCallback, onFinishOneTimeCallbacks);\n                resolve();\n            };\n            const onFinishCallback = () => {\n                clearCallback(onStopCallback, onStopOneTimeCallbacks);\n                resolve();\n            };\n            /**\n             * The play method resolves when an animation\n             * run either finishes or is cancelled.\n             */\n            onFinish(onFinishCallback, { oneTimeCallback: true });\n            onStop(onStopCallback, { oneTimeCallback: true });\n            childAnimations.forEach((animation) => {\n                animation.play();\n            });\n            if (supportsWebAnimations) {\n                playWebAnimations();\n            }\n            else {\n                playCSSAnimations();\n            }\n            paused = false;\n        });\n    };\n    /**\n     * Stops an animation and resets it state to the\n     * beginning. This does not fire any onFinish\n     * callbacks because the animation did not finish.\n     * However, since the animation was not destroyed\n     * (i.e. the animation could run again) we do not\n     * clear the onFinish callbacks.\n     */\n    const stop = () => {\n        childAnimations.forEach((animation) => {\n            animation.stop();\n        });\n        if (initialized) {\n            cleanUpElements();\n            initialized = false;\n        }\n        resetFlags();\n        onStopOneTimeCallbacks.forEach((onStopCallback) => onStopCallback.c(0, ani));\n        onStopOneTimeCallbacks.length = 0;\n    };\n    const from = (property, value) => {\n        const firstFrame = _keyframes[0];\n        if (firstFrame !== undefined && (firstFrame.offset === undefined || firstFrame.offset === 0)) {\n            firstFrame[property] = value;\n        }\n        else {\n            _keyframes = [{ offset: 0, [property]: value }, ..._keyframes];\n        }\n        return ani;\n    };\n    const to = (property, value) => {\n        const lastFrame = _keyframes[_keyframes.length - 1];\n        if (lastFrame !== undefined && (lastFrame.offset === undefined || lastFrame.offset === 1)) {\n            lastFrame[property] = value;\n        }\n        else {\n            _keyframes = [..._keyframes, { offset: 1, [property]: value }];\n        }\n        return ani;\n    };\n    const fromTo = (property, fromValue, toValue) => {\n        return from(property, fromValue).to(property, toValue);\n    };\n    return (ani = {\n        parentAnimation,\n        elements,\n        childAnimations,\n        id,\n        animationFinish,\n        from,\n        to,\n        fromTo,\n        parent,\n        play,\n        pause,\n        stop,\n        destroy,\n        keyframes,\n        addAnimation,\n        addElement,\n        update,\n        fill,\n        direction,\n        iterations,\n        duration,\n        easing,\n        delay,\n        getWebAnimations,\n        getKeyframes,\n        getFill,\n        getDirection,\n        getDelay,\n        getIterations,\n        getEasing,\n        getDuration,\n        afterAddRead,\n        afterAddWrite,\n        afterClearStyles,\n        afterStyles,\n        afterRemoveClass,\n        afterAddClass,\n        beforeAddRead,\n        beforeAddWrite,\n        beforeClearStyles,\n        beforeStyles,\n        beforeRemoveClass,\n        beforeAddClass,\n        onFinish,\n        isRunning,\n        progressStart,\n        progressStep,\n        progressEnd,\n    });\n};\n"],"mappings":"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"}

package/dist/checkout/p-b7f7fba2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,e as l}from"./p-d7a430bf.js";const a=':root{--brand:#128c4b;--ink:#0b1220;--muted:#5b677a;--bg:#f7f9fc;--card:#ffffff;--border:#e7edf5;--radius:16px;--shadow:0 10px 30px rgba(11, 18, 32, .08)}html,body{height:100%}body{margin:0;font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";color:var(--ink);background:var(--bg);line-height:1.6}.container{max-width:1120px;margin:auto;padding:24px}header.hero{background:linear-gradient(135deg, rgba(18, 140, 75, .08), transparent 55%), var(--bg);border-bottom:1px solid var(--border)}.hero-inner{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}.badge{display:inline-flex;gap:8px;align-items:center;background:#e8f5ee;color:#0f5532;border:1px solid #ccead9;padding:6px 10px;border-radius:999px;font-weight:600;font-size:12px;letter-spacing:.2px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{height:40px;display:block}.hero-top{display:flex;align-items:center;gap:12px;margin-top:4px}.hero-brandline{display:flex;align-items:center;gap:12px}.hero-lang{margin-left:auto}.visually-hidden{position:absolute !important;clip:rect(1px, 1px, 1px, 1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap}.title{font-size:clamp(28px, 3vw, 40px);line-height:1.1;margin:12px 0 8px}.subtitle{color:var(--muted);font-size:clamp(14px, 2vw, 18px)}.hero-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px}.kpis{display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px}.kpi{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px dashed var(--border);border-radius:12px;background:#fbfdfc}.kpi svg{flex:0 0 20px}.grid{display:grid;gap:18px}section+section{margin-top:32px}@media (min-width: 900px){.grid-3{grid-template-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr)}}h2{margin:32px 0 12px;font-size:clamp(20px, 2.2vw, 26px)}h3{margin:14px 0;font-size:18px}p{margin:10px 0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.list{list-style:none;padding:0;margin:0;display:grid;gap:10px;direction:ltr}.FAQ details{direction:ltr}.list li{display:flex;gap:12px}.list .dot{margin-top:6px;flex:0 0 8px;height:8px;border-radius:50%;background:var(--brand)}.steps{counter-reset:step}.steps li{position:relative;padding-left:42px}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center;background:var(--brand);color:white;border-radius:50%;font-weight:700}.notice{background:#fff9e8;border:1px solid #f3dfad;color:#7a5a10;border-radius:12px;padding:12px}details{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:14px}details+details{margin-top:10px}summary{cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:700}summary svg{transition:transform .2s}details[open] summary svg{transform:rotate(90deg)}.faq-body{margin-top:8px;color:var(--muted)}.faq-body p{margin:0 1.5rem}.kpi svg{width:30px;height:30px}.example{display:grid;gap:14px}.example .pair{display:grid;gap:8px;padding:14px;border:1px dashed var(--border);border-radius:12px}footer{margin:40px 0 8px;color:var(--muted);font-size:12px}.inline-icon{vertical-align:middle;margin-right:6px}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.lang-en{display:block}.lang-ar{display:none}html[lang="ar"] .lang-en{display:none}html[lang="ar"] .lang-ar{display:block}.topbar{background:var(--card);border-bottom:1px solid var(--border);padding:16px 0}.topbar-inner{max-width:1120px;margin:auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.lang-controls{display:flex;align-items:center;gap:10px}.lang-select{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:6px 10px;font-size:14px;cursor:pointer}html[lang="ar"] body{direction:rtl}[dir="rtl"] .steps li{padding-right:42px;padding-left:0}[dir="rtl"] .steps li:before{right:0;left:auto}[dir="rtl"] .list li{flex-direction:row-reverse}[dir="rtl"] .list .dot{margin-left:0;margin-right:0}[dir="rtl"] summary{flex-direction:row-reverse}html[lang="ar"] .lang-ar details,html[lang="ar"] .lang-ar summary,html[lang="ar"] .lang-ar .faq-body{text-align:right}html[lang="ar"] summary{justify-content:flex-start}';const n=class{constructor(t){e(this,t);this.handleLanguageChange=e=>{const t=e.target;const l=t.value;this.applyLanguage(l)};this.locale="en";this.currentLang=this.locale}componentWillLoad(){this.currentLang=this.locale;this.applyLanguage(this.currentLang);if(this.selectRef){this.selectRef.value=this.currentLang}}componentDidUpdate(){if(this.selectRef){this.selectRef.value=this.currentLang}}applyLanguage(e){this.currentLang=e;if(typeof document!=="undefined"){document.documentElement.lang=e;document.documentElement.dir=e==="ar"?"rtl":"ltr"}}renderEnglishContent(){return t("div",{class:"lang-en"},t("header",{class:"hero"},t("div",{class:"container hero-inner"},t("div",null,t("span",{class:"badge","aria-label":"Guide badge"},"End‑User Guide"),t("h1",{class:"title"},"Amwal Bank Installments"),t("p",{class:"subtitle"},"Split eligible purchases into easy monthly payments with your own bank—no upfront down payment."),t("div",{class:"hero-card"},t("div",{class:"kpis"},t("div",{class:"kpi"},t("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M20 6 9 17l-5-5",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),t("div",null,t("strong",null,"95% approval rate"),t("br",null),t("span",{class:"muted"},"Fast decisions for eligible cards"))),t("div",{class:"kpi"},t("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("circle",{cx:"12",cy:"12",r:"9",stroke:"#128c4b","stroke-width":"2"}),t("path",{d:"M12 7v5l4 2",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"})),t("div",null,t("strong",null,"3, 6, 12‑month plans"),t("br",null),t("span",{class:"muted"},"Depending on your bank"))),t("div",{class:"kpi"},t("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M4 7h16M4 12h16M4 17h10",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"}),t("rect",{x:"3",y:"5",width:"18",height:"14",rx:"3",stroke:"#128c4b","stroke-width":"2"})),t("div",null,t("strong",null,"Earn rewards & card points"),t("br",null),t("span",{class:"muted"},"Keep your card benefits"))),t("div",{class:"kpi"},t("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M12 3v18M5 9h14M5 15h14",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"}),t("rect",{x:"3",y:"5",width:"18",height:"14",rx:"3",stroke:"#128c4b","stroke-width":"2"})),t("div",null,t("strong",null,"Use up to 90% of card limit"),t("br",null),t("span",{class:"muted"},"Subject to bank policy")))))),t("div",null,t("div",{class:"card"},t("h3",null,"At a glance"),t("ul",{class:"list"},t("li",null,t("span",{class:"dot"})," No upfront down payment required"),t("li",null,t("span",{class:"dot"})," First installment typically due in ",t("strong",null,"30–55 days")),t("li",null,t("span",{class:"dot"})," Bank converts your purchase into installments within ",t("strong",null,"2–4 days"))),t("p",{class:"notice",role:"note"},"Your full purchase amount must be available in your credit card limit at the time of checkout. Your available limit will be reduced by that amount immediately."))))),t("main",{class:"container"},t("section",{class:"grid"},t("div",{class:"card"},t("h2",null,"How it works"),t("ol",{class:"list steps"},t("li",null,"Select ",t("strong",null,"Amwal Bank Installments")," at checkout."),t("li",null,"Choose your bank and the plan length (3, 6, or 12 months)."),t("li",null,"Pay using the credit card associated with that bank, or Apple Pay (linked to that card)."),t("li",null,"Your bank converts the purchase into monthly installments after approval."))),t("div",{class:"card"},t("h2",null,"Monthly payments"),t("p",null,"Installments are ",t("strong",null,"automatic"),": they're either debited from your bank balance or added to your card's monthly statement. No extra action is required from you."),t("p",{class:"notice"},"Minimum purchase amounts for installments are set by each bank and merchant."))),t("section",{class:"grid"},t("div",{class:"card example"},t("h2",null,"Examples"),t("div",{class:"pair"},t("h3",null,"Al Rajhi Bank — Equal Monthly Installments"),t("p",null,"A 6,000 SAR purchase is divided into equal monthly payments across your selected plan."),t("amwal-installments-timeline",{amount:6e3,"installments-count":"12","enable-installments":"true",locale:"en","timeline-style":"default","footer-message":""})),t("div",{class:"pair"},t("h3",null,"Saudi National Bank — 5% Monthly Installments"),t("p",null,"Across a 12‑month plan, you pay ",t("strong",null,"5% of the total")," each cycle. At the end of the term, the remaining balance becomes due."),t("amwal-installments-timeline",{amount:6e3,"installments-count":"12","enable-installments":"true",locale:"en","timeline-style":"default","footer-message":"","installment-data":'[{"amount":"300.00","dueDate":"2025-11-08","status":"upcoming","installmentNumber":1},{"amount":"300.00","dueDate":"2025-12-08","status":"upcoming","installmentNumber":2},{"amount":"300.00","dueDate":"2026-01-08","status":"upcoming","installmentNumber":3},{"amount":"300.00","dueDate":"2026-02-08","status":"upcoming","installmentNumber":4},{"amount":"300.00","dueDate":"2026-03-08","status":"upcoming","installmentNumber":5},{"amount":"300.00","dueDate":"2026-04-08","status":"upcoming","installmentNumber":6},{"amount":"300.00","dueDate":"2026-05-08","status":"upcoming","installmentNumber":7},{"amount":"300.00","dueDate":"2026-06-08","status":"upcoming","installmentNumber":8},{"amount":"300.00","dueDate":"2026-07-08","status":"upcoming","installmentNumber":9},{"amount":"300.00","dueDate":"2026-08-08","status":"upcoming","installmentNumber":10},{"amount":"300.00","dueDate":"2026-09-08","status":"upcoming","installmentNumber":11},{"amount":"300.00","dueDate":"2026-10-08","status":"upcoming","installmentNumber":12}]'})))),t("section",null,t("h2",null,"FAQs"),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"Do I earn card rewards and points?"),t("div",{class:"faq-body"},t("p",null,"Yes. You continue to earn your credit card rewards and points on eligible installment purchases, as per your bank's policy."))),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"When is my first payment due?"),t("div",{class:"faq-body"},t("p",null,"Typically within ",t("strong",null,"30–55 days")," from the purchase date, depending on your bank's billing cycle."))),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"Does my card limit change?"),t("div",{class:"faq-body"},t("p",null,"Yes. Your available credit limit is reduced by the full purchase amount at checkout. After conversion to installments, it may replenish as you pay installments (subject to bank policy)."))),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"Which plans are available?"),t("div",{class:"faq-body"},t("p",null,"Common options are ",t("strong",null,"3, 6, and 12 months"),". Availability depends on your issuing bank and the merchant."))),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"How quickly does the bank convert my purchase?"),t("div",{class:"faq-body"},t("p",null,"Usually within ",t("strong",null,"2–4 days")," after a successful checkout."))),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"Why was my installment request rejected?"),t("div",{class:"faq-body"},t("ul",{class:"list"},t("li",null,t("span",{class:"dot"})," Card isn't eligible for installments"),t("li",null,t("span",{class:"dot"})," More than four active installment plans on the same card"),t("li",null,t("span",{class:"dot"})," Using loaded/temporary balance to try to increase card limit"),t("li",null,t("span",{class:"dot"})," Requests are subject to the issuing bank's terms & conditions"))))),t("footer",null,t("p",null,"© ",t("span",{id:"year-en"})," Amwal. Information provided for customer guidance; actual eligibility, limits, and plans are determined by your issuing bank and merchant."))))}renderArabicContent(){return t("div",{class:"lang-ar"},t("header",{class:"hero"},t("div",{class:"container hero-inner"},t("div",null,t("span",{class:"badge","aria-label":"Guide badge"},"دليل المستخدم"),t("h1",{class:"title"},"أقساط البنوك من أمـوال"),t("p",{class:"subtitle"},"قسّم مشترياتك المؤهلة إلى دفعات شهرية ميسّرة مع بنكك — دون دفعة مقدّمة."),t("div",{class:"hero-card"},t("div",{class:"kpis"},t("div",{class:"kpi"},t("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M20 6 9 17l-5-5",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),t("div",null,t("strong",null,"معدل موافقة يتجاوز ‎%95‎"),t("br",null),t("span",{class:"muted"},"قرارات سريعة للبطاقات المؤهلة"))),t("div",{class:"kpi"},t("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("circle",{cx:"12",cy:"12",r:"9",stroke:"#128c4b","stroke-width":"2"}),t("path",{d:"M12 7v5l4 2",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"})),t("div",null,t("strong",null,"خطط 3 أو 6 أو 12 شهراً"),t("br",null),t("span",{class:"muted"},"حسب بنكك"))),t("div",{class:"kpi"},t("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M4 7h16M4 12h16M4 17h10",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"}),t("rect",{x:"3",y:"5",width:"18",height:"14",rx:"3",stroke:"#128c4b","stroke-width":"2"})),t("div",null,t("strong",null,"اكسب المكافآت ونقاط البطاقة"),t("br",null),t("span",{class:"muted"},"احتفظ بمزايا بطاقتك"))),t("div",{class:"kpi"},t("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M12 3v18M5 9h14M5 15h14",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"}),t("rect",{x:"3",y:"5",width:"18",height:"14",rx:"3",stroke:"#128c4b","stroke-width":"2"})),t("div",null,t("strong",null,"حتى ‎90%‎ من حد البطاقة"),t("br",null),t("span",{class:"muted"},"وفقاً لسياسة البنك")))))),t("div",null,t("div",{class:"card"},t("h3",null,"نظرة سريعة"),t("ul",{class:"list"},t("li",null,t("span",{class:"dot"})," لا توجد دفعة مقدّمة"),t("li",null,t("span",{class:"dot"})," أول دفعة عادةً خلال ",t("strong",null,"30–55 يوماً")),t("li",null,t("span",{class:"dot"})," يحوّل البنك العملية إلى أقساط خلال ",t("strong",null,"2–4 أيام"))),t("p",{class:"notice",role:"note"},"يجب أن يكون كامل مبلغ الشراء متاحاً ضمن حد بطاقتك الائتمانية عند الدفع. سيتم حجز المبلغ كاملاً من حدك المتاح فوراً."))))),t("main",{class:"container"},t("section",{class:"grid"},t("div",{class:"card"},t("h2",null,"كيف تعمل؟"),t("ol",{class:"list steps"},t("li",null,"اختر ",t("strong",null,"أقساط أمـوال البنكية")," عند الدفع."),t("li",null,"اختر بنكك ومدة الخطة (3 أو 6 أو 12 شهراً)."),t("li",null,"ادفع بالبطاقة المرتبطة بذلك البنك، أو عبر Apple Pay المرتبط بالبطاقة نفسها."),t("li",null,"بعد الموافقة، يحوّل البنك الشراء إلى أقساط شهرية."))),t("div",{class:"card"},t("h2",null,"الدفعات الشهرية"),t("p",null,"تُخصم الدفعات ",t("strong",null,"تلقائياً")," من رصيدك البنكي أو تُضاف إلى كشف بطاقتك الشهري. لا يلزمك أي إجراء إضافي."),t("p",{class:"notice"},"الحد الأدنى لقيمة الشراء للتقسيط يحدده كل بنك والتاجر."))),t("section",{class:"grid"},t("div",{class:"card example"},t("h2",null,"أمثلة"),t("div",{class:"pair"},t("h3",null,"مصرف الراجحي — أقساط شهرية متساوية"),t("p",null,"يُقسَّم شراء بقيمة 6,000 ريال سعودي إلى دفعات شهرية متساوية حسب الخطة التي تختارها."),t("amwal-installments-timeline",{amount:6e3,"installments-count":"12","enable-installments":"true",locale:"ar","timeline-style":"default","footer-message":""})),t("div",{class:"pair"},t("h3",null,"البنك الأهلي السعودي — أقساط ‎5%‎ شهرياً"),t("p",null,"ضمن خطة 12 شهراً، تدفع ",t("strong",null,"5% من الإجمالي")," في كل دورة. وفي نهاية المدة يُسدد الرصيد المتبقي."),t("amwal-installments-timeline",{amount:6e3,"installments-count":"12","enable-installments":"true",locale:"ar","timeline-style":"default","footer-message":"","installment-data":'[{"amount":"300.00","dueDate":"2025-11-08","status":"upcoming","installmentNumber":1},{"amount":"300.00","dueDate":"2025-12-08","status":"upcoming","installmentNumber":2},{"amount":"300.00","dueDate":"2026-01-08","status":"upcoming","installmentNumber":3},{"amount":"300.00","dueDate":"2026-02-08","status":"upcoming","installmentNumber":4},{"amount":"300.00","dueDate":"2026-03-08","status":"upcoming","installmentNumber":5},{"amount":"300.00","dueDate":"2026-04-08","status":"upcoming","installmentNumber":6},{"amount":"300.00","dueDate":"2026-05-08","status":"upcoming","installmentNumber":7},{"amount":"300.00","dueDate":"2026-06-08","status":"upcoming","installmentNumber":8},{"amount":"300.00","dueDate":"2026-07-08","status":"upcoming","installmentNumber":9},{"amount":"300.00","dueDate":"2026-08-08","status":"upcoming","installmentNumber":10},{"amount":"300.00","dueDate":"2026-09-08","status":"upcoming","installmentNumber":11},{"amount":"300.00","dueDate":"2026-10-08","status":"upcoming","installmentNumber":12}]'})))),t("section",{class:"FAQ"},t("h2",null,"الأسئلة الشائعة"),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"هل أكسب مكافآت ونقاط البطاقة؟"),t("div",{class:"faq-body"},t("p",null,"نعم. تستمر في كسب مكافآت البطاقة ونقاطها على المشتريات المؤهلة للتقسيط وفق سياسة بنكك."))),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"متى موعد أول دفعة؟"),t("div",{class:"faq-body"},t("p",null,"عادةً خلال ",t("strong",null,"30–55 يوماً")," من تاريخ الشراء، بحسب دورة الفوترة في بنكك."))),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"هل يتغير حد بطاقتي؟"),t("div",{class:"faq-body"},t("p",null,"نعم. يُحجز كامل مبلغ الشراء من حد بطاقتك المتاح عند الدفع. وبعد التحويل إلى أقساط قد يعود الحد للتزايد مع سدادك للأقساط (وفق سياسة البنك)."))),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"ما الخطط المتاحة؟"),t("div",{class:"faq-body"},t("p",null,"الخيارات الشائعة هي ",t("strong",null,"3 أو 6 أو 12 شهراً"),". وتختلف الإتاحة حسب البنك المُصدر والتاجر."))),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"كم يستغرق تحويل الشراء إلى أقساط؟"),t("div",{class:"faq-body"},t("p",null,"عادةً خلال ",t("strong",null,"2–4 أيام")," بعد إتمام الشراء بنجاح."))),t("details",null,t("summary",null,t("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"لماذا رُفض طلب التقسيط؟"),t("div",{class:"faq-body"},t("ul",{class:"list"},t("li",null,t("span",{class:"dot"})," البطاقة غير مؤهلة للتقسيط"),t("li",null,t("span",{class:"dot"})," وجود أكثر من أربع خطط تقسيط نشطة على البطاقة نفسها"),t("li",null,t("span",{class:"dot"})," استخدام رصيد مُحمّل/مؤقت لمحاولة زيادة الحد"),t("li",null,t("span",{class:"dot"})," الطلبات خاضعة لشروط وأحكام البنك المُصدر"))))),t("footer",null,t("p",null,"© ",t("span",{id:"year-ar"})," أمـوال. المعلومات لغرض الإرشاد؛ الأهلية والحدود والخطط يحدّدها البنك المُصدر والتاجر."))))}render(){return t("div",{class:"amwal-installments-guide"},t("div",{class:"topbar"},t("div",{class:"topbar-inner"},t("a",{class:"brand",href:"https://amwal.tech",target:"_blank",rel:"noopener noreferrer"},t("img",{class:"brand-logo",src:"https://cdn.prod.website-files.com/62294ce746440b7bc08b4fc5/624352eb48193d537d329386_1-2.png",alt:"Amwal logo"})),t("div",{class:"lang-controls"},t("label",{class:"lang-en"},"Language:"),t("label",{class:"lang-ar"},"اللغة:"),t("select",{class:"lang-select","aria-label":"Language selector",ref:e=>this.selectRef=e,onChange:this.handleLanguageChange},t("option",{value:"en",selected:true},"English"),t("option",{value:"ar"},"العربية"))))),this.currentLang==="en"?this.renderEnglishContent():this.renderArabicContent())}get el(){return l(this)}};n.style=a;export{n as amwal_installments_guide};
+//# sourceMappingURL=p-b7f7fba2.entry.js.map

package/dist/checkout/p-b7f7fba2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["amwalInstallmentsGuideCss","AmwalInstallmentsGuide","this","handleLanguageChange","event","select","target","newLang","value","applyLanguage","locale","componentWillLoad","currentLang","selectRef","componentDidUpdate","lang","document","documentElement","dir","renderEnglishContent","h","class","width","height","viewBox","fill","d","stroke","cx","cy","r","x","y","rx","role","amount","id","renderArabicContent","render","href","rel","src","alt","ref","el","onChange","selected"],"sources":["./src/components/amwal-installments-guide/amwal-installments-guide.css?tag=amwal-installments-guide","./src/components/amwal-installments-guide/amwal-installments-guide.tsx"],"sourcesContent":[":root {\n    --brand: #128c4b;\n    /* Amwal green (approx) */\n    --ink: #0b1220;\n    --muted: #5b677a;\n    --bg: #f7f9fc;\n    --card: #ffffff;\n    --border: #e7edf5;\n    --radius: 16px;\n    --shadow: 0 10px 30px rgba(11, 18, 32, .08);\n}\n\nhtml,\nbody {\n    height: 100%\n}\n\nbody {\n    margin: 0;\n    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\";\n    color: var(--ink);\n    background: var(--bg);\n    line-height: 1.6\n}\n\n.container {\n    max-width: 1120px;\n    margin: auto;\n    padding: 24px\n}\n\nheader.hero {\n    background: linear-gradient(135deg, rgba(18, 140, 75, .08), transparent 55%), var(--bg);\n    border-bottom: 1px solid var(--border)\n}\n\n.hero-inner {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 32px;\n    align-items: center\n}\n\n.badge {\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n    background: #e8f5ee;\n    color: #0f5532;\n    border: 1px solid #ccead9;\n    padding: 6px 10px;\n    border-radius: 999px;\n    font-weight: 600;\n    font-size: 12px;\n    letter-spacing: .2px\n}\n\n.brand {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    text-decoration: none\n}\n\n.brand-logo {\n    height: 40px;\n    display: block\n}\n\n.hero-top {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 4px\n}\n\n.hero-brandline {\n    display: flex;\n    align-items: center;\n    gap: 12px\n}\n\n.hero-lang {\n    margin-left: auto\n}\n\n.visually-hidden {\n    position: absolute !important;\n    clip: rect(1px, 1px, 1px, 1px);\n    padding: 0;\n    border: 0;\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    white-space: nowrap\n}\n\n.title {\n    font-size: clamp(28px, 3vw, 40px);\n    line-height: 1.1;\n    margin: 12px 0 8px\n}\n\n.subtitle {\n    color: var(--muted);\n    font-size: clamp(14px, 2vw, 18px)\n}\n\n.hero-card {\n    background: var(--card);\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    padding: 18px 18px\n}\n\n.kpis {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-top: 8px\n}\n\n.kpi {\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    padding: 12px;\n    border: 1px dashed var(--border);\n    border-radius: 12px;\n    background: #fbfdfc\n}\n\n.kpi svg {\n    flex: 0 0 20px\n}\n\n.grid {\n    display: grid;\n    gap: 18px\n}\n\nsection + section {\n    margin-top: 32px\n}\n\n@media (min-width: 900px) {\n    .grid-3 {\n        grid-template-columns: repeat(3, 1fr)\n    }\n\n    .grid-2 {\n        grid-template-columns: repeat(2, 1fr)\n    }\n}\n\nh2 {\n    margin: 32px 0 12px;\n    font-size: clamp(20px, 2.2vw, 26px)\n}\n\nh3 {\n    margin: 14px 0;\n    font-size: 18px\n}\n\np {\n    margin: 10px 0\n}\n\n.card {\n    background: var(--card);\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    padding: 20px\n}\n\n.list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: grid;\n    gap: 10px;\n    direction: ltr\n}\n\n.FAQ details {\n    direction: ltr\n}\n\n.list li {\n    display: flex;\n    gap: 12px\n}\n\n.list .dot {\n    margin-top: 6px;\n    flex: 0 0 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--brand)\n}\n\n.steps {\n    counter-reset: step\n}\n\n.steps li {\n    position: relative;\n    padding-left: 42px\n}\n\n.steps li:before {\n    counter-increment: step;\n    content: counter(step);\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 28px;\n    height: 28px;\n    display: grid;\n    place-items: center;\n    background: var(--brand);\n    color: white;\n    border-radius: 50%;\n    font-weight: 700\n}\n\n.notice {\n    background: #fff9e8;\n    border: 1px solid #f3dfad;\n    color: #7a5a10;\n    border-radius: 12px;\n    padding: 12px\n}\n\ndetails {\n    border: 1px solid var(--border);\n    border-radius: 12px;\n    background: var(--card);\n    padding: 14px\n}\n\ndetails + details {\n    margin-top: 10px\n}\n\nsummary {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-weight: 700\n}\n\nsummary svg {\n    transition: transform .2s\n}\n\ndetails[open] summary svg {\n    transform: rotate(90deg)\n}\n\n.faq-body {\n    margin-top: 8px;\n    color: var(--muted)\n}\n\n.faq-body p {\n    margin: 0 1.5rem;\n}\n\n.kpi svg {\n    width: 30px;\n    height: 30px;\n}\n\n.example {\n    display: grid;\n    gap: 14px\n}\n\n.example .pair {\n    display: grid;\n    gap: 8px;\n    padding: 14px;\n    border: 1px dashed var(--border);\n    border-radius: 12px\n}\n\nfooter {\n    margin: 40px 0 8px;\n    color: var(--muted);\n    font-size: 12px\n}\n\n.inline-icon {\n    vertical-align: middle;\n    margin-right: 6px\n}\n\na {\n    color: var(--brand);\n    text-decoration: none\n}\n\na:hover {\n    text-decoration: underline\n}\n\n/* Language toggle */\n.lang-en {\n    display: block\n}\n\n.lang-ar {\n    display: none\n}\n\nhtml[lang=\"ar\"] .lang-en {\n    display: none\n}\n\nhtml[lang=\"ar\"] .lang-ar {\n    display: block\n}\n\n.topbar {\n    background: var(--card);\n    border-bottom: 1px solid var(--border);\n    padding: 16px 0;\n}\n\n.topbar-inner {\n    max-width: 1120px;\n    margin: auto;\n    padding: 0 24px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 20px;\n}\n\n.lang-controls {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.lang-select {\n    border: 1px solid var(--border);\n    background: var(--card);\n    border-radius: 10px;\n    padding: 6px 10px;\n    font-size: 14px;\n    cursor: pointer;\n}\n\n/* RTL helpers */\nhtml[lang=\"ar\"] body {\n    direction: rtl\n}\n\n[dir=\"rtl\"] .steps li {\n    padding-right: 42px;\n    padding-left: 0\n}\n\n[dir=\"rtl\"] .steps li:before {\n    right: 0;\n    left: auto\n}\n\n[dir=\"rtl\"] .list li {\n    flex-direction: row-reverse\n}\n\n[dir=\"rtl\"] .list .dot {\n    margin-left: 0;\n    margin-right: 0\n}\n\n[dir=\"rtl\"] summary {\n    flex-direction: row-reverse\n}\n\n/* Arabic FAQ right alignment */\nhtml[lang=\"ar\"] .lang-ar details,\nhtml[lang=\"ar\"] .lang-ar summary,\nhtml[lang=\"ar\"] .lang-ar .faq-body {\n    text-align: right\n}\n\nhtml[lang=\"ar\"] summary {\n    justify-content: flex-start\n}","import { Component, Prop, h, State, Element } from '@stencil/core';\n@Component({\n    tag: 'amwal-installments-guide',\n    styleUrl: 'amwal-installments-guide.css',\n    shadow: false,\n})\nexport class AmwalInstallmentsGuide {\n    @Element() el: HTMLElement;\n\n    private selectRef: HTMLSelectElement;\n\n    /**\n     * Language locale: 'en' for English, 'ar' for Arabic\n     */\n    @Prop() locale: 'en' | 'ar' = 'en';\n\n    @State() currentLang: 'en' | 'ar' = this.locale;\n\n    componentWillLoad() {\n        this.currentLang = this.locale;\n        this.applyLanguage(this.currentLang);\n        if (this.selectRef) {\n            this.selectRef.value = this.currentLang;\n        }\n    }\n\n    componentDidUpdate() {\n        // Keep select in sync with state\n        if (this.selectRef) {\n            this.selectRef.value = this.currentLang;\n        }\n    }\n\n\n    private applyLanguage(lang: 'en' | 'ar') {\n        this.currentLang = lang;\n        if (typeof document !== 'undefined') {\n            document.documentElement.lang = lang;\n            document.documentElement.dir = lang === 'ar' ? 'rtl' : 'ltr';\n        }\n    }\n    private handleLanguageChange = (event: Event) => {\n        const select = event.target as HTMLSelectElement;\n        const newLang = select.value as 'en' | 'ar';\n        this.applyLanguage(newLang);\n    }\n\n    private renderEnglishContent() {\n        return (\n                <div class=\"lang-en\">\n                    <header class=\"hero\">\n                        <div class=\"container hero-inner\">\n                            <div>\n                                <span class=\"badge\" aria-label=\"Guide badge\">End‑User Guide</span>\n                                <h1 class=\"title\">Amwal Bank Installments</h1>\n                                <p class=\"subtitle\">Split eligible purchases into easy monthly payments with your own bank—no upfront\n                                    down\n                                    payment.</p>\n                                <div class=\"hero-card\">\n                                    <div class=\"kpis\">\n                                        <div class=\"kpi\">\n                                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                <path d=\"M20 6 9 17l-5-5\" stroke=\"#128c4b\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                    stroke-linejoin=\"round\"/>\n                                            </svg>\n                                            <div><strong>95% approval rate</strong><br/><span class=\"muted\">Fast decisions for eligible\n                                    cards</span></div>\n                                        </div>\n                                        <div class=\"kpi\">\n                                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                                <path d=\"M12 7v5l4 2\" stroke=\"#128c4b\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n                                            </svg>\n                                            <div><strong>3, 6, 12‑month plans</strong><br/><span\n                                                    class=\"muted\">Depending on your bank</span></div>\n                                        </div>\n                                        <div class=\"kpi\">\n                                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                <path d=\"M4 7h16M4 12h16M4 17h10\" stroke=\"#128c4b\" stroke-width=\"2\"\n                                                    stroke-linecap=\"round\"/>\n                                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                            </svg>\n                                            <div><strong>Earn rewards & card points</strong><br/><span class=\"muted\">Keep your card benefits</span>\n                                            </div>\n                                        </div>\n                                        <div class=\"kpi\">\n                                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                <path d=\"M12 3v18M5 9h14M5 15h14\" stroke=\"#128c4b\" stroke-width=\"2\"\n                                                    stroke-linecap=\"round\"/>\n                                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                            </svg>\n                                            <div><strong>Use up to 90% of card limit</strong><br/><span class=\"muted\">Subject to bank policy</span>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div>\n                                <div class=\"card\">\n                                    <h3>At a glance</h3>\n                                    <ul class=\"list\">\n                                        <li><span class=\"dot\"></span> No upfront down payment required</li>\n                                        <li><span class=\"dot\"></span> First installment typically due in <strong>30–55 days</strong>\n                                        </li>\n                                        <li><span class=\"dot\"></span> Bank converts your purchase into installments within <strong>2–4\n                                            days</strong></li>\n                                    </ul>\n                                    <p class=\"notice\" role=\"note\">Your full purchase amount must be available in your credit card limit\n                                        at the\n                                        time of checkout. Your available limit will be reduced by that amount immediately.</p>\n                                </div>\n                            </div>\n                        </div>\n                    </header>\n\n                    <main class=\"container\">\n                        <section class=\"grid\">\n                            <div class=\"card\">\n                                <h2>How it works</h2>\n                                <ol class=\"list steps\">\n                                    <li>Select <strong>Amwal Bank Installments</strong> at checkout.</li>\n                                    <li>Choose your bank and the plan length (3, 6, or 12 months).</li>\n                                    <li>Pay using the credit card associated with that bank, or Apple Pay (linked to that card).</li>\n                                    <li>Your bank converts the purchase into monthly installments after approval.</li>\n                                </ol>\n                            </div>\n                            <div class=\"card\">\n                                <h2>Monthly payments</h2>\n                                <p>Installments are <strong>automatic</strong>: they're either debited from your bank balance or added\n                                    to your\n                                    card's monthly statement. No extra action is required from you.</p>\n                                <p class=\"notice\">Minimum purchase amounts for installments are set by each bank and merchant.</p>\n                            </div>\n                        </section>\n\n                        <section class=\"grid\">\n                            <div class=\"card example\">\n                                <h2>Examples</h2>\n                                <div class=\"pair\">\n                                    <h3>Al Rajhi Bank — Equal Monthly Installments</h3>\n                                    <p>A 6,000 SAR purchase is divided into equal monthly payments across your selected plan.</p>\n                                    <amwal-installments-timeline amount={6000} installments-count=\"12\" enable-installments=\"true\"  locale=\"en\" timeline-style=\"default\" footer-message=\"\"></amwal-installments-timeline>\n                                </div>\n                                <div class=\"pair\">\n                                    <h3>Saudi National Bank — 5% Monthly Installments</h3>\n                                    <p>Across a 12‑month plan, you pay <strong>5% of the total</strong> each cycle. At the end of the\n                                        term, the\n                                        remaining balance becomes due.</p>\n                                    <amwal-installments-timeline amount={6000} installments-count=\"12\" enable-installments=\"true\"  locale=\"en\" timeline-style=\"default\" footer-message=\"\"  installment-data='[{\"amount\":\"300.00\",\"dueDate\":\"2025-11-08\",\"status\":\"upcoming\",\"installmentNumber\":1},{\"amount\":\"300.00\",\"dueDate\":\"2025-12-08\",\"status\":\"upcoming\",\"installmentNumber\":2},{\"amount\":\"300.00\",\"dueDate\":\"2026-01-08\",\"status\":\"upcoming\",\"installmentNumber\":3},{\"amount\":\"300.00\",\"dueDate\":\"2026-02-08\",\"status\":\"upcoming\",\"installmentNumber\":4},{\"amount\":\"300.00\",\"dueDate\":\"2026-03-08\",\"status\":\"upcoming\",\"installmentNumber\":5},{\"amount\":\"300.00\",\"dueDate\":\"2026-04-08\",\"status\":\"upcoming\",\"installmentNumber\":6},{\"amount\":\"300.00\",\"dueDate\":\"2026-05-08\",\"status\":\"upcoming\",\"installmentNumber\":7},{\"amount\":\"300.00\",\"dueDate\":\"2026-06-08\",\"status\":\"upcoming\",\"installmentNumber\":8},{\"amount\":\"300.00\",\"dueDate\":\"2026-07-08\",\"status\":\"upcoming\",\"installmentNumber\":9},{\"amount\":\"300.00\",\"dueDate\":\"2026-08-08\",\"status\":\"upcoming\",\"installmentNumber\":10},{\"amount\":\"300.00\",\"dueDate\":\"2026-09-08\",\"status\":\"upcoming\",\"installmentNumber\":11},{\"amount\":\"300.00\",\"dueDate\":\"2026-10-08\",\"status\":\"upcoming\",\"installmentNumber\":12}]'></amwal-installments-timeline>\n                                </div>\n                            </div>\n                        </section>\n\n                        <section>\n                            <h2>FAQs</h2>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    Do I earn card rewards and points?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <p>Yes. You continue to earn your credit card rewards and points on eligible installment purchases,\n                                        as per\n                                        your bank's policy.</p>\n                                </div>\n                            </details>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    When is my first payment due?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <p>Typically within <strong>30–55 days</strong> from the purchase date, depending on your bank's\n                                        billing\n                                        cycle.</p>\n                                </div>\n                            </details>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    Does my card limit change?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <p>Yes. Your available credit limit is reduced by the full purchase amount at checkout. After\n                                        conversion to\n                                        installments, it may replenish as you pay installments (subject to bank policy).</p>\n                                </div>\n                            </details>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    Which plans are available?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <p>Common options are <strong>3, 6, and 12 months</strong>. Availability depends on your issuing\n                                        bank and\n                                        the merchant.</p>\n                                </div>\n                            </details>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    How quickly does the bank convert my purchase?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <p>Usually within <strong>2–4 days</strong> after a successful checkout.</p>\n                                </div>\n                            </details>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    Why was my installment request rejected?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <ul class=\"list\">\n                                        <li><span class=\"dot\"></span> Card isn't eligible for installments</li>\n                                        <li><span class=\"dot\"></span> More than four active installment plans on the same card</li>\n                                        <li><span class=\"dot\"></span> Using loaded/temporary balance to try to increase card limit</li>\n                                        <li><span class=\"dot\"></span> Requests are subject to the issuing bank's terms & conditions</li>\n                                    </ul>\n                                </div>\n                            </details>\n                        </section>\n\n                        <footer>\n                            <p>© <span id=\"year-en\"></span> Amwal. Information provided for customer guidance; actual eligibility,\n                                limits,\n                                and plans are determined by your issuing bank and merchant.</p>\n                        </footer>\n                    </main>\n                </div>\n        );\n    }\n\n    private renderArabicContent() {\n        return (\n                    <div class=\"lang-ar\">\n                        <header class=\"hero\">\n                            <div class=\"container hero-inner\">\n                                <div>\n                                    <span class=\"badge\" aria-label=\"Guide badge\">دليل المستخدم</span>\n                                    <h1 class=\"title\">أقساط البنوك من أمـوال</h1>\n                                    <p class=\"subtitle\">قسّم مشترياتك المؤهلة إلى دفعات شهرية ميسّرة مع بنكك — دون دفعة مقدّمة.</p>\n                                    <div class=\"hero-card\">\n                                        <div class=\"kpis\">\n                                            <div class=\"kpi\">\n                                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                    <path d=\"M20 6 9 17l-5-5\" stroke=\"#128c4b\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\"/>\n                                                </svg>\n                                                <div><strong>معدل موافقة يتجاوز ‎%95‎</strong><br/><span class=\"muted\">قرارات سريعة للبطاقات\n                                        المؤهلة</span></div>\n                                            </div>\n                                            <div class=\"kpi\">\n                                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                    <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                                    <path d=\"M12 7v5l4 2\" stroke=\"#128c4b\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n                                                </svg>\n                                                <div><strong>خطط 3 أو 6 أو 12 شهراً</strong><br/><span class=\"muted\">حسب بنكك</span></div>\n                                            </div>\n                                            <div class=\"kpi\">\n                                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                    <path d=\"M4 7h16M4 12h16M4 17h10\" stroke=\"#128c4b\" stroke-width=\"2\"\n                                                        stroke-linecap=\"round\"/>\n                                                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                                </svg>\n                                                <div><strong>اكسب المكافآت ونقاط البطاقة</strong><br/><span class=\"muted\">احتفظ بمزايا بطاقتك</span>\n                                                </div>\n                                            </div>\n                                            <div class=\"kpi\">\n                                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                    <path d=\"M12 3v18M5 9h14M5 15h14\" stroke=\"#128c4b\" stroke-width=\"2\"\n                                                        stroke-linecap=\"round\"/>\n                                                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                                </svg>\n                                                <div><strong>حتى ‎90%‎ من حد البطاقة</strong><br/><span\n                                                        class=\"muted\">وفقاً لسياسة البنك</span></div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div>\n                                    <div class=\"card\">\n                                        <h3>نظرة سريعة</h3>\n                                        <ul class=\"list\">\n                                            <li><span class=\"dot\"></span> لا توجد دفعة مقدّمة</li>\n                                            <li><span class=\"dot\"></span> أول دفعة عادةً خلال <strong>30–55 يوماً</strong></li>\n                                            <li><span class=\"dot\"></span> يحوّل البنك العملية إلى أقساط خلال <strong>2–4 أيام</strong></li>\n                                        </ul>\n                                        <p class=\"notice\" role=\"note\">يجب أن يكون كامل مبلغ الشراء متاحاً ضمن حد بطاقتك الائتمانية عند\n                                            الدفع. سيتم\n                                            حجز المبلغ كاملاً من حدك المتاح فوراً.</p>\n                                    </div>\n                                </div>\n                            </div>\n                        </header>\n\n                        <main class=\"container\">\n                            <section class=\"grid\">\n                                <div class=\"card\">\n                                    <h2>كيف تعمل؟</h2>\n                                    <ol class=\"list steps\">\n                                        <li>اختر <strong>أقساط أمـوال البنكية</strong> عند الدفع.</li>\n                                        <li>اختر بنكك ومدة الخطة (3 أو 6 أو 12 شهراً).</li>\n                                        <li>ادفع بالبطاقة المرتبطة بذلك البنك، أو عبر Apple Pay المرتبط بالبطاقة نفسها.</li>\n                                        <li>بعد الموافقة، يحوّل البنك الشراء إلى أقساط شهرية.</li>\n                                    </ol>\n                                </div>\n                                <div class=\"card\">\n                                    <h2>الدفعات الشهرية</h2>\n                                    <p>تُخصم الدفعات <strong>تلقائياً</strong> من رصيدك البنكي أو تُضاف إلى كشف بطاقتك الشهري. لا يلزمك أي\n                                        إجراء\n                                        إضافي.</p>\n                                    <p class=\"notice\">الحد الأدنى لقيمة الشراء للتقسيط يحدده كل بنك والتاجر.</p>\n                                </div>\n                            </section>\n\n                            <section class=\"grid\">\n                                <div class=\"card example\">\n                                    <h2>أمثلة</h2>\n                                    <div class=\"pair\">\n                                        <h3>مصرف الراجحي — أقساط شهرية متساوية</h3>\n                                        <p>يُقسَّم شراء بقيمة 6,000 ريال سعودي إلى دفعات شهرية متساوية حسب الخطة التي تختارها.</p>\n                                        <amwal-installments-timeline amount={6000} installments-count=\"12\" enable-installments=\"true\"  locale=\"ar\" timeline-style=\"default\" footer-message=\"\"></amwal-installments-timeline>\n                                    </div>\n                                    <div class=\"pair\">\n                                        <h3>البنك الأهلي السعودي — أقساط ‎5%‎ شهرياً</h3>\n                                        <p>ضمن خطة 12 شهراً، تدفع <strong>5% من الإجمالي</strong> في كل دورة. وفي نهاية المدة يُسدد الرصيد\n                                            المتبقي.\n                                        </p>\n                                        <amwal-installments-timeline amount={6000} installments-count=\"12\" enable-installments=\"true\"  locale=\"ar\" timeline-style=\"default\" footer-message=\"\"  installment-data='[{\"amount\":\"300.00\",\"dueDate\":\"2025-11-08\",\"status\":\"upcoming\",\"installmentNumber\":1},{\"amount\":\"300.00\",\"dueDate\":\"2025-12-08\",\"status\":\"upcoming\",\"installmentNumber\":2},{\"amount\":\"300.00\",\"dueDate\":\"2026-01-08\",\"status\":\"upcoming\",\"installmentNumber\":3},{\"amount\":\"300.00\",\"dueDate\":\"2026-02-08\",\"status\":\"upcoming\",\"installmentNumber\":4},{\"amount\":\"300.00\",\"dueDate\":\"2026-03-08\",\"status\":\"upcoming\",\"installmentNumber\":5},{\"amount\":\"300.00\",\"dueDate\":\"2026-04-08\",\"status\":\"upcoming\",\"installmentNumber\":6},{\"amount\":\"300.00\",\"dueDate\":\"2026-05-08\",\"status\":\"upcoming\",\"installmentNumber\":7},{\"amount\":\"300.00\",\"dueDate\":\"2026-06-08\",\"status\":\"upcoming\",\"installmentNumber\":8},{\"amount\":\"300.00\",\"dueDate\":\"2026-07-08\",\"status\":\"upcoming\",\"installmentNumber\":9},{\"amount\":\"300.00\",\"dueDate\":\"2026-08-08\",\"status\":\"upcoming\",\"installmentNumber\":10},{\"amount\":\"300.00\",\"dueDate\":\"2026-09-08\",\"status\":\"upcoming\",\"installmentNumber\":11},{\"amount\":\"300.00\",\"dueDate\":\"2026-10-08\",\"status\":\"upcoming\",\"installmentNumber\":12}]'></amwal-installments-timeline>\n                                    </div>\n                                </div>\n                            </section>\n\n                            <section class=\"FAQ\">\n                                <h2>الأسئلة الشائعة</h2>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        هل أكسب مكافآت ونقاط البطاقة؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <p>نعم. تستمر في كسب مكافآت البطاقة ونقاطها على المشتريات المؤهلة للتقسيط وفق سياسة بنكك.</p>\n                                    </div>\n                                </details>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        متى موعد أول دفعة؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <p>عادةً خلال <strong>30–55 يوماً</strong> من تاريخ الشراء، بحسب دورة الفوترة في بنكك.</p>\n                                    </div>\n                                </details>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        هل يتغير حد بطاقتي؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <p>نعم. يُحجز كامل مبلغ الشراء من حد بطاقتك المتاح عند الدفع. وبعد التحويل إلى أقساط قد يعود الحد\n                                            للتزايد مع\n                                            سدادك للأقساط (وفق سياسة البنك).</p>\n                                    </div>\n                                </details>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        ما الخطط المتاحة؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <p>الخيارات الشائعة هي <strong>3 أو 6 أو 12 شهراً</strong>. وتختلف الإتاحة حسب البنك المُصدر\n                                            والتاجر.</p>\n                                    </div>\n                                </details>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        كم يستغرق تحويل الشراء إلى أقساط؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <p>عادةً خلال <strong>2–4 أيام</strong> بعد إتمام الشراء بنجاح.</p>\n                                    </div>\n                                </details>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        لماذا رُفض طلب التقسيط؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <ul class=\"list\">\n                                            <li><span class=\"dot\"></span> البطاقة غير مؤهلة للتقسيط</li>\n                                            <li><span class=\"dot\"></span> وجود أكثر من أربع خطط تقسيط نشطة على البطاقة نفسها</li>\n                                            <li><span class=\"dot\"></span> استخدام رصيد مُحمّل/مؤقت لمحاولة زيادة الحد</li>\n                                            <li><span class=\"dot\"></span> الطلبات خاضعة لشروط وأحكام البنك المُصدر</li>\n                                        </ul>\n                                    </div>\n                                </details>\n                            </section>\n\n                            <footer>\n                                <p>© <span id=\"year-ar\"></span> أمـوال. المعلومات لغرض الإرشاد؛ الأهلية والحدود والخطط يحدّدها البنك المُصدر\n                                    والتاجر.</p>\n                            </footer>\n                        </main>\n                    </div>\n\n        );\n    }\n\n    render() {\n        return (\n            <div class=\"amwal-installments-guide\">\n                <div class=\"topbar\">\n                    <div class=\"topbar-inner\">\n                        <a class=\"brand\" href=\"https://amwal.tech\" target=\"_blank\" rel=\"noopener noreferrer\">\n                            <img class=\"brand-logo\" src=\"https://cdn.prod.website-files.com/62294ce746440b7bc08b4fc5/624352eb48193d537d329386_1-2.png\" alt=\"Amwal logo\"/>\n                        </a>\n                        <div class=\"lang-controls\">\n                            <label class=\"lang-en\">Language:</label>\n                            <label class=\"lang-ar\">اللغة:</label>\n                            <select\n                                class=\"lang-select\"\n                                aria-label=\"Language selector\"\n                                ref={(el) => this.selectRef = el}\n                                onChange={this.handleLanguageChange}\n                            >\n                                <option value=\"en\" selected>English</option>\n                                <option value=\"ar\">العربية</option>\n                            </select>\n                        </div>\n                    </div>\n                </div>\n                {this.currentLang === 'en' ? this.renderEnglishContent() : this.renderArabicContent()}\n            </div>\n        );\n    }\n}"],"mappings":"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"}

package/dist/checkout/p-b802b8c1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as o,e as s}from"./p-d7a430bf.js";import{shouldUseCloseWatcher as i}from"./p-88abdf59.js";import{p as a}from"./p-e187a77c.js";import{g as r,c as n,a as p}from"./p-3b75b22a.js";import"./p-d7fe59ee.js";const d="html.plt-mobile ion-app{user-select:none}html.plt-mobile ion-app [contenteditable]{user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";const c=class{constructor(e){t(this,e)}componentDidLoad(){{u((async()=>{const t=p(window,"hybrid");if(!n.getBoolean("_testing")){import("./p-c152bdea.js").then((t=>t.startTapClick(n)))}if(n.getBoolean("statusTap",t)){import("./p-361649c3.js").then((t=>t.startStatusTap()))}if(n.getBoolean("inputShims",f())){const t=p(window,"ios")?"ios":"android";import("./p-3b80783d.js").then((e=>e.startInputShims(n,t)))}const e=await import("./p-88abdf59.js");const o=t||i();if(n.getBoolean("hardwareBackButton",o)){e.startHardwareBackButton()}else{if(i()){a("experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used.")}e.blockHardwareBackButton()}if(typeof window!=="undefined"){import("./p-d60b2328.js").then((t=>t.startKeyboardAssist(window)))}import("./p-620fa0ec.js").then((t=>this.focusVisible=t.startFocusVisible()))}))}}async setFocus(t){if(this.focusVisible){this.focusVisible.setFocus(t)}}render(){const t=r(this);return e(o,{key:"6d7c57453b4be454690e8f1a0721f1e3da8f92aa",class:{[t]:true,"ion-page":true,"force-statusbar-padding":n.getBoolean("_forceStatusbarPadding")}})}get el(){return s(this)}};const f=()=>{const t=p(window,"ios")&&p(window,"mobile");if(t){return true}const e=p(window,"android")&&p(window,"mobileweb");if(e){return true}return false};const u=t=>{if("requestIdleCallback"in window){window.requestIdleCallback(t)}else{setTimeout(t,32)}};c.style=d;export{c as ion_app};
+//# sourceMappingURL=p-b802b8c1.entry.js.map