@ionic/core 8.7.6-dev.11762424095.164a4ffe → 8.7.6-dev.11762446926.123acdf7

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

@@ -302,11 +302,11 @@ const ItemDivider = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'f026528e983b0b77cd059400d961d012dec9caae', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'ff60c2ed224911e4369138287da9610564785c7f', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, index.h("slot", { key: '409f111b2b37782bd242af5f3205d871d85b6254', name: "start" }), index.h("div", { key: '6811502ae39e51104b46f4f3b272631017a91e4a', class: "item-divider-inner" }, index.h("div", { key: 'c7cf5918a8e8f891426fda028586b36f21909b00', class: "item-divider-wrapper" }, index.h("slot", { key: '7db6745917458bb6d854c0662bbf0394142d2996' })), index.h("slot", { key: 'bad5e02a4d4852fc6e106552b314a42842a0b2e7', name: "end" }))));
+            }) }, index.h("slot", { key: '992f32a67a2ecf8ee94d5c8b9bfd231b4b4510d9', name: "start" }), index.h("div", { key: '44ad1d56fe4c9644267ca285199bcc66cf7269d3', class: "item-divider-inner" }, index.h("div", { key: '8237db8eb57c0b877da7efa45f10214063e3ac8f', class: "item-divider-wrapper" }, index.h("slot", { key: '9ac2bf96cfa368d4f6daba9b6fcced3f597dfb4f' })), index.h("slot", { key: '19bdddb51ac10f0a11c5b50d4ad51a55cada278a', name: "end" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -328,7 +328,7 @@ const ItemGroup = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '3fb0784b321736344604e259cfb05c6307159bed', role: "group", class: {
+        return (index.h(index.Host, { key: 'd104330acfa524379c4bf1c28bce6cf7e720db14', role: "group", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-group-${theme}`]: true,
@@ -397,13 +397,13 @@ const Label = class {
     render() {
         const position = this.position;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '583b4ed56decb1f5ce39ea6f58fbaa6d4fde01a5', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '8705671de3aaec1eb21044f4a234ee85fcba8d14', class: theme.createColorClasses(this.color, {
                 [theme$1]: 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: '89467c7725dc79d73d51442cb5a233e244cef1b3' })));
+            }) }, index.h("slot", { key: '31973de97fc2524da620a612ada1d3c506939f6f' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -463,7 +463,7 @@ const List = class {
         const theme = ionicGlobal.getIonTheme(this);
         const shape = this.getShape();
         const { lines, inset } = this;
-        return (index.h(index.Host, { key: '7deda9d813391cac1c4156fb9e9fd1f1a43cdea8', role: "list", class: {
+        return (index.h(index.Host, { key: 'dcdfb595a6b45307f9810e1ded25ba635c947940', role: "list", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`list-${theme}`]: true,
@@ -494,10 +494,10 @@ const ListHeader = class {
     render() {
         const { lines } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '984b0c19c652d264ce1a9832777948a9b5b84326', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'b3478a7ac11992d292d35b5c658de040c51e971d', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, index.h("div", { key: '1bf4519d8aa94fe4b98c6f54aba74dbcbb52fab0', class: "list-header-inner" }, index.h("slot", { key: '8d7fa8eca680fe3da8b8e4e01b3f885672c9c2bb' }))));
+            }) }, index.h("div", { key: '76dff0757cd9930eec0dbd56cb187c72d4e26d21', class: "list-header-inner" }, index.h("slot", { key: 'd25568f22efb544467ffda8929ac6d6cfd4001fa' }))));
     }
 };
 ListHeader.style = {
@@ -518,9 +518,9 @@ const Note = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'a8470df6b8fb8ca327a282fc23705bc230f13a40', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'bab27d8461e93c98bb48cbdd4df0c6b012a37798', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
-            }) }, index.h("slot", { key: '07cbdef68f010b06638f359f70dff3f1d659d899' })));
+            }) }, index.h("slot", { key: 'd2e0f339ce127095fa49b93e515ab888461de1ea' })));
     }
 };
 Note.style = {
@@ -556,11 +556,11 @@ const SkeletonText = class {
         const animated = this.animated && index.config.getBoolean('animated', true);
         const inMedia = theme.hostContext('ion-avatar', this.el) || theme.hostContext('ion-thumbnail', this.el);
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '5014563646b6c5213750d503babce3013b66ec96', class: {
+        return (index.h(index.Host, { key: 'e3c73ecba79ec4b58b517f42a9b41be587615603', class: {
                 [theme$1]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, index.h("span", { key: '4b816883b1c71bb1db66d8b2b084559f7cb489bd' }, "\u00A0")));
+            } }, index.h("span", { key: '188c3bb600e248e93f48a89b900946ec9125b40f' }, "\u00A0")));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -279,9 +279,9 @@ const Loading = class {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (index.h(index.Host, Object.assign({ key: '0c475f8e28e680e28e09317557795fc56e0835d8', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: '082392dad8551f7bf3be1b77d4d26d3b96504d39', 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)), { [theme$1]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: 'd7e88feb6df8edbc326a84d07b294618f7ce6adc', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'f9622f45b2d9e913c325b228a1e6ed03cf2b98e8', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: 'f4dfdce70c4515878b247d0cc116b5cec2cf79a4', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { key: '6d4475e00c444eb3d217813ae8cc1a02a97b969e', class: "loading-spinner" }, index.h("ion-spinner", { key: 'd9ad8dd56ec7677c18d06936c1a1b21a0a6a87a8', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: 'bd3159e18f33ec25d3480d47ce33fa7dfd1f1460', tabindex: "0", "aria-hidden": "true" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: '1ced20cf2cc6d610c0f5f9d1de147602137347f1', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: '450e54507718d290a520d423ae09d05d88009d79', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: 'f2338b1915b9339055a27c4ef230b2663959e2f8', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { key: '22c0ba1f0ead01c0e0b133c7398f3fa3e03d3f08', class: "loading-spinner" }, index.h("ion-spinner", { key: '155aa650b590dc49c8902bc1d73f4bba4afd1d35', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: 'b08785d4408950abd34b0c21dd8e4be783b17ae4', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -666,14 +666,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: '12bd2c4e9aa2f314ffc45d7f43290bd9910ca8b0', onKeyDown: ionicGlobal.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (index.h(index.Host, { key: '1983ee36a15d041cce2cf8c010c4a03544095c71', onKeyDown: ionicGlobal.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [theme$1]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': theme.hostContext('ion-split-pane', el),
-            } }, index.h("div", { key: 'd43e12f2502ae5da847eb0d2a70d0a3945733739', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '19977e6584bdbb5b01e6e0a4a7f4558087175b33' })), index.h("ion-backdrop", { key: '22e79a7edca409248bd3637474d6783f1d7de1b3', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, index.h("div", { key: '9b997c29ef41fd00c15843a1f6593407d195a501', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: 'e95f25ccdf6e07b527e2126b7d7221d39e667549' })), index.h("ion-backdrop", { key: '60271cb8539ef04a148c08ab1a3349be30e8589c', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -766,7 +766,7 @@ const MenuButton = class {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (index.h(index.Host, { key: '206b8482b58e7ee49ea89393a15e9cf30578297b', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '8777ca08223f62b4b0183e81f7f040635a017827', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -775,7 +775,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: '33017f0cde4835383f65b82f24e088dc2cf46517' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '63aadc2910f7fd7ae070fe108822c51441dd8ea5', class: "button-inner" }, index.h("slot", { key: '6696b67329bdf6a0a7db0739d16717eb9ffc5f3b' }, index.h("ion-icon", { key: '7f88dd0caa7003db810bce76189ecbaba9ff6317', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '1a2063529bb63cc055fb4bb7d1ad3032df2a74b4', type: "unbounded" }))));
+            }) }, index.h("button", Object.assign({ key: '7ea9df4e44a3916c97439f273562ad513c02d848' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '521997eb3e28a6c89c8783125aee82e081f36db6', class: "button-inner" }, index.h("slot", { key: '8ec019529598f67ca7a7fb8f7a3eccfe3a970928' }, index.h("ion-icon", { key: '091855caa99363a61ccdad926229b18a96b03d58', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '9f746b38ae4d954ce0339e5c159b7c4c81d872f0', type: "unbounded" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -811,10 +811,10 @@ const MenuToggle = class {
     render() {
         const theme = ionicGlobal.getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
-        return (index.h(index.Host, { key: 'c3ddce789a90d720769919ebf854d05cc75f599e', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (index.h(index.Host, { key: 'e6cdf611b3c2ef6d39a84069582b706e9270e453', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [theme]: true,
                 'menu-toggle-hidden': hidden,
-            } }, index.h("slot", { key: 'f1334ba9d20148b673a0b6185ab5ef92f448f720' })));
+            } }, index.h("slot", { key: 'c6a040b1b8c341ea8d0774a875266ca57fd6b8ce' })));
     }
 };
 MenuToggle.style = menuToggleCss;

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

@@ -1483,7 +1483,7 @@ const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpoint, ba
     };
 };
 
-const modalIonicCss = ":host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-width:0;--border-style:none;--border-color:transparent;--box-shadow:none;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}.modal-handle{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;cursor:pointer;z-index:11}.modal-handle::before{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\"\"}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer{position:absolute;bottom:0;width:var(--width)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--box-shadow:var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));--backdrop-opacity:1;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.modal-round){--border-radius:var(--token-border-radius-1000, var(--token-scale-1000, 40px))}:host(.modal-soft){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.modal-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.select-modal.modal-default){--max-height:45%;--max-width:calc(100% - (var(--token-space-400, var(--token-scale-400, 16px)) * 2));--min-height:340px}.modal-handle{right:0px;left:0px;top:var(--token-space-300, var(--token-scale-300, 12px));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));width:var(--token-scale-1100, 44px);height:var(--token-scale-100, 4px);background-color:var(--token-primitives-neutral-300, #e0e0e0)}.modal-handle::before{-webkit-padding-start:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-padding-end:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-end:var(--token-space-100, var(--token-scale-100, 4px));padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.modal-sheet) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + var(--token-scale-250, 10px)))}";
+const modalIonicCss = ":host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-width:0;--border-style:none;--border-color:transparent;--box-shadow:none;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}.modal-handle{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;cursor:pointer;z-index:11}.modal-handle::before{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\"\"}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer{position:absolute;bottom:0;width:var(--width)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--box-shadow:var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));--backdrop-opacity:1;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.modal-round){--border-radius:var(--token-border-radius-1000, var(--token-scale-1000, 40px))}:host(.modal-soft){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.modal-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.modal-handle{right:0px;left:0px;top:var(--token-space-300, var(--token-scale-300, 12px));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));width:var(--token-scale-1100, 44px);height:var(--token-scale-100, 4px);background-color:var(--token-primitives-neutral-300, #e0e0e0)}.modal-handle::before{-webkit-padding-start:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-padding-end:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-end:var(--token-space-100, var(--token-scale-100, 4px));padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.modal-sheet) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + var(--token-scale-250, 10px)))}";
 
 const modalIosCss = ":host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-width:0;--border-style:none;--border-color:transparent;--box-shadow:none;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}.modal-handle{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;cursor:pointer;z-index:11}.modal-handle::before{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\"\"}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer{position:absolute;bottom:0;width:var(--width)}:host{--background:var(--ion-background-color, #fff);--border-radius:0;--backdrop-opacity:0;color:var(--ion-text-color, #000)}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{right:0px;left:0px;top:5px;border-radius:8px;width:36px;height:5px;background:var(--ion-color-step-350, var(--ion-background-color-step-350, #c0c0be))}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;width:36px;height:5px}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}:host(.modal-card),:host(.modal-sheet){--border-radius:10px}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:10px}}.modal-wrapper{-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - 40px)}}:host(.modal-card) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}:host(.modal-card){--backdrop-opacity:0;--width:100%;-ms-flex-align:end;align-items:flex-end}:host(.modal-card) .modal-shadow{display:none}:host(.modal-card) ion-backdrop{pointer-events:none}}@media screen and (min-width: 768px){:host(.modal-card){--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px;--backdrop-opacity:0;--box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}:host(.modal-card) .modal-wrapper{-webkit-box-shadow:none;box-shadow:none}:host(.modal-card) .modal-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}}:host(.modal-sheet) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}";
 
@@ -2354,20 +2354,20 @@ const Modal = class {
         const isHandleCycle = handleBehavior === 'cycle';
         const shape = this.getShape();
         const isSheetModalWithHandle = isSheetModal && showHandle;
-        return (index$2.h(index$2.Host, Object.assign({ key: '8ced9dcdb4ec35817bc1ad5f4f0c1b56bf76c93f', "no-router": true,
+        return (index$2.h(index$2.Host, Object.assign({ key: '488610d76d4d3743e8de0602b247c6e862f7f604', "no-router": true,
             // Allow the modal to be navigable when the handle is focusable
             tabIndex: isHandleCycle && isSheetModalWithHandle ? 0 : -1 }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [theme$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, '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, onFocus: this.onModalFocus }), index$2.h("ion-backdrop", { key: '952e76177128f7c5dcc9c9fe7792d73ec4c9c573', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme$1 === 'ios' && index$2.h("div", { key: '3be69826a33edae93d2276b88347f025f3b46d92', class: "modal-shadow" }), index$2.h("div", Object.assign({ key: 'adeb46e4c78d08418f27277db8300706f1ce6d48',
+            }, class: Object.assign({ [theme$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, '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, onFocus: this.onModalFocus }), index$2.h("ion-backdrop", { key: '85a8517220a84da9337032ab8988362bc221f7b7', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme$1 === 'ios' && index$2.h("div", { key: '7a17566ea39641cd8fdf64bd647fc3df0cf099b9', class: "modal-shadow" }), index$2.h("div", Object.assign({ key: '1b12a476428d88678a1ab2d0a3421b0ed0866c1f',
             /*
               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$2.h("button", { key: '22ac19bef95f75b5b26147c6c41439690beb3849', class: "modal-handle",
+            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$2.h("button", { key: '48cc88e928df87737d97a4733f6551d37b429d81', 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", ref: (el) => (this.dragHandleEl = el) })), index$2.h("slot", { key: '0039450fb7b0caa84f7a16c38e6db148cd9a5371', onSlotchange: this.onSlotChange }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", ref: (el) => (this.dragHandleEl = el) })), index$2.h("slot", { key: 'ae63a8dc8a9044a60c3d2bf046203663343e0de0', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index$2.getElement(this); }
     static get watchers() { return {

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

@@ -900,7 +900,7 @@ const Nav = class {
         }
     }
     render() {
-        return index.h("slot", { key: 'd6dd0b1e0ba59381a139f4a49de3eb8351fa87a4' });
+        return index.h("slot", { key: '2254b8e14dbdc401b181dabb1c3b6606048291a5' });
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -942,7 +942,7 @@ const NavLink = class {
         };
     }
     render() {
-        return index.h(index.Host, { key: '61246716bdf9556db90e07680bc1a289f9658d5c', onClick: this.onClick });
+        return index.h(index.Host, { key: '2a45f6d78be837c8c8926f45bfe194a9c75693b1', onClick: this.onClick });
     }
     get el() { return index.getElement(this); }
 };

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

@@ -102,10 +102,10 @@ const PickerColumnOption = class {
     render() {
         const { color, disabled, ariaLabel } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '9ceebae71b6df0b01f36691d82d716f6756625d9', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '76d3086fc36a32ea544e9b03e53f656d153762d4', class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 ['option-disabled']: disabled,
-            }) }, index.h("div", { key: '1f26246d601779dadfaf055d195e2a4959180f5a', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, index.h("slot", { key: 'eed413474a8b7ec7a73da27fa72a2d0a9a2aae2b' }))));
+            }) }, index.h("div", { key: '569e40d592e71954472128cbaef0141358fd8be9', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, index.h("slot", { key: '1adca8a8d9b774c818404278003f7009fa4c458d' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -550,14 +550,14 @@ const PickerColumn = class {
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '7c9603b518a73f9883ff01464fe3f70c14b9059c', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '867e0dc27b3a65348415b4e35e980c99d95e183c', class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, index.h("slot", { key: 'e98e79dd51550361131d59a8871fe2990dc40edc', name: "prefix" }), index.h("div", { key: '85894791c93da84401138285bf4fbb169897c3d6', class: "picker-opts", ref: (el) => {
+            }) }, index.h("slot", { key: '9d68fc2f1524834436098f856af9867d4688c37b', name: "prefix" }), index.h("div", { key: 'a0b300c9b537ef853bd8703ad10da64dab3876dc', class: "picker-opts", ref: (el) => {
                 this.scrollEl = el;
-            }, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, index.h("div", { key: 'd9546be214c2faf2340faf31d8468c2f39f31e4c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '47671f18a0a0659c0660b3b82d234e92b6dcc721', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'f3fc8f9cfc67d0d0dfbf7c134524353297117170', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '4c30c1e5df5f1758978458dbd7e405a01d3118fe' }), index.h("div", { key: '4e71db05a18d645c6fa49d3a6e67a68cc374b868', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '7fd2461759a92a6909ab514a14bdb41f7d2d16d5', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '015fc0875e5e2df575810fd79635ed5a0f5a29dd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: 'd706a79b1b5b31dc1e358fe1d64b41a2104ea153', name: "suffix" })));
+            }, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, index.h("div", { key: '4617d1409c852871ff85d0ff6ac2c3d265e56a92', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '893559f2b0035135c582e34c334b56c74ddd829c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '44d379b7d3bdff1574cc95330b22d4f629e26724', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '25a5bd6d8f3d360594b38fe8867b925a67111792' }), index.h("div", { key: '39d4ffe9c6c2c1ee101b65a648ceaa3582676770', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '6ea72753cdc8ca3b9b1e5fd0aad8772fa090b39f', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '8ec67b388428e1d5d648884b2a69f953aa79702e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: 'ba379669ca1976f3078c076f93c415e42c37847e', name: "suffix" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -460,7 +460,7 @@ const Picker = class {
         this.emitInputModeChange();
     }
     render() {
-        return (index.h(index.Host, { key: '8778f74b10b575bf28bfb9d21df51a52a7c92ac4', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: 'd6b77646ebcc32785b3edbb70794aabf19d68503', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        return (index.h(index.Host, { key: '0e3b8112fd28191ff6af8313fee72919d9b23ee7', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: '92e86aab71f000c35fcf5f4082116285f2e43016', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -475,7 +475,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: '3ccb1c92e3ee586d4ac50dbf3728f19c7d727c7c', class: "picker-before" }), index.h("div", { key: 'ac7765a517ddbb3d338239a3c91ead67cab9b0e8', class: "picker-after" }), index.h("div", { key: '16a07f2aad1e1bc77119b6f8d060ae073b566472', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: 'dc3b58388c3936ce16285822b1e2a50b730031b6' })));
+            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: '5fad8573cd44bee093f26cd4d7cabad836789e79', class: "picker-before" }), index.h("div", { key: 'fd26db9e86a3cafe125283eeff0da8be7ea2928e', class: "picker-after" }), index.h("div", { key: '8174b0f258f3ce00707132c674ff53d3b9fc2aee', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: 'a118b0ec709164758ae95fcb9e110befb574138f' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1389,9 +1389,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: 'd8cac78e3fda5731eb8a3532ce83a711190a0f1d', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: 'bc0a33fd2fa0b0d5275b12b493503a79762adc83', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [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: 'ec62e04664d67c7ef9c43bb77e5baa517ab88e7f', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: '1da57db158ecd1f6260369d44f2db5b0791ecd3a', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: '22966b014e1a5ff24963dff94cad281200a3b334', class: "popover-arrow", part: "arrow" }), index.h("div", { key: 'a2b960c96a54c06807e07edc2579b5d459e5d108', class: "popover-content", part: "content" }, index.h("slot", { key: 'bae331e17437df55a77db538a693ef459f11e78a' })))));
+            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [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: '0299fd3075759113fc5f0d2b299cafce74427c62', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: 'f9adb90aae67e369cf45988200f789c09d216d3a', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: '9d310601494499414aa90c26ec23733dab95a376', class: "popover-arrow", part: "arrow" }), index.h("div", { key: '41fa231a8382c8c2b57fe17493b98986ede09a16', class: "popover-content", part: "content" }, index.h("slot", { key: '0c88bfdc53f4d02dd6b6033647a1285f42b581a3' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -140,7 +140,7 @@ const Radio = class {
         const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
         const inItem = theme.hostContext('ion-item', el);
-        return (index.h(index.Host, { key: '7ac17b6d0b96104b5baba1bb8c28c37f30005fdd', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '4890e800b5105fc75a14e0bda058bf2185d7761e', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -151,10 +151,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: '41305f13b3025e3876236097131beb7ef8a40515', class: "radio-wrapper" }, index.h("div", { key: '603d3ac36c227995a3b9f5bd6fa1ec4de4fa304a', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: 'de4d7c2f3788f13920bc43de7bad5527c3cc74fc', class: "radio-wrapper" }, index.h("div", { key: '2a01f3fbdf659f8cbf2e6e8bef3d9877f53e3a66', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, index.h("slot", { key: '838d3a84c3ce2aaa31e61ce2b82c6a23818b0908' })), index.h("div", { key: '3d4ac72bbf52e04a2500782223baac24784f361e', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, index.h("slot", { key: '093d4b8f5005e873851959a278a23a9a89d9fed6' })), index.h("div", { key: 'bdab791d63e8c2330a78f23e9320bff9a160a5d6', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -360,9 +360,9 @@ const RadioGroup = class {
         const { label, labelId, el, name, value } = this;
         const theme = ionicGlobal.getIonTheme(this);
         helpers.renderHiddenInput(true, el, name, value, false);
-        return (index.h(index.Host, { key: '3eb581e8348cac7c4f8d6b7238b968dd79ec3c35', class: {
+        return (index.h(index.Host, { key: 'cf8c32999c8fa7a759948b76e715752ebcba9a63', class: {
                 [theme]: true,
-            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick }, this.renderHintText(), index.h("div", { key: '1091e1f540cb2b9241ddbc5ed6a2b28a77557682', class: "radio-group-wrapper" }, index.h("slot", { key: 'd83c63bcc7b20722f6405db656d5f945b3fb5407' }))));
+            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick }, this.renderHintText(), index.h("div", { key: 'a7b59a2f18208269b0a7276056002fb94f679981', class: "radio-group-wrapper" }, index.h("slot", { key: '588af994a16cecfa6672471d186359b3b166f3eb' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -726,7 +726,7 @@ const Range = class {
         const needsEndAdjustment = inItem && !hasEndContent;
         const theme$1 = ionicGlobal.getIonTheme(this);
         helpers.renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (index.h(index.Host, { key: 'abffed8811679954ae1ccded14b09c1070aec868', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '923dd14937cbc2707cbfe334c26416e0c14c08cd', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -735,10 +735,10 @@ const Range = class {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, index.h("label", { key: '4296d7310d335ba9783d96e982159e8563a3ea35', class: "range-wrapper", id: "range-label" }, index.h("div", { key: '8087acc009ee1287f0ddd483669cd6284ff84004', class: {
+            }) }, index.h("label", { key: '1d99cd4a439428a6f9982fb81884b1efb4e62ef3', class: "range-wrapper", id: "range-label" }, index.h("div", { key: '6093c0fe071e1f19a0b34a38f2e9c4e14882059a', 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: 'fa1207cbb99ccb9a9cc60c2409977c1b925476b0', class: "native-wrapper" }, index.h("slot", { key: 'fdbe6f0c142f3511e1b526f6d4df195c105660c5', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: '3f03f148fbd461a7a87c8f2da5e5cba37213ef30', name: "end" })))));
+            }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '4f8cdbbbffbf29f6ff10576297151cac66829935', class: "native-wrapper" }, index.h("slot", { key: 'b86b648ec320062586f209fb8fa127ee2b9b2e8a', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: '61f20773eed8538b3d9a1e463ec803c04ded380e', name: "end" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -891,7 +891,7 @@ const Refresher = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'fdf580e687c1cd7c507a7357ea87a03270ff9f0b', slot: "fixed", class: {
+        return (index.h(index.Host, { key: '2300b2120962468355e5bcc92520d70a2815befb', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,
@@ -963,9 +963,9 @@ const RefresherContent = class {
         const hasSpinner = pullingIcon != null && spinnerConfigs.SPINNERS[pullingIcon] !== undefined;
         const theme = ionicGlobal.getIonTheme(this);
         const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : index$2.caretBackSharp;
-        return (index.h(index.Host, { key: '3a3a3fb44f8397bb8e5019b51254ada8c26ae371', class: {
+        return (index.h(index.Host, { key: '879a710107c1de4fbc6f48ac033512dc89213b0b', class: {
                 [theme]: true,
-            } }, index.h("div", { key: '3e63966e8c2b262b1f9d4a5545dbdd00e97a4c68', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: 'd4c8fa7151cee666520a40050c58f6e8201b14a5', class: "refresher-pulling-icon" }, index.h("div", { key: '2f45a17fe5fe51e81e2d7bd580fd60ce754c5989', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: '210cd5f152453a283dbc579f545c683e3af84ea3', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (index.h("div", { key: '060c8d531e90478121113f59989ac29809f48947', class: "arrow-container" }, index.h("ion-icon", { key: '7c30ddd2c1a6e2274e7d57f792733017c663197b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '3dee253d56c871195dcd59eaedc2b867ac578319', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: '46b859328da272449f316ea8f68f3c3dd545c2e7', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: '56660f9f6cff1006c5552df3a9430124689d42cb', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: 'e8232281f251e5d0d22972fa8e38176edc3d9e5d', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '70f42df444c4669f393137f218ba9d635f76a26c', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, index.h("div", { key: '01f1eba6db5037e12170602b210b401ac2b4f2ed', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: '6cd8489bfcd91af8c8a36757307c98438d2d4a20', class: "refresher-pulling-icon" }, index.h("div", { key: 'bddb37533289a5cf237b7b1713f8c4c8639566c6', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: 'a20680bac24025b70a324d9040dc76be3e148fa0', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (index.h("div", { key: '4db2c2935ae56db34d2bc8d9030dde19bf0c023b', class: "arrow-container" }, index.h("ion-icon", { key: '028dd1e7d557f7ee55035f085c8d333d5eebf40e', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '92a198f1f00024385bc8fc65697d4c88b9123f1b', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: '62ff2c73e88de373c0822782e55e01bc961473bc', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: '4f830ad8e4cb8a8a4269ea6589631d8fcc21dd76', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: '469f24580f4357789d1ae4052f1904e9558355f2', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: 'a33c43f3c78c433e6da18d6da24fd9ae52c0a4f2', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -53,9 +53,9 @@ const Reorder = class {
     render() {
         const { reorderHandleIcon } = this;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'ba59a095c200b70c6d847dc7362d52b315dc853a', class: {
+        return (index.h(index.Host, { key: 'e73400a4cfd9893bafb4fa45b84f825fed1c2d6f', class: {
                 [theme]: true,
-            } }, index.h("slot", { key: '79be263f78cc21c9c4f91326e557e65849ab1e51' }, index.h("ion-icon", { key: '6e5c47c8bbd33f5cd405a5fd531831cb87c8e57e', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, index.h("slot", { key: '2544d544f84d09771e4c9375ba6054b4cac07d2c' }, index.h("ion-icon", { key: '3281ed9bfe01b5b3b92c7a60f31df88340d0ea88', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -319,7 +319,7 @@ const ReorderGroup = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'df12858536c409c76552fe79b88827b3c4a5d9c5', class: {
+        return (index.h(index.Host, { key: '640e9d1ad454b25564ccf4c06bcf51d77139646c', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,

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

@@ -78,7 +78,7 @@ const RippleEffect = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '502ce1841747f255dfab542914bebd0d0f4ae9bd', role: "presentation", class: {
+        return (index.h(index.Host, { key: '5e10ebed9a72e06def98285338c61749335eb753', role: "presentation", class: {
                 [theme]: true,
                 unbounded: this.unbounded,
             } }));

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

@@ -898,10 +898,10 @@ const RouterLink = class {
             rel: this.rel,
             target: this.target,
         };
-        return (index.h(index.Host, { key: '518b86cf40eb95e03f75a20ff44fff804ac8ec4d', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'bfbba199d70e52da616d54292ecb7289d8d5986e', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'ion-activatable': true,
-            }) }, index.h("a", Object.assign({ key: 'dbf3cc12752b4fa2d3873723a8ea5a30b053d261' }, attrs), index.h("slot", { key: '9614e46a8d35201937f1f9a39b88f71b78efa7a0' }))));
+            }) }, index.h("a", Object.assign({ key: '5ba349e9edb9384184a54d9aa6c3b8eed867de72' }, attrs), index.h("slot", { key: 'a12ca383f47e02606e3d3203b94b733da2f74641' }))));
     }
 };
 RouterLink.style = routerLinkCss;

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

@@ -546,8 +546,8 @@ const Searchbar = class {
         const shouldShowCancelButton = this.shouldShowCancelButton();
         const shape = this.getShape();
         const size = this.getSize();
-        const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: '3f7daa2a4ec57132e8baf591542569338e7ec9c8', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme$1 === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, index.h("div", { key: 'f214142fec5644d91eae82644558e6b817094957', "aria-hidden": "true" }, theme$1 === 'md' || theme$1 === 'ionic' ? (index.h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (index.h(index.Host, { key: '47e075305f28373fffab3e006ab4014da6dfb0c8', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: 'bd577703e95e5c52ee280d310fb82110d4eb94d4', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme$1 === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, index.h("div", { key: '95002a6fff18176511499bfa2fb5079ed2d739e3', "aria-hidden": "true" }, theme$1 === 'md' || theme$1 === 'ionic' ? (index.h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (index.h(index.Host, { key: 'f5728e8b9e9fbdac704968ada43cb74a2ccf613a', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -561,14 +561,14 @@ const Searchbar = class {
                 [`searchbar-shape-${shape}`]: shape !== undefined,
                 [`searchbar-size-${size}`]: size !== undefined,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
-            }) }, index.h("div", { key: '14b271ab3eebf1b651a8cfd758c7880b548bb98d', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: 'f84a9435002eba2084ce0269fa3c926b7c03209d', "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)), (theme$1 === 'md' || theme$1 === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (index.h("ion-icon", { key: 'e1c7a66dba99591b0e3df5966acd027a561ee0ca', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (index.h("button", { key: 'bf55ac02128e22f9d303e75b9289c251bd582cdd', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, index.h("div", { key: 'ed7c2af6a28997acff63866416c74451bad19b0a', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: '93647ea9b7e4a3936377fab9439a16d691dad68d', "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)), (theme$1 === 'md' || theme$1 === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (index.h("ion-icon", { key: 'd558fc50383653ecc155539872db047bf7f07d5d', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (index.h("button", { key: '9829cf844c79a7ee9c9b5df262f66ef16be1d131', "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: '1ce87193499ccb682ad115a64cc5579e9bb586c9', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme$1 === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, index.h("ion-icon", { key: '78c8169b86fd650ac088a51f46fe7a350ac4dda8', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme$1 === 'ios' && cancelButton));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -12,7 +12,7 @@ const SegmentContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '81cc29460a17c32592fbf9fca6242f4bb1738aa6' }, index.h("slot", { key: '4f718420caf11c6672642fcf1a1bdb7f48d6cdfc' })));
+        return (index.h(index.Host, { key: '944277fe4b3bc674688cb81008e4a3102fb7f3e2' }, index.h("slot", { key: '85bb9874479da65d52203434d32a98c7b8c47a87' })));
     }
 };
 SegmentContent.style = segmentContentCss;

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

@@ -110,10 +110,10 @@ const SegmentView = class {
     }
     render() {
         const { disabled, isManualScroll } = this;
-        return (index.h(index.Host, { key: 'caf57037127fff688f45edd7c27018fc1d8cc689', class: {
+        return (index.h(index.Host, { key: '230d33d3d25640e7a16b69d94886aa1c30d95119', class: {
                 'segment-view-disabled': disabled,
                 'segment-view-scroll-disabled': isManualScroll === false,
-            } }, index.h("slot", { key: 'f93d19747ed3f04ee5a966412f62f2900ee45480' })));
+            } }, index.h("slot", { key: '0e998f186e7e58148c5a2fd6f83e6a9aa8705d80' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -552,14 +552,14 @@ const Segment = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '578d4eb20a89742c8c3cb3109fe62a5fdf87b089', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'a0d365de03da97b691917f43fd396450cea90919', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'segment-activated': this.activated,
                 'segment-disabled': this.disabled,
                 'segment-scrollable': this.scrollable,
-            }) }, index.h("slot", { key: '4b9999c95622773aea0c1bf3d1ab9dc650efb5eb', onSlotchange: this.onSlottedItemsChange })));
+            }) }, index.h("slot", { key: '657c4337dc376708d749404f6be71959b4222a0d', onSlotchange: this.onSlottedItemsChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -680,7 +680,7 @@ const SegmentButton = class {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (index.h(index.Host, { key: '75eeffd15e3581c15f48a0b12cbf5a4229b087d6', class: {
+        return (index.h(index.Host, { key: '26f881646cda57e9deca9d479d90f844c476063e', class: {
                 [theme$1]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
@@ -696,7 +696,7 @@ const SegmentButton = class {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, index.h("button", Object.assign({ key: '701fd86647377f744d91eb92427c73583d229253', "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: '63634d3e500312c847194551996a2897610e0cc7', class: "button-inner" }, index.h("slot", { key: '89963e233c9a7ea84b7262ab84db6edbe76ee95e' })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '9d766c3d48c0b2ba50ab03f2279ccf710973bbba' })), index.h("div", { key: 'a70f2d1a57cca4e04b00b36a6b47eb93ef4cb26e', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, index.h("div", { key: 'aff9931755a1f643147bf0e7d2be29b35d8f9d41', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, index.h("button", Object.assign({ key: '556d750558f7a3bea2ed2e1e75758dc2b14bb39c', "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: 'acb1b79cf8159fda0e86fe668633a8df29bd9352', class: "button-inner" }, index.h("slot", { key: '0c035f26be096605c975763c34ddd6eb29ac660e' })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: 'f85da2793608ebc7fadbbea2cf128bec069be98e' })), index.h("div", { key: 'ef5bd54482ad94497a6a75c908ca0bc270479f51', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, index.h("div", { key: '8ba6b0aed544b72566ea0ad3059683fc67fa900d', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {