@ionic/core 8.0.0-dev.11711408410.14d71406 → 8.0.0-dev.11711498366.18f063ac

package/components/ion-range.js

@@ -604,7 +604,7 @@ const Range = /*@__PURE__*/ proxyCustomElement(class Range extends HTMLElement {
         const needsEndAdjustment = inItem && !hasEndContent;
         const theme = getIonTheme(this);
         renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (h(Host, { key: 'bd88c11374e23af08980f6857ac559a6650f157a', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'fd6045944a8eb8a13c8996cd6611fcd9cec6d3b4', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -613,10 +613,10 @@ const Range = /*@__PURE__*/ proxyCustomElement(class Range extends HTMLElement {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, h("label", { key: '4edae72dbabdae42752f62a0b59ca91c399a465d', class: "range-wrapper", id: "range-label" }, h("div", { key: 'a56572f64fbc9f58e91e5e7afd4bcdcda4960bb5', class: {
+            }) }, h("label", { key: '6c9416a25e26352492b9fc13a07e754c518afc6b', class: "range-wrapper", id: "range-label" }, h("div", { key: '69580aa21219d9901351ea8db101e426064c4c5b', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: '72312c03563083dff4c8d4dcd6b86094461662d8', class: "native-wrapper" }, h("slot", { key: '471947329ba067b0ece4d1c88ed7137f314d086d', name: "start" }), this.renderRangeSlider(), h("slot", { key: '6d686e374d125a7953e7b24cf7b7c008f0a6ffed', name: "end" })))));
+            }, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: '066ecb1e374d17b2d5eceb808f54562310dc17ff', class: "native-wrapper" }, h("slot", { key: '409c88e5b93afa77bed78deb471c60a01090662e', name: "start" }), this.renderRangeSlider(), h("slot", { key: '580d31ac5abf623e9e9c1af09ce33ac4192dbc89', name: "end" })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-refresher-content.js

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config.js';
-import { n as caretBackSharp, o as arrowDown } from './index6.js';
+import { p as caretBackSharp, q as arrowDown } from './index6.js';
 import { c as config, d as getIonTheme } from './ionic-global.js';
 import { e as supportsRubberBandScrolling } from './refresher.utils.js';
 import { d as defineCustomElement$2, S as SPINNERS } from './spinner.js';
@@ -53,9 +53,9 @@ const RefresherContent = /*@__PURE__*/ proxyCustomElement(class RefresherContent
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '1af7f2ac469dabdbea1307c839afe014a08f5299', class: {
+        return (h(Host, { key: '85a44b93142f4a0c05e14ecd39ec44d4047d7cc0', class: {
                 [theme]: true,
-            } }, h("div", { key: 'dc1500809215267cb68a2fc39eeb04725bf9948e', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("div", { class: "spinner-arrow-container" }, h("ion-spinner", { name: this.pullingIcon, paused: true }), theme === 'md' && this.pullingIcon === 'circular' && (h("div", { class: "arrow-container" }, h("ion-icon", { icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("ion-icon", { icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: 'e5892f9590bb2c9ceb12e39bac9755eadc6ac683', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { class: "refresher-refreshing-icon" }, h("ion-spinner", { name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, h("div", { key: 'bfcfe123ee64018a5788cc9d8742287f3a981682', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("div", { class: "spinner-arrow-container" }, h("ion-spinner", { name: this.pullingIcon, paused: true }), theme === 'md' && this.pullingIcon === 'circular' && (h("div", { class: "arrow-container" }, h("ion-icon", { icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("ion-icon", { icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: '3e0abc2a65509625c5ea14e5dddcd833b8d5c34d', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { class: "refresher-refreshing-icon" }, h("ion-spinner", { name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     get el() { return this; }
 }, [0, "ion-refresher-content", {

package/components/ion-refresher.js

@@ -606,7 +606,7 @@ const Refresher = /*@__PURE__*/ proxyCustomElement(class Refresher extends HTMLE
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '552e23519ef35bdf33358f2e3219f364b3c2cd71', slot: "fixed", class: {
+        return (h(Host, { key: 'c4257458e87911a8ff8be8d55044f0515070e7bf', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,

package/components/ion-reorder-group.js

@@ -245,7 +245,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '166dea821a1071bbc47c52088ad471598906aa69', class: {
+        return (h(Host, { key: '224918a96b7e85d6e4f8b774da8d5ba4e139825a', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,

package/components/ion-reorder.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { r as reorderThreeOutline, p as reorderTwoSharp } from './index6.js';
+import { r as reorderThreeOutline, s as reorderTwoSharp } from './index6.js';
 import { d as getIonTheme } from './ionic-global.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
@@ -33,9 +33,9 @@ const Reorder = /*@__PURE__*/ proxyCustomElement(class Reorder extends HTMLEleme
     render() {
         const theme = getIonTheme(this);
         const reorderIcon = theme === 'ios' ? reorderThreeOutline : reorderTwoSharp;
-        return (h(Host, { key: 'b1ac62e21d23164e5e0e092bb80488b432093a6e', class: {
+        return (h(Host, { key: '28e184fe304172c51b0562ae11f1f85bb91acfbe', class: {
                 [theme]: true,
-            } }, h("slot", { key: '84fb2595ffb9d96ea8dd81e600b12c4e3ec750a4' }, h("ion-icon", { key: 'f389aa4ff4d98d1d28019f93a7197859ccdfe77c', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, h("slot", { key: '020bf9424b64d050e85dde330acc2c92917d515d' }, h("ion-icon", { key: '753a238e178dcd8a1a7a5611b553ee6dac878255', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     get el() { return this; }
     static get style() { return {

package/components/ion-router-link.js

@@ -30,10 +30,10 @@ const RouterLink = /*@__PURE__*/ proxyCustomElement(class RouterLink extends HTM
             rel: this.rel,
             target: this.target,
         };
-        return (h(Host, { key: 'f13b788a5725dfba211c2c4558d4dfc9099d8dd3', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '8de6795119ef7ef66fcb2666198b47ed0a89c1e0', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'ion-activatable': true,
-            }) }, h("a", Object.assign({ key: 'a67cea28fb740c6db408a32973cd5fcbaecf7db0' }, attrs), h("slot", { key: 'ab63b4654ee317c48df7fb8aaf350eb9c272935c' }))));
+            }) }, h("a", Object.assign({ key: 'e7bfa23fa6cde7def307d8eb962ba0b3a04bacc7' }, attrs), h("slot", { key: 'b7bf42a00137767eace70fe2a637a7f0faf1a333' }))));
     }
     static get style() { return IonRouterLinkStyle0; }
 }, [1, "ion-router-link", {

package/components/ion-router-outlet.js

@@ -186,7 +186,7 @@ const RouterOutlet = /*@__PURE__*/ proxyCustomElement(class RouterOutlet extends
         return true;
     }
     render() {
-        return h("slot", { key: 'bd25db1178276d333a68a25e5e35f5dbe0714805' });
+        return h("slot", { key: 'e48ce56d7e579635a6c4eec7b01dda14df62d0c6' });
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-row.js

@@ -15,9 +15,9 @@ const Row = /*@__PURE__*/ proxyCustomElement(class Row extends HTMLElement {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '9ce8c6b2c56c8395b0fdbf27596a8995ab0c32ae', class: {
+        return (h(Host, { key: '157738c7cf82cd8ceb33b51c1eb84566bd51e805', class: {
                 [theme]: true,
-            } }, h("slot", { key: '669552a7ad745daaf193ce0bad3ef4dbe062ba8c' })));
+            } }, h("slot", { key: 'dd90ecc26238c372b9f0d933786082732d42f798' })));
     }
     static get style() { return IonRowStyle0; }
 }, [1, "ion-row"]);

package/components/ion-searchbar.js

@@ -5,7 +5,7 @@ import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } fr
 import { l as debounceEvent, d as inheritAttributes, c as componentOnReady, r as raf } from './helpers.js';
 import { i as isRTL } from './dir.js';
 import { c as createColorClasses } from './theme.js';
-import { b as arrowBackSharp, j as closeCircle, k as closeSharp, s as searchOutline, q as searchSharp } from './index6.js';
+import { b as arrowBackSharp, j as closeCircle, k as closeSharp, t as searchOutline, u as searchSharp } from './index6.js';
 import { c as config, d as getIonTheme } from './ionic-global.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
@@ -133,7 +133,7 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
         this.noAnimate = true;
         this.color = undefined;
         this.animated = false;
-        this.autocapitalize = undefined;
+        this.autocapitalize = 'off';
         this.autocomplete = 'off';
         this.autocorrect = 'off';
         this.cancelButtonIcon = config.get('backButtonIcon', arrowBackSharp);
@@ -394,8 +394,8 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
         const clearIcon = this.clearIcon || (theme === 'ios' ? closeCircle : closeSharp);
         const searchIcon = this.searchIcon || (theme === 'ios' ? searchOutline : searchSharp);
         const shouldShowCancelButton = this.shouldShowCancelButton();
-        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '0110d5f6f4cfb813a4cdf7e7954c8b7ada021f15', "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" }, h("div", { key: 'e5f260684cfa75a43063e6d0071d4c220ea49563', "aria-hidden": "true" }, theme === 'md' ? (h("ion-icon", { "aria-hidden": "true", icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
-        return (h(Host, { key: '3460520d8b2dd69dab7231b88bcb571b50992f89', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: 'e1b9ddf497da5ab482c5f7b2b6f607eb41a51367', "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" }, h("div", { key: 'efc1ab4e5f90951cbaa11be3b06f328b0bf3e538', "aria-hidden": "true" }, theme === 'md' ? (h("ion-icon", { "aria-hidden": "true", icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
+        return (h(Host, { key: '6bd18ef4a5e9334eb4f3eeed1ca576c534e1739b', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
                 [theme]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -405,14 +405,14 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
                 'searchbar-has-focus': this.focused,
                 'searchbar-should-show-clear': this.shouldShowClearButton(),
                 'searchbar-should-show-cancel': this.shouldShowCancelButton(),
-            }) }, h("div", { key: 'cd68bfe8d27cc16477c238e34ca138b999296f5f', class: "searchbar-input-container" }, h("input", Object.assign({ key: '0c4618569243a63164e680712804381cffd5a858', "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: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), theme === 'md' && cancelButton, h("ion-icon", { key: '360bbd3432866db7f9c5b5f0fb653935b81f0ab2', "aria-hidden": "true", icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '70d10d5f4c5839326ec3d6c7468a21943148cdef', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, h("div", { key: '9206c0f8367f4bdfb165d025e9212b3988d5d777', class: "searchbar-input-container" }, h("input", Object.assign({ key: '45d0683d338cf7eba0c46de7287d19e7ced2983b', "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: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), theme === 'md' && cancelButton, h("ion-icon", { key: '51c09903d721758c95842c96b527e077663b83e9', "aria-hidden": "true", icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '246fba097c51614f658618ef03e83b0b50f4b233', "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) }, h("ion-icon", { key: 'e541e14885d13f2844e392a4109a86062b62b2d0', "aria-hidden": "true", icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: 'c0102ec701f0adbbdecb31bd78d5115607261061', "aria-hidden": "true", icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-segment-button.js

@@ -85,7 +85,7 @@ const SegmentButton = /*@__PURE__*/ proxyCustomElement(class SegmentButton exten
         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 (h(Host, { key: '85777c6a1659339f9a0fa98ebe3e7cfbabf1653f', class: {
+        return (h(Host, { key: '13a371d8e2a0ebac3c62b7a1920e3a4bf3a77c62', class: {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -101,10 +101,10 @@ const SegmentButton = /*@__PURE__*/ proxyCustomElement(class SegmentButton exten
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, h("button", Object.assign({ key: '98bb77139779f40911c1892f48dc2d5e5e5e6514', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: 'dfe04b5169d6237dad431e6f14391bfcea3717bb', class: "button-inner" }, h("slot", { key: '531b69c1a6617708760da7f02be0fba4a377bcf8' })), theme === 'md' && h("ion-ripple-effect", null)), h("div", { key: '27e2db764e8a1820d20f29e521dc93df5a63fc0d', part: "indicator", class: {
+            } }, h("button", Object.assign({ key: '485a65f3363535c16a19f2733145437aa43b0df0', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '56d41f6cd90cf57d45da46616fc84239935bf6e6', class: "button-inner" }, h("slot", { key: '9bac1100713695ec067524c98c957821bbd8e3b5' })), theme === 'md' && h("ion-ripple-effect", null)), h("div", { key: 'b77df00c0ac881c7c65061e721cc0f45f5060851', part: "indicator", class: {
                 'segment-button-indicator': true,
                 'segment-button-indicator-animated': true,
-            } }, h("div", { key: '71edeedd4fe69afc2a70a8b8c64b9ea0f995fdb8', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, h("div", { key: '29408e74ccaf30994f4f7f0b5e03787a99972ef6', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-segment.js

@@ -431,14 +431,14 @@ const Segment = /*@__PURE__*/ proxyCustomElement(class Segment extends HTMLEleme
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '93e49c7f9d0dc078c7a6bad31e2d33fe91fb1728', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'edb5182f68a0ad4cefab539afdf1a0d64447053a', role: "tablist", onClick: this.onClick, class: createColorClasses(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,
-            }) }, h("slot", { key: '75481d77210868270ca5eaa0e13b705db5905925' })));
+            }) }, h("slot", { key: '0b2288bddcffde891302c71a41d611d1fb98340e' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-select-option.js

@@ -18,7 +18,7 @@ const SelectOption = /*@__PURE__*/ proxyCustomElement(class SelectOption extends
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '20235a3933110bfca53a54019b16cfdbf41e3d47', class: {
+        return (h(Host, { key: 'a0b9d59460e0fa4637aed6ab7665da434e05a9f7', class: {
                 [theme]: true,
             }, role: "option", id: this.inputId }));
     }

package/components/ion-select.js

@@ -9,7 +9,7 @@ import { c as popoverController, b as actionSheetController, a as alertControlle
 import { i as isRTL } from './dir.js';
 import { h as hostContext, c as createColorClasses } from './theme.js';
 import { w as watchForOptions } from './watch-options.js';
-import { t as chevronExpand, h as caretDownSharp } from './index6.js';
+import { v as chevronExpand, h as caretDownSharp } from './index6.js';
 import { d as getIonTheme } from './ionic-global.js';
 import { d as defineCustomElement$f } from './action-sheet.js';
 import { d as defineCustomElement$e } from './alert.js';
@@ -595,7 +595,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: '337114bfda3c5a604454ebab1cd38da546922276', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '31d6c53e81c89bd86883932e39215a12b9fd6e7f', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -611,7 +611,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
                 [`select-justify-${justify}`]: justifyEnabled,
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
-            }) }, h("label", { key: '82de04dbd97ad93a450a22272277be58adbd8c71', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '279eb8a35c0d45b0db959e62333bd9d5960066e6', class: "select-wrapper-inner" }, h("slot", { key: 'dbd606bdf90addb0e10ecbe1bbeae2def48cb2fa', name: "start" }), h("div", { key: '3eda8840500347860639334014fdbd843b3f6e81', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '76c1c1e72e87531f7c106fc9d2f5e477c6c7e626', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { class: "select-highlight" }))));
+            }) }, h("label", { key: '2d5ad6c905042f2444e7c295657672544ad2f8b7', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '0595dc92f243fa2059a80c311e0dd6c24a683e0f', class: "select-wrapper-inner" }, h("slot", { key: '765c5f680d904fc60d6ed4517e83cfcf11782fe4', name: "start" }), h("div", { key: '7091eb4bcc5cf4727865dd09cf2c2a1db4d3435e', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '9c554e332af0efbb8e9afa2510d3fc9988631f08', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { class: "select-highlight" }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-skeleton-text.js

@@ -32,11 +32,11 @@ const SkeletonText = /*@__PURE__*/ proxyCustomElement(class SkeletonText extends
         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 (h(Host, { key: '13bcbf6760f12a128eeb7806833f797ed778a1e2', class: {
+        return (h(Host, { key: '9c9a256001f173613dc4b715b2864d3e14a1e071', class: {
                 [theme]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, h("span", { key: '78bd56f6c97f72a85758f16e9186d7a258e7e73d' }, "\u00A0")));
+            } }, h("span", { key: '5ffdaef2c9a438a7c5cf4bf6da4cd9e17d41bca0' }, "\u00A0")));
     }
     get el() { return this; }
     static get style() { return IonSkeletonTextStyle0; }

package/components/ion-split-pane.js

@@ -132,12 +132,12 @@ const SplitPane = /*@__PURE__*/ proxyCustomElement(class SplitPane extends HTMLE
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'b5ad2b32f12e0efc1c579238458f81404348172e', class: {
+        return (h(Host, { key: '390c6c13e78c2004d992139c93ccdc91cd2591e2', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`split-pane-${theme}`]: true,
                 'split-pane-visible': this.visible,
-            } }, h("slot", { key: '688b702424b64ccc01dd7edbee37c220d277c2b4' })));
+            } }, h("slot", { key: 'dc8c53a9857b9db82f91684ccf495aa2a4757fa2' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-tab-bar.js

@@ -63,11 +63,11 @@ const TabBar = /*@__PURE__*/ proxyCustomElement(class TabBar extends HTMLElement
         const { color, translucent, keyboardVisible } = this;
         const theme = getIonTheme(this);
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (h(Host, { key: '472b19ffa681b062a4e6a3a5dbb484ce27e53976', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '876758e00695cbe1b7068a63dae939acb475c669', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
                 [theme]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
-            }) }, h("slot", { key: '8b5b9b1ac56918e47c4474a2c235d969d1854c36' })));
+            }) }, h("slot", { key: '1e3d595e688f6bc92fc1f52815a58eae617c8084' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-tab-button.js

@@ -79,7 +79,7 @@ const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLE
             rel,
             target,
         };
-        return (h(Host, { key: 'f916e959d54e3a2880badb4366773743780fcd4c', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (h(Host, { key: 'a3e5684eaab08ab038441d0b069d9d94fdb2bb75', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [theme]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -91,7 +91,7 @@ const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLE
                 'ion-activatable': true,
                 'ion-selectable': true,
                 'ion-focusable': true,
-            } }, h("a", Object.assign({ key: '6ae661f6e91e2916111aa556735e066001720d76' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), h("span", { key: '6fab328b467b7fbe1e7c27134df10b8868b05c80', class: "button-inner" }, h("slot", { key: '0f38f4765c907a1d74f57eaa0a325f67ea4da0e2' })), theme === 'md' && h("ion-ripple-effect", { type: "unbounded" }))));
+            } }, h("a", Object.assign({ key: 'b851b846f28da9af55c25cb4493b635b91cc65bb' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), h("span", { key: '9cf94f67da9f7d97853bf37394c026e93974c1f1', class: "button-inner" }, h("slot", { key: 'fc30698b72b1bc506c117c1045c6f3030dcdfa4f' })), theme === 'md' && h("ion-ripple-effect", { type: "unbounded" }))));
     }
     get el() { return this; }
     static get style() { return {

package/components/ion-tab.js

@@ -55,10 +55,10 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class Tab extends HTMLElement {
     }
     render() {
         const { tab, active, component } = this;
-        return (h(Host, { key: '25152d0c5cb67053bc529ddd7a8f87344a23adaa', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (h(Host, { key: 'b419a861283f5c591c2a6031ff034766912de54a', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, h("slot", { key: '786d2a026df2f1c0c6643a602b36b2d2b70b59a0' })));
+            } }, h("slot", { key: '617d491cae1552394db606efb817ec2dbb1365ce' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-tabs.js

@@ -140,7 +140,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (h(Host, { key: '91050ed237918190ac694e057344ff29e0e6d5b5', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: 'a46e5ec1df57e850f6c18a7c386c9e16c8cbe09d', name: "top" }), h("div", { key: 'ece935d56f859d95a0abde26cf1bc22fff6d4d16', class: "tabs-inner" }, h("slot", { key: '9c756c699d90a0f85fa589eab3fc7a0f8c7b8d1c' })), h("slot", { key: 'adc6a0f4afede64f0226e9fb0169e0759955862e', name: "bottom" })));
+        return (h(Host, { key: '2dcd503f13b7b4e77e73920db4d384744b373fe5', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '2fbffcc2505f54ca75066cf6df6d3faabda70ec4', name: "top" }), h("div", { key: 'f31081b00b9f175661cfea5a881d13175dc28540', class: "tabs-inner" }, h("slot", { key: 'd0f095af88cb8701ba218244cdee02b9599d7c9c' })), h("slot", { key: 'e29fe09d948f08c08b055de0efb4532201d14d6e', name: "bottom" })));
     }
     get el() { return this; }
     static get style() { return IonTabsStyle0; }

package/components/ion-text.js

@@ -17,9 +17,9 @@ const Text = /*@__PURE__*/ proxyCustomElement(class Text extends HTMLElement {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '9b8da45b71b833b0f6d48775b785fcbf86b109dc', class: createColorClasses(this.color, {
+        return (h(Host, { key: '6ea7825c51881a6ba8d0c01884a9776dc06c2df0', class: createColorClasses(this.color, {
                 [theme]: true,
-            }) }, h("slot", { key: '10d1a6ab506cfae2858bec6c9451f3d7f16cd55f' })));
+            }) }, h("slot", { key: '9458b85a5037b41bb632e798e8929c6638599d61' })));
     }
     static get style() { return IonTextStyle0; }
 }, [1, "ion-text", {

package/components/ion-textarea.js

@@ -367,7 +367,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (h(Host, { key: 'd1b73299b7e55d87bdca6a026409801b8e4c793c', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'cc3e59fb7c38068891f3d69bb1534fb8fad73fa8', class: createColorClasses(this.color, {
                 [theme]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -376,7 +376,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
                 [`textarea-shape-${shape}`]: shape !== undefined,
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
-            }) }, h("label", { key: '56a14c9be398e0f4dbf1f9a71999dc0aecaa732e', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '0c2ead1040301502244e7afc38f14051b40e4711', class: "textarea-wrapper-inner" }, h("div", { key: '3a2f6d8db60c807e7ff11342f45082197fba5abe', class: "start-slot-wrapper" }, h("slot", { key: '3a8238e824f737c0c99081bac7c02dc1b519a3aa', name: "start" })), h("div", { key: '7704ec78ff12ea56f6a8193dd78b4333750051dc', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '434da6f41cde5833cfe9cefd469ea54e8204e6a6', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), h("div", { key: 'ea8d0e2fc46aa2565c9ca075bd5813b79b090942', class: "end-slot-wrapper" }, h("slot", { key: '5b0924fcf975858005da294df8cabc46d5d0c751', name: "end" }))), shouldRenderHighlight && h("div", { class: "textarea-highlight" })), this.renderBottomContent()));
+            }) }, h("label", { key: '86fec96f55297e95a460eafc128478ae6517594e', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'c5bcf4ec24a9353862a952a87ee594438abb23a4', class: "textarea-wrapper-inner" }, h("div", { key: 'dba84845364f83ab68dc77ba8e38e027b5ca6d48', class: "start-slot-wrapper" }, h("slot", { key: '025498e4ae5d181802db68cef988b97539314c93', name: "start" })), h("div", { key: 'b8f97100ed7ae5218abaf4c5d8e0c5d7308d92b2', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: 'b28682e84eef9e7bc9f6f62504493d1a2980bf3f', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), h("div", { key: '9ab68e2fb2639744b20baecd02d7c121c74a7bdf', class: "end-slot-wrapper" }, h("slot", { key: '2ab75fa4769858aa1fd9e7ea22bc1d438605c5da', name: "end" }))), shouldRenderHighlight && h("div", { class: "textarea-highlight" })), this.renderBottomContent()));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-thumbnail.js

@@ -15,9 +15,9 @@ const Thumbnail = /*@__PURE__*/ proxyCustomElement(class Thumbnail extends HTMLE
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '6fefc1480c867df5356d30a82f264b46187ae42a', class: {
+        return (h(Host, { key: 'c4d5f83ea8f3bf55bfe093200b54284bd136676c', class: {
                 [theme]: true,
-            } }, h("slot", { key: '6b9c3f5ea26f9232659be03e127a050bc54c0f7d' })));
+            } }, h("slot", { key: 'b6623d167248e78f99a5ff4e7bdb87505c674fe0' })));
     }
     static get style() { return IonThumbnailStyle0; }
 }, [1, "ion-thumbnail"]);

package/components/ion-title.js

@@ -41,11 +41,11 @@ const ToolbarTitle = /*@__PURE__*/ proxyCustomElement(class ToolbarTitle extends
     render() {
         const theme = getIonTheme(this);
         const size = this.getSize();
-        return (h(Host, { key: 'c91cf5a67925ad559db86d1b70c1623bdf78103e', class: createColorClasses(this.color, {
+        return (h(Host, { key: '085ea8bce9248640bcca81d3edb8c4e00bd6414c', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, h("div", { key: '6417cbb5210735a8ef10cac63787ee2b0b0fcf58', class: "toolbar-title" }, h("slot", { key: '1e1787d82734bcd1e195767d535c8e5310af3cfb' }))));
+            }) }, h("div", { key: '4613c7333cf896a442a81eb4e313e06bb66a48eb', class: "toolbar-title" }, h("slot", { key: 'aeedc8675232851048b501ae212c2bff8f33f859' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-toast.js

@@ -831,9 +831,9 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
             printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
         }
-        return (h(Host, Object.assign({ key: '61ff00b35f1d50b1dc8d6bd76029f9da43ad267f', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '4d456c98c8e4c1aeddb941766ea7749433d6d2c0', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: createColorClasses(this.color, Object.assign(Object.assign({ [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'd10db4d59d1c65654796d778eaa206b4c8f8816d', class: wrapperClass }, h("div", { key: '3e565de041d1904a49bf1533137ef60b1efa270a', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: 'c7196926c58c075f5a825856641661d6c88ba591', 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(this.color, Object.assign(Object.assign({ [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '6d37bc262fb86442103d5b4f37f6ef88e3854d63', class: wrapperClass }, h("div", { key: '3d21b61bfd7f66ea115fd4d9fd589aaa34051a6b', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: 'a658502aee8af01a953e8e9229f6fe4ac558c131', 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 this; }
     static get watchers() { return {

package/components/ion-toggle.js

@@ -6,7 +6,7 @@ import { i as inheritAriaAttributes, e as renderHiddenInput } from './helpers.js
 import { d as hapticSelection } from './haptic.js';
 import { i as isRTL } from './dir.js';
 import { c as createColorClasses, h as hostContext } from './theme.js';
-import { u as checkmarkOutline, v as removeOutline, w as ellipseOutline } from './index6.js';
+import { w as checkmarkOutline, x as removeOutline, y as ellipseOutline } from './index6.js';
 import { c as config, d as getIonTheme } from './ionic-global.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
@@ -164,7 +164,7 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends HTMLElement
         const value = this.getValue();
         const rtl = isRTL(el) ? 'rtl' : 'ltr';
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { key: 'cdedec897515f4886941e1b1a5b399daab7a12a5', onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: 'd1e8aecb9d4fcc1e3d4c0b324a55c46a2915dae7', onClick: this.onClick, class: createColorClasses(color, {
                 [theme]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -174,10 +174,10 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends HTMLElement
                 [`toggle-alignment-${alignment}`]: true,
                 [`toggle-label-placement-${labelPlacement}`]: true,
                 [`toggle-${rtl}`]: true,
-            }) }, h("label", { key: '638e45188e2f7ce2f55a7b5198e2d4bc7dea6059', class: "toggle-wrapper" }, h("input", Object.assign({ key: 'de5111280d7fcbe9d4fb9806f64d92aeb3866e69', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: '33da5d9383db0d4b9609c57325940ad1663a06ff', class: {
+            }) }, h("label", { key: 'f2992fcde14b9e2f5f059f7dad0cf526a3a6ea6e', class: "toggle-wrapper" }, h("input", Object.assign({ key: '4a93e0aee2134465e41d2c56bcbd2eb230f438ec', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: '8e174e5fc5ec71234c5b6abae20b69f9098571d1', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, h("slot", { key: '06eeabe77eeeddd43cd214c857841f0e3306b058' })), h("div", { key: 'f1c38e2678a9181558eb01f41f0db5fe9d47e4f9', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label" }, h("slot", { key: '36c22d523213c58800ace8b578afff2263688ea9' })), h("div", { key: '7b38a88b3c030066acbdf54cf93c5e5edbb22638', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-toolbar.js

@@ -66,10 +66,10 @@ const Toolbar = /*@__PURE__*/ proxyCustomElement(class Toolbar extends HTMLEleme
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (h(Host, { key: '2711e902335d342681ab2177306394bdf7c58a92', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
+        return (h(Host, { key: 'b72730bba572c0bb2c5fcc6b812491ca31880a91', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })) }, h("div", { key: '91cc5f10fc55306440c9166ace3b6f3fe7693c88', class: "toolbar-background" }), h("div", { key: 'd992f91b1b06b7562622efa724f78155e1054876', class: "toolbar-container" }, h("slot", { key: 'cc31b508759b647b8b3b45b975511dcc114308f2', name: "start" }), h("slot", { key: '603dde2505ee9707b5dec2365b620bd812992a80', name: "secondary" }), h("div", { key: 'd8d488d7e80d228177d2b395bb7412144d7c463d', class: "toolbar-content" }, h("slot", { key: '6be987bbafe3ee476dd87ac15f20dc6f26bb20c0' })), h("slot", { key: 'da160d1e71ae7639290a3ce98c4d2998ab42fc6d', name: "primary" }), h("slot", { key: 'f6d25957e4d60e306031fa9b248448c9bdba9479', name: "end" }))));
+            })) }, h("div", { key: '001472e4f1c4f2b97491fd85b39a86e6afe2814d', class: "toolbar-background" }), h("div", { key: '7b3639c71432971de3b186a8eb3c33e1a2c8ca93', class: "toolbar-container" }, h("slot", { key: 'f965c2e0e1266a79c1314bfcf0db477c24adab00', name: "start" }), h("slot", { key: '6684bf80e2030f2134a4f486994f9ed2825490a4', name: "secondary" }), h("div", { key: 'f4a3535a5ee15be78e7f37f07910766c9cb12160', class: "toolbar-content" }, h("slot", { key: '2eae8960c6e7e9418a162bfc1011c715cc410a68' })), h("slot", { key: '4646aab8dfebb082ccb2aac492341686fab4220f', name: "primary" }), h("slot", { key: 'c528d5961aa8b5f4a8758e4575ce1bf0c2e52b48', name: "end" }))));
     }
     get el() { return this; }
     static get style() { return {

package/components/ionic-global.js

@@ -370,7 +370,7 @@ const initialize = (userConfig = {}) => {
          * behavior for applications that are not setting the "theme".
          */
         while (elm) {
-            const theme = elm.theme || elm.getAttribute('theme');
+            const theme = elm.getAttribute('theme');
             if (theme) {
                 if (isThemeSupported(theme)) {
                     return theme;
@@ -383,7 +383,7 @@ const initialize = (userConfig = {}) => {
              * If a theme is not detected, then fallback to using the
              * `mode` attribute to determine the style sheets to use.
              */
-            const elmMode = elm.mode || elm.getAttribute('mode');
+            const elmMode = elm.getAttribute('mode');
             if (elmMode) {
                 if (isModeSupported(elmMode)) {
                     return elmMode;

package/components/label.js

@@ -66,13 +66,13 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends HTMLElement {
     render() {
         const position = this.position;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'd0a19aa5dc20d7e54346200d1556f0d578bf0fb3', class: createColorClasses(this.color, {
+        return (h(Host, { key: '0702770a60d2b7ee11516a03d64512ceb04598a9', class: createColorClasses(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',
-            }) }, h("slot", { key: '58d9a5f5d2d2a9364eecbf94d5667211834098ee' })));
+            }) }, h("slot", { key: '39ed97bbc43c0397928a5957f298ff6003ee41bc' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/list-header.js

@@ -25,10 +25,10 @@ const ListHeader = /*@__PURE__*/ proxyCustomElement(class ListHeader extends HTM
     render() {
         const { lines } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'eeb5020786eb53dc3061901479bc76855dac1aaf', class: createColorClasses(this.color, {
+        return (h(Host, { key: '878156ec53e87d2162d67fdf5158e4a17863ef29', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, h("div", { key: 'aed1e6b1978a0dcc6ea43f3ab739616250930101', class: "list-header-inner" }, h("slot", { key: '942864f08be30397a99b767ee8578a07b3d7952f' }))));
+            }) }, h("div", { key: 'c3a66389e89131967de9592528e48d69e8533d14', class: "list-header-inner" }, h("slot", { key: '6242c8008a12144598e463a0404597a0c3f097ef' }))));
     }
     static get style() { return {
         ionic: IonListHeaderIonicStyle0,

package/components/list.js

@@ -36,7 +36,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
     render() {
         const theme = getIonTheme(this);
         const { lines, inset } = this;
-        return (h(Host, { key: 'f02189367db3ea43d5f30998e210aeef69b777ee', role: "list", class: {
+        return (h(Host, { key: '6c5a585619f19b6b5b54cc050377791dd8fe63b3', role: "list", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`list-${theme}`]: true,

package/components/picker-column-option.js

@@ -89,10 +89,10 @@ const PickerColumnOption = /*@__PURE__*/ proxyCustomElement(class PickerColumnOp
     render() {
         const { color, disabled, ariaLabel } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '58a3ee795394ec4a497e41bb348b3f68fa95971a', class: createColorClasses(color, {
+        return (h(Host, { key: '6c9db63d7bbbec2bdbf396a755a12fd2161e0945', class: createColorClasses(color, {
                 [theme]: true,
                 ['option-disabled']: disabled,
-            }) }, h("button", { key: 'c343a70fcf072881ccaa1dc8295acd3f47acc824', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: 'a06a9d2c13ff8e46c56949e3c50fd30291ec1e83' }))));
+            }) }, h("button", { key: 'a81fdec2b6df1a0a90fc8cd4e5605ef415ec3acd', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: 'ea9a8830d3351ef8f6fb61eca3ed0252505e3854' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/picker-column2.js

@@ -343,9 +343,9 @@ const PickerColumnCmp = /*@__PURE__*/ proxyCustomElement(class PickerColumnCmp e
     render() {
         const col = this.col;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '665ec7daa2e5f41536847b167146b04a444495c2', 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 (h(Host, { key: '4d33c5b3df0a872caf31d139161f462c02a5c692', 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 && (h("div", { class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '6195a1022a90538e9f638a4216910c125a43a8b7', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (h("div", { class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: 'add69fbafbaf68acc0a70a6a7204c96a433e062c', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     get el() { return this; }
     static get watchers() { return {