voyager-ionic-core 8.5.0 → 8.5.3

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-2e236a04.js');
 const focusVisible = require('./focus-visible-7a0ce04f.js');
-const helpers = require('./helpers-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.js');
 const index = require('./index-48b2a28e.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
@@ -15,12 +15,12 @@ const index$2 = require('./index-073c7cdc.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 const data = require('./data-27cc2c9c.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-737576a2.js');
+const overlays = require('./overlays-32e1b66b.js');
 const animation = require('./animation-b4fdf128.js');
 const haptic = require('./haptic-f6b37aa3.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('./capacitor-c04564bf.js');
 
@@ -1431,7 +1431,7 @@ const Datetime = class {
         const activePart = this.getActivePartsWithFallback();
         return (index$1.h("ion-picker-column", { "aria-label": "Select an hour", color: this.color, disabled: disabled, value: activePart.hour, numericInput: true, onIonChange: (ev) => {
                 this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { hour: ev.detail.value }));
-                this.setActiveParts(Object.assign(Object.assign({}, activePart), { hour: ev.detail.value }));
+                this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { hour: ev.detail.value }));
                 ev.stopPropagation();
             } }, hoursData.map((hour) => (index$1.h("ion-picker-column-option", { part: hour.value === activePart.hour ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: hour.value, disabled: hour.disabled, value: hour.value }, hour.text)))));
     }
@@ -1442,7 +1442,7 @@ const Datetime = class {
         const activePart = this.getActivePartsWithFallback();
         return (index$1.h("ion-picker-column", { "aria-label": "Select a minute", color: this.color, disabled: disabled, value: activePart.minute, numericInput: true, onIonChange: (ev) => {
                 this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { minute: ev.detail.value }));
-                this.setActiveParts(Object.assign(Object.assign({}, activePart), { minute: ev.detail.value }));
+                this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { minute: ev.detail.value }));
                 ev.stopPropagation();
             } }, minutesData.map((minute) => (index$1.h("ion-picker-column-option", { part: minute.value === activePart.minute ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: minute.value, disabled: minute.disabled, value: minute.value }, minute.text)))));
     }
@@ -1456,7 +1456,7 @@ const Datetime = class {
         return (index$1.h("ion-picker-column", { "aria-label": "Select a day period", style: isDayPeriodRTL ? { order: '-1' } : {}, color: this.color, disabled: disabled, value: activePart.ampm, onIonChange: (ev) => {
                 const hour = data.calculateHourFromAMPM(workingParts, ev.detail.value);
                 this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { ampm: ev.detail.value, hour }));
-                this.setActiveParts(Object.assign(Object.assign({}, activePart), { ampm: ev.detail.value, hour }));
+                this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { ampm: ev.detail.value, hour }));
                 ev.stopPropagation();
             } }, dayPeriodData.map((dayPeriod) => (index$1.h("ion-picker-column-option", { part: dayPeriod.value === activePart.ampm ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: dayPeriod.value, disabled: dayPeriod.disabled, value: dayPeriod.value }, dayPeriod.text)))));
     }
@@ -1763,7 +1763,7 @@ const Datetime = class {
         const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
         const hasWheelVariant = hasDatePresentation && preferWheel;
         helpers.renderHiddenInput(true, el, name, data.formatValue(value), disabled);
-        return (index$1.h(index$1.Host, { key: '7afbb1a7e6c78389b4588999779e5c90e010e85d', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
+        return (index$1.h(index$1.Host, { key: '08d429533a09c600b936ad1e022658051c765595', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
                 [mode]: true,
                 ['datetime-readonly']: readonly,
                 ['datetime-disabled']: disabled,
@@ -1773,7 +1773,7 @@ const Datetime = class {
                 [`datetime-size-${size}`]: true,
                 [`datetime-prefer-wheel`]: hasWheelVariant,
                 [`datetime-grid`]: isGridStyle,
-            })) }, index$1.h("div", { key: '297c458d4d17154cb297e2ef5926505bcb2d1fce', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
+            })) }, index$1.h("div", { key: 'f4ff0fcd1e059767a7ef14fcc76ebfd55d23a97b', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {

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

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

package/dist/cjs/ion-img.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 ionicGlobal = require('./ionic-global-acb665ad.js');
 
 const imgCss = ":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}";

package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const index$1 = require('./index-9b945a2d.js');
+const index$1 = require('./index-509ca0d3.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 const config = require('./config-4f60b98a.js');
-require('./helpers-d0dfbb50.js');
+require('./helpers-3a248559.js');
 require('./index-48b2a28e.js');
 
 const infiniteScrollCss = "ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";

package/dist/cjs/ion-input.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 index$1 = require('./index-073c7cdc.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');

package/dist/cjs/ion-item-option_3.cjs.entry.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2e236a04.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
-const helpers = require('./helpers-d0dfbb50.js');
-const index$1 = require('./index-9b945a2d.js');
+const helpers = require('./helpers-3a248559.js');
+const index$1 = require('./index-509ca0d3.js');
 const watchOptions = require('./watch-options-f5f3e158.js');
 require('./index-48b2a28e.js');
 

package/dist/cjs/ion-item_8.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 index$1 = require('./index-073c7cdc.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');

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

@@ -7,15 +7,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = 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 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');
 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-menu_3.cjs.entry.js

@@ -7,16 +7,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const overlays = require('./overlays-737576a2.js');
+const overlays = require('./overlays-32e1b66b.js');
 const gestureController = require('./gesture-controller-9436f482.js');
 const hardwareBackButton = require('./hardware-back-button-5a99001f.js');
-const helpers = require('./helpers-d0dfbb50.js');
-const index$1 = require('./index-fd6383b6.js');
+const helpers = require('./helpers-3a248559.js');
+const index$1 = require('./index-4b70187a.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 const theme = require('./theme-d1c573d2.js');
 const index$2 = require('./index-073c7cdc.js');
 require('./index-c8d52405.js');
-require('./framework-delegate-11b0ba2f.js');
+require('./framework-delegate-50a86d56.js');
 require('./index-48b2a28e.js');
 require('./animation-b4fdf128.js');
 

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

@@ -6,15 +6,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$3 = require('./index-2e236a04.js');
-const index$2 = require('./index-9b945a2d.js');
-const frameworkDelegate = require('./framework-delegate-11b0ba2f.js');
-const helpers = require('./helpers-d0dfbb50.js');
+const index$2 = require('./index-509ca0d3.js');
+const frameworkDelegate = require('./framework-delegate-50a86d56.js');
+const helpers = require('./helpers-3a248559.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$4 = require('./index-48b2a28e.js');
 const capacitor = require('./capacitor-c04564bf.js');
-const overlays = require('./overlays-737576a2.js');
+const overlays = require('./overlays-32e1b66b.js');
 const theme = require('./theme-d1c573d2.js');
-const index$5 = require('./index-f68a486a.js');
+const index$5 = require('./index-e630fd95.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
 const keyboard = require('./keyboard-af1bb365.js');
 const animation = require('./animation-b4fdf128.js');
@@ -956,6 +956,7 @@ const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpoint, ba
     let currentBreakpoint = initialBreakpoint;
     let offset = 0;
     let canDismissBlocksGesture = false;
+    let cachedScrollEl = null;
     const canDismissMaxStep = 0.95;
     const maxBreakpoint = breakpoints[breakpoints.length - 1];
     const minBreakpoint = breakpoints[0];
@@ -1089,6 +1090,16 @@ const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpoint, ba
          * Remove undefined check
          */
         canDismissBlocksGesture = baseEl.canDismiss !== undefined && baseEl.canDismiss !== true && minBreakpoint === 0;
+        /**
+         * Cache the scroll element reference when the gesture starts,
+         * this allows us to avoid querying the DOM for the target in onMove,
+         * which would impact performance significantly.
+         */
+        if (!expandToScroll) {
+            const targetEl = index$2.findClosestIonContent(detail.event.target);
+            cachedScrollEl =
+                targetEl && index$2.isIonContent(targetEl) ? helpers.getElementRoot(targetEl).querySelector('.inner-scroll') : targetEl;
+        }
         /**
          * If expandToScroll is disabled, we need to swap
          * the footer visibility to the original, so if the modal
@@ -1116,10 +1127,10 @@ const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpoint, ba
     };
     const onMove = (detail) => {
         /**
-         * If `expandToScroll` is disabled, we should not allow the swipe gesture
-         * to continue if the gesture is not pulling down.
+         * If `expandToScroll` is disabled, and an upwards swipe gesture is done within
+         * the scrollable content, we should not allow the swipe gesture to continue.
          */
-        if (!expandToScroll && detail.deltaY <= 0) {
+        if (!expandToScroll && detail.deltaY <= 0 && cachedScrollEl) {
             return;
         }
         /**
@@ -1168,6 +1179,14 @@ const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpoint, ba
         animation.progressStep(offset);
     };
     const onEnd = (detail) => {
+        /**
+         * If expandToScroll is disabled, we should not allow the moveSheetToBreakpoint
+         * function to be called if the user is trying to swipe content upwards and the content
+         * is not scrolled to the top.
+         */
+        if (!expandToScroll && detail.deltaY <= 0 && cachedScrollEl && cachedScrollEl.scrollTop > 0) {
+            return;
+        }
         /**
          * When the gesture releases, we need to determine
          * the closest breakpoint to snap to.

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-d0dfbb50.js');
+const helpers = require('./helpers-3a248559.js');
 const ionicGlobal = require('./ionic-global-acb665ad.js');
-const index$1 = require('./index-f68a486a.js');
-const frameworkDelegate = require('./framework-delegate-11b0ba2f.js');
+const index$1 = require('./index-e630fd95.js');
+const frameworkDelegate = require('./framework-delegate-50a86d56.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-5c0003bd.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-652bdd0b.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-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');