voyager-ionic-core 8.5.1 → 8.5.3

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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.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;
@@ -323,13 +323,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;
@@ -340,82 +386,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
@@ -484,7 +461,7 @@ const Picker = class {
         this.emitInputModeChange();
     }
     render() {
-        return (index.h(index.Host, { key: 'f92214a09dc85b65873676f40fde2b802960e704', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: '6da37f75aca4ea1c9cb3bc733ebda2116279f313', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        return (index.h(index.Host, { key: '28f81e4ed44a633178561757c5199c2c98f94b74', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: 'abb3d1ad25ef63856af7804111175a4d50008bc0', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -499,7 +476,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() }), index.h("div", { key: '298e99d83dd3f5bf2798150bab0bb4024af472fa', class: "picker-before" }), index.h("div", { key: 'ea578f04eb562a4dc6d6cc92de133dcb9fb7f42a', class: "picker-after" }), index.h("div", { key: '84567824956dfe967992a629904836ba8b75b3ec', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: 'df81f8fb90e1f649b608328034528f5c31c70c3b' })));
+            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: '334a5abdc02e6b127c57177f626d7e4ff5526183', class: "picker-before" }), index.h("div", { key: 'ffd6271931129e88fc7c820e919d684899e420c5', class: "picker-after" }), index.h("div", { key: '78d1d95fd09e04f154ea59f24a1cece72c47ed7b', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: '0bd5b9f875d3c71f6cbbde2054baeb1b0a2e8cd5' })));
     }
     get el() { return index.getElement(this); }
 };

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-737576a2.js');
-const frameworkDelegate = require('./framework-delegate-11b0ba2f.js');
-const helpers = require('./helpers-d0dfbb50.js');
+const overlays = require('./overlays-32e1b66b.js');
+const frameworkDelegate = require('./framework-delegate-50a86d56.js');
+const helpers = require('./helpers-3a248559.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-f68a486a.js');
+const index$2 = require('./index-e630fd95.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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.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-9b945a2d.js');
-const helpers = require('./helpers-d0dfbb50.js');
+const index$2 = require('./index-509ca0d3.js');
+const helpers = require('./helpers-3a248559.js');
 const index$1 = require('./index-48b2a28e.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
@@ -81,6 +81,19 @@ const Range = class {
         this.inheritedAttributes = {};
         this.contentEl = null;
         this.initialContentScrollY = true;
+        /**
+         * Compares two RangeValue inputs to determine if they are different.
+         *
+         * @param newVal - The new value.
+         * @param oldVal - The old value.
+         * @returns `true` if the values are different, `false` otherwise.
+         */
+        this.compareValues = (newVal, oldVal) => {
+            if (typeof newVal === 'object' && typeof oldVal === 'object') {
+                return newVal.lower !== oldVal.lower || newVal.upper !== oldVal.upper;
+            }
+            return newVal !== oldVal;
+        };
         this.clampBounds = (value) => {
             return helpers.clamp(this.min, value, this.max);
         };
@@ -214,7 +227,11 @@ const Range = class {
             this.gesture.enable(!this.disabled);
         }
     }
-    valueChanged() {
+    valueChanged(newValue, oldValue) {
+        const valuesChanged = this.compareValues(newValue, oldValue);
+        if (valuesChanged) {
+            this.ionInput.emit({ value: this.value });
+        }
         if (!this.noUpdate) {
             this.updateRatio();
         }
@@ -459,7 +476,6 @@ const Range = class {
                 lower: Math.min(valA, valB),
                 upper: Math.max(valA, valB),
             };
-        this.ionInput.emit({ value: this.value });
         this.noUpdate = false;
     }
     setFocus(knob) {
@@ -627,7 +643,7 @@ const Range = class {
         const needsEndAdjustment = inItem && !hasEndContent;
         const mode = ionicGlobal.getIonMode(this);
         helpers.renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (index.h(index.Host, { key: 'ddecc98800b9137294c8cadfbde7d07d5b3825d7', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'e97cb7eab877eb1624429b4a79107130c6809cf5', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -636,10 +652,10 @@ const Range = class {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, index.h("label", { key: '5afdbea21b1b82efde1126ceb0a263f85731aecf', class: "range-wrapper", id: "range-label" }, index.h("div", { key: 'e47e0bbefcb931dff5b846f47b4458153b73df94', class: {
+            }) }, index.h("label", { key: 'a43e9859f74f83460439efefccb5fbb9f387c9ee', class: "range-wrapper", id: "range-label" }, index.h("div", { key: '75352a30f30dbd0228c6138eb4324a5c021dbb48', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '842f35cd03bb6108d1ecf0c0a07adfbdc900401c', class: "native-wrapper" }, index.h("slot", { key: '4a5141daaf5de5b3251bef4232ce5a27fc0395df', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: '53ffe0a40b093c5fbcbc50d47eea6bb3f39dfdbb', name: "end" })))));
+            }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '6a3e147c3e5d938bb2b50522a290f6fdfcf40f05', class: "native-wrapper" }, index.h("slot", { key: '6627236eac9f711fa9c27879a017dd994e65811e', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: '6af3bbadacd036bc7cd30732227f76d7c64117fb', name: "end" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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-9b945a2d.js');
-const helpers = require('./helpers-d0dfbb50.js');
+const index$1 = require('./index-509ca0d3.js');
+const helpers = require('./helpers-3a248559.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-9b945a2d.js');
-const helpers = require('./helpers-d0dfbb50.js');
+const index$2 = require('./index-509ca0d3.js');
+const helpers = require('./helpers-3a248559.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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.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-content.cjs.entry.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
 
-const segmentContentCss = ":host{scroll-snap-align:center;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}";
+const segmentContentCss = ":host{scroll-snap-align:center;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;}:host::-webkit-scrollbar{display:none}";
 const IonSegmentContentStyle0 = segmentContentCss;
 
 const SegmentContent = class {

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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
@@ -596,61 +596,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 = 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() {
+    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.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;
         }
@@ -665,6 +619,21 @@ 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');
@@ -687,7 +656,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: 'e1e582b9a142cb07043ba08f02ad25f5a1fa5690', class: {
+        return (index.h(index.Host, { key: 'f2f679a08b131cd35d63f649b9d1f1907df30a89', class: {
                 [mode]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
@@ -703,7 +672,7 @@ const SegmentButton = class {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, 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" }))));
+            } }, 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" }))));
     }
     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-737576a2.js');
+const overlays = require('./overlays-32e1b66b.js');
 const theme = require('./theme-d1c573d2.js');
 require('./index-c8d52405.js');
-require('./helpers-d0dfbb50.js');
+require('./helpers-3a248559.js');
 require('./hardware-back-button-5a99001f.js');
-require('./framework-delegate-11b0ba2f.js');
+require('./framework-delegate-50a86d56.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-58d2e557.js');
+const notchController = require('./notch-controller-ae03a497.js');
 const compareWithUtils = require('./compare-with-utils-df1001d7.js');
-const helpers = require('./helpers-d0dfbb50.js');
-const overlays = require('./overlays-737576a2.js');
+const helpers = require('./helpers-3a248559.js');
+const overlays = require('./overlays-32e1b66b.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-11b0ba2f.js');
+require('./framework-delegate-50a86d56.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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.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-11b0ba2f.js');
-require('./helpers-d0dfbb50.js');
+const frameworkDelegate = require('./framework-delegate-50a86d56.js');
+require('./helpers-3a248559.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-58d2e557.js');
-const helpers = require('./helpers-d0dfbb50.js');
-const input_utils = require('./input.utils-2f642324.js');
+const notchController = require('./notch-controller-ae03a497.js');
+const helpers = require('./helpers-3a248559.js');
+const input_utils = require('./input.utils-e82b8ed0.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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$1 = require('./index-48b2a28e.js');
-const overlays = require('./overlays-737576a2.js');
+const overlays = require('./overlays-32e1b66b.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-11b0ba2f.js');
+require('./framework-delegate-50a86d56.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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.js');
 const haptic = require('./haptic-f6b37aa3.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');

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

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

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

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

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

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