@ionic/core 8.5.2-nightly.20250325 → 8.5.2

package/dist/esm/ion-picker.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, h, e as Host, f as getElement } from './index-527b9e34.js';
-import { g as getElementRoot } from './helpers-e48b0397.js';
+import { g as getElementRoot } from './helpers-78efeec3.js';
 
 const pickerIosCss = ":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);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;-webkit-transform:translateY(-50%);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:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));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:-webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));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 IonPickerIosStyle0 = pickerIosCss;
@@ -319,13 +319,59 @@ const Picker = class {
          * 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;
@@ -336,82 +382,13 @@ const Picker = class {
             const firstColumn = numericPickers[0];
             const lastColumn = numericPickers[1];
             let value = inputEl.value;
-            let minuteValue;
-            switch (value.length) {
-                case 1:
-                    this.searchColumn(firstColumn, value);
-                    break;
-                case 2:
-                    /**
-                     * If the first character is `0` or `1` it is
-                     * possible that users are trying to type `09`
-                     * or `11` into the hour field, so we should look
-                     * at that first.
-                     */
-                    const firstCharacter = inputEl.value.substring(0, 1);
-                    value = firstCharacter === '0' || firstCharacter === '1' ? inputEl.value : firstCharacter;
-                    this.searchColumn(firstColumn, value);
-                    /**
-                     * If only checked the first value,
-                     * we can check the second value
-                     * for a match in the minutes column
-                     */
-                    if (value.length === 1) {
-                        minuteValue = inputEl.value.substring(inputEl.value.length - 1);
-                        this.searchColumn(lastColumn, minuteValue, 'end');
-                    }
-                    break;
-                case 3:
-                    /**
-                     * If the first character is `0` or `1` it is
-                     * possible that users are trying to type `09`
-                     * or `11` into the hour field, so we should look
-                     * at that first.
-                     */
-                    const firstCharacterAgain = inputEl.value.substring(0, 1);
-                    value =
-                        firstCharacterAgain === '0' || firstCharacterAgain === '1'
-                            ? inputEl.value.substring(0, 2)
-                            : firstCharacterAgain;
-                    this.searchColumn(firstColumn, value);
-                    /**
-                     * If only checked the first value,
-                     * we can check the second value
-                     * for a match in the minutes column
-                     */
-                    minuteValue = value.length === 1 ? inputEl.value.substring(1) : inputEl.value.substring(2);
-                    this.searchColumn(lastColumn, minuteValue, 'end');
-                    break;
-                case 4:
-                    /**
-                     * If the first character is `0` or `1` it is
-                     * possible that users are trying to type `09`
-                     * or `11` into the hour field, so we should look
-                     * at that first.
-                     */
-                    const firstCharacterAgainAgain = inputEl.value.substring(0, 1);
-                    value =
-                        firstCharacterAgainAgain === '0' || firstCharacterAgainAgain === '1'
-                            ? inputEl.value.substring(0, 2)
-                            : firstCharacterAgainAgain;
-                    this.searchColumn(firstColumn, value);
-                    /**
-                     * If only checked the first value,
-                     * we can check the second value
-                     * for a match in the minutes column
-                     */
-                    const minuteValueAgain = value.length === 1
-                        ? inputEl.value.substring(1, inputEl.value.length)
-                        : inputEl.value.substring(2, inputEl.value.length);
-                    this.searchColumn(lastColumn, minuteValueAgain, 'end');
-                    break;
-                default:
-                    const startIndex = inputEl.value.length - 4;
-                    const newString = inputEl.value.substring(startIndex);
-                    inputEl.value = newString;
-                    this.selectMultiColumn();
-                    break;
+            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
@@ -480,7 +457,7 @@ const Picker = class {
         this.emitInputModeChange();
     }
     render() {
-        return (h(Host, { key: 'f92214a09dc85b65873676f40fde2b802960e704', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, h("input", { key: '6da37f75aca4ea1c9cb3bc733ebda2116279f313', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        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
@@ -495,7 +472,7 @@ const Picker = class {
                 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: '298e99d83dd3f5bf2798150bab0bb4024af472fa', class: "picker-before" }), h("div", { key: 'ea578f04eb562a4dc6d6cc92de133dcb9fb7f42a', class: "picker-after" }), h("div", { key: '84567824956dfe967992a629904836ba8b75b3ec', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), h("slot", { key: 'df81f8fb90e1f649b608328034528f5c31c70c3b' })));
+            }, 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 getElement(this); }
 };

package/dist/esm/ion-popover.entry.js

@@ -2,14 +2,14 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, h, e as Host, f as getElement } from './index-527b9e34.js';
-import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod, F as FOCUS_TRAP_DISABLE_CLASS } from './overlays-7579a420.js';
-import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-c7d92b77.js';
-import { r as raf, g as getElementRoot, a as addEventListener, k as hasLazyBuild } from './helpers-e48b0397.js';
+import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod, F as FOCUS_TRAP_DISABLE_CLASS } from './overlays-1bc809ec.js';
+import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-2eea1763.js';
+import { r as raf, g as getElementRoot, a as addEventListener, k as hasLazyBuild } from './helpers-78efeec3.js';
 import { c as createLockController } from './lock-controller-316928be.js';
 import { p as printIonWarning } from './index-738d7504.js';
 import { b as getIonMode, a as isPlatform } from './ionic-global-ca86cf32.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
-import { e as deepReady, w as waitForMount } from './index-a313df53.js';
+import { e as deepReady, w as waitForMount } from './index-ecb55b8d.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';
 import './index-a5d50daf.js';
 import './hardware-back-button-864101a3.js';

package/dist/esm/ion-progress-bar.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, e as Host } from './index-527b9e34.js';
-import { j as clamp } from './helpers-e48b0397.js';
+import { j as clamp } from './helpers-78efeec3.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-ca86cf32.js';
 

package/dist/esm/ion-radio_2.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, h, e as Host, f as getElement } from './index-527b9e34.js';
-import { a as addEventListener, b as removeEventListener, d as renderHiddenInput } from './helpers-e48b0397.js';
+import { a as addEventListener, b as removeEventListener, d as renderHiddenInput } from './helpers-78efeec3.js';
 import { i as isOptionSelected } from './compare-with-utils-a96ff2ea.js';
 import { h as hostContext, c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-ca86cf32.js';

package/dist/esm/ion-range.entry.js

@@ -2,8 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, h, e as Host, f as getElement } from './index-527b9e34.js';
-import { f as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-933ca126.js';
-import { l as isSafeNumber, j as clamp, e as debounceEvent, i as inheritAriaAttributes, d as renderHiddenInput } from './helpers-e48b0397.js';
+import { f as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-e919e353.js';
+import { l as isSafeNumber, j as clamp, e as debounceEvent, i as inheritAriaAttributes, d as renderHiddenInput } from './helpers-78efeec3.js';
 import { p as printIonWarning } from './index-738d7504.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { h as hostContext, c as createColorClasses } from './theme-01f3f29c.js';

package/dist/esm/ion-refresher_2.entry.js

@@ -3,8 +3,8 @@
  */
 import { w as writeTask, r as registerInstance, c as createEvent, d as readTask, h, f as getElement, e as Host } from './index-527b9e34.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
-import { I as ION_CONTENT_CLASS_SELECTOR, b as ION_CONTENT_ELEMENT_SELECTOR, p as printIonContentErrorMsg, g as getScrollElement } from './index-933ca126.js';
-import { t as transitionEndAsync, c as componentOnReady, j as clamp, g as getElementRoot, r as raf } from './helpers-e48b0397.js';
+import { I as ION_CONTENT_CLASS_SELECTOR, b as ION_CONTENT_ELEMENT_SELECTOR, p as printIonContentErrorMsg, g as getScrollElement } from './index-e919e353.js';
+import { t as transitionEndAsync, c as componentOnReady, j as clamp, g as getElementRoot, r as raf } from './helpers-78efeec3.js';
 import { d as hapticImpact, I as ImpactStyle } from './haptic-ac164e4c.js';
 import { b as getIonMode, c as config } from './ionic-global-ca86cf32.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';

package/dist/esm/ion-reorder_2.entry.js

@@ -4,8 +4,8 @@
 import { r as registerInstance, h, e as Host, f as getElement, c as createEvent } from './index-527b9e34.js';
 import { j as reorderThreeOutline, k as reorderTwoSharp } from './index-e2cf2ceb.js';
 import { b as getIonMode } from './ionic-global-ca86cf32.js';
-import { f as findClosestIonContent, g as getScrollElement } from './index-933ca126.js';
-import { r as raf } from './helpers-e48b0397.js';
+import { f as findClosestIonContent, g as getScrollElement } from './index-e919e353.js';
+import { r as raf } from './helpers-78efeec3.js';
 import { a as hapticSelectionStart, b as hapticSelectionChanged, h as hapticSelectionEnd } from './haptic-ac164e4c.js';
 import './index-738d7504.js';
 import './capacitor-59395cbd.js';

package/dist/esm/ion-route_4.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, f as getElement, h, e as Host } from './index-527b9e34.js';
-import { c as componentOnReady, q as debounce } from './helpers-e48b0397.js';
+import { c as componentOnReady, p as debounce } from './helpers-78efeec3.js';
 import { o as openURL, c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-ca86cf32.js';
 

package/dist/esm/ion-searchbar.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, i as forceUpdate, h, e as Host, f as getElement } from './index-527b9e34.js';
-import { e as debounceEvent, h as inheritAttributes, c as componentOnReady, r as raf } from './helpers-e48b0397.js';
+import { e as debounceEvent, h as inheritAttributes, c as componentOnReady, r as raf } from './helpers-78efeec3.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 import { a as arrowBackSharp, b as closeCircle, d as closeSharp, s as searchOutline, e as searchSharp } from './index-e2cf2ceb.js';

package/dist/esm/ion-segment_2.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, w as writeTask, h, e as Host, f as getElement, i as forceUpdate } from './index-527b9e34.js';
-import { r as raf, a as addEventListener, b as removeEventListener, h as inheritAttributes, o as getNextSiblingOfType } from './helpers-e48b0397.js';
+import { r as raf, a as addEventListener, b as removeEventListener, h as inheritAttributes } from './helpers-78efeec3.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-ca86cf32.js';
@@ -592,61 +592,15 @@ const SegmentButton = class {
     valueChanged() {
         this.updateState();
     }
-    waitForSegmentContent(ionSegment, contentId) {
-        return new Promise((resolve, reject) => {
-            let timeoutId = undefined;
-            let animationFrameId;
-            const check = () => {
-                if (!ionSegment) {
-                    reject(new Error(`Segment not found when looking for Segment Content`));
-                    return;
-                }
-                const segmentView = getNextSiblingOfType(ionSegment); // Skip the text nodes
-                const segmentContent = segmentView === null || segmentView === void 0 ? void 0 : segmentView.querySelector(`ion-segment-content[id="${contentId}"]`);
-                if (segmentContent && timeoutId) {
-                    clearTimeout(timeoutId); // Clear the timeout if the segmentContent is found
-                    cancelAnimationFrame(animationFrameId);
-                    resolve(segmentContent);
-                }
-                else {
-                    animationFrameId = requestAnimationFrame(check); // Keep checking on the next animation frame
-                }
-            };
-            check();
-            // Set a timeout to reject the promise
-            timeoutId = setTimeout(() => {
-                cancelAnimationFrame(animationFrameId);
-                reject(new Error(`Unable to find Segment Content with id="${contentId} within 1000 ms`));
-            }, 1000);
-        });
-    }
-    async connectedCallback() {
+    connectedCallback() {
         const segmentEl = (this.segmentEl = this.el.closest('ion-segment'));
         if (segmentEl) {
             this.updateState();
             addEventListener(segmentEl, 'ionSelect', this.updateState);
             addEventListener(segmentEl, 'ionStyle', this.updateStyle);
         }
-        // Return if there is no contentId defined
-        if (!this.contentId)
-            return;
-        let segmentContent;
-        try {
-            // Attempt to find the Segment Content by its contentId
-            segmentContent = await this.waitForSegmentContent(segmentEl, this.contentId);
-        }
-        catch (error) {
-            // If no associated Segment Content exists, log an error and return
-            console.error('Segment Button: ', error.message);
-            return;
-        }
-        // Ensure the found element is a valid ION-SEGMENT-CONTENT
-        if (segmentContent.tagName !== 'ION-SEGMENT-CONTENT') {
-            console.error(`Segment Button: Element with id="${this.contentId}" is not an <ion-segment-content> element.`);
-            return;
-        }
         // Prevent buttons from being disabled when associated with segment content
-        if (this.disabled) {
+        if (this.contentId && this.disabled) {
             console.warn(`Segment Button: Segment buttons cannot be disabled when associated with an <ion-segment-content>.`);
             this.disabled = false;
         }
@@ -661,6 +615,21 @@ const SegmentButton = class {
     }
     componentWillLoad() {
         this.inheritedAttributes = Object.assign({}, inheritAttributes(this.el, ['aria-label']));
+        // Return if there is no contentId defined
+        if (!this.contentId)
+            return;
+        // Attempt to find the Segment Content by its contentId
+        const segmentContent = document.getElementById(this.contentId);
+        // If no associated Segment Content exists, log an error and return
+        if (!segmentContent) {
+            console.error(`Segment Button: Unable to find Segment Content with id="${this.contentId}".`);
+            return;
+        }
+        // Ensure the found element is a valid ION-SEGMENT-CONTENT
+        if (segmentContent.tagName !== 'ION-SEGMENT-CONTENT') {
+            console.error(`Segment Button: Element with id="${this.contentId}" is not an <ion-segment-content> element.`);
+            return;
+        }
     }
     get hasLabel() {
         return !!this.el.querySelector('ion-label');
@@ -683,7 +652,7 @@ const SegmentButton = class {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const mode = getIonMode(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (h(Host, { key: 'e1e582b9a142cb07043ba08f02ad25f5a1fa5690', class: {
+        return (h(Host, { key: 'f2f679a08b131cd35d63f649b9d1f1907df30a89', class: {
                 [mode]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -699,7 +668,7 @@ const SegmentButton = class {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, h("button", Object.assign({ key: '8621a028894fb382854ff28779d0cadd3d9035f7', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '5c55858dbfb50734fb02d24091ebac3e0d05259f', class: "button-inner" }, h("slot", { key: '1f3bb8d76a1039ad648e202c650db06dfca88f79' })), mode === 'md' && h("ion-ripple-effect", { key: 'bda74b25bfdd431a8a36f0ee727b9184e9074321' })), h("div", { key: 'ff11369e921d6d0a540c75c37f692a3853e903f7', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: '74ec4ca69331ed3f155fd8a8a356545941887df1', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, h("button", Object.assign({ key: '8e887b5031da705a3695c0870be08696d66188de', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '73b795c39cb09438e50922abf6b3a010e31fa2b6', class: "button-inner" }, h("slot", { key: '9769ddc917d7e459bd80dcd81c10c379e73d1b3e' })), mode === 'md' && h("ion-ripple-effect", { key: '8e4c06d6bae1034af8cc5db86fcca0ae72d042b1' })), h("div", { key: 'ae73ee0e429e54a43269f99b6d3d7e1c6e8f60cc', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: 'd38eabe8161403799cfbad73dd6bf912d965442c', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ion-select-modal.entry.js

@@ -3,12 +3,12 @@
  */
 import { r as registerInstance, h, i as forceUpdate, e as Host, f as getElement } from './index-527b9e34.js';
 import { b as getIonMode } from './ionic-global-ca86cf32.js';
-import { s as safeCall } from './overlays-7579a420.js';
+import { s as safeCall } from './overlays-1bc809ec.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import './index-a5d50daf.js';
-import './helpers-e48b0397.js';
+import './helpers-78efeec3.js';
 import './hardware-back-button-864101a3.js';
-import './framework-delegate-c7d92b77.js';
+import './framework-delegate-2eea1763.js';
 import './gesture-controller-314a54f6.js';
 import './index-738d7504.js';
 

package/dist/esm/ion-select_3.entry.js

@@ -2,10 +2,10 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, h, e as Host, f as getElement, i as forceUpdate } from './index-527b9e34.js';
-import { c as createNotchController } from './notch-controller-381a5334.js';
+import { c as createNotchController } from './notch-controller-00d92e89.js';
 import { i as isOptionSelected, c as compareOptions } from './compare-with-utils-a96ff2ea.js';
-import { h as inheritAttributes, d as renderHiddenInput, f as focusVisibleElement } from './helpers-e48b0397.js';
-import { c as popoverController, b as actionSheetController, a as alertController, m as modalController, s as safeCall } from './overlays-7579a420.js';
+import { h as inheritAttributes, d as renderHiddenInput, f as focusVisibleElement } from './helpers-78efeec3.js';
+import { c as popoverController, b as actionSheetController, a as alertController, m as modalController, s as safeCall } from './overlays-1bc809ec.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { h as hostContext, c as createColorClasses, g as getClassMap } from './theme-01f3f29c.js';
 import { w as watchForOptions } from './watch-options-c2911ace.js';
@@ -13,7 +13,7 @@ import { w as chevronExpand, q as caretDownSharp } from './index-e2cf2ceb.js';
 import { b as getIonMode } from './ionic-global-ca86cf32.js';
 import './index-a5d50daf.js';
 import './hardware-back-button-864101a3.js';
-import './framework-delegate-c7d92b77.js';
+import './framework-delegate-2eea1763.js';
 import './gesture-controller-314a54f6.js';
 import './index-738d7504.js';
 

package/dist/esm/ion-tab-bar_2.entry.js

@@ -5,7 +5,7 @@ import { r as registerInstance, c as createEvent, h, e as Host, f as getElement
 import { c as createKeyboardController } from './keyboard-controller-ec5c2bfa.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode, c as config } from './ionic-global-ca86cf32.js';
-import { h as inheritAttributes } from './helpers-e48b0397.js';
+import { h as inheritAttributes } from './helpers-78efeec3.js';
 import './index-a5d50daf.js';
 import './keyboard-73175e24.js';
 import './capacitor-59395cbd.js';

package/dist/esm/ion-tab_2.entry.js

@@ -2,8 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, e as Host, f as getElement, c as createEvent } from './index-527b9e34.js';
-import { a as attachComponent } from './framework-delegate-c7d92b77.js';
-import './helpers-e48b0397.js';
+import { a as attachComponent } from './framework-delegate-2eea1763.js';
+import './helpers-78efeec3.js';
 
 const tabCss = ":host(.tab-hidden){display:none !important}";
 const IonTabStyle0 = tabCss;

package/dist/esm/ion-textarea.entry.js

@@ -2,9 +2,9 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, i as forceUpdate, w as writeTask, h, e as Host, f as getElement } from './index-527b9e34.js';
-import { c as createNotchController } from './notch-controller-381a5334.js';
-import { e as debounceEvent, i as inheritAriaAttributes, h as inheritAttributes, c as componentOnReady } from './helpers-e48b0397.js';
-import { c as createSlotMutationController, g as getCounterText } from './input.utils-926c04a8.js';
+import { c as createNotchController } from './notch-controller-00d92e89.js';
+import { e as debounceEvent, i as inheritAriaAttributes, h as inheritAttributes, c as componentOnReady } from './helpers-78efeec3.js';
+import { c as createSlotMutationController, g as getCounterText } from './input.utils-28bf4ef0.js';
 import { h as hostContext, c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-ca86cf32.js';
 import './index-a5d50daf.js';

package/dist/esm/ion-toast.entry.js

@@ -3,17 +3,17 @@
  */
 import { r as registerInstance, c as createEvent, h, e as Host, f as getElement } from './index-527b9e34.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
-import { g as getElementRoot, r as raf } from './helpers-e48b0397.js';
+import { g as getElementRoot, r as raf } from './helpers-78efeec3.js';
 import { c as createLockController } from './lock-controller-316928be.js';
 import { p as printIonWarning } from './index-738d7504.js';
-import { O as OVERLAY_GESTURE_PRIORITY, d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall, G as GESTURE } from './overlays-7579a420.js';
+import { O as OVERLAY_GESTURE_PRIORITY, d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall, G as GESTURE } from './overlays-1bc809ec.js';
 import { c as createColorClasses, g as getClassMap } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-ca86cf32.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';
 import { w as win } from './index-a5d50daf.js';
 import { createGesture } from './index-39782642.js';
 import './hardware-back-button-864101a3.js';
-import './framework-delegate-c7d92b77.js';
+import './framework-delegate-2eea1763.js';
 import './gesture-controller-314a54f6.js';
 
 /**

package/dist/esm/ion-toggle.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, h, e as Host, f as getElement } from './index-527b9e34.js';
-import { i as inheritAriaAttributes, d as renderHiddenInput } from './helpers-e48b0397.js';
+import { i as inheritAriaAttributes, d as renderHiddenInput } from './helpers-78efeec3.js';
 import { c as hapticSelection } from './haptic-ac164e4c.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';

package/dist/esm/{ios.transition-5fe4d6c8.js → ios.transition-7fe5dbea.js}

@@ -2,12 +2,12 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { c as createAnimation } from './animation-eab5a4ca.js';
-import { g as getIonPageElement } from './index-a313df53.js';
+import { g as getIonPageElement } from './index-ecb55b8d.js';
 import './index-a5d50daf.js';
 import './ionic-global-ca86cf32.js';
 import './index-527b9e34.js';
 import './index-738d7504.js';
-import './helpers-e48b0397.js';
+import './helpers-78efeec3.js';
 
 const DURATION = 540;
 // TODO(FW-2832): types

package/dist/esm/{md.transition-3d0d3730.js → md.transition-8dc58b46.js}

@@ -2,12 +2,12 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { c as createAnimation } from './animation-eab5a4ca.js';
-import { g as getIonPageElement } from './index-a313df53.js';
+import { g as getIonPageElement } from './index-ecb55b8d.js';
 import './index-a5d50daf.js';
 import './ionic-global-ca86cf32.js';
 import './index-527b9e34.js';
 import './index-738d7504.js';
-import './helpers-e48b0397.js';
+import './helpers-78efeec3.js';
 
 const mdTransitionAnimation = (_, opts) => {
     var _a, _b, _c;

package/dist/esm/{notch-controller-381a5334.js → notch-controller-00d92e89.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as win } from './index-a5d50daf.js';
-import { r as raf } from './helpers-e48b0397.js';
+import { r as raf } from './helpers-78efeec3.js';
 
 /**
  * A utility to calculate the size of an outline notch

package/dist/esm/{overlays-7579a420.js → overlays-1bc809ec.js}

@@ -2,10 +2,10 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { d as doc } from './index-a5d50daf.js';
-import { f as focusVisibleElement, c as componentOnReady, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-e48b0397.js';
+import { f as focusVisibleElement, c as componentOnReady, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-78efeec3.js';
 import { OVERLAY_BACK_BUTTON_PRIORITY, shouldUseCloseWatcher } from './hardware-back-button-864101a3.js';
 import { b as getIonMode, c as config, a as isPlatform } from './ionic-global-ca86cf32.js';
-import { C as CoreDelegate } from './framework-delegate-c7d92b77.js';
+import { C as CoreDelegate } from './framework-delegate-2eea1763.js';
 import { B as BACKDROP_NO_SCROLL } from './gesture-controller-314a54f6.js';
 import { p as printIonWarning } from './index-738d7504.js';
 

package/dist/esm/{status-tap-6367b913.js → status-tap-f6d08e9e.js}

@@ -2,8 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { d as readTask, w as writeTask } from './index-527b9e34.js';
-import { f as findClosestIonContent, s as scrollToTop } from './index-933ca126.js';
-import { c as componentOnReady } from './helpers-e48b0397.js';
+import { f as findClosestIonContent, s as scrollToTop } from './index-e919e353.js';
+import { c as componentOnReady } from './helpers-78efeec3.js';
 import './index-738d7504.js';
 import './ionic-global-ca86cf32.js';
 

package/dist/esm/{swipe-back-276cda49.js → swipe-back-07df2095.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { j as clamp } from './helpers-e48b0397.js';
+import { j as clamp } from './helpers-78efeec3.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { createGesture } from './index-39782642.js';
 import './gesture-controller-314a54f6.js';

package/dist/esm-es5/{framework-delegate-c7d92b77.js → framework-delegate-2eea1763.js}

@@ -1,4 +1,4 @@
 import{__awaiter,__generator,__spreadArray}from"tslib";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */import{c as componentOnReady}from"./helpers-e48b0397.js";var attachComponent=function(e,r,n,t,o,i){return __awaiter(void 0,void 0,void 0,(function(){var a,u;return __generator(this,(function(c){switch(c.label){case 0:if(e){return[2,e.attachViewToDom(r,n,o,t)]}if(!i&&typeof n!=="string"&&!(n instanceof HTMLElement)){throw new Error("framework delegate is missing")}u=typeof n==="string"?(a=r.ownerDocument)===null||a===void 0?void 0:a.createElement(n):n;if(t){t.forEach((function(e){return u.classList.add(e)}))}if(o){Object.assign(u,o)}r.appendChild(u);return[4,new Promise((function(e){return componentOnReady(u,e)}))];case 1:c.sent();return[2,u]}}))}))};var detachComponent=function(e,r){if(r){if(e){var n=r.parentElement;return e.removeViewFromDom(n,r)}r.remove()}return Promise.resolve()};var CoreDelegate=function(){var e;var r;var n=function(n,t){var o=[];for(var i=2;i<arguments.length;i++){o[i-2]=arguments[i]}return __awaiter(void 0,__spreadArray([n,t],o,true),void 0,(function(n,t,o,i){var a,u,c,f,s,d,v;if(o===void 0){o={}}if(i===void 0){i=[]}return __generator(this,(function(m){switch(m.label){case 0:e=n;if(!t)return[3,2];f=typeof t==="string"?(a=e.ownerDocument)===null||a===void 0?void 0:a.createElement(t):t;i.forEach((function(e){return f.classList.add(e)}));Object.assign(f,o);e.appendChild(f);c=f;return[4,new Promise((function(e){return componentOnReady(f,e)}))];case 1:m.sent();return[3,3];case 2:if(e.children.length>0&&(e.tagName==="ION-MODAL"||e.tagName==="ION-POPOVER")){s=c=e.children[0];if(!s.classList.contains("ion-delegate-host")){d=(u=e.ownerDocument)===null||u===void 0?void 0:u.createElement("div");d.classList.add("ion-delegate-host");i.forEach((function(e){return d.classList.add(e)}));d.append.apply(d,e.children);e.appendChild(d);c=d}}m.label=3;case 3:v=document.querySelector("ion-app")||document.body;r=document.createComment("ionic teleport");e.parentNode.insertBefore(r,e);v.appendChild(e);return[2,c!==null&&c!==void 0?c:e]}}))}))};var t=function(){if(e&&r){r.parentNode.insertBefore(e,r);r.remove()}return Promise.resolve()};return{attachViewToDom:n,removeViewFromDom:t}};export{CoreDelegate as C,attachComponent as a,detachComponent as d};
+ */import{c as componentOnReady}from"./helpers-78efeec3.js";var attachComponent=function(e,r,n,t,o,i){return __awaiter(void 0,void 0,void 0,(function(){var a,u;return __generator(this,(function(c){switch(c.label){case 0:if(e){return[2,e.attachViewToDom(r,n,o,t)]}if(!i&&typeof n!=="string"&&!(n instanceof HTMLElement)){throw new Error("framework delegate is missing")}u=typeof n==="string"?(a=r.ownerDocument)===null||a===void 0?void 0:a.createElement(n):n;if(t){t.forEach((function(e){return u.classList.add(e)}))}if(o){Object.assign(u,o)}r.appendChild(u);return[4,new Promise((function(e){return componentOnReady(u,e)}))];case 1:c.sent();return[2,u]}}))}))};var detachComponent=function(e,r){if(r){if(e){var n=r.parentElement;return e.removeViewFromDom(n,r)}r.remove()}return Promise.resolve()};var CoreDelegate=function(){var e;var r;var n=function(n,t){var o=[];for(var i=2;i<arguments.length;i++){o[i-2]=arguments[i]}return __awaiter(void 0,__spreadArray([n,t],o,true),void 0,(function(n,t,o,i){var a,u,c,f,s,d,v;if(o===void 0){o={}}if(i===void 0){i=[]}return __generator(this,(function(m){switch(m.label){case 0:e=n;if(!t)return[3,2];f=typeof t==="string"?(a=e.ownerDocument)===null||a===void 0?void 0:a.createElement(t):t;i.forEach((function(e){return f.classList.add(e)}));Object.assign(f,o);e.appendChild(f);c=f;return[4,new Promise((function(e){return componentOnReady(f,e)}))];case 1:m.sent();return[3,3];case 2:if(e.children.length>0&&(e.tagName==="ION-MODAL"||e.tagName==="ION-POPOVER")){s=c=e.children[0];if(!s.classList.contains("ion-delegate-host")){d=(u=e.ownerDocument)===null||u===void 0?void 0:u.createElement("div");d.classList.add("ion-delegate-host");i.forEach((function(e){return d.classList.add(e)}));d.append.apply(d,e.children);e.appendChild(d);c=d}}m.label=3;case 3:v=document.querySelector("ion-app")||document.body;r=document.createComment("ionic teleport");e.parentNode.insertBefore(r,e);v.appendChild(e);return[2,c!==null&&c!==void 0?c:e]}}))}))};var t=function(){if(e&&r){r.parentNode.insertBefore(e,r);r.remove()}return Promise.resolve()};return{attachViewToDom:n,removeViewFromDom:t}};export{CoreDelegate as C,attachComponent as a,detachComponent as d};

package/dist/esm-es5/helpers-78efeec3.js

@@ -0,0 +1,4 @@
+import{__spreadArray}from"tslib";
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */var transitionEndAsync=function(a,r){if(r===void 0){r=0}return new Promise((function(i){transitionEnd(a,r,i)}))};var transitionEnd=function(a,r,i){if(r===void 0){r=0}var e;var n;var t={passive:true};var o=500;var u=function(){if(e){e()}};var s=function(r){if(r===undefined||a===r.target){u();i(r)}};if(a){a.addEventListener("webkitTransitionEnd",s,t);a.addEventListener("transitionend",s,t);n=setTimeout(s,r+o);e=function(){if(n!==undefined){clearTimeout(n);n=undefined}a.removeEventListener("webkitTransitionEnd",s,t);a.removeEventListener("transitionend",s,t)}}return u};var componentOnReady=function(a,r){if(a.componentOnReady){a.componentOnReady().then((function(a){return r(a)}))}else{raf((function(){return r(a)}))}};var hasLazyBuild=function(a){return a.componentOnReady!==undefined};var inheritAttributes=function(a,r){if(r===void 0){r=[]}var i={};r.forEach((function(r){if(a.hasAttribute(r)){var e=a.getAttribute(r);if(e!==null){i[r]=a.getAttribute(r)}a.removeAttribute(r)}}));return i};var ariaAttributes=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"];var inheritAriaAttributes=function(a,r){var i=ariaAttributes;if(r&&r.length>0){i=i.filter((function(a){return!r.includes(a)}))}return inheritAttributes(a,i)};var addEventListener=function(a,r,i,e){return a.addEventListener(r,i,e)};var removeEventListener=function(a,r,i,e){return a.removeEventListener(r,i,e)};var getElementRoot=function(a,r){if(r===void 0){r=a}return a.shadowRoot||r};var raf=function(a){if(typeof __zone_symbol__requestAnimationFrame==="function"){return __zone_symbol__requestAnimationFrame(a)}if(typeof requestAnimationFrame==="function"){return requestAnimationFrame(a)}return setTimeout(a)};var hasShadowDom=function(a){return!!a.shadowRoot&&!!a.attachShadow};var focusVisibleElement=function(a){a.focus();if(a.classList.contains("ion-focusable")){var r=a.closest("ion-app");if(r){r.setFocus([a])}}};var renderHiddenInput=function(a,r,i,e,n){if(a||hasShadowDom(r)){var t=r.querySelector("input.aux-input");if(!t){t=r.ownerDocument.createElement("input");t.type="hidden";t.classList.add("aux-input");r.appendChild(t)}t.disabled=n;t.name=i;t.value=e||""}};var clamp=function(a,r,i){return Math.max(a,Math.min(r,i))};var assert=function(a,r){if(!a){var i="ASSERT: "+r;console.error(i);debugger;throw new Error(i)}};var pointerCoord=function(a){if(a){var r=a.changedTouches;if(r&&r.length>0){var i=r[0];return{x:i.clientX,y:i.clientY}}if(a.pageX!==undefined){return{x:a.pageX,y:a.pageY}}}return{x:0,y:0}};var isEndSide=function(a){var r=document.dir==="rtl";switch(a){case"start":return r;case"end":return!r;default:throw new Error('"'.concat(a,'" is not a valid value for [side]. Use "start" or "end" instead.'))}};var debounceEvent=function(a,r){var i=a._original||a;return{_original:a,emit:debounce(i.emit.bind(i),r)}};var debounce=function(a,r){if(r===void 0){r=0}var i;return function(){var e=[];for(var n=0;n<arguments.length;n++){e[n]=arguments[n]}clearTimeout(i);i=setTimeout.apply(void 0,__spreadArray([a,r],e,false))}};var shallowEqualStringMap=function(a,r){a!==null&&a!==void 0?a:a={};r!==null&&r!==void 0?r:r={};if(a===r){return true}var i=Object.keys(a);if(i.length!==Object.keys(r).length){return false}for(var e=0,n=i;e<n.length;e++){var t=n[e];if(!(t in r)){return false}if(a[t]!==r[t]){return false}}return true};var isSafeNumber=function(a){return typeof a==="number"&&!isNaN(a)&&isFinite(a)};export{addEventListener as a,removeEventListener as b,componentOnReady as c,renderHiddenInput as d,debounceEvent as e,focusVisibleElement as f,getElementRoot as g,inheritAttributes as h,inheritAriaAttributes as i,clamp as j,hasLazyBuild as k,isSafeNumber as l,hasShadowDom as m,assert as n,isEndSide as o,debounce as p,pointerCoord as q,raf as r,shallowEqualStringMap as s,transitionEndAsync as t};