@ionic/core 8.3.3-dev.11729027747.1d05ced8 → 8.3.3-dev.11729113140.194d2c73

package/components/ion-select.js

@@ -605,7 +605,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: 'd95e003059e8719cd19f6f9e23d8939b0cae9bd1', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '56f4438677932d676fe499dd4d8b818af2f5fc41', onClick: this.onClick, class: createColorClasses(this.color, {
                 [mode]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -621,7 +621,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: 'e5d15665212e6f1eb9335c408e5dc5f12cccd3ae', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '53a0d64abaaa08a015aa8fb4c9c91669a179b203', class: "select-wrapper-inner" }, h("slot", { key: '686f830338a5587321433b96577d435c3809d707', name: "start" }), h("div", { key: 'd3852eac0551e155ce6ccc89ce6a3802d752b61e', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '7bebc89c589be9ba15943a1aeb0f9847443b42e1', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'bccaa9661ae5185dd953ce40aa18dd1b762146de', class: "select-highlight" }))));
+            }) }, h("label", { key: 'e9d2d28c05a5440f4361b97fbc0f1447713b7762', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '1d89a78416517c9939073ced94e205397c8c18a7', class: "select-wrapper-inner" }, h("slot", { key: '60cedd5bd2e8af42267f81a5ebdc4aadca724351', name: "start" }), h("div", { key: 'fd9f4c8a45813daf4b18019a1a7870470b784a60', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '832b729746f9370302d39d5f45bf67ee185d85c9', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '3ad1d693486dc8b9e7020b46fd93e1a56c385125', 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 mode = getIonMode(this);
-        return (h(Host, { key: '69ac5fabf02d9d42a4eb99b3499dce0864199cb0', class: {
+        return (h(Host, { key: '82de575f5e9b16e1b96b47fa08476f7b01ee4a0d', class: {
                 [mode]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, h("span", { key: '77887175c8147baecccc6258faa8181c9b2a449c' }, "\u00A0")));
+            } }, h("span", { key: '86d3f191fcad303f7b4e588d9df1b4a8babd3414' }, "\u00A0")));
     }
     get el() { return this; }
     static get style() { return IonSkeletonTextStyle0; }

package/components/ion-split-pane.js

@@ -129,12 +129,12 @@ const SplitPane = /*@__PURE__*/ proxyCustomElement(class SplitPane extends HTMLE
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '03371ed21b1fdd155ec12178d5b4fe42db58326c', class: {
+        return (h(Host, { key: 'bb55def50809ede14b43ea469a03c9fd8cb7961f', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`split-pane-${mode}`]: true,
                 'split-pane-visible': this.visible,
-            } }, h("slot", { key: '5c82033f0be9eeecf9cca79984e81c4b2e38cba0' })));
+            } }, h("slot", { key: '03e121f9fa52e635678887fcfc902b7ef645ed70' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-tab-bar.js

@@ -60,11 +60,11 @@ const TabBar = /*@__PURE__*/ proxyCustomElement(class TabBar extends HTMLElement
         const { color, translucent, keyboardVisible } = this;
         const mode = getIonMode(this);
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (h(Host, { key: '4a658d07ec24e6bf2383ff6b85dbfc63d12c8910', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '4ada6205120b6943f80ca00b0750210d55eed141', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
                 [mode]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
-            }) }, h("slot", { key: '846f8ef4f9af7f3f5828b7302cba115562204f7b' })));
+            }) }, h("slot", { key: '2b61fdd8ebd4bd4170ee7be48653c77afcb2a44f' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-tab-button.js

@@ -76,7 +76,7 @@ const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLE
             rel,
             target,
         };
-        return (h(Host, { key: '9588586b1cd801140fb0e0cc42e91a2fd9b92d2e', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (h(Host, { key: '54d5c03f2d0ea454342ac085702b1f33dcaa8589', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [mode]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -88,7 +88,7 @@ const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLE
                 'ion-activatable': true,
                 'ion-selectable': true,
                 'ion-focusable': true,
-            } }, h("a", Object.assign({ key: '9cdad3684c2e59873a4b1858ad6a899193084abf' }, 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: 'ed542d1d9b7f68542c829ee94d10fa6a417cc3ba', class: "button-inner" }, h("slot", { key: '181dffbbd8e91e23343049f9b64cc5454297f05e' })), mode === 'md' && h("ion-ripple-effect", { key: 'b3012617ce2a23d6fbadb0d1c2d05ddabb947f2c', type: "unbounded" }))));
+            } }, h("a", Object.assign({ key: '222128c5af368ed52b0976d436f1d6f0356ca269' }, 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: 'fc8abca426d0d643c31034c34490e77365385f15', class: "button-inner" }, h("slot", { key: 'acae0036f691bc29ed537d1818030cf0dc37b883' })), mode === 'md' && h("ion-ripple-effect", { key: '8dbe060ae58a209953e748b5688b3d8504df87d8', 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: '0e2727610cfb92432ecbe731282dd0fc17f7801c', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (h(Host, { key: '3c983c731117c65d1dd8892cd7cc9972c31700b7', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, h("slot", { key: '6d024e3eeb310211ff0424e7cdc24f3cf39165f7' })));
+            } }, h("slot", { key: 'd325bc089ebd6819404daa445912e22541e5827b' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-tabs.js

@@ -150,7 +150,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (h(Host, { key: '549d895d74165267eb648d929e81d100b0db8ab4', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: 'f40633a1b2d38c56d6268a4f9554e255a9c9fd4f', name: "top" }), h("div", { key: 'e688d6c6299fb2551e4f4b1038128d02c71e9c09', class: "tabs-inner" }, h("slot", { key: '157805f56e4708d15f11d6093c9106abe18f2869' })), h("slot", { key: 'a7add9aed231853bb61797ad14ded5b6fe9f0015', name: "bottom" })));
+        return (h(Host, { key: '27f811ba897e7b7d5aff9708fd20ec1155fc3242', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '0038751d3aa5cc6b36d9f9cc64e60aa820ce8d72', name: "top" }), h("div", { key: 'c4860c66ac89bfdf81e14dbeab9d6d98f2fd9942', class: "tabs-inner" }, h("slot", { key: 'a1c28f9f0dbf49dc89b28d31951e406c94e181b1' })), h("slot", { key: '2cf9c616ad3708a37a14d347d14dd8b9942dddba', 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 mode = getIonMode(this);
-        return (h(Host, { key: 'ab9a44c87ae1a8315ca07721f683fb439f2caff1', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'c9fd187354e4b4cdbcea29d8205ed3f0445679e6', class: createColorClasses(this.color, {
                 [mode]: true,
-            }) }, h("slot", { key: '809b39d6b64195fdf9788ae121a4f241ba1cac6b' })));
+            }) }, h("slot", { key: '7ebe2562f6ff30749146a24df9ae17f92599ed69' })));
     }
     static get style() { return IonTextStyle0; }
 }, [1, "ion-text", {

package/components/ion-textarea.js

@@ -364,7 +364,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: '2ac001eae0e1dcf5ec0a1cda381d8a1e8fbe0ddb', class: createColorClasses(this.color, {
+        return (h(Host, { key: '3057a0262aa5b10dd009255246b088a292cf2105', class: createColorClasses(this.color, {
                 [mode]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -373,7 +373,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: '3f846e28f1e7127202b8be7148324080a424dc66', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'e221bf2c583cdf6019e05b3b499279216edeabf5', class: "textarea-wrapper-inner" }, h("div", { key: '94d7097f3f3a26aed37ed4bb77566e1ba5e40ece', class: "start-slot-wrapper" }, h("slot", { key: 'ecdb0f2bd3228edf9b6db1a63afd42cf2f48d3c9', name: "start" })), h("div", { key: 'dfbe9f1a7d21839d8b9f372a208c0c3e60af5f68', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '8232f346ad68093d72feff68e69b35bc3c5e0605', 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: 'b06b270cdccdb6dad190ba5277c7893663539d7b', class: "end-slot-wrapper" }, h("slot", { key: '063e0c67ac54f2de7006de5cc91dddabcfd23e63', name: "end" }))), shouldRenderHighlight && h("div", { key: 'dc0376830bae4829bd83a0a98b2e51ab728a4a57', class: "textarea-highlight" })), this.renderBottomContent()));
+            }) }, h("label", { key: '3cefc2946471e462d7e63de23453f73b86fd52a3', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'f58e07557457ef15db0ede22bb05eef14e926856', class: "textarea-wrapper-inner" }, h("div", { key: 'dd327f34c75825a130034e0599a54c76f5083f2f', class: "start-slot-wrapper" }, h("slot", { key: '1e08f37a467423e0d1cbd032e21e7d82390e0d7c', name: "start" })), h("div", { key: '0dc7c0317e0489e4e63573b2b3fa33dd8faa0e61', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: 'b351376fb2756af4c9e5745a3391b2952ed538a4', 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: 'ea91b1656ddcbe7dfb0522618d4b5e179774f372', class: "end-slot-wrapper" }, h("slot", { key: 'af088c4e26d145d92631496cea1eddd2e54fdd22', name: "end" }))), shouldRenderHighlight && h("div", { key: 'c63ccb5e724c936f9d01eae561651064d80a843f', class: "textarea-highlight" })), this.renderBottomContent()));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-thumbnail.js

@@ -14,7 +14,7 @@ const Thumbnail = /*@__PURE__*/ proxyCustomElement(class Thumbnail extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '7d0d0ecb46ea49d34da58724d546db9ffb768b4a', class: getIonMode(this) }, h("slot", { key: 'df6831c030f57b254ceeaf43bd0c90e06915b161' })));
+        return (h(Host, { key: '5e1a3fc154a6073e251c4ea99456363164f5f4ce', class: getIonMode(this) }, h("slot", { key: '090a67b630e20a6cb5a7c30e88b0e4bd2e819326' })));
     }
     static get style() { return IonThumbnailStyle0; }
 }, [1, "ion-thumbnail"]);

package/components/ion-title.js

@@ -38,11 +38,11 @@ const ToolbarTitle = /*@__PURE__*/ proxyCustomElement(class ToolbarTitle extends
     render() {
         const mode = getIonMode(this);
         const size = this.getSize();
-        return (h(Host, { key: '76a120f45fe6bedbe761e85e390b53c5dc8f30a2', class: createColorClasses(this.color, {
+        return (h(Host, { key: '89da5082d819e6e3dbc0ed455af8e4da0fe73a12', class: createColorClasses(this.color, {
                 [mode]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, h("div", { key: 'a7f3bd0a060f7ffc8aef7a150ed4d616d845fa74', class: "toolbar-title" }, h("slot", { key: '3d60b9f35d6a50f6508053bc354890c4f64fa6d5' }))));
+            }) }, h("div", { key: 'b6634f459c19137ac9dbff26be1027820037c09d', class: "toolbar-title" }, h("slot", { key: 'edfd2ff6413b052525f4a2f797b097065256cb19' }))));
     }
     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: 'fd7f35a7fb769a46d1860f0d16d2a97f287b49d2', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '2a9a43662626837370415ffd9404c59685691641', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '0ebf71074b240fd63a7ec816855f16d327742d4e', class: wrapperClass }, h("div", { key: '364ed5cf8591d3ce8e159c4bd480a921a1163ced', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: '9f57da73c79c747fd2b387900c67c7d6c871a910', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '58343c16377abd5d76b7b3ae928c2437da0259fb', 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({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'ff5df3d039ee6b7b9f096a51f6e4ead2d58d0e52', class: wrapperClass }, h("div", { key: 'c08cf224c941e82bc3d1055f3ee9f90b9b3321dc', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: 'bf88aee853cffecb21b4c90f8de6e87672e8559a', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: 'f99a8d2de9bda000ee03f021e84e6f12a410d231', 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

@@ -161,7 +161,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: '059639dd357e81134e9c5345b0c4ff0b501aa372', onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: '6c191cbb3e2a652474539dbc2135b22f86baba9e', onClick: this.onClick, class: createColorClasses(color, {
                 [mode]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -171,10 +171,10 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends HTMLElement
                 [`toggle-alignment-${alignment}`]: alignment !== undefined,
                 [`toggle-label-placement-${labelPlacement}`]: true,
                 [`toggle-${rtl}`]: true,
-            }) }, h("label", { key: '9e06a613ed8fcfdca304ba62ed74feb6c7be2e2d', class: "toggle-wrapper" }, h("input", Object.assign({ key: 'e667729528eeb3b21100d7f7e8aa3bf0111adc6c', 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: '7b95e7f346e84bac82606a2dec48f4ae02ce7854', class: {
+            }) }, h("label", { key: '4f9b2a802ede6286b0ffe2f55a7e93d14d93e8be', class: "toggle-wrapper" }, h("input", Object.assign({ key: '3404228bdb34b662f91c04e644b0addc76006906', 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: '7a629988fbfa52ccf73563e78834e56de8e657f4', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, h("slot", { key: 'c0a1ff31325e30eb433cf802c8193b1bb570a2f5' })), h("div", { key: '41b11a32669d8f1b7405dd64b8547ba81a683fe1', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label" }, h("slot", { key: '4a4f76889af86430d2347ae08be813e78984b11b' })), h("div", { key: 'df244aec6733371723b25fa05c151b1aaf895e16', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-toolbar.js

@@ -63,10 +63,10 @@ const Toolbar = /*@__PURE__*/ proxyCustomElement(class Toolbar extends HTMLEleme
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (h(Host, { key: '7bcb85a3928cbce60c1731b526fa4a4dae7b3ac7', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
+        return (h(Host, { key: '625c5fc55b43ce88399386fed097a91f1bd7445a', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
                 [mode]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })) }, h("div", { key: 'cbcbec3b11975dc72ce6fdf11a4a3c6a0c645073', class: "toolbar-background" }), h("div", { key: '4716951b9736c933206284e1e34eebe1507f896c', class: "toolbar-container" }, h("slot", { key: '890a8d114ebb2b9a0c364d48425a2c82248c08f7', name: "start" }), h("slot", { key: 'dc856f55f7fb412274edeec64d1bbe6be109abd0', name: "secondary" }), h("div", { key: '5b67e95c3bbda910c94da2527465c6824d61a8a6', class: "toolbar-content" }, h("slot", { key: '5e19b792aa970797d08430666b14a2cd30af87e3' })), h("slot", { key: 'bc8795cfee8af3cc4923e5df6351bc7e1ddbb4e4', name: "primary" }), h("slot", { key: '33e6f54d4d6db6307a3b639a34e952bc00403620', name: "end" }))));
+            })) }, h("div", { key: 'd23ac18932f4c8fe2ee8c3b44c457d42cb1bb4c6', class: "toolbar-background" }), h("div", { key: '73275708f1a19dbbfba0c3152923355f9d334e5a', class: "toolbar-container" }, h("slot", { key: '9a8977e4e003806b812addb81304101df2e2194b', name: "start" }), h("slot", { key: '845997b78b414b3de270085a750b14382ebd54d6', name: "secondary" }), h("div", { key: 'f4d77326c6111781f24ad311a6ee2404985fc64b', class: "toolbar-content" }, h("slot", { key: '2843a6239598521589bb93d2b5f44fb5fb78e5de' })), h("slot", { key: '56d1825672dc51226a89fe4b549764b093d40a6e', name: "primary" }), h("slot", { key: '9985fb8cde38c887175057afceae8fe6dc81d00c', name: "end" }))));
     }
     get el() { return this; }
     static get style() { return {

package/components/label.js

@@ -63,13 +63,13 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends HTMLElement {
     render() {
         const position = this.position;
         const mode = getIonMode(this);
-        return (h(Host, { key: '2311bd8145046edd623a6a96db315fc5719aec12', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'd3051dcde8fe1b047190c071c4bc7db2d87e2161', class: createColorClasses(this.color, {
                 [mode]: 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: 'dcc3b383a78fbc385b9689a95ee57d9b1e8a263b' })));
+            }) }, h("slot", { key: 'dd329baab5b11c28d7dbd4acfdf08199089d58ee' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/list-header.js

@@ -22,10 +22,10 @@ const ListHeader = /*@__PURE__*/ proxyCustomElement(class ListHeader extends HTM
     render() {
         const { lines } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: 'd07e7a3c03b0164d398319c009a9b6fc8405598d', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'ff1a155b461281e32a733ed837bd2c21abe92d6d', class: createColorClasses(this.color, {
                 [mode]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, h("div", { key: 'f56daf3980e4964163c2482b3d60905c154b0724', class: "list-header-inner" }, h("slot", { key: 'd56400b71a855b16498afa24148d64d885ae6504' }))));
+            }) }, h("div", { key: 'b4652a753f76bca4f14a7f9f58a093e01b0c5a2b', class: "list-header-inner" }, h("slot", { key: '0e0ddd1f48589bc2059cd2d47866599a161797d7' }))));
     }
     static get style() { return {
         ios: IonListHeaderIosStyle0,

package/components/list.js

@@ -33,7 +33,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
     render() {
         const mode = getIonMode(this);
         const { lines, inset } = this;
-        return (h(Host, { key: 'fff468cb8bfd9999bea7d7fd210f715e58bf605a', role: "list", class: {
+        return (h(Host, { key: 'f7ae6e7cd8fb1f68dc0e6f5286025e25990831f5', role: "list", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`list-${mode}`]: true,

package/components/picker-column-option.js

@@ -86,10 +86,10 @@ const PickerColumnOption = /*@__PURE__*/ proxyCustomElement(class PickerColumnOp
     render() {
         const { color, disabled, ariaLabel } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: '5c6caaee984c1a28bd1a78b197d221623ff8320e', class: createColorClasses(color, {
+        return (h(Host, { key: 'a4b7f118187b9a76565ef4016853b97667997f89', class: createColorClasses(color, {
                 [mode]: true,
                 ['option-disabled']: disabled,
-            }) }, h("button", { key: 'a3edef9cbb3c4ee72d15e87b23024655436d06fe', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: 'fdf11987e733caaf0f7f546ead95de1d64313b91' }))));
+            }) }, h("button", { key: '6f335ac4ccdbbd8aa8868ba794b3ce6d6c572cb6', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: 'e87a18c6981e4ce047ba9d5bd5e6a0dbf0bb0e16' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/picker-column.js

@@ -533,12 +533,12 @@ const PickerColumn = /*@__PURE__*/ proxyCustomElement(class PickerColumn extends
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: 'db87a8ab9a4c561b314b65c96709413c7769fda6', class: createColorClasses(color, {
+        return (h(Host, { key: '7b928cad53f740bde8a3f9cbd81ca12e2e01d29c', class: createColorClasses(color, {
                 [mode]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, this.renderAssistiveFocusable(), h("slot", { key: '3bf28fb1f9a5278c1233ea2c1dec6e6e5fa57a77', name: "prefix" }), h("div", { key: '4ed4ebd77e1a9afea67860ebf72c2a9856fe8c20', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
+            }) }, this.renderAssistiveFocusable(), h("slot", { key: '2511cd77f5f1e8fa923bcd1a36d7aac79b31434a', name: "prefix" }), h("div", { key: 'e086a1709e818b2d5b0320b220ae022f6a138c51', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
                 this.scrollEl = el;
             },
             /**
@@ -559,7 +559,7 @@ const PickerColumn = /*@__PURE__*/ proxyCustomElement(class PickerColumn extends
              * To prevent this, we set the tabIndex to -1. This
              * will match the behavior of the other browsers.
              */
-            tabIndex: -1 }, h("div", { key: '00ea57e0c277237b6556459b7da0dd8ce5d78c4e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'a7f35c62e9105eeab7faf935d943ba436ec41eee', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'f10ea7f6adf3945e6cf59ce7fdc088d14e8b5edd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("slot", { key: '26885628de402925b9c3c22d7656f7346273d8f0' }), h("div", { key: '88dc46995e2dcd8bbfb950ec61c8d34f0cc4796e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '306b1b0406f96612693b9425cb06bf9a9f973b5e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '51185b096760187f4c59abd3fa7ac1a2e780ada8', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), h("slot", { key: '50bff81067a2419d8b1dacc33a66d23bc588eff5', name: "suffix" })));
+            tabIndex: -1 }, h("div", { key: 'aafe7ed5791b67c318da9364c7fb559ef4f04181', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '5adf884a636b77b59ef754b516faa2cdf21335d2', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '6a13acfb507a9deed50aa0f8c942b7ab0f433930', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("slot", { key: '32b68bb2bd9325768883b4daf0d02c62b1586449' }), h("div", { key: 'b3bca0d9e7ecd37a013a85d3335dde3de7e92498', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '109943c07085dba58be5707ccfb0b3750f5e3f4c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'e2787a59e75ca018885a9b72d4fc1dd441128b0d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), h("slot", { key: '45420616670bdb1ae9c1aa31de550172771266c2', name: "suffix" })));
     }
     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 mode = getIonMode(this);
-        return (h(Host, { key: '0d919e35ebc1d66b8548b180cc0d853e43c49cf0', class: Object.assign({ [mode]: 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: 'e50365e8574492d32c3b4a8a0d816d9a2d5b4080', class: Object.assign({ [mode]: 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", { key: '3c3b1fabf798fca9605f5d2fd0b921df2605b529', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '8f2f88a4db95dcea39dd050f70e85ed9a63ed148', 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", { key: '943b3f0ebd9be83f508052cf5255a4155263c85e', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (h("div", { key: 'aa48f883c088203dd9dadcfe688f49cacd40f4f7', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '72545ed57bd4782d81df2cb0ea9c1edc08f23e88', 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", { key: '0accccde44b8fa36b5f481ae98760e00ddb234a9', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/picker.js

@@ -482,7 +482,7 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class Picker extends HTMLElement
         this.emitInputModeChange();
     }
     render() {
-        return (h(Host, { key: 'da5dd5dfb6437fb6cb0222402f9b86f4188c5340', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, h("input", { key: '18f1d5c23dd8e6e374a352d2f94ed3db4aa38204', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        return (h(Host, { key: 'a047c3bbf43c08690c5047e2149cc0b440d72053', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, h("input", { key: '78f0d43ce8db740daddc61ccee7af118befe8a21', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -497,7 +497,7 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class Picker extends HTMLElement
                 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() }), h("div", { key: 'f8a11fcbef344920e2135977c9750678bc355ff9', class: "picker-before" }), h("div", { key: '7325b4ad960b75e1d31d321a85737fc0ece9f9df', class: "picker-after" }), h("div", { key: 'c256888d1c4f53566ea9daa656fb30f037d8263d', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), h("slot", { key: 'c016a6e89651774adc819dbfb08a3415127aa8e9' })));
+            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), h("div", { key: 'ed00f7b349280c5ee41d15f780ce5fb69cc2453a', class: "picker-before" }), h("div", { key: '02c6bbcdd3329c6fdf79cd1fb51b5768e9b22711', class: "picker-after" }), h("div", { key: 'c637f147c7845fc026abb6d620adfdffd805d7e4', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), h("slot", { key: '619120374f0034128b2c3232c5cfdc39fb34609e' })));
     }
     get el() { return this; }
     static get style() { return {

package/components/popover.js

@@ -1294,9 +1294,9 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class Popover extends HTMLEleme
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (h(Host, Object.assign({ key: '3fb56a3f534f7f7c11148adea60d2a3e425e95b6', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '6c456ad62ea699fe70a542781802dcb8cb958a8a', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: 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 && h("ion-backdrop", { key: '64a58b057035e83fbe3fe3694b704dd235fa9dc9', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: '50452b335a7e07597156dfef9e86fa0c9db59cf5', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { key: '0f2b48c6f9966695839c0b79c7bddfd405ecae4d', class: "popover-arrow", part: "arrow" }), h("div", { key: 'acff2e5666ec92f710266096191c8a1fed8a4eb9', class: "popover-content", part: "content" }, h("slot", { key: '1c945e3ebfc268c4d45f56d6619fcee9e9d6b264' })))));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: 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 && h("ion-backdrop", { key: 'bf5a1fd6f8ec553e21dea63d5afa0c48fbb12c52', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: '0c50981b2ae878c0e02f0611f7e439fa936fd055', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { key: '2bd0e1400d4513a263698b345e0eebcd61db6e27', class: "popover-arrow", part: "arrow" }), h("div", { key: '63f04983fde14a85418765d6141577c046104a31', class: "popover-content", part: "content" }, h("slot", { key: '867079efbdc26601bd5b315df21292fc3b4afd91' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/radio-group.js

@@ -158,7 +158,7 @@ const RadioGroup = /*@__PURE__*/ proxyCustomElement(class RadioGroup extends HTM
         const { label, labelId, el, name, value } = this;
         const mode = getIonMode(this);
         renderHiddenInput(true, el, name, value, false);
-        return h(Host, { key: '61409ef532b6d027fb134ee548a7b696acd21063', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
+        return h(Host, { key: 'c2e097642c00535aab791f7bb2672059211ca822', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
     }
     get el() { return this; }
     static get watchers() { return {

package/components/radio.js

@@ -157,7 +157,7 @@ const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends HTMLElement {
         const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
         const mode = getIonMode(this);
         const inItem = hostContext('ion-item', el);
-        return (h(Host, { key: '1f7619e05654988ff72423f98a809015393ce6d8', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: 'e9fe7969b6700228a0214dd6a532bf0633fccaa7', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses(color, {
                 [mode]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -168,10 +168,10 @@ const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends HTMLElement {
                 // 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 }, h("label", { key: '61fed6e73ad342a80e5667e83c8706826b957170', class: "radio-wrapper" }, h("div", { key: '1f9313920d8c02ca995a361407aa7431ffa695bd', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, h("label", { key: '5c6329195a622e2d478382d893904a50bf92852e', class: "radio-wrapper" }, h("div", { key: '3e9584758ad0121c846ad4142273debd7685e13d', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, h("slot", { key: '3bfaf80b494ef4c259d1b6c6960f0583ffa065b4' })), h("div", { key: '00c4aea6ca76fb080fd684b6877c8323ff9c80bd', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, h("slot", { key: '59768ea8d56a347be1cef5afdec0f5c447cdc673' })), h("div", { key: 'd5b7e6cb933a7fd6b4ea32c2c0366cdf6cc524ab', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ripple-effect.js

@@ -66,7 +66,7 @@ const RippleEffect = /*@__PURE__*/ proxyCustomElement(class RippleEffect extends
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '9aede04edeb34b2fb6abf0390f70ba671dff4ab5', role: "presentation", class: {
+        return (h(Host, { key: 'c4c55cb30434f211181ca790bbaf5a04575bc57e', role: "presentation", class: {
                 [mode]: true,
                 unbounded: this.unbounded,
             } }));

package/components/select-popover.js

@@ -117,7 +117,7 @@ const SelectPopover = /*@__PURE__*/ proxyCustomElement(class SelectPopover exten
     render() {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
-        return (h(Host, { key: 'db591b42f550b4620ca45daa8290fab196ab760f', class: getIonMode(this) }, h("ion-list", { key: '795b22528ef751611e1d24138e719c77b30d87bb' }, header !== undefined && h("ion-list-header", { key: '168697c286bf28328d997675bb62ac55c62466b5' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: '8ba867e77c502589db1475d50d661fbda868095a' }, h("ion-label", { key: '615b8114e8315a287592caa69c8d0764c07a3755', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: '5bbb3a53b7eba7b10391c00cfc348b71b928e3fa' }, subHeader), message !== undefined && h("p", { key: 'a12814f22ba06fe799475c845a975c720c98bfaa' }, message)))), this.renderOptions(options))));
+        return (h(Host, { key: 'e4fd72a65c491c08c57ac226d8540f96fe0273ab', class: getIonMode(this) }, h("ion-list", { key: '7b464a5caf75eaf4e359d6ee918eacc5677b0d37' }, header !== undefined && h("ion-list-header", { key: 'd2fb1677c8fefc6bb03d3ee709bfe08ea1a4e302' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: '4af383bb60fdd6ec8bbccabf7482fcfb1774d242' }, h("ion-label", { key: 'cbea36adb016cf6a8b9ff13055b4a9f190688625', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: '8dd90d961bca6d383d776b2e41fda75e667da668' }, subHeader), message !== undefined && h("p", { key: 'a8c314c5d397a0a97ac551c66c013e8c879b60f0' }, message)))), this.renderOptions(options))));
     }
     get el() { return this; }
     static get style() { return {

package/components/spinner.js

@@ -185,7 +185,7 @@ const Spinner = /*@__PURE__*/ proxyCustomElement(class Spinner extends HTMLEleme
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (h(Host, { key: 'bc61b47a0bfc75efa3ef2a201fc9d573ceef5bc3', class: createColorClasses(self.color, {
+        return (h(Host, { key: '268dbc7e72d1a4566b01dfa9d808568607c264c1', class: createColorClasses(self.color, {
                 [mode]: true,
                 [`spinner-${spinnerName}`]: true,
                 'spinner-paused': self.paused || config.getBoolean('_testing'),