@ionic/core 8.0.0-dev.11711476529.17eae6ec → 8.0.0-dev.11711498366.18f063ac

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

@@ -7,14 +7,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d21d526.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const overlays = require('./overlays-de847251.js');
+const overlays = require('./overlays-f770745f.js');
 const gestureController = require('./gesture-controller-9436f482.js');
-const hardwareBackButton = require('./hardware-back-button-f66bce00.js');
+const hardwareBackButton = require('./hardware-back-button-e79bd12c.js');
 const helpers = require('./helpers-afaa9001.js');
-const index$1 = require('./index-f5fcf972.js');
+const index$1 = require('./index-f06d55a9.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
-const index$2 = require('./index-f52c6d38.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
+const index$2 = require('./index-073c7cdc.js');
 require('./index-c8d52405.js');
 require('./framework-delegate-55f5683a.js');
 require('./animation-b4fdf128.js');
@@ -601,14 +601,14 @@ const Menu = class {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (index.h(index.Host, { key: '1ecc3080e6eb9fd7bf5e39f76e8bf3b10cc38ec6', onKeyDown: hardwareBackButton.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (index.h(index.Host, { key: '992d219168e9434ee02b3e001ad337c581a8d945', onKeyDown: hardwareBackButton.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [theme$1]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': theme.hostContext('ion-split-pane', el),
-            } }, index.h("div", { key: 'eff71ce215cbaa2f457cb882a2aa4dd83e12a006', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '3da803813630e14a2f2c6495fa90399948df902f' })), index.h("ion-backdrop", { key: 'e9954fddfc4c5f601586e67ef341f66e16777f8d', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, index.h("div", { key: 'd32b67bdcaafa6590a5a9d9ff9d3755f5b5f715a', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: 'ecdad8c9f4000bb5c79385d68f0848b2cf95b5b2' })), index.h("ion-backdrop", { key: '13fe3027cb8ac17761c9d044c6283d9a26b486b1', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -685,7 +685,7 @@ const MenuButton = class {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (index.h(index.Host, { key: '3e04ff01e24f7c35749ccf86c95ee451ee6b18a9', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'f6bdc7c810c7df4a76dab326295c08f3dfa87abe', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -694,7 +694,7 @@ const MenuButton = class {
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, index.h("button", Object.assign({ key: '0f517175e527831f916e484c89c43aba524aa586' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '05097795d743ee11e4196b2ad38ef020e7115835', class: "button-inner" }, index.h("slot", { key: 'aa45a3b53596c0cbb8866db495a7e32a2077c7f0' }, index.h("ion-icon", { key: '5cb53cc30c1e555a7c69750f6bd312df4d9bf234', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme$1 === 'md' && index.h("ion-ripple-effect", { type: "unbounded" }))));
+            }) }, index.h("button", Object.assign({ key: '962db265439e4fbbf7d012eb01e375387b75956b' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: 'f8e5c4c84cd8f884d3d85e70d534febe1bd7f567', class: "button-inner" }, index.h("slot", { key: '9edba975bcf8a4cde652aff502b47fadf8d69036' }, index.h("ion-icon", { key: '667c140306953ebf95b604ead4c712242b90bac0', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme$1 === 'md' && index.h("ion-ripple-effect", { type: "unbounded" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -726,10 +726,10 @@ const MenuToggle = class {
     render() {
         const theme = ionicGlobal.getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
-        return (index.h(index.Host, { key: '09cc1613fa9538946363397ccc611eaaa4195015', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (index.h(index.Host, { key: '66f29363d2c6fcf24458ff7013531cea2b15c14c', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [theme]: true,
                 'menu-toggle-hidden': hidden,
-            } }, index.h("slot", { key: 'f3f13218947563b6f63c874385f3ec1a4199cf2c' })));
+            } }, index.h("slot", { key: 'ef35254cfb31f109ebc67671983d87b653d568fa' })));
     }
 };
 MenuToggle.style = IonMenuToggleStyle0;

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

@@ -6,13 +6,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$3 = require('./index-2d21d526.js');
-const index$2 = require('./index-91435ed0.js');
+const index$2 = require('./index-193def18.js');
 const frameworkDelegate = require('./framework-delegate-55f5683a.js');
 const helpers = require('./helpers-afaa9001.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 const capacitor = require('./capacitor-c04564bf.js');
-const overlays = require('./overlays-de847251.js');
+const overlays = require('./overlays-f770745f.js');
 const theme = require('./theme-d1c573d2.js');
 const index$4 = require('./index-5643c839.js');
 const keyboard = require('./keyboard-af1bb365.js');
@@ -20,7 +20,7 @@ const animation = require('./animation-b4fdf128.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const index$1 = require('./index-ee07ed59.js');
 const index = require('./index-c8d52405.js');
-require('./hardware-back-button-f66bce00.js');
+require('./hardware-back-button-e79bd12c.js');
 require('./gesture-controller-9436f482.js');
 require('./keyboard-0272231f.js');
 
@@ -1634,9 +1634,9 @@ const Modal = class {
         const theme$1 = ionicGlobal.getIonTheme(this);
         const isCardModal = presentingElement !== undefined && theme$1 === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
-        return (index$3.h(index$3.Host, Object.assign({ key: '813736a125e3f94418fc4b846fba8dd248ad6327', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index$3.h(index$3.Host, Object.assign({ key: '0e6dbd096571f5d7fc8f34da1c2aab10598dd65d', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [theme$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), index$3.h("ion-backdrop", { key: '9f2c13bc3d64876d8782695c5195767d7f2f67d9', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme$1 === 'ios' && index$3.h("div", { class: "modal-shadow" }), index$3.h("div", Object.assign({ key: '7b970bab0b9724033ab390662fbe050f1425e2b6',
+            }, class: Object.assign({ [theme$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), index$3.h("ion-backdrop", { key: '76b0f13942696cb28c58674c3c76f6194b639021', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme$1 === 'ios' && index$3.h("div", { class: "modal-shadow" }), index$3.h("div", Object.assign({ key: '52c11dfd4d0885e0f0843175ea390002334c8912',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -1645,7 +1645,7 @@ const Modal = class {
             */
             role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$3.h("button", { class: "modal-handle",
             // Prevents the handle from receiving keyboard focus when it does not cycle
-            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), index$3.h("slot", { key: 'ae777acb669ecb0b364899d7c09acdbd222b19f1' }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), index$3.h("slot", { key: '72b88f97cbbf47bcea140b01484edc681833ab7f' }))));
     }
     get el() { return index$3.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const index = require('./index-2d21d526.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const helpers = require('./helpers-afaa9001.js');
 const index$1 = require('./index-5643c839.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 const frameworkDelegate = require('./framework-delegate-55f5683a.js');
 
 const VIEW_STATE_NEW = 1;
@@ -904,7 +904,7 @@ const Nav = class {
         }
     }
     render() {
-        return index.h("slot", { key: '0ad6ea9a7b0ed39732734e45e7ae843ac7ef2a7e' });
+        return index.h("slot", { key: '4a59480d82787c8ac6c118f9b37cd378f4b24373' });
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -946,7 +946,7 @@ const NavLink = class {
         this.routerAnimation = undefined;
     }
     render() {
-        return index.h(index.Host, { key: '45811e228f0a52a658e968c3b996f18007808485', onClick: this.onClick });
+        return index.h(index.Host, { key: '790b4ed7d6b4998e4e0e1ef11d8860754324e9a9', onClick: this.onClick });
     }
     get el() { return index.getElement(this); }
 };

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2d21d526.js');
 const helpers = require('./helpers-afaa9001.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 
 const ionicPickerColumnOptionMdCss = "button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}:host(.option-disabled){opacity:0.4}:host(.option-disabled) button{cursor:default}:host(.option-active){color:var(--ion-color-base)}";
 const IonPickerColumnOptionIonicStyle0 = ionicPickerColumnOptionMdCss;
@@ -91,10 +91,10 @@ const PickerColumnOption = class {
     render() {
         const { color, disabled, ariaLabel } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '58a3ee795394ec4a497e41bb348b3f68fa95971a', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '6c9db63d7bbbec2bdbf396a755a12fd2161e0945', class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 ['option-disabled']: disabled,
-            }) }, index.h("button", { key: 'c343a70fcf072881ccaa1dc8295acd3f47acc824', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, index.h("slot", { key: 'a06a9d2c13ff8e46c56949e3c50fd30291ec1e83' }))));
+            }) }, index.h("button", { key: 'a81fdec2b6df1a0a90fc8cd4e5605ef415ec3acd', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, index.h("slot", { key: 'ea9a8830d3351ef8f6fb61eca3ed0252505e3854' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const index = require('./index-2d21d526.js');
 const index$1 = require('./index-c8d52405.js');
 const helpers = require('./helpers-afaa9001.js');
 const haptic = require('./haptic-f6b37aa3.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 const theme = require('./theme-d1c573d2.js');
 require('./capacitor-c04564bf.js');
 

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

@@ -6,16 +6,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d21d526.js');
-const overlays = require('./overlays-de847251.js');
+const overlays = require('./overlays-f770745f.js');
 const frameworkDelegate = require('./framework-delegate-55f5683a.js');
 const helpers = require('./helpers-afaa9001.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 const theme = require('./theme-d1c573d2.js');
 const index$1 = require('./index-5643c839.js');
 const animation = require('./animation-b4fdf128.js');
 require('./index-c8d52405.js');
-require('./hardware-back-button-f66bce00.js');
+require('./hardware-back-button-e79bd12c.js');
 require('./gesture-controller-9436f482.js');
 
 /**
@@ -1298,9 +1298,9 @@ const Popover = class {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes } = this;
         const desktop = ionicGlobal.isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (index.h(index.Host, Object.assign({ key: '293fdb68feb3dcb009faf04d9abd42ee47deab20', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: '674ba80824b20ef7c69b04bf5118a74097d86fbd', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && index.h("ion-backdrop", { tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: 'd8ed7168116c1cb828deb79e6d447fe98a47dab6', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { class: "popover-arrow", part: "arrow" }), index.h("div", { key: '627572f2ed7aa416f24013e2c3d1ead160c80703', class: "popover-content", part: "content" }, index.h("slot", { key: '8b158aef271c8bb8485fd5ed77b092964dabf63b' })))));
+            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && index.h("ion-backdrop", { tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: 'bbbd02b9aeba1b6a38f91870a4c98d82a2556525', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { class: "popover-arrow", part: "arrow" }), index.h("div", { key: 'f757dea98dcb7eace3b870bc4a5b552c0b66913c', class: "popover-content", part: "content" }, index.h("slot", { key: '9e126f559e5d7dc382db1499268bcb83a18b2991' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2d21d526.js');
 const helpers = require('./helpers-afaa9001.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 
 const ionicProgressBarMdCss = ":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{height:4px}:host(.ion-color) .progress-buffer-bar{background:rgba(var(--ion-color-base-rgb), 0.3)}";
 const IonProgressBarIonicStyle0 = ionicProgressBarMdCss;
@@ -34,7 +34,7 @@ const ProgressBar = class {
         const theme$1 = ionicGlobal.getIonTheme(this);
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (index.h(index.Host, { key: 'da38e6bb5b787eb5f892fc365bfd7bd005bbd00e', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '63618b06100d3a77c225b5d816a699eebed46407', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,

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

@@ -9,7 +9,7 @@ const index = require('./index-2d21d526.js');
 const helpers = require('./helpers-afaa9001.js');
 const compareWithUtils = require('./compare-with-utils-df1001d7.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 
 const ionicRadioMdCss = ":host{--inner-border-radius:50%;display:inline-block;position:relative;max-width:100%;min-height:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.radio-disabled){pointer-events:none}.radio-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}.radio-icon,.radio-inner{-webkit-box-sizing:border-box;box-sizing:border-box}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(:focus){outline:none}:host(.in-item){width:100%;height:100%}:host([slot=start]),:host([slot=end]){width:auto}.radio-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.radio-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.radio-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.radio-justify-space-between) .radio-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.radio-justify-start) .radio-wrapper{-ms-flex-pack:start;justify-content:start}:host(.radio-justify-end) .radio-wrapper{-ms-flex-pack:end;justify-content:end}:host(.radio-alignment-start) .radio-wrapper{-ms-flex-align:start;align-items:start}:host(.radio-alignment-center) .radio-wrapper{-ms-flex-align:center;align-items:center}:host(.radio-label-placement-start) .radio-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.radio-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.radio-label-placement-end) .radio-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.radio-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.radio-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.radio-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px}:host(.radio-label-placement-stacked) .radio-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.radio-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.radio-label-placement-stacked.radio-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.radio-label-placement-stacked.radio-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host{--color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #0054e9);--border-width:0.125rem;--border-style:solid;--border-radius:50%}:host(.ion-color) .radio-inner{background:var(--ion-color-base)}:host(.ion-color.radio-checked) .radio-icon{border-color:var(--ion-color-base)}.radio-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--color)}.radio-inner{border-radius:var(--inner-border-radius);width:calc(50% + var(--border-width));height:calc(50% + var(--border-width));-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background:var(--color-checked)}:host(.radio-checked) .radio-icon{border-color:var(--color-checked)}:host(.radio-checked) .radio-inner{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}:host(.radio-disabled) .label-text-wrapper{opacity:0.38}:host(.radio-disabled) .native-wrapper{opacity:0.63}:host(.ion-focused) .radio-icon::after{border-radius:var(--inner-border-radius);display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #1a65eb);content:\"\";opacity:0.2}.native-wrapper .radio-icon{width:1.25rem;height:1.25rem}";
 const IonRadioIonicStyle0 = ionicRadioMdCss;
@@ -115,7 +115,7 @@ const Radio = class {
         const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
         const inItem = theme.hostContext('ion-item', el);
-        return (index.h(index.Host, { key: 'be72367929b09ef023194d02bc44ef2039fd7a4c', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'eaf187c324eac384a50e00d3a72b55c9dfd5f4d1', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -126,10 +126,10 @@ const Radio = class {
                 // Focus and active styling should not apply when the radio is in an item
                 'ion-activatable': !inItem,
                 'ion-focusable': !inItem,
-            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: 'f7c23a823a1e6ae31eaac7f59eccf02c654306f3', class: "radio-wrapper" }, index.h("div", { key: '4fe9047d16fef014a4bd114a1e106e8cb6fa638b', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: '56ad02309e8d746c4e97fc21bef63c004fadff86', class: "radio-wrapper" }, index.h("div", { key: '5463297de58985d6933a921629caa52c49a427ed', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, index.h("slot", { key: '307437c2882f9658f486522e9caa45932ea095a5' })), index.h("div", { key: '4a58e19043a4d8712fd204ddc56714a855392a9e', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, index.h("slot", { key: 'a95043a62dbb91ad8fea12a5ed6f09824cbd99cc' })), index.h("div", { key: 'dc725d623aee66e27ccc7747a135ebf7d031a258', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -295,7 +295,7 @@ const RadioGroup = class {
         const { label, labelId, el, name, value } = this;
         const theme = ionicGlobal.getIonTheme(this);
         helpers.renderHiddenInput(true, el, name, value, false);
-        return (index.h(index.Host, { key: 'c98d1cf9d7d603282ead7f0011f9a839d3db40a3', class: {
+        return (index.h(index.Host, { key: '2f7a60d168cde3bd86c2b68369b09bf396dfc0fa', class: {
                 [theme]: true,
             }, role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick }));
     }

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

@@ -6,9 +6,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d21d526.js');
-const index$1 = require('./index-91435ed0.js');
+const index$1 = require('./index-193def18.js');
 const helpers = require('./helpers-afaa9001.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 
@@ -606,7 +606,7 @@ const Range = class {
         const needsEndAdjustment = inItem && !hasEndContent;
         const theme$1 = ionicGlobal.getIonTheme(this);
         helpers.renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (index.h(index.Host, { key: 'bd88c11374e23af08980f6857ac559a6650f157a', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'fd6045944a8eb8a13c8996cd6611fcd9cec6d3b4', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -615,10 +615,10 @@ const Range = class {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, index.h("label", { key: '4edae72dbabdae42752f62a0b59ca91c399a465d', class: "range-wrapper", id: "range-label" }, index.h("div", { key: 'a56572f64fbc9f58e91e5e7afd4bcdcda4960bb5', class: {
+            }) }, index.h("label", { key: '6c9416a25e26352492b9fc13a07e754c518afc6b', class: "range-wrapper", id: "range-label" }, index.h("div", { key: '69580aa21219d9901351ea8db101e426064c4c5b', 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: '72312c03563083dff4c8d4dcd6b86094461662d8', class: "native-wrapper" }, index.h("slot", { key: '471947329ba067b0ece4d1c88ed7137f314d086d', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: '6d686e374d125a7953e7b24cf7b7c008f0a6ffed', name: "end" })))));
+            }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '066ecb1e374d17b2d5eceb808f54562310dc17ff', class: "native-wrapper" }, index.h("slot", { key: '409c88e5b93afa77bed78deb471c60a01090662e', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: '580d31ac5abf623e9e9c1af09ce33ac4192dbc89', name: "end" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -7,13 +7,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d21d526.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const index$1 = require('./index-91435ed0.js');
+const index$1 = require('./index-193def18.js');
 const helpers = require('./helpers-afaa9001.js');
 const haptic = require('./haptic-f6b37aa3.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 const animation = require('./animation-b4fdf128.js');
 const config = require('./config-4f60b98a.js');
-const index$2 = require('./index-f52c6d38.js');
+const index$2 = require('./index-073c7cdc.js');
 const spinnerConfigs = require('./spinner-configs-282fd50a.js');
 require('./capacitor-c04564bf.js');
 require('./index-c8d52405.js');
@@ -802,7 +802,7 @@ const Refresher = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '552e23519ef35bdf33358f2e3219f364b3c2cd71', slot: "fixed", class: {
+        return (index.h(index.Host, { key: 'c4257458e87911a8ff8be8d55044f0515070e7bf', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,
@@ -869,9 +869,9 @@ const RefresherContent = class {
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && spinnerConfigs.SPINNERS[pullingIcon] !== undefined;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '1af7f2ac469dabdbea1307c839afe014a08f5299', class: {
+        return (index.h(index.Host, { key: '85a44b93142f4a0c05e14ecd39ec44d4047d7cc0', class: {
                 [theme]: true,
-            } }, index.h("div", { key: 'dc1500809215267cb68a2fc39eeb04725bf9948e', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { class: "refresher-pulling-icon" }, index.h("div", { class: "spinner-arrow-container" }, index.h("ion-spinner", { name: this.pullingIcon, paused: true }), theme === 'md' && this.pullingIcon === 'circular' && (index.h("div", { class: "arrow-container" }, index.h("ion-icon", { icon: index$2.caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { class: "refresher-pulling-icon" }, index.h("ion-icon", { icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: 'e5892f9590bb2c9ceb12e39bac9755eadc6ac683', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { class: "refresher-refreshing-icon" }, index.h("ion-spinner", { name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, index.h("div", { key: 'bfcfe123ee64018a5788cc9d8742287f3a981682', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { class: "refresher-pulling-icon" }, index.h("div", { class: "spinner-arrow-container" }, index.h("ion-spinner", { name: this.pullingIcon, paused: true }), theme === 'md' && this.pullingIcon === 'circular' && (index.h("div", { class: "arrow-container" }, index.h("ion-icon", { icon: index$2.caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { class: "refresher-pulling-icon" }, index.h("ion-icon", { icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: '3e0abc2a65509625c5ea14e5dddcd833b8d5c34d', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { class: "refresher-refreshing-icon" }, index.h("ion-spinner", { name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -6,9 +6,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d21d526.js');
-const index$1 = require('./index-f52c6d38.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
-const index$2 = require('./index-91435ed0.js');
+const index$1 = require('./index-073c7cdc.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
+const index$2 = require('./index-193def18.js');
 const helpers = require('./helpers-afaa9001.js');
 const haptic = require('./haptic-f6b37aa3.js');
 require('./capacitor-c04564bf.js');
@@ -39,9 +39,9 @@ const Reorder = class {
     render() {
         const theme = ionicGlobal.getIonTheme(this);
         const reorderIcon = theme === 'ios' ? index$1.reorderThreeOutline : index$1.reorderTwoSharp;
-        return (index.h(index.Host, { key: 'b1ac62e21d23164e5e0e092bb80488b432093a6e', class: {
+        return (index.h(index.Host, { key: '28e184fe304172c51b0562ae11f1f85bb91acfbe', class: {
                 [theme]: true,
-            } }, index.h("slot", { key: '84fb2595ffb9d96ea8dd81e600b12c4e3ec750a4' }, index.h("ion-icon", { key: 'f389aa4ff4d98d1d28019f93a7197859ccdfe77c', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, index.h("slot", { key: '020bf9424b64d050e85dde330acc2c92917d515d' }, index.h("ion-icon", { key: '753a238e178dcd8a1a7a5611b553ee6dac878255', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -288,7 +288,7 @@ const ReorderGroup = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '166dea821a1071bbc47c52088ad471598906aa69', class: {
+        return (index.h(index.Host, { key: '224918a96b7e85d6e4f8b774da8d5ba4e139825a', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d21d526.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.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}}";
 const IonRippleEffectStyle0 = rippleEffectCss;
@@ -68,7 +68,7 @@ const RippleEffect = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '7f9a500e68a05370d2a3353cbd588474a6f68762', role: "presentation", class: {
+        return (index.h(index.Host, { key: '530778f547a554267bdf37366f60d26064016c4d', role: "presentation", class: {
                 [theme]: true,
                 unbounded: this.unbounded,
             } }));

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2d21d526.js');
 const helpers = require('./helpers-afaa9001.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 
 const Route = class {
     constructor(hostRef) {
@@ -882,10 +882,10 @@ const RouterLink = class {
             rel: this.rel,
             target: this.target,
         };
-        return (index.h(index.Host, { key: 'f13b788a5725dfba211c2c4558d4dfc9099d8dd3', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '8de6795119ef7ef66fcb2666198b47ed0a89c1e0', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'ion-activatable': true,
-            }) }, index.h("a", Object.assign({ key: 'a67cea28fb740c6db408a32973cd5fcbaecf7db0' }, attrs), index.h("slot", { key: 'ab63b4654ee317c48df7fb8aaf350eb9c272935c' }))));
+            }) }, index.h("a", Object.assign({ key: 'e7bfa23fa6cde7def307d8eb962ba0b3a04bacc7' }, attrs), index.h("slot", { key: 'b7bf42a00137767eace70fe2a637a7f0faf1a333' }))));
     }
 };
 RouterLink.style = IonRouterLinkStyle0;

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

@@ -9,8 +9,8 @@ const index = require('./index-2d21d526.js');
 const helpers = require('./helpers-afaa9001.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
-const index$1 = require('./index-f52c6d38.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const index$1 = require('./index-073c7cdc.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 
 const ionicSearchbarMdCss = ".sc-ion-searchbar-ionic-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-ionic-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic,.ion-color.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,.ion-color.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic{color:inherit}.searchbar-search-icon.sc-ion-searchbar-ionic{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ionic{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ionic{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-ionic::-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-ionic::-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-ionic:-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-ionic::-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-ionic::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-ionic::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ionic::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ionic{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-ionic>div.sc-ion-searchbar-ionic{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-ionic{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-ionic:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{display:block}.searchbar-disabled.sc-ion-searchbar-ionic-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ionic-h{--background:var(--ion-background-color, #fff);--border-radius:2px;--box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--cancel-button-color:var(--ion-color-step-900, var(--ion-text-color-step-100, #1a1a1a));--clear-button-color:initial;--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;background:inherit}.searchbar-search-icon.sc-ion-searchbar-ionic{top:11px;width:1.3125rem;height:1.3125rem}.searchbar-search-icon.sc-ion-searchbar-ionic{inset-inline-start:16px}.searchbar-cancel-button.sc-ion-searchbar-ionic{top:0;background-color:transparent;font-size:1.5em}.searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:9px}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{position:absolute}.searchbar-search-icon.ion-activated.sc-ion-searchbar-ionic,.searchbar-cancel-button.ion-activated.sc-ion-searchbar-ionic{background-color:transparent}.searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:3.4375rem;padding-inline-start:3.4375rem;-webkit-padding-end:3.4375rem;padding-inline-end:3.4375rem;padding-top:0.375rem;padding-bottom:0.375rem;background-position:left 8px center;height:auto;font-size:1rem;font-weight:400;line-height:30px}[dir=rtl].sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,[dir=rtl] .sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{background-position:right 8px center}[dir=rtl].sc-ion-searchbar-ionic .searchbar-input.sc-ion-searchbar-ionic{background-position:right 8px center}@supports selector(:dir(rtl)){.searchbar-input.sc-ion-searchbar-ionic:dir(rtl){background-position:right 8px center}}.searchbar-clear-button.sc-ion-searchbar-ionic{top:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:absolute;height:100%;border:0;background-color:transparent}.searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:13px}.searchbar-clear-button.ion-activated.sc-ion-searchbar-ionic{background-color:transparent}.searchbar-clear-icon.sc-ion-searchbar-ionic{width:1.375rem;height:100%}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic{display:block}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{display:block}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic{display:none}ion-toolbar.sc-ion-searchbar-ionic-h,ion-toolbar .sc-ion-searchbar-ionic-h{-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px;padding-top:3px;padding-bottom:3px}";
 const IonSearchbarIonicStyle0 = ionicSearchbarMdCss;
@@ -135,7 +135,7 @@ const Searchbar = class {
         this.noAnimate = true;
         this.color = undefined;
         this.animated = false;
-        this.autocapitalize = undefined;
+        this.autocapitalize = 'off';
         this.autocomplete = 'off';
         this.autocorrect = 'off';
         this.cancelButtonIcon = ionicGlobal.config.get('backButtonIcon', index$1.arrowBackSharp);
@@ -396,8 +396,8 @@ const Searchbar = class {
         const clearIcon = this.clearIcon || (theme$1 === 'ios' ? index$1.closeCircle : index$1.closeSharp);
         const searchIcon = this.searchIcon || (theme$1 === 'ios' ? index$1.searchOutline : index$1.searchSharp);
         const shouldShowCancelButton = this.shouldShowCancelButton();
-        const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: '0110d5f6f4cfb813a4cdf7e7954c8b7ada021f15', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme$1 === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, index.h("div", { key: 'e5f260684cfa75a43063e6d0071d4c220ea49563', "aria-hidden": "true" }, theme$1 === 'md' ? (index.h("ion-icon", { "aria-hidden": "true", icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
-        return (index.h(index.Host, { key: '3460520d8b2dd69dab7231b88bcb571b50992f89', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: 'e1b9ddf497da5ab482c5f7b2b6f607eb41a51367', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme$1 === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, index.h("div", { key: 'efc1ab4e5f90951cbaa11be3b06f328b0bf3e538', "aria-hidden": "true" }, theme$1 === 'md' ? (index.h("ion-icon", { "aria-hidden": "true", icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
+        return (index.h(index.Host, { key: '6bd18ef4a5e9334eb4f3eeed1ca576c534e1739b', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -407,14 +407,14 @@ const Searchbar = class {
                 'searchbar-has-focus': this.focused,
                 'searchbar-should-show-clear': this.shouldShowClearButton(),
                 'searchbar-should-show-cancel': this.shouldShowCancelButton(),
-            }) }, index.h("div", { key: 'cd68bfe8d27cc16477c238e34ca138b999296f5f', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: '0c4618569243a63164e680712804381cffd5a858', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), theme$1 === 'md' && cancelButton, index.h("ion-icon", { key: '360bbd3432866db7f9c5b5f0fb653935b81f0ab2', "aria-hidden": "true", icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), index.h("button", { key: '70d10d5f4c5839326ec3d6c7468a21943148cdef', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, index.h("div", { key: '9206c0f8367f4bdfb165d025e9212b3988d5d777', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: '45d0683d338cf7eba0c46de7287d19e7ced2983b', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), theme$1 === 'md' && cancelButton, index.h("ion-icon", { key: '51c09903d721758c95842c96b527e077663b83e9', "aria-hidden": "true", icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), index.h("button", { key: '246fba097c51614f658618ef03e83b0b50f4b233', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: () => this.onClearInput(true) }, index.h("ion-icon", { key: 'e541e14885d13f2844e392a4109a86062b62b2d0', "aria-hidden": "true", icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme$1 === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, index.h("ion-icon", { key: 'c0102ec701f0adbbdecb31bd78d5115607261061', "aria-hidden": "true", icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme$1 === 'ios' && cancelButton));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const index = require('./index-2d21d526.js');
 const helpers = require('./helpers-afaa9001.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-94d8021d.js');
+const ionicGlobal = require('./ionic-global-ceb32795.js');
 
 const ionicSegmentMdCss = ":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.segment-scrollable){-ms-flex-pack:start;justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(-webkit-min-content, 1fr);grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent;grid-auto-columns:minmax(auto, 360px)}:host(.in-toolbar){min-height:var(--min-height)}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}";
 const IonSegmentIonicStyle0 = ionicSegmentMdCss;
@@ -433,14 +433,14 @@ const Segment = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '93e49c7f9d0dc078c7a6bad31e2d33fe91fb1728', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'edb5182f68a0ad4cefab539afdf1a0d64447053a', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'segment-activated': this.activated,
                 'segment-disabled': this.disabled,
                 'segment-scrollable': this.scrollable,
-            }) }, index.h("slot", { key: '75481d77210868270ca5eaa0e13b705db5905925' })));
+            }) }, index.h("slot", { key: '0b2288bddcffde891302c71a41d611d1fb98340e' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -532,7 +532,7 @@ const SegmentButton = class {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (index.h(index.Host, { key: '85777c6a1659339f9a0fa98ebe3e7cfbabf1653f', class: {
+        return (index.h(index.Host, { key: '13a371d8e2a0ebac3c62b7a1920e3a4bf3a77c62', class: {
                 [theme$1]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
@@ -548,10 +548,10 @@ const SegmentButton = class {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, index.h("button", Object.assign({ key: '98bb77139779f40911c1892f48dc2d5e5e5e6514', "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: 'dfe04b5169d6237dad431e6f14391bfcea3717bb', class: "button-inner" }, index.h("slot", { key: '531b69c1a6617708760da7f02be0fba4a377bcf8' })), theme$1 === 'md' && index.h("ion-ripple-effect", null)), index.h("div", { key: '27e2db764e8a1820d20f29e521dc93df5a63fc0d', part: "indicator", class: {
+            } }, index.h("button", Object.assign({ key: '485a65f3363535c16a19f2733145437aa43b0df0', "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: '56d41f6cd90cf57d45da46616fc84239935bf6e6', class: "button-inner" }, index.h("slot", { key: '9bac1100713695ec067524c98c957821bbd8e3b5' })), theme$1 === 'md' && index.h("ion-ripple-effect", null)), index.h("div", { key: 'b77df00c0ac881c7c65061e721cc0f45f5060851', part: "indicator", class: {
                 'segment-button-indicator': true,
                 'segment-button-indicator-animated': true,
-            } }, index.h("div", { key: '71edeedd4fe69afc2a70a8b8c64b9ea0f995fdb8', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, index.h("div", { key: '29408e74ccaf30994f4f7f0b5e03787a99972ef6', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {