@ionic/core 8.3.3-dev.11728951331.1a42ad86 → 8.3.3-dev.11729007456.16ced157

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

@@ -599,14 +599,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: '30c0c9bfb8973e4a6feb658f8c4ee8e362f464ed', onKeyDown: hardwareBackButton.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (index.h(index.Host, { key: '66f2e13acf2f0248b78c003ac9078b04b59c3244', onKeyDown: hardwareBackButton.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: 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: '34b0e5840906862cf1bc27207e089004b0402c56', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '2cd7e61a8c0987ca4b3f1f8b33cba7152f1275fe' })), index.h("ion-backdrop", { key: 'd190b1f9b66c76e276f27bfe074d3aab796180fb', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, index.h("div", { key: 'e466835a426ab01e06527618f5a4e0c737e24117', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: 'bbf6c6aa17dfda54724d35a4ae83c8cd4380b08e' })), index.h("ion-backdrop", { key: '567a15e5b144f91efbbb343f3576099731ad0836', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -679,7 +679,7 @@ const MenuButton = class {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (index.h(index.Host, { key: '95a8b9f09c7fae9713a8dc003ed277f6f31403da', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'a16147368b4f5282a7a8c49c8b4d0efefc9e96c3', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
                 [mode]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -688,7 +688,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: '39f3ce20c400d2fac4890a042e8e44426709fca5' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '310978dc1cdef668de6720cde2a2304253679176', class: "button-inner" }, index.h("slot", { key: '2a2b9de524c1fc3c526fe9559cb077b976852725' }, index.h("ion-icon", { key: '9c22d7ea9fc3d76c32ec1c1b4b13d982c60b8c2d', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && index.h("ion-ripple-effect", { key: 'c58c9e29c763070383472f65a9d322a684bcb564', type: "unbounded" }))));
+            }) }, index.h("button", Object.assign({ key: 'f2d862ab4fbb5a3df38c3d5aa267c33f7b80664b' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '5327bed80bdcdf7752e016bd1e76733a8a546ce4', class: "button-inner" }, index.h("slot", { key: '741de13cfcbe13ee27845629c25bd4c38942c048' }, index.h("ion-icon", { key: 'c940aa2ffcf85435eca2d0ebec26b8b8cb3fce5d', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && index.h("ion-ripple-effect", { key: 'e3d5193d3a2be0957559bdc6b2e01c34b416c1af', type: "unbounded" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -719,10 +719,10 @@ const MenuToggle = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const hidden = this.autoHide && !this.visible;
-        return (index.h(index.Host, { key: '90e621f09792383f1badcc1b402b1ac7d08c5f98', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (index.h(index.Host, { key: '3b28da3b0e9dfb658550090dac677a8e2f1b6353', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [mode]: true,
                 'menu-toggle-hidden': hidden,
-            } }, index.h("slot", { key: 'c0abdd1d91e9d80ee3704e3e374ebe1f29078460' })));
+            } }, index.h("slot", { key: 'c8b48137a8d5d010804a14ba158a764f08e4a21d' })));
     }
 };
 MenuToggle.style = IonMenuToggleStyle0;

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

@@ -1660,18 +1660,18 @@ const Modal = class {
         const mode = ionicGlobal.getIonMode(this);
         const isCardModal = presentingElement !== undefined && mode === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
-        return (index$3.h(index$3.Host, Object.assign({ key: '013ba4864ca4d2c1052c512f6a4b0732b8decff7', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index$3.h(index$3.Host, Object.assign({ key: '392da9274da3d5968e0430b11b6a420f11102cab', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, 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: '498b1c0a03836d6799dcf3b8e9315805c70f6480', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && index$3.h("div", { key: 'ce22e4caf1096e87248926fe2477f0d5a4c8a5cf', class: "modal-shadow" }), index$3.h("div", Object.assign({ key: '540e47b15d8290166c39b022c725182114a75682',
+            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, 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: 'f5b60e561a1fbd1b097775809302c97779999797', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && index$3.h("div", { key: 'ee0038100f4f32f7736612dfb74605203028cd8d', class: "modal-shadow" }), index$3.h("div", Object.assign({ key: '9e307d92206d9e72aa0321a61307c5edfe94038f',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
               shadow DOM otherwise ion-button will not be highlighted
               when using VoiceOver: https://bugs.webkit.org/show_bug.cgi?id=247134
             */
-            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$3.h("button", { key: 'f3b352ec9a63a7ec801462aacfd8295b4302d115', class: "modal-handle",
+            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$3.h("button", { key: '9e18317a51323656750d8ff732a7d4f030954cff', 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: '31a3f58f4c733ffdf736523c154200874a96b1d0' }))));
+            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: 'aaa1c186eafc76922f7b4a178db6b72ec248b553' }))));
     }
     get el() { return index$3.getElement(this); }
     static get watchers() { return {

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

@@ -903,7 +903,7 @@ const Nav = class {
         }
     }
     render() {
-        return index.h("slot", { key: 'e9d99a8a0b84f02f9964d8143cd5e647e43334f9' });
+        return index.h("slot", { key: 'a7d562f108f2e797b683ae7f693003f89cb90899' });
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -945,7 +945,7 @@ const NavLink = class {
         this.routerAnimation = undefined;
     }
     render() {
-        return index.h(index.Host, { key: '42c23dcdec5fdb25defebaf6e8a9fa75754ff8eb', onClick: this.onClick });
+        return index.h(index.Host, { key: '48305183ab3874ab3707b7422c593e655778d005', onClick: this.onClick });
     }
     get el() { return index.getElement(this); }
 };

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

@@ -88,10 +88,10 @@ const PickerColumnOption = class {
     render() {
         const { color, disabled, ariaLabel } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'cc4435a0ce0e55be1321bcabaf342ed68cf5ba1e', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '89484debb60aeae61552710948abd9a7edac43a4', class: theme.createColorClasses(color, {
                 [mode]: true,
                 ['option-disabled']: disabled,
-            }) }, index.h("button", { key: '0187fb967771e0787807a8538dce4e59f6a98565', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, index.h("slot", { key: 'dbe52552f3f27332816748c12d929cc81060841d' }))));
+            }) }, index.h("button", { key: '4ee3683735e65328ac32760d5f8cb0ac0808c94c', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, index.h("slot", { key: '2636190f11848180f69625ec61e1f70853474e87' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -536,12 +536,12 @@ const PickerColumn = class {
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'd60736ce74c0e8c774a163272b78fbad32993ec2', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'af52b1a2690a4c693ebea6d607eb6064405b8071', class: theme.createColorClasses(color, {
                 [mode]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, this.renderAssistiveFocusable(), index.h("slot", { key: '74611112ef154b343ae29a773f8cd8a01cc1447d', name: "prefix" }), index.h("div", { key: 'af772d2b61b7eb41a567593d290b80a50b7caa72', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
+            }) }, this.renderAssistiveFocusable(), index.h("slot", { key: '7a542831d5e94548b946f1d473756a2bad24ec97', name: "prefix" }), index.h("div", { key: 'a71b9ff28e7a56a6c95f66e1db11f295406a7500', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
                 this.scrollEl = el;
             },
             /**
@@ -562,7 +562,7 @@ const PickerColumn = class {
              * To prevent this, we set the tabIndex to -1. This
              * will match the behavior of the other browsers.
              */
-            tabIndex: -1 }, index.h("div", { key: '4b646ee97bcf8ed541b9798c91dff189eec41dd1', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'a44d1a10d20a13aeb47f9871b09e291aa7f216bd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '6a481715bd68fa68dc2a76c2e867ce771ea680b0', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '23236e731b1ad432c104761ebeec91697a6b7643' }), index.h("div", { key: '58a6c1f35a3ff0b26acaceebfd477d74b6dcfd6d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'ea864872dec6dc363406d1bd9101b1bf21944db6', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '28cc4c570d0dd59f491eef2b15a5ed706d28b7bb', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: 'cff1cc0bea732a5ce22bb451c5ea404a84af1993', name: "suffix" })));
+            tabIndex: -1 }, index.h("div", { key: 'aef66f5784d51f39e814ea3c18796f613bad94f9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '3bc43bfecddbc2625fc0a954c26266af28e388f0', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'f8bcacbcb6c2969eb71b5812e4e8dc4262626fd9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: 'afea4b821a7361785ff88dd91a1e9d68c0c2b6cc' }), index.h("div", { key: '1c14f2ef29d18206b6d2bb20f51198232786d9e2', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '13113da507e70b23610170a1472379297fb8e268', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '6cab3e357dee32272522a6ded7f73be6eb68da2b', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '4634034b6260b31e1ca2aa66d4ef006e838a7561', name: "suffix" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -484,7 +484,7 @@ const Picker = class {
         this.emitInputModeChange();
     }
     render() {
-        return (index.h(index.Host, { key: '02b0687b1f80ba295a965dfba76dd59e2d1de5d3', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: 'f83ed84bcf9e02539c00d8a4e63e6a0d7fc4ac71', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        return (index.h(index.Host, { key: 'ea494f223cc339e37881915ab8206ee56893ef81', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: '43fb7ac4fd4f9a19dc0580110baac24255f8b1b7', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -499,7 +499,7 @@ const Picker = class {
                 if (ev.key === 'Enter') {
                     (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
                 }
-            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: '45b07fb0617d8e006712776bf78302288edb3ff4', class: "picker-before" }), index.h("div", { key: '73009229368e0d62b09c913aacade26f068a7aa9', class: "picker-after" }), index.h("div", { key: 'b73da00e446cd1cfd511c39212e14a00d355752e', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: 'd969f5efc5ddb9eda6c4828702efd1ceeb69f767' })));
+            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: '8a0b088ac11a817ccf2aaa9ad95688b5ef6ca9a7', class: "picker-before" }), index.h("div", { key: '16484422aa562a15098fa2dda2a7705aab7e4986', class: "picker-after" }), index.h("div", { key: '7ef61e6f41436d751be39bcc4975ab3383ef2093', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: '3b09f7a21112209970d275a79394f350e7d97252' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1298,9 +1298,9 @@ 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, Object.assign({ key: '3a7c4c39384bab1447c4bd6b9b06d7837a09353b', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: 'bcb60869edbfd785675ef45e008fb47e509f2b86', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`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: '38a1c4ad29238d1e81cab407f099121fa4947cce', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: 'f825494c5e3be89d7fcf0229e29b405bccb13edb', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: '3acae5a0106389c776c8ffe5bf10f3ff006e0346', class: "popover-arrow", part: "arrow" }), index.h("div", { key: '2aa73e9f06b1d2ac4c0d36c23186b9164f395079', class: "popover-content", part: "content" }, index.h("slot", { key: '62f5713414aae47dde6a8aef1f9b69af287534ae' })))));
+            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`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: '16445f40f94c39110091253a01ecb4a6d3c56516', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: 'dfc7fae35406d3176283494a22413a61547a4278', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: '4ffe05cbb5223e60e877463ac5b6c28a1c93922c', class: "popover-arrow", part: "arrow" }), index.h("div", { key: 'd6b2386437a12ed54d6bd10dad70e5051fbe9942', class: "popover-content", part: "content" }, index.h("slot", { key: 'd0bf8256109166898d15caa6520199827e7fca6e' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -31,7 +31,7 @@ const ProgressBar = class {
         const mode = ionicGlobal.getIonMode(this);
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (index.h(index.Host, { key: 'b293f4475bcdaa7851b41ebfda659037f0365120', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '54a95689d925e0af26b806805e7880fadbe7ef79', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
                 [mode]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,

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

@@ -123,7 +123,7 @@ const Radio = class {
         const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
         const mode = ionicGlobal.getIonMode(this);
         const inItem = theme.hostContext('ion-item', el);
-        return (index.h(index.Host, { key: 'd6d9525eea9dadc3ea7060eb9b8cbb919e1d7091', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '1bf1ab8e07d7b5fda309c38bf7f332a1e9a04fb0', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
                 [mode]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -134,10 +134,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: '3ec73512bac8feb651c66e544899c6a4330d504c', class: "radio-wrapper" }, index.h("div", { key: '9ae7ecb19c7bafe0ce3d0f717af0338251964ebf', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: '789b2677f506aad6e7624cd0f574a74211418918', class: "radio-wrapper" }, index.h("div", { key: '3e4205cc9f96e93308ea0b6171fb4050219fdaf7', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, index.h("slot", { key: '2950f1579a22d4a06f9c903fd462c2b46f43bfd7' })), index.h("div", { key: '8b19ce30b39066744108a6de2da42a7ce8ffdbec', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, index.h("slot", { key: '818b03f2a0af36bc318074975af70e47502e1096' })), index.h("div", { key: '16e12272c89bcb1488b4a6f8bf6637f8a3f2b468', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -302,7 +302,7 @@ const RadioGroup = class {
         const { label, labelId, el, name, value } = this;
         const mode = ionicGlobal.getIonMode(this);
         helpers.renderHiddenInput(true, el, name, value, false);
-        return index.h(index.Host, { key: '7a8ad7eb6a05c6f96a348dcf30fd0c610a95688c', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
+        return index.h(index.Host, { key: '553c89f51a37e7b13f072c0f78e9233aa5f4fe60', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -607,7 +607,7 @@ const Range = class {
         const needsEndAdjustment = inItem && !hasEndContent;
         const mode = ionicGlobal.getIonMode(this);
         helpers.renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (index.h(index.Host, { key: '877c9f15e62fadb184f9da82dc19898227521e07', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'c6f38d4d93b60718a5043bbd382a8990d940576d', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -616,10 +616,10 @@ const Range = class {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, index.h("label", { key: '2ae9088349a65e09b0e33c53442190ef563b2345', class: "range-wrapper", id: "range-label" }, index.h("div", { key: 'c3d0ca96ceb1e57fbd383e9c7e4da14d931771b8', class: {
+            }) }, index.h("label", { key: '237861c3cce01b5962f0142226b15906c661074a', class: "range-wrapper", id: "range-label" }, index.h("div", { key: '3bde0ace5b696cd500ccd1f8c97944abd55a38fc', 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: '25d20fd5e015931f60a8ecc5374a1c84d167af9c', class: "native-wrapper" }, index.h("slot", { key: 'ae9f9fd92eed35b81ca97a81caa56332d8b6b2b2', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: '74b7dede566a959c9b05a6de68426c7e339d18c8', name: "end" })))));
+            }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '08fdc62e067af217257f7344ea97601843d18252', class: "native-wrapper" }, index.h("slot", { key: '01f141d851bd85824995bc1cbbec8bce203713c9', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: 'dd41a087b384b63d97c71310561e86bbd2e4d2b9', name: "end" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -827,7 +827,7 @@ const Refresher = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '3270f181a5141e7d886ec554a3e892974446b90e', slot: "fixed", class: {
+        return (index.h(index.Host, { key: '15074f60a830f7340f9a3525992dfda0c20d5ef6', slot: "fixed", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`refresher-${mode}`]: true,
@@ -894,7 +894,7 @@ const RefresherContent = class {
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && spinnerConfigs.SPINNERS[pullingIcon] !== undefined;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '1bec5b4da221c69d856f3f5ddf40f2e03ebf2a4c', class: mode }, index.h("div", { key: '4fcc526c4f1881e9368d9cd16bd7030919bd3841', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: 'a4e9e2e12c2d7faefc8303ec8c021f999ddf308e', class: "refresher-pulling-icon" }, index.h("div", { key: '5a2d215feb7fb4b64d540d3a65c0f24b415a2433', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: 'abef2621d671ac6ff0abac43a702cbd825b7f127', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (index.h("div", { key: '30087d672c3780672a05874cd93cd099b2855462', class: "arrow-container" }, index.h("ion-icon", { key: '5e30333dee469aec0d8efc8c4e6dabb619c6f363', icon: index$2.caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '48fe72b5ce8ded633c6ee799cebb520b9c8be528', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: 'd8dfd5d42056b1c0a436c5006affb255407816c0', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: 'c2cbfb94f157c82601ffe7bb815ff82ebc7c0a49', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: '17f3ebe6a31768d5e389f45a2c12f68600185db9', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: 'e8e61f8d7189c9939bba184201c9509d1d5b0fad', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+        return (index.h(index.Host, { key: 'f665397cf9f5e20af31eb4a1c8828a1f03433c40', class: mode }, index.h("div", { key: 'fbf4c28413b25731ee435eec6cc4ec8e49881d31', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: 'be479f6e1a5871a5e9c0b0753d120d5ce4d7a8c3', class: "refresher-pulling-icon" }, index.h("div", { key: '1aa4e14dbbb9483ced2d72cf1e02476397b5e571', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: 'e5f7c15d48763be85dcb2e1bc653634a5ed8da66', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (index.h("div", { key: '6d1e96c0ab1633705c91bf773b86f45ae47b8677', class: "arrow-container" }, index.h("ion-icon", { key: 'e9814a3b888bb199b3e5797a067bd32611f61a2b', icon: index$2.caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '8fac2caf8bf9a58762cc162cc798d04791f2f9c1', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: 'a56714723eb5cd3802304bbf973082f81278c435', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: 'e82b16ab534d8127f44c73b11f26301bb7bc1120', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: '4097a7d0bd1a5e2b01314f31fd770d371e2ca975', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '2467533c9db5b5ad258197fa12dd7caf4147cd6d', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -37,7 +37,7 @@ const Reorder = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const reorderIcon = mode === 'ios' ? index$1.reorderThreeOutline : index$1.reorderTwoSharp;
-        return (index.h(index.Host, { key: '663d74e231e3af56b6298ee2539fdac9c8465839', class: mode }, index.h("slot", { key: 'c7c384ab8c9ca8abdc89cd984a39dfde70e342ca' }, index.h("ion-icon", { key: 'c8b6052db03d4b9e33a90e600c20861c73ee73ce', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+        return (index.h(index.Host, { key: '933f9fa38d0e7ed7222e0aa7a461e6b4f5518dca', class: mode }, index.h("slot", { key: '906d9983766fee9917d8045651cbab72e848bc92' }, index.h("ion-icon", { key: '970df1085d5e93940c1af77f47bd0f00e7125e75', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -283,7 +283,7 @@ const ReorderGroup = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '491f3e5843cf728ff4589e58bd86b8ce6709b293', class: {
+        return (index.h(index.Host, { key: '73f7c716508f54415f637e75a5d3085722e8d8ac', class: {
                 [mode]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,

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

@@ -68,7 +68,7 @@ const RippleEffect = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '2302f087ab1c6755355736e4ca77309c5fdcf185', role: "presentation", class: {
+        return (index.h(index.Host, { key: 'b0eee56e6a6edea9377267536dd9345fae2360a5', role: "presentation", class: {
                 [mode]: true,
                 unbounded: this.unbounded,
             } }));

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

@@ -882,10 +882,10 @@ const RouterLink = class {
             rel: this.rel,
             target: this.target,
         };
-        return (index.h(index.Host, { key: 'f876442cab5b14b7e83c6d6ad2c2d878a9c57439', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'a79c5da802fa8b0fd33eab8bd28d456f2b2fb566', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'ion-activatable': true,
-            }) }, index.h("a", Object.assign({ key: 'c44b78ec1fd10a40c23bfe548860ac2b346646a8' }, attrs), index.h("slot", { key: 'd32180a567613f79f89885135bd0d776ffc1eb8e' }))));
+            }) }, index.h("a", Object.assign({ key: '975b89a02aec534b91e24616d71fbbea37714571' }, attrs), index.h("slot", { key: 'a198f804cc749cb042806189734b485dcc99cf1f' }))));
     }
 };
 RouterLink.style = IonRouterLinkStyle0;

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

@@ -393,8 +393,8 @@ const Searchbar = class {
         const clearIcon = this.clearIcon || (mode === 'ios' ? index$1.closeCircle : index$1.closeSharp);
         const searchIcon = this.searchIcon || (mode === 'ios' ? index$1.searchOutline : index$1.searchSharp);
         const shouldShowCancelButton = this.shouldShowCancelButton();
-        const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: '20b2d0f2e3425eede725dbe3323c7c29cdb66f4e', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, index.h("div", { key: '3a516c3fdd35256eb79639fd340afcdd92cfd7aa', "aria-hidden": "true" }, mode === 'md' ? (index.h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
-        return (index.h(index.Host, { key: '34878db21f63a9bdffca0446d8ad5619ff04cac3', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: 'bf6a5ab978a0744905d0b844cbbd24e0900d034d', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, index.h("div", { key: '27191efe3a68b7fb95d3fe255976e51bd23a3f1d', "aria-hidden": "true" }, mode === 'md' ? (index.h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
+        return (index.h(index.Host, { key: 'a78bcd0b065c8541fa7823c152947547722f710b', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -404,14 +404,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: 'faa7b011206a8359b1963368c65988e506b260cb', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: '732d3e5a2b258da6f136a14472ac872816a9853b', "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: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), mode === 'md' && cancelButton, index.h("ion-icon", { key: '767dca971849f221dde220deae728b41bf764b98', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), index.h("button", { key: '9941b5de1ed9ebcf3e81de8e0731c09dea5a89d9', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, index.h("div", { key: '078379182377093c24f9478f6d5fd3fbd069f041', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: '1ebb449aa0e6c418f3a6a3cd30e4526b081a977b', "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: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), mode === 'md' && cancelButton, index.h("ion-icon", { key: 'f8a4c480aa139518b34498a765abe30db39e5105', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), index.h("button", { key: '33d2ed31e30ea927a247aac38ff019b18f046b0f', "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: 'cb2b543d286373a84e2c6c2a959f92b045bbd7dd', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, index.h("ion-icon", { key: 'ad4ee1d23c6b53e90aa10e2050c1e4361167413f', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -444,14 +444,14 @@ const Segment = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'f1f7103b4c298e037df850ac809a1a7c6e9987a7', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '09a493ee1d13e4ac49e93b029ef0b017db113d9d', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [mode]: 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: '6efdb318b13da8d21687084aa0761728fdf12579', onSlotchange: this.onSlottedItemsChange })));
+            }) }, index.h("slot", { key: 'f3984c69f44f5dec65668ee450787f3b78c30f43', onSlotchange: this.onSlottedItemsChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -539,7 +539,7 @@ const SegmentButton = class {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const mode = ionicGlobal.getIonMode(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (index.h(index.Host, { key: '70cf5c7a3ae2620222c5250c644faf3cfc3b3e4e', class: {
+        return (index.h(index.Host, { key: '61df40030388f8c9780bbb06b8242a41ea328813', class: {
                 [mode]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
@@ -555,10 +555,10 @@ const SegmentButton = class {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, index.h("button", Object.assign({ key: 'a53c9f1e360934e8d2e90476642ba4507fc38ebd', "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: '7d8feda840d389941cc693f500b5eba0b39b41da', class: "button-inner" }, index.h("slot", { key: 'd9ae1eec45db253cbf573d29cd545658dd595d87' })), mode === 'md' && index.h("ion-ripple-effect", { key: '49e6a16968709dc9b3fc77bc9fb99acb42fda88c' })), index.h("div", { key: '4e3ea0989ed5205dbb03586e4facb439b05a92de', part: "indicator", class: {
+            } }, index.h("button", Object.assign({ key: 'b8101f21b2b91812c93fa16dca8061b25d589e0d', "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: 'ab1da974b4496916bcd8aec30191d30195e3521a', class: "button-inner" }, index.h("slot", { key: 'dbbacd855740405ac018c92af645da4f3bac8740' })), mode === 'md' && index.h("ion-ripple-effect", { key: 'c02aba98ae37a03721aa704b2534198706f5bf17' })), index.h("div", { key: '826f9bb7e561c83aee0d83305351e6e95f6ed9a9', part: "indicator", class: {
                 'segment-button-indicator': true,
                 'segment-button-indicator-animated': true,
-            } }, index.h("div", { key: '65c72a151080998c1e548c87d4d4ebd5c7dda72f', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, index.h("div", { key: 'c57b0ad417b1f0150d3e3c90f49c6619819237f8', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -599,7 +599,7 @@ const Select = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (index.h(index.Host, { key: '73c571c1f8468e1c3f4fe02fbbb33ba9cbc8e989', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '4944d9a179ff9bf9c1cafd97111be3ab5fcad5f5', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'in-item': inItem,
                 'in-item-color': theme.hostContext('ion-item.ion-color', el),
@@ -615,7 +615,7 @@ const Select = class {
                 [`select-justify-${justify}`]: justifyEnabled,
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
-            }) }, index.h("label", { key: '2b08538cba0b9f747541d57ac18fb6a1ea658878', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), index.h("div", { key: '33f54373bcb02c72a9d0af2efffebc27ee2c69fe', class: "select-wrapper-inner" }, index.h("slot", { key: 'd1c93aec99dc1cd6410f93309cef615fe04b541b', name: "start" }), index.h("div", { key: '493d1a3cad9565516f855bef75685b020785ffd3', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: '353a3ee5635f8a8f3be411efd6caef6c2ad74a89', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: 'fd5f85555db02affe954f9f4f2876ac8fe676234', class: "select-highlight" }))));
+            }) }, index.h("label", { key: 'fb46a9a64d453fb2a4633c0cb0ffbe4e1a96f6fc', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), index.h("div", { key: 'e1daec1284b45633d1d9357afe2d43867f405867', class: "select-wrapper-inner" }, index.h("slot", { key: '14ea11c993d8277d81f0e514dc049af5b12d9471', name: "start" }), index.h("div", { key: '40ea56ec358c10b84a2978ba43c6498a6a52853c', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: '5ec8b23ced33853f045fe5de20bc4a15d5b31404', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: 'fc903843063a2fb464dee5002fab9397cfc5f8f1', class: "select-highlight" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -676,7 +676,7 @@ const SelectOption = class {
         this.value = undefined;
     }
     render() {
-        return index.h(index.Host, { key: 'ba5a9c695c53fe0802af11a49f4305a9b8f71773', role: "option", id: this.inputId, class: ionicGlobal.getIonMode(this) });
+        return index.h(index.Host, { key: '153935936f9a981f379a1aa99a055c551909b1fc', role: "option", id: this.inputId, class: ionicGlobal.getIonMode(this) });
     }
     get el() { return index.getElement(this); }
 };
@@ -784,7 +784,7 @@ const SelectPopover = class {
     render() {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
-        return (index.h(index.Host, { key: '302553a2eec4d1442751b8af28b7c9bd3487fd5d', class: ionicGlobal.getIonMode(this) }, index.h("ion-list", { key: '39ae8579e6fe3bae2c7504147268ad5c82fd27e6' }, header !== undefined && index.h("ion-list-header", { key: 'e0e6686380d188f46c593e1bb25287dcf08c75c2' }, header), hasSubHeaderOrMessage && (index.h("ion-item", { key: '8a2d8652db269593c0ba7d767277e12c2b06144d' }, index.h("ion-label", { key: 'a30cc0ecf95d5bdd6421ee1683922c1b853e98ea', class: "ion-text-wrap" }, subHeader !== undefined && index.h("h3", { key: 'c298459ca450123808a08d65660825b2c26d00e5' }, subHeader), message !== undefined && index.h("p", { key: 'ed895fbaec020e809021138401341b6fd7675035' }, message)))), this.renderOptions(options))));
+        return (index.h(index.Host, { key: '6018658d32978124074984f13ce2e58be0e3e576', class: ionicGlobal.getIonMode(this) }, index.h("ion-list", { key: 'e1bf0601e9ea4b17cfe11ff6834baee52a75ad72' }, header !== undefined && index.h("ion-list-header", { key: '277a8426c43a698c330715a32858669666cd43bd' }, header), hasSubHeaderOrMessage && (index.h("ion-item", { key: '9ef017fcf57ab00f456cfca4e096174e89a08749' }, index.h("ion-label", { key: 'e3840cabfc7ba50cb3e224d5b54015092d86f092', class: "ion-text-wrap" }, subHeader !== undefined && index.h("h3", { key: 'acfc22382f238da790e78a1404a6ac061ff866ad' }, subHeader), message !== undefined && index.h("p", { key: '95b675cd72607372f63ba729eaa26161f69de5dd' }, message)))), this.renderOptions(options))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -47,7 +47,7 @@ const Spinner = class {
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (index.h(index.Host, { key: '50cbaed55eeab15292447d106a80b93db4cb40de', class: theme.createColorClasses(self.color, {
+        return (index.h(index.Host, { key: 'ca7ed6a7ab4ee000db78b248e4db28f024a3e732', class: theme.createColorClasses(self.color, {
                 [mode]: true,
                 [`spinner-${spinnerName}`]: true,
                 'spinner-paused': self.paused || ionicGlobal.config.getBoolean('_testing'),

package/dist/cjs/ion-split-pane.cjs.entry.js

@@ -125,12 +125,12 @@ const SplitPane = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'd54c356cd4bff7e55325160882dea8249f47f388', class: {
+        return (index.h(index.Host, { key: 'f13d1621f50d9cf09657e09ab56a09999135dfbb', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`split-pane-${mode}`]: true,
                 'split-pane-visible': this.visible,
-            } }, index.h("slot", { key: 'af62690d0fd686cfbd29d888c79eda9001f13e2f' })));
+            } }, index.h("slot", { key: 'b986420fbb0b9aeb92b6c14c594148958bca66c4' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -66,11 +66,11 @@ const TabBar = class {
         const { color, translucent, keyboardVisible } = this;
         const mode = ionicGlobal.getIonMode(this);
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (index.h(index.Host, { key: '3a8595dd83f89e8319471a7a7f9f64b2565b384c', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '37fc1d9e065a2abc6f3f549f3be3dd90035665f1', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: theme.createColorClasses(color, {
                 [mode]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
-            }) }, index.h("slot", { key: '8b65eceb922f6abfa15f41046261586fb94b981f' })));
+            }) }, index.h("slot", { key: 'd62ae7247b77df6175364ed1e28986b631f3a9f4' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -150,7 +150,7 @@ const TabButton = class {
             rel,
             target,
         };
-        return (index.h(index.Host, { key: '4b528ce31f67e10ad849e0c99bd034bba675c227', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (index.h(index.Host, { key: '53d0a61eee136c29f9ffa3390c23fafebe89cf5d', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [mode]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -162,7 +162,7 @@ const TabButton = class {
                 'ion-activatable': true,
                 'ion-selectable': true,
                 'ion-focusable': true,
-            } }, index.h("a", Object.assign({ key: '0da8784b1b243ffaaaf04dd7adb55d6881ed0c08' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), index.h("span", { key: '2c628e8f1ebc129f84876c01530468cb97d8bf3a', class: "button-inner" }, index.h("slot", { key: '8052a171d197a7de1a7eb12b091c35f73ae1ee21' })), mode === 'md' && index.h("ion-ripple-effect", { key: '4186bdb5ed045ec16f495a14fa30ac864c576227', type: "unbounded" }))));
+            } }, index.h("a", Object.assign({ key: '688b0faf51380ea18ff9b77131c1a5f48c8de3d8' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), index.h("span", { key: 'c8597bc938d9e335b5a352478083ee2c073863b7', class: "button-inner" }, index.h("slot", { key: '8a098c255fcc1c96177150c613a39526df9308d5' })), mode === 'md' && index.h("ion-ripple-effect", { key: '0dc91b68002fca4577a182fa391aad585fc29f68', type: "unbounded" }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -50,10 +50,10 @@ const Tab = class {
     }
     render() {
         const { tab, active, component } = this;
-        return (index.h(index.Host, { key: '46d5498418f5379861c3d7465e8021dec45f1200', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (index.h(index.Host, { key: '50dd3d7e0877fa4d4394c8ffd9b97e874b07361a', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, index.h("slot", { key: 'b45045dccb87dfe75e3f5a5a474bb48b6c98e922' })));
+            } }, index.h("slot", { key: '3c11ae1d402e65019d9958dc2a379bd2e15b37a0' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -207,7 +207,7 @@ const Tabs = class {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (index.h(index.Host, { key: 'eb094c9bd15b7777c53bd0bd6d225784fa472849', onIonTabButtonClick: this.onTabClicked }, index.h("slot", { key: 'a516ca6915bf26e77eeeb0ff684c4fcc7d4420a7', name: "top" }), index.h("div", { key: 'dd2a32a072d77afe216abc4958c1d686405fb780', class: "tabs-inner" }, index.h("slot", { key: '222c20ba862068f5c78e7bbef4fa213499fb2fa5' })), index.h("slot", { key: '3e76dcb1b21873aa137d095c56131514054ead3a', name: "bottom" })));
+        return (index.h(index.Host, { key: 'f9844fac600af29c7b916a3cc444c659a4b78101', onIonTabButtonClick: this.onTabClicked }, index.h("slot", { key: 'ad0af6c9b8531b7f263506839d5738620d03279d', name: "top" }), index.h("div", { key: 'df6808235d626c88c7304fec12e1e9dbfce40417', class: "tabs-inner" }, index.h("slot", { key: '9723d085d8107adacf61f1ef1550304ed89f46a7' })), index.h("slot", { key: 'ada75b7ca121fdcecc6da21e2c81d486b5fe93b2', name: "bottom" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -19,9 +19,9 @@ const Text = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '4b76333b1ea5cab134b9dc1f5670c0d5a253fc32', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '2dfb2fb2732e675b116ffb00b85612b759bf0a8d', class: theme.createColorClasses(this.color, {
                 [mode]: true,
-            }) }, index.h("slot", { key: '3dee5f16bc58b3d92547d910bd4f441a00ce2039' })));
+            }) }, index.h("slot", { key: 'cdd8504c81bd1d3eac4dfb95e066ecee6b1158de' })));
     }
 };
 Text.style = IonTextStyle0;

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

@@ -369,7 +369,7 @@ const Textarea = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (index.h(index.Host, { key: '37595a18d77dea1a337ac1c672e5f08a4128111d', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '8c2ec8899cf29f34ce29b5f9a250f363922bb7a0', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -378,7 +378,7 @@ const Textarea = class {
                 [`textarea-shape-${shape}`]: shape !== undefined,
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
-            }) }, index.h("label", { key: '67342758743e5a40448a32ff695876d39778621f', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: 'a994be8264bf5652811cf816d79a04178954e83f', class: "textarea-wrapper-inner" }, index.h("div", { key: 'e09c93ebcd5b3d227d51e682ca23dfc7fd7027ad', class: "start-slot-wrapper" }, index.h("slot", { key: 'd39758f21f19ae70aea21e9a9a7b7c20991fe593', name: "start" })), index.h("div", { key: '6a4e10e53de4bb235ee30def4c9ae5bdee888816', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, index.h("textarea", Object.assign({ key: '9e254e551f124d972e9bc6b09ef0f2bb55890be5', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), index.h("div", { key: 'a66aa2d2bc4778a0bec56a8b9ec9052a832eb3b2', class: "end-slot-wrapper" }, index.h("slot", { key: '8e6a90b4475de32e23afc593da4108610dcca663', name: "end" }))), shouldRenderHighlight && index.h("div", { key: '6da03205a8daff45581b20f0af3938634a9d5f8c', class: "textarea-highlight" })), this.renderBottomContent()));
+            }) }, index.h("label", { key: '585df696cd803471d11e3ab889e1cf14623901fe', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '2867aa6c5cc9b5112b007d212690239bf82d1b31', class: "textarea-wrapper-inner" }, index.h("div", { key: '73e8de11eda0750481485df6573d9605d7055573', class: "start-slot-wrapper" }, index.h("slot", { key: '9519fda2283b01e9897c1003898caa4af65ae769', name: "start" })), index.h("div", { key: 'a16958a1e4cb6a2b12aea13a6902780bd3f6632d', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, index.h("textarea", Object.assign({ key: '8f51d651ae535bc5de5dbb80a765ef467014f159', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), index.h("div", { key: '5f7e30b8bba71faa93aedff3351861cc7fd13c22', class: "end-slot-wrapper" }, index.h("slot", { key: '763f49e617daab4269a85d8d8a76cc46ea1c68c8', name: "end" }))), shouldRenderHighlight && index.h("div", { key: '2e8528dd95126ac08aa5bd171ec186fab222f930', class: "textarea-highlight" })), this.renderBottomContent()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -832,9 +832,9 @@ const Toast = class {
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
             index$1.printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
         }
-        return (index$3.h(index$3.Host, Object.assign({ key: '68c336f80af04ba484ca9899bae8f40c0d9b7691', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (index$3.h(index$3.Host, Object.assign({ key: 'd42bc965eb7ec284eec1355f5f9b27c19e20617b', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: theme.createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), index$3.h("div", { key: '3483b188f14b700964a123997a60a43a2023a1b6', class: wrapperClass }, index$3.h("div", { key: '1b88544a9b87253b364cbec6285625388979b560', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (index$3.h("ion-icon", { key: 'bd1c42e3b14af66b880dfe283e3ae910075c0f70', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), index$3.h("div", { key: 'a5ef6cdabc1f7c70d11a5f2a0abf8737fe7550e8', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
+            }, class: theme.createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), index$3.h("div", { key: '68fd532b24a55559713ee85979f0d9608196e572', class: wrapperClass }, index$3.h("div", { key: 'ae726bae5975b90717341ffafe8f9c29964437c0', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (index$3.h("ion-icon", { key: '3fc0ba9f21c0f8ca42e303b625c3d004cbfc38fd', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), index$3.h("div", { key: '0c7c6e9ab4a8596bf6f22f10cfb6fc035a7a83fc', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
     }
     get el() { return index$3.getElement(this); }
     static get watchers() { return {