@ionic/core 8.3.3-dev.11729113140.194d2c73 → 8.3.3-dev.11729113832.1f2984ab

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

@@ -48,12 +48,12 @@ const ItemOption = class {
                 href: this.href,
                 target: this.target,
             };
-        return (index.h(index.Host, { key: '7ba5396aacf0c098b5420a5649493d903e18c677', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '1900e015f593fefd710478a2088e052399c957eb', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, index.h(TagType, Object.assign({ key: '09c2cd9bc1efa67cffa2214c171cde23de75b6fd' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: 'e8f5156dff89c916bc4128d1ca821d5e01f148ae', class: "button-inner" }, index.h("slot", { key: 'c1e9c512ef98cfcd27f0e2620f9a428c831bb345', name: "top" }), index.h("div", { key: 'ead689e77de31afc90279637acdf88db5447c309', class: "horizontal-wrapper" }, index.h("slot", { key: '9ac5837e5747e624b9379c4313073ea1005e4087', name: "start" }), index.h("slot", { key: '23d4c340fed60cd7d2a6a293053da44a7d37765d', name: "icon-only" }), index.h("slot", { key: 'aa48ab55247d1574136e710f2078655a187bb08a' }), index.h("slot", { key: 'd6081f25db68ae497c94b70d63492c075f2ae165', name: "end" })), index.h("slot", { key: '81a47e06001df3c03e6bd67983fd46407329835f', name: "bottom" })), mode === 'md' && index.h("ion-ripple-effect", { key: '8a00afb47cac288845392b8e513456b01d8a1ee1' }))));
+            }) }, index.h(TagType, Object.assign({ key: '5db2bb9bc72b7b00c324e4189cd1b5f862680ebb' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: '6927e812ad001c5e7bd17f440d82c3830c58957b', class: "button-inner" }, index.h("slot", { key: '0fde4333def94c55d1318868c2bc71e780d5876a', name: "top" }), index.h("div", { key: '7ecc9ae8ddf66d7ed5d9f30becc9faf820e1c62e', class: "horizontal-wrapper" }, index.h("slot", { key: 'a15567fd4bd91080e9fbb6bb0c9b0e67d8a67051', name: "start" }), index.h("slot", { key: '7f86cdd28063e23f9d78997623333c5037c4f364', name: "icon-only" }), index.h("slot", { key: '4abb69ce3ad6c4917dd87b7b1eb0fa1c69917d73' }), index.h("slot", { key: '8b35a29f48722040465f182679ac17209937578d', name: "end" })), index.h("slot", { key: 'fa15a00891b41d66a4ccb51575dec54b72d0059e', name: "bottom" })), mode === 'md' && index.h("ion-ripple-effect", { key: '0c071910c90fafca8026f59d78f4d9d5224d150a' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -83,7 +83,7 @@ const ItemOptions = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const isEnd = helpers.isEndSide(this.side);
-        return (index.h(index.Host, { key: 'c777cc1d44fa59aa7b91b7335ab0368b757303ef', class: {
+        return (index.h(index.Host, { key: 'e28cd6a236323b5cc203c9b96782aa81024da924', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`item-options-${mode}`]: true,
@@ -491,7 +491,7 @@ const ItemSliding = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'e8e4033131f87ec8bd52296292d99408174cb18b', class: {
+        return (index.h(index.Host, { key: '99f87c8bd794ae69830b407ba55013ac44793c26', class: {
                 [mode]: true,
                 'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
                 'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,

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

@@ -242,11 +242,11 @@ const ItemDivider = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'bfeff938f29a0296e38867f569e55f41b3b47343', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '60fda1dab7dbc0038ec7ff68a661896430f7d5c5', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, index.h("slot", { key: 'd064c4afac9a53c60bd7c44e958578ad59ad77e8', name: "start" }), index.h("div", { key: '44c3b986b680d25538ad59c052831e7ac122aa11', class: "item-divider-inner" }, index.h("div", { key: 'a555927bb3ee4f65c409610ceb1eaacf3405a72e', class: "item-divider-wrapper" }, index.h("slot", { key: '37bb59a552bf8e2cd8669e3b75e6de00d5035423' })), index.h("slot", { key: '07258a058e1e54ed5fb104de78d5071923dec9ba', name: "end" }))));
+            }) }, index.h("slot", { key: '6ce072dfc2adfa699a2c34ffe25ed221c74d9eea', name: "start" }), index.h("div", { key: '9a441be204ee2f0b567432722407c75e3cbbe942', class: "item-divider-inner" }, index.h("div", { key: 'fd6f2969b345dba51400a290473e594d2d019dc5', class: "item-divider-wrapper" }, index.h("slot", { key: 'ebf5601b21c4cf199c01bf142865b8da0c1ba4a6' })), index.h("slot", { key: '249af8f30113f2c986976d518126661f65531121', name: "end" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -267,7 +267,7 @@ const ItemGroup = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'dd91a864a058d8e14e3317c47cbca949ea0b685d', role: "group", class: {
+        return (index.h(index.Host, { key: '24ff047b7c45f963f0dad072c65d38a230c2bc97', role: "group", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`item-group-${mode}`]: true,
@@ -337,13 +337,13 @@ const Label = class {
     render() {
         const position = this.position;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'd3051dcde8fe1b047190c071c4bc7db2d87e2161', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'c2c0f388dab910d294efb9fbb409ee4ef829c1ed', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
                 [`label-no-animate`]: this.noAnimate,
                 'label-rtl': document.dir === 'rtl',
-            }) }, index.h("slot", { key: 'dd329baab5b11c28d7dbd4acfdf08199089d58ee' })));
+            }) }, index.h("slot", { key: '4de6b69950f417873a13c851018ec31ea2686f0a' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -384,7 +384,7 @@ const List = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const { lines, inset } = this;
-        return (index.h(index.Host, { key: 'f7ae6e7cd8fb1f68dc0e6f5286025e25990831f5', role: "list", class: {
+        return (index.h(index.Host, { key: '8bde220025a7eeca6da075379c6487c4c9bdddc1', role: "list", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`list-${mode}`]: true,
@@ -415,10 +415,10 @@ const ListHeader = class {
     render() {
         const { lines } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'ff1a155b461281e32a733ed837bd2c21abe92d6d', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '7e2e050f13722f2b870a2415d99a9e631e9ca267', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, index.h("div", { key: 'b4652a753f76bca4f14a7f9f58a093e01b0c5a2b', class: "list-header-inner" }, index.h("slot", { key: '0e0ddd1f48589bc2059cd2d47866599a161797d7' }))));
+            }) }, index.h("div", { key: '6117bebc45800d874e9b75355476fbced5cc8398', class: "list-header-inner" }, index.h("slot", { key: '9165fb274cd2c45a5a65c271d8b1f30e8a00c890' }))));
     }
 };
 ListHeader.style = {
@@ -439,9 +439,9 @@ const Note = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'f8e6e694d4a8b0d70c470328b5f4608e860abac7', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '90ec2fe8c9487608ed8c0bdc32c2e80a6a0890b3', class: theme.createColorClasses(this.color, {
                 [mode]: true,
-            }) }, index.h("slot", { key: 'e6fd0beffa392714f62de005d1982da92968120d' })));
+            }) }, index.h("slot", { key: '115ee3f79e6c526b0644443aad468e99385d0eda' })));
     }
 };
 Note.style = {
@@ -474,11 +474,11 @@ const SkeletonText = class {
         const animated = this.animated && ionicGlobal.config.getBoolean('animated', true);
         const inMedia = theme.hostContext('ion-avatar', this.el) || theme.hostContext('ion-thumbnail', this.el);
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '82de575f5e9b16e1b96b47fa08476f7b01ee4a0d', class: {
+        return (index.h(index.Host, { key: '1a3e78e9a6f740d609d1f0b7a16cb6eff4a2d617', class: {
                 [mode]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, index.h("span", { key: '86d3f191fcad303f7b4e588d9df1b4a8babd3414' }, "\u00A0")));
+            } }, index.h("span", { key: 'be3eabe196ec6e8ec19857375ba30f4c8aa58e7f' }, "\u00A0")));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -265,9 +265,9 @@ const Loading = class {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (index.h(index.Host, Object.assign({ key: 'cf4f84897877cec74e2ac781f040acf2f13d59b7', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: 'fb3d2cd7cd0539ed6540d8be50e243c7916b3ca2', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${40000 + this.overlayIndex}`,
-            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: 'a2ddf3892a8c5728597aaf2ec4249d8c3473d250', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'd6beda85122b8d4958443ea1ac025e46722f0d58', tabindex: "0" }), index.h("div", { key: 'd158e7404e775382d44a5778c36c4f2da76d17f6', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { key: 'd54598fe5d64c935ca8d86b9a82d82ec575ea248', class: "loading-spinner" }, index.h("ion-spinner", { key: 'd27b7fbd9cc998d3ace002b5c330430c3ce7ab2f', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: '94101983fb1087ed549b839d2e3cec03c82eb895', tabindex: "0" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: 'c8bd30782f3040b1b80e88aa924861e439d40754', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: '4ebfbb67c92e8eb56c27dd7c199b35bf6be1cf63', tabindex: "0" }), index.h("div", { key: '9492723cd87f1ef75534e449d4bc2b2deb0cb3cc', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { key: 'd9eb42454e48c82704d974a68b80ceb4de990417', class: "loading-spinner" }, index.h("ion-spinner", { key: 'cdb046bad89872f4208ae466979315652766bf3a', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: '412d1bb537dafa6e6863d07ddc15f5969fe0617d', tabindex: "0" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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: '512351da5643c97fcc6eef8988ea6331ccc387ac', onKeyDown: hardwareBackButton.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (index.h(index.Host, { key: '30c0c9bfb8973e4a6feb658f8c4ee8e362f464ed', 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: 'd4d65596d2216544b2c9d19e4ed66a4d0e7f956a', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '80ce72865813bacaca97089e4d97063a3ab163c6' })), index.h("ion-backdrop", { key: 'c7d3cdd3d74b7045bd60f212a68cbf50a4672843', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, 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" })));
     }
     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: '969e3b49e0a4cd98f19ed093525a41fe3ff47273', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '95a8b9f09c7fae9713a8dc003ed277f6f31403da', 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: '3ffc8030559f0aae78b20bd64237c763cda964e3' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '29d216517c268eaf0ebebe2a386924204112f17e', class: "button-inner" }, index.h("slot", { key: 'd8d1266aecd2cb2e122f181720530c143c7f5656' }, index.h("ion-icon", { key: '12d018ef8e7fb5e633986f4fbb9410ba9687aadd', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && index.h("ion-ripple-effect", { key: '62a0ed22adf75e0976a42126d9dd5942efae105e', type: "unbounded" }))));
+            }) }, 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" }))));
     }
     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: 'd4c975d260f34123600ac8014bf433caaa5000a7', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (index.h(index.Host, { key: '90e621f09792383f1badcc1b402b1ac7d08c5f98', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [mode]: true,
                 'menu-toggle-hidden': hidden,
-            } }, index.h("slot", { key: '70de7f84c7b3d9a1b1f36c1354ee277edb9d5a83' })));
+            } }, index.h("slot", { key: 'c0abdd1d91e9d80ee3704e3e374ebe1f29078460' })));
     }
 };
 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: 'f67d40f051eef94d7424436bca1995a724bd06c8', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index$3.h(index$3.Host, Object.assign({ key: '013ba4864ca4d2c1052c512f6a4b0732b8decff7', "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: 'daecdceed03be109e6e3927f419998dfc9e6f54f', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && index$3.h("div", { key: 'cd7b12a15e4fc789a252e0eb57742c5c42faaca8', class: "modal-shadow" }), index$3.h("div", Object.assign({ key: '3dd95c978e5bc8d65126126580d19c1c75676518',
+            }, 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',
             /*
               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: '14522753a5a4573181c58eb83ab458139b249cfc', 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: 'f3b352ec9a63a7ec801462aacfd8295b4302d115', 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: '2bd0529816738954494a0f094424b37d831e7fa2' }))));
+            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' }))));
     }
     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: 'dc6ca7eccf3f0db547df5519097b5e5c4fa4b5e9' });
+        return index.h("slot", { key: 'e9d99a8a0b84f02f9964d8143cd5e647e43334f9' });
     }
     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: 'd68d09a86098155e3b5687ca06551400c18c1faa', onClick: this.onClick });
+        return index.h(index.Host, { key: '42c23dcdec5fdb25defebaf6e8a9fa75754ff8eb', 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: 'a4b7f118187b9a76565ef4016853b97667997f89', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'cc4435a0ce0e55be1321bcabaf342ed68cf5ba1e', class: theme.createColorClasses(color, {
                 [mode]: true,
                 ['option-disabled']: disabled,
-            }) }, index.h("button", { key: '6f335ac4ccdbbd8aa8868ba794b3ce6d6c572cb6', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, index.h("slot", { key: 'e87a18c6981e4ce047ba9d5bd5e6a0dbf0bb0e16' }))));
+            }) }, index.h("button", { key: '0187fb967771e0787807a8538dce4e59f6a98565', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, index.h("slot", { key: 'dbe52552f3f27332816748c12d929cc81060841d' }))));
     }
     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: '7b928cad53f740bde8a3f9cbd81ca12e2e01d29c', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'd60736ce74c0e8c774a163272b78fbad32993ec2', 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: '2511cd77f5f1e8fa923bcd1a36d7aac79b31434a', name: "prefix" }), index.h("div", { key: 'e086a1709e818b2d5b0320b220ae022f6a138c51', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
+            }) }, this.renderAssistiveFocusable(), index.h("slot", { key: '74611112ef154b343ae29a773f8cd8a01cc1447d', name: "prefix" }), index.h("div", { key: 'af772d2b61b7eb41a567593d290b80a50b7caa72', "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: 'aafe7ed5791b67c318da9364c7fb559ef4f04181', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '5adf884a636b77b59ef754b516faa2cdf21335d2', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '6a13acfb507a9deed50aa0f8c942b7ab0f433930', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '32b68bb2bd9325768883b4daf0d02c62b1586449' }), index.h("div", { key: 'b3bca0d9e7ecd37a013a85d3335dde3de7e92498', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '109943c07085dba58be5707ccfb0b3750f5e3f4c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'e2787a59e75ca018885a9b72d4fc1dd441128b0d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '45420616670bdb1ae9c1aa31de550172771266c2', name: "suffix" })));
+            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" })));
     }
     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: 'a047c3bbf43c08690c5047e2149cc0b440d72053', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: '78f0d43ce8db740daddc61ccee7af118befe8a21', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        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) => {
                 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: 'ed00f7b349280c5ee41d15f780ce5fb69cc2453a', class: "picker-before" }), index.h("div", { key: '02c6bbcdd3329c6fdf79cd1fb51b5768e9b22711', class: "picker-after" }), index.h("div", { key: 'c637f147c7845fc026abb6d620adfdffd805d7e4', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: '619120374f0034128b2c3232c5cfdc39fb34609e' })));
+            }, 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' })));
     }
     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: '6c456ad62ea699fe70a542781802dcb8cb958a8a', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: '3a7c4c39384bab1447c4bd6b9b06d7837a09353b', "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: 'bf5a1fd6f8ec553e21dea63d5afa0c48fbb12c52', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: '0c50981b2ae878c0e02f0611f7e439fa936fd055', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: '2bd0e1400d4513a263698b345e0eebcd61db6e27', class: "popover-arrow", part: "arrow" }), index.h("div", { key: '63f04983fde14a85418765d6141577c046104a31', class: "popover-content", part: "content" }, index.h("slot", { key: '867079efbdc26601bd5b315df21292fc3b4afd91' })))));
+            }, 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' })))));
     }
     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: 'a90c4be2c4de8c9046f090076181b804b1f069b4', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
+        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, {
                 [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: 'e9fe7969b6700228a0214dd6a532bf0633fccaa7', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'd6d9525eea9dadc3ea7060eb9b8cbb919e1d7091', 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: '5c6329195a622e2d478382d893904a50bf92852e', class: "radio-wrapper" }, index.h("div", { key: '3e9584758ad0121c846ad4142273debd7685e13d', class: {
+            }), 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: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, index.h("slot", { key: '59768ea8d56a347be1cef5afdec0f5c447cdc673' })), index.h("div", { key: 'd5b7e6cb933a7fd6b4ea32c2c0366cdf6cc524ab', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, index.h("slot", { key: '2950f1579a22d4a06f9c903fd462c2b46f43bfd7' })), index.h("div", { key: '8b19ce30b39066744108a6de2da42a7ce8ffdbec', 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: 'c2e097642c00535aab791f7bb2672059211ca822', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
+        return index.h(index.Host, { key: '7a8ad7eb6a05c6f96a348dcf30fd0c610a95688c', 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: '454a0ddaad56c5f59394ca55bcd9d8de0fd77247', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '877c9f15e62fadb184f9da82dc19898227521e07', 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: 'b8649fece7c94a9a41722a2960f070c6f4e7312a', class: "range-wrapper", id: "range-label" }, index.h("div", { key: 'df15bccc14bb6718a7f31b825a1ec50bf535d0e5', class: {
+            }) }, index.h("label", { key: '2ae9088349a65e09b0e33c53442190ef563b2345', class: "range-wrapper", id: "range-label" }, index.h("div", { key: 'c3d0ca96ceb1e57fbd383e9c7e4da14d931771b8', 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: '2e5c7ab3cfc8665222d43e13834e69599a0f68a7', class: "native-wrapper" }, index.h("slot", { key: '472bc27d58ad3402ee71f6eccec3750f6932e72f', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: 'a8ce8714b235c510cf2aace2002c79234642dcfc', name: "end" })))));
+            }, 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" })))));
     }
     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: 'c209cf4d49269d517f9ace62d91879fe0492bd59', slot: "fixed", class: {
+        return (index.h(index.Host, { key: '3270f181a5141e7d886ec554a3e892974446b90e', 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: '000cbb6ccd62e15244dbf35d0e2e3d870a8c66de', class: mode }, index.h("div", { key: '0564628fd4faea5f7b864f906da0dedafaf138b5', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: '14f5cacad23759d382441fbf07838b93ea0abec3', class: "refresher-pulling-icon" }, index.h("div", { key: '597a02a7cad61fc48c540af66006c40df8188fdc', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: 'a64a0050b2577374fed29f93555aec33d9567814', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (index.h("div", { key: 'cabdb67e34fa2445e54f74344dfcb9af8efcd960', class: "arrow-container" }, index.h("ion-icon", { key: '31288638000fe2fb96dde2ea7f84dc1861062c64', icon: index$2.caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '126d12b4f8daac9b371e7745ec3da81c4d103e49', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: 'd595188d7d12707c34ce403a840c8065c71a2dae', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: 'df8feeebbf8792f0aac89ebb5f39ae285cd99235', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: 'ae358a91df46fdd564ab9052c7251d5d3dd52bc0', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '706558bac955c07c37795d5d6fd49835023f0cb7', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+        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())));
     }
     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: '9a4abd6877909177380ba3ba52d2d9150c1e3c69', class: mode }, index.h("slot", { key: 'f7bea4ba8eeb7fa71a72297eeecda51974b635d3' }, index.h("ion-icon", { key: '28949301a195139ade44e7f2c5221ef78b39bb03', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+        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" }))));
     }
     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: '79108cff45d1221e90f5e5599554aa1a23e3d381', class: {
+        return (index.h(index.Host, { key: '491f3e5843cf728ff4589e58bd86b8ce6709b293', 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: 'c4c55cb30434f211181ca790bbaf5a04575bc57e', role: "presentation", class: {
+        return (index.h(index.Host, { key: '2302f087ab1c6755355736e4ca77309c5fdcf185', 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: '7792f1c67d128e9ae0d5194e0d74fa00b03c306a', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'f876442cab5b14b7e83c6d6ad2c2d878a9c57439', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'ion-activatable': true,
-            }) }, index.h("a", Object.assign({ key: 'a6da6253ebe2fc62b1629b48381da5b6759d1bd9' }, attrs), index.h("slot", { key: '4509747252d25b96b863175baac5d6494e0b9074' }))));
+            }) }, index.h("a", Object.assign({ key: 'c44b78ec1fd10a40c23bfe548860ac2b346646a8' }, attrs), index.h("slot", { key: 'd32180a567613f79f89885135bd0d776ffc1eb8e' }))));
     }
 };
 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: '6d3c4d6dbbc835e27024e99bdf502278b0420c21', "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: '272d81399afa83bd6f10119a2a5aa2bfdaad5a81', "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: 'c2e4e81b3be4a7cfe3948f3582f6d726c9ec6787', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
+        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, {
                 [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: '51382b56c66d1183ea36133cc4c3191ffbb5dfa7', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: 'c278676b81a1546cca7949bc667ddbd9649aa347', "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: '37d47d4772dff9163f749fdcae568824dc92ed05', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), index.h("button", { key: 'd02c98824d3a03e351d6d254d9e160a82569e5ba', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, 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) => {
                 /**
                  * 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: '5f171ea69e47155827f4908ed15329f71c8e5594', "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: 'cb2b543d286373a84e2c6c2a959f92b045bbd7dd', "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: 'b89e584eb5a7ca26d81fb4d6c923e0f05aafda43', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'f1f7103b4c298e037df850ac809a1a7c6e9987a7', 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: '4e1faf860c3a38d343acd47aec911b202ab77578', onSlotchange: this.onSlottedItemsChange })));
+            }) }, index.h("slot", { key: '6efdb318b13da8d21687084aa0761728fdf12579', 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: 'e5bdb21e33d4fd6cb262defa6935517b91cd0fed', class: {
+        return (index.h(index.Host, { key: '70cf5c7a3ae2620222c5250c644faf3cfc3b3e4e', 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: '35a17acfb8aec10608f94453426584cea22b471e', "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: '7d05e9dd6fa14a5f385a079504fdc6307f98ae5a', class: "button-inner" }, index.h("slot", { key: '85ce4d7b84a9340bcd148e8011fa27d45e88925a' })), mode === 'md' && index.h("ion-ripple-effect", { key: '7dc32ed66fa06086c00e6a2e62638af1668d144b' })), index.h("div", { key: 'f7ff527107b35437446061410713b2b112bec702', part: "indicator", class: {
+            } }, 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: {
                 'segment-button-indicator': true,
                 'segment-button-indicator-animated': true,
-            } }, index.h("div", { key: '9751739f6dd62b87b348c9827f8c6ba9b01857de', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, index.h("div", { key: '65c72a151080998c1e548c87d4d4ebd5c7dda72f', 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: '56f4438677932d676fe499dd4d8b818af2f5fc41', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '73c571c1f8468e1c3f4fe02fbbb33ba9cbc8e989', 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: 'e9d2d28c05a5440f4361b97fbc0f1447713b7762', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), index.h("div", { key: '1d89a78416517c9939073ced94e205397c8c18a7', class: "select-wrapper-inner" }, index.h("slot", { key: '60cedd5bd2e8af42267f81a5ebdc4aadca724351', name: "start" }), index.h("div", { key: 'fd9f4c8a45813daf4b18019a1a7870470b784a60', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: '832b729746f9370302d39d5f45bf67ee185d85c9', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: '3ad1d693486dc8b9e7020b46fd93e1a56c385125', class: "select-highlight" }))));
+            }) }, 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" }))));
     }
     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: 'c88b3742344e692cb1b187fda6ae9ee30f548ea3', role: "option", id: this.inputId, class: ionicGlobal.getIonMode(this) });
+        return index.h(index.Host, { key: 'ba5a9c695c53fe0802af11a49f4305a9b8f71773', 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: 'e4fd72a65c491c08c57ac226d8540f96fe0273ab', class: ionicGlobal.getIonMode(this) }, index.h("ion-list", { key: '7b464a5caf75eaf4e359d6ee918eacc5677b0d37' }, header !== undefined && index.h("ion-list-header", { key: 'd2fb1677c8fefc6bb03d3ee709bfe08ea1a4e302' }, header), hasSubHeaderOrMessage && (index.h("ion-item", { key: '4af383bb60fdd6ec8bbccabf7482fcfb1774d242' }, index.h("ion-label", { key: 'cbea36adb016cf6a8b9ff13055b4a9f190688625', class: "ion-text-wrap" }, subHeader !== undefined && index.h("h3", { key: '8dd90d961bca6d383d776b2e41fda75e667da668' }, subHeader), message !== undefined && index.h("p", { key: 'a8c314c5d397a0a97ac551c66c013e8c879b60f0' }, message)))), this.renderOptions(options))));
+        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))));
     }
     get el() { return index.getElement(this); }
 };