@amwaljs/checkout-button 0.2.9 → 0.3.1

package/dist/components/p-_OXvEtk1.js

@@ -1,501 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, e as Host, t as transformTag } from './p-abe_AkUW.js';
-import { g as getElementRoot } from './p-CBE-1aIM.js';
-
-const pickerIosCss = () => `:host{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-after{background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-highlight{background:var(--highlight-background, var(--ion-color-step-150, var(--ion-background-color-step-150, #eeeeef)))}`;
-
-const pickerMdCss = () => `:host{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}:host .picker-after{background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}`;
-
-const Picker = /*@__PURE__*/ proxyCustomElement(class Picker extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.ionInputModeChange = createEvent(this, "ionInputModeChange", 7);
-        this.useInputMode = false;
-        this.isInHighlightBounds = (ev) => {
-            const { highlightEl } = this;
-            if (!highlightEl) {
-                return false;
-            }
-            const bbox = highlightEl.getBoundingClientRect();
-            /**
-             * Check to see if the user clicked
-             * outside the bounds of the highlight.
-             */
-            const outsideX = ev.clientX < bbox.left || ev.clientX > bbox.right;
-            const outsideY = ev.clientY < bbox.top || ev.clientY > bbox.bottom;
-            if (outsideX || outsideY) {
-                return false;
-            }
-            return true;
-        };
-        /**
-         * If we are no longer focused
-         * on a picker column, then we should
-         * exit input mode. An exception is made
-         * for the input in the picker since having
-         * that focused means we are still in input mode.
-         */
-        this.onFocusOut = (ev) => {
-            // TODO(FW-2832): type
-            const { relatedTarget } = ev;
-            if (!relatedTarget || (relatedTarget.tagName !== 'ION-PICKER-COLUMN' && relatedTarget !== this.inputEl)) {
-                this.exitInputMode();
-            }
-        };
-        /**
-         * When picker columns receive focus
-         * the parent picker needs to determine
-         * whether to enter/exit input mode.
-         */
-        this.onFocusIn = (ev) => {
-            // TODO(FW-2832): type
-            const { target } = ev;
-            /**
-             * Due to browser differences in how/when focus
-             * is dispatched on certain elements, we need to
-             * make sure that this function only ever runs when
-             * focusing a picker column.
-             */
-            if (target.tagName !== 'ION-PICKER-COLUMN') {
-                return;
-            }
-            /**
-             * If we have actionOnClick
-             * then this means the user focused
-             * a picker column via mouse or
-             * touch (i.e. a PointerEvent). As a result,
-             * we should not enter/exit input mode
-             * until the click event has fired, which happens
-             * after the `focusin` event.
-             *
-             * Otherwise, the user likely focused
-             * the column using their keyboard and
-             * we should enter/exit input mode automatically.
-             */
-            if (!this.actionOnClick) {
-                const columnEl = target;
-                const allowInput = columnEl.numericInput;
-                if (allowInput) {
-                    this.enterInputMode(columnEl, false);
-                }
-                else {
-                    this.exitInputMode();
-                }
-            }
-        };
-        /**
-         * On click we need to run an actionOnClick
-         * function that has been set in onPointerDown
-         * so that we enter/exit input mode correctly.
-         */
-        this.onClick = () => {
-            const { actionOnClick } = this;
-            if (actionOnClick) {
-                actionOnClick();
-                this.actionOnClick = undefined;
-            }
-        };
-        /**
-         * Clicking a column also focuses the column on
-         * certain browsers, so we use onPointerDown
-         * to tell the onFocusIn function that users
-         * are trying to click the column rather than
-         * focus the column using the keyboard. When the
-         * user completes the click, the onClick function
-         * runs and runs the actionOnClick callback.
-         */
-        this.onPointerDown = (ev) => {
-            const { useInputMode, inputModeColumn, el } = this;
-            if (this.isInHighlightBounds(ev)) {
-                /**
-                 * If we were already in
-                 * input mode, then we should determine
-                 * if we tapped a particular column and
-                 * should switch to input mode for
-                 * that specific column.
-                 */
-                if (useInputMode) {
-                    /**
-                     * If we tapped a picker column
-                     * then we should either switch to input
-                     * mode for that column or all columns.
-                     * Otherwise we should exit input mode
-                     * since we just tapped the highlight and
-                     * not a column.
-                     */
-                    if (ev.target.tagName === 'ION-PICKER-COLUMN') {
-                        /**
-                         * If user taps 2 different columns
-                         * then we should just switch to input mode
-                         * for the new column rather than switching to
-                         * input mode for all columns.
-                         */
-                        if (inputModeColumn && inputModeColumn === ev.target) {
-                            this.actionOnClick = () => {
-                                this.enterInputMode();
-                            };
-                        }
-                        else {
-                            this.actionOnClick = () => {
-                                this.enterInputMode(ev.target);
-                            };
-                        }
-                    }
-                    else {
-                        this.actionOnClick = () => {
-                            this.exitInputMode();
-                        };
-                    }
-                    /**
-                     * If we were not already in
-                     * input mode, then we should
-                     * enter input mode for all columns.
-                     */
-                }
-                else {
-                    /**
-                     * If there is only 1 numeric input column
-                     * then we should skip multi column input.
-                     */
-                    const columns = el.querySelectorAll('ion-picker-column.picker-column-numeric-input');
-                    const columnEl = columns.length === 1 ? ev.target : undefined;
-                    this.actionOnClick = () => {
-                        this.enterInputMode(columnEl);
-                    };
-                }
-                return;
-            }
-            this.actionOnClick = () => {
-                this.exitInputMode();
-            };
-        };
-        /**
-         * Enters input mode to allow
-         * for text entry of numeric values.
-         * If on mobile, we focus a hidden input
-         * field so that the on screen keyboard
-         * is brought up. When tabbing using a
-         * keyboard, picker columns receive an outline
-         * to indicate they are focused. As a result,
-         * we should not focus the hidden input as it
-         * would cause the outline to go away, preventing
-         * users from having any visual indication of which
-         * column is focused.
-         */
-        this.enterInputMode = (columnEl, focusInput = true) => {
-            const { inputEl, el } = this;
-            if (!inputEl) {
-                return;
-            }
-            /**
-             * Only active input mode if there is at
-             * least one column that accepts numeric input.
-             */
-            const hasInputColumn = el.querySelector('ion-picker-column.picker-column-numeric-input');
-            if (!hasInputColumn) {
-                return;
-            }
-            /**
-             * If columnEl is undefined then
-             * it is assumed that all numeric pickers
-             * are eligible for text entry.
-             * (i.e. hour and minute columns)
-             */
-            this.useInputMode = true;
-            this.inputModeColumn = columnEl;
-            /**
-             * Users with a keyboard and mouse can
-             * activate input mode where the input is
-             * focused as well as when it is not focused,
-             * so we need to make sure we clean up any
-             * old listeners.
-             */
-            if (focusInput) {
-                if (this.destroyKeypressListener) {
-                    this.destroyKeypressListener();
-                    this.destroyKeypressListener = undefined;
-                }
-                inputEl.focus();
-            }
-            else {
-                // TODO FW-5900 Use keydown instead
-                el.addEventListener('keypress', this.onKeyPress);
-                this.destroyKeypressListener = () => {
-                    el.removeEventListener('keypress', this.onKeyPress);
-                };
-            }
-            this.emitInputModeChange();
-        };
-        this.onKeyPress = (ev) => {
-            const { inputEl } = this;
-            if (!inputEl) {
-                return;
-            }
-            const parsedValue = parseInt(ev.key, 10);
-            /**
-             * Only numbers should be allowed
-             */
-            if (!Number.isNaN(parsedValue)) {
-                inputEl.value += ev.key;
-                this.onInputChange();
-            }
-        };
-        this.selectSingleColumn = () => {
-            const { inputEl, inputModeColumn, singleColumnSearchTimeout } = this;
-            if (!inputEl || !inputModeColumn) {
-                return;
-            }
-            const options = Array.from(inputModeColumn.querySelectorAll('ion-picker-column-option')).filter((el) => el.disabled !== true);
-            /**
-             * If users pause for a bit, the search
-             * value should be reset similar to how a
-             * <select> behaves. So typing "34", waiting,
-             * then typing "5" should select "05".
-             */
-            if (singleColumnSearchTimeout) {
-                clearTimeout(singleColumnSearchTimeout);
-            }
-            this.singleColumnSearchTimeout = setTimeout(() => {
-                inputEl.value = '';
-                this.singleColumnSearchTimeout = undefined;
-            }, 1000);
-            /**
-             * For values that are longer than 2 digits long
-             * we should shift the value over 1 character
-             * to the left. So typing "456" would result in "56".
-             * TODO: If we want to support more than just
-             * time entry, we should update this value to be
-             * the max length of all of the picker items.
-             */
-            if (inputEl.value.length >= 3) {
-                const startIndex = inputEl.value.length - 2;
-                const newString = inputEl.value.substring(startIndex);
-                inputEl.value = newString;
-                this.selectSingleColumn();
-                return;
-            }
-            /**
-             * Checking the value of the input gets priority
-             * first. For example, if the value of the input
-             * is "1" and we entered "2", then the complete value
-             * is "12" and we should select hour 12.
-             *
-             * Regex removes any leading zeros from values like "02",
-             * but it keeps a single zero if there are only zeros in the string.
-             * 0+(?=[1-9]) --> Match 1 or more zeros that are followed by 1-9
-             * 0+(?=0$) --> Match 1 or more zeros that must be followed by one 0 and end.
-             */
-            const findItemFromCompleteValue = options.find(({ textContent }) => {
-                /**
-                 * Keyboard entry is currently only used inside of Datetime
-                 * where we guarantee textContent is set.
-                 * If we end up exposing this feature publicly we should revisit this assumption.
-                 */
-                const parsedText = textContent.replace(/^0+(?=[1-9])|0+(?=0$)/, '');
-                return parsedText === inputEl.value;
-            });
-            if (findItemFromCompleteValue) {
-                inputModeColumn.setValue(findItemFromCompleteValue.value);
-                return;
-            }
-            /**
-             * If we typed "56" to get minute 56, then typed "7",
-             * we should select "07" as "567" is not a valid minute.
-             */
-            if (inputEl.value.length === 2) {
-                const changedCharacter = inputEl.value.substring(inputEl.value.length - 1);
-                inputEl.value = changedCharacter;
-                this.selectSingleColumn();
-            }
-        };
-        /**
-         * Searches a list of column items for a particular
-         * value. This is currently used for numeric values.
-         * The zeroBehavior can be set to account for leading
-         * or trailing zeros when looking at the item text.
-         */
-        this.searchColumn = (colEl, value, zeroBehavior = 'start') => {
-            if (!value) {
-                return false;
-            }
-            const behavior = zeroBehavior === 'start' ? /^0+/ : /0$/;
-            value = value.replace(behavior, '');
-            const option = Array.from(colEl.querySelectorAll('ion-picker-column-option')).find((el) => {
-                return el.disabled !== true && el.textContent.replace(behavior, '') === value;
-            });
-            if (option) {
-                colEl.setValue(option.value);
-            }
-            return !!option;
-        };
-        /**
-         * Attempts to intelligently search the first and second
-         * column as if they're number columns for the provided numbers
-         * where the first two numbers are the first column
-         * and the last 2 are the last column. Tries to allow for the first
-         * number to be ignored for situations where typos occurred.
-         */
-        this.multiColumnSearch = (firstColumn, secondColumn, input) => {
-            if (input.length === 0) {
-                return;
-            }
-            const inputArray = input.split('');
-            const hourValue = inputArray.slice(0, 2).join('');
-            // Try to find a match for the first two digits in the first column
-            const foundHour = this.searchColumn(firstColumn, hourValue);
-            // If we have more than 2 digits and found a match for hours,
-            // use the remaining digits for the second column (minutes)
-            if (inputArray.length > 2 && foundHour) {
-                const minuteValue = inputArray.slice(2, 4).join('');
-                this.searchColumn(secondColumn, minuteValue);
-            }
-            // If we couldn't find a match for the two-digit hour, try single digit approaches
-            else if (!foundHour && inputArray.length >= 1) {
-                // First try the first digit as a single-digit hour
-                let singleDigitHour = inputArray[0];
-                let singleDigitFound = this.searchColumn(firstColumn, singleDigitHour);
-                // If that didn't work, try the second digit as a single-digit hour
-                // (handles case where user made a typo in the first digit, or they typed over themselves)
-                if (!singleDigitFound) {
-                    inputArray.shift();
-                    singleDigitHour = inputArray[0];
-                    singleDigitFound = this.searchColumn(firstColumn, singleDigitHour);
-                }
-                // If we found a single-digit hour and have remaining digits,
-                // use up to 2 of the remaining digits for the second column
-                if (singleDigitFound && inputArray.length > 1) {
-                    const remainingDigits = inputArray.slice(1, 3).join('');
-                    this.searchColumn(secondColumn, remainingDigits);
-                }
-            }
-        };
-        this.selectMultiColumn = () => {
-            const { inputEl, el } = this;
-            if (!inputEl) {
-                return;
-            }
-            const numericPickers = Array.from(el.querySelectorAll('ion-picker-column')).filter((col) => col.numericInput);
-            const firstColumn = numericPickers[0];
-            const lastColumn = numericPickers[1];
-            let value = inputEl.value;
-            if (value.length > 4) {
-                const startIndex = inputEl.value.length - 4;
-                const newString = inputEl.value.substring(startIndex);
-                inputEl.value = newString;
-                value = newString;
-            }
-            this.multiColumnSearch(firstColumn, lastColumn, value);
-        };
-        /**
-         * Searches the value of the active column
-         * to determine which value users are trying
-         * to select
-         */
-        this.onInputChange = () => {
-            const { useInputMode, inputEl, inputModeColumn } = this;
-            if (!useInputMode || !inputEl) {
-                return;
-            }
-            if (inputModeColumn) {
-                this.selectSingleColumn();
-            }
-            else {
-                this.selectMultiColumn();
-            }
-        };
-        /**
-         * Emit ionInputModeChange. Picker columns
-         * listen for this event to determine whether
-         * or not their column is "active" for text input.
-         */
-        this.emitInputModeChange = () => {
-            const { useInputMode, inputModeColumn } = this;
-            this.ionInputModeChange.emit({
-                useInputMode,
-                inputModeColumn,
-            });
-        };
-    }
-    /**
-     * When the picker is interacted with
-     * we need to prevent touchstart so other
-     * gestures do not fire. For example,
-     * scrolling on the wheel picker
-     * in ion-datetime should not cause
-     * a card modal to swipe to close.
-     */
-    preventTouchStartPropagation(ev) {
-        ev.stopPropagation();
-    }
-    componentWillLoad() {
-        getElementRoot(this.el).addEventListener('focusin', this.onFocusIn);
-        getElementRoot(this.el).addEventListener('focusout', this.onFocusOut);
-    }
-    /**
-     * @internal
-     * Exits text entry mode for the picker
-     * This method blurs the hidden input
-     * and cause the keyboard to dismiss.
-     */
-    async exitInputMode() {
-        const { inputEl, useInputMode } = this;
-        if (!useInputMode || !inputEl) {
-            return;
-        }
-        this.useInputMode = false;
-        this.inputModeColumn = undefined;
-        inputEl.blur();
-        inputEl.value = '';
-        if (this.destroyKeypressListener) {
-            this.destroyKeypressListener();
-            this.destroyKeypressListener = undefined;
-        }
-        this.emitInputModeChange();
-    }
-    render() {
-        return (h(Host, { key: '28f81e4ed44a633178561757c5199c2c98f94b74', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, h("input", { key: 'abb3d1ad25ef63856af7804111175a4d50008bc0', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
-                var _a;
-                /**
-                 * The "Enter" key represents
-                 * the user submitting their time
-                 * selection, so we should blur the
-                 * input (and therefore close the keyboard)
-                 *
-                 * Updating the picker's state to no longer
-                 * be in input mode is handled in the onBlur
-                 * callback below.
-                 */
-                if (ev.key === 'Enter') {
-                    (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
-                }
-            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), h("div", { key: '334a5abdc02e6b127c57177f626d7e4ff5526183', class: "picker-before" }), h("div", { key: 'ffd6271931129e88fc7c820e919d684899e420c5', class: "picker-after" }), h("div", { key: '78d1d95fd09e04f154ea59f24a1cece72c47ed7b', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), h("slot", { key: '0bd5b9f875d3c71f6cbbde2054baeb1b0a2e8cd5' })));
-    }
-    get el() { return this; }
-    static get style() { return {
-        ios: pickerIosCss(),
-        md: pickerMdCss()
-    }; }
-}, [289, "ion-picker", {
-        "exitInputMode": [64]
-    }, [[1, "touchstart", "preventTouchStartPropagation"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-picker"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-picker":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), Picker);
-            }
-            break;
-    } });
-}
-
-export { Picker as P, defineCustomElement as d };
-//# sourceMappingURL=p-_OXvEtk1.js.map
-
-//# sourceMappingURL=p-_OXvEtk1.js.map

package/dist/components/p-_OXvEtk1.js.map

@@ -1 +0,0 @@
-{"file":"p-_OXvEtk1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/@ionic/core/dist/collection/components/picker/picker.ios.css?tag=ion-picker&mode=ios&encapsulation=shadow","node_modules/@ionic/core/dist/collection/components/picker/picker.md.css?tag=ion-picker&mode=md&encapsulation=shadow","node_modules/@ionic/core/dist/collection/components/picker/picker.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n  * @prop --highlight-background: Background of the picker highlight for the selected item\n  * @prop --highlight-border-radius: Border radius of the picker highlight for the selected item\n  *\n  * @prop --fade-background-rgb: Background of the gradient covering non-selected items in rgb format\n  */\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:host .picker-before {\n  inset-inline-start: 0;\n}\n\n:host .picker-after {\n  top: 116px;\n  height: 84px;\n}\n:host .picker-after {\n  inset-inline-start: 0;\n}\n\n:host .picker-highlight {\n  border-radius: var(--highlight-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(--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:first-of-type) {\n  text-align: start;\n}\n\n:host ::slotted(ion-picker-column:last-of-type) {\n  text-align: end;\n}\n\n:host ::slotted(ion-picker-column:only-child) {\n  text-align: center;\n}\n\n:host .picker-before {\n  background: linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--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(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--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(--highlight-background, var(--ion-color-step-150, var(--ion-background-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/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n  * @prop --highlight-background: Background of the picker highlight for the selected item\n  * @prop --highlight-border-radius: Border radius of the picker highlight for the selected item\n  *\n  * @prop --fade-background-rgb: Background of the gradient covering non-selected items in rgb format\n  */\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:host .picker-before {\n  inset-inline-start: 0;\n}\n\n:host .picker-after {\n  top: 116px;\n  height: 84px;\n}\n:host .picker-after {\n  inset-inline-start: 0;\n}\n\n:host .picker-highlight {\n  border-radius: var(--highlight-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(--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:first-of-type) {\n  text-align: start;\n}\n\n:host ::slotted(ion-picker-column:last-of-type) {\n  text-align: end;\n}\n\n:host ::slotted(ion-picker-column:only-child) {\n  text-align: center;\n}\n\n:host .picker-before {\n  background: linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--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(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--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 */\nexport class Picker {\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' && 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') {\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') {\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.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.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 options = Array.from(inputModeColumn.querySelectorAll('ion-picker-column-option')).filter((el) => el.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 = options.find(({ textContent }) => {\n                /**\n                 * Keyboard entry is currently only used inside of Datetime\n                 * where we guarantee textContent is set.\n                 * If we end up exposing this feature publicly we should revisit this assumption.\n                 */\n                const parsedText = textContent.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            if (!value) {\n                return false;\n            }\n            const behavior = zeroBehavior === 'start' ? /^0+/ : /0$/;\n            value = value.replace(behavior, '');\n            const option = Array.from(colEl.querySelectorAll('ion-picker-column-option')).find((el) => {\n                return el.disabled !== true && el.textContent.replace(behavior, '') === value;\n            });\n            if (option) {\n                colEl.setValue(option.value);\n            }\n            return !!option;\n        };\n        /**\n         * Attempts to intelligently search the first and second\n         * column as if they're number columns for the provided numbers\n         * where the first two numbers are the first column\n         * and the last 2 are the last column. Tries to allow for the first\n         * number to be ignored for situations where typos occurred.\n         */\n        this.multiColumnSearch = (firstColumn, secondColumn, input) => {\n            if (input.length === 0) {\n                return;\n            }\n            const inputArray = input.split('');\n            const hourValue = inputArray.slice(0, 2).join('');\n            // Try to find a match for the first two digits in the first column\n            const foundHour = this.searchColumn(firstColumn, hourValue);\n            // If we have more than 2 digits and found a match for hours,\n            // use the remaining digits for the second column (minutes)\n            if (inputArray.length > 2 && foundHour) {\n                const minuteValue = inputArray.slice(2, 4).join('');\n                this.searchColumn(secondColumn, minuteValue);\n            }\n            // If we couldn't find a match for the two-digit hour, try single digit approaches\n            else if (!foundHour && inputArray.length >= 1) {\n                // First try the first digit as a single-digit hour\n                let singleDigitHour = inputArray[0];\n                let singleDigitFound = this.searchColumn(firstColumn, singleDigitHour);\n                // If that didn't work, try the second digit as a single-digit hour\n                // (handles case where user made a typo in the first digit, or they typed over themselves)\n                if (!singleDigitFound) {\n                    inputArray.shift();\n                    singleDigitHour = inputArray[0];\n                    singleDigitFound = this.searchColumn(firstColumn, singleDigitHour);\n                }\n                // If we found a single-digit hour and have remaining digits,\n                // use up to 2 of the remaining digits for the second column\n                if (singleDigitFound && inputArray.length > 1) {\n                    const remainingDigits = inputArray.slice(1, 3).join('');\n                    this.searchColumn(secondColumn, remainingDigits);\n                }\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')).filter((col) => col.numericInput);\n            const firstColumn = numericPickers[0];\n            const lastColumn = numericPickers[1];\n            let value = inputEl.value;\n            if (value.length > 4) {\n                const startIndex = inputEl.value.length - 4;\n                const newString = inputEl.value.substring(startIndex);\n                inputEl.value = newString;\n                value = newString;\n            }\n            this.multiColumnSearch(firstColumn, lastColumn, value);\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: '28f81e4ed44a633178561757c5199c2c98f94b74', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, h(\"input\", { key: 'abb3d1ad25ef63856af7804111175a4d50008bc0', \"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: '334a5abdc02e6b127c57177f626d7e4ff5526183', class: \"picker-before\" }), h(\"div\", { key: 'ffd6271931129e88fc7c820e919d684899e420c5', class: \"picker-after\" }), h(\"div\", { key: '78d1d95fd09e04f154ea59f24a1cece72c47ed7b', class: \"picker-highlight\", ref: (el) => (this.highlightEl = el) }), h(\"slot\", { key: '0bd5b9f875d3c71f6cbbde2054baeb1b0a2e8cd5' })));\n    }\n    static get is() { return \"ion-picker\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"picker.ios.scss\"],\n            \"md\": [\"picker.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"picker.ios.css\"],\n            \"md\": [\"picker.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                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"PickerChangeEventDetail\",\n                    \"resolved\": \"PickerChangeEventDetail\",\n                    \"references\": {\n                        \"PickerChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./picker-interfaces\",\n                            \"id\": \"src/components/picker/picker-interfaces.ts::PickerChangeEventDetail\"\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"],"version":3}