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

package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js

@@ -31,11 +31,11 @@ export class InfiniteScrollContent {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '20ca28daa34f09e95b1699f9481569020ad55411', class: {
+        return (h(Host, { key: '51742937a374c43c290c20569857f617c99e1e7c', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`infinite-scroll-content-${theme}`]: true,
-            } }, h("div", { key: '029201e011c29bc3ee0519d00a966f9310c9d477', class: "infinite-loading" }, this.loadingSpinner && (h("div", { key: 'f861f13fdef284dda58e8cfe31cca7433fea5836', class: "infinite-loading-spinner" }, h("ion-spinner", { key: '75a2520c449372eb6398a35bf9fa6e21eb073fcd', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
+            } }, h("div", { key: '42c249b6df301004a834bb615766c38d5ab03d91', class: "infinite-loading" }, this.loadingSpinner && (h("div", { key: '7cc7aab81997ef58b914e084402f45dc3abf2ce4', class: "infinite-loading-spinner" }, h("ion-spinner", { key: '5c84df7096076580e0bb4926d377c2fac4f75c3d', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
     }
     static get is() { return "ion-infinite-scroll-content"; }
     static get originalStyleUrls() {

package/dist/collection/components/input/input.js

@@ -507,7 +507,7 @@ export class Input {
          * 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,
@@ -520,7 +520,7 @@ export class Input {
                 '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
@@ -530,7 +530,7 @@ export class Input {
          * <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
@@ -545,7 +545,7 @@ export class Input {
                  * 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()));
     }
     static get is() { return "ion-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/input-password-toggle/input-password-toggle.js

@@ -94,16 +94,16 @@ export class InputPasswordToggle {
         const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
         const mode = getIonMode(this);
         const isPasswordVisible = type === 'text';
-        return (h(Host, { key: 'ed4e9f2c1d1e9f8f3b76106ccd2567219bf20f33', class: createColorClasses(color, {
+        return (h(Host, { key: '06b8ab96d775ee10c717be878b5ae800a244e222', class: createColorClasses(color, {
                 [mode]: true,
-            }) }, 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) => {
+            }) }, 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 }, h("ion-icon", { key: '8140a516c740191a959b0aa419763a88713fae5f', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
+            }, onClick: this.togglePasswordVisibility }, h("ion-icon", { key: '883f1ead41024f198bd8f6fd2d0817f3294e1e9b', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
     }
     static get is() { return "ion-input-password-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/item-divider/item-divider.js

@@ -19,11 +19,11 @@ export class ItemDivider {
     }
     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" }))));
     }
     static get is() { return "ion-item-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/item-group/item-group.js

@@ -10,7 +10,7 @@ import { getIonTheme } from "../../global/ionic-global";
 export class ItemGroup {
     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,

package/dist/collection/components/item-option/item-option.js

@@ -59,13 +59,13 @@ export class ItemOption {
                 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' }))));
     }
     static get is() { return "ion-item-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/item-options/item-options.js

@@ -21,7 +21,7 @@ export class ItemOptions {
     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,

package/dist/collection/components/item-sliding/item-sliding.js

@@ -390,7 +390,7 @@ export class ItemSliding {
     }
     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/collection/components/label/label.js

@@ -56,13 +56,13 @@ export class Label {
     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' })));
     }
     static get is() { return "ion-label"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/list/list.js

@@ -45,7 +45,7 @@ export class List {
         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,

package/dist/collection/components/list-header/list-header.js

@@ -16,10 +16,10 @@ export class ListHeader {
     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' }))));
     }
     static get is() { return "ion-list-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/loading/loading.js

@@ -162,9 +162,9 @@ export class Loading {
          * 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" })));
     }
     static get is() { return "ion-loading"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/menu/menu.js

@@ -617,14 +617,14 @@ export class Menu {
          * 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" })));
     }
     static get is() { return "ion-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-button/menu-button.js

@@ -60,7 +60,7 @@ export class MenuButton {
             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,
@@ -69,7 +69,7 @@ export class MenuButton {
                 '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" }))));
     }
     static get is() { return "ion-menu-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-toggle/menu-toggle.js

@@ -29,10 +29,10 @@ export class MenuToggle {
     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' })));
     }
     static get is() { return "ion-menu-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal/modal.js

@@ -590,18 +590,18 @@ export class Modal {
         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' }))));
     }
     static get is() { return "ion-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/nav/nav.js

@@ -836,7 +836,7 @@ export class Nav {
         }
     }
     render() {
-        return h("slot", { key: 'a5b9a79a73282db99bc2b744b66c173155ebbb5b' });
+        return h("slot", { key: '07e269fa670039e0005ea4d90ea57ffb4c5f24b0' });
     }
     static get is() { return "ion-nav"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/nav-link/nav-link.js

@@ -18,7 +18,7 @@ export class NavLink {
         this.routerAnimation = undefined;
     }
     render() {
-        return h(Host, { key: 'd06df3bfb42f946d6a7dd54bb507428e0e964762', onClick: this.onClick });
+        return h(Host, { key: '74d1929235cd2d4e2abe3ec13e236dcfd1020b6d', onClick: this.onClick });
     }
     static get is() { return "ion-nav-link"; }
     static get properties() {

package/dist/collection/components/note/note.js

@@ -14,9 +14,9 @@ export class Note {
     }
     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' })));
     }
     static get is() { return "ion-note"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/picker-column-option/picker-column-option.js

@@ -80,10 +80,10 @@ export class PickerColumnOption {
     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' }))));
     }
     static get is() { return "ion-picker-column-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/picker-legacy/picker.js

@@ -186,11 +186,11 @@ export class Picker {
     render() {
         const { htmlAttributes } = this;
         const theme = getIonTheme(this);
-        return (h(Host, Object.assign({ key: 'a60897370c3b8b7e39b6b474998bac0a2e247275', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'd3ae98f9e6d9e879b961eb6bb1124f5c1bdcf760', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: Object.assign({ [theme]: true,
                 // Used internally for styling
-                [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: '6223cbfdb72834657157bbd438834b9fc88892cd', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'c38f9ba8c6081525913a6e5817c4c89a36f9bc9f', tabindex: "0", "aria-hidden": "true" }), h("div", { key: '88dced3055b78a33400063ccb02a681dab65214f', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: 'b981965c65c6dd7c397d78f45fb7821ea3fb8c2a', class: "picker-toolbar" }, this.buttons.map((b) => (h("div", { class: buttonWrapperClass(b) }, h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), h("div", { key: '4b0d91d9bbd5db7207f1cf8a5331506116ef8d38', class: "picker-columns" }, h("div", { key: 'dacd2c0c3b2add691a4f60bde59faafe2964f5ae', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: '79270b83927b3c1c52fa27827b0bc1cda645e09c', class: "picker-below-highlight" }))), h("div", { key: 'b23a1418c8994643849191f0c95fd0a0ae1c811a', tabindex: "0", "aria-hidden": "true" })));
+                [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: '58d83d65e108383231e0ea66e34d7a5e43eac253', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'a94e84cab6f2af6ffeec2378fb527c1cce7e382e', tabindex: "0", "aria-hidden": "true" }), h("div", { key: '7769a2a332cad3360b0df12b0ded130e3379fba3', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: 'd998a28c2f280e59b4c97bec35ead458769d74d8', class: "picker-toolbar" }, this.buttons.map((b) => (h("div", { class: buttonWrapperClass(b) }, h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), h("div", { key: 'fd0f3931dcafab93cb161423fa7ebec21e0396df', class: "picker-columns" }, h("div", { key: 'e8f6c34bdb4000b4df88bdd1a83588a10e0277bd', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: 'bb131d346dd240a06f4319f6d07ccdd54e53c5cf', class: "picker-below-highlight" }))), h("div", { key: 'd06119270e99ecf6ce24ee50c10cb5f414206ccf', tabindex: "0", "aria-hidden": "true" })));
     }
     static get is() { return "ion-picker-legacy"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/picker-legacy-column/picker-column.js

@@ -336,9 +336,9 @@ export class PickerColumnCmp {
     render() {
         const col = this.col;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '08c70ad935689feacabc0a59cae51b29dbc56ec2', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
+        return (h(Host, { key: '7d0f0cba34ebb037eb6d08d4e91d86e635ce19e6', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
                 'max-width': this.col.columnWidth,
-            } }, col.prefix && (h("div", { key: 'e39f3417788b91e6f9b49194c1c53e36a121ca3d', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '2e8367f11af2d4c77fa808180abe90a763bc4d8a', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { key: '4447f39f1c08be2c1a1548a986e96e174b5161c2', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (h("div", { key: '347c054cb774576110e4e22372eb36fd9b3c66f6', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '2bd3ae98af75b418f9d98480e9b56c80f515ffce', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { key: '93cbe85713ba0d74496031aa98b9de1ed5a8f775', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     static get is() { return "ion-picker-legacy-column"; }
     static get originalStyleUrls() {

package/dist/collection/components/popover/popover.js

@@ -339,9 +339,9 @@ export class Popover {
         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' })))));
     }
     static get is() { return "ion-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-bar/progress-bar.js

@@ -43,7 +43,7 @@ export class ProgressBar {
         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/collection/components/radio/radio.js

@@ -121,7 +121,7 @@ export class Radio {
         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,
@@ -132,10 +132,10 @@ export class Radio {
                 // Focus and active styling should not apply when the radio is in an item
                 'ion-activatable': !inItem,
                 'ion-focusable': !inItem,
-            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, 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()))));
     }
     static get is() { return "ion-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio-group/radio-group.js

@@ -189,9 +189,9 @@ export class RadioGroup {
         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' }))));
     }
     static get is() { return "ion-radio-group"; }
     static get originalStyleUrls() {

package/dist/collection/components/range/range.js

@@ -581,7 +581,7 @@ export class Range {
         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,
@@ -590,10 +590,10 @@ export class Range {
                 [`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" })))));
     }
     static get is() { return "ion-range"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/refresher/refresher.js

@@ -622,7 +622,7 @@ export class Refresher {
     }
     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,

package/dist/collection/components/refresher-content/refresher-content.js

@@ -57,9 +57,9 @@ export class RefresherContent {
         const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
         const theme = getIonTheme(this);
         const arrowIcon = theme === 'ionic' ? caretLeftFill : 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())));
     }
     static get is() { return "ion-refresher-content"; }
     static get originalStyleUrls() {

package/dist/collection/components/reorder/reorder.js

@@ -43,9 +43,9 @@ export class Reorder {
     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" }))));
     }
     static get is() { return "ion-reorder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/reorder-group/reorder-group.js

@@ -242,7 +242,7 @@ export class ReorderGroup {
     }
     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/collection/components/ripple-effect/ripple-effect.js

@@ -63,7 +63,7 @@ export class RippleEffect {
     }
     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/collection/components/router-link/router-link.js

@@ -27,10 +27,10 @@ export class RouterLink {
             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' }))));
     }
     static get is() { return "ion-router-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/router-outlet/router-outlet.js

@@ -180,7 +180,7 @@ export class RouterOutlet {
         return true;
     }
     render() {
-        return h("slot", { key: '5c560e82375151792513278f2e44db119d0ab683' });
+        return h("slot", { key: '33d398d0fadff009560ca0835a088eb26e2c9c02' });
     }
     static get is() { return "ion-router-outlet"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/row/row.js

@@ -10,9 +10,9 @@ import { getIonTheme } from "../../global/ionic-global";
 export class Row {
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '1dd88448e2e74b4352f7f05d4c881a9d2d0703a9', class: {
+        return (h(Host, { key: '7004407e649f3b5855bd262c5204f4864580096b', class: {
                 [theme]: true,
-            } }, h("slot", { key: 'd3e238c9cb1fd084c479600996ba407dc0bbe6b5' })));
+            } }, h("slot", { key: 'afa6d1036796041447ab497abc7e66e3e96fcad5' })));
     }
     static get is() { return "ion-row"; }
     static get encapsulation() { return "shadow"; }