@amwaljs/checkout-button 0.3.2 → 0.3.3

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

@@ -0,0 +1 @@
+{"version":3,"names":["buttonsIosCss","buttonsMdCss","Buttons","constructor","hostRef","this","collapse","render","mode","getIonMode","h","Host","key","class","pickerColumnInternalIosCss","pickerColumnInternalMdCss","PickerColumnInternal","isScrolling","isColumnVisible","canExitInputMode","centerPickerItemInView","target","smooth","el","top","offsetTop","clientHeight","scrollTop","scroll","left","behavior","undefined","setPickerItemActiveState","item","isActive","classList","add","PICKER_ITEM_ACTIVE_CLASS","part","PICKER_ITEM_ACTIVE_PART","remove","inputModeChange","ev","numericInput","useInputMode","inputModeColumn","detail","isColumnActive","setInputModeActive","state","scrollEndCallback","initializeScrollListener","enableHaptics","isPlatform","timeout","activeEl","activeItem","scrollCallback","raf","clearTimeout","hapticSelectionStart","bbox","getBoundingClientRect","centerX","x","width","centerY","y","height","activeElement","shadowRoot","elementFromPoint","disabled","hapticSelectionChanged","exitInputMode","setTimeout","hapticSelectionEnd","dataIndex","getAttribute","index","parseInt","selectedItem","items","value","setValue","addEventListener","destroyScrollListener","removeEventListener","parentEl","color","valueChange","scrollActiveItemIntoView","componentWillLoad","visibleCallback","entries","length","isIntersecting","oldActive","getElementRoot","querySelector","IntersectionObserver","threshold","observe","closest","componentDidRender","_a","async","findItem","find","ionChange","emit","selector","pickerDisabled","exportparts","PICKER_ITEM_PART","tabindex","createColorClasses","map","isItemDisabled","onClick","text","pickerInternalIosCss","pickerInternalMdCss","PickerInternal","isInHighlightBounds","highlightEl","outsideX","clientX","right","outsideY","clientY","bottom","onFocusOut","relatedTarget","tagName","inputEl","onFocusIn","actionOnClick","columnEl","allowInput","enterInputMode","onPointerDown","columns","querySelectorAll","focusInput","hasInputColumn","destroyKeypressListener","focus","onKeyPress","emitInputModeChange","parsedValue","Number","isNaN","onInputChange","selectSingleColumn","singleColumnSearchTimeout","values","filter","startIndex","newString","substring","findItemFromCompleteValue","parsedText","replace","changedCharacter","searchColumn","colEl","zeroBehavior","selectMultiColumn","numericPickers","Array","from","col","firstColumn","lastColumn","minuteValue","firstCharacter","firstCharacterAgain","firstCharacterAgainAgain","minuteValueAgain","ionInputModeChange","preventTouchStartPropagation","stopPropagation","blur","inputmode","type","onKeyDown","ref","onInput","onBlur"],"sources":["./node_modules/@ionic/core/dist/collection/components/buttons/buttons.ios.css?tag=ion-buttons&mode=ios&encapsulation=scoped","./node_modules/@ionic/core/dist/collection/components/buttons/buttons.md.css?tag=ion-buttons&mode=md&encapsulation=scoped","./node_modules/@ionic/core/dist/collection/components/buttons/buttons.js","./node_modules/@ionic/core/dist/collection/components/picker-column-internal/picker-column-internal.ios.css?tag=ion-picker-column-internal&mode=ios&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/picker-column-internal/picker-column-internal.md.css?tag=ion-picker-column-internal&mode=md&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/picker-column-internal/picker-column-internal.js","./node_modules/@ionic/core/dist/collection/components/picker-internal/picker-internal.ios.css?tag=ion-picker-internal&mode=ios&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/picker-internal/picker-internal.md.css?tag=ion-picker-internal&mode=md&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/picker-internal/picker-internal.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/**\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  align-items: center;\n  transform: translateZ(0);\n  z-index: 99;\n}\n\n::slotted(*) ion-button {\n  --padding-top: 0;\n  --padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n::slotted(*) ion-button {\n  --padding-top: 3px;\n  --padding-bottom: 3px;\n  --padding-start: 5px;\n  --padding-end: 5px;\n  -webkit-margin-start: 2px;\n  margin-inline-start: 2px;\n  -webkit-margin-end: 2px;\n  margin-inline-end: 2px;\n  min-height: 32px;\n}\n\n::slotted(*) .button-has-icon-only {\n  --padding-top: 0;\n  --padding-bottom: 0;\n}\n\n::slotted(*) ion-button:not(.button-round) {\n  --border-radius: 4px;\n}\n\n:host-context(.ion-color)::slotted(*) .button {\n  --color: initial;\n  --border-color: initial;\n  --background-focused: var(--ion-color-contrast);\n}\n\n:host-context(.ion-color)::slotted(*) .button-solid {\n  --background: var(--ion-color-contrast);\n  --background-focused: #000;\n  --background-focused-opacity: .12;\n  --background-activated: #000;\n  --background-activated-opacity: .12;\n  --background-hover: var(--ion-color-base);\n  --background-hover-opacity: 0.45;\n  --color: var(--ion-color-base);\n  --color-focused: var(--ion-color-base);\n}\n\n:host-context(.ion-color)::slotted(*) .button-clear {\n  --color-activated: var(--ion-color-contrast);\n  --color-focused: var(--ion-color-contrast);\n}\n\n:host-context(.ion-color)::slotted(*) .button-outline {\n  --color-activated: var(--ion-color-base);\n  --color-focused: var(--ion-color-contrast);\n  --background-activated: var(--ion-color-contrast);\n}\n\n::slotted(*) .button-clear,\n::slotted(*) .button-outline {\n  --background-activated: transparent;\n  --background-focused: currentColor;\n  --background-hover: transparent;\n}\n\n::slotted(*) .button-solid:not(.ion-color) {\n  --background-focused: #000;\n  --background-focused-opacity: .12;\n  --background-activated: #000;\n  --background-activated-opacity: .12;\n}\n\n::slotted(*) ion-icon[slot=start] {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  -webkit-margin-end: 0.3em;\n  margin-inline-end: 0.3em;\n  font-size: 1.41em;\n  line-height: 0.67;\n}\n\n::slotted(*) ion-icon[slot=end] {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  -webkit-margin-start: 0.4em;\n  margin-inline-start: 0.4em;\n  font-size: 1.41em;\n  line-height: 0.67;\n}\n\n::slotted(*) ion-icon[slot=icon-only] {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: 1.65em;\n  line-height: 0.67;\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/**\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  align-items: center;\n  transform: translateZ(0);\n  z-index: 99;\n}\n\n::slotted(*) ion-button {\n  --padding-top: 0;\n  --padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n::slotted(*) ion-button {\n  --padding-top: 3px;\n  --padding-bottom: 3px;\n  --padding-start: 8px;\n  --padding-end: 8px;\n  --box-shadow: none;\n  -webkit-margin-start: 2px;\n  margin-inline-start: 2px;\n  -webkit-margin-end: 2px;\n  margin-inline-end: 2px;\n  min-height: 32px;\n}\n\n::slotted(*) .button-has-icon-only {\n  --padding-top: 0;\n  --padding-bottom: 0;\n}\n\n::slotted(*) ion-button:not(.button-round) {\n  --border-radius: 2px;\n}\n\n:host-context(.ion-color)::slotted(*) .button {\n  --color: initial;\n  --color-focused: var(--ion-color-contrast);\n  --color-hover: var(--ion-color-contrast);\n  --background-activated: transparent;\n  --background-focused: var(--ion-color-contrast);\n  --background-hover: var(--ion-color-contrast);\n}\n\n:host-context(.ion-color)::slotted(*) .button-solid {\n  --background: var(--ion-color-contrast);\n  --background-activated: transparent;\n  --background-focused: var(--ion-color-shade);\n  --background-hover: var(--ion-color-base);\n  --color: var(--ion-color-base);\n  --color-focused: var(--ion-color-base);\n  --color-hover: var(--ion-color-base);\n}\n\n:host-context(.ion-color)::slotted(*) .button-outline {\n  --border-color: var(--ion-color-contrast);\n}\n\n::slotted(*) .button-has-icon-only.button-clear {\n  --padding-top: 12px;\n  --padding-end: 12px;\n  --padding-bottom: 12px;\n  --padding-start: 12px;\n  --border-radius: 50%;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  width: 3rem;\n  height: 3rem;\n}\n\n::slotted(*) .button {\n  --background-hover: currentColor;\n}\n\n::slotted(*) .button-solid {\n  --color: var(--ion-toolbar-background, var(--ion-background-color, #fff));\n  --background: var(--ion-toolbar-color, var(--ion-text-color, #424242));\n  --background-activated: transparent;\n  --background-focused: currentColor;\n}\n\n::slotted(*) .button-outline {\n  --color: initial;\n  --background: transparent;\n  --background-activated: transparent;\n  --background-focused: currentColor;\n  --background-hover: currentColor;\n  --border-color: currentColor;\n}\n\n::slotted(*) .button-clear {\n  --color: initial;\n  --background: transparent;\n  --background-activated: transparent;\n  --background-focused: currentColor;\n  --background-hover: currentColor;\n}\n\n::slotted(*) ion-icon[slot=start] {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  -webkit-margin-end: 0.3em;\n  margin-inline-end: 0.3em;\n  font-size: 1.4em;\n}\n\n::slotted(*) ion-icon[slot=end] {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  -webkit-margin-start: 0.4em;\n  margin-inline-start: 0.4em;\n  font-size: 1.4em;\n}\n\n::slotted(*) ion-icon[slot=icon-only] {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: 1.8em;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class Buttons {\n    constructor() {\n        this.collapse = false;\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '2929fd8c4469bab2953c23d47f601706acb104f1', class: {\n                [mode]: true,\n                ['buttons-collapse']: this.collapse,\n            } }));\n    }\n    static get is() { return \"ion-buttons\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"buttons.ios.scss\"],\n            \"md\": [\"buttons.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"buttons.ios.css\"],\n            \"md\": [\"buttons.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"collapse\": {\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, buttons will disappear when its\\nparent toolbar has fully collapsed if the toolbar\\nis not the first toolbar. If the toolbar is the\\nfirst toolbar, the buttons will be hidden and will\\nonly be shown once all toolbars have fully collapsed.\\n\\nOnly applies in `ios` mode with `collapse` set to\\n`true` on `ion-header`.\\n\\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)\"\n                },\n                \"attribute\": \"collapse\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\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  -webkit-padding-start: 16px;\n  padding-inline-start: 16px;\n  -webkit-padding-end: 16px;\n  padding-inline-end: 16px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  height: 200px;\n  outline: none;\n  font-size: 22px;\n  scroll-snap-type: y mandatory;\n  /**\n   * Need to explicitly set overflow-x: hidden\n   * for older implementations of scroll snapping.\n   */\n  overflow-x: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n  text-align: center;\n}\n\n/**\n * Hide scrollbars on Chrome and Safari\n */\n:host::-webkit-scrollbar {\n  display: none;\n}\n\n:host .picker-item {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: block;\n  width: 100%;\n  height: 34px;\n  border: 0px;\n  outline: none;\n  background: transparent;\n  color: inherit;\n  font-family: var(--ion-font-family, inherit);\n  font-size: inherit;\n  line-height: 34px;\n  text-align: inherit;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n  overflow: hidden;\n  scroll-snap-align: center;\n}\n\n:host .picker-item-empty,\n:host .picker-item[disabled] {\n  cursor: default;\n}\n\n:host .picker-item-empty,\n:host(:not([disabled])) .picker-item[disabled] {\n  scroll-snap-align: none;\n}\n\n:host([disabled]) {\n  overflow-y: hidden;\n}\n\n:host .picker-item[disabled] {\n  opacity: 0.4;\n}\n\n:host(.picker-column-active) .picker-item.picker-item-active {\n  color: var(--ion-color-base);\n}\n\n@media (any-hover: hover) {\n  :host(:focus) {\n    outline: none;\n    background: rgba(var(--ion-color-base-rgb), 0.2);\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  -webkit-padding-start: 16px;\n  padding-inline-start: 16px;\n  -webkit-padding-end: 16px;\n  padding-inline-end: 16px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  height: 200px;\n  outline: none;\n  font-size: 22px;\n  scroll-snap-type: y mandatory;\n  /**\n   * Need to explicitly set overflow-x: hidden\n   * for older implementations of scroll snapping.\n   */\n  overflow-x: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n  text-align: center;\n}\n\n/**\n * Hide scrollbars on Chrome and Safari\n */\n:host::-webkit-scrollbar {\n  display: none;\n}\n\n:host .picker-item {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: block;\n  width: 100%;\n  height: 34px;\n  border: 0px;\n  outline: none;\n  background: transparent;\n  color: inherit;\n  font-family: var(--ion-font-family, inherit);\n  font-size: inherit;\n  line-height: 34px;\n  text-align: inherit;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n  overflow: hidden;\n  scroll-snap-align: center;\n}\n\n:host .picker-item-empty,\n:host .picker-item[disabled] {\n  cursor: default;\n}\n\n:host .picker-item-empty,\n:host(:not([disabled])) .picker-item[disabled] {\n  scroll-snap-align: none;\n}\n\n:host([disabled]) {\n  overflow-y: hidden;\n}\n\n:host .picker-item[disabled] {\n  opacity: 0.4;\n}\n\n:host(.picker-column-active) .picker-item.picker-item-active {\n  color: var(--ion-color-base);\n}\n\n@media (any-hover: hover) {\n  :host(:focus) {\n    outline: none;\n    background: rgba(var(--ion-color-base-rgb), 0.2);\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 .picker-item-active {\n  color: var(--ion-color-base);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { getElementRoot, raf } from \"../../utils/helpers\";\nimport { hapticSelectionChanged, hapticSelectionEnd, hapticSelectionStart } from \"../../utils/native/haptic\";\nimport { isPlatform } from \"../../utils/platform\";\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 * @internal\n */\nexport class PickerColumnInternal {\n    constructor() {\n        this.isScrolling = false;\n        this.isColumnVisible = false;\n        this.canExitInputMode = true;\n        this.centerPickerItemInView = (target, smooth = true, canExitInputMode = true) => {\n            const { el, isColumnVisible } = this;\n            if (isColumnVisible) {\n                // (Vertical offset from parent) - (three empty picker rows) + (half the height of the target to ensure the scroll triggers)\n                const top = target.offsetTop - 3 * target.clientHeight + target.clientHeight / 2;\n                if (el.scrollTop !== top) {\n                    /**\n                     * Setting this flag prevents input\n                     * mode from exiting in the picker column's\n                     * scroll callback. This is useful when the user manually\n                     * taps an item or types on the keyboard as both\n                     * of these can cause a scroll to occur.\n                     */\n                    this.canExitInputMode = canExitInputMode;\n                    el.scroll({\n                        top,\n                        left: 0,\n                        behavior: smooth ? 'smooth' : undefined,\n                    });\n                }\n            }\n        };\n        this.setPickerItemActiveState = (item, isActive) => {\n            if (isActive) {\n                item.classList.add(PICKER_ITEM_ACTIVE_CLASS);\n                item.part.add(PICKER_ITEM_ACTIVE_PART);\n            }\n            else {\n                item.classList.remove(PICKER_ITEM_ACTIVE_CLASS);\n                item.part.remove(PICKER_ITEM_ACTIVE_PART);\n            }\n        };\n        /**\n         * When ionInputModeChange is emitted, each column\n         * needs to check if it is the one being made available\n         * for text entry.\n         */\n        this.inputModeChange = (ev) => {\n            if (!this.numericInput) {\n                return;\n            }\n            const { useInputMode, inputModeColumn } = ev.detail;\n            /**\n             * If inputModeColumn is undefined then this means\n             * all numericInput columns are being selected.\n             */\n            const isColumnActive = inputModeColumn === undefined || inputModeColumn === this.el;\n            if (!useInputMode || !isColumnActive) {\n                this.setInputModeActive(false);\n                return;\n            }\n            this.setInputModeActive(true);\n        };\n        /**\n         * Setting isActive will cause a re-render.\n         * As a result, we do not want to cause the\n         * re-render mid scroll as this will cause\n         * the picker column to jump back to\n         * whatever value was selected at the\n         * start of the scroll interaction.\n         */\n        this.setInputModeActive = (state) => {\n            if (this.isScrolling) {\n                this.scrollEndCallback = () => {\n                    this.isActive = state;\n                };\n                return;\n            }\n            this.isActive = state;\n        };\n        /**\n         * When the column scrolls, the component\n         * needs to determine which item is centered\n         * in the view and will emit an ionChange with\n         * the item object.\n         */\n        this.initializeScrollListener = () => {\n            /**\n             * The haptics for the wheel picker are\n             * an iOS-only feature. As a result, they should\n             * be disabled on Android.\n             */\n            const enableHaptics = isPlatform('ios');\n            const { el } = this;\n            let timeout;\n            let activeEl = this.activeItem;\n            const scrollCallback = () => {\n                raf(() => {\n                    if (timeout) {\n                        clearTimeout(timeout);\n                        timeout = undefined;\n                    }\n                    if (!this.isScrolling) {\n                        enableHaptics && hapticSelectionStart();\n                        this.isScrolling = true;\n                    }\n                    /**\n                     * Select item in the center of the column\n                     * which is the month/year that we want to select\n                     */\n                    const bbox = el.getBoundingClientRect();\n                    const centerX = bbox.x + bbox.width / 2;\n                    const centerY = bbox.y + bbox.height / 2;\n                    const activeElement = el.shadowRoot.elementFromPoint(centerX, centerY);\n                    if (activeEl !== null) {\n                        this.setPickerItemActiveState(activeEl, false);\n                    }\n                    if (activeElement === null || activeElement.disabled) {\n                        return;\n                    }\n                    /**\n                     * If we are selecting a new value,\n                     * we need to run haptics again.\n                     */\n                    if (activeElement !== activeEl) {\n                        enableHaptics && hapticSelectionChanged();\n                        if (this.canExitInputMode) {\n                            /**\n                             * The native iOS wheel picker\n                             * only dismisses the keyboard\n                             * once the selected item has changed\n                             * as a result of a swipe\n                             * from the user. If `canExitInputMode` is\n                             * `false` then this means that the\n                             * scroll is happening as a result of\n                             * the `value` property programmatically changing\n                             * either by an application or by the user via the keyboard.\n                             */\n                            this.exitInputMode();\n                        }\n                    }\n                    activeEl = activeElement;\n                    this.setPickerItemActiveState(activeElement, true);\n                    timeout = setTimeout(() => {\n                        this.isScrolling = false;\n                        enableHaptics && hapticSelectionEnd();\n                        /**\n                         * Certain tasks (such as those that\n                         * cause re-renders) should only be done\n                         * once scrolling has finished, otherwise\n                         * flickering may occur.\n                         */\n                        const { scrollEndCallback } = this;\n                        if (scrollEndCallback) {\n                            scrollEndCallback();\n                            this.scrollEndCallback = undefined;\n                        }\n                        /**\n                         * Reset this flag as the\n                         * next scroll interaction could\n                         * be a scroll from the user. In this\n                         * case, we should exit input mode.\n                         */\n                        this.canExitInputMode = true;\n                        const dataIndex = activeElement.getAttribute('data-index');\n                        /**\n                         * If no value it is\n                         * possible we hit one of the\n                         * empty padding columns.\n                         */\n                        if (dataIndex === null) {\n                            return;\n                        }\n                        const index = parseInt(dataIndex, 10);\n                        const selectedItem = this.items[index];\n                        if (selectedItem.value !== this.value) {\n                            this.setValue(selectedItem.value);\n                        }\n                    }, 250);\n                });\n            };\n            /**\n             * Wrap this in an raf so that the scroll callback\n             * does not fire when component is initially shown.\n             */\n            raf(() => {\n                el.addEventListener('scroll', scrollCallback);\n                this.destroyScrollListener = () => {\n                    el.removeEventListener('scroll', scrollCallback);\n                };\n            });\n        };\n        /**\n         * Tells the parent picker to\n         * exit text entry mode. This is only called\n         * when the selected item changes during scroll, so\n         * we know that the user likely wants to scroll\n         * instead of type.\n         */\n        this.exitInputMode = () => {\n            const { parentEl } = this;\n            if (parentEl == null)\n                return;\n            parentEl.exitInputMode();\n            /**\n             * setInputModeActive only takes\n             * effect once scrolling stops to avoid\n             * a component re-render while scrolling.\n             * However, we want the visual active\n             * indicator to go away immediately, so\n             * we call classList.remove here.\n             */\n            this.el.classList.remove('picker-column-active');\n        };\n        this.isActive = false;\n        this.disabled = false;\n        this.items = [];\n        this.value = undefined;\n        this.color = 'primary';\n        this.numericInput = false;\n    }\n    valueChange() {\n        if (this.isColumnVisible) {\n            /**\n             * Only scroll the active item into view when the picker column\n             * is actively visible to the user.\n             */\n            this.scrollActiveItemIntoView();\n        }\n    }\n    /**\n     * Only setup scroll listeners\n     * when the picker is visible, otherwise\n     * the container will have a scroll\n     * height of 0px.\n     */\n    componentWillLoad() {\n        const visibleCallback = (entries) => {\n            /**\n             * Browsers will sometimes group multiple IO events into a single callback.\n             * As a result, we want to grab the last/most recent event in case there are multiple events.\n             */\n            const ev = entries[entries.length - 1];\n            if (ev.isIntersecting) {\n                const { activeItem, el } = this;\n                this.isColumnVisible = true;\n                /**\n                 * Because this initial call to scrollActiveItemIntoView has to fire before\n                 * the scroll listener is set up, we need to manage the active class manually.\n                 */\n                const oldActive = getElementRoot(el).querySelector(`.${PICKER_ITEM_ACTIVE_CLASS}`);\n                if (oldActive) {\n                    this.setPickerItemActiveState(oldActive, false);\n                }\n                this.scrollActiveItemIntoView();\n                if (activeItem) {\n                    this.setPickerItemActiveState(activeItem, true);\n                }\n                this.initializeScrollListener();\n            }\n            else {\n                this.isColumnVisible = false;\n                if (this.destroyScrollListener) {\n                    this.destroyScrollListener();\n                    this.destroyScrollListener = undefined;\n                }\n            }\n        };\n        new IntersectionObserver(visibleCallback, { threshold: 0.001 }).observe(this.el);\n        const parentEl = (this.parentEl = this.el.closest('ion-picker-internal'));\n        if (parentEl !== null) {\n            // TODO(FW-2832): type\n            parentEl.addEventListener('ionInputModeChange', (ev) => this.inputModeChange(ev));\n        }\n    }\n    componentDidRender() {\n        var _a;\n        const { activeItem, items, isColumnVisible, value } = this;\n        if (isColumnVisible) {\n            if (activeItem) {\n                this.scrollActiveItemIntoView();\n            }\n            else if (((_a = items[0]) === null || _a === void 0 ? void 0 : _a.value) !== value) {\n                /**\n                 * If the picker column does not have an active item and the current value\n                 * does not match the first item in the picker column, that means\n                 * the value is out of bounds. In this case, we assign the value to the\n                 * first item to match the scroll position of the column.\n                 *\n                 */\n                this.setValue(items[0].value);\n            }\n        }\n    }\n    /** @internal  */\n    async scrollActiveItemIntoView() {\n        const activeEl = this.activeItem;\n        if (activeEl) {\n            this.centerPickerItemInView(activeEl, false, false);\n        }\n    }\n    /**\n     * Sets the value prop and fires the ionChange event.\n     * This is used when we need to fire ionChange from\n     * user-generated events that cannot be caught with normal\n     * input/change event listeners.\n     * @internal\n     */\n    async setValue(value) {\n        const { items } = this;\n        this.value = value;\n        const findItem = items.find((item) => item.value === value && item.disabled !== true);\n        if (findItem) {\n            this.ionChange.emit(findItem);\n        }\n    }\n    get activeItem() {\n        // If the whole picker column is disabled, the current value should appear active\n        // If the current value item is specifically disabled, it should not appear active\n        const selector = `.picker-item[data-value=\"${this.value}\"]${this.disabled ? '' : ':not([disabled])'}`;\n        return getElementRoot(this.el).querySelector(selector);\n    }\n    render() {\n        const { items, color, disabled: pickerDisabled, isActive, numericInput } = this;\n        const mode = getIonMode(this);\n        /**\n         * exportparts is needed so ion-datetime can expose the parts\n         * from two layers of shadow nesting. If this causes problems,\n         * the attribute can be moved to datetime.tsx and set on every\n         * instance of ion-picker-column-internal there instead.\n         */\n        return (h(Host, { key: '42a034f2533d30d19f96a121eb74d5f757e1c684', exportparts: `${PICKER_ITEM_PART}, ${PICKER_ITEM_ACTIVE_PART}`, disabled: pickerDisabled, tabindex: pickerDisabled ? null : 0, class: createColorClasses(color, {\n                [mode]: true,\n                ['picker-column-active']: isActive,\n                ['picker-column-numeric-input']: numericInput,\n            }) }, h(\"div\", { key: '85efccb40c87d473c06026b8041d57b40d2369c3', class: \"picker-item picker-item-empty\", \"aria-hidden\": \"true\" }, \"\\u00A0\"), h(\"div\", { key: '9fae4dd6697f23acba18c218ba250ea77954b18d', class: \"picker-item picker-item-empty\", \"aria-hidden\": \"true\" }, \"\\u00A0\"), h(\"div\", { key: 'f117afeb204a4f6bb34a1cd0e1b786fa479d8b32', class: \"picker-item picker-item-empty\", \"aria-hidden\": \"true\" }, \"\\u00A0\"), items.map((item, index) => {\n            const isItemDisabled = pickerDisabled || item.disabled || false;\n            {\n                /*\n                Users should be able to tab\n                between multiple columns. As a result,\n                we set tabindex here so that tabbing switches\n                between columns instead of buttons. Users\n                can still use arrow keys on the keyboard to\n                navigate the column up and down.\n              */\n            }\n            return (h(\"button\", { tabindex: \"-1\", class: {\n                    'picker-item': true,\n                }, \"data-value\": item.value, \"data-index\": index, onClick: (ev) => {\n                    this.centerPickerItemInView(ev.target, true);\n                }, disabled: isItemDisabled, part: PICKER_ITEM_PART }, item.text));\n        }), h(\"div\", { key: '28aa37f9ce90e88b9c3a5b2c399e3066e9f339e1', class: \"picker-item picker-item-empty\", \"aria-hidden\": \"true\" }, \"\\u00A0\"), h(\"div\", { key: 'ef4ae6bee2b17918f0c2aba9d5c720c1d95987e4', class: \"picker-item picker-item-empty\", \"aria-hidden\": \"true\" }, \"\\u00A0\"), h(\"div\", { key: '564967bc8e42a9018163850da3a967a933b3de7b', class: \"picker-item picker-item-empty\", \"aria-hidden\": \"true\" }, \"\\u00A0\")));\n    }\n    static get is() { return \"ion-picker-column-internal\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"picker-column-internal.ios.scss\"],\n            \"md\": [\"picker-column-internal.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"picker-column-internal.ios.css\"],\n            \"md\": [\"picker-column-internal.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\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 picker.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"items\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"PickerColumnItem[]\",\n                    \"resolved\": \"PickerColumnItem[]\",\n                    \"references\": {\n                        \"PickerColumnItem\": {\n                            \"location\": \"import\",\n                            \"path\": \"./picker-column-internal-interfaces\",\n                            \"id\": \"src/components/picker-column-internal/picker-column-internal-interfaces.ts::PickerColumnItem\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"A list of options to be displayed in the picker\"\n                },\n                \"defaultValue\": \"[]\"\n            },\n            \"value\": {\n                \"type\": \"any\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string | number\",\n                    \"resolved\": \"number | string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The selected option in the picker.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\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            \"numericInput\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"If `true`, tapping the picker will\\nreveal a number input keyboard that lets\\nthe user type in values for each picker\\ncolumn. This is useful when working\\nwith time pickers.\"\n                },\n                \"attribute\": \"numeric-input\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"isActive\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionChange\",\n                \"name\": \"ionChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the value has changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"PickerColumnItem\",\n                    \"resolved\": \"PickerColumnItem\",\n                    \"references\": {\n                        \"PickerColumnItem\": {\n                            \"location\": \"import\",\n                            \"path\": \"./picker-column-internal-interfaces\",\n                            \"id\": \"src/components/picker-column-internal/picker-column-internal-interfaces.ts::PickerColumnItem\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"scrollActiveItemIntoView\": {\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\": undefined\n                        }]\n                }\n            },\n            \"setValue\": {\n                \"complexType\": {\n                    \"signature\": \"(value?: string | number) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"value\",\n                            \"type\": \"string | number | undefined\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets the value prop and fires the ionChange event.\\nThis is used when we need to fire ionChange from\\nuser-generated events that cannot be caught with normal\\ninput/change event listeners.\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"value\",\n                \"methodName\": \"valueChange\"\n            }];\n    }\n}\nconst PICKER_ITEM_ACTIVE_CLASS = 'picker-item-active';\nconst PICKER_ITEM_PART = 'wheel-item';\nconst PICKER_ITEM_ACTIVE_PART = 'active';\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  position: relative;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 200px;\n  /**\n   * Picker columns should display\n   * in the order in which developers\n   * added them and should ignore\n   * LTR vs RTL directions.\n   */\n  direction: ltr;\n  /**\n   * This is required otherwise the\n   * highlight will appear behind\n   * the picker when used inline.\n   */\n  z-index: 0;\n}\n\n:host .picker-before,\n:host .picker-after {\n  position: absolute;\n  width: 100%;\n  /**\n   * The transform and z-index\n   * are needed for WebKit otherwise\n   * the fade will appear underneath the picker.\n   */\n  transform: translateZ(0);\n  z-index: 1;\n  pointer-events: none;\n}\n\n:host .picker-before {\n  top: 0;\n  height: 83px;\n}\n@supports (inset-inline-start: 0) {\n  :host .picker-before {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  :host .picker-before {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .picker-before {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    :host(:dir(rtl)) .picker-before {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n\n:host .picker-after {\n  top: 116px;\n  height: 84px;\n}\n@supports (inset-inline-start: 0) {\n  :host .picker-after {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  :host .picker-after {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .picker-after {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    :host(:dir(rtl)) .picker-after {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n\n:host .picker-highlight {\n  border-radius: 8px;\n  left: 0;\n  right: 0;\n  top: 50%;\n  bottom: 0;\n  -webkit-margin-start: auto;\n  margin-inline-start: auto;\n  -webkit-margin-end: auto;\n  margin-inline-end: auto;\n  margin-top: 0;\n  margin-bottom: 0;\n  position: absolute;\n  width: calc(100% - 16px);\n  height: 34px;\n  transform: translateY(-50%);\n  background: var(--wheel-highlight-background);\n  z-index: -1;\n}\n\n:host input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  clip: rect(0 0 0 0);\n  opacity: 0;\n  overflow: hidden;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n:host ::slotted(ion-picker-column-internal:first-of-type) {\n  text-align: start;\n}\n\n:host ::slotted(ion-picker-column-internal:last-of-type) {\n  text-align: end;\n}\n\n:host ::slotted(ion-picker-column-internal:only-child) {\n  text-align: center;\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 .picker-before {\n  background: linear-gradient(to bottom, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%);\n}\n\n:host .picker-after {\n  background: linear-gradient(to top, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%);\n}\n\n:host .picker-highlight {\n  background: var(--wheel-highlight-background, var(--ion-color-step-150, #eeeeef));\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  position: relative;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 200px;\n  /**\n   * Picker columns should display\n   * in the order in which developers\n   * added them and should ignore\n   * LTR vs RTL directions.\n   */\n  direction: ltr;\n  /**\n   * This is required otherwise the\n   * highlight will appear behind\n   * the picker when used inline.\n   */\n  z-index: 0;\n}\n\n:host .picker-before,\n:host .picker-after {\n  position: absolute;\n  width: 100%;\n  /**\n   * The transform and z-index\n   * are needed for WebKit otherwise\n   * the fade will appear underneath the picker.\n   */\n  transform: translateZ(0);\n  z-index: 1;\n  pointer-events: none;\n}\n\n:host .picker-before {\n  top: 0;\n  height: 83px;\n}\n@supports (inset-inline-start: 0) {\n  :host .picker-before {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  :host .picker-before {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .picker-before {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    :host(:dir(rtl)) .picker-before {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n\n:host .picker-after {\n  top: 116px;\n  height: 84px;\n}\n@supports (inset-inline-start: 0) {\n  :host .picker-after {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  :host .picker-after {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .picker-after {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    :host(:dir(rtl)) .picker-after {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n\n:host .picker-highlight {\n  border-radius: 8px;\n  left: 0;\n  right: 0;\n  top: 50%;\n  bottom: 0;\n  -webkit-margin-start: auto;\n  margin-inline-start: auto;\n  -webkit-margin-end: auto;\n  margin-inline-end: auto;\n  margin-top: 0;\n  margin-bottom: 0;\n  position: absolute;\n  width: calc(100% - 16px);\n  height: 34px;\n  transform: translateY(-50%);\n  background: var(--wheel-highlight-background);\n  z-index: -1;\n}\n\n:host input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  clip: rect(0 0 0 0);\n  opacity: 0;\n  overflow: hidden;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n:host ::slotted(ion-picker-column-internal:first-of-type) {\n  text-align: start;\n}\n\n:host ::slotted(ion-picker-column-internal:last-of-type) {\n  text-align: end;\n}\n\n:host ::slotted(ion-picker-column-internal:only-child) {\n  text-align: center;\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 .picker-before {\n  background: linear-gradient(to bottom, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%);\n}\n\n:host .picker-after {\n  background: linear-gradient(to top, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { getElementRoot } from \"../../utils/helpers\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n * @internal\n */\nexport class PickerInternal {\n    constructor() {\n        this.useInputMode = false;\n        this.isInHighlightBounds = (ev) => {\n            const { highlightEl } = this;\n            if (!highlightEl) {\n                return false;\n            }\n            const bbox = highlightEl.getBoundingClientRect();\n            /**\n             * Check to see if the user clicked\n             * outside the bounds of the highlight.\n             */\n            const outsideX = ev.clientX < bbox.left || ev.clientX > bbox.right;\n            const outsideY = ev.clientY < bbox.top || ev.clientY > bbox.bottom;\n            if (outsideX || outsideY) {\n                return false;\n            }\n            return true;\n        };\n        /**\n         * If we are no longer focused\n         * on a picker column, then we should\n         * exit input mode. An exception is made\n         * for the input in the picker since having\n         * that focused means we are still in input mode.\n         */\n        this.onFocusOut = (ev) => {\n            // TODO(FW-2832): type\n            const { relatedTarget } = ev;\n            if (!relatedTarget || (relatedTarget.tagName !== 'ION-PICKER-COLUMN-INTERNAL' && relatedTarget !== this.inputEl)) {\n                this.exitInputMode();\n            }\n        };\n        /**\n         * When picker columns receive focus\n         * the parent picker needs to determine\n         * whether to enter/exit input mode.\n         */\n        this.onFocusIn = (ev) => {\n            // TODO(FW-2832): type\n            const { target } = ev;\n            /**\n             * Due to browser differences in how/when focus\n             * is dispatched on certain elements, we need to\n             * make sure that this function only ever runs when\n             * focusing a picker column.\n             */\n            if (target.tagName !== 'ION-PICKER-COLUMN-INTERNAL') {\n                return;\n            }\n            /**\n             * If we have actionOnClick\n             * then this means the user focused\n             * a picker column via mouse or\n             * touch (i.e. a PointerEvent). As a result,\n             * we should not enter/exit input mode\n             * until the click event has fired, which happens\n             * after the `focusin` event.\n             *\n             * Otherwise, the user likely focused\n             * the column using their keyboard and\n             * we should enter/exit input mode automatically.\n             */\n            if (!this.actionOnClick) {\n                const columnEl = target;\n                const allowInput = columnEl.numericInput;\n                if (allowInput) {\n                    this.enterInputMode(columnEl, false);\n                }\n                else {\n                    this.exitInputMode();\n                }\n            }\n        };\n        /**\n         * On click we need to run an actionOnClick\n         * function that has been set in onPointerDown\n         * so that we enter/exit input mode correctly.\n         */\n        this.onClick = () => {\n            const { actionOnClick } = this;\n            if (actionOnClick) {\n                actionOnClick();\n                this.actionOnClick = undefined;\n            }\n        };\n        /**\n         * Clicking a column also focuses the column on\n         * certain browsers, so we use onPointerDown\n         * to tell the onFocusIn function that users\n         * are trying to click the column rather than\n         * focus the column using the keyboard. When the\n         * user completes the click, the onClick function\n         * runs and runs the actionOnClick callback.\n         */\n        this.onPointerDown = (ev) => {\n            const { useInputMode, inputModeColumn, el } = this;\n            if (this.isInHighlightBounds(ev)) {\n                /**\n                 * If we were already in\n                 * input mode, then we should determine\n                 * if we tapped a particular column and\n                 * should switch to input mode for\n                 * that specific column.\n                 */\n                if (useInputMode) {\n                    /**\n                     * If we tapped a picker column\n                     * then we should either switch to input\n                     * mode for that column or all columns.\n                     * Otherwise we should exit input mode\n                     * since we just tapped the highlight and\n                     * not a column.\n                     */\n                    if (ev.target.tagName === 'ION-PICKER-COLUMN-INTERNAL') {\n                        /**\n                         * If user taps 2 different columns\n                         * then we should just switch to input mode\n                         * for the new column rather than switching to\n                         * input mode for all columns.\n                         */\n                        if (inputModeColumn && inputModeColumn === ev.target) {\n                            this.actionOnClick = () => {\n                                this.enterInputMode();\n                            };\n                        }\n                        else {\n                            this.actionOnClick = () => {\n                                this.enterInputMode(ev.target);\n                            };\n                        }\n                    }\n                    else {\n                        this.actionOnClick = () => {\n                            this.exitInputMode();\n                        };\n                    }\n                    /**\n                     * If we were not already in\n                     * input mode, then we should\n                     * enter input mode for all columns.\n                     */\n                }\n                else {\n                    /**\n                     * If there is only 1 numeric input column\n                     * then we should skip multi column input.\n                     */\n                    const columns = el.querySelectorAll('ion-picker-column-internal.picker-column-numeric-input');\n                    const columnEl = columns.length === 1 ? ev.target : undefined;\n                    this.actionOnClick = () => {\n                        this.enterInputMode(columnEl);\n                    };\n                }\n                return;\n            }\n            this.actionOnClick = () => {\n                this.exitInputMode();\n            };\n        };\n        /**\n         * Enters input mode to allow\n         * for text entry of numeric values.\n         * If on mobile, we focus a hidden input\n         * field so that the on screen keyboard\n         * is brought up. When tabbing using a\n         * keyboard, picker columns receive an outline\n         * to indicate they are focused. As a result,\n         * we should not focus the hidden input as it\n         * would cause the outline to go away, preventing\n         * users from having any visual indication of which\n         * column is focused.\n         */\n        this.enterInputMode = (columnEl, focusInput = true) => {\n            const { inputEl, el } = this;\n            if (!inputEl) {\n                return;\n            }\n            /**\n             * Only active input mode if there is at\n             * least one column that accepts numeric input.\n             */\n            const hasInputColumn = el.querySelector('ion-picker-column-internal.picker-column-numeric-input');\n            if (!hasInputColumn) {\n                return;\n            }\n            /**\n             * If columnEl is undefined then\n             * it is assumed that all numeric pickers\n             * are eligible for text entry.\n             * (i.e. hour and minute columns)\n             */\n            this.useInputMode = true;\n            this.inputModeColumn = columnEl;\n            /**\n             * Users with a keyboard and mouse can\n             * activate input mode where the input is\n             * focused as well as when it is not focused,\n             * so we need to make sure we clean up any\n             * old listeners.\n             */\n            if (focusInput) {\n                if (this.destroyKeypressListener) {\n                    this.destroyKeypressListener();\n                    this.destroyKeypressListener = undefined;\n                }\n                inputEl.focus();\n            }\n            else {\n                // TODO FW-5900 Use keydown instead\n                el.addEventListener('keypress', this.onKeyPress);\n                this.destroyKeypressListener = () => {\n                    el.removeEventListener('keypress', this.onKeyPress);\n                };\n            }\n            this.emitInputModeChange();\n        };\n        this.onKeyPress = (ev) => {\n            const { inputEl } = this;\n            if (!inputEl) {\n                return;\n            }\n            const parsedValue = parseInt(ev.key, 10);\n            /**\n             * Only numbers should be allowed\n             */\n            if (!Number.isNaN(parsedValue)) {\n                inputEl.value += ev.key;\n                this.onInputChange();\n            }\n        };\n        this.selectSingleColumn = () => {\n            const { inputEl, inputModeColumn, singleColumnSearchTimeout } = this;\n            if (!inputEl || !inputModeColumn) {\n                return;\n            }\n            const values = inputModeColumn.items.filter((item) => item.disabled !== true);\n            /**\n             * If users pause for a bit, the search\n             * value should be reset similar to how a\n             * <select> behaves. So typing \"34\", waiting,\n             * then typing \"5\" should select \"05\".\n             */\n            if (singleColumnSearchTimeout) {\n                clearTimeout(singleColumnSearchTimeout);\n            }\n            this.singleColumnSearchTimeout = setTimeout(() => {\n                inputEl.value = '';\n                this.singleColumnSearchTimeout = undefined;\n            }, 1000);\n            /**\n             * For values that are longer than 2 digits long\n             * we should shift the value over 1 character\n             * to the left. So typing \"456\" would result in \"56\".\n             * TODO: If we want to support more than just\n             * time entry, we should update this value to be\n             * the max length of all of the picker items.\n             */\n            if (inputEl.value.length >= 3) {\n                const startIndex = inputEl.value.length - 2;\n                const newString = inputEl.value.substring(startIndex);\n                inputEl.value = newString;\n                this.selectSingleColumn();\n                return;\n            }\n            /**\n             * Checking the value of the input gets priority\n             * first. For example, if the value of the input\n             * is \"1\" and we entered \"2\", then the complete value\n             * is \"12\" and we should select hour 12.\n             *\n             * Regex removes any leading zeros from values like \"02\",\n             * but it keeps a single zero if there are only zeros in the string.\n             * 0+(?=[1-9]) --> Match 1 or more zeros that are followed by 1-9\n             * 0+(?=0$) --> Match 1 or more zeros that must be followed by one 0 and end.\n             */\n            const findItemFromCompleteValue = values.find(({ text }) => {\n                const parsedText = text.replace(/^0+(?=[1-9])|0+(?=0$)/, '');\n                return parsedText === inputEl.value;\n            });\n            if (findItemFromCompleteValue) {\n                inputModeColumn.setValue(findItemFromCompleteValue.value);\n                return;\n            }\n            /**\n             * If we typed \"56\" to get minute 56, then typed \"7\",\n             * we should select \"07\" as \"567\" is not a valid minute.\n             */\n            if (inputEl.value.length === 2) {\n                const changedCharacter = inputEl.value.substring(inputEl.value.length - 1);\n                inputEl.value = changedCharacter;\n                this.selectSingleColumn();\n            }\n        };\n        /**\n         * Searches a list of column items for a particular\n         * value. This is currently used for numeric values.\n         * The zeroBehavior can be set to account for leading\n         * or trailing zeros when looking at the item text.\n         */\n        this.searchColumn = (colEl, value, zeroBehavior = 'start') => {\n            const behavior = zeroBehavior === 'start' ? /^0+/ : /0$/;\n            const item = colEl.items.find(({ text, disabled }) => disabled !== true && text.replace(behavior, '') === value);\n            if (item) {\n                colEl.setValue(item.value);\n            }\n        };\n        this.selectMultiColumn = () => {\n            const { inputEl, el } = this;\n            if (!inputEl) {\n                return;\n            }\n            const numericPickers = Array.from(el.querySelectorAll('ion-picker-column-internal')).filter((col) => col.numericInput);\n            const firstColumn = numericPickers[0];\n            const lastColumn = numericPickers[1];\n            let value = inputEl.value;\n            let minuteValue;\n            switch (value.length) {\n                case 1:\n                    this.searchColumn(firstColumn, value);\n                    break;\n                case 2:\n                    /**\n                     * If the first character is `0` or `1` it is\n                     * possible that users are trying to type `09`\n                     * or `11` into the hour field, so we should look\n                     * at that first.\n                     */\n                    const firstCharacter = inputEl.value.substring(0, 1);\n                    value = firstCharacter === '0' || firstCharacter === '1' ? inputEl.value : firstCharacter;\n                    this.searchColumn(firstColumn, value);\n                    /**\n                     * If only checked the first value,\n                     * we can check the second value\n                     * for a match in the minutes column\n                     */\n                    if (value.length === 1) {\n                        minuteValue = inputEl.value.substring(inputEl.value.length - 1);\n                        this.searchColumn(lastColumn, minuteValue, 'end');\n                    }\n                    break;\n                case 3:\n                    /**\n                     * If the first character is `0` or `1` it is\n                     * possible that users are trying to type `09`\n                     * or `11` into the hour field, so we should look\n                     * at that first.\n                     */\n                    const firstCharacterAgain = inputEl.value.substring(0, 1);\n                    value =\n                        firstCharacterAgain === '0' || firstCharacterAgain === '1'\n                            ? inputEl.value.substring(0, 2)\n                            : firstCharacterAgain;\n                    this.searchColumn(firstColumn, value);\n                    /**\n                     * If only checked the first value,\n                     * we can check the second value\n                     * for a match in the minutes column\n                     */\n                    minuteValue = value.length === 1 ? inputEl.value.substring(1) : inputEl.value.substring(2);\n                    this.searchColumn(lastColumn, minuteValue, 'end');\n                    break;\n                case 4:\n                    /**\n                     * If the first character is `0` or `1` it is\n                     * possible that users are trying to type `09`\n                     * or `11` into the hour field, so we should look\n                     * at that first.\n                     */\n                    const firstCharacterAgainAgain = inputEl.value.substring(0, 1);\n                    value =\n                        firstCharacterAgainAgain === '0' || firstCharacterAgainAgain === '1'\n                            ? inputEl.value.substring(0, 2)\n                            : firstCharacterAgainAgain;\n                    this.searchColumn(firstColumn, value);\n                    /**\n                     * If only checked the first value,\n                     * we can check the second value\n                     * for a match in the minutes column\n                     */\n                    const minuteValueAgain = value.length === 1\n                        ? inputEl.value.substring(1, inputEl.value.length)\n                        : inputEl.value.substring(2, inputEl.value.length);\n                    this.searchColumn(lastColumn, minuteValueAgain, 'end');\n                    break;\n                default:\n                    const startIndex = inputEl.value.length - 4;\n                    const newString = inputEl.value.substring(startIndex);\n                    inputEl.value = newString;\n                    this.selectMultiColumn();\n                    break;\n            }\n        };\n        /**\n         * Searches the value of the active column\n         * to determine which value users are trying\n         * to select\n         */\n        this.onInputChange = () => {\n            const { useInputMode, inputEl, inputModeColumn } = this;\n            if (!useInputMode || !inputEl) {\n                return;\n            }\n            if (inputModeColumn) {\n                this.selectSingleColumn();\n            }\n            else {\n                this.selectMultiColumn();\n            }\n        };\n        /**\n         * Emit ionInputModeChange. Picker columns\n         * listen for this event to determine whether\n         * or not their column is \"active\" for text input.\n         */\n        this.emitInputModeChange = () => {\n            const { useInputMode, inputModeColumn } = this;\n            this.ionInputModeChange.emit({\n                useInputMode,\n                inputModeColumn,\n            });\n        };\n    }\n    /**\n     * When the picker is interacted with\n     * we need to prevent touchstart so other\n     * gestures do not fire. For example,\n     * scrolling on the wheel picker\n     * in ion-datetime should not cause\n     * a card modal to swipe to close.\n     */\n    preventTouchStartPropagation(ev) {\n        ev.stopPropagation();\n    }\n    componentWillLoad() {\n        getElementRoot(this.el).addEventListener('focusin', this.onFocusIn);\n        getElementRoot(this.el).addEventListener('focusout', this.onFocusOut);\n    }\n    /**\n     * @internal\n     * Exits text entry mode for the picker\n     * This method blurs the hidden input\n     * and cause the keyboard to dismiss.\n     */\n    async exitInputMode() {\n        const { inputEl, useInputMode } = this;\n        if (!useInputMode || !inputEl) {\n            return;\n        }\n        this.useInputMode = false;\n        this.inputModeColumn = undefined;\n        inputEl.blur();\n        inputEl.value = '';\n        if (this.destroyKeypressListener) {\n            this.destroyKeypressListener();\n            this.destroyKeypressListener = undefined;\n        }\n        this.emitInputModeChange();\n    }\n    render() {\n        return (h(Host, { key: '01cbd466787242ad070b01909714089570b4d67f', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, h(\"input\", { key: '7ff8c0a74c107610a6f0dd9fbc2fc7a4a6dc2468', \"aria-hidden\": \"true\", tabindex: -1, inputmode: \"numeric\", type: \"number\", onKeyDown: (ev) => {\n                var _a;\n                /**\n                 * The \"Enter\" key represents\n                 * the user submitting their time\n                 * selection, so we should blur the\n                 * input (and therefore close the keyboard)\n                 *\n                 * Updating the picker's state to no longer\n                 * be in input mode is handled in the onBlur\n                 * callback below.\n                 */\n                if (ev.key === 'Enter') {\n                    (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();\n                }\n            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), h(\"div\", { key: '4700c9d877f54ae8f3fb173122193c27637f70a4', class: \"picker-before\" }), h(\"div\", { key: '7ceae834b15d559f3819ec2116f83669cf6665fc', class: \"picker-after\" }), h(\"div\", { key: '2d3bfda76279c2ee14edc067c53651be23b8b525', class: \"picker-highlight\", ref: (el) => (this.highlightEl = el) }), h(\"slot\", { key: '4797def7a3882a8a911ad47949b76f58a9f448d1' })));\n    }\n    static get is() { return \"ion-picker-internal\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"picker-internal.ios.scss\"],\n            \"md\": [\"picker-internal.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"picker-internal.ios.css\"],\n            \"md\": [\"picker-internal.md.css\"]\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionInputModeChange\",\n                \"name\": \"ionInputModeChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"PickerInternalChangeEventDetail\",\n                    \"resolved\": \"PickerInternalChangeEventDetail\",\n                    \"references\": {\n                        \"PickerInternalChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./picker-internal-interfaces\",\n                            \"id\": \"src/components/picker-internal/picker-internal-interfaces.ts::PickerInternalChangeEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"exitInputMode\": {\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\": \"Exits text entry mode for the picker\\nThis method blurs the hidden input\\nand cause the keyboard to dismiss.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"touchstart\",\n                \"method\": \"preventTouchStartPropagation\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": true\n            }];\n    }\n}\n"],"mappings":"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"}

package/dist/checkout/p-620fa0ec.js

@@ -1,4 +1,5 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-const o="ion-focused",t=["Tab","ArrowDown","Space","Escape"," ","Shift","Enter","ArrowLeft","ArrowRight","ArrowUp","Home","End"],e=e=>{let s=[],n=!0;const c=e?e.shadowRoot:document,u=e||document.body,r=t=>{s.forEach((t=>t.classList.remove(o))),t.forEach((t=>t.classList.add(o))),s=t},d=()=>{n=!1,r([])},f=o=>{n=t.includes(o.key),n||r([])},i=o=>{if(n&&void 0!==o.composedPath){const t=o.composedPath().filter((o=>!!o.classList&&o.classList.contains("ion-focusable")));r(t)}},w=()=>{c.activeElement===u&&r([])};return c.addEventListener("keydown",f),c.addEventListener("focusin",i),c.addEventListener("focusout",w),c.addEventListener("touchstart",d,{passive:!0}),c.addEventListener("mousedown",d),{destroy:()=>{c.removeEventListener("keydown",f),c.removeEventListener("focusin",i),c.removeEventListener("focusout",w),c.removeEventListener("touchstart",d),c.removeEventListener("mousedown",d)},setFocus:r}};export{e as startFocusVisible}
+const o="ion-focused";const t="ion-focusable";const n=["Tab","ArrowDown","Space","Escape"," ","Shift","Enter","ArrowLeft","ArrowRight","ArrowUp","Home","End"];const s=s=>{let e=[];let c=true;const r=s?s.shadowRoot:document;const u=s?s:document.body;const f=t=>{e.forEach((t=>t.classList.remove(o)));t.forEach((t=>t.classList.add(o)));e=t};const i=()=>{c=false;f([])};const d=o=>{c=n.includes(o.key);if(!c){f([])}};const a=o=>{if(c&&o.composedPath!==undefined){const n=o.composedPath().filter((o=>{if(o.classList){return o.classList.contains(t)}return false}));f(n)}};const w=()=>{if(r.activeElement===u){f([])}};r.addEventListener("keydown",d);r.addEventListener("focusin",a);r.addEventListener("focusout",w);r.addEventListener("touchstart",i,{passive:true});r.addEventListener("mousedown",i);const l=()=>{r.removeEventListener("keydown",d);r.removeEventListener("focusin",a);r.removeEventListener("focusout",w);r.removeEventListener("touchstart",i);r.removeEventListener("mousedown",i)};return{destroy:l,setFocus:f}};export{s as startFocusVisible};
+//# sourceMappingURL=p-620fa0ec.js.map

package/dist/checkout/p-620fa0ec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ION_FOCUSED","ION_FOCUSABLE","FOCUS_KEYS","startFocusVisible","rootEl","currentFocus","keyboardMode","ref","shadowRoot","document","root","body","setFocus","elements","forEach","el","classList","remove","add","pointerDown","onKeydown","ev","includes","key","onFocusin","composedPath","undefined","toFocus","filter","contains","onFocusout","activeElement","addEventListener","passive","destroy","removeEventListener"],"sources":["./node_modules/@ionic/core/dist/collection/utils/focus-visible.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nconst ION_FOCUSED = 'ion-focused';\nconst ION_FOCUSABLE = 'ion-focusable';\nconst FOCUS_KEYS = [\n    'Tab',\n    'ArrowDown',\n    'Space',\n    'Escape',\n    ' ',\n    'Shift',\n    'Enter',\n    'ArrowLeft',\n    'ArrowRight',\n    'ArrowUp',\n    'Home',\n    'End',\n];\nexport const startFocusVisible = (rootEl) => {\n    let currentFocus = [];\n    let keyboardMode = true;\n    const ref = rootEl ? rootEl.shadowRoot : document;\n    const root = rootEl ? rootEl : document.body;\n    const setFocus = (elements) => {\n        currentFocus.forEach((el) => el.classList.remove(ION_FOCUSED));\n        elements.forEach((el) => el.classList.add(ION_FOCUSED));\n        currentFocus = elements;\n    };\n    const pointerDown = () => {\n        keyboardMode = false;\n        setFocus([]);\n    };\n    const onKeydown = (ev) => {\n        keyboardMode = FOCUS_KEYS.includes(ev.key);\n        if (!keyboardMode) {\n            setFocus([]);\n        }\n    };\n    const onFocusin = (ev) => {\n        if (keyboardMode && ev.composedPath !== undefined) {\n            const toFocus = ev.composedPath().filter((el) => {\n                // TODO(FW-2832): type\n                if (el.classList) {\n                    return el.classList.contains(ION_FOCUSABLE);\n                }\n                return false;\n            });\n            setFocus(toFocus);\n        }\n    };\n    const onFocusout = () => {\n        if (ref.activeElement === root) {\n            setFocus([]);\n        }\n    };\n    ref.addEventListener('keydown', onKeydown);\n    ref.addEventListener('focusin', onFocusin);\n    ref.addEventListener('focusout', onFocusout);\n    ref.addEventListener('touchstart', pointerDown, { passive: true });\n    ref.addEventListener('mousedown', pointerDown);\n    const destroy = () => {\n        ref.removeEventListener('keydown', onKeydown);\n        ref.removeEventListener('focusin', onFocusin);\n        ref.removeEventListener('focusout', onFocusout);\n        ref.removeEventListener('touchstart', pointerDown);\n        ref.removeEventListener('mousedown', pointerDown);\n    };\n    return {\n        destroy,\n        setFocus,\n    };\n};\n"],"mappings":";;;AAGA,MAAMA,EAAc,cACpB,MAAMC,EAAgB,gBACtB,MAAMC,EAAa,CACf,MACA,YACA,QACA,SACA,IACA,QACA,QACA,YACA,aACA,UACA,OACA,OAEQ,MAACC,EAAqBC,IAC9B,IAAIC,EAAe,GACnB,IAAIC,EAAe,KACnB,MAAMC,EAAMH,EAASA,EAAOI,WAAaC,SACzC,MAAMC,EAAON,EAASA,EAASK,SAASE,KACxC,MAAMC,EAAYC,IACdR,EAAaS,SAASC,GAAOA,EAAGC,UAAUC,OAAOjB,KACjDa,EAASC,SAASC,GAAOA,EAAGC,UAAUE,IAAIlB,KAC1CK,EAAeQ,CAAQ,EAE3B,MAAMM,EAAc,KAChBb,EAAe,MACfM,EAAS,GAAG,EAEhB,MAAMQ,EAAaC,IACff,EAAeJ,EAAWoB,SAASD,EAAGE,KACtC,IAAKjB,EAAc,CACfM,EAAS,GACrB,GAEI,MAAMY,EAAaH,IACf,GAAIf,GAAgBe,EAAGI,eAAiBC,UAAW,CAC/C,MAAMC,EAAUN,EAAGI,eAAeG,QAAQb,IAEtC,GAAIA,EAAGC,UAAW,CACd,OAAOD,EAAGC,UAAUa,SAAS5B,EACjD,CACgB,OAAO,KAAK,IAEhBW,EAASe,EACrB,GAEI,MAAMG,EAAa,KACf,GAAIvB,EAAIwB,gBAAkBrB,EAAM,CAC5BE,EAAS,GACrB,GAEIL,EAAIyB,iBAAiB,UAAWZ,GAChCb,EAAIyB,iBAAiB,UAAWR,GAChCjB,EAAIyB,iBAAiB,WAAYF,GACjCvB,EAAIyB,iBAAiB,aAAcb,EAAa,CAAEc,QAAS,OAC3D1B,EAAIyB,iBAAiB,YAAab,GAClC,MAAMe,EAAU,KACZ3B,EAAI4B,oBAAoB,UAAWf,GACnCb,EAAI4B,oBAAoB,UAAWX,GACnCjB,EAAI4B,oBAAoB,WAAYL,GACpCvB,EAAI4B,oBAAoB,aAAchB,GACtCZ,EAAI4B,oBAAoB,YAAahB,EAAY,EAErD,MAAO,CACHe,UACAtB,WACH,S"}

package/dist/checkout/p-6ae8b017.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,H as e}from"./p-d7a430bf.js";import{m as i}from"./p-c30e2b28.js";import{g as a}from"./p-3b75b22a.js";import{u as o}from"./p-ab16e6ce.js";import"./p-d7fe59ee.js";import"./p-88abdf59.js";import"./p-e187a77c.js";import"./p-b84d9e44.js";import"./p-b7be2ec0.js";const r=":host(.menu-toggle-hidden){display:none}";const c=class{constructor(t){s(this,t);this.onClick=()=>i.toggle(this.menu);this.visible=false;this.menu=undefined;this.autoHide=true}connectedCallback(){this.visibilityChanged()}async visibilityChanged(){this.visible=await o(this.menu)}render(){const s=a(this);const i=this.autoHide&&!this.visible;return t(e,{key:"94a0815a634c6fb1991854bfbcf5b2b4b61d7710",onClick:this.onClick,"aria-hidden":i?"true":null,class:{[s]:true,"menu-toggle-hidden":i}},t("slot",{key:"f3ac6d17d5421390ab05f3f31ad00ec4f2ca5c7c"}))}};c.style=r;export{c as ion_menu_toggle};
+//# sourceMappingURL=p-6ae8b017.entry.js.map

package/dist/checkout/p-6ae8b017.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["menuToggleCss","MenuToggle","constructor","hostRef","this","onClick","menuController","toggle","menu","visible","undefined","autoHide","connectedCallback","visibilityChanged","async","updateVisibility","render","mode","getIonMode","hidden","h","Host","key","class"],"sources":["./node_modules/@ionic/core/dist/collection/components/menu-toggle/menu-toggle.css?tag=ion-menu-toggle&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/menu-toggle/menu-toggle.js"],"sourcesContent":[":host(.menu-toggle-hidden) {\n  display: none;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { menuController } from \"../../utils/menu-controller/index\";\nimport { getIonMode } from \"../../global/ionic-global\";\nimport { updateVisibility } from \"./menu-toggle-util\";\n/**\n * @slot - Content is placed inside the toggle to act as the click target.\n */\nexport class MenuToggle {\n    constructor() {\n        this.onClick = () => {\n            return menuController.toggle(this.menu);\n        };\n        this.visible = false;\n        this.menu = undefined;\n        this.autoHide = true;\n    }\n    connectedCallback() {\n        this.visibilityChanged();\n    }\n    async visibilityChanged() {\n        this.visible = await updateVisibility(this.menu);\n    }\n    render() {\n        const mode = getIonMode(this);\n        const hidden = this.autoHide && !this.visible;\n        return (h(Host, { key: '94a0815a634c6fb1991854bfbcf5b2b4b61d7710', onClick: this.onClick, \"aria-hidden\": hidden ? 'true' : null, class: {\n                [mode]: true,\n                'menu-toggle-hidden': hidden,\n            } }, h(\"slot\", { key: 'f3ac6d17d5421390ab05f3f31ad00ec4f2ca5c7c' })));\n    }\n    static get is() { return \"ion-menu-toggle\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"menu-toggle.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"menu-toggle.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"menu\": {\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\": \"Optional property that maps to a Menu's `menuId` prop.\\nCan also be `start` or `end` for the menu side.\\nThis is used to find the correct menu to toggle.\\n\\nIf this property is not used, `ion-menu-toggle` will toggle the\\nfirst menu that is active.\"\n                },\n                \"attribute\": \"menu\",\n                \"reflect\": false\n            },\n            \"autoHide\": {\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\": \"Automatically hides the content when the corresponding menu is not active.\\n\\nBy default, it's `true`. Change it to `false` in order to\\nkeep `ion-menu-toggle` always visible regardless the state of the menu.\"\n                },\n                \"attribute\": \"auto-hide\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"visible\": {}\n        };\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"ionMenuChange\",\n                \"method\": \"visibilityChanged\",\n                \"target\": \"body\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"ionSplitPaneVisible\",\n                \"method\": \"visibilityChanged\",\n                \"target\": \"body\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n"],"mappings":"sRAAA,MAAMA,EAAgB,2C,MCUTC,EAAU,MACnBC,YAAAC,G,UACIC,KAAKC,QAAU,IACJC,EAAeC,OAAOH,KAAKI,MAEtCJ,KAAKK,QAAU,MACfL,KAAKI,KAAOE,UACZN,KAAKO,SAAW,I,CAEpBC,oBACIR,KAAKS,mB,CAETC,0BACIV,KAAKK,cAAgBM,EAAiBX,KAAKI,K,CAE/CQ,SACI,MAAMC,EAAOC,EAAWd,MACxB,MAAMe,EAASf,KAAKO,WAAaP,KAAKK,QACtC,OAAQW,EAAEC,EAAM,CAAEC,IAAK,2CAA4CjB,QAASD,KAAKC,QAAS,cAAec,EAAS,OAAS,KAAMI,MAAO,CAChIN,CAACA,GAAO,KACR,qBAAsBE,IACrBC,EAAE,OAAQ,CAAEE,IAAK,6C"}

package/dist/checkout/p-6f2eaada.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,H as e,e as o}from"./p-d7a430bf.js";import{g as i}from"./p-3b75b22a.js";const r=":host{display:none}";const n=class{constructor(t){s(this,t);this.inputId=`ion-selopt-${a++}`;this.disabled=false;this.value=undefined}render(){return t(e,{key:"abf6e85d60e815f59077910abec922826bf46eb2",role:"option",id:this.inputId,class:i(this)})}get el(){return o(this)}};let a=0;n.style=r;export{n as ion_select_option};
+//# sourceMappingURL=p-6f2eaada.entry.js.map

package/dist/checkout/p-6f2eaada.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["selectOptionCss","SelectOption","constructor","hostRef","this","inputId","selectOptionIds","disabled","value","undefined","render","h","Host","key","role","id","class","getIonMode"],"sources":["./node_modules/@ionic/core/dist/collection/components/select-option/select-option.css?tag=ion-select-option&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/select-option/select-option.js"],"sourcesContent":[":host {\n  display: none;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class SelectOption {\n    constructor() {\n        this.inputId = `ion-selopt-${selectOptionIds++}`;\n        this.disabled = false;\n        this.value = undefined;\n    }\n    render() {\n        return h(Host, { key: 'abf6e85d60e815f59077910abec922826bf46eb2', role: \"option\", id: this.inputId, class: getIonMode(this) });\n    }\n    static get is() { return \"ion-select-option\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"select-option.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"select-option.css\"]\n        };\n    }\n    static get properties() {\n        return {\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 select option. This property does not apply when `interface=\\\"action-sheet\\\"` as `ion-action-sheet` does not allow for disabled buttons.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"value\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any | null\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text value of the option.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\nlet selectOptionIds = 0;\n"],"mappings":"6FAAA,MAAMA,EAAkB,sB,MCKXC,EAAY,MACrBC,YAAAC,G,UACIC,KAAKC,QAAU,cAAcC,MAC7BF,KAAKG,SAAW,MAChBH,KAAKI,MAAQC,S,CAEjBC,SACI,OAAOC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,SAAUC,GAAIX,KAAKC,QAASW,MAAOC,EAAWb,O,2BAuD9H,IAAIE,EAAkB,E"}

package/dist/checkout/p-6fa979e3.js

@@ -1,4 +1,5 @@
 import{g as t}from"./p-3d3eefc3.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */var i,s;!function(t){t.Heavy="HEAVY",t.Medium="MEDIUM",t.Light="LIGHT"}(i||(i={})),function(t){t.Success="SUCCESS",t.Warning="WARNING",t.Error="ERROR"}(s||(s={}));const n={getEngine(){const i=window.TapticEngine;if(i)return i;const s=t();return(null==s?void 0:s.isPluginAvailable("Haptics"))?s.Plugins.Haptics:void 0},available(){if(!this.getEngine())return!1;const i=t();return"web"!==(null==i?void 0:i.getPlatform())||"undefined"!=typeof navigator&&void 0!==navigator.vibrate},isCordova:()=>void 0!==window.TapticEngine,isCapacitor:()=>void 0!==t(),impact(t){const i=this.getEngine();if(!i)return;const s=this.isCapacitor()?t.style:t.style.toLowerCase();i.impact({style:s})},notification(t){const i=this.getEngine();if(!i)return;const s=this.isCapacitor()?t.type:t.type.toLowerCase();i.notification({type:s})},selection(){const t=this.isCapacitor()?i.Light:"light";this.impact({style:t})},selectionStart(){const t=this.getEngine();t&&(this.isCapacitor()?t.selectionStart():t.gestureSelectionStart())},selectionChanged(){const t=this.getEngine();t&&(this.isCapacitor()?t.selectionChanged():t.gestureSelectionChanged())},selectionEnd(){const t=this.getEngine();t&&(this.isCapacitor()?t.selectionEnd():t.gestureSelectionEnd())}},o=()=>n.available(),e=()=>{o()&&n.selection()},a=()=>{o()&&n.selectionStart()},c=()=>{o()&&n.selectionChanged()},r=()=>{o()&&n.selectionEnd()},h=t=>{o()&&n.impact(t)};export{i as I,a,c as b,r as c,e as d,h}
+ */var n;(function(t){t["Heavy"]="HEAVY";t["Medium"]="MEDIUM";t["Light"]="LIGHT"})(n||(n={}));var i;(function(t){t["Success"]="SUCCESS";t["Warning"]="WARNING";t["Error"]="ERROR"})(i||(i={}));const s={getEngine(){const n=window.TapticEngine;if(n){return n}const i=t();if(i===null||i===void 0?void 0:i.isPluginAvailable("Haptics")){return i.Plugins.Haptics}return undefined},available(){const n=this.getEngine();if(!n){return false}const i=t();if((i===null||i===void 0?void 0:i.getPlatform())==="web"){return typeof navigator!=="undefined"&&navigator.vibrate!==undefined}return true},isCordova(){return window.TapticEngine!==undefined},isCapacitor(){return t()!==undefined},impact(t){const n=this.getEngine();if(!n){return}const i=this.isCapacitor()?t.style:t.style.toLowerCase();n.impact({style:i})},notification(t){const n=this.getEngine();if(!n){return}const i=this.isCapacitor()?t.type:t.type.toLowerCase();n.notification({type:i})},selection(){const t=this.isCapacitor()?n.Light:"light";this.impact({style:t})},selectionStart(){const t=this.getEngine();if(!t){return}if(this.isCapacitor()){t.selectionStart()}else{t.gestureSelectionStart()}},selectionChanged(){const t=this.getEngine();if(!t){return}if(this.isCapacitor()){t.selectionChanged()}else{t.gestureSelectionChanged()}},selectionEnd(){const t=this.getEngine();if(!t){return}if(this.isCapacitor()){t.selectionEnd()}else{t.gestureSelectionEnd()}}};const e=()=>s.available();const o=()=>{e()&&s.selection()};const r=()=>{e()&&s.selectionStart()};const c=()=>{e()&&s.selectionChanged()};const a=()=>{e()&&s.selectionEnd()};const f=t=>{e()&&s.impact(t)};export{n as I,r as a,c as b,a as c,o as d,f as h};
+//# sourceMappingURL=p-6fa979e3.js.map

package/dist/checkout/p-6fa979e3.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ImpactStyle","NotificationType","HapticEngine","getEngine","tapticEngine","window","TapticEngine","capacitor","getCapacitor","isPluginAvailable","Plugins","Haptics","undefined","available","engine","this","getPlatform","navigator","vibrate","isCordova","isCapacitor","impact","options","style","toLowerCase","notification","type","selection","Light","selectionStart","gestureSelectionStart","selectionChanged","gestureSelectionChanged","selectionEnd","gestureSelectionEnd","hapticAvailable","hapticSelection","hapticSelectionStart","hapticSelectionChanged","hapticSelectionEnd","hapticImpact"],"sources":["./node_modules/@ionic/core/dist/collection/utils/native/haptic.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { getCapacitor } from \"./capacitor\";\nexport var ImpactStyle;\n(function (ImpactStyle) {\n    /**\n     * A collision between large, heavy user interface elements\n     *\n     * @since 1.0.0\n     */\n    ImpactStyle[\"Heavy\"] = \"HEAVY\";\n    /**\n     * A collision between moderately sized user interface elements\n     *\n     * @since 1.0.0\n     */\n    ImpactStyle[\"Medium\"] = \"MEDIUM\";\n    /**\n     * A collision between small, light user interface elements\n     *\n     * @since 1.0.0\n     */\n    ImpactStyle[\"Light\"] = \"LIGHT\";\n})(ImpactStyle || (ImpactStyle = {}));\nexport var NotificationType;\n(function (NotificationType) {\n    /**\n     * A notification feedback type indicating that a task has completed successfully\n     *\n     * @since 1.0.0\n     */\n    NotificationType[\"Success\"] = \"SUCCESS\";\n    /**\n     * A notification feedback type indicating that a task has produced a warning\n     *\n     * @since 1.0.0\n     */\n    NotificationType[\"Warning\"] = \"WARNING\";\n    /**\n     * A notification feedback type indicating that a task has failed\n     *\n     * @since 1.0.0\n     */\n    NotificationType[\"Error\"] = \"ERROR\";\n})(NotificationType || (NotificationType = {}));\nconst HapticEngine = {\n    getEngine() {\n        const tapticEngine = window.TapticEngine;\n        if (tapticEngine) {\n            // Cordova\n            // TODO FW-4707 - Remove this in Ionic 8\n            return tapticEngine;\n        }\n        const capacitor = getCapacitor();\n        if (capacitor === null || capacitor === void 0 ? void 0 : capacitor.isPluginAvailable('Haptics')) {\n            // Capacitor\n            return capacitor.Plugins.Haptics;\n        }\n        return undefined;\n    },\n    available() {\n        const engine = this.getEngine();\n        if (!engine) {\n            return false;\n        }\n        const capacitor = getCapacitor();\n        /**\n         * Developers can manually import the\n         * Haptics plugin in their app which will cause\n         * getEngine to return the Haptics engine. However,\n         * the Haptics engine will throw an error if\n         * used in a web browser that does not support\n         * the Vibrate API. This check avoids that error\n         * if the browser does not support the Vibrate API.\n         */\n        if ((capacitor === null || capacitor === void 0 ? void 0 : capacitor.getPlatform()) === 'web') {\n            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain\n            return typeof navigator !== 'undefined' && navigator.vibrate !== undefined;\n        }\n        return true;\n    },\n    isCordova() {\n        return window.TapticEngine !== undefined;\n    },\n    isCapacitor() {\n        return getCapacitor() !== undefined;\n    },\n    impact(options) {\n        const engine = this.getEngine();\n        if (!engine) {\n            return;\n        }\n        /**\n         * To provide backwards compatibility with Cordova apps,\n         * we convert the style to lowercase.\n         *\n         * TODO: FW-4707 - Remove this in Ionic 8\n         */\n        const style = this.isCapacitor() ? options.style : options.style.toLowerCase();\n        engine.impact({ style });\n    },\n    notification(options) {\n        const engine = this.getEngine();\n        if (!engine) {\n            return;\n        }\n        /**\n         * To provide backwards compatibility with Cordova apps,\n         * we convert the style to lowercase.\n         *\n         * TODO: FW-4707 - Remove this in Ionic 8\n         */\n        const type = this.isCapacitor() ? options.type : options.type.toLowerCase();\n        engine.notification({ type });\n    },\n    selection() {\n        /**\n         * To provide backwards compatibility with Cordova apps,\n         * we convert the style to lowercase.\n         *\n         * TODO: FW-4707 - Remove this in Ionic 8\n         */\n        const style = this.isCapacitor() ? ImpactStyle.Light : 'light';\n        this.impact({ style });\n    },\n    selectionStart() {\n        const engine = this.getEngine();\n        if (!engine) {\n            return;\n        }\n        if (this.isCapacitor()) {\n            engine.selectionStart();\n        }\n        else {\n            engine.gestureSelectionStart();\n        }\n    },\n    selectionChanged() {\n        const engine = this.getEngine();\n        if (!engine) {\n            return;\n        }\n        if (this.isCapacitor()) {\n            engine.selectionChanged();\n        }\n        else {\n            engine.gestureSelectionChanged();\n        }\n    },\n    selectionEnd() {\n        const engine = this.getEngine();\n        if (!engine) {\n            return;\n        }\n        if (this.isCapacitor()) {\n            engine.selectionEnd();\n        }\n        else {\n            engine.gestureSelectionEnd();\n        }\n    },\n};\n/**\n * Check to see if the Haptic Plugin is available\n * @return Returns `true` or false if the plugin is available\n */\nexport const hapticAvailable = () => {\n    return HapticEngine.available();\n};\n/**\n * Trigger a selection changed haptic event. Good for one-time events\n * (not for gestures)\n */\nexport const hapticSelection = () => {\n    hapticAvailable() && HapticEngine.selection();\n};\n/**\n * Tell the haptic engine that a gesture for a selection change is starting.\n */\nexport const hapticSelectionStart = () => {\n    hapticAvailable() && HapticEngine.selectionStart();\n};\n/**\n * Tell the haptic engine that a selection changed during a gesture.\n */\nexport const hapticSelectionChanged = () => {\n    hapticAvailable() && HapticEngine.selectionChanged();\n};\n/**\n * Tell the haptic engine we are done with a gesture. This needs to be\n * called lest resources are not properly recycled.\n */\nexport const hapticSelectionEnd = () => {\n    hapticAvailable() && HapticEngine.selectionEnd();\n};\n/**\n * Use this to indicate success/failure/warning to the user.\n * options should be of the type `{ type: NotificationType.SUCCESS }` (or `WARNING`/`ERROR`)\n */\nexport const hapticNotification = (options) => {\n    hapticAvailable() && HapticEngine.notification(options);\n};\n/**\n * Use this to indicate success/failure/warning to the user.\n * options should be of the type `{ style: ImpactStyle.LIGHT }` (or `MEDIUM`/`HEAVY`)\n */\nexport const hapticImpact = (options) => {\n    hapticAvailable() && HapticEngine.impact(options);\n};\n"],"mappings":";;;GAIU,IAACA,GACX,SAAWA,GAMPA,EAAY,SAAW,QAMvBA,EAAY,UAAY,SAMxBA,EAAY,SAAW,OAC1B,EAnBD,CAmBGA,IAAgBA,EAAc,KAC1B,IAAIC,GACX,SAAWA,GAMPA,EAAiB,WAAa,UAM9BA,EAAiB,WAAa,UAM9BA,EAAiB,SAAW,OAC/B,EAnBD,CAmBGA,IAAqBA,EAAmB,KAC3C,MAAMC,EAAe,CACjBC,YACI,MAAMC,EAAeC,OAAOC,aAC5B,GAAIF,EAAc,CAGd,OAAOA,CACnB,CACQ,MAAMG,EAAYC,IAClB,GAAID,IAAc,MAAQA,SAAmB,OAAS,EAAIA,EAAUE,kBAAkB,WAAY,CAE9F,OAAOF,EAAUG,QAAQC,OACrC,CACQ,OAAOC,SACf,EACIC,YACI,MAAMC,EAASC,KAAKZ,YACpB,IAAKW,EAAQ,CACT,OAAO,KACnB,CACQ,MAAMP,EAAYC,IAUlB,IAAKD,IAAc,MAAQA,SAAmB,OAAS,EAAIA,EAAUS,iBAAmB,MAAO,CAE3F,cAAcC,YAAc,aAAeA,UAAUC,UAAYN,SAC7E,CACQ,OAAO,IACf,EACIO,YACI,OAAOd,OAAOC,eAAiBM,SACvC,EACIQ,cACI,OAAOZ,MAAmBI,SAClC,EACIS,OAAOC,GACH,MAAMR,EAASC,KAAKZ,YACpB,IAAKW,EAAQ,CACT,MACZ,CAOQ,MAAMS,EAAQR,KAAKK,cAAgBE,EAAQC,MAAQD,EAAQC,MAAMC,cACjEV,EAAOO,OAAO,CAAEE,SACxB,EACIE,aAAaH,GACT,MAAMR,EAASC,KAAKZ,YACpB,IAAKW,EAAQ,CACT,MACZ,CAOQ,MAAMY,EAAOX,KAAKK,cAAgBE,EAAQI,KAAOJ,EAAQI,KAAKF,cAC9DV,EAAOW,aAAa,CAAEC,QAC9B,EACIC,YAOI,MAAMJ,EAAQR,KAAKK,cAAgBpB,EAAY4B,MAAQ,QACvDb,KAAKM,OAAO,CAAEE,SACtB,EACIM,iBACI,MAAMf,EAASC,KAAKZ,YACpB,IAAKW,EAAQ,CACT,MACZ,CACQ,GAAIC,KAAKK,cAAe,CACpBN,EAAOe,gBACnB,KACa,CACDf,EAAOgB,uBACnB,CACA,EACIC,mBACI,MAAMjB,EAASC,KAAKZ,YACpB,IAAKW,EAAQ,CACT,MACZ,CACQ,GAAIC,KAAKK,cAAe,CACpBN,EAAOiB,kBACnB,KACa,CACDjB,EAAOkB,yBACnB,CACA,EACIC,eACI,MAAMnB,EAASC,KAAKZ,YACpB,IAAKW,EAAQ,CACT,MACZ,CACQ,GAAIC,KAAKK,cAAe,CACpBN,EAAOmB,cACnB,KACa,CACDnB,EAAOoB,qBACnB,CACA,GAMO,MAAMC,EAAkB,IACpBjC,EAAaW,YAMZ,MAACuB,EAAkB,KAC3BD,KAAqBjC,EAAayB,WAAW,EAKrC,MAACU,EAAuB,KAChCF,KAAqBjC,EAAa2B,gBAAgB,EAK1C,MAACS,EAAyB,KAClCH,KAAqBjC,EAAa6B,kBAAkB,EAM5C,MAACQ,EAAqB,KAC9BJ,KAAqBjC,EAAa+B,cAAc,EAaxC,MAACO,EAAgBlB,IACzBa,KAAqBjC,EAAamB,OAAOC,EAAQ,S"}

package/dist/checkout/p-73ebba38.entry.js

@@ -0,0 +1,8 @@
+import{r as i,d as t,h as r,H as e,e as o}from"./p-d7a430bf.js";import{b as n}from"./p-b84d9e44.js";import{c as s}from"./p-01ad898f.js";import{c,a,B as d,i as h,p,s as l,b,d as g,e as k,f as u}from"./p-3e681e57.js";import{g as m}from"./p-350e7423.js";import{g as f}from"./p-3b75b22a.js";import{c as v}from"./p-b7be2ec0.js";import"./p-d7fe59ee.js";import"./p-88abdf59.js";import"./p-dc51d318.js";import"./p-e187a77c.js";
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const w=i=>{const t=v();const r=v();const e=v();r.addElement(i.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);e.addElement(i.querySelector(".picker-wrapper")).fromTo("transform","translateY(100%)","translateY(0%)");return t.addElement(i).easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation([r,e])};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const x=i=>{const t=v();const r=v();const e=v();r.addElement(i.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",.01);e.addElement(i.querySelector(".picker-wrapper")).fromTo("transform","translateY(0%)","translateY(100%)");return t.addElement(i).easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation([r,e])};const y=".sc-ion-picker-ios-h{--border-radius:0;--border-style:solid;--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--max-height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;user-select:none;z-index:1001}@supports (inset-inline-start: 0){.sc-ion-picker-ios-h{inset-inline-start:0}}@supports not (inset-inline-start: 0){.sc-ion-picker-ios-h{left:0}[dir=rtl].sc-ion-picker-ios-h,[dir=rtl] .sc-ion-picker-ios-h{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.sc-ion-picker-ios-h:dir(rtl){left:unset;right:unset;right:0}}}.overlay-hidden.sc-ion-picker-ios-h{display:none}.picker-wrapper.sc-ion-picker-ios{border-radius:var(--border-radius);left:0;right:0;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;transform:translate3d(0,  100%,  0);display:flex;position:absolute;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;overflow:hidden;z-index:10}.picker-toolbar.sc-ion-picker-ios{width:100%;background:transparent;contain:strict;z-index:1}.picker-button.sc-ion-picker-ios{border:0;font-family:inherit}.picker-button.sc-ion-picker-ios:active,.picker-button.sc-ion-picker-ios:focus{outline:none}.picker-columns.sc-ion-picker-ios{display:flex;position:relative;justify-content:center;margin-bottom:var(--ion-safe-area-bottom, 0);contain:strict;overflow:hidden}.picker-above-highlight.sc-ion-picker-ios,.picker-below-highlight.sc-ion-picker-ios{display:none;pointer-events:none}.sc-ion-picker-ios-h{--background:var(--ion-background-color, #fff);--border-width:1px 0 0;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--height:260px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.26);color:var(--ion-item-color, var(--ion-text-color, #000))}.picker-toolbar.sc-ion-picker-ios{display:flex;height:44px;border-bottom:0.55px solid var(--border-color)}.picker-toolbar-button.sc-ion-picker-ios{flex:1;text-align:end}.picker-toolbar-button.sc-ion-picker-ios:last-child .picker-button.sc-ion-picker-ios{font-weight:600}.picker-toolbar-button.sc-ion-picker-ios:first-child{font-weight:normal;text-align:start}.picker-button.sc-ion-picker-ios,.picker-button.ion-activated.sc-ion-picker-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:1em;padding-inline-start:1em;-webkit-padding-end:1em;padding-inline-end:1em;padding-top:0;padding-bottom:0;height:44px;background:transparent;color:var(--ion-color-primary, #3880ff);font-size:16px}.picker-columns.sc-ion-picker-ios{height:215px;perspective:1000px}.picker-above-highlight.sc-ion-picker-ios{top:0;transform:translate3d(0,  0,  90px);display:block;position:absolute;width:100%;height:81px;border-bottom:1px solid var(--border-color);background:linear-gradient(to bottom, var(--background, var(--ion-background-color, #fff)) 20%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);z-index:10}@supports (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-ios{left:0}[dir=rtl].sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios,[dir=rtl] .sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-ios .picker-above-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-above-highlight.sc-ion-picker-ios:dir(rtl){left:unset;right:unset;right:0}}}.picker-below-highlight.sc-ion-picker-ios{top:115px;transform:translate3d(0,  0,  90px);display:block;position:absolute;width:100%;height:119px;border-top:1px solid var(--border-color);background:linear-gradient(to top, var(--background, var(--ion-background-color, #fff)) 30%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);z-index:11}@supports (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-ios{left:0}[dir=rtl].sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios,[dir=rtl] .sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-ios .picker-below-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-below-highlight.sc-ion-picker-ios:dir(rtl){left:unset;right:unset;right:0}}}";const j=".sc-ion-picker-md-h{--border-radius:0;--border-style:solid;--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--max-height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;user-select:none;z-index:1001}@supports (inset-inline-start: 0){.sc-ion-picker-md-h{inset-inline-start:0}}@supports not (inset-inline-start: 0){.sc-ion-picker-md-h{left:0}[dir=rtl].sc-ion-picker-md-h,[dir=rtl] .sc-ion-picker-md-h{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.sc-ion-picker-md-h:dir(rtl){left:unset;right:unset;right:0}}}.overlay-hidden.sc-ion-picker-md-h{display:none}.picker-wrapper.sc-ion-picker-md{border-radius:var(--border-radius);left:0;right:0;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;transform:translate3d(0,  100%,  0);display:flex;position:absolute;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;overflow:hidden;z-index:10}.picker-toolbar.sc-ion-picker-md{width:100%;background:transparent;contain:strict;z-index:1}.picker-button.sc-ion-picker-md{border:0;font-family:inherit}.picker-button.sc-ion-picker-md:active,.picker-button.sc-ion-picker-md:focus{outline:none}.picker-columns.sc-ion-picker-md{display:flex;position:relative;justify-content:center;margin-bottom:var(--ion-safe-area-bottom, 0);contain:strict;overflow:hidden}.picker-above-highlight.sc-ion-picker-md,.picker-below-highlight.sc-ion-picker-md{display:none;pointer-events:none}.sc-ion-picker-md-h{--background:var(--ion-background-color, #fff);--border-width:0.55px 0 0;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--height:260px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.26);color:var(--ion-item-color, var(--ion-text-color, #000))}.picker-toolbar.sc-ion-picker-md{display:flex;justify-content:flex-end;height:44px}.picker-button.sc-ion-picker-md,.picker-button.ion-activated.sc-ion-picker-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:1.1em;padding-inline-start:1.1em;-webkit-padding-end:1.1em;padding-inline-end:1.1em;padding-top:0;padding-bottom:0;height:44px;background:transparent;color:var(--ion-color-primary, #3880ff);font-size:14px;font-weight:500;text-transform:uppercase;box-shadow:none}.picker-columns.sc-ion-picker-md{height:216px;perspective:1800px}.picker-above-highlight.sc-ion-picker-md{top:0;transform:translate3d(0,  0,  90px);position:absolute;width:100%;height:81px;border-bottom:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));background:linear-gradient(to bottom, var(--ion-background-color, #fff) 20%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);z-index:10}@supports (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-md{left:0}[dir=rtl].sc-ion-picker-md-h .picker-above-highlight.sc-ion-picker-md,[dir=rtl] .sc-ion-picker-md-h .picker-above-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-md .picker-above-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-above-highlight.sc-ion-picker-md:dir(rtl){left:unset;right:unset;right:0}}}.picker-below-highlight.sc-ion-picker-md{top:115px;transform:translate3d(0,  0,  90px);position:absolute;width:100%;height:119px;border-top:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));background:linear-gradient(to top, var(--ion-background-color, #fff) 30%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);z-index:11}@supports (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-md{left:0}[dir=rtl].sc-ion-picker-md-h .picker-below-highlight.sc-ion-picker-md,[dir=rtl] .sc-ion-picker-md-h .picker-below-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-md .picker-below-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-below-highlight.sc-ion-picker-md:dir(rtl){left:unset;right:unset;right:0}}}";const z=class{constructor(r){i(this,r);this.didPresent=t(this,"ionPickerDidPresent",7);this.willPresent=t(this,"ionPickerWillPresent",7);this.willDismiss=t(this,"ionPickerWillDismiss",7);this.didDismiss=t(this,"ionPickerDidDismiss",7);this.didPresentShorthand=t(this,"didPresent",7);this.willPresentShorthand=t(this,"willPresent",7);this.willDismissShorthand=t(this,"willDismiss",7);this.didDismissShorthand=t(this,"didDismiss",7);this.delegateController=c(this);this.lockController=s();this.triggerController=a();this.onBackdropTap=()=>{this.dismiss(undefined,d)};this.dispatchCancelHandler=i=>{const t=i.detail.role;if(h(t)){const i=this.buttons.find((i=>i.role==="cancel"));this.callButtonHandler(i)}};this.presented=false;this.overlayIndex=undefined;this.delegate=undefined;this.hasController=false;this.keyboardClose=true;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.buttons=[];this.columns=[];this.cssClass=undefined;this.duration=0;this.showBackdrop=true;this.backdropDismiss=true;this.animated=true;this.htmlAttributes=undefined;this.isOpen=false;this.trigger=undefined}onIsOpenChange(i,t){if(i===true&&t===false){this.present()}else if(i===false&&t===true){this.dismiss()}}triggerChanged(){const{trigger:i,el:t,triggerController:r}=this;if(i){r.addClickListener(t,i)}}connectedCallback(){p(this.el);this.triggerChanged()}disconnectedCallback(){this.triggerController.removeClickListener()}componentWillLoad(){l(this.el)}componentDidLoad(){if(this.isOpen===true){n((()=>this.present()))}this.triggerChanged()}async present(){const i=await this.lockController.lock();await this.delegateController.attachViewToDom();await b(this,"pickerEnter",w,w,undefined);if(this.duration>0){this.durationTimeout=setTimeout((()=>this.dismiss()),this.duration)}i()}async dismiss(i,t){const r=await this.lockController.lock();if(this.durationTimeout){clearTimeout(this.durationTimeout)}const e=await g(this,i,t,"pickerLeave",x,x);if(e){this.delegateController.removeViewFromDom()}r();return e}onDidDismiss(){return k(this.el,"ionPickerDidDismiss")}onWillDismiss(){return k(this.el,"ionPickerWillDismiss")}getColumn(i){return Promise.resolve(this.columns.find((t=>t.name===i)))}async buttonClick(i){const t=i.role;if(h(t)){return this.dismiss(undefined,t)}const r=await this.callButtonHandler(i);if(r){return this.dismiss(this.getSelected(),i.role)}return Promise.resolve()}async callButtonHandler(i){if(i){const t=await u(i.handler,this.getSelected());if(t===false){return false}}return true}getSelected(){const i={};this.columns.forEach(((t,r)=>{const e=t.selectedIndex!==undefined?t.options[t.selectedIndex]:undefined;i[t.name]={text:e?e.text:undefined,value:e?e.value:undefined,columnIndex:r}}));return i}render(){const{htmlAttributes:i}=this;const t=f(this);return r(e,Object.assign({key:"eb5f91ea74fb11daa6942f779ef461742cad9ecb","aria-modal":"true",tabindex:"-1"},i,{style:{zIndex:`${2e4+this.overlayIndex}`},class:Object.assign({[t]:true,[`picker-${t}`]:true,"overlay-hidden":true},m(this.cssClass)),onIonBackdropTap:this.onBackdropTap,onIonPickerWillDismiss:this.dispatchCancelHandler}),r("ion-backdrop",{key:"7ea872d939e62f14129fff15334b2822ad2360c9",visible:this.showBackdrop,tappable:this.backdropDismiss}),r("div",{key:"2d77c225091eacab0207e28c96b966122afafef0",tabindex:"0"}),r("div",{key:"630d21e0c60ad97b71462cdc540858bb6ced0b8f",class:"picker-wrapper ion-overlay-wrapper",role:"dialog"},r("div",{key:"fa8553ec8d2ce8bf93e16e02334b6475cb51b5d4",class:"picker-toolbar"},this.buttons.map((i=>r("div",{class:D(i)},r("button",{type:"button",onClick:()=>this.buttonClick(i),class:P(i)},i.text))))),r("div",{key:"177d1bcbd0ce38f16d9c936295a917fb981d02d7",class:"picker-columns"},r("div",{key:"be99b6e0279c210ef91a88ccc81acc7d37917a53",class:"picker-above-highlight"}),this.presented&&this.columns.map((i=>r("ion-picker-column",{col:i}))),r("div",{key:"b36b21e8133b59e873e1d3447a1279f1b971c854",class:"picker-below-highlight"}))),r("div",{key:"17cea6dd24dbb0a08073ca4a84bfe027eb24833d",tabindex:"0"}))}get el(){return o(this)}static get watchers(){return{isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}}};const D=i=>({[`picker-toolbar-${i.role}`]:i.role!==undefined,"picker-toolbar-button":true});const P=i=>Object.assign({"picker-button":true,"ion-activatable":true},m(i.cssClass));z.style={ios:y,md:j};export{z as ion_picker};
+//# sourceMappingURL=p-73ebba38.entry.js.map