@ionic/core 8.7.6-dev.11762427934.1558d09f → 8.7.6-dev.11762446926.123acdf7

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

@@ -158,7 +158,7 @@ const Checkbox = class {
         helpers.renderHiddenInput(true, el, name, checked ? value : '', disabled);
         // The host element must have a checkbox role to ensure proper VoiceOver
         // support in Safari for accessibility.
-        return (index.h(index.Host, { key: 'd6cffe4c15f84f1d80996b152e24a27410f67974', role: "checkbox", "aria-checked": indeterminate ? 'mixed' : `${checked}`, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, "aria-labelledby": hasLabelContent ? this.inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '15c8a86ab8e23dc44d09cfe4dee99a83dda87eca', role: "checkbox", "aria-checked": indeterminate ? 'mixed' : `${checked}`, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, "aria-labelledby": hasLabelContent ? this.inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'in-item': theme.hostContext('ion-item', el),
                 'checkbox-checked': checked,
@@ -171,10 +171,10 @@ const Checkbox = class {
                 [`checkbox-label-placement-${labelPlacement}`]: true,
                 [`checkbox-size-${size}`]: size !== undefined,
                 [`checkbox-shape-${shape}`]: true,
-            }), onClick: this.onClick }, index.h("label", { key: '8718460c6d837cc85dd4abc499e272dd54c99123', class: "checkbox-wrapper", htmlFor: inputId }, index.h("input", Object.assign({ key: '5890992eab61c5559fc07fd2c8376ffe2f832d30', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, inheritedAttributes)), index.h("div", { key: '31393af0106b916dac2cee77fa481e3d5693b3b5', class: {
+            }), onClick: this.onClick }, index.h("label", { key: 'fe6f228d2e862b86e70a165baf268e972dcfb867', class: "checkbox-wrapper", htmlFor: inputId }, index.h("input", Object.assign({ key: 'afdb90c4e051ff30ec20d5fecfce2771b28c1f20', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, inheritedAttributes)), index.h("div", { key: '136503a047d9b478203e06d126a52947fa595c53', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabelContent,
-            }, part: "label", id: this.inputLabelId, onClick: this.onDivLabelClick }, index.h("slot", { key: 'd4fc48668b7b07e6d9f227bd1bf41482602fdbe6' }), this.renderHintText()), index.h("div", { key: '02758e75d81616e5ffa764b5e6d7f3137473a408', class: "native-wrapper" }, index.h("svg", { key: '770fd7b860b07cd8d174337b90e5d4d24d175268', class: "checkbox-icon", viewBox: theme$1 === 'ionic' ? '0 0 256 256' : '0 0 24 24', part: "container", "aria-hidden": "true" }, path)))));
+            }, part: "label", id: this.inputLabelId, onClick: this.onDivLabelClick }, index.h("slot", { key: '35fa9cdb5be4097a05b4dfb4a7d02fb21ecca1fa' }), this.renderHintText()), index.h("div", { key: '4f55349dc40001dc9f27ec60ed9e95732126c219', class: "native-wrapper" }, index.h("svg", { key: '92ed9f0aa55db43c9aa7ef86bdf9e8bbc8e0df17', class: "checkbox-icon", viewBox: theme$1 === 'ionic' ? '0 0 256 256' : '0 0 24 24', part: "container", "aria-hidden": "true" }, path)))));
     }
     getSVGPath(theme, indeterminate) {
         let path = indeterminate ? (index.h("path", { d: "M6 12L18 12", part: "mark" })) : (index.h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));

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

@@ -61,7 +61,7 @@ const Chip = class {
         const theme$1 = ionicGlobal.getIonTheme(this);
         const size = this.getSize();
         const shape = this.getShape();
-        return (index.h(index.Host, { key: 'ea96c8086760e827848fc37d9a2b910a621ad293', "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'ec10528929fb43fcae7d2d7c9cc52bcf67d9823e', "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`chip-${shape}`]: true,
                 'chip-outline': this.outline,
@@ -70,7 +70,7 @@ const Chip = class {
                 'ion-focusable': !this.disabled,
                 [`chip-${size}`]: size !== undefined,
                 [`chip-${hue}`]: hue !== undefined,
-            }) }, index.h("slot", { key: 'e6ba1a4993a63ffb72829ce946f64c5a494004dc' }), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '27e4540c9402d3b65ab0aa4f12b4d5ca44ab0f25' })));
+            }) }, index.h("slot", { key: 'c88e9a90b9de62fded05d4323c5b4f86f2f3e96d' }), theme$1 === 'md' && index.h("ion-ripple-effect", { key: 'f0395345064db0e02cbc886386b07d0d01cb02be' })));
     }
 };
 Chip.style = {

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

@@ -103,12 +103,12 @@ const Col = class {
         const colSize = this.getSizeClass();
         const colOrder = this.getOrderClass();
         const colOffset = this.getOffsetClass();
-        return (index.h(index.Host, { key: 'e4a5e41ee5cd7ef62aa32a1f4f290a3be2fae212', class: {
+        return (index.h(index.Host, { key: '4620a4eb3c94f744d6169ae9d4cc43e86a271a52', class: {
                 [theme]: true,
                 [`${colSize}`]: colSize !== undefined,
                 [`${colOrder}`]: colOrder !== undefined,
                 [`${colOffset}`]: colOffset !== undefined,
-            } }, index.h("slot", { key: '7058c34c183cdad24630314ec0bedffef40a32af' })));
+            } }, index.h("slot", { key: '5c3be98deed2050634396339b7787f2770a05d35' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -126,10 +126,10 @@ const Grid = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'f439594e1c4186e30d5b57bf3ca95c220df954fa', class: {
+        return (index.h(index.Host, { key: 'cd55886cabaeab57e3b13193381b196bec2f07f8', class: {
                 [theme]: true,
                 'grid-fixed': this.fixed,
-            } }, index.h("slot", { key: 'e8e01f0b46a05fb3220837fbfa9f161b086c06ad' })));
+            } }, index.h("slot", { key: 'c9b95999e6a274a8a0c997451c0be45b1304d77b' })));
     }
 };
 Grid.style = gridCss;
@@ -142,9 +142,9 @@ const Row = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '6f5dd5032485a69ddf9510e2e539a7ba90afda47', class: {
+        return (index.h(index.Host, { key: '7ba1bd208ec7fa1961c50dcd1305ae155fd57fb0', class: {
                 [theme]: true,
-            } }, index.h("slot", { key: '994dcbbc871d606b61ff5993fb29aa1fa349c483' })));
+            } }, index.h("slot", { key: '2a4204092840acbb7f0bac337306b26d9a2f8056' })));
     }
 };
 Row.style = rowCss;

package/dist/cjs/ion-datetime-button.cjs.entry.js

@@ -340,11 +340,11 @@ const DatetimeButton = class {
     render() {
         const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '2ecfe6f03acf6c81f1e650f1fee86c481e18b1bd', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '3051e96ef973302ba87c85515660c48b8136cba2', class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 [`${selectedButton}-active`]: datetimeActive,
                 ['datetime-button-disabled']: disabled,
-            }) }, dateText && (index.h("button", { key: '1aa569cc7c7522d1be720912d070299782619991', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, index.h("slot", { key: '09357e2f4756bd4a842e3742af28c09baa615cc3', name: "date-target" }, dateText), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '36d4f288b353d1a3627045d9ea960cf943c1faee' }))), timeText && (index.h("button", { key: 'f66b309484b1c859b88c635e55b35dcc522bb6fd', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, index.h("slot", { key: '72edee77f6bd115c664e6ed2ddeba030f5c0ee91', name: "time-target" }, timeText), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '98c5184fed75174d16412197aa91702e39175032' })))));
+            }) }, dateText && (index.h("button", { key: 'e3d968bcf0e7c1911bb16076123ffc1daeee62ed', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, index.h("slot", { key: 'cdf1f60a0e42cd32633563c8256a1132798e47a1', name: "date-target" }, dateText), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '2284ac36fd7522a6a2e9f7f906b2e94c48680045' }))), timeText && (index.h("button", { key: 'e591b668ffd90538716082a3648a50422c24a7c1', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, index.h("slot", { key: '5ef09df0f59663bf2437d05e16ef9d1f05ba25bd', name: "time-target" }, timeText), theme$1 === 'md' && index.h("ion-ripple-effect", { key: 'a7b5de6e3d0df722cc62abf0e8a1140463af35b5' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1932,7 +1932,7 @@ const Datetime = class {
         const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
         const hasWheelVariant = hasDatePresentation && preferWheel;
         helpers.renderHiddenInput(true, el, name, data.formatValue(value), disabled);
-        return (index.h(index.Host, { key: 'd87c9e8d85ae7b1c8af3c8f266b76dd8d364a446', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '7f0b297fa794a28497ec2b98173da884abdbdf1b', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
                 [theme$1]: true,
                 ['datetime-readonly']: readonly,
                 ['datetime-disabled']: disabled,
@@ -1942,7 +1942,7 @@ const Datetime = class {
                 [`datetime-size-${size}`]: true,
                 [`datetime-prefer-wheel`]: hasWheelVariant,
                 [`datetime-grid`]: isGridStyle,
-            })) }, index.h("div", { key: '4d2e7316268ebbadf79f00b5d85928bbeffd283d', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(theme$1)));
+            })) }, index.h("div", { key: '44ae95f094db5f7e2d45c98478636da9e6ab3491', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(theme$1)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2220,11 +2220,11 @@ const Picker = class {
     render() {
         const { htmlAttributes } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, Object.assign({ key: 'efcc823fad9cb37c1379bef4f4b84c6461f3a3a6', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: '5be65f42e2ce3d4d6adaf431f37a4a6d83a66e6e', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: Object.assign({ [theme$1]: true,
                 // Used internally for styling
-                [`picker-${theme$1}`]: true, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), index.h("ion-backdrop", { key: '3f44bf34e039210ae149c590c393ee9f7fb85da0', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'c2a51a89c525b1a22cbc8583cd30f41c3c356d4f', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: '23837ffe309d0aad9b8ea09d7ac94d21040ef0d7', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, index.h("div", { key: '91ba7e553d570768142715ded4bcc27fceedbce4', class: "picker-toolbar" }, this.buttons.map((b) => (index.h("div", { class: buttonWrapperClass(b) }, index.h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), index.h("div", { key: '22661cafeb555f1435ec1e0a122404a48136095b', class: "picker-columns" }, index.h("div", { key: '5f3db32468b8c60f63c70d81a27b18cce6f2e259', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => index.h("ion-picker-legacy-column", { col: c })), index.h("div", { key: '1bae6b170125b1671a480506ba73636b42b65909', class: "picker-below-highlight" }))), index.h("div", { key: '91beb94ce537122fbd6cd0c2bd3c00f908d0fefe', tabindex: "0", "aria-hidden": "true" })));
+                [`picker-${theme$1}`]: true, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), index.h("ion-backdrop", { key: '3a611227f9de69d89a3171ad108dd11d1928c671', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'a577468549382d405258c93731c2cba6e4a32879', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: 'e86289348943e6a3b6b11f5edd8d58acb841eaad', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, index.h("div", { key: 'db47deaf34cb6d8f7e47921264ca171a58b60d8b', class: "picker-toolbar" }, this.buttons.map((b) => (index.h("div", { class: buttonWrapperClass(b) }, index.h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), index.h("div", { key: '53a7ab27826f3a2eef6b1fdd767bce675a1d344a', class: "picker-columns" }, index.h("div", { key: 'ccc435173195f9267a838c881eea1d9715046731', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => index.h("ion-picker-legacy-column", { col: c })), index.h("div", { key: '3499cb548af069936b414f46155bb07427bc21c2', class: "picker-below-highlight" }))), index.h("div", { key: 'f93e65707c71f594ea6e076292680c7f54208b17', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2578,9 +2578,9 @@ const PickerColumnCmp = class {
     render() {
         const col = this.col;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '66a5b7f51aa1ee343dbad3830e03933dbdab27ed', class: Object.assign({ [theme$1]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, theme.getClassMap(col.cssClass)), style: {
+        return (index.h(index.Host, { key: 'c50f127ada94ef8e284129f704a4201275f85873', class: Object.assign({ [theme$1]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, theme.getClassMap(col.cssClass)), style: {
                 'max-width': this.col.columnWidth,
-            } }, col.prefix && (index.h("div", { key: '19a170752bacdabd50c719f6d1aa9e58a2bd830b', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), index.h("div", { key: '871671f796aa6a1f78e07ab2599d94b5fd8cd0bf', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index$1) => (index.h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index$1 }, o.text)))), col.suffix && (index.h("div", { key: '89792e1dc75a4359a4706a8fd1846fe29b866173', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (index.h("div", { key: '1b7c6b050049315ece6b36a5af1d842446e13c70', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), index.h("div", { key: 'd1ff3f80b3edd70d923b86a120f2a7ef5b24a53c', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index$1) => (index.h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index$1 }, o.text)))), col.suffix && (index.h("div", { key: '496213486f1268e4a828650f55b22f97fa89471e', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -35,11 +35,11 @@ const Divider = class {
     render() {
         const { inset, spacing } = this;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '387f7cb3ce69a1d4aa299f988d21d731fd5775d9', class: {
+        return (index.h(index.Host, { key: '6cc1572a93abaf49be7e27348bf513cb7ee24bff', class: {
                 [theme]: true,
                 [`divider-spacing-${spacing}`]: spacing !== undefined,
                 [`divider-inset`]: inset,
-            } }, index.h("hr", { key: 'cecfeab61e8f532a1eda36e73011f5447be63480' })));
+            } }, index.h("hr", { key: '19e4cef3f90d92b56ae0bece15dbdcfbf18d72d9' })));
     }
 };
 Divider.style = {

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

@@ -65,12 +65,12 @@ const Fab = class {
     render() {
         const { horizontal, vertical, edge } = this;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '8b758c5283382f1bddd051f5a575d4952b001c50', class: {
+        return (index.h(index.Host, { key: '569b07978a63756169d050f3b67368cecf26dd98', class: {
                 [theme]: true,
                 [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
                 [`fab-vertical-${vertical}`]: vertical !== undefined,
                 'fab-edge': edge,
-            } }, index.h("slot", { key: '45ce20f308b3de9c09d625d45b3f3dc7b4ee8652' })));
+            } }, index.h("slot", { key: 'cd10d4baa1c2e8c2dcfefe66bdb7ffb8262f8e17' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -169,7 +169,7 @@ const FabButton = class {
                 rel: this.rel,
                 target: this.target,
             };
-        return (index.h(index.Host, { key: 'ffc552ad3b542e0f79e319fa86b063c3289e1a23', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '7d1b93dbec8f6b974db63168c55353b93ff169aa', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'fab-button-in-list': inList,
                 'fab-button-translucent-in-list': inList && translucent,
@@ -180,7 +180,7 @@ const FabButton = class {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 [`fab-button-${size}`]: size !== undefined,
-            }) }, index.h(TagType, Object.assign({ key: 'acf0c99822630499b171f0873924cfe10ef41547' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => theme.openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), index.h("ion-icon", { key: '236a7340cf8213a69325716cb3b813abb627b40a', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), index.h("span", { key: '908a53794c801a64c8cdae9b08ae75deb93a5b22', class: "button-inner" }, index.h("slot", { key: '41bf30e091cfcf90dcf3975a4b05a30c987e8aae' })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: 'b665e44a357138ef30454e267a2214356dc0fe3b' }))));
+            }) }, index.h(TagType, Object.assign({ key: 'cac887802056b25fee955e272febdb41745c731c' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => theme.openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), index.h("ion-icon", { key: 'c5a932c45ec7ff131d484463203275210cdc5b3a', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), index.h("span", { key: 'bf8f5208c941dc3ddc2b719dbb2f2cf999e2b6a8', class: "button-inner" }, index.h("slot", { key: '213ca4696b7072ef2dfee806d11d8ddd26abf7af' })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: 'a2947193263e8ef97eccb15de9f5aa937e87086b' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -214,11 +214,11 @@ const FabList = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'b0e984c110ea8bf4aa0daeca5f66253c9e0666fd', class: {
+        return (index.h(index.Host, { key: '8b4d0419170ba48e5d9d1152dcae2b35281cd800', class: {
                 [theme]: true,
                 'fab-list-active': this.activated,
                 [`fab-list-side-${this.side}`]: true,
-            } }, index.h("slot", { key: '7bedbb010e89d1304d86c4261f5378e90741611e' })));
+            } }, index.h("slot", { key: '9276798e2c581440c46ff9914809e87203a86b1b' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -75,9 +75,9 @@ const Img = class {
         const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
         const { draggable } = inheritedAttributes;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '70377d0128ad109580598f5c0a19cdee1d1f8f2a', class: {
+        return (index.h(index.Host, { key: '1aa7be8e15beabbc92ee21127960f7cfc778555d', class: {
                 [theme]: true,
-            } }, index.h("img", { key: '022467667337d04384d19d78378b5cf499e1b6c9', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
+            } }, index.h("img", { key: 'a74a222d3b9d232619471ac9089c365b3e7a9b04', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js

@@ -270,7 +270,7 @@ const InfiniteScroll = class {
     render() {
         const theme = ionicGlobal.getIonTheme(this);
         const disabled = this.disabled;
-        return (index.h(index.Host, { key: 'd2505798673c258aa017ecbe646b59105a62970d', class: {
+        return (index.h(index.Host, { key: '22d99824cb589d9024666a3c1ed205f781858eed', class: {
                 [theme]: true,
                 'infinite-scroll-loading': this.isLoading,
                 'infinite-scroll-enabled': !disabled,
@@ -310,11 +310,11 @@ const InfiniteScrollContent = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '51742937a374c43c290c20569857f617c99e1e7c', class: {
+        return (index.h(index.Host, { key: 'e94d19f17ef9d4d77786716152e3206366feb546', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`infinite-scroll-content-${theme}`]: true,
-            } }, index.h("div", { key: '42c249b6df301004a834bb615766c38d5ab03d91', class: "infinite-loading" }, this.loadingSpinner && (index.h("div", { key: '7cc7aab81997ef58b914e084402f45dc3abf2ce4', class: "infinite-loading-spinner" }, index.h("ion-spinner", { key: '5c84df7096076580e0bb4926d377c2fac4f75c3d', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
+            } }, index.h("div", { key: '35fcc0572ad27a683aa55a704bd11b19fcdfd29c', class: "infinite-loading" }, this.loadingSpinner && (index.h("div", { key: 'fec3c13dbb2fa98699401147ce442b73e97e8bd8', class: "infinite-loading-spinner" }, index.h("ion-spinner", { key: '6cd6083255dacc891b4d201477e6bffccb1084bc', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
     }
 };
 InfiniteScrollContent.style = {

package/dist/cjs/ion-input-otp.cjs.entry.js

@@ -620,7 +620,7 @@ const InputOTP = class {
         const tabbableIndex = this.getTabbableIndex();
         const pattern = this.getPattern();
         const hasDescription = ((_b = (_a = el.querySelector('.input-otp-description')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) !== '';
-        return (index.h(index.Host, { key: '16e1e487d2aabe8e9f84682fb50f30966179ffa6', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'b7709a1fd155bd4484fb6f20a2f0c1cdb13809a7', class: theme.createColorClasses(color, {
                 [mode]: true,
                 'has-focus': hasFocus,
                 [`input-otp-size-${size}`]: true,
@@ -628,10 +628,10 @@ const InputOTP = class {
                 [`input-otp-fill-${fill}`]: true,
                 'input-otp-disabled': disabled,
                 'input-otp-readonly': readonly,
-            }) }, index.h("div", Object.assign({ key: 'd7757f5984abe39da9b6320683198db040d0220e', role: "group", "aria-label": "One-time password input", class: "input-otp-group" }, inheritedAttributes), Array.from({ length }).map((_, index$1) => (index.h(index.Fragment, null, index.h("div", { class: "native-wrapper" }, index.h("input", { class: "native-input", id: `${inputId}-${index$1}`, "aria-label": `Input ${index$1 + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index$1 === tabbableIndex ? 0 : -1, value: inputValues[index$1] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index$1] = el), onInput: this.onInput(index$1), onBlur: this.onBlur, onFocus: this.onFocus(index$1), onKeyDown: this.onKeyDown(index$1), onPaste: this.onPaste })), this.showSeparator(index$1) && index.h("div", { class: "input-otp-separator" }))))), index.h("div", { key: '6254cef5b2379359b319b4e573868340885e310a', class: {
+            }) }, index.h("div", Object.assign({ key: '5948befd722de44eea8aa1a759ae465bebef0d52', role: "group", "aria-label": "One-time password input", class: "input-otp-group" }, inheritedAttributes), Array.from({ length }).map((_, index$1) => (index.h(index.Fragment, null, index.h("div", { class: "native-wrapper" }, index.h("input", { class: "native-input", id: `${inputId}-${index$1}`, "aria-label": `Input ${index$1 + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index$1 === tabbableIndex ? 0 : -1, value: inputValues[index$1] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index$1] = el), onInput: this.onInput(index$1), onBlur: this.onBlur, onFocus: this.onFocus(index$1), onKeyDown: this.onKeyDown(index$1), onPaste: this.onPaste })), this.showSeparator(index$1) && index.h("div", { class: "input-otp-separator" }))))), index.h("div", { key: 'bb4cdd1da7e42b6d2b8b50fc2ec52ed526608cdd', class: {
                 'input-otp-description': true,
                 'input-otp-description-hidden': !hasDescription,
-            } }, index.h("slot", { key: '4f4b63bb67a01b7618719f9bde56ef60d582e7d6' }))));
+            } }, index.h("slot", { key: '006fe25a24266eae57a9c1b58fbfc28008cfb816' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-input-password-toggle.cjs.entry.js

@@ -101,16 +101,16 @@ const InputPasswordToggle = class {
         const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
         const mode = ionicGlobal.getIonMode(this);
         const isPasswordVisible = type === 'text';
-        return (index.h(index.Host, { key: 'e265bb6460041189fea1812d391121a9e8dde669', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'e3c21d5bedebeadb57c0c9b7f065d15ab0d49e4a', class: theme.createColorClasses(color, {
                 [mode]: true,
-            }) }, index.h("ion-button", { key: 'b7ca2e12e3b1b9a161acc002abb8f1b8efeea46e', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": isPasswordVisible ? 'Hide password' : 'Show password', role: "switch", type: "button", onPointerDown: (ev) => {
+            }) }, index.h("ion-button", { key: 'c2529009a921f2fd133f2b3c4f8d36fa66fbfd30', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": isPasswordVisible ? 'Hide password' : 'Show password', role: "switch", type: "button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the password toggle
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: this.togglePasswordVisibility }, index.h("ion-icon", { key: '4d5ba21325812d9c820ae26688d17ae821ffd25c', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
+            }, onClick: this.togglePasswordVisibility }, index.h("ion-icon", { key: 'bc25d56ce0402565a2c7c0d617349138a04c008d', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -600,7 +600,7 @@ const Input = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (index.h(index.Host, { key: '83b06d3ba2deb8be1aac86573e44eb9fedaf8ebc', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'c01b7ed35861999d1a73b12d853fa90deb831963', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -613,7 +613,7 @@ const Input = class {
                 'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
                 'input-disabled': disabled,
                 'input-readonly': readonly,
-            }) }, index.h("label", { key: 'd30a09196b14b7c50c81ee81b0db153a0a552ff8', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), index.h("div", { key: 'bd215e071a7c82b530c36bf98481b8a21bf827a8', class: "native-wrapper", onClick: this.onLabelClick }, 
+            }) }, index.h("label", { key: '49b13f7970d0839d8286a32b52360356f9bd7399', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), index.h("div", { key: '2a976896662e4f18f5b86d7dada141222533047e', class: "native-wrapper", onClick: this.onLabelClick }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -623,14 +623,14 @@ const Input = class {
          * <label> element, ensuring that clicking the label text
          * focuses the input.
          */
-        theme$1 === 'ionic' && index.h("div", { key: 'f77b77e9b3fa8f704f676a876abb237ade2c6a80', class: "input-outline" }), index.h("slot", { key: '5bf76988e97fb13db47b10a2ea9016c9db582d64', name: "start" }), index.h("input", Object.assign({ key: '98772c54302eb90155511e234d3c0948b46f7907', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (index.h("button", { key: 'd0adf91f18cdff60b5d5055a53fb8a1e33cda140', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
+        theme$1 === 'ionic' && index.h("div", { key: '47fe7d74f50bfa1aeec03ba3cb1edb0df941773f', class: "input-outline" }), index.h("slot", { key: 'f9b9884467a216bd0c7af49b512ed22ef67f81f2', name: "start" }), index.h("input", Object.assign({ key: '12ab5fe9b82083637dbb2c6163b829af69cc9a5f', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (index.h("button", { key: '284e6a89fe06fc7de2d0d7cac24ae5330f10594c', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: this.clearTextInput }, index.h("ion-icon", { key: '6fc9e8afce4d19cfbad9fb8044c32beb4a5734a5', "aria-hidden": "true", icon: inputClearIcon }))), index.h("slot", { key: '493645d76a65e3e469c516e1244e3ff23d9d6f29', name: "end" })), shouldRenderHighlight && index.h("div", { key: '270caadc085e6f30b663b2bac03495bb8ce47e42', class: "input-highlight" })), this.renderBottomContent()));
+            }, onClick: this.clearTextInput }, index.h("ion-icon", { key: '58ceb89a48d5db08ddb5b22397d29e6ab3524f9c', "aria-hidden": "true", icon: inputClearIcon }))), index.h("slot", { key: 'a90f9f0b9439e0aa19de35e24ea9ed587ab51add', name: "end" })), shouldRenderHighlight && index.h("div", { key: '413fe8aa2eeaf41ab90a3b77a6abb20b19ad8446', class: "input-highlight" })), this.renderBottomContent()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -70,14 +70,14 @@ const ItemOption = class {
                 href: this.href,
                 target: this.target,
             };
-        return (index.h(index.Host, { key: 'c36a39053b339086ee45e30a5051256fecf1e9d6', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '419c8059b80ed543021016ae8e47a8c293c61544', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`item-option-${shape}`]: shape !== undefined,
                 [`item-option-${hue}`]: hue !== undefined,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, index.h(TagType, Object.assign({ key: '8fa60eb0b2538cd1afe7ad26d0ba9ea0a152b754' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: 'd444dd749c3abfdb43f66ac8eae49c3e3b3b9960', class: "button-inner" }, index.h("slot", { key: 'b8164b8893c95c6d4ae9d79a5755eb52c3a1af22', name: "top" }), index.h("div", { key: '6c840ac03adc45b6dce2f11d64b143a3208e2071', class: "horizontal-wrapper" }, index.h("slot", { key: '8c08ea25119e1831b9320c2f2e61461d45158611', name: "start" }), index.h("slot", { key: 'dfc5823b66fcfdcad6277105bd86590958632fdd', name: "icon-only" }), index.h("slot", { key: '30d0d597802daca4a534055e3f326c38a77c5cf8' }), index.h("slot", { key: 'bc58e8826067ad905b81608ad0344ed4dedd3a07', name: "end" })), index.h("slot", { key: '59c3e025a00824c163dbcbeb359ba82871ba06f2', name: "bottom" })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '046a2ae39dbec7aebcbac3e250d80016065ed0f0' }))));
+            }) }, index.h(TagType, Object.assign({ key: 'b68a20876078d8c3281ad95c4d25c786ea8534b6' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: '2cca3a5fe121020e647306e73f5a6568e0114e52', class: "button-inner" }, index.h("slot", { key: 'a58b51ec7a506997f0a7ef419ea2eacd7e317cb0', name: "top" }), index.h("div", { key: '51d3078bcaf1b587b4d989faaba9eccc064299a1', class: "horizontal-wrapper" }, index.h("slot", { key: 'f9a5c0f1036dabc30649a31da851acc947e8d0dd', name: "start" }), index.h("slot", { key: '57474d0a32f99a7d773db30093ab3d4a0529d1c0', name: "icon-only" }), index.h("slot", { key: 'e9415a290913d535b82a74303fe73b779ff5b5be' }), index.h("slot", { key: 'e33e61278c599989c80fc410b94688288c0c13f5', name: "end" })), index.h("slot", { key: '4f3b12f4fcc09e8f87f35ea8c87cf40d15b5ef42', name: "bottom" })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '56a65a555e12f0051d69447d786799e1b21683a6' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -112,7 +112,7 @@ const ItemOptions = class {
     render() {
         const theme = ionicGlobal.getIonTheme(this);
         const isEnd = helpers.isEndSide(this.side);
-        return (index.h(index.Host, { key: 'cc55282505679d51fb90ebf30869e930c71afbd4', class: {
+        return (index.h(index.Host, { key: '631db06441daa78759d646ab8d9e1804184be7ea', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-options-${theme}`]: true,
@@ -524,7 +524,7 @@ const ItemSliding = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '79cd09dd43183008f470b31abb7b3606f653a98b', class: {
+        return (index.h(index.Host, { key: '837e7162dfc6d2cebcdf3efc40d1c6aa88739451', class: {
                 [theme]: 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

@@ -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

@@ -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 {