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

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

@@ -62,12 +62,12 @@ const Fab = class {
     render() {
         const { horizontal, vertical, edge } = this;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'e2d3e3263a6b9e7d97bd9398dda1a124ae626012', class: {
+        return (index.h(index.Host, { key: '8b758c5283382f1bddd051f5a575d4952b001c50', class: {
                 [theme]: true,
                 [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
                 [`fab-vertical-${vertical}`]: vertical !== undefined,
                 'fab-edge': edge,
-            } }, index.h("slot", { key: '2ed256f10ea7a208f096c0c24b673f89008cc1c4' })));
+            } }, index.h("slot", { key: '45ce20f308b3de9c09d625d45b3f3dc7b4ee8652' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -156,7 +156,7 @@ const FabButton = class {
                 rel: this.rel,
                 target: this.target,
             };
-        return (index.h(index.Host, { key: '9f358aa5ec3ab99c0a8f7cf27d71ae012bed329c', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'ffc552ad3b542e0f79e319fa86b063c3289e1a23', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'fab-button-in-list': inList,
                 'fab-button-translucent-in-list': inList && translucent,
@@ -167,7 +167,7 @@ const FabButton = class {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 [`fab-button-${size}`]: size !== undefined,
-            }) }, index.h(TagType, Object.assign({ key: 'ebd33b41cbd872f27f9b7471e4600c816b5c0a3d' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => theme.openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), index.h("ion-icon", { key: 'cd54a839c29a86f6e335b21adebce346c2a73a28', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), index.h("span", { key: '0e1e5d2ce3ee11f4f4a7147a99b5ace5858c53af', class: "button-inner" }, index.h("slot", { key: 'a295df948b0ff6b4bc981a6a222af7dbfffc63a6' })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '1d63f25cb5c81ac87f0da9de01e152bff880440e' }))));
+            }) }, index.h(TagType, Object.assign({ key: 'acf0c99822630499b171f0873924cfe10ef41547' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => theme.openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), index.h("ion-icon", { key: '236a7340cf8213a69325716cb3b813abb627b40a', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), index.h("span", { key: '908a53794c801a64c8cdae9b08ae75deb93a5b22', class: "button-inner" }, index.h("slot", { key: '41bf30e091cfcf90dcf3975a4b05a30c987e8aae' })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: 'b665e44a357138ef30454e267a2214356dc0fe3b' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -196,11 +196,11 @@ const FabList = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'ce4ca73c50015a4c76bbb81343cf466e9029fa09', class: {
+        return (index.h(index.Host, { key: 'b0e984c110ea8bf4aa0daeca5f66253c9e0666fd', class: {
                 [theme]: true,
                 'fab-list-active': this.activated,
                 [`fab-list-side-${this.side}`]: true,
-            } }, index.h("slot", { key: 'ff9a011541e315749f81f5b304ae71c4ce1f9516' })));
+            } }, index.h("slot", { key: '7bedbb010e89d1304d86c4261f5378e90741611e' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -181,7 +181,7 @@ const InfiniteScroll = class {
     render() {
         const theme = ionicGlobal.getIonTheme(this);
         const disabled = this.disabled;
-        return (index.h(index.Host, { key: '3971866ac11e0f69f190fd5bb5480a95df15cb87', class: {
+        return (index.h(index.Host, { key: 'd0cf2316c216b7b4f10ad78457c53e86f8be814a', class: {
                 [theme]: true,
                 'infinite-scroll-loading': this.isLoading,
                 'infinite-scroll-enabled': !disabled,
@@ -226,11 +226,11 @@ const InfiniteScrollContent = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '20ca28daa34f09e95b1699f9481569020ad55411', class: {
+        return (index.h(index.Host, { key: '51742937a374c43c290c20569857f617c99e1e7c', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`infinite-scroll-content-${theme}`]: true,
-            } }, index.h("div", { key: '029201e011c29bc3ee0519d00a966f9310c9d477', class: "infinite-loading" }, this.loadingSpinner && (index.h("div", { key: 'f861f13fdef284dda58e8cfe31cca7433fea5836', class: "infinite-loading-spinner" }, index.h("ion-spinner", { key: '75a2520c449372eb6398a35bf9fa6e21eb073fcd', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
+            } }, index.h("div", { key: '42c249b6df301004a834bb615766c38d5ab03d91', class: "infinite-loading" }, this.loadingSpinner && (index.h("div", { key: '7cc7aab81997ef58b914e084402f45dc3abf2ce4', class: "infinite-loading-spinner" }, index.h("ion-spinner", { key: '5c84df7096076580e0bb4926d377c2fac4f75c3d', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
     }
 };
 InfiniteScrollContent.style = {

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

@@ -107,16 +107,16 @@ const InputPasswordToggle = class {
         const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
         const mode = ionicGlobal.getIonMode(this);
         const isPasswordVisible = type === 'text';
-        return (index.h(index.Host, { key: 'ed4e9f2c1d1e9f8f3b76106ccd2567219bf20f33', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '06b8ab96d775ee10c717be878b5ae800a244e222', class: theme.createColorClasses(color, {
                 [mode]: true,
-            }) }, index.h("ion-button", { key: 'ca57bbcd8cce49410a59c027404569507b451bdc', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
+            }) }, index.h("ion-button", { key: '959902adb9610195925d5abb216d223ee3b7da3f', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the password toggle
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: this.togglePasswordVisibility }, index.h("ion-icon", { key: '8140a516c740191a959b0aa419763a88713fae5f', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
+            }, onClick: this.togglePasswordVisibility }, index.h("ion-icon", { key: '883f1ead41024f198bd8f6fd2d0817f3294e1e9b', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -517,7 +517,7 @@ const Input = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (index.h(index.Host, { key: 'bff14270ee9047cce686af333d67419fbc64edbe', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'e7749daa3bbae79d58f2b15305129ac6b411d054', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -530,7 +530,7 @@ const Input = class {
                 'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
                 'input-disabled': disabled,
                 'input-readonly': readonly,
-            }) }, index.h("label", { key: 'e2ad892ed7a2003ac44a822e39bea1e2bf5dfb68', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: 'af05dcfa0612c0e82d04356a40468ac2bde6f4ee', class: "native-wrapper" }, 
+            }) }, index.h("label", { key: 'f01428b225871ba1f0e2abea200e5b06e49c3966', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.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
@@ -540,7 +540,7 @@ const Input = class {
          * <label> element, ensuring that clicking the label text
          * focuses the input.
          */
-        theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: '9410f0547cb920560e0123e996179f418c90728a', class: "input-outline" }), index.h("slot", { key: '1c6af8d17e28e61124ba9592844b413dcdb7df6b', name: "start" }), index.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 && (index.h("button", { key: 'cdc6bf2c406a7e39c669e07e49dc043ae3d77844', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
+        theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: '085f8fcaf690d9dba83e9c71e895f0f3f69753d3', class: "input-outline" }), index.h("slot", { key: '41f7f3f161b665012302b4e37aaf4c3928906791', name: "start" }), index.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 && (index.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
@@ -555,7 +555,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 }, index.h("ion-icon", { key: 'b967a45de081907a163855727c497f3e5441d2b4', "aria-hidden": "true", icon: inputClearIcon }))), index.h("slot", { key: '9355ce71e72061588790eb35fbccc9135ba9b9cb', name: "end" })), shouldRenderHighlight && index.h("div", { key: '510f34475ed4c768f6ee91c48db1ac27d5815b8b', class: "input-highlight" })), this.renderBottomContent()));
+            }, onClick: this.clearTextInput }, index.h("ion-icon", { key: 'e0679fcad0049631ba4284aa020cf75c1c711650', "aria-hidden": "true", icon: inputClearIcon }))), index.h("slot", { key: '32529b77ff59997ae0f9769094f17d47f5eb325c', name: "end" })), shouldRenderHighlight && index.h("div", { key: '50033d2d6eeb5fa7219b8f93618c1e833d285cb0', class: "input-highlight" })), this.renderBottomContent()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

@@ -276,11 +276,11 @@ const ItemDivider = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'ebc795838ce7e9df01d817d175516f69aa591707', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'e59593401ead3b45b5378392444158f3a37c2cc3', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, index.h("slot", { key: 'f4abe09d504c20754943a993956e4be29d34be3f', name: "start" }), index.h("div", { key: '56c50587af69756d5dc8e4e4eb5bb2d4d884626e', class: "item-divider-inner" }, index.h("div", { key: 'b56295c35ad8ab039b4940e0cfcb31dcc4f54b01', class: "item-divider-wrapper" }, index.h("slot", { key: 'da98a60dece6da1ecdab8f10d59061771bdb8612' })), index.h("slot", { key: 'e800aa20a188002f36d92bf302845b867d514193', name: "end" }))));
+            }) }, index.h("slot", { key: 'dcfd41b18dc5d27ec01fd970edbde0a208b6828c', name: "start" }), index.h("div", { key: '7d6422a8017492a164ba103cc3b3a92c0d76164e', class: "item-divider-inner" }, index.h("div", { key: '8baa50ea5bc94dea6c24ae2e72890c8a646d396f', class: "item-divider-wrapper" }, index.h("slot", { key: '85d181bec386c7053bffbb2f9f8f9a252fe5e709' })), index.h("slot", { key: 'cadd65c0d01e3790d08e0737aee0a4479f6bd096', name: "end" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -305,7 +305,7 @@ const ItemGroup = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '30100f20ee85601e253169755f815c89c6d4bb93', role: "group", class: {
+        return (index.h(index.Host, { key: '10e03e2c0020c1fd78db422dacfcf2aa29aa462b', role: "group", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-group-${theme}`]: true,
@@ -379,13 +379,13 @@ const Label = class {
     render() {
         const position = this.position;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'f327270019b030c0a661c54a299eb6c491788c97', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '921c75a385281fa13922155f277af0271b992ebb', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
                 [`label-no-animate`]: this.noAnimate,
                 'label-rtl': document.dir === 'rtl',
-            }) }, index.h("slot", { key: '6f5c06d65b7af43a41422b1c0192521030affcaf' })));
+            }) }, index.h("slot", { key: '0cee8205cade678d78c3b9ff2e71cf50365e6eea' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -447,7 +447,7 @@ const List = class {
         const theme = ionicGlobal.getIonTheme(this);
         const shape = this.getShape();
         const { lines, inset } = this;
-        return (index.h(index.Host, { key: 'df53681cdbbb226c8db070e450a3093d65ea0d2c', role: "list", class: {
+        return (index.h(index.Host, { key: 'e0d56c6aa597601c8d430ff40044981422aac8f3', role: "list", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`list-${theme}`]: true,
@@ -483,10 +483,10 @@ const ListHeader = class {
     render() {
         const { lines } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '578cf11558929caee63d781094dc46487b13ffe8', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'bf020d10f04a39707b7b5842e7380330a006476c', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, index.h("div", { key: '34d26abeed2958c68c829d10aac1ef6b01536099', class: "list-header-inner" }, index.h("slot", { key: '5040a905864bf2b3cec60d564efc969bacf9e3b1' }))));
+            }) }, index.h("div", { key: '7833f41a1271fbf29d264299e0517652dbdc026b', class: "list-header-inner" }, index.h("slot", { key: '293d9dfba0020d0eaeeb58bc109c01d4dd459f6b' }))));
     }
 };
 ListHeader.style = {
@@ -511,9 +511,9 @@ const Note = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '79bbaa1e2714b1d2d24c1002023722358580606a', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '384c79c853252907b9c9ad8f28173601d6c1472b', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
-            }) }, index.h("slot", { key: '0827e481ab3718f19d43d830bb4d2df117b796d1' })));
+            }) }, index.h("slot", { key: '91e68ef453c70d116edaf76198637fd9c92a8bb4' })));
     }
 };
 Note.style = {
@@ -547,11 +547,11 @@ const SkeletonText = class {
         const animated = this.animated && config.config.getBoolean('animated', true);
         const inMedia = theme.hostContext('ion-avatar', this.el) || theme.hostContext('ion-thumbnail', this.el);
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'dedb3d78e092024dc2d3548e8721445a004b2306', class: {
+        return (index.h(index.Host, { key: '61dec18e888846c87eae4af95853d8c013b39ec8', class: {
                 [theme$1]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, index.h("span", { key: 'f1871cf7314774ffee1d9e64decdfc0c9c8ec1bb' }, "\u00A0")));
+            } }, index.h("span", { key: 'd61c3096615f154d8bfdd025722bb1c7b7b97b46' }, "\u00A0")));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

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

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

@@ -1938,18 +1938,18 @@ const Modal = class {
         const isCardModal = presentingElement !== undefined && theme$1 === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
         const shape = this.getShape();
-        return (index$2.h(index$2.Host, Object.assign({ key: 'f1b25e919a62ad12b1296735abe0d17635351ff9', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index$2.h(index$2.Host, Object.assign({ key: '9523c6210a952a3dbd5d6837e74c3adab7a4d58e', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [theme$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), index$2.h("ion-backdrop", { key: 'ffda0bb0a5402f928cd706fb8e41a96e8bffd16b', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme$1 === 'ios' && index$2.h("div", { key: 'aa3c81e153573b9e9fff2be6884658fc78266daa', class: "modal-shadow" }), index$2.h("div", Object.assign({ key: '7871c80cfdc4540c40977bb8d0abeadabd7ca6e0',
+            }, class: Object.assign({ [theme$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), index$2.h("ion-backdrop", { key: '4230860b4b682f55bbf05849165e252e7ad849a0', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme$1 === 'ios' && index$2.h("div", { key: 'e3df17bcfbdf4ba511bebd5b34763773c1d03fee', class: "modal-shadow" }), index$2.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 && (index$2.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 && (index$2.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" })), index$2.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" })), index$2.h("slot", { key: '39645e31394e15b96f120507fb0097a4ebc4e1c0' }))));
     }
     get el() { return index$2.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

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

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

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

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

@@ -130,7 +130,7 @@ const Radio = class {
         const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
         const inItem = theme.hostContext('ion-item', el);
-        return (index.h(index.Host, { key: '4f9e8a897b1021933e244dfbc6551b40176b118e', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '7fbe8308ef9eb375552a9a52aa38cdc7b7adc265', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -141,10 +141,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 }, index.h("label", { key: 'dd99761d3adc23d79234b2b5010cbb7376609ff8', class: "radio-wrapper" }, index.h("div", { key: 'e3162457703dd5380110d3b9ed0556ff738e513b', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: '25b08970002e8346929b3e3d4d9116a616011f58', class: "radio-wrapper" }, index.h("div", { key: '02982316f2b4b5fa3772a34dbdc9f2c019bb7fc7', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, index.h("slot", { key: '1403950a93db7c4c9e1e719b6816089e36fcea30' })), index.h("div", { key: '33d2274ce3ef3cf72bcc924b5af5e30e23128ef9', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, index.h("slot", { key: '033f8660fc810b4d9bc1723546e1c97f261d5b96' })), index.h("div", { key: '58694ff4a4f09e0a9a4c6f26dbf7ee5d111f8913', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -348,9 +348,9 @@ const RadioGroup = class {
         const { label, labelId, el, name, value } = this;
         const theme = ionicGlobal.getIonTheme(this);
         helpers.renderHiddenInput(true, el, name, value, false);
-        return (index.h(index.Host, { key: '76639f2b7ea6ce2ccd680ea7b9a9fd32307f679f', class: {
+        return (index.h(index.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(), index.h("div", { key: '63011b41fe3deaa934fc205b1ffd32b880801d18', class: "radio-group-wrapper" }, index.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(), index.h("div", { key: '2fb3a88b0e9cda37b1a6aa88b880320e8fff4b18', class: "radio-group-wrapper" }, index.h("slot", { key: '79fe280b3436bca9dc07525336003541b4db1935' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

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

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

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

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

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