@ionic/core 8.5.2-dev.11742514102.1b51674d → 8.5.2-nightly.20250320

package/dist/cjs/ion-nav_2.cjs.entry.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
-const index$1 = require('./index-e630fd95.js');
-const frameworkDelegate = require('./framework-delegate-50a86d56.js');
+const index$1 = require('./index-f68a486a.js');
+const frameworkDelegate = require('./framework-delegate-11b0ba2f.js');
 require('./index-48b2a28e.js');
 
 const VIEW_STATE_NEW = 1;
@@ -137,7 +137,7 @@ const Nav = class {
         // We want to set this flag before any watch callbacks are manually called
         this.didLoad = true;
         this.rootChanged();
-        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-cd0d9f77.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
+        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-951be2fd.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
         this.swipeGestureChanged();
     }
     connectedCallback() {

package/dist/cjs/ion-picker-column-option.cjs.entry.js

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 

package/dist/cjs/ion-picker-column.cjs.entry.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
 const index$1 = require('./index-c8d52405.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const haptic = require('./haptic-f6b37aa3.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 const theme = require('./theme-d1c573d2.js');

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.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;

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

@@ -6,14 +6,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const overlays = require('./overlays-a0c6b23f.js');
-const frameworkDelegate = require('./framework-delegate-50a86d56.js');
-const helpers = require('./helpers-3a248559.js');
+const overlays = require('./overlays-737576a2.js');
+const frameworkDelegate = require('./framework-delegate-11b0ba2f.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$1 = require('./index-48b2a28e.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 const theme = require('./theme-d1c573d2.js');
-const index$2 = require('./index-e630fd95.js');
+const index$2 = require('./index-f68a486a.js');
 const animation = require('./animation-b4fdf128.js');
 require('./index-c8d52405.js');
 require('./hardware-back-button-5a99001f.js');

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const compareWithUtils = require('./compare-with-utils-df1001d7.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');

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

@@ -6,8 +6,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const index$2 = require('./index-509ca0d3.js');
-const helpers = require('./helpers-3a248559.js');
+const index$2 = require('./index-9b945a2d.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const index$1 = require('./index-48b2a28e.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const index$1 = require('./index-509ca0d3.js');
-const helpers = require('./helpers-3a248559.js');
+const index$1 = require('./index-9b945a2d.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const haptic = require('./haptic-f6b37aa3.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 const animation = require('./animation-b4fdf128.js');

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2e236a04.js');
 const index$1 = require('./index-073c7cdc.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
-const index$2 = require('./index-509ca0d3.js');
-const helpers = require('./helpers-3a248559.js');
+const index$2 = require('./index-9b945a2d.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const haptic = require('./haptic-f6b37aa3.js');
 require('./index-48b2a28e.js');
 require('./capacitor-c04564bf.js');

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 const index$1 = require('./index-073c7cdc.js');

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
@@ -596,15 +596,61 @@ const SegmentButton = class {
     valueChanged() {
         this.updateState();
     }
-    connectedCallback() {
+    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 = helpers.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() {
         const segmentEl = (this.segmentEl = this.el.closest('ion-segment'));
         if (segmentEl) {
             this.updateState();
             helpers.addEventListener(segmentEl, 'ionSelect', this.updateState);
             helpers.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.contentId && this.disabled) {
+        if (this.disabled) {
             console.warn(`Segment Button: Segment buttons cannot be disabled when associated with an <ion-segment-content>.`);
             this.disabled = false;
         }
@@ -619,21 +665,6 @@ const SegmentButton = class {
     }
     componentWillLoad() {
         this.inheritedAttributes = Object.assign({}, helpers.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');
@@ -656,7 +687,7 @@ const SegmentButton = class {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const mode = ionicGlobal.getIonMode(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (index.h(index.Host, { key: 'f2f679a08b131cd35d63f649b9d1f1907df30a89', class: {
+        return (index.h(index.Host, { key: 'e1e582b9a142cb07043ba08f02ad25f5a1fa5690', class: {
                 [mode]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
@@ -672,7 +703,7 @@ const SegmentButton = class {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, index.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), index.h("span", { key: '73b795c39cb09438e50922abf6b3a010e31fa2b6', class: "button-inner" }, index.h("slot", { key: '9769ddc917d7e459bd80dcd81c10c379e73d1b3e' })), mode === 'md' && index.h("ion-ripple-effect", { key: '8e4c06d6bae1034af8cc5db86fcca0ae72d042b1' })), index.h("div", { key: 'ae73ee0e429e54a43269f99b6d3d7e1c6e8f60cc', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, index.h("div", { key: 'd38eabe8161403799cfbad73dd6bf912d965442c', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, index.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), index.h("span", { key: '5c55858dbfb50734fb02d24091ebac3e0d05259f', class: "button-inner" }, index.h("slot", { key: '1f3bb8d76a1039ad648e202c650db06dfca88f79' })), mode === 'md' && index.h("ion-ripple-effect", { key: 'bda74b25bfdd431a8a36f0ee727b9184e9074321' })), index.h("div", { key: 'ff11369e921d6d0a540c75c37f692a3853e903f7', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, index.h("div", { key: '74ec4ca69331ed3f155fd8a8a356545941887df1', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -7,12 +7,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
-const overlays = require('./overlays-a0c6b23f.js');
+const overlays = require('./overlays-737576a2.js');
 const theme = require('./theme-d1c573d2.js');
 require('./index-c8d52405.js');
-require('./helpers-3a248559.js');
+require('./helpers-d0dfbb50.js');
 require('./hardware-back-button-5a99001f.js');
-require('./framework-delegate-50a86d56.js');
+require('./framework-delegate-11b0ba2f.js');
 require('./gesture-controller-9436f482.js');
 require('./index-48b2a28e.js');
 

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

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const notchController = require('./notch-controller-ae03a497.js');
+const notchController = require('./notch-controller-58d2e557.js');
 const compareWithUtils = require('./compare-with-utils-df1001d7.js');
-const helpers = require('./helpers-3a248559.js');
-const overlays = require('./overlays-a0c6b23f.js');
+const helpers = require('./helpers-d0dfbb50.js');
+const overlays = require('./overlays-737576a2.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 const watchOptions = require('./watch-options-f5f3e158.js');
@@ -17,7 +17,7 @@ const index$1 = require('./index-073c7cdc.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 require('./index-c8d52405.js');
 require('./hardware-back-button-5a99001f.js');
-require('./framework-delegate-50a86d56.js');
+require('./framework-delegate-11b0ba2f.js');
 require('./gesture-controller-9436f482.js');
 require('./index-48b2a28e.js');
 

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

@@ -9,7 +9,7 @@ const index = require('./index-2e236a04.js');
 const keyboardController = require('./keyboard-controller-c05e747a.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 require('./index-c8d52405.js');
 require('./keyboard-0272231f.js');
 require('./capacitor-c04564bf.js');

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

@@ -6,8 +6,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const frameworkDelegate = require('./framework-delegate-50a86d56.js');
-require('./helpers-3a248559.js');
+const frameworkDelegate = require('./framework-delegate-11b0ba2f.js');
+require('./helpers-d0dfbb50.js');
 
 const tabCss = ":host(.tab-hidden){display:none !important}";
 const IonTabStyle0 = tabCss;

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

@@ -6,9 +6,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const notchController = require('./notch-controller-ae03a497.js');
-const helpers = require('./helpers-3a248559.js');
-const input_utils = require('./input.utils-e82b8ed0.js');
+const notchController = require('./notch-controller-58d2e557.js');
+const helpers = require('./helpers-d0dfbb50.js');
+const input_utils = require('./input.utils-2f642324.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 require('./index-c8d52405.js');

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

@@ -7,17 +7,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$3 = require('./index-2e236a04.js');
 const config = require('./config-4f60b98a.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$1 = require('./index-48b2a28e.js');
-const overlays = require('./overlays-a0c6b23f.js');
+const overlays = require('./overlays-737576a2.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 const animation = require('./animation-b4fdf128.js');
 const index = require('./index-c8d52405.js');
 const index$2 = require('./index-ee07ed59.js');
 require('./hardware-back-button-5a99001f.js');
-require('./framework-delegate-50a86d56.js');
+require('./framework-delegate-11b0ba2f.js');
 require('./gesture-controller-9436f482.js');
 
 /**

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const haptic = require('./haptic-f6b37aa3.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');

package/dist/cjs/{ios.transition-ae7afca9.js → ios.transition-f970164c.js}

@@ -4,12 +4,12 @@
 'use strict';
 
 const animation = require('./animation-b4fdf128.js');
-const index = require('./index-e630fd95.js');
+const index = require('./index-f68a486a.js');
 require('./index-c8d52405.js');
 require('./ionic-global-acb665ad.js');
 require('./index-2e236a04.js');
 require('./index-48b2a28e.js');
-require('./helpers-3a248559.js');
+require('./helpers-d0dfbb50.js');
 
 const DURATION = 540;
 // TODO(FW-2832): types

package/dist/cjs/{md.transition-26003e25.js → md.transition-aa8820dd.js}

@@ -4,12 +4,12 @@
 'use strict';
 
 const animation = require('./animation-b4fdf128.js');
-const index = require('./index-e630fd95.js');
+const index = require('./index-f68a486a.js');
 require('./index-c8d52405.js');
 require('./ionic-global-acb665ad.js');
 require('./index-2e236a04.js');
 require('./index-48b2a28e.js');
-require('./helpers-3a248559.js');
+require('./helpers-d0dfbb50.js');
 
 const mdTransitionAnimation = (_, opts) => {
     var _a, _b, _c;

package/dist/cjs/{notch-controller-ae03a497.js → notch-controller-58d2e557.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 
 /**
  * A utility to calculate the size of an outline notch

package/dist/cjs/{overlays-a0c6b23f.js → overlays-737576a2.js}

@@ -4,10 +4,10 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const hardwareBackButton = require('./hardware-back-button-5a99001f.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
-const frameworkDelegate = require('./framework-delegate-50a86d56.js');
+const frameworkDelegate = require('./framework-delegate-11b0ba2f.js');
 const gestureController = require('./gesture-controller-9436f482.js');
 const index$1 = require('./index-48b2a28e.js');
 

package/dist/cjs/{status-tap-03023755.js → status-tap-08d1ac81.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 const index = require('./index-2e236a04.js');
-const index$1 = require('./index-509ca0d3.js');
-const helpers = require('./helpers-3a248559.js');
+const index$1 = require('./index-9b945a2d.js');
+const helpers = require('./helpers-d0dfbb50.js');
 require('./index-48b2a28e.js');
 require('./ionic-global-acb665ad.js');
 

package/dist/cjs/{swipe-back-cd0d9f77.js → swipe-back-951be2fd.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const helpers = require('./helpers-3a248559.js');
+const helpers = require('./helpers-d0dfbb50.js');
 const dir = require('./dir-94c21456.js');
 const index = require('./index-ee07ed59.js');
 require('./gesture-controller-9436f482.js');

package/dist/collection/components/segment-button/segment-button.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { Host, forceUpdate, h } from "@stencil/core";
-import { addEventListener, removeEventListener, inheritAttributes } from "../../utils/helpers";
+import { addEventListener, removeEventListener, inheritAttributes, getNextSiblingOfType } from "../../utils/helpers";
 import { hostContext } from "../../utils/theme";
 import { getIonMode } from "../../global/ionic-global";
 let ids = 0;
@@ -39,15 +39,61 @@ export class SegmentButton {
     valueChanged() {
         this.updateState();
     }
-    connectedCallback() {
+    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() {
         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.contentId && this.disabled) {
+        if (this.disabled) {
             console.warn(`Segment Button: Segment buttons cannot be disabled when associated with an <ion-segment-content>.`);
             this.disabled = false;
         }
@@ -62,21 +108,6 @@ export class SegmentButton {
     }
     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');
@@ -99,7 +130,7 @@ export class SegmentButton {
         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: 'f2f679a08b131cd35d63f649b9d1f1907df30a89', class: {
+        return (h(Host, { key: 'e1e582b9a142cb07043ba08f02ad25f5a1fa5690', class: {
                 [mode]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -115,7 +146,7 @@ export class SegmentButton {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, 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" }))));
+            } }, 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" }))));
     }
     static get is() { return "ion-segment-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-20T23:43:27",
+  "timestamp": "2025-03-20T06:09:29",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",

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

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-78efeec3.js';
+import { c as componentOnReady } from './helpers-e48b0397.js';
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {

package/dist/esm/{helpers-78efeec3.js → helpers-e48b0397.js}

@@ -330,6 +330,16 @@ const shallowEqualStringMap = (map1, map2) => {
     }
     return true;
 };
+const getNextSiblingOfType = (element) => {
+    let sibling = element.nextSibling;
+    while (sibling) {
+        if (sibling.nodeType === Node.ELEMENT_NODE && sibling !== null) {
+            return sibling;
+        }
+        sibling = sibling.nextSibling;
+    }
+    return null;
+};
 /**
  * Checks input for usable number. Not NaN and not Infinite.
  */
@@ -337,4 +347,4 @@ const isSafeNumber = (input) => {
     return typeof input === 'number' && !isNaN(input) && isFinite(input);
 };
 
-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 };
+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, getNextSiblingOfType as o, isEndSide as p, debounce as q, raf as r, shallowEqualStringMap as s, transitionEndAsync as t, pointerCoord as u };

package/dist/esm/{index-40894f4b.js → index-8222b29f.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { d as doc } from './index-a5d50daf.js';
-import { q as pointerCoord } from './helpers-78efeec3.js';
+import { u as pointerCoord } from './helpers-e48b0397.js';
 
 const startTapClick = (config) => {
     if (doc === undefined) {