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

package/hydrate/index.js

@@ -10019,11 +10019,11 @@ class Card {
     }; }
 }
 
-const cardContentIonicCss = "ion-card-content{position:relative}.card-content-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--token-space-400, var(--token-scale-400, 16px))}.card-content-ionic img{margin-left:0;margin-right:0;margin-top:var(--token-space-200, var(--token-scale-200, 8px));margin-bottom:var(--token-space-200, var(--token-scale-200, 8px))}ion-card-header+.card-content-ionic{padding-top:0}";
+const cardContentIonicCss = ":host{position:relative}:host{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--token-space-400, var(--token-scale-400, 16px))}::slotted(img){margin-left:0;margin-right:0;margin-top:var(--token-space-200, var(--token-scale-200, 8px));margin-bottom:var(--token-space-200, var(--token-scale-200, 8px))}";
 
-const cardContentIosCss = "ion-card-content{position:relative}ion-card-content{display:block}.card-content-ios{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;font-size:1rem;line-height:1.4}.card-content-ios h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.card-content-ios h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}.card-content-ios h3,.card-content-ios h4,.card-content-ios h5,.card-content-ios h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal}.card-content-ios p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem}ion-card-header+.card-content-ios{padding-top:0}";
+const cardContentIosCss = ":host{position:relative}:host{display:block}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;font-size:1rem;line-height:1.4}::slotted(h1){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}::slotted(h2){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal}::slotted(p){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem}";
 
-const cardContentMdCss = "ion-card-content{position:relative}ion-card-content{display:block}.card-content-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:13px;padding-bottom:13px;font-size:0.875rem;line-height:1.5}.card-content-md h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.card-content-md h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}.card-content-md h3,.card-content-md h4,.card-content-md h5,.card-content-md h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal}.card-content-md p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;font-weight:normal;line-height:1.5}ion-card-header+.card-content-md{padding-top:0}";
+const cardContentMdCss = ":host{position:relative}:host{display:block}:host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:13px;padding-bottom:13px;font-size:0.875rem;line-height:1.5}::slotted(h1){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}::slotted(h2){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal}::slotted(p){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;font-weight:normal;line-height:1.5}";
 
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
@@ -10035,11 +10035,9 @@ class CardContent {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '9e0a23306b43bafffd82900a4da7e020fe45c04f', class: {
+        return (hAsync(Host, { key: 'c01bc2a0212e1567b9654a4a79670ae636779764', class: {
                 [theme]: true,
-                // Used internally for styling
-                [`card-content-${theme}`]: true,
-            } }));
+            } }, hAsync("slot", { key: 'beb72f0ed2c9924eb198a30bf6942a430b22d2a7' })));
     }
     static get style() { return {
         ionic: cardContentIonicCss,
@@ -10047,7 +10045,7 @@ class CardContent {
         md: cardContentMdCss
     }; }
     static get cmpMeta() { return {
-        "$flags$": 288,
+        "$flags$": 297,
         "$tagName$": "ion-card-content",
         "$members$": undefined,
         "$listeners$": undefined,
@@ -10078,11 +10076,11 @@ class CardHeader {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '2d5d1399c54960f0ccb114a6aaddd7ff16d3d091', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '5bc382eaec57b8b5805ebbe6e20975fef774863e', class: createColorClasses$1(this.color, {
                 'card-header-translucent': this.translucent,
                 'ion-inherit-color': true,
                 [theme]: true,
-            }) }, hAsync("slot", { key: 'aae02f8bcd357d741990353cc09dafcbce3139c5' })));
+            }) }, hAsync("slot", { key: 'ffa37e23c45c9df26198b78c152252afa62c436e' })));
     }
     static get style() { return {
         ionic: cardHeaderIonicCss,
@@ -10118,10 +10116,10 @@ class CardSubtitle {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '91e326f598ccf4f2c6b3030cbdb69b065d9a8434', role: "heading", "aria-level": "3", class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '2599d9c0cdbe4dc8d35a0013d9884b88cd96acfc', role: "heading", "aria-level": "3", class: createColorClasses$1(this.color, {
                 'ion-inherit-color': true,
                 [theme]: true,
-            }) }, hAsync("slot", { key: 'b23b77de6877e1e1212bc624410ad4d0ce4727a9' })));
+            }) }, hAsync("slot", { key: 'e786776c98e3a8b046777f185bb721fe6739c4cf' })));
     }
     static get style() { return {
         ionic: cardSubtitleIonicCss,
@@ -10156,10 +10154,10 @@ class CardTitle {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: 'abcd0c06a8afd4b358442588a0171354c4b24b45', role: "heading", "aria-level": "2", class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'bf74b6498640e8207d9962453e5b351aad480547', role: "heading", "aria-level": "2", class: createColorClasses$1(this.color, {
                 'ion-inherit-color': true,
                 [theme]: true,
-            }) }, hAsync("slot", { key: '8bf45935b7d625d379d7fb6e87fc9db7dddd15f9' })));
+            }) }, hAsync("slot", { key: 'ffc0863719f4582028a1249fdcb78aa03b123d3f' })));
     }
     static get style() { return {
         ionic: ionicCardTitleMdCss,
@@ -10340,7 +10338,7 @@ class Checkbox {
         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 (hAsync(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: createColorClasses$1(color, {
+        return (hAsync(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: createColorClasses$1(color, {
                 [theme]: true,
                 'in-item': hostContext('ion-item', el),
                 'checkbox-checked': checked,
@@ -10353,10 +10351,10 @@ class Checkbox {
                 [`checkbox-label-placement-${labelPlacement}`]: true,
                 [`checkbox-size-${size}`]: size !== undefined,
                 [`checkbox-shape-${shape}`]: true,
-            }), onClick: this.onClick }, hAsync("label", { key: '8718460c6d837cc85dd4abc499e272dd54c99123', class: "checkbox-wrapper", htmlFor: inputId }, hAsync("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)), hAsync("div", { key: '31393af0106b916dac2cee77fa481e3d5693b3b5', class: {
+            }), onClick: this.onClick }, hAsync("label", { key: 'fe6f228d2e862b86e70a165baf268e972dcfb867', class: "checkbox-wrapper", htmlFor: inputId }, hAsync("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)), hAsync("div", { key: '136503a047d9b478203e06d126a52947fa595c53', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabelContent,
-            }, part: "label", id: this.inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: 'd4fc48668b7b07e6d9f227bd1bf41482602fdbe6' }), this.renderHintText()), hAsync("div", { key: '02758e75d81616e5ffa764b5e6d7f3137473a408', class: "native-wrapper" }, hAsync("svg", { key: '770fd7b860b07cd8d174337b90e5d4d24d175268', class: "checkbox-icon", viewBox: theme === 'ionic' ? '0 0 256 256' : '0 0 24 24', part: "container", "aria-hidden": "true" }, path)))));
+            }, part: "label", id: this.inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: '35fa9cdb5be4097a05b4dfb4a7d02fb21ecca1fa' }), this.renderHintText()), hAsync("div", { key: '4f55349dc40001dc9f27ec60ed9e95732126c219', class: "native-wrapper" }, hAsync("svg", { key: '92ed9f0aa55db43c9aa7ef86bdf9e8bbc8e0df17', class: "checkbox-icon", viewBox: theme === 'ionic' ? '0 0 256 256' : '0 0 24 24', part: "container", "aria-hidden": "true" }, path)))));
     }
     getSVGPath(theme, indeterminate) {
         let path = indeterminate ? (hAsync("path", { d: "M6 12L18 12", part: "mark" })) : (hAsync("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
@@ -10463,7 +10461,7 @@ class Chip {
         const theme = getIonTheme(this);
         const size = this.getSize();
         const shape = this.getShape();
-        return (hAsync(Host, { key: 'ea96c8086760e827848fc37d9a2b910a621ad293', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'ec10528929fb43fcae7d2d7c9cc52bcf67d9823e', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 [`chip-${shape}`]: true,
                 'chip-outline': this.outline,
@@ -10472,7 +10470,7 @@ class Chip {
                 'ion-focusable': !this.disabled,
                 [`chip-${size}`]: size !== undefined,
                 [`chip-${hue}`]: hue !== undefined,
-            }) }, hAsync("slot", { key: 'e6ba1a4993a63ffb72829ce946f64c5a494004dc' }), theme === 'md' && hAsync("ion-ripple-effect", { key: '27e4540c9402d3b65ab0aa4f12b4d5ca44ab0f25' })));
+            }) }, hAsync("slot", { key: 'c88e9a90b9de62fded05d4323c5b4f86f2f3e96d' }), theme === 'md' && hAsync("ion-ripple-effect", { key: 'f0395345064db0e02cbc886386b07d0d01cb02be' })));
     }
     static get style() { return {
         ionic: chipIonicCss,
@@ -10596,12 +10594,12 @@ class Col {
         const colSize = this.getSizeClass();
         const colOrder = this.getOrderClass();
         const colOffset = this.getOffsetClass();
-        return (hAsync(Host, { key: 'e4a5e41ee5cd7ef62aa32a1f4f290a3be2fae212', class: {
+        return (hAsync(Host, { key: '4620a4eb3c94f744d6169ae9d4cc43e86a271a52', class: {
                 [theme]: true,
                 [`${colSize}`]: colSize !== undefined,
                 [`${colOrder}`]: colOrder !== undefined,
                 [`${colOffset}`]: colOffset !== undefined,
-            } }, hAsync("slot", { key: '7058c34c183cdad24630314ec0bedffef40a32af' })));
+            } }, hAsync("slot", { key: '5c3be98deed2050634396339b7787f2770a05d35' })));
     }
     get el() { return getElement(this); }
     static get style() { return colCss; }
@@ -11004,7 +11002,7 @@ class Content {
         const forceOverscroll = this.shouldForceOverscroll(mode);
         const transitionShadow = theme === 'ios';
         this.resize();
-        return (hAsync(Host, Object.assign({ key: 'ee94e34dd128cb2a21ef2b370d35e099a1125447', role: isMainContent ? 'main' : undefined, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, Object.assign({ key: 'bb748c71d1b37dd18e39d4993a02e259a5797ee5', role: isMainContent ? 'main' : undefined, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'content-sizing': hostContext('ion-popover', this.el),
                 overscroll: forceOverscroll,
@@ -11012,12 +11010,12 @@ class Content {
             }), style: {
                 '--offset-top': `${this.cTop}px`,
                 '--offset-bottom': `${this.cBottom}px`,
-            } }, inheritedAttributes), hAsync("div", { key: '75954692de33cae260441064d0c4034d818b7de6', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? hAsync("slot", { name: "fixed" }) : null, hAsync("div", { key: '374f5d2da6f15b42df0ad268c2f9a188ac6aedcb', class: {
+            } }, inheritedAttributes), hAsync("div", { key: '2f5df1e55ba6425f5fdf46887be023d2b76f28a9', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? hAsync("slot", { name: "fixed" }) : null, hAsync("div", { key: '809f63d3a58637dec2fb854f38733c3f7879b439', class: {
                 'inner-scroll': true,
                 'scroll-x': scrollX,
                 'scroll-y': scrollY,
                 overscroll: (scrollX || scrollY) && forceOverscroll,
-            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: '625c1dc26f6b6c43ade2de6f61a92ae7a8bcbaa7' })), transitionShadow ? (hAsync("div", { class: "transition-effect" }, hAsync("div", { class: "transition-cover" }), hAsync("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? hAsync("slot", { name: "fixed" }) : null));
+            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: 'c7c648ea22a5955170b8eaf1e48ff9799728addc' })), transitionShadow ? (hAsync("div", { class: "transition-effect" }, hAsync("div", { class: "transition-cover" }), hAsync("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? hAsync("slot", { name: "fixed" }) : null));
     }
     get el() { return getElement(this); }
     static get style() { return contentCss; }
@@ -14669,7 +14667,7 @@ class Datetime {
         const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
         const hasWheelVariant = hasDatePresentation && preferWheel;
         renderHiddenInput(true, el, name, formatValue(value), disabled);
-        return (hAsync(Host, { key: 'd87c9e8d85ae7b1c8af3c8f266b76dd8d364a446', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
+        return (hAsync(Host, { key: '7f0b297fa794a28497ec2b98173da884abdbdf1b', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
                 [theme]: true,
                 ['datetime-readonly']: readonly,
                 ['datetime-disabled']: disabled,
@@ -14679,7 +14677,7 @@ class Datetime {
                 [`datetime-size-${size}`]: true,
                 [`datetime-prefer-wheel`]: hasWheelVariant,
                 [`datetime-grid`]: isGridStyle,
-            })) }, hAsync("div", { key: '4d2e7316268ebbadf79f00b5d85928bbeffd283d', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(theme)));
+            })) }, hAsync("div", { key: '44ae95f094db5f7e2d45c98478636da9e6ab3491', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(theme)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -15094,11 +15092,11 @@ class DatetimeButton {
     render() {
         const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '2ecfe6f03acf6c81f1e650f1fee86c481e18b1bd', class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '3051e96ef973302ba87c85515660c48b8136cba2', class: createColorClasses$1(color, {
                 [theme]: true,
                 [`${selectedButton}-active`]: datetimeActive,
                 ['datetime-button-disabled']: disabled,
-            }) }, dateText && (hAsync("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) }, hAsync("slot", { key: '09357e2f4756bd4a842e3742af28c09baa615cc3', name: "date-target" }, dateText), theme === 'md' && hAsync("ion-ripple-effect", { key: '36d4f288b353d1a3627045d9ea960cf943c1faee' }))), timeText && (hAsync("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) }, hAsync("slot", { key: '72edee77f6bd115c664e6ed2ddeba030f5c0ee91', name: "time-target" }, timeText), theme === 'md' && hAsync("ion-ripple-effect", { key: '98c5184fed75174d16412197aa91702e39175032' })))));
+            }) }, dateText && (hAsync("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) }, hAsync("slot", { key: 'cdf1f60a0e42cd32633563c8256a1132798e47a1', name: "date-target" }, dateText), theme === 'md' && hAsync("ion-ripple-effect", { key: '2284ac36fd7522a6a2e9f7f906b2e94c48680045' }))), timeText && (hAsync("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) }, hAsync("slot", { key: '5ef09df0f59663bf2437d05e16ef9d1f05ba25bd', name: "time-target" }, timeText), theme === 'md' && hAsync("ion-ripple-effect", { key: 'a7b5de6e3d0df722cc62abf0e8a1140463af35b5' })))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -15154,11 +15152,11 @@ class Divider {
     render() {
         const { inset, spacing } = this;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '387f7cb3ce69a1d4aa299f988d21d731fd5775d9', class: {
+        return (hAsync(Host, { key: '6cc1572a93abaf49be7e27348bf513cb7ee24bff', class: {
                 [theme]: true,
                 [`divider-spacing-${spacing}`]: spacing !== undefined,
                 [`divider-inset`]: inset,
-            } }, hAsync("hr", { key: 'cecfeab61e8f532a1eda36e73011f5447be63480' })));
+            } }, hAsync("hr", { key: '19e4cef3f90d92b56ae0bece15dbdcfbf18d72d9' })));
     }
     static get style() { return {
         ionic: dividerIonicCss,
@@ -15236,12 +15234,12 @@ class Fab {
     render() {
         const { horizontal, vertical, edge } = this;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '8b758c5283382f1bddd051f5a575d4952b001c50', class: {
+        return (hAsync(Host, { key: '569b07978a63756169d050f3b67368cecf26dd98', class: {
                 [theme]: true,
                 [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
                 [`fab-vertical-${vertical}`]: vertical !== undefined,
                 'fab-edge': edge,
-            } }, hAsync("slot", { key: '45ce20f308b3de9c09d625d45b3f3dc7b4ee8652' })));
+            } }, hAsync("slot", { key: 'cd10d4baa1c2e8c2dcfefe66bdb7ffb8262f8e17' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -15364,7 +15362,7 @@ class FabButton {
                 rel: this.rel,
                 target: this.target,
             };
-        return (hAsync(Host, { key: 'ffc552ad3b542e0f79e319fa86b063c3289e1a23', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '7d1b93dbec8f6b974db63168c55353b93ff169aa', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
                 [theme]: true,
                 'fab-button-in-list': inList,
                 'fab-button-translucent-in-list': inList && translucent,
@@ -15375,7 +15373,7 @@ class FabButton {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 [`fab-button-${size}`]: size !== undefined,
-            }) }, hAsync(TagType, Object.assign({ key: 'acf0c99822630499b171f0873924cfe10ef41547' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), hAsync("ion-icon", { key: '236a7340cf8213a69325716cb3b813abb627b40a', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), hAsync("span", { key: '908a53794c801a64c8cdae9b08ae75deb93a5b22', class: "button-inner" }, hAsync("slot", { key: '41bf30e091cfcf90dcf3975a4b05a30c987e8aae' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'b665e44a357138ef30454e267a2214356dc0fe3b' }))));
+            }) }, hAsync(TagType, Object.assign({ key: 'cac887802056b25fee955e272febdb41745c731c' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), hAsync("ion-icon", { key: 'c5a932c45ec7ff131d484463203275210cdc5b3a', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), hAsync("span", { key: 'bf8f5208c941dc3ddc2b719dbb2f2cf999e2b6a8', class: "button-inner" }, hAsync("slot", { key: '213ca4696b7072ef2dfee806d11d8ddd26abf7af' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'a2947193263e8ef97eccb15de9f5aa937e87086b' }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -15436,11 +15434,11 @@ class FabList {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: 'b0e984c110ea8bf4aa0daeca5f66253c9e0666fd', class: {
+        return (hAsync(Host, { key: '8b4d0419170ba48e5d9d1152dcae2b35281cd800', class: {
                 [theme]: true,
                 'fab-list-active': this.activated,
                 [`fab-list-side-${this.side}`]: true,
-            } }, hAsync("slot", { key: '7bedbb010e89d1304d86c4261f5378e90741611e' })));
+            } }, hAsync("slot", { key: '9276798e2c581440c46ff9914809e87203a86b1b' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -15902,7 +15900,7 @@ class Footer {
         const theme = getIonTheme(this);
         const tabs = this.el.closest('ion-tabs');
         const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
-        return (hAsync(Host, { key: 'e70e2616f69a6205a1c2045bf13a792c9a6bc27c', role: "contentinfo", class: {
+        return (hAsync(Host, { key: '5b61216dcb168a45472e037f9015c5e0f5bf7356', role: "contentinfo", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`footer-${theme}`]: true,
@@ -15910,7 +15908,7 @@ class Footer {
                 [`footer-translucent-${theme}`]: translucent,
                 ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
-            } }, theme === 'ios' && translucent && hAsync("div", { key: '72803059c1d82a766a0ce69e5a8a6a3b7e576700', class: "footer-background" }), hAsync("slot", { key: 'de450e4eb8f5c63b11f548061f29d957ef308539' })));
+            } }, theme === 'ios' && translucent && hAsync("div", { key: 'a6af70930e7be3ec51fe692d664304ced53ffe3e', class: "footer-background" }), hAsync("slot", { key: '3591c712d6a3eceb5dc6c7307c32ceff54b1f9a7' })));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -15948,10 +15946,10 @@ class Grid {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: 'f439594e1c4186e30d5b57bf3ca95c220df954fa', class: {
+        return (hAsync(Host, { key: 'cd55886cabaeab57e3b13193381b196bec2f07f8', class: {
                 [theme]: true,
                 'grid-fixed': this.fixed,
-            } }, hAsync("slot", { key: 'e8e01f0b46a05fb3220837fbfa9f161b086c06ad' })));
+            } }, hAsync("slot", { key: 'c9b95999e6a274a8a0c997451c0be45b1304d77b' })));
     }
     static get style() { return gridCss; }
     static get cmpMeta() { return {
@@ -16315,7 +16313,7 @@ class Header {
         const collapse = this.collapse || 'none';
         // banner role must be at top level, so remove role if inside a menu
         const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';
-        return (hAsync(Host, Object.assign({ key: 'f5c81cee59b635b407fcad7732c793c651edb91e', role: roleType, class: {
+        return (hAsync(Host, Object.assign({ key: '6a3ad0b3da7b27c42f96a9a7e2d2380406bfa604', role: roleType, class: {
                 [theme]: true,
                 // Used internally for styling
                 [`header-${theme}`]: true,
@@ -16323,7 +16321,7 @@ class Header {
                 [`header-collapse-${collapse}`]: true,
                 [`header-translucent-${theme}`]: this.translucent,
                 ['header-divider']: divider,
-            } }, inheritedAttributes), theme !== 'md' && translucent && hAsync("div", { key: 'd8373a8418756961185de934082142da01b27a26', class: "header-background" }), hAsync("slot", { key: '9fda3dcb16fd09f7f6fa1c345d17cdf130e1e331' })));
+            } }, inheritedAttributes), theme !== 'md' && translucent && hAsync("div", { key: 'c0464df06d745da49d3163837180b21ec9fc2bdb', class: "header-background" }), hAsync("slot", { key: '304859e675c67154563afb85c8e9358a8a6fb27b' })));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -16655,9 +16653,9 @@ class Img {
         const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
         const { draggable } = inheritedAttributes;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '70377d0128ad109580598f5c0a19cdee1d1f8f2a', class: {
+        return (hAsync(Host, { key: '1aa7be8e15beabbc92ee21127960f7cfc778555d', class: {
                 [theme]: true,
-            } }, hAsync("img", { key: '022467667337d04384d19d78378b5cf499e1b6c9', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
+            } }, hAsync("img", { key: 'a74a222d3b9d232619471ac9089c365b3e7a9b04', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -16960,7 +16958,7 @@ class InfiniteScroll {
     render() {
         const theme = getIonTheme(this);
         const disabled = this.disabled;
-        return (hAsync(Host, { key: 'd2505798673c258aa017ecbe646b59105a62970d', class: {
+        return (hAsync(Host, { key: '22d99824cb589d9024666a3c1ed205f781858eed', class: {
                 [theme]: true,
                 'infinite-scroll-loading': this.isLoading,
                 'infinite-scroll-enabled': !disabled,
@@ -17019,11 +17017,11 @@ class InfiniteScrollContent {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '51742937a374c43c290c20569857f617c99e1e7c', class: {
+        return (hAsync(Host, { key: 'e94d19f17ef9d4d77786716152e3206366feb546', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`infinite-scroll-content-${theme}`]: true,
-            } }, hAsync("div", { key: '42c249b6df301004a834bb615766c38d5ab03d91', class: "infinite-loading" }, this.loadingSpinner && (hAsync("div", { key: '7cc7aab81997ef58b914e084402f45dc3abf2ce4', class: "infinite-loading-spinner" }, hAsync("ion-spinner", { key: '5c84df7096076580e0bb4926d377c2fac4f75c3d', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
+            } }, hAsync("div", { key: '35fcc0572ad27a683aa55a704bd11b19fcdfd29c', class: "infinite-loading" }, this.loadingSpinner && (hAsync("div", { key: 'fec3c13dbb2fa98699401147ce442b73e97e8bd8', class: "infinite-loading-spinner" }, hAsync("ion-spinner", { key: '6cd6083255dacc891b4d201477e6bffccb1084bc', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
     }
     static get style() { return {
         ionic: ionicInfiniteScrollContentMdCss,
@@ -17934,7 +17932,7 @@ class Input {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (hAsync(Host, { key: '83b06d3ba2deb8be1aac86573e44eb9fedaf8ebc', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'c01b7ed35861999d1a73b12d853fa90deb831963', class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -17947,7 +17945,7 @@ class Input {
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 'input-disabled': disabled,
                 'input-readonly': readonly,
-            }) }, hAsync("label", { key: 'd30a09196b14b7c50c81ee81b0db153a0a552ff8', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), hAsync("div", { key: 'bd215e071a7c82b530c36bf98481b8a21bf827a8', class: "native-wrapper", onClick: this.onLabelClick }, 
+            }) }, hAsync("label", { key: '49b13f7970d0839d8286a32b52360356f9bd7399', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), hAsync("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
@@ -17957,14 +17955,14 @@ class Input {
          * <label> element, ensuring that clicking the label text
          * focuses the input.
          */
-        theme === 'ionic' && hAsync("div", { key: 'f77b77e9b3fa8f704f676a876abb237ade2c6a80', class: "input-outline" }), hAsync("slot", { key: '5bf76988e97fb13db47b10a2ea9016c9db582d64', name: "start" }), hAsync("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 && (hAsync("button", { key: 'd0adf91f18cdff60b5d5055a53fb8a1e33cda140', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
+        theme === 'ionic' && hAsync("div", { key: '47fe7d74f50bfa1aeec03ba3cb1edb0df941773f', class: "input-outline" }), hAsync("slot", { key: 'f9b9884467a216bd0c7af49b512ed22ef67f81f2', name: "start" }), hAsync("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 && (hAsync("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 }, hAsync("ion-icon", { key: '6fc9e8afce4d19cfbad9fb8044c32beb4a5734a5', "aria-hidden": "true", icon: inputClearIcon }))), hAsync("slot", { key: '493645d76a65e3e469c516e1244e3ff23d9d6f29', name: "end" })), shouldRenderHighlight && hAsync("div", { key: '270caadc085e6f30b663b2bac03495bb8ce47e42', class: "input-highlight" })), this.renderBottomContent()));
+            }, onClick: this.clearTextInput }, hAsync("ion-icon", { key: '58ceb89a48d5db08ddb5b22397d29e6ab3524f9c', "aria-hidden": "true", icon: inputClearIcon }))), hAsync("slot", { key: 'a90f9f0b9439e0aa19de35e24ea9ed587ab51add', name: "end" })), shouldRenderHighlight && hAsync("div", { key: '413fe8aa2eeaf41ab90a3b77a6abb20b19ad8446', class: "input-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18640,7 +18638,7 @@ class InputOTP {
         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 (hAsync(Host, { key: '16e1e487d2aabe8e9f84682fb50f30966179ffa6', class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: 'b7709a1fd155bd4484fb6f20a2f0c1cdb13809a7', class: createColorClasses$1(color, {
                 [mode]: true,
                 'has-focus': hasFocus,
                 [`input-otp-size-${size}`]: true,
@@ -18648,10 +18646,10 @@ class InputOTP {
                 [`input-otp-fill-${fill}`]: true,
                 'input-otp-disabled': disabled,
                 'input-otp-readonly': readonly,
-            }) }, hAsync("div", Object.assign({ key: 'd7757f5984abe39da9b6320683198db040d0220e', role: "group", "aria-label": "One-time password input", class: "input-otp-group" }, inheritedAttributes), Array.from({ length }).map((_, index) => (hAsync(Fragment, null, hAsync("div", { class: "native-wrapper" }, hAsync("input", { class: "native-input", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && hAsync("div", { class: "input-otp-separator" }))))), hAsync("div", { key: '6254cef5b2379359b319b4e573868340885e310a', class: {
+            }) }, hAsync("div", Object.assign({ key: '5948befd722de44eea8aa1a759ae465bebef0d52', role: "group", "aria-label": "One-time password input", class: "input-otp-group" }, inheritedAttributes), Array.from({ length }).map((_, index) => (hAsync(Fragment, null, hAsync("div", { class: "native-wrapper" }, hAsync("input", { class: "native-input", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && hAsync("div", { class: "input-otp-separator" }))))), hAsync("div", { key: 'bb4cdd1da7e42b6d2b8b50fc2ec52ed526608cdd', class: {
                 'input-otp-description': true,
                 'input-otp-description-hidden': !hasDescription,
-            } }, hAsync("slot", { key: '4f4b63bb67a01b7618719f9bde56ef60d582e7d6' }))));
+            } }, hAsync("slot", { key: '006fe25a24266eae57a9c1b58fbfc28008cfb816' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18789,16 +18787,16 @@ class InputPasswordToggle {
         const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
         const mode = getIonMode$1(this);
         const isPasswordVisible = type === 'text';
-        return (hAsync(Host, { key: 'e265bb6460041189fea1812d391121a9e8dde669', class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: 'e3c21d5bedebeadb57c0c9b7f065d15ab0d49e4a', class: createColorClasses$1(color, {
                 [mode]: true,
-            }) }, hAsync("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) => {
+            }) }, hAsync("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 }, hAsync("ion-icon", { key: '4d5ba21325812d9c820ae26688d17ae821ffd25c', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
+            }, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: 'bc25d56ce0402565a2c7c0d617349138a04c008d', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19158,11 +19156,11 @@ class ItemDivider {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: 'f026528e983b0b77cd059400d961d012dec9caae', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'ff60c2ed224911e4369138287da9610564785c7f', class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, hAsync("slot", { key: '409f111b2b37782bd242af5f3205d871d85b6254', name: "start" }), hAsync("div", { key: '6811502ae39e51104b46f4f3b272631017a91e4a', class: "item-divider-inner" }, hAsync("div", { key: 'c7cf5918a8e8f891426fda028586b36f21909b00', class: "item-divider-wrapper" }, hAsync("slot", { key: '7db6745917458bb6d854c0662bbf0394142d2996' })), hAsync("slot", { key: 'bad5e02a4d4852fc6e106552b314a42842a0b2e7', name: "end" }))));
+            }) }, hAsync("slot", { key: '992f32a67a2ecf8ee94d5c8b9bfd231b4b4510d9', name: "start" }), hAsync("div", { key: '44ad1d56fe4c9644267ca285199bcc66cf7269d3', class: "item-divider-inner" }, hAsync("div", { key: '8237db8eb57c0b877da7efa45f10214063e3ac8f', class: "item-divider-wrapper" }, hAsync("slot", { key: '9ac2bf96cfa368d4f6daba9b6fcced3f597dfb4f' })), hAsync("slot", { key: '19bdddb51ac10f0a11c5b50d4ad51a55cada278a', name: "end" }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -19199,7 +19197,7 @@ class ItemGroup {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '3fb0784b321736344604e259cfb05c6307159bed', role: "group", class: {
+        return (hAsync(Host, { key: 'd104330acfa524379c4bf1c28bce6cf7e720db14', role: "group", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-group-${theme}`]: true,
@@ -19293,14 +19291,14 @@ class ItemOption {
                 href: this.href,
                 target: this.target,
             };
-        return (hAsync(Host, { key: 'c36a39053b339086ee45e30a5051256fecf1e9d6', onClick: this.onClick, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '419c8059b80ed543021016ae8e47a8c293c61544', onClick: this.onClick, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 [`item-option-${shape}`]: shape !== undefined,
                 [`item-option-${hue}`]: hue !== undefined,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, hAsync(TagType, Object.assign({ key: '8fa60eb0b2538cd1afe7ad26d0ba9ea0a152b754' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: 'd444dd749c3abfdb43f66ac8eae49c3e3b3b9960', class: "button-inner" }, hAsync("slot", { key: 'b8164b8893c95c6d4ae9d79a5755eb52c3a1af22', name: "top" }), hAsync("div", { key: '6c840ac03adc45b6dce2f11d64b143a3208e2071', class: "horizontal-wrapper" }, hAsync("slot", { key: '8c08ea25119e1831b9320c2f2e61461d45158611', name: "start" }), hAsync("slot", { key: 'dfc5823b66fcfdcad6277105bd86590958632fdd', name: "icon-only" }), hAsync("slot", { key: '30d0d597802daca4a534055e3f326c38a77c5cf8' }), hAsync("slot", { key: 'bc58e8826067ad905b81608ad0344ed4dedd3a07', name: "end" })), hAsync("slot", { key: '59c3e025a00824c163dbcbeb359ba82871ba06f2', name: "bottom" })), theme === 'md' && hAsync("ion-ripple-effect", { key: '046a2ae39dbec7aebcbac3e250d80016065ed0f0' }))));
+            }) }, hAsync(TagType, Object.assign({ key: 'b68a20876078d8c3281ad95c4d25c786ea8534b6' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: '2cca3a5fe121020e647306e73f5a6568e0114e52', class: "button-inner" }, hAsync("slot", { key: 'a58b51ec7a506997f0a7ef419ea2eacd7e317cb0', name: "top" }), hAsync("div", { key: '51d3078bcaf1b587b4d989faaba9eccc064299a1', class: "horizontal-wrapper" }, hAsync("slot", { key: 'f9a5c0f1036dabc30649a31da851acc947e8d0dd', name: "start" }), hAsync("slot", { key: '57474d0a32f99a7d773db30093ab3d4a0529d1c0', name: "icon-only" }), hAsync("slot", { key: 'e9415a290913d535b82a74303fe73b779ff5b5be' }), hAsync("slot", { key: 'e33e61278c599989c80fc410b94688288c0c13f5', name: "end" })), hAsync("slot", { key: '4f3b12f4fcc09e8f87f35ea8c87cf40d15b5ef42', name: "bottom" })), theme === 'md' && hAsync("ion-ripple-effect", { key: '56a65a555e12f0051d69447d786799e1b21683a6' }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -19358,7 +19356,7 @@ class ItemOptions {
     render() {
         const theme = getIonTheme(this);
         const isEnd = isEndSide(this.side);
-        return (hAsync(Host, { key: 'cc55282505679d51fb90ebf30869e930c71afbd4', class: {
+        return (hAsync(Host, { key: '631db06441daa78759d646ab8d9e1804184be7ea', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-options-${theme}`]: true,
@@ -19828,7 +19826,7 @@ class ItemSliding {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '79cd09dd43183008f470b31abb7b3606f653a98b', class: {
+        return (hAsync(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,
@@ -19936,13 +19934,13 @@ class Label {
     render() {
         const position = this.position;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '583b4ed56decb1f5ce39ea6f58fbaa6d4fde01a5', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '8705671de3aaec1eb21044f4a234ee85fcba8d14', class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
                 [`label-no-animate`]: this.noAnimate,
                 'label-rtl': document.dir === 'rtl',
-            }) }, hAsync("slot", { key: '89467c7725dc79d73d51442cb5a233e244cef1b3' })));
+            }) }, hAsync("slot", { key: '31973de97fc2524da620a612ada1d3c506939f6f' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -20018,7 +20016,7 @@ class List {
         const theme = getIonTheme(this);
         const shape = this.getShape();
         const { lines, inset } = this;
-        return (hAsync(Host, { key: '7deda9d813391cac1c4156fb9e9fd1f1a43cdea8', role: "list", class: {
+        return (hAsync(Host, { key: 'dcdfb595a6b45307f9810e1ded25ba635c947940', role: "list", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`list-${theme}`]: true,
@@ -20066,10 +20064,10 @@ class ListHeader {
     render() {
         const { lines } = this;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '984b0c19c652d264ce1a9832777948a9b5b84326', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'b3478a7ac11992d292d35b5c658de040c51e971d', class: createColorClasses$1(this.color, {
                 [theme]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, hAsync("div", { key: '1bf4519d8aa94fe4b98c6f54aba74dbcbb52fab0', class: "list-header-inner" }, hAsync("slot", { key: '8d7fa8eca680fe3da8b8e4e01b3f885672c9c2bb' }))));
+            }) }, hAsync("div", { key: '76dff0757cd9930eec0dbd56cb187c72d4e26d21', class: "list-header-inner" }, hAsync("slot", { key: 'd25568f22efb544467ffda8929ac6d6cfd4001fa' }))));
     }
     static get style() { return {
         ionic: listHeaderIonicCss,
@@ -20358,9 +20356,9 @@ class Loading {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (hAsync(Host, Object.assign({ key: '0c475f8e28e680e28e09317557795fc56e0835d8', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (hAsync(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({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: 'd7e88feb6df8edbc326a84d07b294618f7ce6adc', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'f9622f45b2d9e913c325b228a1e6ed03cf2b98e8', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: 'f4dfdce70c4515878b247d0cc116b5cec2cf79a4', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: '6d4475e00c444eb3d217813ae8cc1a02a97b969e', class: "loading-spinner" }, hAsync("ion-spinner", { key: 'd9ad8dd56ec7677c18d06936c1a1b21a0a6a87a8', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: 'bd3159e18f33ec25d3480d47ce33fa7dfd1f1460', tabindex: "0", "aria-hidden": "true" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: '1ced20cf2cc6d610c0f5f9d1de147602137347f1', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '450e54507718d290a520d423ae09d05d88009d79', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: 'f2338b1915b9339055a27c4ef230b2663959e2f8', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: '22c0ba1f0ead01c0e0b133c7398f3fa3e03d3f08', class: "loading-spinner" }, hAsync("ion-spinner", { key: '155aa650b590dc49c8902bc1d73f4bba4afd1d35', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: 'b08785d4408950abd34b0c21dd8e4be783b17ae4', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21417,14 +21415,14 @@ class Menu {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (hAsync(Host, { key: '12bd2c4e9aa2f314ffc45d7f43290bd9910ca8b0', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (hAsync(Host, { key: '1983ee36a15d041cce2cf8c010c4a03544095c71', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [theme]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, hAsync("div", { key: 'd43e12f2502ae5da847eb0d2a70d0a3945733739', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '19977e6584bdbb5b01e6e0a4a7f4558087175b33' })), hAsync("ion-backdrop", { key: '22e79a7edca409248bd3637474d6783f1d7de1b3', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, hAsync("div", { key: '9b997c29ef41fd00c15843a1f6593407d195a501', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: 'e95f25ccdf6e07b527e2126b7d7221d39e667549' })), hAsync("ion-backdrop", { key: '60271cb8539ef04a148c08ab1a3349be30e8589c', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21550,7 +21548,7 @@ class MenuButton {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (hAsync(Host, { key: '206b8482b58e7ee49ea89393a15e9cf30578297b', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '8777ca08223f62b4b0183e81f7f040635a017827', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
                 [theme]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -21559,7 +21557,7 @@ class MenuButton {
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, hAsync("button", Object.assign({ key: '33017f0cde4835383f65b82f24e088dc2cf46517' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '63aadc2910f7fd7ae070fe108822c51441dd8ea5', class: "button-inner" }, hAsync("slot", { key: '6696b67329bdf6a0a7db0739d16717eb9ffc5f3b' }, hAsync("ion-icon", { key: '7f88dd0caa7003db810bce76189ecbaba9ff6317', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && hAsync("ion-ripple-effect", { key: '1a2063529bb63cc055fb4bb7d1ad3032df2a74b4', type: "unbounded" }))));
+            }) }, hAsync("button", Object.assign({ key: '7ea9df4e44a3916c97439f273562ad513c02d848' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '521997eb3e28a6c89c8783125aee82e081f36db6', class: "button-inner" }, hAsync("slot", { key: '8ec019529598f67ca7a7fb8f7a3eccfe3a970928' }, hAsync("ion-icon", { key: '091855caa99363a61ccdad926229b18a96b03d58', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && hAsync("ion-ripple-effect", { key: '9f746b38ae4d954ce0339e5c159b7c4c81d872f0', type: "unbounded" }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -21616,10 +21614,10 @@ class MenuToggle {
     render() {
         const theme = getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
-        return (hAsync(Host, { key: 'c3ddce789a90d720769919ebf854d05cc75f599e', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (hAsync(Host, { key: 'e6cdf611b3c2ef6d39a84069582b706e9270e453', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [theme]: true,
                 'menu-toggle-hidden': hidden,
-            } }, hAsync("slot", { key: 'f1334ba9d20148b673a0b6185ab5ef92f448f720' })));
+            } }, hAsync("slot", { key: 'c6a040b1b8c341ea8d0774a875266ca57fd6b8ce' })));
     }
     static get style() { return menuToggleCss; }
     static get cmpMeta() { return {
@@ -24322,20 +24320,20 @@ class Modal {
         const isHandleCycle = handleBehavior === 'cycle';
         const shape = this.getShape();
         const isSheetModalWithHandle = isSheetModal && showHandle;
-        return (hAsync(Host, Object.assign({ key: '8ced9dcdb4ec35817bc1ad5f4f0c1b56bf76c93f', "no-router": true,
+        return (hAsync(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]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), hAsync("ion-backdrop", { key: '952e76177128f7c5dcc9c9fe7792d73ec4c9c573', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && hAsync("div", { key: '3be69826a33edae93d2276b88347f025f3b46d92', class: "modal-shadow" }), hAsync("div", Object.assign({ key: 'adeb46e4c78d08418f27277db8300706f1ce6d48',
+            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), hAsync("ion-backdrop", { key: '85a8517220a84da9337032ab8988362bc221f7b7', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && hAsync("div", { key: '7a17566ea39641cd8fdf64bd647fc3df0cf099b9', class: "modal-shadow" }), hAsync("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 && (hAsync("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 && (hAsync("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) })), hAsync("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) })), hAsync("slot", { key: 'ae63a8dc8a9044a60c3d2bf046203663343e0de0', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -25290,7 +25288,7 @@ class Nav {
         }
     }
     render() {
-        return hAsync("slot", { key: 'd6dd0b1e0ba59381a139f4a49de3eb8351fa87a4' });
+        return hAsync("slot", { key: '2254b8e14dbdc401b181dabb1c3b6606048291a5' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -25367,7 +25365,7 @@ class NavLink {
         };
     }
     render() {
-        return hAsync(Host, { key: '61246716bdf9556db90e07680bc1a289f9658d5c', onClick: this.onClick });
+        return hAsync(Host, { key: '2a45f6d78be837c8c8926f45bfe194a9c75693b1', onClick: this.onClick });
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -25401,9 +25399,9 @@ class Note {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: 'a8470df6b8fb8ca327a282fc23705bc230f13a40', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'bab27d8461e93c98bb48cbdd4df0c6b012a37798', class: createColorClasses$1(this.color, {
                 [theme]: true,
-            }) }, hAsync("slot", { key: '07cbdef68f010b06638f359f70dff3f1d659d899' })));
+            }) }, hAsync("slot", { key: 'd2e0f339ce127095fa49b93e515ab888461de1ea' })));
     }
     static get style() { return {
         ionic: ionicNoteMdCss,
@@ -25879,7 +25877,7 @@ let Picker$1 = class Picker {
         this.emitInputModeChange();
     }
     render() {
-        return (hAsync(Host, { key: '8778f74b10b575bf28bfb9d21df51a52a7c92ac4', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, hAsync("input", { key: 'd6b77646ebcc32785b3edbb70794aabf19d68503', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        return (hAsync(Host, { key: '0e3b8112fd28191ff6af8313fee72919d9b23ee7', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, hAsync("input", { key: '92e86aab71f000c35fcf5f4082116285f2e43016', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -25894,7 +25892,7 @@ let Picker$1 = class Picker {
                 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() }), hAsync("div", { key: '3ccb1c92e3ee586d4ac50dbf3728f19c7d727c7c', class: "picker-before" }), hAsync("div", { key: 'ac7765a517ddbb3d338239a3c91ead67cab9b0e8', class: "picker-after" }), hAsync("div", { key: '16a07f2aad1e1bc77119b6f8d060ae073b566472', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), hAsync("slot", { key: 'dc3b58388c3936ce16285822b1e2a50b730031b6' })));
+            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: '5fad8573cd44bee093f26cd4d7cabad836789e79', class: "picker-before" }), hAsync("div", { key: 'fd26db9e86a3cafe125283eeff0da8be7ea2928e', class: "picker-after" }), hAsync("div", { key: '8174b0f258f3ce00707132c674ff53d3b9fc2aee', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), hAsync("slot", { key: 'a118b0ec709164758ae95fcb9e110befb574138f' })));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -26169,11 +26167,11 @@ class Picker {
     render() {
         const { htmlAttributes } = this;
         const theme = getIonTheme(this);
-        return (hAsync(Host, Object.assign({ key: 'efcc823fad9cb37c1379bef4f4b84c6461f3a3a6', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
+        return (hAsync(Host, Object.assign({ key: '5be65f42e2ce3d4d6adaf431f37a4a6d83a66e6e', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: Object.assign({ [theme]: true,
                 // Used internally for styling
-                [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '3f44bf34e039210ae149c590c393ee9f7fb85da0', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'c2a51a89c525b1a22cbc8583cd30f41c3c356d4f', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: '23837ffe309d0aad9b8ea09d7ac94d21040ef0d7', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: '91ba7e553d570768142715ded4bcc27fceedbce4', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: '22661cafeb555f1435ec1e0a122404a48136095b', class: "picker-columns" }, hAsync("div", { key: '5f3db32468b8c60f63c70d81a27b18cce6f2e259', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: '1bae6b170125b1671a480506ba73636b42b65909', class: "picker-below-highlight" }))), hAsync("div", { key: '91beb94ce537122fbd6cd0c2bd3c00f908d0fefe', tabindex: "0", "aria-hidden": "true" })));
+                [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '3a611227f9de69d89a3171ad108dd11d1928c671', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'a577468549382d405258c93731c2cba6e4a32879', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: 'e86289348943e6a3b6b11f5edd8d58acb841eaad', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: 'db47deaf34cb6d8f7e47921264ca171a58b60d8b', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: '53a7ab27826f3a2eef6b1fdd767bce675a1d344a', class: "picker-columns" }, hAsync("div", { key: 'ccc435173195f9267a838c881eea1d9715046731', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: '3499cb548af069936b414f46155bb07427bc21c2', class: "picker-below-highlight" }))), hAsync("div", { key: 'f93e65707c71f594ea6e076292680c7f54208b17', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -26772,14 +26770,14 @@ class PickerColumn {
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '7c9603b518a73f9883ff01464fe3f70c14b9059c', class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '867e0dc27b3a65348415b4e35e980c99d95e183c', class: createColorClasses$1(color, {
                 [theme]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, hAsync("slot", { key: 'e98e79dd51550361131d59a8871fe2990dc40edc', name: "prefix" }), hAsync("div", { key: '85894791c93da84401138285bf4fbb169897c3d6', class: "picker-opts", ref: (el) => {
+            }) }, hAsync("slot", { key: '9d68fc2f1524834436098f856af9867d4688c37b', name: "prefix" }), hAsync("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) }, hAsync("div", { key: 'd9546be214c2faf2340faf31d8468c2f39f31e4c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '47671f18a0a0659c0660b3b82d234e92b6dcc721', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'f3fc8f9cfc67d0d0dfbf7c134524353297117170', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("slot", { key: '4c30c1e5df5f1758978458dbd7e405a01d3118fe' }), hAsync("div", { key: '4e71db05a18d645c6fa49d3a6e67a68cc374b868', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '7fd2461759a92a6909ab514a14bdb41f7d2d16d5', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '015fc0875e5e2df575810fd79635ed5a0f5a29dd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), hAsync("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) }, hAsync("div", { key: '4617d1409c852871ff85d0ff6ac2c3d265e56a92', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '893559f2b0035135c582e34c334b56c74ddd829c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '44d379b7d3bdff1574cc95330b22d4f629e26724', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("slot", { key: '25a5bd6d8f3d360594b38fe8867b925a67111792' }), hAsync("div", { key: '39d4ffe9c6c2c1ee101b65a648ceaa3582676770', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '6ea72753cdc8ca3b9b1e5fd0aad8772fa090b39f', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '8ec67b388428e1d5d648884b2a69f953aa79702e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), hAsync("slot", { key: 'ba379669ca1976f3078c076f93c415e42c37847e', name: "suffix" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -27143,9 +27141,9 @@ class PickerColumnCmp {
     render() {
         const col = this.col;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '66a5b7f51aa1ee343dbad3830e03933dbdab27ed', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
+        return (hAsync(Host, { key: 'c50f127ada94ef8e284129f704a4201275f85873', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
                 'max-width': this.col.columnWidth,
-            } }, col.prefix && (hAsync("div", { key: '19a170752bacdabd50c719f6d1aa9e58a2bd830b', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: '871671f796aa6a1f78e07ab2599d94b5fd8cd0bf', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { key: '89792e1dc75a4359a4706a8fd1846fe29b866173', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (hAsync("div", { key: '1b7c6b050049315ece6b36a5af1d842446e13c70', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: 'd1ff3f80b3edd70d923b86a120f2a7ef5b24a53c', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { key: '496213486f1268e4a828650f55b22f97fa89471e', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -27268,10 +27266,10 @@ class PickerColumnOption {
     render() {
         const { color, disabled, ariaLabel } = this;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '9ceebae71b6df0b01f36691d82d716f6756625d9', class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '76d3086fc36a32ea544e9b03e53f656d153762d4', class: createColorClasses$1(color, {
                 [theme]: true,
                 ['option-disabled']: disabled,
-            }) }, hAsync("div", { key: '1f26246d601779dadfaf055d195e2a4959180f5a', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, hAsync("slot", { key: 'eed413474a8b7ec7a73da27fa72a2d0a9a2aae2b' }))));
+            }) }, hAsync("div", { key: '569e40d592e71954472128cbaef0141358fd8be9', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, hAsync("slot", { key: '1adca8a8d9b774c818404278003f7009fa4c458d' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28682,9 +28680,9 @@ class Popover {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (hAsync(Host, Object.assign({ key: 'd8cac78e3fda5731eb8a3532ce83a711190a0f1d', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (hAsync(Host, Object.assign({ key: 'bc0a33fd2fa0b0d5275b12b493503a79762adc83', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: 'ec62e04664d67c7ef9c43bb77e5baa517ab88e7f', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: '1da57db158ecd1f6260369d44f2db5b0791ecd3a', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '22966b014e1a5ff24963dff94cad281200a3b334', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: 'a2b960c96a54c06807e07edc2579b5d459e5d108', class: "popover-content", part: "content" }, hAsync("slot", { key: 'bae331e17437df55a77db538a693ef459f11e78a' })))));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: '0299fd3075759113fc5f0d2b299cafce74427c62', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: 'f9adb90aae67e369cf45988200f789c09d216d3a', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '9d310601494499414aa90c26ec23733dab95a376', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: '41fa231a8382c8c2b57fe17493b98986ede09a16', class: "popover-content", part: "content" }, hAsync("slot", { key: '0c88bfdc53f4d02dd6b6033647a1285f42b581a3' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28806,7 +28804,7 @@ class ProgressBar {
         const shape = this.getShape();
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (hAsync(Host, { key: '9adef68c31bdf39d48199e01587f8d5295d4c6af', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: 'd9a05927c2b8065c7b73a6bd07b09d193711eb78', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
                 [theme]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,
@@ -28997,7 +28995,7 @@ class Radio {
         const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
         const theme = getIonTheme(this);
         const inItem = hostContext('ion-item', el);
-        return (hAsync(Host, { key: '7ac17b6d0b96104b5baba1bb8c28c37f30005fdd', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '4890e800b5105fc75a14e0bda058bf2185d7761e', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
                 [theme]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -29008,10 +29006,10 @@ class Radio {
                 // 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 }, hAsync("label", { key: '41305f13b3025e3876236097131beb7ef8a40515', class: "radio-wrapper" }, hAsync("div", { key: '603d3ac36c227995a3b9f5bd6fa1ec4de4fa304a', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: 'de4d7c2f3788f13920bc43de7bad5527c3cc74fc', class: "radio-wrapper" }, hAsync("div", { key: '2a01f3fbdf659f8cbf2e6e8bef3d9877f53e3a66', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, hAsync("slot", { key: '838d3a84c3ce2aaa31e61ce2b82c6a23818b0908' })), hAsync("div", { key: '3d4ac72bbf52e04a2500782223baac24784f361e', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, hAsync("slot", { key: '093d4b8f5005e873851959a278a23a9a89d9fed6' })), hAsync("div", { key: 'bdab791d63e8c2330a78f23e9320bff9a160a5d6', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29241,9 +29239,9 @@ class RadioGroup {
         const { label, labelId, el, name, value } = this;
         const theme = getIonTheme(this);
         renderHiddenInput(true, el, name, value, false);
-        return (hAsync(Host, { key: '3eb581e8348cac7c4f8d6b7238b968dd79ec3c35', class: {
+        return (hAsync(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(), hAsync("div", { key: '1091e1f540cb2b9241ddbc5ed6a2b28a77557682', class: "radio-group-wrapper" }, hAsync("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(), hAsync("div", { key: 'a7b59a2f18208269b0a7276056002fb94f679981', class: "radio-group-wrapper" }, hAsync("slot", { key: '588af994a16cecfa6672471d186359b3b166f3eb' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30005,7 +30003,7 @@ class Range {
         const needsEndAdjustment = inItem && !hasEndContent;
         const theme = getIonTheme(this);
         renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (hAsync(Host, { key: 'abffed8811679954ae1ccded14b09c1070aec868', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '923dd14937cbc2707cbfe334c26416e0c14c08cd', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -30014,10 +30012,10 @@ class Range {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, hAsync("label", { key: '4296d7310d335ba9783d96e982159e8563a3ea35', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: '8087acc009ee1287f0ddd483669cd6284ff84004', class: {
+            }) }, hAsync("label", { key: '1d99cd4a439428a6f9982fb81884b1efb4e62ef3', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: '6093c0fe071e1f19a0b34a38f2e9c4e14882059a', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: 'fa1207cbb99ccb9a9cc60c2409977c1b925476b0', class: "native-wrapper" }, hAsync("slot", { key: 'fdbe6f0c142f3511e1b526f6d4df195c105660c5', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: '3f03f148fbd461a7a87c8f2da5e5cba37213ef30', name: "end" })))));
+            }, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '4f8cdbbbffbf29f6ff10576297151cac66829935', class: "native-wrapper" }, hAsync("slot", { key: 'b86b648ec320062586f209fb8fa127ee2b9b2e8a', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: '61f20773eed8538b3d9a1e463ec803c04ded380e', name: "end" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30988,7 +30986,7 @@ class Refresher {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: 'fdf580e687c1cd7c507a7357ea87a03270ff9f0b', slot: "fixed", class: {
+        return (hAsync(Host, { key: '2300b2120962468355e5bcc92520d70a2815befb', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,
@@ -31225,9 +31223,9 @@ class RefresherContent {
         const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
         const theme = getIonTheme(this);
         const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : caretBackSharp;
-        return (hAsync(Host, { key: '3a3a3fb44f8397bb8e5019b51254ada8c26ae371', class: {
+        return (hAsync(Host, { key: '879a710107c1de4fbc6f48ac033512dc89213b0b', class: {
                 [theme]: true,
-            } }, hAsync("div", { key: '3e63966e8c2b262b1f9d4a5545dbdd00e97a4c68', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: 'd4c8fa7151cee666520a40050c58f6e8201b14a5', class: "refresher-pulling-icon" }, hAsync("div", { key: '2f45a17fe5fe51e81e2d7bd580fd60ce754c5989', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: '210cd5f152453a283dbc579f545c683e3af84ea3', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (hAsync("div", { key: '060c8d531e90478121113f59989ac29809f48947', class: "arrow-container" }, hAsync("ion-icon", { key: '7c30ddd2c1a6e2274e7d57f792733017c663197b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: '3dee253d56c871195dcd59eaedc2b867ac578319', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: '46b859328da272449f316ea8f68f3c3dd545c2e7', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: '56660f9f6cff1006c5552df3a9430124689d42cb', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: 'e8232281f251e5d0d22972fa8e38176edc3d9e5d', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: '70f42df444c4669f393137f218ba9d635f76a26c', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, hAsync("div", { key: '01f1eba6db5037e12170602b210b401ac2b4f2ed', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: '6cd8489bfcd91af8c8a36757307c98438d2d4a20', class: "refresher-pulling-icon" }, hAsync("div", { key: 'bddb37533289a5cf237b7b1713f8c4c8639566c6', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: 'a20680bac24025b70a324d9040dc76be3e148fa0', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (hAsync("div", { key: '4db2c2935ae56db34d2bc8d9030dde19bf0c023b', class: "arrow-container" }, hAsync("ion-icon", { key: '028dd1e7d557f7ee55035f085c8d333d5eebf40e', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: '92a198f1f00024385bc8fc65697d4c88b9123f1b', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: '62ff2c73e88de373c0822782e55e01bc961473bc', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: '4f830ad8e4cb8a8a4269ea6589631d8fcc21dd76', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: '469f24580f4357789d1ae4052f1904e9558355f2', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: 'a33c43f3c78c433e6da18d6da24fd9ae52c0a4f2', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -31296,9 +31294,9 @@ class Reorder {
     render() {
         const { reorderHandleIcon } = this;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: 'ba59a095c200b70c6d847dc7362d52b315dc853a', class: {
+        return (hAsync(Host, { key: 'e73400a4cfd9893bafb4fa45b84f825fed1c2d6f', class: {
                 [theme]: true,
-            } }, hAsync("slot", { key: '79be263f78cc21c9c4f91326e557e65849ab1e51' }, hAsync("ion-icon", { key: '6e5c47c8bbd33f5cd405a5fd531831cb87c8e57e', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, hAsync("slot", { key: '2544d544f84d09771e4c9375ba6054b4cac07d2c' }, hAsync("ion-icon", { key: '3281ed9bfe01b5b3b92c7a60f31df88340d0ea88', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -31574,7 +31572,7 @@ class ReorderGroup {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: 'df12858536c409c76552fe79b88827b3c4a5d9c5', class: {
+        return (hAsync(Host, { key: '640e9d1ad454b25564ccf4c06bcf51d77139646c', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
@@ -31698,7 +31696,7 @@ class RippleEffect {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '502ce1841747f255dfab542914bebd0d0f4ae9bd', role: "presentation", class: {
+        return (hAsync(Host, { key: '5e10ebed9a72e06def98285338c61749335eb753', role: "presentation", class: {
                 [theme]: true,
                 unbounded: this.unbounded,
             } }));
@@ -32673,10 +32671,10 @@ class RouterLink {
             rel: this.rel,
             target: this.target,
         };
-        return (hAsync(Host, { key: '518b86cf40eb95e03f75a20ff44fff804ac8ec4d', onClick: this.onClick, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'bfbba199d70e52da616d54292ecb7289d8d5986e', onClick: this.onClick, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'ion-activatable': true,
-            }) }, hAsync("a", Object.assign({ key: 'dbf3cc12752b4fa2d3873723a8ea5a30b053d261' }, attrs), hAsync("slot", { key: '9614e46a8d35201937f1f9a39b88f71b78efa7a0' }))));
+            }) }, hAsync("a", Object.assign({ key: '5ba349e9edb9384184a54d9aa6c3b8eed867de72' }, attrs), hAsync("slot", { key: 'a12ca383f47e02606e3d3203b94b733da2f74641' }))));
     }
     static get style() { return routerLinkCss; }
     static get cmpMeta() { return {
@@ -32876,7 +32874,7 @@ class RouterOutlet {
         return true;
     }
     render() {
-        return hAsync("slot", { key: '3f107f085a977b4d27c7266771a9564e3219f736' });
+        return hAsync("slot", { key: 'e7752a955d59c869efccf59984db64431d692100' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32914,9 +32912,9 @@ class Row {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '6f5dd5032485a69ddf9510e2e539a7ba90afda47', class: {
+        return (hAsync(Host, { key: '7ba1bd208ec7fa1961c50dcd1305ae155fd57fb0', class: {
                 [theme]: true,
-            } }, hAsync("slot", { key: '994dcbbc871d606b61ff5993fb29aa1fa349c483' })));
+            } }, hAsync("slot", { key: '2a4204092840acbb7f0bac337306b26d9a2f8056' })));
     }
     static get style() { return rowCss; }
     static get cmpMeta() { return {
@@ -33464,8 +33462,8 @@ class Searchbar {
         const shouldShowCancelButton = this.shouldShowCancelButton();
         const shape = this.getShape();
         const size = this.getSize();
-        const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '3f7daa2a4ec57132e8baf591542569338e7ec9c8', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: 'f214142fec5644d91eae82644558e6b817094957', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (hAsync(Host, { key: '47e075305f28373fffab3e006ab4014da6dfb0c8', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: 'bd577703e95e5c52ee280d310fb82110d4eb94d4', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: '95002a6fff18176511499bfa2fb5079ed2d739e3', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (hAsync(Host, { key: 'f5728e8b9e9fbdac704968ada43cb74a2ccf613a', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -33479,14 +33477,14 @@ class Searchbar {
                 [`searchbar-shape-${shape}`]: shape !== undefined,
                 [`searchbar-size-${size}`]: size !== undefined,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            }) }, hAsync("div", { key: '14b271ab3eebf1b651a8cfd758c7880b548bb98d', class: "searchbar-input-container" }, hAsync("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 === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (hAsync("ion-icon", { key: 'e1c7a66dba99591b0e3df5966acd027a561ee0ca', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (hAsync("button", { key: 'bf55ac02128e22f9d303e75b9289c251bd582cdd', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, hAsync("div", { key: 'ed7c2af6a28997acff63866416c74451bad19b0a', class: "searchbar-input-container" }, hAsync("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 === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (hAsync("ion-icon", { key: 'd558fc50383653ecc155539872db047bf7f07d5d', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (hAsync("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) }, hAsync("ion-icon", { key: '1ce87193499ccb682ad115a64cc5579e9bb586c9', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '78c8169b86fd650ac088a51f46fe7a350ac4dda8', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -34087,14 +34085,14 @@ class Segment {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '578d4eb20a89742c8c3cb3109fe62a5fdf87b089', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'a0d365de03da97b691917f43fd396450cea90919', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'segment-activated': this.activated,
                 'segment-disabled': this.disabled,
                 'segment-scrollable': this.scrollable,
-            }) }, hAsync("slot", { key: '4b9999c95622773aea0c1bf3d1ab9dc650efb5eb', onSlotchange: this.onSlottedItemsChange })));
+            }) }, hAsync("slot", { key: '657c4337dc376708d749404f6be71959b4222a0d', onSlotchange: this.onSlottedItemsChange })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -34238,7 +34236,7 @@ class SegmentButton {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const theme = getIonTheme(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (hAsync(Host, { key: '75eeffd15e3581c15f48a0b12cbf5a4229b087d6', class: {
+        return (hAsync(Host, { key: '26f881646cda57e9deca9d479d90f844c476063e', class: {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -34254,7 +34252,7 @@ class SegmentButton {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, hAsync("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), hAsync("span", { key: '63634d3e500312c847194551996a2897610e0cc7', class: "button-inner" }, hAsync("slot", { key: '89963e233c9a7ea84b7262ab84db6edbe76ee95e' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '9d766c3d48c0b2ba50ab03f2279ccf710973bbba' })), hAsync("div", { key: 'a70f2d1a57cca4e04b00b36a6b47eb93ef4cb26e', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: 'aff9931755a1f643147bf0e7d2be29b35d8f9d41', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, hAsync("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), hAsync("span", { key: 'acb1b79cf8159fda0e86fe668633a8df29bd9352', class: "button-inner" }, hAsync("slot", { key: '0c035f26be096605c975763c34ddd6eb29ac660e' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'f85da2793608ebc7fadbbea2cf128bec069be98e' })), hAsync("div", { key: 'ef5bd54482ad94497a6a75c908ca0bc270479f51', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: '8ba6b0aed544b72566ea0ad3059683fc67fa900d', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -34290,7 +34288,7 @@ class SegmentContent {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '81cc29460a17c32592fbf9fca6242f4bb1738aa6' }, hAsync("slot", { key: '4f718420caf11c6672642fcf1a1bdb7f48d6cdfc' })));
+        return (hAsync(Host, { key: '944277fe4b3bc674688cb81008e4a3102fb7f3e2' }, hAsync("slot", { key: '85bb9874479da65d52203434d32a98c7b8c47a87' })));
     }
     static get style() { return segmentContentCss; }
     static get cmpMeta() { return {
@@ -34407,10 +34405,10 @@ class SegmentView {
     }
     render() {
         const { disabled, isManualScroll } = this;
-        return (hAsync(Host, { key: 'caf57037127fff688f45edd7c27018fc1d8cc689', class: {
+        return (hAsync(Host, { key: '230d33d3d25640e7a16b69d94886aa1c30d95119', class: {
                 'segment-view-disabled': disabled,
                 'segment-view-scroll-disabled': isManualScroll === false,
-            } }, hAsync("slot", { key: 'f93d19747ed3f04ee5a966412f62f2900ee45480' })));
+            } }, hAsync("slot", { key: '0e998f186e7e58148c5a2fd6f83e6a9aa8705d80' })));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -35232,7 +35230,7 @@ class Select {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (hAsync(Host, { key: '1ab6cf909651f167800bb3398a1522c360d03023', onClick: this.onClick, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '72b7f138f7bdc7fbd768929f67765b57edd9abae', onClick: this.onClick, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -35251,7 +35249,7 @@ class Select {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, hAsync("label", { key: '9a78e88197abc7bc4d9fb8f42a56172ee50fcb64', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick }, this.renderLabelContainer(), hAsync("div", { key: '51e1ec9bfb08344c8d1ff2fb08ead29ece3fbe6d', class: "select-wrapper-inner" }, 
+            }) }, hAsync("label", { key: '70187887592d27bb76c0633916606a4fa89a9e2a', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick }, this.renderLabelContainer(), hAsync("div", { key: '68c30ba451721a63ddfed0a6c80a9e9ded596f3b', class: "select-wrapper-inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -35261,7 +35259,7 @@ class Select {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '9008f743f2cbeac39cb736e285854e855625f45d', class: "select-outline" }), hAsync("slot", { key: 'a5c981053510d9b19d9097fb0b220d9eaccd61d7', name: "start" }), hAsync("div", { key: '80ba2091466f912ee63a3e4c11334b657f8d9b3d', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '18b657eee882ac2b63c945843d1035f26474aa58', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: '84630c4f5716fd87400da571aa3cf6c1d624694e', class: "select-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '772e2cdd052b1a9398e1577c0e1e4614350df7c1', class: "select-outline" }), hAsync("slot", { key: 'b51e29ea570f0399d0c4210896ce1ad6e135e3e8', name: "start" }), hAsync("div", { key: '37d36fa1d43361df32b5def690694b25d762698b', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '014bff14093d2b7ab4d7232dec4fc35b75bdbc86', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: '791b0d7457fca2ae1a6381fc87f7f2de20208b7f', class: "select-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35422,7 +35420,7 @@ class SelectModal {
             } }, option.text))));
     }
     render() {
-        return (hAsync(Host, { key: 'deaaaca03648144676358193315e71cb9bc4ceb2', class: getIonMode$1(this) }, hAsync("ion-header", { key: '05c4d1b433f902da8e01ba65f833a9399b3d562a' }, hAsync("ion-toolbar", { key: 'ee89ea93574da163e3b662bd17dade69cf3de865' }, this.header !== undefined && hAsync("ion-title", { key: '18b4ce602cae9ddfae0d2519c89281ecff58dfb1' }, this.header), hAsync("ion-buttons", { key: '4c3104688b9581d6e55924ecdd71693ecccfb9db', slot: "end" }, hAsync("ion-button", { key: 'd17d2f02ba76fae4f22a837c7d95ed4994f44668', onClick: () => this.closeModal() }, "Close")))), hAsync("ion-content", { key: '1ac2a04128b9ede077a03223690626508b3678d0' }, hAsync("ion-list", { key: '3a3cd9814d2d434fee4f746dfa41e544accc195f' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (hAsync(Host, { key: '3bade4782f8710fc56655da42603b4038ce1e343', class: getIonMode$1(this) }, hAsync("ion-header", { key: '5cea916aa6c446c76358663817245e136c493bfa' }, hAsync("ion-toolbar", { key: '1a1c880d07aee64b6daf36f1bf5d5a5b00999ad9' }, this.header !== undefined && hAsync("ion-title", { key: '9a302bf19317be99b8f26aab5a584ba2762cd3c2' }, this.header), hAsync("ion-buttons", { key: 'be6e48d24d15411826be9a2dbbd8934f8e6abe94', slot: "end" }, hAsync("ion-button", { key: '97e984e5849dae209d394404fdf75c635252f464', onClick: () => this.closeModal() }, "Close")))), hAsync("ion-content", { key: '66e97064d5c77c228e73d8a779043d152c5b62f3' }, hAsync("ion-list", { key: 'eb77ea5c963b1ad4fd1f9a8ebe684ec2cf132647' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -35461,7 +35459,7 @@ class SelectOption {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '39af595655b3645c923617fe4d4fa64112008273', class: {
+        return (hAsync(Host, { key: 'a26b8368365cc14ddf2ad294ad0b9505848f3273', class: {
                 [theme]: true,
             }, role: "option", id: this.inputId }));
     }
@@ -35586,9 +35584,9 @@ class SelectPopover {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '9b5160e6657620038fb4167ab7d08e2687be554b', class: {
+        return (hAsync(Host, { key: '2764acada914c0b9499200ba9cb60a74812d9d05', class: {
                 [theme]: true,
-            } }, hAsync("ion-list", { key: '5f015bcc53bf96de3da98f05a73c6e1e7bc3250c' }, header !== undefined && hAsync("ion-list-header", { key: 'e7275a4b3b0b8706b6a89ed9fd4bf1bb6cf274a8' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: 'ca5750144abaf01d613f7ff4923939e6d6f4c0c8' }, hAsync("ion-label", { key: '299735684f529e05f08405b6587dec23fb8d2851', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: 'af85ac2c17050eca4902811a886e7001b92701fe' }, subHeader), message !== undefined && hAsync("p", { key: 'f64006af8f2ffaf41d6d21701efa2d40580796e0' }, message)))), this.renderOptions(options))));
+            } }, hAsync("ion-list", { key: '639bb6dd6085e213e8121268e09d74de664e3f38' }, header !== undefined && hAsync("ion-list-header", { key: '38201b907a124154ca7d43d2296936772cd612b3' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: 'b96c1a42e7c5debd67ca4fe1e55a2c92be1c85b7' }, hAsync("ion-label", { key: '434fb427dff7e4034d47f0d85903dd83a2304a92', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: '6db83afdc3f5b9c30f74e72c6d712b8f15951d84' }, subHeader), message !== undefined && hAsync("p", { key: '1fc24e198cc922c2892ed1123c840c9be1989ed9' }, message)))), this.renderOptions(options))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -35643,11 +35641,11 @@ class SkeletonText {
         const animated = this.animated && config.getBoolean('animated', true);
         const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '5014563646b6c5213750d503babce3013b66ec96', class: {
+        return (hAsync(Host, { key: 'e3c73ecba79ec4b58b517f42a9b41be587615603', class: {
                 [theme]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, hAsync("span", { key: '4b816883b1c71bb1db66d8b2b084559f7cb489bd' }, "\u00A0")));
+            } }, hAsync("span", { key: '188c3bb600e248e93f48a89b900946ec9125b40f' }, "\u00A0")));
     }
     get el() { return getElement(this); }
     static get style() { return skeletonTextCss; }
@@ -35720,7 +35718,7 @@ class Spinner {
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (hAsync(Host, { key: '0b3ce4b99c2c828d05b507c4f073811ebbe17d0f', class: createColorClasses$1(self.color, {
+        return (hAsync(Host, { key: '704525eb8a4ae35f02bcfd8bcf2dbd885924bce0', class: createColorClasses$1(self.color, {
                 [theme]: true,
                 [`spinner-${spinnerName}`]: true,
                 'spinner-paused': self.paused || config.getBoolean('_testing'),
@@ -35831,12 +35829,12 @@ class SplitPane {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '9d0c67f1f81b09bb9a6f14a66053e5cc7431a286', class: {
+        return (hAsync(Host, { key: 'a4f325e5006fc93ee37c728dea11554aacb6b776', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`split-pane-${theme}`]: true,
                 'split-pane-visible': this.visible,
-            } }, hAsync("slot", { key: 'ab7b3050d3c5484bd00949cf57efa4396b4d5bc3' })));
+            } }, hAsync("slot", { key: '07b467fff5cf19c03a721ed38d108e4c319ee455' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35907,10 +35905,10 @@ class Tab {
     }
     render() {
         const { tab, active, component } = this;
-        return (hAsync(Host, { key: 'b249545a5adfcef4616afe79aa0f215bab464d0a', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (hAsync(Host, { key: 'ac603415ec3e292362fe56eeeaf9d50706f87b6b', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, hAsync("slot", { key: '19e2a406d96d20d8d4af8c3ff900e975d06021f6' })));
+            } }, hAsync("slot", { key: '5479d65a7523d3b219b202dd0a09156348310aa6' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35933,7 +35931,7 @@ class Tab {
     }; }
 }
 
-const tabBarIonicCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-top:var(--border);background:var(--background);color:var(--color);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host(.tab-bar-full){width:auto;contain:strict;padding-bottom:var(--ion-safe-area-bottom, 0);padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);}:host([slot=top].tab-bar-full){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0}:host{--background:var(--ion-tab-bar-background, var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff)));--background-activated:var(--ion-tab-bar-background-activated, var(--token-bg-select-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f2f4fd))));--background-focused:var(--ion-tab-bar-background-focused, transparent);--border:var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-style-solid, solid) var(--ion-tab-bar-border-color, transparent);--color:var(--ion-tab-bar-color, var(--token-primitives-neutral-800, #626262));--color-selected:var(--ion-tab-bar-color-selected, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));min-height:calc(var(--token-scale-1400, 56px) - var(--token-space-100, var(--token-scale-100, 4px)) * 2);gap:var(--token-space-300, var(--token-scale-300, 12px));-webkit-box-shadow:var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));box-shadow:var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));z-index:10;overflow:auto hidden;-ms-flex-pack:unset;justify-content:unset;max-width:100%}:host(.tab-bar-full){padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:calc(var(--token-space-100, var(--token-scale-100, 4px)) + var(--ion-safe-area-bottom, 0));padding-right:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--ion-safe-area-right, 0));padding-left:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--ion-safe-area-left, 0));}:host([slot=top].tab-bar-full){padding-top:calc(var(--token-space-100, var(--token-scale-100, 4px)) + var(--ion-safe-area-top, 0));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.tab-bar-compact){-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px));position:absolute;-ms-flex-item-align:center;align-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;contain:content}:host([slot=top].tab-bar-compact){top:calc(var(--token-space-100, var(--token-scale-100, 4px)) + var(--ion-safe-area-top, 0))}:host([slot=bottom].tab-bar-compact){bottom:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--ion-safe-area-bottom, 0))}:host(.tab-bar-soft){border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.tab-bar-round){border-radius:var(--token-border-radius-full, 999px)}:host(.tab-bar-rectangular){border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}";
+const tabBarIonicCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-top:var(--border);background:var(--background);color:var(--color);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host(.tab-bar-full){width:auto;contain:strict;padding-bottom:var(--ion-safe-area-bottom, 0);padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);}:host([slot=top].tab-bar-full){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0}:host{--background:var(--ion-tab-bar-background, var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff)));--background-activated:var(--ion-tab-bar-background-activated, var(--token-bg-select-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f2f4fd))));--background-focused:var(--ion-tab-bar-background-focused, transparent);--border:var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-style-solid, solid) var(--ion-tab-bar-border-color, transparent);--color:var(--ion-tab-bar-color, var(--token-primitives-neutral-800, #626262));--color-selected:var(--ion-tab-bar-color-selected, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));min-height:calc(var(--token-scale-1400, 56px) - var(--token-space-100, var(--token-scale-100, 4px)) * 2);gap:var(--token-space-300, var(--token-scale-300, 12px));-webkit-box-shadow:var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));box-shadow:var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));z-index:10}:host(.tab-bar-full){padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:calc(var(--token-space-100, var(--token-scale-100, 4px)) + var(--ion-safe-area-bottom, 0));padding-right:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--ion-safe-area-right, 0));padding-left:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--ion-safe-area-left, 0));}:host([slot=top].tab-bar-full){padding-top:calc(var(--token-space-100, var(--token-scale-100, 4px)) + var(--ion-safe-area-top, 0));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.tab-bar-compact){-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px));position:absolute;-ms-flex-item-align:center;align-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;contain:content}:host([slot=top].tab-bar-compact){top:calc(var(--token-space-100, var(--token-scale-100, 4px)) + var(--ion-safe-area-top, 0))}:host([slot=bottom].tab-bar-compact){bottom:calc(var(--token-space-100, var(--token-scale-100, 4px)) + var(--ion-safe-area-bottom, 0))}:host(.tab-bar-soft){border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.tab-bar-round){border-radius:var(--token-border-radius-full, 999px)}:host(.tab-bar-rectangular){border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}";
 
 const tabBarIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-top:var(--border);background:var(--background);color:var(--color);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host(.tab-bar-full){width:auto;contain:strict;padding-bottom:var(--ion-safe-area-bottom, 0);padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);}:host([slot=top].tab-bar-full){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0}:host{z-index:10}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host{--background:var(--ion-tab-bar-background, var(--ion-color-step-50, var(--ion-background-color-step-50, #f7f7f7)));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:0.55px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.2)))));--color:var(--ion-tab-bar-color, var(--ion-color-step-600, var(--ion-text-color-step-400, #666666)));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #0054e9));height:50px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.tab-bar-translucent){--background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(210%) blur(20px);backdrop-filter:saturate(210%) blur(20px)}:host(.ion-color.tab-bar-translucent){background:rgba(var(--ion-color-base-rgb), 0.8)}:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.6)}}";
 
@@ -36015,13 +36013,13 @@ class TabBar {
         const theme = getIonTheme(this);
         const shape = this.getShape();
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (hAsync(Host, { key: '21c2a3f3a8ea77cc2c757c37bb8ccad2016c3c4c', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '2a5f31ff14760f639d2ee8f04c190e26296e50ff', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
                 [theme]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
                 [`tab-bar-${expand}`]: true,
                 [`tab-bar-${shape}`]: shape !== undefined,
-            }) }, hAsync("slot", { key: '3b6784b6f6206efcd69327bd224e10ff6225222b' })));
+            }) }, hAsync("slot", { key: 'ca45034a8f8681b14ee0ff31738acd5e53ed0197' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -36049,7 +36047,7 @@ class TabBar {
     }; }
 }
 
-const tabButtonIonicCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-radius-025, var(--token-scale-050, 2px));font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;position:relative;-ms-flex-line-pack:center;align-content:center;-ms-flex:1;flex:1;min-height:var(--token-scale-1200, 48px);max-height:var(--token-scale-1800, 72px);min-width:var(--token-scale-1200, 48px)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;overflow:visible}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.tab-disabled)::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;z-index:1}.button-native{min-width:var(--token-scale-1200, 48px);overflow:visible}.button-native::after{border-radius:inherit}:host(.ion-focused) .button-native::after{outline:var(--focus-ring-width) solid var(--focus-ring-color)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.tab-button-shape-soft){border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}:host(.tab-button-shape-round){border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.tab-button-shape-rectangular){border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host ::slotted(ion-badge){inset-inline-start:calc(50% + var(--token-scale-300, 12px))}:host ::slotted(ion-badge.badge-vertical-top){top:-2px}:host ::slotted(ion-badge.badge-vertical-top:empty){top:calc(var(--token-scale-100, 4px) * -1)}:host ::slotted(ion-badge.badge-vertical-bottom){top:calc(50% - var(--token-scale-200, 8px))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){top:calc(50% - var(--token-scale-100, 4px))}:host ::slotted(ion-badge[vertical]:not(:empty)){-webkit-padding-start:var(--token-scale-100, 4px);padding-inline-start:var(--token-scale-100, 4px);-webkit-padding-end:var(--token-scale-100, 4px);padding-inline-end:var(--token-scale-100, 4px);padding-top:var(--token-scale-100, 4px);padding-bottom:var(--token-scale-100, 4px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-top){top:calc(50% - var(--token-scale-100, 4px))}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom){top:calc(50% + var(--token-scale-100, 4px))}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom:empty){top:calc(50% + 14px)}";
+const tabButtonIonicCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-radius-025, var(--token-scale-050, 2px));font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;position:relative;-ms-flex-line-pack:center;align-content:center;min-height:var(--token-scale-1200, 48px);max-height:var(--token-scale-1800, 72px)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;overflow:visible}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.tab-disabled)::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;z-index:1}.button-native{min-width:var(--token-scale-1200, 48px);overflow:visible}.button-native::after{border-radius:inherit}:host(.ion-focused) .button-native::after{outline:var(--focus-ring-width) solid var(--focus-ring-color)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.tab-button-shape-soft){border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}:host(.tab-button-shape-round){border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.tab-button-shape-rectangular){border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host ::slotted(ion-badge){inset-inline-start:calc(50% + var(--token-scale-300, 12px))}:host ::slotted(ion-badge.badge-vertical-top){top:-2px}:host ::slotted(ion-badge.badge-vertical-top:empty){top:calc(var(--token-scale-100, 4px) * -1)}:host ::slotted(ion-badge.badge-vertical-bottom){top:calc(50% - var(--token-scale-200, 8px))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){top:calc(50% - var(--token-scale-100, 4px))}:host ::slotted(ion-badge[vertical]:not(:empty)){-webkit-padding-start:var(--token-scale-100, 4px);padding-inline-start:var(--token-scale-100, 4px);-webkit-padding-end:var(--token-scale-100, 4px);padding-inline-end:var(--token-scale-100, 4px);padding-top:var(--token-scale-100, 4px);padding-bottom:var(--token-scale-100, 4px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-top){top:calc(50% - var(--token-scale-100, 4px))}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom){top:calc(50% + var(--token-scale-100, 4px))}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom:empty){top:calc(50% + 14px)}";
 
 const tabButtonIosCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.tab-disabled){pointer-events:none;opacity:0.4}:host{--padding-top:0;--padding-end:2px;--padding-bottom:0;--padding-start:2px;max-width:240px;font-size:10px}::slotted(ion-badge:not([vertical])){-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px;padding-top:1px;padding-bottom:1px;top:4px;height:auto;font-size:12px;line-height:16px}::slotted(ion-badge:not([vertical])){inset-inline-start:calc(50% + 6px)}:host ::slotted(ion-badge:empty){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;width:8px;height:8px}:host ::slotted(ion-badge[vertical]){inset-inline-start:calc(50% + 12px)}:host ::slotted(ion-badge.badge-vertical-top){top:2px}:host ::slotted(ion-badge.badge-vertical-top:empty){top:4px}:host ::slotted(ion-badge.badge-vertical-bottom){top:calc(50% - 8px)}:host ::slotted(ion-badge.badge-vertical-bottom:empty){top:calc(50% - 2px)}:host ::slotted(ion-badge[vertical]:not(:empty)){-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:16px;height:16px;font-size:12px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-top){top:calc(50% - 4px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom){top:calc(50% + 4px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom:empty){top:calc(50% + 14px)}::slotted(ion-icon){margin-top:2px;margin-bottom:2px;font-size:24px}::slotted(ion-icon::before){vertical-align:top}::slotted(ion-label){margin-top:0;margin-bottom:1px;min-height:11px;font-weight:500}:host(.tab-has-label-only) ::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:12px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-label),:host(.tab-layout-icon-start) ::slotted(ion-label),:host(.tab-layout-icon-hide) ::slotted(ion-label){margin-top:2px;margin-bottom:2px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-icon),:host(.tab-layout-icon-start) ::slotted(ion-icon){min-width:24px;height:26px;margin-top:2px;margin-bottom:1px;font-size:24px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){inset-inline-start:calc(50% + 12px)}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:1px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){top:10px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){inset-inline-start:calc(50% + 35px)}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){top:10px}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){inset-inline-start:calc(50% + 30px)}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:10px}:host(.tab-layout-label-hide) ::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host(.tab-layout-label-hide) ::slotted(ion-icon),:host(.tab-has-icon-only) ::slotted(ion-icon){font-size:30px}";
 
@@ -36136,7 +36134,7 @@ class TabButton {
             rel,
             target,
         };
-        return (hAsync(Host, { key: '848ea6fa1aff3e7ac9add43a6acb50759653c13b', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (hAsync(Host, { key: 'fca9709b6b885ebc6653b7dfa10352a3e2156daf', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [theme]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -36149,7 +36147,7 @@ class TabButton {
                 'ion-selectable': true,
                 [`tab-button-shape-${shape}`]: shape !== undefined,
                 'ion-focusable': true,
-            } }, hAsync("a", Object.assign({ key: 'f6081f8ef0220a2b5e232f6b51da8538d68a3e80' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: 'ed8af45092210cfd868adb4eb57dfc6e13a873a0', class: "button-inner" }, hAsync("slot", { key: '253fcce3a920b9d2cae5af2a14872b1e127c7d62' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '5161991db4e08d16da5d0838fe2aee145afd91ad', type: "unbounded" }))));
+            } }, hAsync("a", Object.assign({ key: '725d5dd131d6f7c9745bc40bdffa1df5dd55774f' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: '3effd4b0337ab6478ff9a270e7a39a7c35eabbf7', class: "button-inner" }, hAsync("slot", { key: 'cc3c5481607538131cca5f5a23dbd32c61b9c43c' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '764192a9cbfae6cd926d65e96dc8794c66637938', type: "unbounded" }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -36346,7 +36344,7 @@ class Tabs {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (hAsync(Host, { key: '36ea7975bf456a6a874d9701a7e81275d85bc4d9', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'f4765050fa4b9092b25ea839ad2d10fab7a95bfd', name: "top" }), hAsync("div", { key: 'af7f7caaad51bc7b5fc3ab4ce51e00b067ad002e', class: "tabs-inner" }, hAsync("slot", { key: '1f83638b73c6f9a2a146b32aa07a230e4f65d017' })), hAsync("slot", { key: '8db364ec5fa354682de09a3103b071c0f8bb6b50', name: "bottom" })));
+        return (hAsync(Host, { key: '285723cb35f51f827816f75d631300248d860148', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'a996cd3ace3b3b9df403a46d2c974a85bf57afb3', name: "top" }), hAsync("div", { key: '2bd97d59dc60768f03cae9b53973f2f309b9b5c1', class: "tabs-inner" }, hAsync("slot", { key: 'ccc929eef96e95405b298608ae48690b5b04e604' })), hAsync("slot", { key: 'f560237968e6006b7f616aa713dec5f3039e5941', name: "bottom" })));
     }
     get el() { return getElement(this); }
     static get style() { return tabsCss; }
@@ -36387,9 +36385,9 @@ class Text {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '7a3f31d6e219207a1ff98ac441357caa512012e5', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '60791ccd4ebff01f8d1e08aea3629bdb24417ceb', class: createColorClasses$1(this.color, {
                 [theme]: true,
-            }) }, hAsync("slot", { key: '392d48d6a5e0e5d1b44e762ec96fb8b53b3ebd49' })));
+            }) }, hAsync("slot", { key: 'f00eb5c2bf018cae858035ddef52c02d59d3042d' })));
     }
     static get style() { return textCss; }
     static get cmpMeta() { return {
@@ -36886,7 +36884,7 @@ class Textarea {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (hAsync(Host, { key: '48e2eabbe846a187efc692742db695556d938aeb', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '32e36765de4b2b063285f999bd9f27d7096bf2b1', class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -36897,7 +36895,7 @@ class Textarea {
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
                 'textarea-readonly': readonly,
-            }) }, hAsync("label", { key: '3e75d1c9688734ced8ed2d093f0f923667e1db6c', class: "textarea-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), hAsync("div", { key: '869a040e9a1cb065f852e1eb0cf96ead4a8313eb', class: "textarea-wrapper-inner" }, 
+            }) }, hAsync("label", { key: '3ecfc384ecccb68f57f0b3cd5e385dceca14e056', class: "textarea-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), hAsync("div", { key: 'fe1bed498621552f39942894df4fad23076cca01', class: "textarea-wrapper-inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -36907,7 +36905,7 @@ class Textarea {
          * <label> element, ensuring that clicking the label text
          * focuses the textarea.
          */
-        theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '4d72e9fe76d2b79f1063b293a39f2c04ff490493', class: "textarea-outline" }), hAsync("div", { key: '209f3fb1fc340614c3ad2303604f0445c15838cb', class: "start-slot-wrapper" }, hAsync("slot", { key: '2011ab81e259dbfd3ed731de713d1a9c367ceff9', name: "start" })), hAsync("div", { key: '6c23f82042cbcfdd9b3995968bc8ed741191ef29', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: '1f3ecfcaa9b9e2d83497adbe6c7f0a4ddc8a5cae', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes), value)), hAsync("div", { key: '8e0aa4eb359d28f13d3a6df29e76ca439246df01', class: "end-slot-wrapper" }, hAsync("slot", { key: '78bc82fa44eab07e9a596009bc72ced8aebe52a3', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: 'a85b1339432d4e0107b840d746b7bf4f37964df7', class: "textarea-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '08fc32b51c8bda6c225da04934528bbda7588bc4', class: "textarea-outline" }), hAsync("div", { key: '602528104b6ee690efcf7433188d549d71e71ca6', class: "start-slot-wrapper" }, hAsync("slot", { key: 'e999738cc3becede42fde8fc0813b011a719202b', name: "start" })), hAsync("div", { key: '2f6f520049b44393d569bff95f0968c97ac4c482', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: '5282db67f49a56d028c2c1bcb366c7749d904b6c', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes), value)), hAsync("div", { key: 'da60fd00d5f630c280d1ffa714a80c584c954294', class: "end-slot-wrapper" }, hAsync("slot", { key: '59b101eb049f887425de0120386608546fe2d717', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: '4ad2042681f9a9dcd96c88f99bcf27138745f1df', class: "textarea-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -36977,9 +36975,9 @@ class Thumbnail {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '6053cf163155d4268dad4fc81ffc6bbc70d75659', class: {
+        return (hAsync(Host, { key: 'adffcb86964fae721b0d3f193c0944448fbffc60', class: {
                 [theme]: true,
-            } }, hAsync("slot", { key: 'b7afb5835bce7c7ed9e5cf44758bbe2d802e1271' })));
+            } }, hAsync("slot", { key: '7ec02fa925ec4b950b8374131c00c37e1c96c82d' })));
     }
     static get style() { return thumbnailCss; }
     static get cmpMeta() { return {
@@ -37861,9 +37859,9 @@ class Toast {
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
             printIonWarning('[ion-toast] - This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
         }
-        return (hAsync(Host, Object.assign({ key: '3f25e3c14197723e0c97edb71ddeeccb4f9143b3', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (hAsync(Host, Object.assign({ key: '5b8dc2c49ce8da4fb49cedc1ae2cb5cf0465be5f', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined, [`toast-hue-${hue}`]: hue !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: 'cec09872b7e08429a62e5cb821e072fa6259e63a', class: wrapperClass }, hAsync("div", { key: '8179d7a3c8b27536e37886a21293d1a6add60306', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: 'ef87a58440d914e4c55b8b3ecaac45f983f35daf', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: '56bca03e8501ad921cf2de37faace99a4f59cc71', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
+            }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined, [`toast-hue-${hue}`]: hue !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: 'eca7fbab9857fedc3f7d6cea69ab0751c85a5658', class: wrapperClass }, hAsync("div", { key: 'bdc984633439f62f660b043a38add65e31bef66e', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: '5707305af3a2fc4fa426e9983dec0b9bf9df8ded', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: '7fa8153f024a93bf04c607a328618b8553bc422e', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -38223,7 +38221,7 @@ class Toggle {
         const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
         const isIonicTheme = theme === 'ionic';
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (hAsync(Host, { key: '956aeee2151b8cc8239edeaa935475e3019a7b5f', role: "switch", "aria-checked": `${checked}`, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === errorTextId, onClick: this.onClick, "aria-labelledby": hasLabel ? inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: 'ba80e0271f2f026410f082d3af00307ba64177f7', role: "switch", "aria-checked": `${checked}`, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === errorTextId, onClick: this.onClick, "aria-labelledby": hasLabel ? inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, class: createColorClasses$1(color, {
                 [theme]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -38235,10 +38233,10 @@ class Toggle {
                 [`toggle-${rtl}`]: true,
                 'ion-activatable': isIonicTheme,
                 'ion-focusable': isIonicTheme,
-            }) }, hAsync("label", { key: '4aa309eac4fe94639f96d08ae9d09a65fedb271f', class: "toggle-wrapper", htmlFor: inputId }, hAsync("input", Object.assign({ key: '4057524d70ca25e0df76d726d85656f16df655ca', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, inheritedAttributes)), hAsync("div", { key: '3b0a476f62f1e183d4b4cbc823c749140ba27d4d', class: {
+            }) }, hAsync("label", { key: '8782b2199a21c8395d94864cd3a3d3178bae0f4b', class: "toggle-wrapper", htmlFor: inputId }, hAsync("input", Object.assign({ key: 'e35112e3fd3edd8012ad2d48110df89a73804fee', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, inheritedAttributes)), hAsync("div", { key: 'c0390b0f3c9bf13518ebc6ec108d3f2cb453e2ff', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: '75a6ccef569eabf17b3d3fba165d8110960832af' }), this.renderHintText()), hAsync("div", { key: 'e2bc757d81ecc56ac40450586d1bc9f87e0ea726', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: 'd6313cf3f615508e5d195863330cd60540418dd1' }), this.renderHintText()), hAsync("div", { key: 'f17f8812c48adb2a5aa6898333943298f8521a87', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -38491,10 +38489,10 @@ class Toolbar {
         this.childrenStyles.forEach((style) => {
             Object.assign(childStyles, style);
         });
-        return (hAsync(Host, { key: '6f52a5408379012843d0b93ac20c25b868e0211c', class: Object.assign(Object.assign({}, createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'b69dcd7a5489c020974dbc99428dc19c60d35baf', class: Object.assign(Object.assign({}, createColorClasses$1(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })), childStyles) }, hAsync("div", { key: '8f79b04f7c26edb4d64b88d1e1a69ee6e4ab8773', class: "toolbar-background", part: "background" }), hAsync("div", { key: '8a682653ea75f07fa583d9b7cf38850294e83448', class: "toolbar-container", part: "container" }, hAsync("slot", { key: '1a4e3289bdc3802cbabdd99d4bd5ab45e10846d8', name: "start", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: '5578aaf1d8bf6dba08ab4ac9ccd9b8d8fe6c8ff1', name: "secondary", onSlotchange: () => this.updateSlotClasses }), hAsync("div", { key: 'd4ba11c8daf43ed164a9c89dafdd96c5d2b50a35', class: "toolbar-content", part: "content" }, hAsync("slot", { key: '994952702fe18216044d10a96abbf9cf071612e3' })), hAsync("slot", { key: '2e07d6585687764a0a24bbc1b2f456aec30bfea7', name: "primary", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: 'ebcb8dcde1202d6ced4c251a3b78c30b1153849f', name: "end", onSlotchange: () => this.updateSlotClasses }))));
+            })), childStyles) }, hAsync("div", { key: 'db4dd0375645d9fa5afe64918f6d02a015eeac54', class: "toolbar-background", part: "background" }), hAsync("div", { key: 'cbc1125f1098a2f2ab1d74bef2f31f51ba7c3616', class: "toolbar-container", part: "container" }, hAsync("slot", { key: '481ac56c95762f54f9c2a0ec733319a420899c59', name: "start", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: '59df83b2f418a83377d9e74e1a73fd1a87eec9da', name: "secondary", onSlotchange: () => this.updateSlotClasses }), hAsync("div", { key: '4f4d84081880239ed3e1035b69517d769f0a9531', class: "toolbar-content", part: "content" }, hAsync("slot", { key: '3942de02118b0b927b270183074445d00745226e' })), hAsync("slot", { key: '1f00e52f09c315eddaa4b7d8cc80e5b5e618c12e', name: "primary", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: '7c749057d8d86270b0771c52bd44621eb2c5d200', name: "end", onSlotchange: () => this.updateSlotClasses }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -38547,11 +38545,11 @@ class ToolbarTitle {
     render() {
         const theme = getIonTheme(this);
         const size = this.getSize();
-        return (hAsync(Host, { key: '8db3e5f9dbd8b1762a9919eaeef29c98649dfb25', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '3729a87a2d51819f5df791d0c2c8e22117bc78c9', class: createColorClasses$1(this.color, {
                 [theme]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, hAsync("div", { key: 'a31ebae2c494a51d2145eec69d0b1bc635108a01', class: "toolbar-title" }, hAsync("slot", { key: 'f5975b44b3e3afbf98dcbdb53fc78447b49407b3' }))));
+            }) }, hAsync("div", { key: 'ef9ad4dc15aad7cb412aa74104c6788d29630b73', class: "toolbar-title" }, hAsync("slot", { key: '7e459b8feae90082366679dc8def3537174f9345' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {