@ionic/core 8.5.2-dev.11742937752.14b430a3 → 8.5.2-dev.11743017713.1e4eb1b9

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,50 +319,13 @@ 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 inpu 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('');
-            const foundHour = this.searchColumn(firstColumn, hourValue);
-            if (inputArray.length > 2 && foundHour) {
-                const minuteValue = inputArray.slice(2, 4).join('');
-                this.searchColumn(secondColumn, minuteValue);
-            }
-            else if (!foundHour && inputArray.length >= 1) {
-                let singleDigitHour = inputArray[0];
-                let singleDigitFound = this.searchColumn(firstColumn, singleDigitHour);
-                if (!singleDigitFound) {
-                    inputArray.shift();
-                    singleDigitHour = inputArray[0];
-                    singleDigitFound = this.searchColumn(firstColumn, singleDigitHour);
-                }
-                if (singleDigitFound && inputArray.length > 1) {
-                    const remainingDigits = inputArray.slice(1, 3).join('');
-                    this.searchColumn(secondColumn, remainingDigits);
-                }
-            }
         };
         this.selectMultiColumn = () => {
             const { inputEl, el } = this;
@@ -373,13 +336,82 @@ const Picker = class {
             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;
+            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;
             }
-            this.multiColumnSearch(firstColumn, lastColumn, value);
         };
         /**
          * Searches the value of the active column
@@ -448,7 +480,7 @@ const Picker = class {
         this.emitInputModeChange();
     }
     render() {
-        return (h(Host, { key: '2a526a17cd2a05228a3da82ac0e6f808842c1587', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, h("input", { key: 'bf5ff36702e31152e2fe605a30ea7ce4f2a73210', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        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) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -463,7 +495,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: 'b49b388f62b498bf38553e322a7863e0966ae58b', class: "picker-before" }), h("div", { key: '3defde7145b5c0377e83f610e1330e0d571f0382', class: "picker-after" }), h("div", { key: '7d3638246c00e90c5bdde43bf38f9014ef818484', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), h("slot", { key: 'dbd19f25675d30fd3b893a19f3db1ad02b2b59f5' })));
+            }, 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' })));
     }
     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-view.entry.js

@@ -3,10 +3,10 @@
  */
 import { r as registerInstance, c as createEvent, h, e as Host, f as getElement } from './index-527b9e34.js';
 
-const segmentViewIosCss = ":host{display:-ms-flexbox;display:flex;height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}";
+const segmentViewIosCss = ":host{display:-ms-flexbox;display:flex;min-height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}";
 const IonSegmentViewIosStyle0 = segmentViewIosCss;
 
-const segmentViewMdCss = ":host{display:-ms-flexbox;display:flex;height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}";
+const segmentViewMdCss = ":host{display:-ms-flexbox;display:flex;min-height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}";
 const IonSegmentViewMdStyle0 = segmentViewMdCss;
 
 const SegmentView = class {

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};