@amwaljs/checkout-button 0.3.2 → 0.3.3

package/dist/checkout/p-7f0004c9.js

@@ -1,4 +1,8 @@
-import{w as i,B as n}from"./p-d7a430bf.js";import{b as a}from"./p-b84d9e44.js";
+import{w as n,B as e}from"./p-d7a430bf.js";import{b as s}from"./p-b84d9e44.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const e="ionViewWillLeave",o="ionViewDidLeave",s="ionViewWillUnload",t=n=>new Promise(((a,e)=>{i((()=>{r(n),c(n).then((i=>{i.animation&&i.animation.destroy(),d(n),a(i)}),(i=>{d(n),e(i)}))}))})),r=i=>{const n=i.enteringEl,a=i.leavingEl;V(n,a,i.direction),i.showGoBack?n.classList.add("can-go-back"):n.classList.remove("can-go-back"),P(n,!1),n.style.setProperty("pointer-events","none"),a&&(P(a,!1),a.style.setProperty("pointer-events","none"))},c=async i=>{const a=await p(i);return a&&n.isBrowser?w(a,i):l(i)},d=i=>{const n=i.enteringEl,a=i.leavingEl;n.classList.remove("ion-page-invisible"),n.style.removeProperty("pointer-events"),void 0!==a&&(a.classList.remove("ion-page-invisible"),a.style.removeProperty("pointer-events"))},p=async i=>{if(i.leavingEl&&i.animated&&0!==i.duration)return i.animationBuilder?i.animationBuilder:"ios"===i.mode?(await import("./p-4f78d3a0.js")).iosTransitionAnimation:(await import("./p-b038db20.js")).mdTransitionAnimation},w=async(i,n)=>{await b(n,!0);const a=i(n.baseEl,n);u(n.enteringEl,n.leavingEl);const e=await v(a,n);return n.progressCallback&&n.progressCallback(void 0),e&&f(n.enteringEl,n.leavingEl),{hasCompleted:e,animation:a}},l=async i=>{const n=i.enteringEl,a=i.leavingEl;return await b(i,!1),u(n,a),f(n,a),{hasCompleted:!0}},b=async(i,n)=>{(void 0!==i.deepWait?i.deepWait:n)&&await Promise.all([h(i.enteringEl),h(i.leavingEl)]),await m(i.viewIsReady,i.enteringEl)},m=async(i,n)=>{i&&await i(n)},v=(i,n)=>{const a=n.progressCallback,e=new Promise((n=>{i.onFinish((i=>n(1===i)))}));return a?(i.progressStart(!0),a(i)):i.play(),e},u=(i,n)=>{g(n,e),g(i,"ionViewWillEnter")},f=(i,n)=>{g(i,"ionViewDidEnter"),g(n,o)},g=(i,n)=>{if(i){const a=new CustomEvent(n,{bubbles:!1,cancelable:!1});i.dispatchEvent(a)}},y=()=>new Promise((i=>a((()=>a((()=>i())))))),h=async i=>{const n=i;if(n){if(null!=n.componentOnReady){if(null!=await n.componentOnReady())return}else if(null!=n.__registerHost){const i=new Promise((i=>a(i)));return void await i}await Promise.all(Array.from(n.children).map(h))}},P=(i,n)=>{n?(i.setAttribute("aria-hidden","true"),i.classList.add("ion-page-hidden")):(i.hidden=!1,i.removeAttribute("aria-hidden"),i.classList.remove("ion-page-hidden"))},V=(i,n,a)=>{void 0!==i&&(i.style.zIndex="back"===a?"99":"101"),void 0!==n&&(n.style.zIndex="100")},j=i=>{if(i.classList.contains("ion-page"))return i;return i.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")||i};export{s as L,e as a,o as b,h as d,j as g,g as l,P as s,t,y as w}
+ */const t="ionViewWillEnter";const i="ionViewDidEnter";const o="ionViewWillLeave";const a="ionViewDidLeave";const c="ionViewWillUnload";
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const r=()=>import("./p-4f78d3a0.js");const f=()=>import("./p-b038db20.js");const l=e=>new Promise(((s,t)=>{n((()=>{d(e);u(e).then((n=>{if(n.animation){n.animation.destroy()}p(e);s(n)}),(n=>{p(e);t(n)}))}))}));const d=n=>{const e=n.enteringEl;const s=n.leavingEl;E(e,s,n.direction);if(n.showGoBack){e.classList.add("can-go-back")}else{e.classList.remove("can-go-back")}C(e,false);e.style.setProperty("pointer-events","none");if(s){C(s,false);s.style.setProperty("pointer-events","none")}};const u=async n=>{const s=await w(n);const t=s&&e.isBrowser?b(s,n):m(n);return t};const p=n=>{const e=n.enteringEl;const s=n.leavingEl;e.classList.remove("ion-page-invisible");e.style.removeProperty("pointer-events");if(s!==undefined){s.classList.remove("ion-page-invisible");s.style.removeProperty("pointer-events")}};const w=async n=>{if(!n.leavingEl||!n.animated||n.duration===0){return undefined}if(n.animationBuilder){return n.animationBuilder}const e=n.mode==="ios"?(await r()).iosTransitionAnimation:(await f()).mdTransitionAnimation;return e};const b=async(n,e)=>{await v(e,true);const s=n(e.baseEl,e);h(e.enteringEl,e.leavingEl);const t=await y(s,e);if(e.progressCallback){e.progressCallback(undefined)}if(t){P(e.enteringEl,e.leavingEl)}return{hasCompleted:t,animation:s}};const m=async n=>{const e=n.enteringEl;const s=n.leavingEl;await v(n,false);h(e,s);P(e,s);return{hasCompleted:true}};const v=async(n,e)=>{const s=n.deepWait!==undefined?n.deepWait:e;if(s){await Promise.all([k(n.enteringEl),k(n.leavingEl)])}await g(n.viewIsReady,n.enteringEl)};const g=async(n,e)=>{if(n){await n(e)}};const y=(n,e)=>{const s=e.progressCallback;const t=new Promise((e=>{n.onFinish((n=>e(n===1)))}));if(s){n.progressStart(true);s(n)}else{n.play()}return t};const h=(n,e)=>{V(e,o);V(n,t)};const P=(n,e)=>{V(n,i);V(e,a)};const V=(n,e)=>{if(n){const s=new CustomEvent(e,{bubbles:false,cancelable:false});n.dispatchEvent(s)}};const j=()=>new Promise((n=>s((()=>s((()=>n()))))));const k=async n=>{const e=n;if(e){if(e.componentOnReady!=null){const n=await e.componentOnReady();if(n!=null){return}}else if(e.__registerHost!=null){const n=new Promise((n=>s(n)));await n;return}await Promise.all(Array.from(e.children).map(k))}};const C=(n,e)=>{if(e){n.setAttribute("aria-hidden","true");n.classList.add("ion-page-hidden")}else{n.hidden=false;n.removeAttribute("aria-hidden");n.classList.remove("ion-page-hidden")}};const E=(n,e,s)=>{if(n!==undefined){n.style.zIndex=s==="back"?"99":"101"}if(e!==undefined){e.style.zIndex="100"}};const L=n=>{if(n.classList.contains("ion-page")){return n}const e=n.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs");if(e){return e}return n};export{c as L,o as a,a as b,k as d,L as g,V as l,C as s,l as t,j as w};
+//# sourceMappingURL=p-7f0004c9.js.map

package/dist/checkout/p-7f0004c9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LIFECYCLE_WILL_ENTER","LIFECYCLE_DID_ENTER","LIFECYCLE_WILL_LEAVE","LIFECYCLE_DID_LEAVE","LIFECYCLE_WILL_UNLOAD","iosTransitionAnimation","import","mdTransitionAnimation","transition","opts","Promise","resolve","reject","writeTask","beforeTransition","runTransition","then","result","animation","destroy","afterTransition","error","enteringEl","leavingEl","setZIndex","direction","showGoBack","classList","add","remove","setPageHidden","style","setProperty","async","animationBuilder","getAnimationBuilder","ani","Build","isBrowser","noAnimation","removeProperty","undefined","animated","duration","getAnimation","mode","waitForReady","trans","baseEl","fireWillEvents","didComplete","playTransition","progressCallback","fireDidEvents","hasCompleted","defaultDeep","deep","deepWait","all","deepReady","notifyViewReady","viewIsReady","promise","onFinish","currentStep","progressStart","play","lifecycle","el","eventName","ev","CustomEvent","bubbles","cancelable","dispatchEvent","waitForMount","raf","element","componentOnReady","stencilEl","__registerHost","waitForCustomElement","Array","from","children","map","hidden","setAttribute","removeAttribute","zIndex","getIonPageElement","contains","ionPage","querySelector"],"sources":["./node_modules/@ionic/core/dist/collection/components/nav/constants.js","./node_modules/@ionic/core/dist/collection/utils/transition/index.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nexport const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';\nexport const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';\nexport const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';\nexport const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';\nexport const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';\n","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Build, writeTask } from \"@stencil/core\";\nimport { LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE, } from \"../../components/nav/constants\";\nimport { raf } from \"../helpers\";\nconst iosTransitionAnimation = () => import('./ios.transition');\nconst mdTransitionAnimation = () => import('./md.transition');\n// TODO(FW-2832): types\nexport const transition = (opts) => {\n    return new Promise((resolve, reject) => {\n        writeTask(() => {\n            beforeTransition(opts);\n            runTransition(opts).then((result) => {\n                if (result.animation) {\n                    result.animation.destroy();\n                }\n                afterTransition(opts);\n                resolve(result);\n            }, (error) => {\n                afterTransition(opts);\n                reject(error);\n            });\n        });\n    });\n};\nconst beforeTransition = (opts) => {\n    const enteringEl = opts.enteringEl;\n    const leavingEl = opts.leavingEl;\n    setZIndex(enteringEl, leavingEl, opts.direction);\n    if (opts.showGoBack) {\n        enteringEl.classList.add('can-go-back');\n    }\n    else {\n        enteringEl.classList.remove('can-go-back');\n    }\n    setPageHidden(enteringEl, false);\n    /**\n     * When transitioning, the page should not\n     * respond to click events. This resolves small\n     * issues like users double tapping the ion-back-button.\n     * These pointer events are removed in `afterTransition`.\n     */\n    enteringEl.style.setProperty('pointer-events', 'none');\n    if (leavingEl) {\n        setPageHidden(leavingEl, false);\n        leavingEl.style.setProperty('pointer-events', 'none');\n    }\n};\nconst runTransition = async (opts) => {\n    const animationBuilder = await getAnimationBuilder(opts);\n    const ani = animationBuilder && Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation\n    return ani;\n};\nconst afterTransition = (opts) => {\n    const enteringEl = opts.enteringEl;\n    const leavingEl = opts.leavingEl;\n    enteringEl.classList.remove('ion-page-invisible');\n    enteringEl.style.removeProperty('pointer-events');\n    if (leavingEl !== undefined) {\n        leavingEl.classList.remove('ion-page-invisible');\n        leavingEl.style.removeProperty('pointer-events');\n    }\n};\nconst getAnimationBuilder = async (opts) => {\n    if (!opts.leavingEl || !opts.animated || opts.duration === 0) {\n        return undefined;\n    }\n    if (opts.animationBuilder) {\n        return opts.animationBuilder;\n    }\n    const getAnimation = opts.mode === 'ios'\n        ? (await iosTransitionAnimation()).iosTransitionAnimation\n        : (await mdTransitionAnimation()).mdTransitionAnimation;\n    return getAnimation;\n};\nconst animation = async (animationBuilder, opts) => {\n    await waitForReady(opts, true);\n    const trans = animationBuilder(opts.baseEl, opts);\n    fireWillEvents(opts.enteringEl, opts.leavingEl);\n    const didComplete = await playTransition(trans, opts);\n    if (opts.progressCallback) {\n        opts.progressCallback(undefined);\n    }\n    if (didComplete) {\n        fireDidEvents(opts.enteringEl, opts.leavingEl);\n    }\n    return {\n        hasCompleted: didComplete,\n        animation: trans,\n    };\n};\nconst noAnimation = async (opts) => {\n    const enteringEl = opts.enteringEl;\n    const leavingEl = opts.leavingEl;\n    await waitForReady(opts, false);\n    fireWillEvents(enteringEl, leavingEl);\n    fireDidEvents(enteringEl, leavingEl);\n    return {\n        hasCompleted: true,\n    };\n};\nconst waitForReady = async (opts, defaultDeep) => {\n    const deep = opts.deepWait !== undefined ? opts.deepWait : defaultDeep;\n    if (deep) {\n        await Promise.all([deepReady(opts.enteringEl), deepReady(opts.leavingEl)]);\n    }\n    await notifyViewReady(opts.viewIsReady, opts.enteringEl);\n};\nconst notifyViewReady = async (viewIsReady, enteringEl) => {\n    if (viewIsReady) {\n        await viewIsReady(enteringEl);\n    }\n};\nconst playTransition = (trans, opts) => {\n    const progressCallback = opts.progressCallback;\n    const promise = new Promise((resolve) => {\n        trans.onFinish((currentStep) => resolve(currentStep === 1));\n    });\n    // cool, let's do this, start the transition\n    if (progressCallback) {\n        // this is a swipe to go back, just get the transition progress ready\n        // kick off the swipe animation start\n        trans.progressStart(true);\n        progressCallback(trans);\n    }\n    else {\n        // only the top level transition should actually start \"play\"\n        // kick it off and let it play through\n        // ******** DOM WRITE ****************\n        trans.play();\n    }\n    // create a callback for when the animation is done\n    return promise;\n};\nconst fireWillEvents = (enteringEl, leavingEl) => {\n    lifecycle(leavingEl, LIFECYCLE_WILL_LEAVE);\n    lifecycle(enteringEl, LIFECYCLE_WILL_ENTER);\n};\nconst fireDidEvents = (enteringEl, leavingEl) => {\n    lifecycle(enteringEl, LIFECYCLE_DID_ENTER);\n    lifecycle(leavingEl, LIFECYCLE_DID_LEAVE);\n};\nexport const lifecycle = (el, eventName) => {\n    if (el) {\n        const ev = new CustomEvent(eventName, {\n            bubbles: false,\n            cancelable: false,\n        });\n        el.dispatchEvent(ev);\n    }\n};\n/**\n * Wait two request animation frame loops.\n * This allows the framework implementations enough time to mount\n * the user-defined contents. This is often needed when using inline\n * modals and popovers that accept user components. For popover,\n * the contents must be mounted for the popover to be sized correctly.\n * For modals, the contents must be mounted for iOS to run the\n * transition correctly.\n *\n * On Angular and React, a single raf is enough time, but for Vue\n * we need to wait two rafs. As a result we are using two rafs for\n * all frameworks to ensure contents are mounted.\n */\nexport const waitForMount = () => {\n    return new Promise((resolve) => raf(() => raf(() => resolve())));\n};\nexport const deepReady = async (el) => {\n    const element = el;\n    if (element) {\n        if (element.componentOnReady != null) {\n            // eslint-disable-next-line custom-rules/no-component-on-ready-method\n            const stencilEl = await element.componentOnReady();\n            if (stencilEl != null) {\n                return;\n            }\n            /**\n             * Custom elements in Stencil will have __registerHost.\n             */\n        }\n        else if (element.__registerHost != null) {\n            /**\n             * Non-lazy loaded custom elements need to wait\n             * one frame for component to be loaded.\n             */\n            const waitForCustomElement = new Promise((resolve) => raf(resolve));\n            await waitForCustomElement;\n            return;\n        }\n        await Promise.all(Array.from(element.children).map(deepReady));\n    }\n};\nexport const setPageHidden = (el, hidden) => {\n    if (hidden) {\n        el.setAttribute('aria-hidden', 'true');\n        el.classList.add('ion-page-hidden');\n    }\n    else {\n        el.hidden = false;\n        el.removeAttribute('aria-hidden');\n        el.classList.remove('ion-page-hidden');\n    }\n};\nconst setZIndex = (enteringEl, leavingEl, direction) => {\n    if (enteringEl !== undefined) {\n        enteringEl.style.zIndex = direction === 'back' ? '99' : '101';\n    }\n    if (leavingEl !== undefined) {\n        leavingEl.style.zIndex = '100';\n    }\n};\nexport const getIonPageElement = (element) => {\n    if (element.classList.contains('ion-page')) {\n        return element;\n    }\n    const ionPage = element.querySelector(':scope > .ion-page, :scope > ion-nav, :scope > ion-tabs');\n    if (ionPage) {\n        return ionPage;\n    }\n    // idk, return the original element so at least something animates and we don't have a null pointer\n    return element;\n};\n"],"mappings":"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"}

package/dist/checkout/p-7f223616.entry.js

@@ -0,0 +1,2 @@
+import{r as o,i as t,h as n,H as e,e as i}from"./p-d7a430bf.js";import{a as r,r as a,d as c}from"./p-b84d9e44.js";import{h as s}from"./p-350e7423.js";import{g as d}from"./p-3b75b22a.js";const l=':host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:flex;position:relative;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;font-kerning:none}.button-native{border-radius:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);transform:translate3d(0,  0,  0);display:flex;position:relative;flex-direction:inherit;flex-grow:1;align-items:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{display:flex;position:relative;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(:focus){outline:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){flex-shrink:0;order:-1;pointer-events:none}::slotted(ion-label){display:block;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{transform-origin:left;position:absolute;opacity:0;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);transform:var(--indicator-transform);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{transform:none}.segment-button-indicator-animated{transition:none}}:host{--background:none;--background-checked:none;--background-hover:none;--background-hover-opacity:0;--background-focused:none;--background-focused-opacity:0;--border-radius:7px;--border-width:1px;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--border-style:solid;--indicator-box-shadow:0 0 5px rgba(0, 0, 0, 0.16);--indicator-color:var(--ion-color-step-350, var(--ion-background-color, #fff));--indicator-height:100%;--indicator-transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--transition:100ms all linear;--padding-top:0;--padding-end:13px;--padding-bottom:0;--padding-start:13px;margin-top:2px;margin-bottom:2px;position:relative;flex-direction:row;min-width:70px;min-height:28px;transform:translate3d(0, 0, 0);font-size:13px;font-weight:450;line-height:37px}:host::before{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;transition:160ms opacity ease-in-out;transition-delay:100ms;border-left:var(--border-width) var(--border-style) var(--border-color);content:"";opacity:1;will-change:opacity}:host(:first-of-type)::before{border-left-color:transparent}:host(.segment-button-disabled){opacity:0.3}::slotted(ion-icon){font-size:24px}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:2px;margin-inline-end:2px}.segment-button-indicator{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;left:0;right:0;top:0;bottom:0}.segment-button-indicator-background{border-radius:var(--border-radius);background:var(--indicator-color)}.segment-button-indicator-background{transition:var(--indicator-transition)}:host(.segment-button-checked)::before,:host(.segment-button-after-checked)::before{opacity:0}:host(.segment-button-checked){z-index:-1}:host(.segment-button-activated){--indicator-transform:scale(0.95)}:host(.ion-focused) .button-native{opacity:0.7}@media (any-hover: hover){:host(:hover) .button-native{opacity:0.5}:host(.segment-button-checked:hover) .button-native{opacity:1}}:host(.in-segment-color){background:none;color:var(--ion-text-color, #000)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-step-350, var(--ion-background-color, #fff))}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native,:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-text-color, #000)}}:host(.in-toolbar:not(.in-segment-color)){--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, var(--ion-toolbar-color), initial);--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-toolbar-color), initial);--indicator-color:var(--ion-toolbar-segment-indicator-color, var(--ion-color-step-350, var(--ion-background-color, #fff)))}:host(.in-toolbar-color) .segment-button-indicator-background{background:var(--ion-color-contrast)}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color):hover) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color):hover) .button-native{color:var(--ion-color-base)}}';const b=':host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:flex;position:relative;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;font-kerning:none}.button-native{border-radius:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);transform:translate3d(0,  0,  0);display:flex;position:relative;flex-direction:inherit;flex-grow:1;align-items:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{display:flex;position:relative;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(:focus){outline:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){flex-shrink:0;order:-1;pointer-events:none}::slotted(ion-label){display:block;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{transform-origin:left;position:absolute;opacity:0;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);transform:var(--indicator-transform);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{transform:none}.segment-button-indicator-animated{transition:none}}:host{--background:none;--background-checked:none;--background-hover:var(--color-checked);--background-focused:var(--color-checked);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04;--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #3880ff);--indicator-box-shadow:none;--indicator-color:var(--color-checked);--indicator-height:2px;--indicator-transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--padding-top:0;--padding-end:16px;--padding-bottom:0;--padding-start:16px;--transition:color 0.15s linear 0s, opacity 0.15s linear 0s;min-width:90px;min-height:48px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);font-size:14px;font-weight:500;letter-spacing:0.06em;line-height:40px;text-transform:uppercase}:host(.segment-button-disabled){opacity:0.3}:host(.in-segment-color){background:none;color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color) ion-ripple-effect{color:var(--ion-color-base)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked) .button-native{color:var(--ion-color-base)}:host(.in-segment-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color:hover) .button-native::after{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-segment-color)){--background:var(--ion-toolbar-segment-background, none);--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6));--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-color-primary, #3880ff));--indicator-color:var(--ion-toolbar-segment-color-checked, var(--color-checked))}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:rgba(var(--ion-color-contrast-rgb), 0.6)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color)) .button-native::after{background:var(--ion-color-contrast)}}::slotted(ion-icon){margin-top:12px;margin-bottom:12px;font-size:24px}::slotted(ion-label){margin-top:12px;margin-bottom:12px}:host(.segment-button-layout-icon-top) ::slotted(ion-label),:host(.segment-button-layout-icon-bottom) ::slotted(ion-icon){margin-top:0}:host(.segment-button-layout-icon-top) ::slotted(ion-icon),:host(.segment-button-layout-icon-bottom) ::slotted(ion-label){margin-bottom:0}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}:host(.segment-button-has-icon-only) ::slotted(ion-icon){margin-top:12px;margin-bottom:12px}:host(.segment-button-has-label-only) ::slotted(ion-label){margin-top:12px;margin-bottom:12px}.segment-button-indicator{left:0;right:0;bottom:0}.segment-button-indicator-background{background:var(--indicator-color)}:host(.in-toolbar:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-toolbar-segment-indicator-color, var(--indicator-color))}:host(.in-toolbar-color:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-color-contrast)}';let g=0;const h=class{constructor(n){o(this,n);this.segmentEl=null;this.inheritedAttributes={};this.updateStyle=()=>{t(this)};this.updateState=()=>{const{segmentEl:o}=this;if(o){this.checked=o.value===this.value;if(o.disabled){this.disabled=true}}};this.checked=false;this.disabled=false;this.layout="icon-top";this.type="button";this.value="ion-sb-"+g++}valueChanged(){this.updateState()}connectedCallback(){const o=this.segmentEl=this.el.closest("ion-segment");if(o){this.updateState();r(o,"ionSelect",this.updateState);r(o,"ionStyle",this.updateStyle)}}disconnectedCallback(){const o=this.segmentEl;if(o){a(o,"ionSelect",this.updateState);a(o,"ionStyle",this.updateStyle);this.segmentEl=null}}componentWillLoad(){this.inheritedAttributes=Object.assign({},c(this.el,["aria-label"]))}get hasLabel(){return!!this.el.querySelector("ion-label")}get hasIcon(){return!!this.el.querySelector("ion-icon")}async setFocus(){const{nativeEl:o}=this;if(o!==undefined){o.focus()}}render(){const{checked:o,type:t,disabled:i,hasIcon:r,hasLabel:a,layout:c,segmentEl:l}=this;const b=d(this);const g=()=>(l===null||l===void 0?void 0:l.color)!==undefined;return n(e,{key:"daed55711fdb550747d2ad5fb6e012bff6f6b176",class:{[b]:true,"in-toolbar":s("ion-toolbar",this.el),"in-toolbar-color":s("ion-toolbar[color]",this.el),"in-segment":s("ion-segment",this.el),"in-segment-color":g(),"segment-button-has-label":a,"segment-button-has-icon":r,"segment-button-has-label-only":a&&!r,"segment-button-has-icon-only":r&&!a,"segment-button-disabled":i,"segment-button-checked":o,[`segment-button-layout-${c}`]:true,"ion-activatable":true,"ion-activatable-instant":true,"ion-focusable":true}},n("button",Object.assign({key:"851a4b8ff7e45f5fc559c4d8e9c3102441dbd10e","aria-selected":o?"true":"false",role:"tab",ref:o=>this.nativeEl=o,type:t,class:"button-native",part:"native",disabled:i},this.inheritedAttributes),n("span",{key:"b2dc87747e81ce49dfa1269355027d9380226a6a",class:"button-inner"},n("slot",{key:"00e21fdcafb533605518beebb9557c724fc88e76"})),b==="md"&&n("ion-ripple-effect",{key:"358c90ab1b43aae3bc6eb1e58fb38d4892894a68"})),n("div",{key:"20fd3f7c43dd117541314e852d894af855050707",part:"indicator",class:{"segment-button-indicator":true,"segment-button-indicator-animated":true}},n("div",{key:"bebdeb84466c404d52ce48feda1ece5fb1f202b0",part:"indicator-background",class:"segment-button-indicator-background"})))}get el(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};h.style={ios:l,md:b};export{h as ion_segment_button};
+//# sourceMappingURL=p-7f223616.entry.js.map

package/dist/checkout/p-7f223616.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["segmentButtonIosCss","segmentButtonMdCss","ids","SegmentButton","constructor","hostRef","this","segmentEl","inheritedAttributes","updateStyle","forceUpdate","updateState","checked","value","disabled","layout","type","valueChanged","connectedCallback","el","closest","addEventListener","disconnectedCallback","removeEventListener","componentWillLoad","Object","assign","inheritAttributes","hasLabel","querySelector","hasIcon","async","nativeEl","undefined","focus","render","mode","getIonMode","hasSegmentColor","color","h","Host","key","class","hostContext","role","ref","part"],"sources":["./node_modules/@ionic/core/dist/collection/components/segment-button/segment-button.ios.css?tag=ion-segment-button&mode=ios&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/segment-button/segment-button.md.css?tag=ion-segment-button&mode=md&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/segment-button/segment-button.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   * @prop --background-checked: Background of the checked segment button\n   *\n   * @prop --background-hover: Background of the segment button on hover\n   * @prop --background-focused: Background of the segment button when focused with the tab key\n   *\n   * @prop --background-hover-opacity: Opacity of the segment button background on hover\n   * @prop --background-focused-opacity: Opacity of the segment button background when focused with the tab key\n   *\n   * @prop --color: Color of the segment button\n   * @prop --color-checked: Color of the checked segment button\n   * @prop --color-hover: Color of the segment button on hover\n   * @prop --color-focused: Color of the segment button when focused with the tab key\n   *\n   * @prop --border-radius: Radius of the segment button border\n   * @prop --border-color: Color of the segment button border\n   * @prop --border-style: Style of the segment button border\n   * @prop --border-width: Width of the segment button border\n   *\n   * @prop --margin-top: Top margin of the segment button\n   * @prop --margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the segment button\n   * @prop --margin-bottom: Bottom margin of the segment button\n   * @prop --margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the segment button\n   *\n   * @prop --padding-top: Top padding of the segment button\n   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the segment button\n   * @prop --padding-bottom: Bottom padding of the segment button\n   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the segment button\n   *\n   * @prop --transition: Transition of the segment button\n   *\n   * @prop --indicator-height: Height of the indicator for the checked segment button\n   * @prop --indicator-box-shadow: Box shadow on the indicator for the checked segment button\n   * @prop --indicator-color: Color of the indicator for the checked segment button\n   * @prop --indicator-transition: Transition of the indicator for the checked segment button\n   * @prop --indicator-transform: Transform of the indicator for the checked segment button\n   */\n  --color: initial;\n  --color-hover: var(--color);\n  --color-checked: var(--color);\n  --color-disabled: var(--color);\n  --padding-start: 0;\n  --padding-end: 0;\n  --padding-top: 0;\n  --padding-bottom: 0;\n  border-radius: var(--border-radius);\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  height: auto;\n  background: var(--background);\n  color: var(--color);\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n  grid-row: 1;\n  font-kerning: none;\n}\n\n.button-native {\n  border-radius: 0;\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  -webkit-margin-start: var(--margin-start);\n  margin-inline-start: var(--margin-start);\n  -webkit-margin-end: var(--margin-end);\n  margin-inline-end: var(--margin-end);\n  margin-top: var(--margin-top);\n  margin-bottom: var(--margin-bottom);\n  -webkit-padding-start: var(--padding-start);\n  padding-inline-start: var(--padding-start);\n  -webkit-padding-end: var(--padding-end);\n  padding-inline-end: var(--padding-end);\n  padding-top: var(--padding-top);\n  padding-bottom: var(--padding-bottom);\n  transform: translate3d(0,  0,  0);\n  display: flex;\n  position: relative;\n  flex-direction: inherit;\n  flex-grow: 1;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: inherit;\n  max-width: inherit;\n  height: auto;\n  min-height: inherit;\n  max-height: inherit;\n  transition: var(--transition);\n  border: none;\n  outline: none;\n  background: transparent;\n  contain: content;\n  pointer-events: none;\n  overflow: hidden;\n  z-index: 2;\n}\n\n.button-native::after {\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  position: absolute;\n  content: \"\";\n  opacity: 0;\n}\n\n.button-inner {\n  display: flex;\n  position: relative;\n  flex-flow: inherit;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n:host(.segment-button-checked) {\n  background: var(--background-checked);\n  color: var(--color-checked);\n}\n\n:host(.segment-button-disabled) {\n  cursor: default;\n  pointer-events: none;\n}\n\n:host(.ion-focused) .button-native {\n  color: var(--color-focused);\n}\n:host(.ion-focused) .button-native::after {\n  background: var(--background-focused);\n  opacity: var(--background-focused-opacity);\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n@media (any-hover: hover) {\n  :host(:hover) .button-native {\n    color: var(--color-hover);\n  }\n  :host(:hover) .button-native::after {\n    background: var(--background-hover);\n    opacity: var(--background-hover-opacity);\n  }\n  :host(.segment-button-checked:hover) .button-native {\n    color: var(--color-checked);\n  }\n}\n::slotted(ion-icon) {\n  flex-shrink: 0;\n  order: -1;\n  pointer-events: none;\n}\n\n::slotted(ion-label) {\n  display: block;\n  align-self: center;\n  max-width: 100%;\n  line-height: 22px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  box-sizing: border-box;\n  pointer-events: none;\n}\n\n:host(.segment-button-layout-icon-top) .button-native {\n  flex-direction: column;\n}\n\n:host(.segment-button-layout-icon-start) .button-native {\n  flex-direction: row;\n}\n\n:host(.segment-button-layout-icon-end) .button-native {\n  flex-direction: row-reverse;\n}\n\n:host(.segment-button-layout-icon-bottom) .button-native {\n  flex-direction: column-reverse;\n}\n\n:host(.segment-button-layout-icon-hide) ::slotted(ion-icon) {\n  display: none;\n}\n\n:host(.segment-button-layout-label-hide) ::slotted(ion-label) {\n  display: none;\n}\n\nion-ripple-effect {\n  color: var(--ripple-color, var(--color-checked));\n}\n\n.segment-button-indicator {\n  transform-origin: left;\n  position: absolute;\n  opacity: 0;\n  box-sizing: border-box;\n  will-change: transform, opacity;\n  pointer-events: none;\n}\n\n.segment-button-indicator-background {\n  width: 100%;\n  height: var(--indicator-height);\n  transform: var(--indicator-transform);\n  box-shadow: var(--indicator-box-shadow);\n  pointer-events: none;\n}\n\n.segment-button-indicator-animated {\n  transition: var(--indicator-transition);\n}\n\n:host(.segment-button-checked) .segment-button-indicator {\n  opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .segment-button-indicator-background {\n    transform: none;\n  }\n  .segment-button-indicator-animated {\n    transition: 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:host {\n  --background: none;\n  --background-checked: none;\n  --background-hover: none;\n  --background-hover-opacity: 0;\n  --background-focused: none;\n  --background-focused-opacity: 0;\n  --border-radius: 7px;\n  --border-width: 1px;\n  --border-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);\n  --border-style: solid;\n  --indicator-box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);\n  --indicator-color: var(--ion-color-step-350, var(--ion-background-color, #fff));\n  --indicator-height: 100%;\n  --indicator-transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1);\n  --indicator-transform: none;\n  --transition: 100ms all linear;\n  --padding-top: 0;\n  --padding-end: 13px;\n  --padding-bottom: 0;\n  --padding-start: 13px;\n  margin-top: 2px;\n  margin-bottom: 2px;\n  position: relative;\n  flex-direction: row;\n  min-width: 70px;\n  min-height: 28px;\n  transform: translate3d(0, 0, 0);\n  font-size: 13px;\n  font-weight: 450;\n  line-height: 37px;\n}\n\n:host::before {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 5px;\n  margin-bottom: 5px;\n  transition: 160ms opacity ease-in-out;\n  transition-delay: 100ms;\n  border-left: var(--border-width) var(--border-style) var(--border-color);\n  content: \"\";\n  opacity: 1;\n  will-change: opacity;\n}\n\n:host(:first-of-type)::before {\n  border-left-color: transparent;\n}\n\n:host(.segment-button-disabled) {\n  opacity: 0.3;\n}\n\n::slotted(ion-icon) {\n  font-size: 24px;\n}\n\n:host(.segment-button-layout-icon-start) ::slotted(ion-label) {\n  -webkit-margin-start: 2px;\n  margin-inline-start: 2px;\n  -webkit-margin-end: 0;\n  margin-inline-end: 0;\n}\n\n:host(.segment-button-layout-icon-end) ::slotted(ion-label) {\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 2px;\n  margin-inline-end: 2px;\n}\n\n.segment-button-indicator {\n  -webkit-padding-start: 2px;\n  padding-inline-start: 2px;\n  -webkit-padding-end: 2px;\n  padding-inline-end: 2px;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n\n.segment-button-indicator-background {\n  border-radius: var(--border-radius);\n  background: var(--indicator-color);\n}\n\n.segment-button-indicator-background {\n  transition: var(--indicator-transition);\n}\n\n:host(.segment-button-checked)::before,\n:host(.segment-button-after-checked)::before {\n  opacity: 0;\n}\n\n:host(.segment-button-checked) {\n  z-index: -1;\n}\n\n:host(.segment-button-activated) {\n  --indicator-transform: scale(0.95);\n}\n\n:host(.ion-focused) .button-native {\n  opacity: 0.7;\n}\n\n@media (any-hover: hover) {\n  :host(:hover) .button-native {\n    opacity: 0.5;\n  }\n  :host(.segment-button-checked:hover) .button-native {\n    opacity: 1;\n  }\n}\n:host(.in-segment-color) {\n  background: none;\n  color: var(--ion-text-color, #000);\n}\n\n:host(.in-segment-color) .segment-button-indicator-background {\n  background: var(--ion-color-step-350, var(--ion-background-color, #fff));\n}\n\n@media (any-hover: hover) {\n  :host(.in-segment-color:hover) .button-native,\n  :host(.in-segment-color.segment-button-checked:hover) .button-native {\n    color: var(--ion-text-color, #000);\n  }\n}\n:host(.in-toolbar:not(.in-segment-color)) {\n  --background-checked: var(--ion-toolbar-segment-background-checked, none);\n  --color: var(--ion-toolbar-segment-color, var(--ion-toolbar-color), initial);\n  --color-checked: var(--ion-toolbar-segment-color-checked, var(--ion-toolbar-color), initial);\n  --indicator-color: var(--ion-toolbar-segment-indicator-color, var(--ion-color-step-350, var(--ion-background-color, #fff)));\n}\n\n/**\n * Use the contrast color as background since\n * since the text color is the base color. Otherwise\n * we will have contrast issues when using light/medium/dark\n * palettes across light and dark mode.\n */\n:host(.in-toolbar-color) .segment-button-indicator-background {\n  background: var(--ion-color-contrast);\n}\n\n:host(.in-toolbar-color:not(.in-segment-color)) .button-native {\n  color: var(--ion-color-contrast);\n}\n\n:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native {\n  color: var(--ion-color-base);\n}\n\n@media (any-hover: hover) {\n  :host(.in-toolbar-color:not(.in-segment-color):hover) .button-native {\n    color: var(--ion-color-contrast);\n  }\n  :host(.in-toolbar-color.segment-button-checked:not(.in-segment-color):hover) .button-native {\n    color: var(--ion-color-base);\n  }\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the segment button\n   * @prop --background-checked: Background of the checked segment button\n   *\n   * @prop --background-hover: Background of the segment button on hover\n   * @prop --background-focused: Background of the segment button when focused with the tab key\n   *\n   * @prop --background-hover-opacity: Opacity of the segment button background on hover\n   * @prop --background-focused-opacity: Opacity of the segment button background when focused with the tab key\n   *\n   * @prop --color: Color of the segment button\n   * @prop --color-checked: Color of the checked segment button\n   * @prop --color-hover: Color of the segment button on hover\n   * @prop --color-focused: Color of the segment button when focused with the tab key\n   *\n   * @prop --border-radius: Radius of the segment button border\n   * @prop --border-color: Color of the segment button border\n   * @prop --border-style: Style of the segment button border\n   * @prop --border-width: Width of the segment button border\n   *\n   * @prop --margin-top: Top margin of the segment button\n   * @prop --margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the segment button\n   * @prop --margin-bottom: Bottom margin of the segment button\n   * @prop --margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the segment button\n   *\n   * @prop --padding-top: Top padding of the segment button\n   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the segment button\n   * @prop --padding-bottom: Bottom padding of the segment button\n   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the segment button\n   *\n   * @prop --transition: Transition of the segment button\n   *\n   * @prop --indicator-height: Height of the indicator for the checked segment button\n   * @prop --indicator-box-shadow: Box shadow on the indicator for the checked segment button\n   * @prop --indicator-color: Color of the indicator for the checked segment button\n   * @prop --indicator-transition: Transition of the indicator for the checked segment button\n   * @prop --indicator-transform: Transform of the indicator for the checked segment button\n   */\n  --color: initial;\n  --color-hover: var(--color);\n  --color-checked: var(--color);\n  --color-disabled: var(--color);\n  --padding-start: 0;\n  --padding-end: 0;\n  --padding-top: 0;\n  --padding-bottom: 0;\n  border-radius: var(--border-radius);\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  height: auto;\n  background: var(--background);\n  color: var(--color);\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n  grid-row: 1;\n  font-kerning: none;\n}\n\n.button-native {\n  border-radius: 0;\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  -webkit-margin-start: var(--margin-start);\n  margin-inline-start: var(--margin-start);\n  -webkit-margin-end: var(--margin-end);\n  margin-inline-end: var(--margin-end);\n  margin-top: var(--margin-top);\n  margin-bottom: var(--margin-bottom);\n  -webkit-padding-start: var(--padding-start);\n  padding-inline-start: var(--padding-start);\n  -webkit-padding-end: var(--padding-end);\n  padding-inline-end: var(--padding-end);\n  padding-top: var(--padding-top);\n  padding-bottom: var(--padding-bottom);\n  transform: translate3d(0,  0,  0);\n  display: flex;\n  position: relative;\n  flex-direction: inherit;\n  flex-grow: 1;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: inherit;\n  max-width: inherit;\n  height: auto;\n  min-height: inherit;\n  max-height: inherit;\n  transition: var(--transition);\n  border: none;\n  outline: none;\n  background: transparent;\n  contain: content;\n  pointer-events: none;\n  overflow: hidden;\n  z-index: 2;\n}\n\n.button-native::after {\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  position: absolute;\n  content: \"\";\n  opacity: 0;\n}\n\n.button-inner {\n  display: flex;\n  position: relative;\n  flex-flow: inherit;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n:host(.segment-button-checked) {\n  background: var(--background-checked);\n  color: var(--color-checked);\n}\n\n:host(.segment-button-disabled) {\n  cursor: default;\n  pointer-events: none;\n}\n\n:host(.ion-focused) .button-native {\n  color: var(--color-focused);\n}\n:host(.ion-focused) .button-native::after {\n  background: var(--background-focused);\n  opacity: var(--background-focused-opacity);\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n@media (any-hover: hover) {\n  :host(:hover) .button-native {\n    color: var(--color-hover);\n  }\n  :host(:hover) .button-native::after {\n    background: var(--background-hover);\n    opacity: var(--background-hover-opacity);\n  }\n  :host(.segment-button-checked:hover) .button-native {\n    color: var(--color-checked);\n  }\n}\n::slotted(ion-icon) {\n  flex-shrink: 0;\n  order: -1;\n  pointer-events: none;\n}\n\n::slotted(ion-label) {\n  display: block;\n  align-self: center;\n  max-width: 100%;\n  line-height: 22px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  box-sizing: border-box;\n  pointer-events: none;\n}\n\n:host(.segment-button-layout-icon-top) .button-native {\n  flex-direction: column;\n}\n\n:host(.segment-button-layout-icon-start) .button-native {\n  flex-direction: row;\n}\n\n:host(.segment-button-layout-icon-end) .button-native {\n  flex-direction: row-reverse;\n}\n\n:host(.segment-button-layout-icon-bottom) .button-native {\n  flex-direction: column-reverse;\n}\n\n:host(.segment-button-layout-icon-hide) ::slotted(ion-icon) {\n  display: none;\n}\n\n:host(.segment-button-layout-label-hide) ::slotted(ion-label) {\n  display: none;\n}\n\nion-ripple-effect {\n  color: var(--ripple-color, var(--color-checked));\n}\n\n.segment-button-indicator {\n  transform-origin: left;\n  position: absolute;\n  opacity: 0;\n  box-sizing: border-box;\n  will-change: transform, opacity;\n  pointer-events: none;\n}\n\n.segment-button-indicator-background {\n  width: 100%;\n  height: var(--indicator-height);\n  transform: var(--indicator-transform);\n  box-shadow: var(--indicator-box-shadow);\n  pointer-events: none;\n}\n\n.segment-button-indicator-animated {\n  transition: var(--indicator-transition);\n}\n\n:host(.segment-button-checked) .segment-button-indicator {\n  opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .segment-button-indicator-background {\n    transform: none;\n  }\n  .segment-button-indicator-animated {\n    transition: 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:host {\n  --background: none;\n  --background-checked: none;\n  --background-hover: var(--color-checked);\n  --background-focused: var(--color-checked);\n  --background-activated-opacity: 0;\n  --background-focused-opacity: .12;\n  --background-hover-opacity: .04;\n  --color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6);\n  --color-checked: var(--ion-color-primary, #3880ff);\n  --indicator-box-shadow: none;\n  --indicator-color: var(--color-checked);\n  --indicator-height: 2px;\n  --indicator-transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);\n  --indicator-transform: none;\n  --padding-top: 0;\n  --padding-end: 16px;\n  --padding-bottom: 0;\n  --padding-start: 16px;\n  --transition: color 0.15s linear 0s, opacity 0.15s linear 0s;\n  min-width: 90px;\n  min-height: 48px;\n  border-width: var(--border-width);\n  border-style: var(--border-style);\n  border-color: var(--border-color);\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.06em;\n  line-height: 40px;\n  text-transform: uppercase;\n}\n\n:host(.segment-button-disabled) {\n  opacity: 0.3;\n}\n\n:host(.in-segment-color) {\n  background: none;\n  color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6);\n}\n\n:host(.in-segment-color) ion-ripple-effect {\n  color: var(--ion-color-base);\n}\n\n:host(.in-segment-color) .segment-button-indicator-background {\n  background: var(--ion-color-base);\n}\n\n:host(.in-segment-color.segment-button-checked) .button-native {\n  color: var(--ion-color-base);\n}\n\n:host(.in-segment-color.ion-focused) .button-native::after {\n  background: var(--ion-color-base);\n}\n\n@media (any-hover: hover) {\n  :host(.in-segment-color:hover) .button-native {\n    color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6);\n  }\n  :host(.in-segment-color:hover) .button-native::after {\n    background: var(--ion-color-base);\n  }\n  :host(.in-segment-color.segment-button-checked:hover) .button-native {\n    color: var(--ion-color-base);\n  }\n}\n:host(.in-toolbar:not(.in-segment-color)) {\n  --background: var(--ion-toolbar-segment-background, none);\n  --background-checked: var(--ion-toolbar-segment-background-checked, none);\n  --color: var(--ion-toolbar-segment-color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6));\n  --color-checked: var(--ion-toolbar-segment-color-checked, var(--ion-color-primary, #3880ff));\n  --indicator-color: var(--ion-toolbar-segment-color-checked, var(--color-checked));\n}\n\n:host(.in-toolbar-color:not(.in-segment-color)) .button-native {\n  color: rgba(var(--ion-color-contrast-rgb), 0.6);\n}\n\n:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native {\n  color: var(--ion-color-contrast);\n}\n\n@media (any-hover: hover) {\n  :host(.in-toolbar-color:not(.in-segment-color)) .button-native::after {\n    background: var(--ion-color-contrast);\n  }\n}\n::slotted(ion-icon) {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  font-size: 24px;\n}\n\n::slotted(ion-label) {\n  margin-top: 12px;\n  margin-bottom: 12px;\n}\n\n:host(.segment-button-layout-icon-top) ::slotted(ion-label),\n:host(.segment-button-layout-icon-bottom) ::slotted(ion-icon) {\n  margin-top: 0;\n}\n\n:host(.segment-button-layout-icon-top) ::slotted(ion-icon),\n:host(.segment-button-layout-icon-bottom) ::slotted(ion-label) {\n  margin-bottom: 0;\n}\n\n:host(.segment-button-layout-icon-start) ::slotted(ion-label) {\n  -webkit-margin-start: 8px;\n  margin-inline-start: 8px;\n  -webkit-margin-end: 0;\n  margin-inline-end: 0;\n}\n\n:host(.segment-button-layout-icon-end) ::slotted(ion-label) {\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 8px;\n  margin-inline-end: 8px;\n}\n\n:host(.segment-button-has-icon-only) ::slotted(ion-icon) {\n  margin-top: 12px;\n  margin-bottom: 12px;\n}\n\n:host(.segment-button-has-label-only) ::slotted(ion-label) {\n  margin-top: 12px;\n  margin-bottom: 12px;\n}\n\n.segment-button-indicator {\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.segment-button-indicator-background {\n  background: var(--indicator-color);\n}\n\n:host(.in-toolbar:not(.in-segment-color)) .segment-button-indicator-background {\n  background: var(--ion-toolbar-segment-indicator-color, var(--indicator-color));\n}\n\n:host(.in-toolbar-color:not(.in-segment-color)) .segment-button-indicator-background {\n  background: var(--ion-color-contrast);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, forceUpdate, h } from \"@stencil/core\";\nimport { addEventListener, removeEventListener, inheritAttributes } from \"../../utils/helpers\";\nimport { hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\nlet ids = 0;\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n *\n * @part native - The native HTML button element that wraps all child elements.\n * @part indicator - The indicator displayed on the checked segment button.\n * @part indicator-background - The background element for the indicator displayed on the checked segment button.\n */\nexport class SegmentButton {\n    constructor() {\n        this.segmentEl = null;\n        this.inheritedAttributes = {};\n        this.updateStyle = () => {\n            forceUpdate(this);\n        };\n        this.updateState = () => {\n            const { segmentEl } = this;\n            if (segmentEl) {\n                this.checked = segmentEl.value === this.value;\n                if (segmentEl.disabled) {\n                    this.disabled = true;\n                }\n            }\n        };\n        this.checked = false;\n        this.disabled = false;\n        this.layout = 'icon-top';\n        this.type = 'button';\n        this.value = 'ion-sb-' + ids++;\n    }\n    valueChanged() {\n        this.updateState();\n    }\n    connectedCallback() {\n        const segmentEl = (this.segmentEl = this.el.closest('ion-segment'));\n        if (segmentEl) {\n            this.updateState();\n            addEventListener(segmentEl, 'ionSelect', this.updateState);\n            addEventListener(segmentEl, 'ionStyle', this.updateStyle);\n        }\n    }\n    disconnectedCallback() {\n        const segmentEl = this.segmentEl;\n        if (segmentEl) {\n            removeEventListener(segmentEl, 'ionSelect', this.updateState);\n            removeEventListener(segmentEl, 'ionStyle', this.updateStyle);\n            this.segmentEl = null;\n        }\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = Object.assign({}, inheritAttributes(this.el, ['aria-label']));\n    }\n    get hasLabel() {\n        return !!this.el.querySelector('ion-label');\n    }\n    get hasIcon() {\n        return !!this.el.querySelector('ion-icon');\n    }\n    /**\n     * @internal\n     * Focuses the native <button> element\n     * inside of ion-segment-button.\n     */\n    async setFocus() {\n        const { nativeEl } = this;\n        if (nativeEl !== undefined) {\n            nativeEl.focus();\n        }\n    }\n    render() {\n        const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;\n        const mode = getIonMode(this);\n        const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;\n        return (h(Host, { key: 'daed55711fdb550747d2ad5fb6e012bff6f6b176', class: {\n                [mode]: true,\n                'in-toolbar': hostContext('ion-toolbar', this.el),\n                'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),\n                'in-segment': hostContext('ion-segment', this.el),\n                'in-segment-color': hasSegmentColor(),\n                'segment-button-has-label': hasLabel,\n                'segment-button-has-icon': hasIcon,\n                'segment-button-has-label-only': hasLabel && !hasIcon,\n                'segment-button-has-icon-only': hasIcon && !hasLabel,\n                'segment-button-disabled': disabled,\n                'segment-button-checked': checked,\n                [`segment-button-layout-${layout}`]: true,\n                'ion-activatable': true,\n                'ion-activatable-instant': true,\n                'ion-focusable': true,\n            } }, h(\"button\", Object.assign({ key: '851a4b8ff7e45f5fc559c4d8e9c3102441dbd10e', \"aria-selected\": checked ? 'true' : 'false', role: \"tab\", ref: (el) => (this.nativeEl = el), type: type, class: \"button-native\", part: \"native\", disabled: disabled }, this.inheritedAttributes), h(\"span\", { key: 'b2dc87747e81ce49dfa1269355027d9380226a6a', class: \"button-inner\" }, h(\"slot\", { key: '00e21fdcafb533605518beebb9557c724fc88e76' })), mode === 'md' && h(\"ion-ripple-effect\", { key: '358c90ab1b43aae3bc6eb1e58fb38d4892894a68' })), h(\"div\", { key: '20fd3f7c43dd117541314e852d894af855050707', part: \"indicator\", class: {\n                'segment-button-indicator': true,\n                'segment-button-indicator-animated': true,\n            } }, h(\"div\", { key: 'bebdeb84466c404d52ce48feda1ece5fb1f202b0', part: \"indicator-background\", class: \"segment-button-indicator-background\" }))));\n    }\n    static get is() { return \"ion-segment-button\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"segment-button.ios.scss\"],\n            \"md\": [\"segment-button.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"segment-button.ios.css\"],\n            \"md\": [\"segment-button.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\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 button.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"layout\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"SegmentButtonLayout\",\n                    \"resolved\": \"\\\"icon-bottom\\\" | \\\"icon-end\\\" | \\\"icon-hide\\\" | \\\"icon-start\\\" | \\\"icon-top\\\" | \\\"label-hide\\\" | undefined\",\n                    \"references\": {\n                        \"SegmentButtonLayout\": {\n                            \"location\": \"import\",\n                            \"path\": \"./segment-button-interface\",\n                            \"id\": \"src/components/segment-button/segment-button-interface.ts::SegmentButtonLayout\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Set the layout of the text and icon in the segment.\"\n                },\n                \"attribute\": \"layout\",\n                \"reflect\": false,\n                \"defaultValue\": \"'icon-top'\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'submit' | 'reset' | 'button'\",\n                    \"resolved\": \"\\\"button\\\" | \\\"reset\\\" | \\\"submit\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of the button.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"'button'\"\n            },\n            \"value\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"SegmentValue\",\n                    \"resolved\": \"number | string\",\n                    \"references\": {\n                        \"SegmentValue\": {\n                            \"location\": \"import\",\n                            \"path\": \"../segment/segment-interface\",\n                            \"id\": \"src/components/segment/segment-interface.ts::SegmentValue\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the segment button.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false,\n                \"defaultValue\": \"'ion-sb-' + ids++\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"checked\": {}\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Focuses the native <button> element\\ninside of ion-segment-button.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"value\",\n                \"methodName\": \"valueChanged\"\n            }];\n    }\n}\n"],"mappings":"0LAAA,MAAMA,EAAsB,osOCA5B,MAAMC,EAAqB,63OCO3B,IAAIC,EAAM,E,MAQGC,EAAa,MACtBC,YAAAC,G,UACIC,KAAKC,UAAY,KACjBD,KAAKE,oBAAsB,GAC3BF,KAAKG,YAAc,KACfC,EAAYJ,KAAK,EAErBA,KAAKK,YAAc,KACf,MAAMJ,UAAEA,GAAcD,KACtB,GAAIC,EAAW,CACXD,KAAKM,QAAUL,EAAUM,QAAUP,KAAKO,MACxC,GAAIN,EAAUO,SAAU,CACpBR,KAAKQ,SAAW,I,IAI5BR,KAAKM,QAAU,MACfN,KAAKQ,SAAW,MAChBR,KAAKS,OAAS,WACdT,KAAKU,KAAO,SACZV,KAAKO,MAAQ,UAAYX,G,CAE7Be,eACIX,KAAKK,a,CAETO,oBACI,MAAMX,EAAaD,KAAKC,UAAYD,KAAKa,GAAGC,QAAQ,eACpD,GAAIb,EAAW,CACXD,KAAKK,cACLU,EAAiBd,EAAW,YAAaD,KAAKK,aAC9CU,EAAiBd,EAAW,WAAYD,KAAKG,Y,EAGrDa,uBACI,MAAMf,EAAYD,KAAKC,UACvB,GAAIA,EAAW,CACXgB,EAAoBhB,EAAW,YAAaD,KAAKK,aACjDY,EAAoBhB,EAAW,WAAYD,KAAKG,aAChDH,KAAKC,UAAY,I,EAGzBiB,oBACIlB,KAAKE,oBAAsBiB,OAAOC,OAAO,GAAIC,EAAkBrB,KAAKa,GAAI,CAAC,e,CAEzES,eACA,QAAStB,KAAKa,GAAGU,cAAc,Y,CAE/BC,cACA,QAASxB,KAAKa,GAAGU,cAAc,W,CAOnCE,iBACI,MAAMC,SAAEA,GAAa1B,KACrB,GAAI0B,IAAaC,UAAW,CACxBD,EAASE,O,EAGjBC,SACI,MAAMvB,QAAEA,EAAOI,KAAEA,EAAIF,SAAEA,EAAQgB,QAAEA,EAAOF,SAAEA,EAAQb,OAAEA,EAAMR,UAAEA,GAAcD,KAC1E,MAAM8B,EAAOC,EAAW/B,MACxB,MAAMgC,EAAkB,KAAO/B,IAAc,MAAQA,SAAmB,OAAS,EAAIA,EAAUgC,SAAWN,UAC1G,OAAQO,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClEP,CAACA,GAAO,KACR,aAAcQ,EAAY,cAAetC,KAAKa,IAC9C,mBAAoByB,EAAY,qBAAsBtC,KAAKa,IAC3D,aAAcyB,EAAY,cAAetC,KAAKa,IAC9C,mBAAoBmB,IACpB,2BAA4BV,EAC5B,0BAA2BE,EAC3B,gCAAiCF,IAAaE,EAC9C,+BAAgCA,IAAYF,EAC5C,0BAA2Bd,EAC3B,yBAA0BF,EAC1B,CAAC,yBAAyBG,KAAW,KACrC,kBAAmB,KACnB,0BAA2B,KAC3B,gBAAiB,OAChByB,EAAE,SAAUf,OAAOC,OAAO,CAAEgB,IAAK,2CAA4C,gBAAiB9B,EAAU,OAAS,QAASiC,KAAM,MAAOC,IAAM3B,GAAQb,KAAK0B,SAAWb,EAAKH,KAAMA,EAAM2B,MAAO,gBAAiBI,KAAM,SAAUjC,SAAUA,GAAYR,KAAKE,qBAAsBgC,EAAE,OAAQ,CAAEE,IAAK,2CAA4CC,MAAO,gBAAkBH,EAAE,OAAQ,CAAEE,IAAK,8CAAgDN,IAAS,MAAQI,EAAE,oBAAqB,CAAEE,IAAK,8CAAgDF,EAAE,MAAO,CAAEE,IAAK,2CAA4CK,KAAM,YAAaJ,MAAO,CAC5lB,2BAA4B,KAC5B,oCAAqC,OACpCH,EAAE,MAAO,CAAEE,IAAK,2CAA4CK,KAAM,uBAAwBJ,MAAO,yC"}

package/dist/checkout/p-801a8293.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r,H as s}from"./p-d7a430bf.js";import{c as a}from"./p-350e7423.js";import{g as t}from"./p-3b75b22a.js";const i=":host{color:var(--color);font-family:var(--ion-font-family, inherit);box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-350, #a6a6a6);font-size:max(14px, 1rem)}";const e=":host{color:var(--color);font-family:var(--ion-font-family, inherit);box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-600, #666666);font-size:0.875rem}";const c=class{constructor(r){o(this,r);this.color=undefined}render(){const o=t(this);return r(s,{key:"79a17a318ec6e8326c9741b4a9bb4598acdc225e",class:a(this.color,{[o]:true})},r("slot",{key:"5adeaccfabb4bee7b84ea5c5de804bd255b29255"}))}};c.style={ios:i,md:e};export{c as ion_note};
+//# sourceMappingURL=p-801a8293.entry.js.map

package/dist/checkout/p-801a8293.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["noteIosCss","noteMdCss","Note","constructor","hostRef","this","color","undefined","render","mode","getIonMode","h","Host","key","class","createColorClasses"],"sources":["./node_modules/@ionic/core/dist/collection/components/note/note.ios.css?tag=ion-note&mode=ios&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/note/note.md.css?tag=ion-note&mode=md&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/note/note.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/**\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 --color: Color of the note\n   */\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  box-sizing: border-box;\n}\n\n:host(.ion-color) {\n  color: var(--ion-color-base);\n}\n\n:host {\n  --color: var(--ion-color-step-350, #a6a6a6);\n  font-size: max(14px, 1rem);\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  /**\n   * @prop --color: Color of the note\n   */\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  box-sizing: border-box;\n}\n\n:host(.ion-color) {\n  color: var(--ion-color-base);\n}\n\n:host {\n  --color: var(--ion-color-step-600, #666666);\n  font-size: 0.875rem;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { createColorClasses } 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 Note {\n    constructor() {\n        this.color = undefined;\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '79a17a318ec6e8326c9741b4a9bb4598acdc225e', class: createColorClasses(this.color, {\n                [mode]: true,\n            }) }, h(\"slot\", { key: '5adeaccfabb4bee7b84ea5c5de804bd255b29255' })));\n    }\n    static get is() { return \"ion-note\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"note.ios.scss\"],\n            \"md\": [\"note.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"note.ios.css\"],\n            \"md\": [\"note.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        };\n    }\n}\n"],"mappings":"0HAAA,MAAMA,EAAa,uNCAnB,MAAMC,EAAY,gN,MCSLC,EAAI,MACbC,YAAAC,G,UACIC,KAAKC,MAAQC,S,CAEjBC,SACI,MAAMC,EAAOC,EAAWL,MACxB,OAAQM,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAOC,EAAmBV,KAAKC,MAAO,CACjGG,CAACA,GAAO,QACNE,EAAE,OAAQ,CAAEE,IAAK,6C"}

package/dist/checkout/p-817492ae.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as e,H as i,e as s}from"./p-d7a430bf.js";import{r,p as n}from"./p-b8fdd517.js";import{g as t}from"./p-3b75b22a.js";const c=":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:2.125rem;opacity:0.4}";const a=":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}";const d=class{constructor(e){o(this,e)}onClick(o){const e=this.el.closest("ion-reorder-group");o.preventDefault();if(!e||!e.disabled){o.stopImmediatePropagation()}}render(){const o=t(this);const s=o==="ios"?r:n;return e(i,{key:"5747b63aa64b05bfed96bbce8087186c7e14c6d5",class:o},e("slot",{key:"a745f29a23c905cd0bff572acb755b597a3fb3c3"},e("ion-icon",{key:"48f433e85a3a68c16bc426623b2b74957b4b2eb7",icon:s,lazy:false,class:"reorder-icon",part:"icon","aria-hidden":"true"})))}get el(){return s(this)}};d.style={ios:c,md:a};export{d as ion_reorder};
+//# sourceMappingURL=p-817492ae.entry.js.map

package/dist/checkout/p-817492ae.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["reorderIosCss","reorderMdCss","Reorder","onClick","ev","reorderGroup","this","el","closest","preventDefault","disabled","stopImmediatePropagation","render","mode","getIonMode","reorderIcon","reorderThreeOutline","reorderTwoSharp","h","Host","key","class","icon","lazy","part"],"sources":["./node_modules/@ionic/core/dist/collection/components/reorder/reorder.ios.css?tag=ion-reorder&mode=ios&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/reorder/reorder.md.css?tag=ion-reorder&mode=md&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/reorder/reorder.js"],"sourcesContent":[":host([slot]) {\n  display: none;\n  line-height: 0;\n  z-index: 100;\n}\n\n.reorder-icon {\n  display: block;\n}\n\n/**\n * This ensures that custom reorder\n * icons resize with Dynamic Type.\n */\n::slotted(ion-icon) {\n  font-size: dynamic-font(16px);\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.reorder-icon {\n  font-size: 2.125rem;\n  opacity: 0.4;\n}",":host([slot]) {\n  display: none;\n  line-height: 0;\n  z-index: 100;\n}\n\n.reorder-icon {\n  display: block;\n}\n\n/**\n * This ensures that custom reorder\n * icons resize with Dynamic Type.\n */\n::slotted(ion-icon) {\n  font-size: dynamic-font(16px);\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.reorder-icon {\n  font-size: 1.9375rem;\n  opacity: 0.3;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { reorderThreeOutline, reorderTwoSharp } from \"ionicons/icons\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @part icon - The icon of the reorder handle (uses ion-icon).\n */\nexport class Reorder {\n    onClick(ev) {\n        const reorderGroup = this.el.closest('ion-reorder-group');\n        ev.preventDefault();\n        // Only stop event propagation if the reorder is inside of an enabled\n        // reorder group. This allows interaction with clickable children components.\n        if (!reorderGroup || !reorderGroup.disabled) {\n            ev.stopImmediatePropagation();\n        }\n    }\n    render() {\n        const mode = getIonMode(this);\n        const reorderIcon = mode === 'ios' ? reorderThreeOutline : reorderTwoSharp;\n        return (h(Host, { key: '5747b63aa64b05bfed96bbce8087186c7e14c6d5', class: mode }, h(\"slot\", { key: 'a745f29a23c905cd0bff572acb755b597a3fb3c3' }, h(\"ion-icon\", { key: '48f433e85a3a68c16bc426623b2b74957b4b2eb7', icon: reorderIcon, lazy: false, class: \"reorder-icon\", part: \"icon\", \"aria-hidden\": \"true\" }))));\n    }\n    static get is() { return \"ion-reorder\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"reorder.ios.scss\"],\n            \"md\": [\"reorder.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"reorder.ios.css\"],\n            \"md\": [\"reorder.md.css\"]\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"onClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n"],"mappings":"mIAAA,MAAMA,EAAgB,kLCAtB,MAAMC,EAAe,mL,MCSRC,EAAO,M,yBAChBC,QAAQC,GACJ,MAAMC,EAAeC,KAAKC,GAAGC,QAAQ,qBACrCJ,EAAGK,iBAGH,IAAKJ,IAAiBA,EAAaK,SAAU,CACzCN,EAAGO,0B,EAGXC,SACI,MAAMC,EAAOC,EAAWR,MACxB,MAAMS,EAAcF,IAAS,MAAQG,EAAsBC,EAC3D,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAOR,GAAQK,EAAE,OAAQ,CAAEE,IAAK,4CAA8CF,EAAE,WAAY,CAAEE,IAAK,2CAA4CE,KAAMP,EAAaQ,KAAM,MAAOF,MAAO,eAAgBG,KAAM,OAAQ,cAAe,U"}

package/dist/checkout/p-86caa486.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,e as n}from"./p-d7a430bf.js";import{a,c as o}from"./p-b84d9e44.js";import{a as s}from"./p-e187a77c.js";import{c as r}from"./p-350e7423.js";import{g as d}from"./p-3b75b22a.js";import{q as c,t as l,J as m,L as h,K as p}from"./p-39ad94cf.js";const u=":host{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}:host button{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}";const f=":host{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}:host button{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}";const b=class{constructor(e){t(this,e);this.datetimeEl=null;this.overlayEl=null;this.getParsedDateValues=t=>{if(t===undefined||t===null){return[]}if(Array.isArray(t)){return t}return[t]};this.setDateTimeText=()=>{var t,e,i,n,a;const{datetimeEl:o,datetimePresentation:r}=this;if(!o){return}const{value:d,locale:u,formatOptions:f,hourCycle:b,preferWheel:v,multiple:x,titleSelectedDatesFormatter:y}=o;const g=this.getParsedDateValues(d);const k=c(g.length>0?g:[l()]);if(!k){return}const w=k[0];const j=m(u,b);this.dateText=this.timeText=undefined;switch(r){case"date-time":case"time-date":const o=h(u,w,(t=f===null||f===void 0?void 0:f.date)!==null&&t!==void 0?t:{month:"short",day:"numeric",year:"numeric"});const r=p(u,w,j,f===null||f===void 0?void 0:f.time);if(v){this.dateText=`${o} ${r}`}else{this.dateText=o;this.timeText=r}break;case"date":if(x&&g.length!==1){let t=`${g.length} days`;if(y!==undefined){try{t=y(g)}catch(t){s("Exception in provided `titleSelectedDatesFormatter`: ",t)}}this.dateText=t}else{this.dateText=h(u,w,(e=f===null||f===void 0?void 0:f.date)!==null&&e!==void 0?e:{month:"short",day:"numeric",year:"numeric"})}break;case"time":this.timeText=p(u,w,j,f===null||f===void 0?void 0:f.time);break;case"month-year":this.dateText=h(u,w,(i=f===null||f===void 0?void 0:f.date)!==null&&i!==void 0?i:{month:"long",year:"numeric"});break;case"month":this.dateText=h(u,w,(n=f===null||f===void 0?void 0:f.time)!==null&&n!==void 0?n:{month:"long"});break;case"year":this.dateText=h(u,w,(a=f===null||f===void 0?void 0:f.time)!==null&&a!==void 0?a:{year:"numeric"});break}};this.waitForDatetimeChanges=async()=>{const{datetimeEl:t}=this;if(!t){return Promise.resolve()}return new Promise((e=>{a(t,"ionRender",e,{once:true})}))};this.handleDateClick=async t=>{const{datetimeEl:e,datetimePresentation:i}=this;if(!e){return}let n=false;switch(i){case"date-time":case"time-date":const t=e.presentation!=="date";if(!e.preferWheel&&t){e.presentation="date";n=true}break}this.selectedButton="date";this.presentOverlay(t,n,this.dateTargetEl)};this.handleTimeClick=t=>{const{datetimeEl:e,datetimePresentation:i}=this;if(!e){return}let n=false;switch(i){case"date-time":case"time-date":const t=e.presentation!=="time";if(t){e.presentation="time";n=true}break}this.selectedButton="time";this.presentOverlay(t,n,this.timeTargetEl)};this.presentOverlay=async(t,e,i)=>{const{overlayEl:n}=this;if(!n){return}if(n.tagName==="ION-POPOVER"){if(e){await this.waitForDatetimeChanges()}n.present(Object.assign(Object.assign({},t),{detail:{ionShadowTarget:i}}))}else{n.present()}};this.datetimePresentation="date-time";this.dateText=undefined;this.timeText=undefined;this.datetimeActive=false;this.selectedButton=undefined;this.color="primary";this.disabled=false;this.datetime=undefined}async componentWillLoad(){const{datetime:t}=this;if(!t){s("An ID associated with an ion-datetime instance is required for ion-datetime-button to function properly.",this.el);return}const e=this.datetimeEl=document.getElementById(t);if(!e){s(`No ion-datetime instance found for ID '${t}'.`,this.el);return}if(e.tagName!=="ION-DATETIME"){s(`Expected an ion-datetime instance for ID '${t}' but received '${e.tagName.toLowerCase()}' instead.`,e);return}const i=new IntersectionObserver((t=>{const e=t[0];this.datetimeActive=e.isIntersecting}),{threshold:.01});i.observe(e);const n=this.overlayEl=e.closest("ion-modal, ion-popover");if(n){n.classList.add("ion-datetime-button-overlay")}o(e,(()=>{const t=this.datetimePresentation=e.presentation||"date-time";this.setDateTimeText();a(e,"ionValueChange",this.setDateTimeText);switch(t){case"date-time":case"date":case"month-year":case"month":case"year":this.selectedButton="date";break;case"time-date":case"time":this.selectedButton="time";break}}))}render(){const{color:t,dateText:n,timeText:a,selectedButton:o,datetimeActive:s,disabled:c}=this;const l=d(this);return e(i,{key:"ab6c21a4c185dee71c8f14cafad82e38831c68d0",class:r(t,{[l]:true,[`${o}-active`]:s,["datetime-button-disabled"]:c})},n&&e("button",{key:"cbda6f3386c3714567a04b5a97a96c71d59822c8",class:"ion-activatable",id:"date-button","aria-expanded":s?"true":"false",onClick:this.handleDateClick,disabled:c,part:"native",ref:t=>this.dateTargetEl=t},e("slot",{key:"a00ff431512827bfef8c02982ef37099b2f21508",name:"date-target"},n),l==="md"&&e("ion-ripple-effect",{key:"67935989628a2ed0492edb813fb0475bfd88abe7"})),a&&e("button",{key:"4207c94de5bece91b8388332e0192d1756403e62",class:"ion-activatable",id:"time-button","aria-expanded":s?"true":"false",onClick:this.handleTimeClick,disabled:c,part:"native",ref:t=>this.timeTargetEl=t},e("slot",{key:"9ffa7ef4417571933bd1757950ec805c49704759",name:"time-target"},a),l==="md"&&e("ion-ripple-effect",{key:"fbcad00cf828c9719074d1d06f4e13246b28903e"})))}get el(){return n(this)}};b.style={ios:u,md:f};export{b as ion_datetime_button};
+//# sourceMappingURL=p-86caa486.entry.js.map

package/dist/checkout/p-86caa486.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iosDatetimeButtonCss","mdDatetimeButtonCss","DatetimeButton","constructor","hostRef","this","datetimeEl","overlayEl","getParsedDateValues","value","undefined","Array","isArray","setDateTimeText","_a","_b","_c","_d","_e","datetimePresentation","locale","formatOptions","hourCycle","preferWheel","multiple","titleSelectedDatesFormatter","parsedValues","parsedDatetimes","parseDate","length","getToday","firstParsedDatetime","computedHourCycle","getHourCycle","dateText","timeText","getLocalizedDateTime","date","month","day","year","getLocalizedTime","time","headerText","e","printIonError","waitForDatetimeChanges","async","Promise","resolve","addEventListener","once","handleDateClick","ev","needsPresentationChange","needsChange","presentation","selectedButton","presentOverlay","dateTargetEl","handleTimeClick","timeTargetEl","triggerEl","tagName","present","Object","assign","detail","ionShadowTarget","datetimeActive","color","disabled","datetime","el","document","getElementById","toLowerCase","io","IntersectionObserver","entries","isIntersecting","threshold","observe","closest","classList","add","componentOnReady","render","mode","getIonMode","h","Host","key","class","createColorClasses","id","onClick","part","ref","name"],"sources":["./node_modules/@ionic/core/dist/collection/components/datetime-button/datetime-button.css?tag=ion-datetime-button&mode=ios&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/datetime-button/datetime-button.css?tag=ion-datetime-button&mode=md&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/datetime-button/datetime-button.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  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n}\n\n:host button {\n  border-radius: 8px;\n  -webkit-padding-start: 12px;\n  padding-inline-start: 12px;\n  -webkit-padding-end: 12px;\n  padding-inline-end: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  -webkit-margin-start: 2px;\n  margin-inline-start: 2px;\n  -webkit-margin-end: 2px;\n  margin-inline-end: 2px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n  position: relative;\n  transition: 150ms color ease-in-out;\n  border: none;\n  background: var(--ion-color-step-300, #edeef0);\n  color: var(--ion-text-color, #000);\n  font-family: inherit;\n  font-size: 1rem;\n  cursor: pointer;\n  overflow: hidden;\n  appearance: none;\n}\n\n:host(.time-active) #time-button,\n:host(.date-active) #date-button {\n  color: var(--ion-color-base);\n}\n\n:host(.datetime-button-disabled) {\n  pointer-events: none;\n}\n\n:host(.datetime-button-disabled) button {\n  opacity: 0.4;\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  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n}\n\n:host button {\n  border-radius: 8px;\n  -webkit-padding-start: 12px;\n  padding-inline-start: 12px;\n  -webkit-padding-end: 12px;\n  padding-inline-end: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  -webkit-margin-start: 2px;\n  margin-inline-start: 2px;\n  -webkit-margin-end: 2px;\n  margin-inline-end: 2px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n  position: relative;\n  transition: 150ms color ease-in-out;\n  border: none;\n  background: var(--ion-color-step-300, #edeef0);\n  color: var(--ion-text-color, #000);\n  font-family: inherit;\n  font-size: 1rem;\n  cursor: pointer;\n  overflow: hidden;\n  appearance: none;\n}\n\n:host(.time-active) #time-button,\n:host(.date-active) #date-button {\n  color: var(--ion-color-base);\n}\n\n:host(.datetime-button-disabled) {\n  pointer-events: none;\n}\n\n:host(.datetime-button-disabled) button {\n  opacity: 0.4;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { componentOnReady, addEventListener } from \"../../utils/helpers\";\nimport { printIonError } from \"../../utils/logging/index\";\nimport { createColorClasses } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\nimport { getToday } from \"../datetime/utils/data\";\nimport { getLocalizedDateTime, getLocalizedTime } from \"../datetime/utils/format\";\nimport { getHourCycle } from \"../datetime/utils/helpers\";\nimport { parseDate } from \"../datetime/utils/parse\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n *\n * @slot date-target - Content displayed inside of the date button.\n * @slot time-target - Content displayed inside of the time button.\n *\n * @part native - The native HTML button that wraps the slotted text.\n */\nexport class DatetimeButton {\n    constructor() {\n        this.datetimeEl = null;\n        this.overlayEl = null;\n        /**\n         * Accepts one or more string values and converts\n         * them to DatetimeParts. This is done so datetime-button\n         * can work with an array internally and not need\n         * to keep checking if the datetime value is `string` or `string[]`.\n         */\n        this.getParsedDateValues = (value) => {\n            if (value === undefined || value === null) {\n                return [];\n            }\n            if (Array.isArray(value)) {\n                return value;\n            }\n            return [value];\n        };\n        /**\n         * Check the value property on the linked\n         * ion-datetime and then format it according\n         * to the locale specified on ion-datetime.\n         */\n        this.setDateTimeText = () => {\n            var _a, _b, _c, _d, _e;\n            const { datetimeEl, datetimePresentation } = this;\n            if (!datetimeEl) {\n                return;\n            }\n            const { value, locale, formatOptions, hourCycle, preferWheel, multiple, titleSelectedDatesFormatter } = datetimeEl;\n            const parsedValues = this.getParsedDateValues(value);\n            /**\n             * Both ion-datetime and ion-datetime-button default\n             * to today's date and time if no value is set.\n             */\n            const parsedDatetimes = parseDate(parsedValues.length > 0 ? parsedValues : [getToday()]);\n            if (!parsedDatetimes) {\n                return;\n            }\n            /**\n             * If developers incorrectly use multiple=\"true\"\n             * with non \"date\" datetimes, then just select\n             * the first value so the interface does\n             * not appear broken. Datetime will provide a\n             * warning in the console.\n             */\n            const firstParsedDatetime = parsedDatetimes[0];\n            const computedHourCycle = getHourCycle(locale, hourCycle);\n            this.dateText = this.timeText = undefined;\n            switch (datetimePresentation) {\n                case 'date-time':\n                case 'time-date':\n                    const dateText = getLocalizedDateTime(locale, firstParsedDatetime, (_a = formatOptions === null || formatOptions === void 0 ? void 0 : formatOptions.date) !== null && _a !== void 0 ? _a : { month: 'short', day: 'numeric', year: 'numeric' });\n                    const timeText = getLocalizedTime(locale, firstParsedDatetime, computedHourCycle, formatOptions === null || formatOptions === void 0 ? void 0 : formatOptions.time);\n                    if (preferWheel) {\n                        this.dateText = `${dateText} ${timeText}`;\n                    }\n                    else {\n                        this.dateText = dateText;\n                        this.timeText = timeText;\n                    }\n                    break;\n                case 'date':\n                    if (multiple && parsedValues.length !== 1) {\n                        let headerText = `${parsedValues.length} days`; // default/fallback for multiple selection\n                        if (titleSelectedDatesFormatter !== undefined) {\n                            try {\n                                headerText = titleSelectedDatesFormatter(parsedValues);\n                            }\n                            catch (e) {\n                                printIonError('Exception in provided `titleSelectedDatesFormatter`: ', e);\n                            }\n                        }\n                        this.dateText = headerText;\n                    }\n                    else {\n                        this.dateText = getLocalizedDateTime(locale, firstParsedDatetime, (_b = formatOptions === null || formatOptions === void 0 ? void 0 : formatOptions.date) !== null && _b !== void 0 ? _b : { month: 'short', day: 'numeric', year: 'numeric' });\n                    }\n                    break;\n                case 'time':\n                    this.timeText = getLocalizedTime(locale, firstParsedDatetime, computedHourCycle, formatOptions === null || formatOptions === void 0 ? void 0 : formatOptions.time);\n                    break;\n                case 'month-year':\n                    this.dateText = getLocalizedDateTime(locale, firstParsedDatetime, (_c = formatOptions === null || formatOptions === void 0 ? void 0 : formatOptions.date) !== null && _c !== void 0 ? _c : { month: 'long', year: 'numeric' });\n                    break;\n                case 'month':\n                    this.dateText = getLocalizedDateTime(locale, firstParsedDatetime, (_d = formatOptions === null || formatOptions === void 0 ? void 0 : formatOptions.time) !== null && _d !== void 0 ? _d : { month: 'long' });\n                    break;\n                case 'year':\n                    this.dateText = getLocalizedDateTime(locale, firstParsedDatetime, (_e = formatOptions === null || formatOptions === void 0 ? void 0 : formatOptions.time) !== null && _e !== void 0 ? _e : { year: 'numeric' });\n                    break;\n            }\n        };\n        /**\n         * Waits for the ion-datetime to re-render.\n         * This is needed in order to correctly position\n         * a popover relative to the trigger element.\n         */\n        this.waitForDatetimeChanges = async () => {\n            const { datetimeEl } = this;\n            if (!datetimeEl) {\n                return Promise.resolve();\n            }\n            return new Promise((resolve) => {\n                addEventListener(datetimeEl, 'ionRender', resolve, { once: true });\n            });\n        };\n        this.handleDateClick = async (ev) => {\n            const { datetimeEl, datetimePresentation } = this;\n            if (!datetimeEl) {\n                return;\n            }\n            let needsPresentationChange = false;\n            /**\n             * When clicking the date button,\n             * we need to make sure that only a date\n             * picker is displayed. For presentation styles\n             * that display content other than a date picker,\n             * we need to update the presentation style.\n             */\n            switch (datetimePresentation) {\n                case 'date-time':\n                case 'time-date':\n                    const needsChange = datetimeEl.presentation !== 'date';\n                    /**\n                     * The date+time wheel picker\n                     * shows date and time together,\n                     * so do not adjust the presentation\n                     * in that case.\n                     */\n                    if (!datetimeEl.preferWheel && needsChange) {\n                        datetimeEl.presentation = 'date';\n                        needsPresentationChange = true;\n                    }\n                    break;\n            }\n            /**\n             * Track which button was clicked\n             * so that it can have the correct\n             * activated styles applied when\n             * the modal/popover containing\n             * the datetime is opened.\n             */\n            this.selectedButton = 'date';\n            this.presentOverlay(ev, needsPresentationChange, this.dateTargetEl);\n        };\n        this.handleTimeClick = (ev) => {\n            const { datetimeEl, datetimePresentation } = this;\n            if (!datetimeEl) {\n                return;\n            }\n            let needsPresentationChange = false;\n            /**\n             * When clicking the time button,\n             * we need to make sure that only a time\n             * picker is displayed. For presentation styles\n             * that display content other than a time picker,\n             * we need to update the presentation style.\n             */\n            switch (datetimePresentation) {\n                case 'date-time':\n                case 'time-date':\n                    const needsChange = datetimeEl.presentation !== 'time';\n                    if (needsChange) {\n                        datetimeEl.presentation = 'time';\n                        needsPresentationChange = true;\n                    }\n                    break;\n            }\n            /**\n             * Track which button was clicked\n             * so that it can have the correct\n             * activated styles applied when\n             * the modal/popover containing\n             * the datetime is opened.\n             */\n            this.selectedButton = 'time';\n            this.presentOverlay(ev, needsPresentationChange, this.timeTargetEl);\n        };\n        /**\n         * If the datetime is presented in an\n         * overlay, the datetime and overlay\n         * should be appropriately sized.\n         * These classes provide default sizing values\n         * that developers can customize.\n         * The goal is to provide an overlay that is\n         * reasonably sized with a datetime that\n         * fills the entire container.\n         */\n        this.presentOverlay = async (ev, needsPresentationChange, triggerEl) => {\n            const { overlayEl } = this;\n            if (!overlayEl) {\n                return;\n            }\n            if (overlayEl.tagName === 'ION-POPOVER') {\n                /**\n                 * When the presentation on datetime changes,\n                 * we need to wait for the component to re-render\n                 * otherwise the computed width/height of the\n                 * popover content will be wrong, causing\n                 * the popover to not align with the trigger element.\n                 */\n                if (needsPresentationChange) {\n                    await this.waitForDatetimeChanges();\n                }\n                /**\n                 * We pass the trigger button element\n                 * so that the popover aligns with the individual\n                 * button that was clicked, not the component container.\n                 */\n                overlayEl.present(Object.assign(Object.assign({}, ev), { detail: {\n                        ionShadowTarget: triggerEl,\n                    } }));\n            }\n            else {\n                overlayEl.present();\n            }\n        };\n        this.datetimePresentation = 'date-time';\n        this.dateText = undefined;\n        this.timeText = undefined;\n        this.datetimeActive = false;\n        this.selectedButton = undefined;\n        this.color = 'primary';\n        this.disabled = false;\n        this.datetime = undefined;\n    }\n    async componentWillLoad() {\n        const { datetime } = this;\n        if (!datetime) {\n            printIonError('An ID associated with an ion-datetime instance is required for ion-datetime-button to function properly.', this.el);\n            return;\n        }\n        const datetimeEl = (this.datetimeEl = document.getElementById(datetime));\n        if (!datetimeEl) {\n            printIonError(`No ion-datetime instance found for ID '${datetime}'.`, this.el);\n            return;\n        }\n        /**\n         * The element reference must be an ion-datetime. Print an error\n         * if a non-datetime element was provided.\n         */\n        if (datetimeEl.tagName !== 'ION-DATETIME') {\n            printIonError(`Expected an ion-datetime instance for ID '${datetime}' but received '${datetimeEl.tagName.toLowerCase()}' instead.`, datetimeEl);\n            return;\n        }\n        /**\n         * Since the datetime can be used in any context (overlays, accordion, etc)\n         * we track when it is visible to determine when it is active.\n         * This informs which button is highlighted as well as the\n         * aria-expanded state.\n         */\n        const io = new IntersectionObserver((entries) => {\n            const ev = entries[0];\n            this.datetimeActive = ev.isIntersecting;\n        }, {\n            threshold: 0.01,\n        });\n        io.observe(datetimeEl);\n        /**\n         * Get a reference to any modal/popover\n         * the datetime is being used in so we can\n         * correctly size it when it is presented.\n         */\n        const overlayEl = (this.overlayEl = datetimeEl.closest('ion-modal, ion-popover'));\n        /**\n         * The .ion-datetime-button-overlay class contains\n         * styles that allow any modal/popover to be\n         * sized according to the dimensions of the datetime.\n         * If developers want a smaller/larger overlay all they need\n         * to do is change the width/height of the datetime.\n         * Additionally, this lets us avoid having to set\n         * explicit widths on each variant of datetime.\n         */\n        if (overlayEl) {\n            overlayEl.classList.add('ion-datetime-button-overlay');\n        }\n        componentOnReady(datetimeEl, () => {\n            const datetimePresentation = (this.datetimePresentation = datetimeEl.presentation || 'date-time');\n            /**\n             * Set the initial display\n             * in the rendered buttons.\n             *\n             * From there, we need to listen\n             * for ionChange to be emitted\n             * from datetime so we know when\n             * to re-render the displayed\n             * text in the buttons.\n             */\n            this.setDateTimeText();\n            addEventListener(datetimeEl, 'ionValueChange', this.setDateTimeText);\n            /**\n             * Configure the initial selected button\n             * in the event that the datetime is displayed\n             * without clicking one of the datetime buttons.\n             * For example, a datetime could be expanded\n             * in an accordion. In this case users only\n             * need to click the accordion header to show\n             * the datetime.\n             */\n            switch (datetimePresentation) {\n                case 'date-time':\n                case 'date':\n                case 'month-year':\n                case 'month':\n                case 'year':\n                    this.selectedButton = 'date';\n                    break;\n                case 'time-date':\n                case 'time':\n                    this.selectedButton = 'time';\n                    break;\n            }\n        });\n    }\n    render() {\n        const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;\n        const mode = getIonMode(this);\n        return (h(Host, { key: 'ab6c21a4c185dee71c8f14cafad82e38831c68d0', class: createColorClasses(color, {\n                [mode]: true,\n                [`${selectedButton}-active`]: datetimeActive,\n                ['datetime-button-disabled']: disabled,\n            }) }, dateText && (h(\"button\", { key: 'cbda6f3386c3714567a04b5a97a96c71d59822c8', class: \"ion-activatable\", id: \"date-button\", \"aria-expanded\": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: \"native\", ref: (el) => (this.dateTargetEl = el) }, h(\"slot\", { key: 'a00ff431512827bfef8c02982ef37099b2f21508', name: \"date-target\" }, dateText), mode === 'md' && h(\"ion-ripple-effect\", { key: '67935989628a2ed0492edb813fb0475bfd88abe7' }))), timeText && (h(\"button\", { key: '4207c94de5bece91b8388332e0192d1756403e62', class: \"ion-activatable\", id: \"time-button\", \"aria-expanded\": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: \"native\", ref: (el) => (this.timeTargetEl = el) }, h(\"slot\", { key: '9ffa7ef4417571933bd1757950ec805c49704759', name: \"time-target\" }, timeText), mode === 'md' && h(\"ion-ripple-effect\", { key: 'fbcad00cf828c9719074d1d06f4e13246b28903e' })))));\n    }\n    static get is() { return \"ion-datetime-button\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"datetime-button.scss\"],\n            \"md\": [\"datetime-button.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"datetime-button.css\"],\n            \"md\": [\"datetime-button.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                \"defaultValue\": \"'primary'\"\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 button.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"datetime\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ID of the `ion-datetime` instance\\nassociated with the datetime button.\"\n                },\n                \"attribute\": \"datetime\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"datetimePresentation\": {},\n            \"dateText\": {},\n            \"timeText\": {},\n            \"datetimeActive\": {},\n            \"selectedButton\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n"],"mappings":"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"}

package/dist/checkout/p-8845543b.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i}from"./p-d7a430bf.js";import{o as r,c as o}from"./p-350e7423.js";import{g as n}from"./p-3b75b22a.js";const s=":host{--background:transparent;--color:var(--ion-color-primary, #3880ff);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}";const a=class{constructor(e){t(this,e);this.onClick=t=>{r(this.href,t,this.routerDirection,this.routerAnimation)};this.color=undefined;this.href=undefined;this.rel=undefined;this.routerDirection="forward";this.routerAnimation=undefined;this.target=undefined}render(){const t=n(this);const r={href:this.href,rel:this.rel,target:this.target};return e(i,{key:"e69892f4c6a6baf040a20c429afdec0e4db2dc0e",onClick:this.onClick,class:o(this.color,{[t]:true,"ion-activatable":true})},e("a",Object.assign({key:"648cb22526f2933abe0865c86da6f30eac3ccb87"},r),e("slot",{key:"d6bc2e28b7c5cc228caedffebe653bde35934b67"})))}};a.style=s;export{a as ion_router_link};
+//# sourceMappingURL=p-8845543b.entry.js.map

package/dist/checkout/p-8845543b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["routerLinkCss","RouterLink","constructor","hostRef","this","onClick","ev","openURL","href","routerDirection","routerAnimation","color","undefined","rel","target","render","mode","getIonMode","attrs","h","Host","key","class","createColorClasses","Object","assign"],"sources":["./node_modules/@ionic/core/dist/collection/components/router-link/router-link.css?tag=ion-router-link&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/router-link/router-link.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 router link\n   * @prop --color: Text color of the router link\n   */\n  --background: transparent;\n  --color: var(--ion-color-primary, #3880ff);\n  background: var(--background);\n  color: var(--color);\n}\n\n:host(.ion-color) {\n  color: var(--ion-color-base);\n}\n\na {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { createColorClasses, openURL } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class RouterLink {\n    constructor() {\n        this.onClick = (ev) => {\n            openURL(this.href, ev, this.routerDirection, this.routerAnimation);\n        };\n        this.color = undefined;\n        this.href = undefined;\n        this.rel = undefined;\n        this.routerDirection = 'forward';\n        this.routerAnimation = undefined;\n        this.target = undefined;\n    }\n    render() {\n        const mode = getIonMode(this);\n        const attrs = {\n            href: this.href,\n            rel: this.rel,\n            target: this.target,\n        };\n        return (h(Host, { key: 'e69892f4c6a6baf040a20c429afdec0e4db2dc0e', onClick: this.onClick, class: createColorClasses(this.color, {\n                [mode]: true,\n                'ion-activatable': true,\n            }) }, h(\"a\", Object.assign({ key: '648cb22526f2933abe0865c86da6f30eac3ccb87' }, attrs), h(\"slot\", { key: 'd6bc2e28b7c5cc228caedffebe653bde35934b67' }))));\n    }\n    static get is() { return \"ion-router-link\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"router-link.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"router-link.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            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Contains a URL or a URL fragment that the hyperlink points to.\\nIf this property is set, an anchor tag will be rendered.\"\n                },\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"rel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the relationship of the target object to the link object.\\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).\"\n                },\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"routerDirection\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"RouterDirection\",\n                    \"resolved\": \"\\\"back\\\" | \\\"forward\\\" | \\\"root\\\"\",\n                    \"references\": {\n                        \"RouterDirection\": {\n                            \"location\": \"import\",\n                            \"path\": \"../router/utils/interface\",\n                            \"id\": \"src/components/router/utils/interface.ts::RouterDirection\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"When using a router, it specifies the transition direction when navigating to\\nanother page using `href`.\"\n                },\n                \"attribute\": \"router-direction\",\n                \"reflect\": false,\n                \"defaultValue\": \"'forward'\"\n            },\n            \"routerAnimation\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AnimationBuilder | undefined\",\n                    \"resolved\": \"((baseEl: any, opts?: any) => Animation) | undefined\",\n                    \"references\": {\n                        \"AnimationBuilder\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::AnimationBuilder\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"When using a router, it specifies the transition animation when navigating to\\nanother page using `href`.\"\n                }\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies where to display the linked URL.\\nOnly applies when an `href` is provided.\\nSpecial keywords: `\\\"_blank\\\"`, `\\\"_self\\\"`, `\\\"_parent\\\"`, `\\\"_top\\\"`.\"\n                },\n                \"attribute\": \"target\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n"],"mappings":"iIAAA,MAAMA,EAAgB,8Z,MCMTC,EAAU,MACnBC,YAAAC,G,UACIC,KAAKC,QAAWC,IACZC,EAAQH,KAAKI,KAAMF,EAAIF,KAAKK,gBAAiBL,KAAKM,gBAAgB,EAEtEN,KAAKO,MAAQC,UACbR,KAAKI,KAAOI,UACZR,KAAKS,IAAMD,UACXR,KAAKK,gBAAkB,UACvBL,KAAKM,gBAAkBE,UACvBR,KAAKU,OAASF,S,CAElBG,SACI,MAAMC,EAAOC,EAAWb,MACxB,MAAMc,EAAQ,CACVV,KAAMJ,KAAKI,KACXK,IAAKT,KAAKS,IACVC,OAAQV,KAAKU,QAEjB,OAAQK,EAAEC,EAAM,CAAEC,IAAK,2CAA4ChB,QAASD,KAAKC,QAASiB,MAAOC,EAAmBnB,KAAKO,MAAO,CACxHK,CAACA,GAAO,KACR,kBAAmB,QACjBG,EAAE,IAAKK,OAAOC,OAAO,CAAEJ,IAAK,4CAA8CH,GAAQC,EAAE,OAAQ,CAAEE,IAAK,8C"}

package/dist/checkout/p-88abdf59.js

@@ -1,4 +1,5 @@
 import{w as t}from"./p-d7fe59ee.js";import{c as e}from"./p-3b75b22a.js";import"./p-d7a430bf.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const o=()=>e.get("experimentalCloseWatcher",!1)&&void 0!==t&&"CloseWatcher"in t,n=()=>{document.addEventListener("backbutton",(()=>{}))},i=()=>{const e=document;let n=!1;const i=()=>{if(n)return;let t=0,o=[];const i=new CustomEvent("ionBackButton",{bubbles:!1,detail:{register(e,n){o.push({priority:e,handler:n,id:t++})}}});e.dispatchEvent(i);const r=()=>{if(o.length>0){let t={priority:Number.MIN_SAFE_INTEGER,handler:()=>{},id:-1};o.forEach((e=>{e.priority>=t.priority&&(t=e)})),n=!0,o=o.filter((e=>e.id!==t.id)),(async t=>{try{if(null==t?void 0:t.handler){const e=t.handler(r);null!=e&&await e}}catch(t){console.error(t)}})(t).then((()=>n=!1))}};r()};if(o()){let e;const o=()=>{null==e||e.destroy(),e=new t.CloseWatcher,e.onclose=()=>{i(),o()}};o()}else e.addEventListener("backbutton",i)},r=100,s=99;export{s as MENU_BACK_BUTTON_PRIORITY,r as OVERLAY_BACK_BUTTON_PRIORITY,n as blockHardwareBackButton,o as shouldUseCloseWatcher,i as startHardwareBackButton}
+ */const n=()=>e.get("experimentalCloseWatcher",false)&&t!==undefined&&"CloseWatcher"in t;const o=()=>{document.addEventListener("backbutton",(()=>{}))};const s=()=>{const e=document;let o=false;const s=()=>{if(o){return}let t=0;let n=[];const s=new CustomEvent("ionBackButton",{bubbles:false,detail:{register(e,o){n.push({priority:e,handler:o,id:t++})}}});e.dispatchEvent(s);const i=async t=>{try{if(t===null||t===void 0?void 0:t.handler){const e=t.handler(c);if(e!=null){await e}}}catch(t){console.error(t)}};const c=()=>{if(n.length>0){let t={priority:Number.MIN_SAFE_INTEGER,handler:()=>undefined,id:-1};n.forEach((e=>{if(e.priority>=t.priority){t=e}}));o=true;n=n.filter((e=>e.id!==t.id));i(t).then((()=>o=false))}};c()};if(n()){let e;const n=()=>{e===null||e===void 0?void 0:e.destroy();e=new t.CloseWatcher;e.onclose=()=>{s();n()}};n()}else{e.addEventListener("backbutton",s)}};const i=100;const c=99;export{c as MENU_BACK_BUTTON_PRIORITY,i as OVERLAY_BACK_BUTTON_PRIORITY,o as blockHardwareBackButton,n as shouldUseCloseWatcher,s as startHardwareBackButton};
+//# sourceMappingURL=p-88abdf59.js.map

package/dist/checkout/p-88abdf59.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["shouldUseCloseWatcher","config","get","win","undefined","blockHardwareBackButton","document","addEventListener","startHardwareBackButton","doc","busy","backButtonCallback","index","handlers","ev","CustomEvent","bubbles","detail","register","priority","handler","push","id","dispatchEvent","executeAction","async","handlerRegister","result","processHandlers","e","console","error","length","selectedHandler","Number","MIN_SAFE_INTEGER","forEach","filter","then","watcher","configureWatcher","destroy","CloseWatcher","onclose","OVERLAY_BACK_BUTTON_PRIORITY","MENU_BACK_BUTTON_PRIORITY"],"sources":["./node_modules/@ionic/core/dist/collection/utils/hardware-back-button.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { win } from \"./browser/index\";\nimport { config } from \"../global/config\";\n/**\n * CloseWatcher is a newer API that lets\n * use detect the hardware back button event\n * in a web browser: https://caniuse.com/?search=closewatcher\n * However, not every browser supports it yet.\n *\n * This needs to be a function so that we can\n * check the config once it has been set.\n * Otherwise, this code would be evaluated the\n * moment this file is evaluated which could be\n * before the config is set.\n */\nexport const shouldUseCloseWatcher = () => config.get('experimentalCloseWatcher', false) && win !== undefined && 'CloseWatcher' in win;\n/**\n * When hardwareBackButton: false in config,\n * we need to make sure we also block the default\n * webview behavior. If we don't then it will be\n * possible for users to navigate backward while\n * an overlay is still open. Additionally, it will\n * give the appearance that the hardwareBackButton\n * config is not working as the page transition\n * will still happen.\n */\nexport const blockHardwareBackButton = () => {\n    document.addEventListener('backbutton', () => { }); // eslint-disable-line\n};\nexport const startHardwareBackButton = () => {\n    const doc = document;\n    let busy = false;\n    const backButtonCallback = () => {\n        if (busy) {\n            return;\n        }\n        let index = 0;\n        let handlers = [];\n        const ev = new CustomEvent('ionBackButton', {\n            bubbles: false,\n            detail: {\n                register(priority, handler) {\n                    handlers.push({ priority, handler, id: index++ });\n                },\n            },\n        });\n        doc.dispatchEvent(ev);\n        const executeAction = async (handlerRegister) => {\n            try {\n                if (handlerRegister === null || handlerRegister === void 0 ? void 0 : handlerRegister.handler) {\n                    const result = handlerRegister.handler(processHandlers);\n                    if (result != null) {\n                        await result;\n                    }\n                }\n            }\n            catch (e) {\n                console.error(e);\n            }\n        };\n        const processHandlers = () => {\n            if (handlers.length > 0) {\n                let selectedHandler = {\n                    priority: Number.MIN_SAFE_INTEGER,\n                    handler: () => undefined,\n                    id: -1,\n                };\n                handlers.forEach((handler) => {\n                    if (handler.priority >= selectedHandler.priority) {\n                        selectedHandler = handler;\n                    }\n                });\n                busy = true;\n                handlers = handlers.filter((handler) => handler.id !== selectedHandler.id);\n                executeAction(selectedHandler).then(() => (busy = false));\n            }\n        };\n        processHandlers();\n    };\n    /**\n     * If the CloseWatcher is defined then\n     * we don't want to also listen for the native\n     * backbutton event otherwise we may get duplicate\n     * events firing.\n     */\n    if (shouldUseCloseWatcher()) {\n        let watcher;\n        const configureWatcher = () => {\n            watcher === null || watcher === void 0 ? void 0 : watcher.destroy();\n            watcher = new win.CloseWatcher();\n            /**\n             * Once a close request happens\n             * the watcher gets destroyed.\n             * As a result, we need to re-configure\n             * the watcher so we can respond to other\n             * close requests.\n             */\n            watcher.onclose = () => {\n                backButtonCallback();\n                configureWatcher();\n            };\n        };\n        configureWatcher();\n    }\n    else {\n        doc.addEventListener('backbutton', backButtonCallback);\n    }\n};\nexport const OVERLAY_BACK_BUTTON_PRIORITY = 100;\nexport const MENU_BACK_BUTTON_PRIORITY = 99; // 1 less than overlay priority since menu is displayed behind overlays\n"],"mappings":";;;GAiBY,MAACA,EAAwB,IAAMC,EAAOC,IAAI,2BAA4B,QAAUC,IAAQC,WAAa,iBAAkBD,EAWvH,MAACE,EAA0B,KACnCC,SAASC,iBAAiB,cAAc,QAAU,EAE1C,MAACC,EAA0B,KACnC,MAAMC,EAAMH,SACZ,IAAII,EAAO,MACX,MAAMC,EAAqB,KACvB,GAAID,EAAM,CACN,MACZ,CACQ,IAAIE,EAAQ,EACZ,IAAIC,EAAW,GACf,MAAMC,EAAK,IAAIC,YAAY,gBAAiB,CACxCC,QAAS,MACTC,OAAQ,CACJC,SAASC,EAAUC,GACfP,EAASQ,KAAK,CAAEF,WAAUC,UAASE,GAAIV,KAC3D,KAGQH,EAAIc,cAAcT,GAClB,MAAMU,EAAgBC,MAAOC,IACzB,IACI,GAAIA,IAAoB,MAAQA,SAAyB,OAAS,EAAIA,EAAgBN,QAAS,CAC3F,MAAMO,EAASD,EAAgBN,QAAQQ,GACvC,GAAID,GAAU,KAAM,OACVA,CAC9B,CACA,CACA,CACY,MAAOE,GACHC,QAAQC,MAAMF,EAC9B,GAEQ,MAAMD,EAAkB,KACpB,GAAIf,EAASmB,OAAS,EAAG,CACrB,IAAIC,EAAkB,CAClBd,SAAUe,OAAOC,iBACjBf,QAAS,IAAMhB,UACfkB,IAAK,GAETT,EAASuB,SAAShB,IACd,GAAIA,EAAQD,UAAYc,EAAgBd,SAAU,CAC9Cc,EAAkBb,CAC1C,KAEgBV,EAAO,KACPG,EAAWA,EAASwB,QAAQjB,GAAYA,EAAQE,KAAOW,EAAgBX,KACvEE,EAAcS,GAAiBK,MAAK,IAAO5B,EAAO,OAClE,GAEQkB,GAAiB,EAQrB,GAAI5B,IAAyB,CACzB,IAAIuC,EACJ,MAAMC,EAAmB,KACrBD,IAAY,MAAQA,SAAiB,OAAS,EAAIA,EAAQE,UAC1DF,EAAU,IAAIpC,EAAIuC,aAQlBH,EAAQI,QAAU,KACdhC,IACA6B,GAAkB,CACrB,EAELA,GACR,KACS,CACD/B,EAAIF,iBAAiB,aAAcI,EAC3C,GAEY,MAACiC,EAA+B,IAChC,MAACC,EAA4B,U"}

package/dist/checkout/p-8b838f6e.entry.js

@@ -0,0 +1,2 @@
+import{r as a,d as t,h as o}from"./p-d7a430bf.js";import{T as i}from"./p-99e447f9.js";const n=':root{--amwal-animation-duration-fast:0.2s;--amwal-animation-duration-normal:0.4s;--amwal-animation-duration-slow:0.5s;--amwal-animation-easing-smooth:cubic-bezier(0.25, 0.46, 0.45, 0.94);--amwal-animation-easing-bounce:cubic-bezier(0.175, 0.885, 0.32, 1.275);--amwal-animation-easing-elastic:cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframes amwal-overlay-enter{0%{opacity:0;backdrop-filter:blur(0px)}100%{opacity:1;backdrop-filter:blur(4px)}}@keyframes amwal-modal-enter{0%{opacity:0;transform:scale(0.7) translateY(50px);filter:blur(8px)}50%{opacity:0.8;transform:scale(1.02) translateY(10px);filter:blur(2px)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}@keyframes amwal-modal-slide-up{0%{opacity:0;transform:translateY(100px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes amwal-modal-zoom-in{0%{opacity:0;transform:scale(0.3)}50%{opacity:0.8;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes amwal-modal-fade-in{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes amwal-content-stagger{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes amwal-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes amwal-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes amwal-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.amwal-modal-overlay{all:initial !important;position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;background:rgba(0, 0, 0, 0.75) !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:999999 !important;backdrop-filter:blur(4px) !important;animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;font-family:-apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif !important}div[data-amwal-modal="true"].amwal-modal-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;z-index:999999 !important;background:rgba(0, 0, 0, 0.75) !important;display:flex !important;align-items:center !important;justify-content:center !important;animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}div[data-amwal-content="true"].amwal-modal-container{width:90vw !important;max-width:900px !important;max-height:95vh !important;margin:0 !important;padding:0 !important;border:none !important;background:linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;border-radius:17px !important;color:#292929 !important;text-align:left !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;position:relative !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3) !important;animation:amwal-modal-enter var(--amwal-animation-duration-slow) var(--amwal-animation-easing-bounce) !important}html body div[data-amwal-modal="true"].amwal-modal-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;background:rgb(0 0 0 / 50%) !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:999999 !important;animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}html body div[data-amwal-modal="true"].amwal-modal-overlay div[data-amwal-content="true"].amwal-modal-container{width:90vw !important;max-width:850px !important;height:67vh !important;background:linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;border-radius:17px !important;color:#292929 !important;overflow:hidden !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3) !important;display:flex !important;flex-direction:column !important;text-align:left !important;margin:0 !important;padding:0 !important;border:none !important;position:relative !important;animation:amwal-modal-enter var(--amwal-animation-duration-slow) var(--amwal-animation-easing-bounce) !important}.amwal-modal-overlay.amwal-animation-slide{animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-slide .amwal-modal-container{animation:amwal-modal-slide-up var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-zoom{animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-zoom .amwal-modal-container{animation:amwal-modal-zoom-in var(--amwal-animation-duration-normal) var(--amwal-animation-easing-bounce) !important}.amwal-modal-overlay.amwal-animation-fade{animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-fade .amwal-modal-container{animation:amwal-modal-fade-in var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}@media (prefers-reduced-motion: reduce){.amwal-modal-overlay,.amwal-modal-container,div[data-amwal-modal="true"].amwal-modal-overlay,div[data-amwal-content="true"].amwal-modal-container{animation:amwal-modal-fade-in 0.2s ease !important}.amwal-spinner{animation:none !important}}@media (prefers-contrast: more){.amwal-modal-overlay{background:rgba(0, 0, 0, 0.9) !important;backdrop-filter:none !important}}@keyframes amwal-overlay-fade-in{0%{opacity:0;backdrop-filter:blur(0px)}100%{opacity:1;backdrop-filter:blur(4px)}}@keyframes amwal-modal-scale-in{0%{opacity:0;transform:scale(0.7) translateY(50px);filter:blur(8px)}50%{opacity:0.8;transform:scale(1.02) translateY(10px);filter:blur(2px)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}@keyframes amwal-fade-in{from{opacity:0}to{opacity:1}}@keyframes amwal-slide-up{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.amwal-modal-overlay .amwal-modal-container,div.amwal-modal-overlay div.amwal-modal-container{all:initial !important;font-family:\'Inter\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif !important;width:90vw;max-width:800px;max-height:90vh;margin:0 !important;padding:0 !important;border:none !important;background:linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;border-radius:17px !important;color:#292929 !important;overflow:hidden !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3) !important;display:flex !important;flex-direction:column !important;animation:amwal-modal-scale-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;text-align:left !important;position:relative !important;top:unset !important;left:unset !important;right:unset !important;bottom:unset !important;transform:none !important}.amwal-modal-container .amwal-header{all:initial !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;padding:16px 20px 8px 20px !important;background:inherit !important;font-family:inherit !important;flex-shrink:0 !important;position:relative !important}.amwal-modal-container .amwal-header-logo{position:absolute !important;left:50% !important;transform:translateX(-50%) !important;display:flex !important;align-items:center !important;pointer-events:none !important}.amwal-modal-container .amwal-header-logo>svg{width:86px !important;height:35px !important}.amwal-modal-container .amwal-close{all:initial !important;position:relative !important;cursor:pointer !important;width:24px !important;height:24px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;transition:background-color 0.2s ease !important;padding:4px !important}.amwal-modal-container .amwal-close:hover{background-color:rgba(0, 0, 0, 0.1) !important}.amwal-modal-container .amwal-close:before,.amwal-modal-container .amwal-close:after{content:\'\' !important;position:absolute !important;top:50% !important;left:50% !important;width:16px !important;height:2px !important;background-color:#3e3e3e !important;border-radius:1px !important;transform-origin:center !important}.amwal-modal-container .amwal-close:before{transform:translate(-50%, -50%) rotate(45deg) !important}.amwal-modal-container .amwal-close:after{transform:translate(-50%, -50%) rotate(-45deg) !important}.amwal-modal-container .amwal-body{all:initial !important;flex:1 !important;padding:0 20px 20px 20px !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;position:relative !important}#amwal-iframe{width:100% !important;height:62.3vh !important;border:none !important;display:block !important}.amwal-loading-indicator{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:16px !important;font-family:-apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif !important;color:#666 !important;font-size:14px !important;font-weight:500 !important;z-index:10 !important;width:100% !important;height:100% !important;background:rgba(255, 255, 255, 0.9) !important;backdrop-filter:blur(2px) !important}.amwal-spinner{width:40px !important;height:40px !important;border:4px solid #f0f0f0 !important;border-top:4px solid #4666f5 !important;border-radius:50% !important;animation:amwal-spin 1s linear infinite !important;flex-shrink:0 !important}.amwal-error-message{padding:40px 20px !important;text-align:center !important;color:#e74c3c !important;font-family:-apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif !important;font-size:16px !important;background:#fff !important;border-radius:8px !important;margin:20px !important;border:1px solid #e74c3c !important}[dir="rtl"] .amwal-modal-overlay,[dir="rtl"] div[data-amwal-modal="true"].amwal-modal-overlay{direction:rtl !important}[dir="rtl"] .amwal-modal-container,[dir="rtl"] div[data-amwal-content="true"].amwal-modal-container{text-align:right !important;direction:rtl !important}[dir="rtl"] .amwal-modal-container .amwal-header{flex-direction:row-reverse !important;padding:16px 20px 8px 20px !important}[dir="rtl"] .amwal-modal-container .amwal-body{direction:rtl !important;text-align:right !important}[dir="rtl"] .amwal-modal-container .amwal-close{order:-1 !important}[dir="rtl"] .amwal-error-message{text-align:right !important;direction:rtl !important}[dir="rtl"] .amwal-modal-container .amwal-body iframe{direction:rtl !important}@keyframes amwal-modal-slide-up-rtl{0%{opacity:0;transform:translateY(100px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}[dir="rtl"] .amwal-modal-overlay.amwal-animation-slide .amwal-modal-container{animation:amwal-modal-slide-up-rtl var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}@media only screen and (max-width: 768px){[dir="rtl"] .amwal-modal-container .amwal-header{padding:12px 16px 6px 16px !important}[dir="rtl"] .amwal-modal-container .amwal-body{padding:0 16px 16px 16px !important}}@media only screen and (max-width: 480px){[dir="rtl"] .amwal-modal-container{margin:10px !important;border-radius:12px !important}[dir="rtl"] .amwal-modal-container .amwal-header{padding:10px 12px 4px 12px !important}[dir="rtl"] .amwal-modal-container .amwal-body{padding:0 12px 12px 12px !important}}.amwal-modal-overlay *[class*="modal"],.amwal-modal-overlay .modal,.amwal-modal-overlay .modal-dialog,.amwal-modal-overlay .modal-content,.amwal-modal-overlay .modal-header,.amwal-modal-overlay .modal-body,.amwal-modal-overlay .modal-footer,div.amwal-modal-overlay *[class*="modal"],div.amwal-modal-overlay .modal,div.amwal-modal_overlay .modal-dialog,div.amwal-modal_overlay .modal-content,div.amwal-modal_overlay .modal-header,div.amwal-modal_overlay .modal-body,div.amwal-modal_overlay .modal-footer{all:unset !important;box-sizing:border-box !important;display:block !important;position:static !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;border:none !important;background:transparent !important;color:inherit !important;font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;line-height:inherit !important;text-align:inherit !important;text-decoration:none !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;white-space:normal !important;vertical-align:baseline !important;list-style:none !important;outline:none !important;box-shadow:none !important;border-radius:0 !important;opacity:1 !important;visibility:visible !important;overflow:visible !important;z-index:auto !important;transform:none !important;transition:none !important;animation:none !important;float:none !important;clear:none !important}.amwal-modal-overlay,.amwal-modal-overlay *,div.amwal-modal-overlay,div.amwal-modal-overlay *{text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;filter:none !important;opacity:1 !important;visibility:visible !important;transform:none !important;animation-delay:0s !important;animation-duration:0.3s !important;animation-fill-mode:both !important;float:none !important;clear:none !important;position:relative !important}.amwal-modal-overlay{position:fixed !important;z-index:999999 !important}.amwal-modal-overlay .amwal-modal-container{position:relative !important}html body div[data-amwal-modal="true"].amwal-modal-overlay div[data-amwal-content="true"].force-mobile{max-width:475px !important;width:100% !important;container-type:inline-size !important;container-name:amwal-modal !important}@supports not (container-type: inline-size){html body div[data-amwal-modal="true"].amwal-modal-overlay div[data-amwal-content="true"].force-mobile{max-width:475px !important}}';const r=class{constructor(o){a(this,o);this.modalClose=t(this,"modalClose",7);this.t=a=>a;this.closeModal=()=>{this.isClosing=true;this.modalClose.emit();if(window.history&&window.history.back){window.history.back()}if(this.animationTimeoutId){clearTimeout(this.animationTimeoutId);this.animationTimeoutId=undefined}this.animationTimeoutId=window.setTimeout((()=>{this.isVisible=false}),300)};this.handleOverlayClick=a=>{if(a.target===this.modalRef){this.closeModal()}};this.handleIframeLoad=()=>{this.iframeLoaded=true;if(this.debug){console.log("[AmwalWidgetModal] Iframe loaded successfully")}};this.handleIframeError=()=>{console.error("AmwalWidgetModal: Failed to load iframe content");if(this.debug){console.log("[AmwalWidgetModal] Iframe failed to load")}};this.config=undefined;this.locale="en";this.debug=false;this.animationType="default";this.disableAnimations=false;this.layoutTheme="mobile";this.iframeLoaded=false;this.isVisible=true;this.isClosing=false;this.layoutState="mobile"}async componentWillLoad(){this.layoutState=this.layoutTheme;try{this.t=await i.useTranslation(this.locale)}catch(a){console.error("Failed to initialize translation:",a)}}componentDidLoad(){document.body.style.overflow="hidden";if(window.history&&window.history.pushState){window.history.pushState({amwalModal:true},"")}if(this.debug){console.log("[AmwalWidgetModal] Modal opened with config:",this.config);console.log("[AmwalWidgetModal] Layout theme:",this.layoutTheme);console.log("[AmwalWidgetModal] Layout state:",this.layoutState);console.log("[AmwalWidgetModal] Animation type:",this.animationType);console.log("[AmwalWidgetModal] Disable animations:",this.disableAnimations)}}disconnectedCallback(){document.body.style.overflow="";if(this.debug){console.log("[AmwalWidgetModal] Modal closed")}}onLayoutThemeChange(a){this.layoutState=a}async updateLocale(a){this.locale=a;try{this.t=await i.useTranslation(this.locale)}catch(a){console.error("Failed to update translation:",a);this.t=a=>a}}handleKeyDown(a){if(a.key==="Escape"||a.keyCode===27){this.closeModal()}}handlePopState(){this.closeModal()}handleIframeMessage(a){if(a.data==="dismiss"){this.closeModal()}}createIframeUrl(){var a;if(!((a=this.config)===null||a===void 0?void 0:a.promotionUrl)){console.error("AmwalWidgetModal: No promotion URL provided");return""}const t=this.config.promotionUrl;const o=new URLSearchParams;const i=this.config.price;o.set("price",i.toFixed(2));o.set("currency",this.config.currency);o.set("installmentsCount",this.config.installmentsCount.toString());o.set("locale",this.config.locale||document.documentElement.lang||"en");const n=`${t}?${o.toString()}`;if(this.debug){console.log("[AmwalWidgetModal] Generated iframe URL:",n)}return n}renderAmwalLogo(){return o("svg",{width:"143",height:"59",viewBox:"0 0 143 59",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("rect",{width:"143",height:"59",rx:"6",fill:"black"}),o("path",{d:"M108.442 22.8223C109.845 22.8978 111.14 23.3402 112.294 24.1816C112.467 24.3 112.714 24.1815 112.714 23.9658V23.6748C112.714 23.416 112.919 23.2112 113.178 23.2109H117.979C118.14 23.2109 118.194 23.2542 118.173 23.4053C118.162 23.4483 118.173 23.502 118.173 23.5449C118.173 29.6727 118.162 35.8115 118.162 41.9824C118.162 42.3167 117.882 42.5867 117.548 42.5869C116.005 42.5761 114.472 42.5761 112.94 42.5869C112.736 42.5868 112.682 42.5326 112.692 42.3281C112.703 42.1663 112.703 42.0144 112.703 41.8525C112.703 41.6263 112.444 41.5083 112.271 41.6484C112.088 41.7993 111.905 41.9283 111.7 42.0469C110.265 42.856 108.712 43.1149 107.094 42.9531C102.746 42.5216 99.4878 39.1021 98.7002 35.0674C98.0313 31.5935 98.8296 28.4751 101.225 25.8428C103.145 23.7391 105.573 22.6604 108.442 22.8223ZM26.6836 22.8359C28.086 22.9115 29.3809 23.3539 30.5352 24.1846C30.7185 24.3031 30.9551 24.1844 30.9551 23.9688V23.4189C30.9551 23.2895 30.9663 23.2139 31.1387 23.2139C32.8432 23.2247 34.5376 23.2139 36.2422 23.2139C36.4037 23.2139 36.4571 23.2573 36.4355 23.4082C36.4249 23.4512 36.4355 23.4942 36.4355 23.5479C36.4355 29.7726 36.4257 35.9979 36.4473 42.2227C36.4473 42.5031 36.3605 42.5576 36.0908 42.5576C34.4619 42.5468 32.8437 42.5468 31.2148 42.5576C30.9885 42.5576 30.9336 42.5035 30.9443 42.2881C30.9551 42.1372 30.9551 41.9859 30.9551 41.835C30.9551 41.6084 30.697 41.4898 30.5244 41.6299C29.3377 42.5684 27.9565 42.9138 26.4678 42.9678C22.1956 43.108 18.4085 40.184 17.2002 35.9873C16.0782 32.0928 16.8768 28.5544 19.6924 25.6309C21.5696 23.6566 23.9326 22.6741 26.6836 22.8359ZM90.043 42.5771C89.9458 42.7711 89.6654 42.7712 89.5684 42.5771C88.9103 41.2071 88.2635 39.8583 87.6162 38.5098C86.9689 37.1612 86.3211 35.8232 85.6738 34.4531C85.5766 34.2485 85.2963 34.2484 85.1992 34.4531C83.8938 37.1718 82.5993 39.8584 81.2939 42.5986C81.1968 42.7928 80.9272 42.8035 80.8193 42.6094C77.3887 36.1256 73.9796 29.6849 70.5381 23.2012H70.8398C72.663 23.2012 74.4972 23.2012 76.3203 23.1904C76.5253 23.1904 76.6227 23.2659 76.709 23.4385C78.1546 26.362 79.611 29.2747 81.0674 32.1982C81.1105 32.2738 81.1433 32.35 81.208 32.4795C81.4777 31.9186 81.7256 31.3898 81.9629 30.8721C82.265 30.2463 82.5563 29.6091 82.8584 28.9834C82.9338 28.8325 82.9339 28.7135 82.8584 28.5518C82.0601 26.8689 81.2611 25.1751 80.4736 23.4814C80.4413 23.406 80.3985 23.3303 80.3662 23.2441C80.4201 23.1688 80.4958 23.2012 80.5605 23.2012C82.1572 23.2012 83.754 23.2012 85.3506 23.1904C85.5338 23.1905 85.6198 23.2552 85.6953 23.417C87.1086 26.3838 88.533 29.3506 89.957 32.3174C89.9678 32.3389 89.9893 32.3604 90.0322 32.4141C90.2587 31.8964 90.4855 31.4112 90.7012 30.915C91.7908 28.4229 92.8919 25.9306 93.9707 23.4385C94.057 23.2445 94.1536 23.1905 94.3584 23.1904C95.955 23.2012 97.5518 23.1904 99.1484 23.1904H99.4404C96.301 29.6742 93.1824 36.1041 90.043 42.5771ZM60.7998 22.9551C62.6122 22.6314 64.4037 22.7285 66.1299 23.4082C68.2228 24.2281 69.6359 25.7608 70.5098 27.7998C71.1462 29.2669 71.4482 30.8205 71.459 32.4062C71.4806 35.6858 71.4696 38.9763 71.4912 42.2559C71.4912 42.5255 71.416 42.5683 71.168 42.5684C69.5713 42.5576 67.9745 42.5576 66.3887 42.5684C66.1298 42.5684 66.0537 42.5147 66.0537 42.2451C66.0645 39.1381 66.0654 36.0309 66.0654 32.9238C66.0654 32.0177 65.9139 31.144 65.4824 30.335C64.1123 27.7673 60.6922 27.5085 58.9121 29.8496C58.2326 30.745 57.9092 31.7698 57.9092 32.8809C57.9092 36.0094 57.9091 39.138 57.9199 42.2666C57.9199 42.5147 57.8545 42.5684 57.6172 42.5684C55.9883 42.5576 54.3486 42.5576 52.7197 42.5684C52.504 42.5684 52.4502 42.5146 52.4502 42.2988C52.461 39.1703 52.4501 36.0417 52.4609 32.9131C52.4609 32.3305 52.4068 31.7476 52.2666 31.1758C51.8673 29.6441 50.5728 28.4903 49.0088 28.2744C46.6031 27.94 45.1574 29.752 44.6826 31.3379C44.51 31.8989 44.4453 32.4711 44.4453 33.0645C44.4453 36.0419 44.4453 39.0303 44.4561 42.0078C44.456 42.3206 44.2074 42.5684 43.8945 42.5684C42.3519 42.5576 40.8093 42.5576 39.2559 42.5684C39.0293 42.5684 38.9863 42.5038 38.9863 42.2988C38.9971 36.0202 38.9971 29.7523 38.9863 23.4736C38.9863 23.2794 39.0186 23.2148 39.2344 23.2148C40.8958 23.2256 42.5574 23.2256 44.2188 23.2148C44.391 23.2149 44.456 23.2468 44.4453 23.4297C44.4345 23.6023 44.4346 23.7649 44.4346 23.9375C44.4348 24.1423 44.6829 24.2612 44.8555 24.1318C47.9301 21.834 53.2263 22.6106 55.5566 25.5449C55.6645 25.6743 55.8589 25.6849 55.9668 25.5664C56.0855 25.4369 56.1938 25.3071 56.3125 25.1885C57.553 23.9372 59.0847 23.2572 60.7998 22.9551ZM125.977 14C126.235 14 126.29 14.0643 126.29 14.3232C126.268 18.973 126.279 23.6227 126.279 28.2725C126.279 32.9222 126.279 37.572 126.29 42.2217C126.29 42.4806 126.246 42.5566 125.966 42.5566C124.336 42.5459 122.696 42.5459 121.067 42.5566C120.863 42.5566 120.819 42.5024 120.819 42.2979C120.83 32.9552 120.83 23.6121 120.819 14.2803C120.819 14.0431 120.895 14 121.11 14C122.729 14.0108 124.358 14.0108 125.977 14ZM31.1387 32.0605C30.5993 28.6623 27.2228 27.4104 24.666 28.7695C22.9615 29.665 22.0987 31.4453 22.3145 33.5166C22.5518 35.8469 24.4612 37.5732 26.9102 37.5732C28.6146 37.5192 29.9743 36.7101 30.751 35.0488C31.1933 34.0995 31.2897 33.0854 31.1387 32.0605ZM112.887 32.1436C112.585 29.4357 110.039 27.6875 107.406 28.3672C105.54 28.8527 104.277 30.2988 104.051 32.3701C103.738 35.1426 105.648 37.5164 108.528 37.5596C110.352 37.5704 111.884 36.556 112.563 34.8838C112.919 34.01 112.995 33.0929 112.887 32.1436Z",fill:"#BEFF00"}))}render(){const a=this.createIframeUrl();const t=()=>{if(this.disableAnimations)return"";switch(this.animationType){case"slide":return"amwal-animation-slide";case"zoom":return"amwal-animation-zoom";case"fade":return"amwal-animation-fade";default:return""}};const i=this.layoutState==="mobile"?"force-mobile":"";return o("div",{class:`amwal-modal-overlay`,"data-amwal-modal":"true",ref:a=>this.modalRef=a,onClick:this.handleOverlayClick,style:Object.assign(Object.assign({},this.locale==="ar"?{direction:"rtl"}:{}),{display:this.isVisible?"flex":"none"})},o("div",{class:`amwal-modal-container ${i} ${t()}`,"data-amwal-content":"true"},o("div",{class:"amwal-header"},o("div",{class:"amwal-header-logo"},this.renderAmwalLogo()),o("div",{class:"amwal-close",onClick:this.closeModal,role:"button",tabindex:"0","aria-label":this.t("Close modal")})),o("div",{class:"amwal-body"},a?o("iframe",{id:"amwal-iframe",src:a,frameBorder:"0",loading:"lazy",allowFullScreen:true,sandbox:"allow-scripts allow-same-origin allow-forms",onLoad:this.handleIframeLoad,onError:this.handleIframeError,style:{width:"100%",height:"700px",border:"none",display:"block"}}):o("div",{class:"amwal-error-message"},this.t("Unable to load content. Please try again later.")))))}static get watchers(){return{layoutTheme:["onLayoutThemeChange"],locale:["updateLocale"]}}};r.style=n;export{r as amwal_widget_modal};
+//# sourceMappingURL=p-8b838f6e.entry.js.map