@ionic/core 8.5.2-dev.11742574407.1a7233c2 → 8.5.2-dev.11742835181.16dd88fe

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

@@ -513,7 +513,7 @@ const Input = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (h(Host, { key: 'bff14270ee9047cce686af333d67419fbc64edbe', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'e7749daa3bbae79d58f2b15305129ac6b411d054', class: createColorClasses(this.color, {
                 [theme]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -526,7 +526,7 @@ const Input = class {
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 'input-disabled': disabled,
                 'input-readonly': readonly,
-            }) }, h("label", { key: 'e2ad892ed7a2003ac44a822e39bea1e2bf5dfb68', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'af05dcfa0612c0e82d04356a40468ac2bde6f4ee', class: "native-wrapper" }, 
+            }) }, h("label", { key: 'f01428b225871ba1f0e2abea200e5b06e49c3966', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'b90ca572abdfe0162d7326e9828cd1dcbc0d97fe', class: "native-wrapper" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -536,7 +536,7 @@ const Input = class {
          * <label> element, ensuring that clicking the label text
          * focuses the input.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: '9410f0547cb920560e0123e996179f418c90728a', class: "input-outline" }), h("slot", { key: '1c6af8d17e28e61124ba9592844b413dcdb7df6b', name: "start" }), h("input", Object.assign({ key: 'd7bdfc378c2cd2827fb1f39d38f2efbafb1afb31', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (h("button", { key: 'cdc6bf2c406a7e39c669e07e49dc043ae3d77844', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
+        theme === 'ionic' && fill === 'outline' && h("div", { key: '085f8fcaf690d9dba83e9c71e895f0f3f69753d3', class: "input-outline" }), h("slot", { key: '41f7f3f161b665012302b4e37aaf4c3928906791', name: "start" }), h("input", Object.assign({ key: 'f668ae96857dd28cbc4669038f89b2f129f8ab47', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (h("button", { key: 'fef604f1bb51369d2ad9ec5a2a4baf6cad883ecd', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
@@ -551,7 +551,7 @@ const Input = class {
                  * for screen readers as it means users would be unable to swipe past the clear button.
                  */
                 ev.stopPropagation();
-            }, onClick: this.clearTextInput }, h("ion-icon", { key: 'b967a45de081907a163855727c497f3e5441d2b4', "aria-hidden": "true", icon: inputClearIcon }))), h("slot", { key: '9355ce71e72061588790eb35fbccc9135ba9b9cb', name: "end" })), shouldRenderHighlight && h("div", { key: '510f34475ed4c768f6ee91c48db1ac27d5815b8b', class: "input-highlight" })), this.renderBottomContent()));
+            }, onClick: this.clearTextInput }, h("ion-icon", { key: 'e0679fcad0049631ba4284aa020cf75c1c711650', "aria-hidden": "true", icon: inputClearIcon }))), h("slot", { key: '32529b77ff59997ae0f9769094f17d47f5eb325c', name: "end" })), shouldRenderHighlight && h("div", { key: '50033d2d6eeb5fa7219b8f93618c1e833d285cb0', class: "input-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -62,13 +62,13 @@ const ItemOption = class {
                 href: this.href,
                 target: this.target,
             };
-        return (h(Host, { key: '962203b270218f2e690a122fdf045837515b6d91', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '0737f6ff6254234008a53f02e8a32b55c0f72124', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 [`item-option-${shape}`]: shape !== undefined,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, h(TagType, Object.assign({ key: 'bf5f0a52e971fce0e2a7072956108ec76f4afd5d' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: 'abd3a5301b723733e90943250886e4cdc06198f7', class: "button-inner" }, h("slot", { key: 'cdde9c10c16aed523489f1d581d1bc8f4270e44f', name: "top" }), h("div", { key: '4823263bfce0027c7a6b0deeb40420c6897d9c3e', class: "horizontal-wrapper" }, h("slot", { key: 'ae7e4ebc37ef7ba6aa21f0a4ab11a3b3179a9899', name: "start" }), h("slot", { key: '7c23bf4c76a892c9121622e9de7baa835e84972e', name: "icon-only" }), h("slot", { key: '3b1f495816d4e530877eb2dd11b4a7547aac8cfb' }), h("slot", { key: 'fb4e8361793dfce9f75231976c8e363f27c51d04', name: "end" })), h("slot", { key: '6545cf90d6ea314e647919eb64eeff9d44b66700', name: "bottom" })), theme === 'md' && h("ion-ripple-effect", { key: '3453e337235a4ead1d1c4573addecab51a865440' }))));
+            }) }, h(TagType, Object.assign({ key: 'afb5a42c1b4516984ec33bebf7e098bce558cbbb' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: '01fc33411a3d42033a55541a8b47dcd829ec4b4d', class: "button-inner" }, h("slot", { key: '57093448507b6fb9ff962896daec7ce65edec52d', name: "top" }), h("div", { key: '5236dc364ccbb238af5075350e16f7499e57ebfe', class: "horizontal-wrapper" }, h("slot", { key: 'c55f89fbecc120c2bb2aacb6d18174986ea9cfda', name: "start" }), h("slot", { key: '9386408b5dfa14d3d5863a0235df23e2b7de5a76', name: "icon-only" }), h("slot", { key: '392a0a7071fed376c7ac0838d89071b1dde94a5d' }), h("slot", { key: 'c4b78a3b87aa443b1e2431e3376a70ac22118998', name: "end" })), h("slot", { key: '07c0449f718361a72e0f695a37e9da4d7313af32', name: "bottom" })), theme === 'md' && h("ion-ripple-effect", { key: 'a7bffcc6e7cc1906c37dd494ee2caed802a708b4' }))));
     }
     get el() { return getElement(this); }
 };
@@ -102,7 +102,7 @@ const ItemOptions = class {
     render() {
         const theme = getIonTheme(this);
         const isEnd = isEndSide(this.side);
-        return (h(Host, { key: '6aa0c18691a0dea415adc0909d0e23f629b018bd', class: {
+        return (h(Host, { key: '0decd73d4c042490d69c085b896bce945fa13b1e', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-options-${theme}`]: true,
@@ -511,7 +511,7 @@ const ItemSliding = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '71cf8afc7398b634413a57ba38455bde73653659', class: {
+        return (h(Host, { key: '3cd455451df0841a64a1307643cb5993588a2b93', class: {
                 [theme]: true,
                 'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
                 'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,

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

@@ -272,11 +272,11 @@ const ItemDivider = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'ebc795838ce7e9df01d817d175516f69aa591707', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'e59593401ead3b45b5378392444158f3a37c2cc3', class: createColorClasses(this.color, {
                 [theme]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, h("slot", { key: 'f4abe09d504c20754943a993956e4be29d34be3f', name: "start" }), h("div", { key: '56c50587af69756d5dc8e4e4eb5bb2d4d884626e', class: "item-divider-inner" }, h("div", { key: 'b56295c35ad8ab039b4940e0cfcb31dcc4f54b01', class: "item-divider-wrapper" }, h("slot", { key: 'da98a60dece6da1ecdab8f10d59061771bdb8612' })), h("slot", { key: 'e800aa20a188002f36d92bf302845b867d514193', name: "end" }))));
+            }) }, h("slot", { key: 'dcfd41b18dc5d27ec01fd970edbde0a208b6828c', name: "start" }), h("div", { key: '7d6422a8017492a164ba103cc3b3a92c0d76164e', class: "item-divider-inner" }, h("div", { key: '8baa50ea5bc94dea6c24ae2e72890c8a646d396f', class: "item-divider-wrapper" }, h("slot", { key: '85d181bec386c7053bffbb2f9f8f9a252fe5e709' })), h("slot", { key: 'cadd65c0d01e3790d08e0737aee0a4479f6bd096', name: "end" }))));
     }
     get el() { return getElement(this); }
 };
@@ -301,7 +301,7 @@ const ItemGroup = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '30100f20ee85601e253169755f815c89c6d4bb93', role: "group", class: {
+        return (h(Host, { key: '10e03e2c0020c1fd78db422dacfcf2aa29aa462b', role: "group", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-group-${theme}`]: true,
@@ -375,13 +375,13 @@ const Label = class {
     render() {
         const position = this.position;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'f327270019b030c0a661c54a299eb6c491788c97', class: createColorClasses(this.color, {
+        return (h(Host, { key: '921c75a385281fa13922155f277af0271b992ebb', 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: '6f5c06d65b7af43a41422b1c0192521030affcaf' })));
+            }) }, h("slot", { key: '0cee8205cade678d78c3b9ff2e71cf50365e6eea' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -443,7 +443,7 @@ const List = class {
         const theme = getIonTheme(this);
         const shape = this.getShape();
         const { lines, inset } = this;
-        return (h(Host, { key: 'df53681cdbbb226c8db070e450a3093d65ea0d2c', role: "list", class: {
+        return (h(Host, { key: 'e0d56c6aa597601c8d430ff40044981422aac8f3', role: "list", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`list-${theme}`]: true,
@@ -479,10 +479,10 @@ const ListHeader = class {
     render() {
         const { lines } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '578cf11558929caee63d781094dc46487b13ffe8', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'bf020d10f04a39707b7b5842e7380330a006476c', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, h("div", { key: '34d26abeed2958c68c829d10aac1ef6b01536099', class: "list-header-inner" }, h("slot", { key: '5040a905864bf2b3cec60d564efc969bacf9e3b1' }))));
+            }) }, h("div", { key: '7833f41a1271fbf29d264299e0517652dbdc026b', class: "list-header-inner" }, h("slot", { key: '293d9dfba0020d0eaeeb58bc109c01d4dd459f6b' }))));
     }
 };
 ListHeader.style = {
@@ -507,9 +507,9 @@ const Note = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '79bbaa1e2714b1d2d24c1002023722358580606a', class: createColorClasses(this.color, {
+        return (h(Host, { key: '384c79c853252907b9c9ad8f28173601d6c1472b', class: createColorClasses(this.color, {
                 [theme]: true,
-            }) }, h("slot", { key: '0827e481ab3718f19d43d830bb4d2df117b796d1' })));
+            }) }, h("slot", { key: '91e68ef453c70d116edaf76198637fd9c92a8bb4' })));
     }
 };
 Note.style = {
@@ -543,11 +543,11 @@ const SkeletonText = class {
         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: 'dedb3d78e092024dc2d3548e8721445a004b2306', class: {
+        return (h(Host, { key: '61dec18e888846c87eae4af95853d8c013b39ec8', class: {
                 [theme]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, h("span", { key: 'f1871cf7314774ffee1d9e64decdfc0c9c8ec1bb' }, "\u00A0")));
+            } }, h("span", { key: 'd61c3096615f154d8bfdd025722bb1c7b7b97b46' }, "\u00A0")));
     }
     get el() { return getElement(this); }
 };

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

@@ -263,9 +263,9 @@ const Loading = class {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (h(Host, Object.assign({ key: '699f5b21b00bb2ba4eac38399452a810bd4f32b1', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'b27b420362950e02fc10b947aa5fbc500841b725', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${40000 + this.overlayIndex}`,
-            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: 'b4b644544636766c95c65533cb57c15513d07691', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'd03abd87847ab2b1c4ad5d46d2706c847b96a228', tabindex: "0", "aria-hidden": "true" }), h("div", { key: '5bd32889089e6fb8143ecd6b63cf19afe6b7cb6f', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: '8a688373ac7a3d88b8fc06c3c81032b8d5c2b528', class: "loading-spinner" }, h("ion-spinner", { key: '843319123c24a413f0c7960f64f25f224e088893', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: 'a4dab626e9771cde750a536e598abf80a2fdb2cd', tabindex: "0", "aria-hidden": "true" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: '812e842097bc6b6176f93ea2a1c633d675e9526e', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '1eb07d8d165b365850424492e21d4ad03fea878f', tabindex: "0", "aria-hidden": "true" }), h("div", { key: '4a2604b488379d3e409746926387a055a50cc5e0', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: '6dd56eb0cc8806bc3301358f04731237fbaed31d', class: "loading-spinner" }, h("ion-spinner", { key: '58c4759134724acfd181f85babf85715aec93c2c', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: 'eedbbe2baf70511b357874434c536bc35e10c215', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -625,14 +625,14 @@ const Menu = class {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (h(Host, { key: '4a10a24199e4f543df92e640f9441b07b45bec40', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (h(Host, { key: '5a368496eec74d3b27c3a40121ceafc7cdc470de', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [theme]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, h("div", { key: '319e80854da70fb1771c77721dc0f0c6fddc4d6d', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: 'db6dec5798616c0ba59f0e181ac65e290960976f' })), h("ion-backdrop", { key: '990357345344a9505e33a283e3bcc124c73679cd', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: '873010981d4c338597b041cd9a65df24e030b261', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '14562442df4bd440212d0c62a527465603a44ef2' })), h("ion-backdrop", { key: '235058ee20ccc75f57dcebe0ffde359334ce3053', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -721,7 +721,7 @@ const MenuButton = class {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (h(Host, { key: 'dbea017f25835ef71d4b67e85e1f737f7a13c940', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '5aa52eed49193c710dfbec6a04db78c5480900dc', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
                 [theme]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -730,7 +730,7 @@ const MenuButton = class {
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, h("button", Object.assign({ key: '859c521d18db3a77bc4f7edfedae6e380e6838dd' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: '78c14a3ce8394fb8d55faee3f6733986dcc32199', class: "button-inner" }, h("slot", { key: '3794859c067fa53ba6cd0afb8f8c2bff368a5bf7' }, h("ion-icon", { key: '8c86a7f5d33f394fb586388b079b003409464a48', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && h("ion-ripple-effect", { key: 'cde5bb40d7536cdfe50f4f0b3344fa76a1762ed8', type: "unbounded" }))));
+            }) }, h("button", Object.assign({ key: '2a95efb8f7b1672afe4e52dcededc03599e09312' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: '09ee78a26bd7288f95c84820805f80ebfda912d4', class: "button-inner" }, h("slot", { key: 'ee3d3a191078f85264f5fe4f080463b9e5fdfe5f' }, h("ion-icon", { key: '766459adce317a7c5a88182e133deae7082645f0', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && h("ion-ripple-effect", { key: '701984be7d9ba408a0789addc3d642cd5570380f', type: "unbounded" }))));
     }
     get el() { return getElement(this); }
 };
@@ -762,10 +762,10 @@ const MenuToggle = class {
     render() {
         const theme = getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
-        return (h(Host, { key: '2f5e8172c20fcad32fbeefe370d8d220961673a6', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (h(Host, { key: 'ced6ea34ce2d4811718c8501188fd93937ef22ab', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [theme]: true,
                 'menu-toggle-hidden': hidden,
-            } }, h("slot", { key: 'f41b25147fdf9e9db9aa57dc61088b1a657b7fac' })));
+            } }, h("slot", { key: '61d0dcf810c8ae492f773202aab52f0fc3cc206c' })));
     }
 };
 MenuToggle.style = IonMenuToggleStyle0;

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

@@ -1934,18 +1934,18 @@ const Modal = class {
         const isCardModal = presentingElement !== undefined && theme === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
         const shape = this.getShape();
-        return (h(Host, Object.assign({ key: 'f1b25e919a62ad12b1296735abe0d17635351ff9', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '9523c6210a952a3dbd5d6837e74c3adab7a4d58e', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: 'ffda0bb0a5402f928cd706fb8e41a96e8bffd16b', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { key: 'aa3c81e153573b9e9fff2be6884658fc78266daa', class: "modal-shadow" }), h("div", Object.assign({ key: '7871c80cfdc4540c40977bb8d0abeadabd7ca6e0',
+            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: '4230860b4b682f55bbf05849165e252e7ad849a0', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { key: 'e3df17bcfbdf4ba511bebd5b34763773c1d03fee', class: "modal-shadow" }), h("div", Object.assign({ key: '6a8c4ad640463604ae367576dd23e75121c79b0d',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
               shadow DOM otherwise ion-button will not be highlighted
               when using VoiceOver: https://bugs.webkit.org/show_bug.cgi?id=247134
             */
-            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { key: 'ed3af74b0e44413b9be6eccfc722853137c4607c', class: "modal-handle",
+            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { key: '8792a19bd65f600fed24fd74f35badb7f4e5d915', class: "modal-handle",
             // Prevents the handle from receiving keyboard focus when it does not cycle
-            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), h("slot", { key: '46ed5511b49c9c95b171848451adad4c7cadb75b' }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), h("slot", { key: '39645e31394e15b96f120507fb0097a4ebc4e1c0' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -902,7 +902,7 @@ const Nav = class {
         }
     }
     render() {
-        return h("slot", { key: 'a5b9a79a73282db99bc2b744b66c173155ebbb5b' });
+        return h("slot", { key: '07e269fa670039e0005ea4d90ea57ffb4c5f24b0' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -944,7 +944,7 @@ const NavLink = class {
         this.routerAnimation = undefined;
     }
     render() {
-        return h(Host, { key: 'd06df3bfb42f946d6a7dd54bb507428e0e964762', onClick: this.onClick });
+        return h(Host, { key: '74d1929235cd2d4e2abe3ec13e236dcfd1020b6d', onClick: this.onClick });
     }
     get el() { return getElement(this); }
 };

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

@@ -89,10 +89,10 @@ const PickerColumnOption = class {
     render() {
         const { color, disabled, ariaLabel } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '795880f80636dac1870598e3baf9d4e4c7748bf5', class: createColorClasses(color, {
+        return (h(Host, { key: '15115335aa79bd1f89f5a8585e4aa032681b14b3', class: createColorClasses(color, {
                 [theme]: true,
                 ['option-disabled']: disabled,
-            }) }, h("button", { key: '84ef996ebff7d28038436a1323d1a9b6772afefb', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: 'ec59c48c7d1a7955cc8dc7884deeb971536f94ac' }))));
+            }) }, h("button", { key: '16b6a51dca36a6e5abac28c8b0b25bc009dfc091', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: '6a5bed3b65522b21be35cfd5554f9f7b699adcdf' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1296,9 +1296,9 @@ const Popover = class {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (h(Host, Object.assign({ key: 'ce1539159f4ebf58485537e37c068a0546a06d7d', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'd5fc50d833bac1c9b4781816bdfbbb4026722d8a', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && h("ion-backdrop", { key: '7c821853c414ac1674d1f53433e2bcb5dd3a818c', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: '3380e514552761734e3b7098dc10da8207e2ddc4', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { key: '35885564198c5b01fd2c161e7770886d1fc5decc', class: "popover-arrow", part: "arrow" }), h("div", { key: '0c440a44db8f9515bd7999b8d8b2b325302669b3', class: "popover-content", part: "content" }, h("slot", { key: 'c52c7095c17ad489cbafc7070f769c5f54297063' })))));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && h("ion-backdrop", { key: '3b2e5119589ab08f79af897bc8dfc739e2309dc5', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: 'ca560e5d8de586ee3e77308f6fa968df0f161465', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { key: '73a6021e1bc4875620407f1812df84095968a5e4', class: "popover-arrow", part: "arrow" }), h("div", { key: 'ff20abac0d6ef162738cc4a1f8f4a3918ca404d5', class: "popover-content", part: "content" }, h("slot", { key: '2216e4b0be14dc49981dc6940a6ec9fc2713f4d1' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

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

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

@@ -126,7 +126,7 @@ const Radio = class {
         const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
         const theme = getIonTheme(this);
         const inItem = hostContext('ion-item', el);
-        return (h(Host, { key: '4f9e8a897b1021933e244dfbc6551b40176b118e', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: '7fbe8308ef9eb375552a9a52aa38cdc7b7adc265', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses(color, {
                 [theme]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -137,10 +137,10 @@ const Radio = class {
                 // Focus and active styling should not apply when the radio is in an item
                 'ion-activatable': !inItem,
                 'ion-focusable': !inItem,
-            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, h("label", { key: 'dd99761d3adc23d79234b2b5010cbb7376609ff8', class: "radio-wrapper" }, h("div", { key: 'e3162457703dd5380110d3b9ed0556ff738e513b', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, h("label", { key: '25b08970002e8346929b3e3d4d9116a616011f58', class: "radio-wrapper" }, h("div", { key: '02982316f2b4b5fa3772a34dbdc9f2c019bb7fc7', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, h("slot", { key: '1403950a93db7c4c9e1e719b6816089e36fcea30' })), h("div", { key: '33d2274ce3ef3cf72bcc924b5af5e30e23128ef9', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, h("slot", { key: '033f8660fc810b4d9bc1723546e1c97f261d5b96' })), h("div", { key: '58694ff4a4f09e0a9a4c6f26dbf7ee5d111f8913', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -344,9 +344,9 @@ const RadioGroup = class {
         const { label, labelId, el, name, value } = this;
         const theme = getIonTheme(this);
         renderHiddenInput(true, el, name, value, false);
-        return (h(Host, { key: '76639f2b7ea6ce2ccd680ea7b9a9fd32307f679f', class: {
+        return (h(Host, { key: '95f8e44fb4cb4dda0b6ad8a829e31bb8a3ec521b', class: {
                 [theme]: true,
-            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick }, this.renderHintText(), h("div", { key: '63011b41fe3deaa934fc205b1ffd32b880801d18', class: "radio-group-wrapper" }, h("slot", { key: '71aa36bfb775184df543d485e69bb7602fedd922' }))));
+            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick }, this.renderHintText(), h("div", { key: '2fb3a88b0e9cda37b1a6aa88b880320e8fff4b18', class: "radio-group-wrapper" }, h("slot", { key: '79fe280b3436bca9dc07525336003541b4db1935' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -627,7 +627,7 @@ const Range = class {
         const needsEndAdjustment = inItem && !hasEndContent;
         const theme = getIonTheme(this);
         renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (h(Host, { key: '4e6b1cfbd9e8a1d2e50c74be2901012abb056534', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
+        return (h(Host, { key: '21ef803dca0d40bf14edabd21788a9bb0407b1d2', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -636,10 +636,10 @@ const Range = class {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, h("label", { key: '3639d35c66356460b02940d9bf0cf1efac34d530', class: "range-wrapper", id: "range-label" }, h("div", { key: 'f343bf55d21997ee2a75dc022702707d0039f935', class: {
+            }) }, h("label", { key: '30949972ae80d7765daa1ddda0b49bc6286478dc', class: "range-wrapper", id: "range-label" }, h("div", { key: 'd6acc945ec6cb0dd130fcd545bfc9b1aa609a80c', 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: '157d25131724e5e34fac7475bf224f2928fecf50', class: "native-wrapper" }, h("slot", { key: 'ed151b24de9e50f07f3bb79d5df8ecd31e32acc5', name: "start" }), this.renderRangeSlider(), h("slot", { key: '02a238b6ec679afb8b756a0ceacf155b14682ec3', name: "end" })))));
+            }, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: '23d180cd9c0903ec325702e5244d09c5484821d3', class: "native-wrapper" }, h("slot", { key: '52ccc7d6d05d79ec4bc5698aefed5af8c2b3a53d', name: "start" }), this.renderRangeSlider(), h("slot", { key: '3b7696579f1a81d9472aa1f13671c00971334c59', name: "end" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -826,7 +826,7 @@ const Refresher = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '2103e828db3589b69668d42f9059964d873e1efc', slot: "fixed", class: {
+        return (h(Host, { key: 'f41b9bafa9be5076a96c71d60b64e8d7a1a09ffe', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,
@@ -905,9 +905,9 @@ const RefresherContent = class {
         const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
         const theme = getIonTheme(this);
         const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : caretBackSharp;
-        return (h(Host, { key: '0a762f293c20e6c97a797543d19bb95b9fc490c9', class: {
+        return (h(Host, { key: 'c37d1d3c3268dbea185531c3e168627725006c57', class: {
                 [theme]: true,
-            } }, h("div", { key: '9678a72aeadc2c59cca163e919015f1e4318a040', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { key: 'a8113afbdfac60a2a8fc984e70dd7ee5b6ed1a02', class: "refresher-pulling-icon" }, h("div", { key: '28a4faf60409c400734a252f3660c039cc5bcaca', class: "spinner-arrow-container" }, h("ion-spinner", { key: 'ebbbea530a2c4629004ecaa2dd3e168cfb46e07b', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (h("div", { key: 'e5be25c40614677345247b6e29be08d1beb921ca', class: "arrow-container" }, h("ion-icon", { key: '5f77992d5329c6e210cf7be82ae36e61c9934886', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { key: 'bc5fb54ffde26bb6a3e6711c3aa3f87ab1fd08ae', class: "refresher-pulling-icon" }, h("ion-icon", { key: '6637fbc84dcea0da5828833f2017a0249440f572', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: '7eff620e6931d23343036a31bd7bef36b553673a', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { key: '1be8189b67b126e69c6a8f959d31f8223a61d203', class: "refresher-refreshing-icon" }, h("ion-spinner", { key: '5742bc22d2e5f2220aeed4a08be0810cd71732d9', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, h("div", { key: '896e6babdf29eed411c8d39d9674afc20c11501e', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { key: 'b69318d8857a88d0ba6e7175ed4e8c1dac5464b2', class: "refresher-pulling-icon" }, h("div", { key: '158a28b229e26444ca36e17d18f0eaef72fffe6c', class: "spinner-arrow-container" }, h("ion-spinner", { key: '19b54947a240f9e626722a0d664e21df042c9300', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (h("div", { key: 'bd672a08933f57b8fe71270dc1dcbd24256d75fd', class: "arrow-container" }, h("ion-icon", { key: '09680855dc7996f3e4f064acc098362f688b75ef', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { key: '248347514cbed83c664fe2ee04b9d2346798dd08', class: "refresher-pulling-icon" }, h("ion-icon", { key: 'a1e0e9a8be66f660a5b47e0f7e545a6fb86366e2', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: '6d3eaf16847d913c9ea958c601562c19c5e9923e', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { key: 'a45a3278f66ddf83e79da5c90ee7fb9d15f22a59', class: "refresher-refreshing-icon" }, h("ion-spinner", { key: '0daa75225d65f065f94d66e937014a116ef05084', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     get el() { return getElement(this); }
 };

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

@@ -55,9 +55,9 @@ const Reorder = class {
     render() {
         const { reorderHandleIcon } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '3ac55c697bca2fdedf5a13ceb2d7d5f5bc0b900d', class: {
+        return (h(Host, { key: '758e11a080ae373893642c6eda1e03196ca6385e', class: {
                 [theme]: true,
-            } }, h("slot", { key: '4fdede184042e67e72b75d9d8aec44cdc7f73c2a' }, h("ion-icon", { key: 'ae32237e68d0cdf523bb4950d9241d746427ee98', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, h("slot", { key: '7f48e8e6c52ecc014b13007895c066b38febf8fc' }, h("ion-icon", { key: '8b53e61326750228321c942e70974e4c2171cbe1', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     get el() { return getElement(this); }
 };
@@ -304,7 +304,7 @@ const ReorderGroup = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '5cab4716603318af2dde33288cf2750922e05711', class: {
+        return (h(Host, { key: 'dde289aa690c3e0128d1b186834eadc7e0f5d37d', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,

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

@@ -71,7 +71,7 @@ const RippleEffect = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '6b8a4c092716f4a4c60f9b6998c850b157381b18', role: "presentation", class: {
+        return (h(Host, { key: '77488fb7e6f25d989d9b643489f704284279a986', role: "presentation", class: {
                 [theme]: true,
                 unbounded: this.unbounded,
             } }));

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

@@ -880,10 +880,10 @@ const RouterLink = class {
             rel: this.rel,
             target: this.target,
         };
-        return (h(Host, { key: '444987ee201d5dfcae1b9df0626aeb445f0076d6', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '6415fbabb7f0e2220fa8d868ca060cf85a6b1756', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'ion-activatable': true,
-            }) }, h("a", Object.assign({ key: 'b56770ce708c53617bd998618b289c9cfe0ef1a9' }, attrs), h("slot", { key: '22787fc89bb1a0f4f13cfd8a547c14e273ec150a' }))));
+            }) }, h("a", Object.assign({ key: '031c713ea760e04b81c841b01342af538d2cc0ed' }, attrs), h("slot", { key: '948189a8b94fa12f5ced994a5b9a6138a878f7a8' }))));
     }
 };
 RouterLink.style = IonRouterLinkStyle0;

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

@@ -506,8 +506,8 @@ const Searchbar = class {
         const shouldShowCancelButton = this.shouldShowCancelButton();
         const shape = this.getShape();
         const size = this.getSize();
-        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '63d5a0d5c54315374edea381b4a33423e1d8e4c6', "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: 'a9a01e3a19a27e857f9271c511623c35dd94a4b0', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (h(Host, { key: '8df3e32ff7bd474cb0283877d58d25db97eb508c', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '88022e979266324a164262e874bb7a64ef942a8b', "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: '82fbcce17ab8658c08a87da5d5d2fc42b619164f', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (h(Host, { key: '77f09b18c0d385615dec9972459b02504e4c8b87', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
                 [theme]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -521,14 +521,14 @@ const Searchbar = class {
                 [`searchbar-shape-${shape}`]: shape !== undefined,
                 [`searchbar-size-${size}`]: size !== undefined,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            }) }, h("div", { key: '59deee3cdf8bdb924fa777516ddda200ef3fcef0', class: "searchbar-input-container" }, h("input", Object.assign({ key: '0947cdf1e56218a6530be5832b42330da7fac792', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (h("ion-icon", { key: '6a4cd1e5322d3721d794f33dbc38ef16c78a4280', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (h("button", { key: 'b0d76e6d5f2fe9472ca79299a5c9364a6960fbec', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, h("div", { key: '6f3076517c9a3df008b08bb2a57c192c02d30b33', class: "searchbar-input-container" }, h("input", Object.assign({ key: 'ed7936783c035d6d15a19b539d1438be1b05ea5a', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (h("ion-icon", { key: 'a8fa968d81f47566f606971e7ce101eed5325b23', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (h("button", { key: '0dde4d7f0ebd7f28f590b7a7bc24f9774acfc64a', "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: 'a0b84329f3a1c07bd7f2bab5dfc127b51cf91946', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, className: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '24e649c7063022e7df79e63d92cc1f159b5691bd', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, className: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -11,7 +11,7 @@ const SegmentContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'a09f99b39dfa64874d19a45b587bf91e63fd2422' }, h("slot", { key: '7b91e14c7e8be2d07fa21ff1195c467817737ddb' })));
+        return (h(Host, { key: '665f41a854621f898eaf7ba9a49e77cc9326501e' }, h("slot", { key: '635aa57fbf6167dcd36fe8dc5dfc1c313637ac04' })));
     }
 };
 SegmentContent.style = IonSegmentContentStyle0;

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

@@ -106,10 +106,10 @@ const SegmentView = class {
     }
     render() {
         const { disabled, isManualScroll } = this;
-        return (h(Host, { key: 'd457ef8ab56017fe649e12093a2b7f276fe35f8e', class: {
+        return (h(Host, { key: 'ad39fb0cf31ec054cc31eaa1abe734f601d245db', class: {
                 'segment-view-disabled': disabled,
                 'segment-view-scroll-disabled': isManualScroll === false,
-            } }, h("slot", { key: '6864df40e938df3b9e0f8c9732f51699cb55e06a' })));
+            } }, h("slot", { key: '189f731f9a4b55b36c4a6ba10fe76c0409f0cbb3' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -541,14 +541,14 @@ const Segment = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '6dde439f77f62411fa949da7085ffd3f0f60470c', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '6289c3774db1a38175476d4e596c89f124c3bda6', 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: 'fdff9a11a8ee5cd0d820801291aee6e17410e5e1', onSlotchange: this.onSlottedItemsChange })));
+            }) }, h("slot", { key: '3db439fa1be09a29d7871130edc1710ef54df224', onSlotchange: this.onSlottedItemsChange })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -692,7 +692,7 @@ const SegmentButton = class {
         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: '76f735f78cba0432a8d365da3869404fbae4b474', class: {
+        return (h(Host, { key: '3f7bb9ebb17ad0cda205115a453a7aea72b498e0', class: {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -708,7 +708,7 @@ const SegmentButton = class {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, h("button", Object.assign({ key: 'b67cfb4a7df71a660bd6af0a4f42c4ae885b316c', "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: '15d84219ad3ab234ad956db11e43fdb54168c2a0', class: "button-inner" }, h("slot", { key: '648a4ba3d70dd8a60bef5247f088b0aef2a878f3' })), theme === 'md' && h("ion-ripple-effect", { key: 'e9eb8870b1b48b400d8b1f18e0373fc3802541b9' })), h("div", { key: '1593985cc8011d63315d9c1b17f397342c0ae4b6', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: '1124a36b261072dcea2aa83daf1d067f6a3f2d41', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, h("button", Object.assign({ key: '0686143f91b89a92afb70c8f7d6db07c1bda849c', "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: '2d3e4623ba2a827dbff0ef057f140c99e7107e46', class: "button-inner" }, h("slot", { key: '7d54643207b33ed08d28816ca025c962a41e462b' })), theme === 'md' && h("ion-ripple-effect", { key: '0cd9b0b30935cb5a94d69210e363f6cadc130b25' })), h("div", { key: '079a11dcfa9a0e41ef4e96c8f3f26a69216006cc', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: '0d004e5b5905b8de9cbc84a16ba1a4db648db387', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ion-select-modal.entry.js

@@ -93,7 +93,7 @@ const SelectModal = class {
             } }, option.text))));
     }
     render() {
-        return (h(Host, { key: 'cbf3388bbc47ba946f3dd3186e488c4bcdef9290', class: getIonMode(this) }, h("ion-header", { key: '847a843bf0b0d4a427a01bb38afac1c379cb7827' }, h("ion-toolbar", { key: '5642cee0427024d16ea9bf19b08521f6f3af103a' }, this.header !== undefined && h("ion-title", { key: 'ea0d818b262e242c97b3ce2bc9df1b2edb845fe5' }, this.header), h("ion-buttons", { key: 'a88da9153f8d455e80be1c531a51423ce30f07b6', slot: "end" }, h("ion-button", { key: '087f77bc9009302d0fce28175f60baa032d7e19f', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: '646fbde7199c301d0d652d70a7be6a40c066c6b4' }, h("ion-list", { key: '1a6869f1cd398652439df45cbc60d3efa4b89141' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (h(Host, { key: '730c44ceba585ce77926121f13d961d8020d7bd2', class: getIonMode(this) }, h("ion-header", { key: '4cf46de557baa1187dc998718004c0344b67d39b' }, h("ion-toolbar", { key: 'df46d6d17351b702ca7e031a1313c17d19d24485' }, this.header !== undefined && h("ion-title", { key: '9561527c557ae5ea6a04367ba52a57a656fd1aaa' }, this.header), h("ion-buttons", { key: 'f9f6efbf7c4f7cd9712c5e2fc89926ad2e374c9f', slot: "end" }, h("ion-button", { key: '70136cb4d64e2b04821d0e81a3671c55f45399fb', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: '53d4cdf5cfd9c5c3121f4ce5c23c4b940052554a' }, h("ion-list", { key: 'e022b85e7e6e9d2d90b1dd4435d922cfc8390ec5' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     get el() { return getElement(this); }
 };