@ionic/core 9.0.1-dev.11787949960.1e63841c → 9.0.1-dev.11788285010.17561004

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

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
+var index = require('./index-BrVMoqUk.js');
 var index$1 = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-BCLkFTTd.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var haptic = require('./haptic-Ch-X4gRx.js');
-var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 var theme = require('./theme-Bw0rpaNN.js');
 require('./dir-zwDPRE5K.js');
 require('./capacitor-DmA66EwP.js');
@@ -22,12 +22,6 @@ const PickerColumn = class {
         this.isColumnVisible = false;
         this.canExitInputMode = true;
         this.updateValueTextOnScroll = false;
-        this.isUserScroll = false;
-        /**
-         * The haptics for the wheel picker are an iOS-only feature. As a result,
-         * they should be disabled on Android.
-         */
-        this.enableHaptics = false;
         this.ariaLabel = null;
         this.isActive = false;
         /**
@@ -59,12 +53,6 @@ const PickerColumn = class {
                      */
                     this.canExitInputMode = canExitInputMode;
                     this.updateValueTextOnScroll = false;
-                    /**
-                     * This scroll takes over from whatever the user was doing, so an outside
-                     * press must not commit an option the column is only passing through.
-                     */
-                    this.isUserScroll = false;
-                    this.stopWatchingForOutsidePress();
                     scrollEl.scroll({
                         top,
                         left: 0,
@@ -119,117 +107,6 @@ const PickerColumn = class {
             }
             this.isActive = state;
         };
-        this.clearScrollEndTimeout = () => {
-            if (this.scrollEndTimeout) {
-                clearTimeout(this.scrollEndTimeout);
-                this.scrollEndTimeout = undefined;
-            }
-        };
-        /**
-         * Resets the idle timer that commits the centered option.
-         */
-        this.resetScrollEndTimeout = () => {
-            this.clearScrollEndTimeout();
-            this.scrollEndTimeout = setTimeout(this.settle, SCROLL_END_DELAY);
-        };
-        /**
-         * Capture so the column still commits if an application's own pointerdown
-         * handler stops the event before it reaches the document.
-         */
-        this.watchForOutsidePress = () => {
-            index$1.doc?.addEventListener('pointerdown', this.onPointerDownOutside, { capture: true });
-        };
-        this.stopWatchingForOutsidePress = () => {
-            index$1.doc?.removeEventListener('pointerdown', this.onPointerDownOutside, { capture: true });
-        };
-        /**
-         * Resets everything the current scroll interaction is holding, so nothing
-         * pending on it can commit later.
-         */
-        this.discardScroll = () => {
-            this.stopWatchingForOutsidePress();
-            this.clearScrollEndTimeout();
-            this.scrollEndCallback = undefined;
-            this.centeredOption = undefined;
-            this.haltedAtScrollTop = undefined;
-            this.isScrolling = false;
-            this.isUserScroll = false;
-            this.canExitInputMode = true;
-        };
-        /**
-         * Commits the option that is currently centered under the highlight and ends
-         * the scroll interaction.
-         */
-        this.settle = () => {
-            const { centeredOption } = this;
-            this.clearScrollEndTimeout();
-            this.stopWatchingForOutsidePress();
-            this.isUserScroll = false;
-            this.isScrolling = false;
-            this.updateValueTextOnScroll = true;
-            this.enableHaptics && haptic.hapticSelectionEnd();
-            /**
-             * Certain tasks (such as those that
-             * cause re-renders) should only be done
-             * once scrolling has finished, otherwise
-             * flickering may occur.
-             */
-            const { scrollEndCallback } = this;
-            if (scrollEndCallback) {
-                scrollEndCallback();
-                this.scrollEndCallback = undefined;
-            }
-            /**
-             * Reset this flag as the
-             * next scroll interaction could
-             * be a scroll from the user. In this
-             * case, we should exit input mode.
-             */
-            this.canExitInputMode = true;
-            if (centeredOption !== undefined) {
-                // Cleared here so a later scroll that centers nothing cannot fall back on it.
-                this.centeredOption = undefined;
-                if (centeredOption.isConnected) {
-                    this.setValue(centeredOption.value);
-                }
-            }
-        };
-        /**
-         * Commits the option the user can see when they press anything outside of the
-         * column during a scroll they started. This runs on pointerdown rather than
-         * click so the value is up to date by the time an application's own click
-         * handler (a Save button, for example) reads it.
-         */
-        this.onPointerDownOutside = (ev) => {
-            const { centeredOption, parentEl, scrollEl } = this;
-            if (!this.isScrolling) {
-                return;
-            }
-            /**
-             * The column can live in another component's Shadow DOM, where a document
-             * listener sees the target retargeted to the outer host. The composed path
-             * is the only reliable way to tell a press on the column apart.
-             */
-            const path = ev.composedPath();
-            /**
-             * A press anywhere in the parent picker counts as inside, so reaching for a
-             * sibling wheel leaves this column coasting.
-             */
-            if (path.includes(this.el) || (parentEl != null && path.includes(parentEl))) {
-                return;
-            }
-            /**
-             * Landing on the centered option halts the in-flight momentum scroll, so the
-             * committed value and the option the user is left looking at agree. The
-             * option list can be replaced mid-scroll, and a detached option has no
-             * offset to center on.
-             */
-            if (centeredOption !== undefined && centeredOption.isConnected) {
-                this.centerPickerItemInView(centeredOption, false, false);
-                this.haltedAtScrollTop = scrollEl?.scrollTop;
-            }
-            this.settle();
-        };
         /**
          * When the column scrolls, the component
          * needs to determine which item is centered
@@ -237,42 +114,27 @@ const PickerColumn = class {
          * the item object.
          */
         this.initializeScrollListener = () => {
-            this.enableHaptics = ionicGlobal.isPlatform('ios');
+            /**
+             * The haptics for the wheel picker are
+             * an iOS-only feature. As a result, they should
+             * be disabled on Android.
+             */
+            const enableHaptics = ionicGlobal.isPlatform('ios');
             const { el, scrollEl } = this;
+            let timeout;
             let activeEl = this.activeItem;
             const scrollCallback = () => {
                 helpers.raf(() => {
-                    /**
-                     * This frame cannot be cancelled, and moving the column disconnects it
-                     * without the observer reporting a change, so this checks live state.
-                     */
-                    if (!this.el.isConnected || !this.isColumnVisible || !scrollEl)
+                    if (!scrollEl)
                         return;
-                    const { haltedAtScrollTop } = this;
-                    if (haltedAtScrollTop !== undefined) {
-                        /**
-                         * Still at the halted position, so this frame is the halt landing
-                         * rather than the wheel moving, and re-arming would start a second
-                         * commit cycle.
-                         */
-                        if (Math.abs(scrollEl.scrollTop - haltedAtScrollTop) <= HALT_TOLERANCE)
-                            return;
-                        this.haltedAtScrollTop = undefined;
+                    if (timeout) {
+                        clearTimeout(timeout);
+                        timeout = undefined;
                     }
-                    // Armed before the early returns below, so a scroll never ends uncommitted.
-                    this.resetScrollEndTimeout();
                     if (!this.isScrolling) {
-                        this.enableHaptics && haptic.hapticSelectionStart();
+                        enableHaptics && haptic.hapticSelectionStart();
                         this.isScrolling = true;
                     }
-                    /**
-                     * Only a user-driven scroll holds an uncommitted selection. Checked every
-                     * frame because the user can take hold of the wheel mid-scroll, and
-                     * re-adding the same listener is a no-op.
-                     */
-                    if (this.isUserScroll) {
-                        this.watchForOutsidePress();
-                    }
                     /**
                      * Select item in the center of the column
                      * which is the month/year that we want to select
@@ -332,23 +194,18 @@ const PickerColumn = class {
                             newActiveElement = fallbackActiveElement;
                         }
                     }
-                    /**
-                     * A scroll can land with no selectable option centered, such as an
-                     * overscroll bounce briefly centering the empty padding rows. Keep the
-                     * current selection until an option is centered again.
-                     */
-                    if (newActiveElement === undefined || newActiveElement.disabled) {
-                        return;
-                    }
                     if (activeEl !== undefined) {
                         this.setPickerItemActiveState(activeEl, false);
                     }
+                    if (newActiveElement === undefined || newActiveElement.disabled) {
+                        return;
+                    }
                     /**
                      * If we are selecting a new value,
                      * we need to run haptics again.
                      */
                     if (newActiveElement !== activeEl) {
-                        this.enableHaptics && haptic.hapticSelectionChanged();
+                        enableHaptics && haptic.hapticSelectionChanged();
                         if (this.canExitInputMode) {
                             /**
                              * The native iOS wheel picker
@@ -380,14 +237,32 @@ const PickerColumn = class {
                     if (this.updateValueTextOnScroll) {
                         this.assistiveFocusable?.setAttribute('aria-valuetext', this.getOptionValueText(newActiveElement));
                     }
-                    this.centeredOption = newActiveElement;
+                    timeout = setTimeout(() => {
+                        this.isScrolling = false;
+                        this.updateValueTextOnScroll = true;
+                        enableHaptics && haptic.hapticSelectionEnd();
+                        /**
+                         * Certain tasks (such as those that
+                         * cause re-renders) should only be done
+                         * once scrolling has finished, otherwise
+                         * flickering may occur.
+                         */
+                        const { scrollEndCallback } = this;
+                        if (scrollEndCallback) {
+                            scrollEndCallback();
+                            this.scrollEndCallback = undefined;
+                        }
+                        /**
+                         * Reset this flag as the
+                         * next scroll interaction could
+                         * be a scroll from the user. In this
+                         * case, we should exit input mode.
+                         */
+                        this.canExitInputMode = true;
+                        this.setValue(newActiveElement.value);
+                    }, 250);
                 });
             };
-            const userScrollCallback = () => {
-                this.isUserScroll = true;
-                // Taking hold of the wheel ends the halt even if it has not moved yet.
-                this.haltedAtScrollTop = undefined;
-            };
             /**
              * Wrap this in an raf so that the scroll callback
              * does not fire when component is initially shown.
@@ -396,19 +271,8 @@ const PickerColumn = class {
                 if (!scrollEl)
                     return;
                 scrollEl.addEventListener('scroll', scrollCallback);
-                scrollEl.addEventListener('pointerdown', userScrollCallback);
-                scrollEl.addEventListener('wheel', userScrollCallback, { passive: true });
-                /**
-                 * A `pointerdown` fires once per touch, so a drag that pauses long enough
-                 * to commit would look like a scroll the column started. A `touchmove`
-                 * keeps arriving while the finger moves.
-                 */
-                scrollEl.addEventListener('touchmove', userScrollCallback, { passive: true });
                 this.destroyScrollListener = () => {
                     scrollEl.removeEventListener('scroll', scrollCallback);
-                    scrollEl.removeEventListener('pointerdown', userScrollCallback);
-                    scrollEl.removeEventListener('wheel', userScrollCallback);
-                    scrollEl.removeEventListener('touchmove', userScrollCallback);
                 };
             });
         };
@@ -591,14 +455,6 @@ const PickerColumn = class {
             }
             else {
                 this.isColumnVisible = false;
-                /**
-                 * The pending timer still runs so it resets the scroll state, but the
-                 * option it would have committed is dropped. A column the user cannot
-                 * see should not change its value.
-                 */
-                this.stopWatchingForOutsidePress();
-                this.centeredOption = undefined;
-                this.haltedAtScrollTop = undefined;
                 if (this.destroyScrollListener) {
                     this.destroyScrollListener();
                     this.destroyScrollListener = undefined;
@@ -669,13 +525,6 @@ const PickerColumn = class {
     connectedCallback() {
         this.ariaLabel = this.el.getAttribute('aria-label') ?? 'Select a value';
     }
-    disconnectedCallback() {
-        /**
-         * A pending settle would otherwise commit a value on a column that is no
-         * longer in the DOM.
-         */
-        this.discardScroll();
-    }
     get activeItem() {
         const { value } = this;
         const options = Array.from(this.el.querySelectorAll('ion-picker-column-option'));
@@ -693,14 +542,14 @@ const PickerColumn = class {
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '60a893619d0b01fba53fbccef67a10d533a22657', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '78b46ad10d88ea1bb43ca8c36748767912f03224', class: theme.createColorClasses(color, {
                 [mode]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, index.h("slot", { key: '79f1e047f89c5ec916ed02efaac56ef3f73b8969', name: "prefix" }), index.h("div", { key: 'c45c86e88353a196ff38159f40f390bc27852c9e', class: "picker-opts", ref: (el) => {
+            }) }, index.h("slot", { key: '761e501df77f7de896ffb3ebb99ebf88c5c3bf70', name: "prefix" }), index.h("div", { key: '9f4caaeef8ab704522a85f30876d371712f47c5c', class: "picker-opts", ref: (el) => {
                 this.scrollEl = el;
-            }, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, index.h("div", { key: 'e02d76752f5d3dd4cd2846fbc28645f1508a4b49', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'd577bcbadc530970b2781692b050811633625c5a', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'c89e78c3a896bc1f55b922d01df16fdbb1259bdd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '6c597ff899692597432ee2aa0b42de53b86deed4' }), index.h("div", { key: '91686ed94f14c47647836ed4d63e54b5c54ee3b9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '2ff058c6d0e8cef4e143c2d848f9a52684579af1', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'bc7386bec6fced36e44084a7a137b3fe6506c996', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '8835fd3f4e025bce964e6f05984c9aaadc20d7fb', name: "suffix" })));
+            }, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, index.h("div", { key: '9d3533436aba6c61c93f65f84a077fba832194a0', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '3f18d3a47361f06f55321b65fdf5742a61722b26', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'eac0d20ab8c533ef829875e323e93e1ee2067d6d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '92e25989ef41cf6f910c73238e1a0a5ac03f1c1f' }), index.h("div", { key: '33a84644ebdc84108b44a8e3a129b54e824939c8', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '128ad61a3a68c7ff2d2e44a6e968424fcc608a15', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '6e4d59a4f75befcbbf47279a263f28a69b12dbbd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '3c6621b64438792a3024c90e3d9916a0a3614506', name: "suffix" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -713,19 +562,6 @@ const PickerColumn = class {
     }; }
 };
 const PICKER_ITEM_ACTIVE_CLASS = 'option-active';
-/**
- * How long the column must be idle before the centered option is treated as
- * the user's selection. Replaceable by the `scrollend` event once that is
- * supported everywhere (https://caniuse.com/?search=scrollend).
- */
-const SCROLL_END_DELAY = 250;
-/**
- * How far, in pixels, the column may report from where it was halted and still
- * count as having stayed there. Centering targets a position between two snap
- * points, so mandatory snapping corrects it by half the column height less
- * three option heights: 2px at the default sizes.
- */
-const HALT_TOLERANCE = 2;
 PickerColumn.style = pickerColumnCss();
 
 exports.ion_picker_column = PickerColumn;

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
-var helpers = require('./helpers-BCLkFTTd.js');
+var index = require('./index-BrVMoqUk.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 require('./dir-zwDPRE5K.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)))}`;

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

@@ -3,17 +3,17 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
-var overlays = require('./overlays-HN9joo1Z.js');
-var frameworkDelegate = require('./framework-delegate-DhyWUPGg.js');
-var helpers = require('./helpers-BCLkFTTd.js');
+var index = require('./index-BrVMoqUk.js');
+var overlays = require('./overlays-Bg0auTQa.js');
+var frameworkDelegate = require('./framework-delegate-BZUx4TnE.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
-var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var index$1 = require('./index-CldjPPyP.js');
-var animation = require('./animation-ihPP_z2n.js');
+var index$1 = require('./index-2sO-zkZ2.js');
+var animation = require('./animation-D-OqR4a4.js');
 require('./index-DkNv4J_i.js');
-require('./hardware-back-button-D5f_kASb.js');
+require('./hardware-back-button-JOAEFSzc.js');
 require('./gesture-controller-CeJslptU.js');
 require('./dir-zwDPRE5K.js');
 
@@ -1293,13 +1293,6 @@ const Popover = class {
         const { configureTriggerInteraction, el } = this;
         overlays.prepareOverlay(el);
         configureTriggerInteraction();
-        // Re-apply the root lock if moved without dismiss() being called
-        if (this.presented) {
-            overlays.restoreRootFocusTrapAccessibility(el);
-            // The disconnect tore down the header observer, and `present()` is its
-            // only other caller, so a move mid-layout would lose the recalculation.
-            this.recalculateContentOnHeaderReady();
-        }
     }
     disconnectedCallback() {
         const { destroyTriggerInteraction } = this;
@@ -1477,12 +1470,6 @@ const Popover = class {
         if (!header || contentElements.length === 0) {
             return;
         }
-        // Both `present()` and a reconnect call this, so drop any existing
-        // observer. Below the guards, so a call that bails cannot leave none.
-        if (this.headerResizeObserver) {
-            this.headerResizeObserver.disconnect();
-            this.headerResizeObserver = undefined;
-        }
         this.headerResizeObserver = new ResizeObserver(async () => {
             if (header.offsetHeight > 0) {
                 this.headerResizeObserver?.disconnect();
@@ -1555,7 +1542,7 @@ const Popover = class {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = ionicGlobal.isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (index.h(index.Host, { key: 'b5e9c788f58397203976d5f8302dfb89e916efe1', "aria-modal": "true", "no-router": true, tabindex: "-1", ...htmlAttributes, style: {
+        return (index.h(index.Host, { key: '52ffc7116969ae1b8b927e67f2acbfe5f5434f70', "aria-modal": "true", "no-router": true, tabindex: "-1", ...htmlAttributes, style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: {
                 ...theme.getClassMap(this.cssClass),
@@ -1566,7 +1553,7 @@ const Popover = class {
                 [`popover-side-${side}`]: true,
                 [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false,
                 'popover-nested': !!parentPopover,
-            }, onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }, !parentPopover && index.h("ion-backdrop", { key: 'f3977833c5b2c0087c286ee54363b478d69eb115', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: '1059893d6fd2932ca8adcdf8d45a5d66f4794727', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: '24d7988bdd95882ad77fcaa7112aeda55878bee4', class: "popover-arrow", part: "arrow" }), index.h("div", { key: '4d6992e0a9d629f11763045f9199f9a77fa521ab', class: "popover-content", part: "content" }, index.h("slot", { key: 'b29747419620a01a6c34e9e846cd529b0b210145' })))));
+            }, onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }, !parentPopover && index.h("ion-backdrop", { key: '79a8e851dbd22119e21ffb2f4709c555251045c8', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: 'c46c9f62c3ef3f902e23f27404eaa446a5d8cf88', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: '9fdcbbc4ea6c7bde74f646d48eb77296b2c9dd83', class: "popover-arrow", part: "arrow" }), index.h("div", { key: '138e56bb83462ebb0908edb522b45ecf94b82aeb', class: "popover-content", part: "content" }, index.h("slot", { key: 'daeefcf002e8d89e91d6e0faf7f63f75b68a2dbe' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
-var helpers = require('./helpers-BCLkFTTd.js');
+var index = require('./index-BrVMoqUk.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 require('./dir-zwDPRE5K.js');
 
 const progressBarIosCss = () => `:host{--background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.3);--progress-background:var(--ion-color-primary, #0054e9);display:block;position:relative;width:100%;contain:strict;direction:ltr;overflow:hidden}.progress,.progress-indeterminate,.indeterminate-bar-primary,.indeterminate-bar-secondary,.progress-buffer-bar{left:0;right:0;top:0;bottom:0;position:absolute;width:100%;height:100%}.buffer-circles-container,.buffer-circles{left:0;right:0;top:0;bottom:0;position:absolute}.buffer-circles{right:-10px;left:-10px;}.progress,.progress-buffer-bar,.buffer-circles-container{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 150ms linear;transition:-webkit-transform 150ms linear;transition:transform 150ms linear;transition:transform 150ms linear, -webkit-transform 150ms linear}.progress,.progress-indeterminate{background:var(--progress-background);z-index:2}.progress-buffer-bar{background:var(--background);z-index:1}.buffer-circles-container{overflow:hidden}.indeterminate-bar-primary{top:0;right:0;bottom:0;left:-145.166611%;-webkit-animation:primary-indeterminate-translate 2s infinite linear;animation:primary-indeterminate-translate 2s infinite linear}.indeterminate-bar-primary .progress-indeterminate{-webkit-animation:primary-indeterminate-scale 2s infinite linear;animation:primary-indeterminate-scale 2s infinite linear;-webkit-animation-play-state:inherit;animation-play-state:inherit}.indeterminate-bar-secondary{top:0;right:0;bottom:0;left:-54.888891%;-webkit-animation:secondary-indeterminate-translate 2s infinite linear;animation:secondary-indeterminate-translate 2s infinite linear}.indeterminate-bar-secondary .progress-indeterminate{-webkit-animation:secondary-indeterminate-scale 2s infinite linear;animation:secondary-indeterminate-scale 2s infinite linear;-webkit-animation-play-state:inherit;animation-play-state:inherit}.buffer-circles{background-image:radial-gradient(ellipse at center, var(--background) 0%, var(--background) 30%, transparent 30%);background-repeat:repeat-x;background-position:5px center;background-size:10px 10px;z-index:0;-webkit-animation:buffering 450ms infinite linear;animation:buffering 450ms infinite linear}:host(.progress-bar-reversed){-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.progress-paused) .indeterminate-bar-secondary,:host(.progress-paused) .indeterminate-bar-primary,:host(.progress-paused) .buffer-circles{-webkit-animation-play-state:paused;animation-play-state:paused}:host(.ion-color) .buffer-circles{background-image:radial-gradient(ellipse at center, rgba(var(--ion-color-base-rgb), 0.3) 0%, rgba(var(--ion-color-base-rgb), 0.3) 30%, transparent 30%)}:host(.ion-color) .progress,:host(.ion-color) .progress-indeterminate{background:var(--ion-color-base)}@-webkit-keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%)}}@keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%)}}@-webkit-keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);-webkit-transform:scaleX(0.661479);transform:scaleX(0.661479)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);-webkit-transform:scaleX(0.661479);transform:scaleX(0.661479)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%)}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%)}}@keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%)}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%)}}@-webkit-keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);-webkit-transform:scaleX(0.457104);transform:scaleX(0.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);-webkit-transform:scaleX(0.72796);transform:scaleX(0.72796)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);-webkit-transform:scaleX(0.457104);transform:scaleX(0.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);-webkit-transform:scaleX(0.72796);transform:scaleX(0.72796)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}:host{border-radius:9999px;height:4px}:host(.progress-bar-solid){--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}`;

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
-var helpers = require('./helpers-BCLkFTTd.js');
+var index = require('./index-BrVMoqUk.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var compareWithUtils = require('./compare-with-utils-DSicavqM.js');
-var itemMultipleInputs = require('./item-multiple-inputs-BH9yPC66.js');
+var itemMultipleInputs = require('./item-multiple-inputs-DG-ZGm6j.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 var validity = require('./validity-BpS37YFM.js');
 require('./dir-zwDPRE5K.js');
 

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
-var index$1 = require('./index-49DTLc_Z.js');
-var helpers = require('./helpers-BCLkFTTd.js');
+var index = require('./index-BrVMoqUk.js');
+var index$1 = require('./index-C8zH6b3d.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var dir = require('./dir-zwDPRE5K.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 
 function getDecimalPlaces(n) {
     if (!helpers.isSafeNumber(n))

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

@@ -3,15 +3,15 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
+var index = require('./index-BrVMoqUk.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var index$1 = require('./index-49DTLc_Z.js');
-var helpers = require('./helpers-BCLkFTTd.js');
+var index$1 = require('./index-C8zH6b3d.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var haptic = require('./haptic-Ch-X4gRx.js');
-var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
-var animation = require('./animation-ihPP_z2n.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
+var animation = require('./animation-D-OqR4a4.js');
 var config = require('./config-CjUbvdPW.js');
-var index$3 = require('./index-BocV_y-c.js');
+var index$3 = require('./index-EJLjthTK.js');
 var index$2 = require('./index-wOmugbdg.js');
 var spinnerConfigs = require('./spinner-configs-DxHKnd3-.js');
 require('./dir-zwDPRE5K.js');

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

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
+var index = require('./index-BrVMoqUk.js');
 var index$1 = require('./index-wOmugbdg.js');
-var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
-var index$2 = require('./index-49DTLc_Z.js');
-var helpers = require('./helpers-BCLkFTTd.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
+var index$2 = require('./index-C8zH6b3d.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var haptic = require('./haptic-Ch-X4gRx.js');
 require('./dir-zwDPRE5K.js');
 require('./capacitor-DmA66EwP.js');

package/dist/cjs/ion-ripple-effect.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
-var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
+var index = require('./index-BrVMoqUk.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 
 const rippleEffectCss = () => `:host{left:0;right:0;top:0;bottom:0;position:absolute;contain:strict;pointer-events:none}:host(.unbounded){contain:layout size style}.ripple-effect{border-radius:50%;position:absolute;background-color:currentColor;color:inherit;contain:strict;opacity:0;-webkit-animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;will-change:transform, opacity;pointer-events:none}.fade-out{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1));-webkit-animation:150ms fadeOutAnimation forwards;animation:150ms fadeOutAnimation forwards}@-webkit-keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@-webkit-keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@-webkit-keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}@keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}`;
 

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

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
-var helpers = require('./helpers-BCLkFTTd.js');
-var index$1 = require('./index-49DTLc_Z.js');
+var index = require('./index-BrVMoqUk.js');
+var helpers = require('./helpers-Dj5o76mq.js');
+var index$1 = require('./index-C8zH6b3d.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 require('./dir-zwDPRE5K.js');
 
 const Route = class {

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
-var helpers = require('./helpers-BCLkFTTd.js');
+var index = require('./index-BrVMoqUk.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var dir = require('./dir-zwDPRE5K.js');
 var theme = require('./theme-Bw0rpaNN.js');
 var index$1 = require('./index-wOmugbdg.js');
-var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 
 const searchbarIosCss = () => `.sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios>div.sc-ion-searchbar-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ios:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #0054e9);--clear-button-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;min-height:60px;contain:content}.searchbar-input-container.sc-ion-searchbar-ios{min-height:36px}.searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px);top:0;position:absolute;width:1.375rem;height:100%;contain:strict}.searchbar-search-icon.sc-ion-searchbar-ios{inset-inline-start:5px}.searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:6px;padding-bottom:6px;height:100%;font-size:1.0625rem;font-weight:400;contain:strict}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem;-webkit-padding-end:1.75rem;padding-inline-end:1.75rem}.searchbar-clear-button.sc-ion-searchbar-ios{top:0;background-position:center;position:absolute;width:1.875rem;height:100%;border:0;background-color:transparent}.searchbar-clear-button.sc-ion-searchbar-ios{inset-inline-end:0}.searchbar-clear-icon.sc-ion-searchbar-ios{width:1.125rem;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;font-size:17px}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:0;margin-inline-start:0}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.875rem;padding-inline-start:1.875rem}.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-transition:all 300ms ease;transition:all 300ms ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-margin-end:-100%;margin-inline-end:-100%;-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0);-webkit-transition:all 300ms ease;transition:all 300ms ease;opacity:0;pointer-events:none}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-transition-duration:0ms;transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}@media (any-hover: hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;min-height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color),ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb), 0.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}`;
 

package/dist/cjs/ion-segment-content.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Bgz6BcKx.js');
+var index = require('./index-BrVMoqUk.js');
 
 const segmentContentCss = () => `:host{scroll-snap-align:center;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%;min-height:1px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;}:host::-webkit-scrollbar{display:none}`;