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

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

@@ -1763,7 +1763,7 @@ const Datetime = class {
         const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
         const hasWheelVariant = hasDatePresentation && preferWheel;
         helpers.renderHiddenInput(true, el, name, data.formatValue(value), disabled);
-        return (index$1.h(index$1.Host, { key: 'c968c01a9fe0b4b2e7168ada6579f0b504f213c1', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
+        return (index$1.h(index$1.Host, { key: 'd8d569f378e00281640cfb6e52ac1a6cce714e05', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
                 [mode]: true,
                 ['datetime-readonly']: readonly,
                 ['datetime-disabled']: disabled,
@@ -1773,7 +1773,7 @@ const Datetime = class {
                 [`datetime-size-${size}`]: true,
                 [`datetime-prefer-wheel`]: hasWheelVariant,
                 [`datetime-grid`]: isGridStyle,
-            })) }, index$1.h("div", { key: '34c6576dcc6693b26c00d08eda2cf194f6a3cc46', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
+            })) }, index$1.h("div", { key: '0212929e86cbd1c95a99d0e1b711af528cd7a829', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -2030,11 +2030,11 @@ const Picker = class {
     render() {
         const { htmlAttributes } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index$1.h(index$1.Host, Object.assign({ key: '8a6fbaba4b5b1e1c25dc500c12279e8e6da7bc81', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
+        return (index$1.h(index$1.Host, Object.assign({ key: '41c66813661ae02c59a8b795943b9282c24f61bd', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: Object.assign({ [mode]: true,
                 // Used internally for styling
-                [`picker-${mode}`]: true, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), index$1.h("ion-backdrop", { key: '18c21f02bc11f7036e128556c7625745fdd5fca5', visible: this.showBackdrop, tappable: this.backdropDismiss }), index$1.h("div", { key: '848a54b270802ac8562a6e10ab16ccb64032e6f5', tabindex: "0" }), index$1.h("div", { key: 'ac70a708843f692920fa7152b15e60cdd43c9d3f', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, index$1.h("div", { key: '3e23b0b06e9e5cb35e92d54152af5da3675788df', class: "picker-toolbar" }, this.buttons.map((b) => (index$1.h("div", { class: buttonWrapperClass(b) }, index$1.h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), index$1.h("div", { key: '9ed2e90944e13ce3f3def7d2633c624ba80c386f', class: "picker-columns" }, index$1.h("div", { key: '60469764c9ece9b807a407fc7f3bb1ec1a89feea', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => index$1.h("ion-picker-legacy-column", { col: c })), index$1.h("div", { key: '73f76b64b8dd8479624c8ea571b724a643e7dc86', class: "picker-below-highlight" }))), index$1.h("div", { key: 'dbf7f2f16f01d89bdae0446c1eaa76cb3d30907a', tabindex: "0" })));
+                [`picker-${mode}`]: true, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), index$1.h("ion-backdrop", { key: '1ba78b0ef99deea852476e940964a75085fe45a4', visible: this.showBackdrop, tappable: this.backdropDismiss }), index$1.h("div", { key: '3bc22eb55a9926f32c622b30f1c21275aa2ede54', tabindex: "0" }), index$1.h("div", { key: '3508962e9916d66587bc8647768a32d2d2db4b5d', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, index$1.h("div", { key: 'f5a76c4a96a54005d47330555b65e78dec02e660', class: "picker-toolbar" }, this.buttons.map((b) => (index$1.h("div", { class: buttonWrapperClass(b) }, index$1.h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), index$1.h("div", { key: '4c84d83b45049178f5b0dc637fdcb6465cc6c9bd', class: "picker-columns" }, index$1.h("div", { key: 'd60a97c7051f9384e145b7161d9f1d84eded461e', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => index$1.h("ion-picker-legacy-column", { col: c })), index$1.h("div", { key: 'aec1e91002df5c9e938edebbfbacb24047b0396e', class: "picker-below-highlight" }))), index$1.h("div", { key: 'b0b4c9db4e2a6943c3192d62f19caae41bdfcb8a', tabindex: "0" })));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -2391,9 +2391,9 @@ const PickerColumnCmp = class {
     render() {
         const col = this.col;
         const mode = ionicGlobal.getIonMode(this);
-        return (index$1.h(index$1.Host, { key: '0d919e35ebc1d66b8548b180cc0d853e43c49cf0', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, theme.getClassMap(col.cssClass)), style: {
+        return (index$1.h(index$1.Host, { key: 'e50365e8574492d32c3b4a8a0d816d9a2d5b4080', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, theme.getClassMap(col.cssClass)), style: {
                 'max-width': this.col.columnWidth,
-            } }, col.prefix && (index$1.h("div", { key: '3c3b1fabf798fca9605f5d2fd0b921df2605b529', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), index$1.h("div", { key: '8f2f88a4db95dcea39dd050f70e85ed9a63ed148', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (index$1.h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (index$1.h("div", { key: '943b3f0ebd9be83f508052cf5255a4155263c85e', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (index$1.h("div", { key: 'aa48f883c088203dd9dadcfe688f49cacd40f4f7', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), index$1.h("div", { key: '72545ed57bd4782d81df2cb0ea9c1edc08f23e88', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (index$1.h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (index$1.h("div", { key: '0accccde44b8fa36b5f481ae98760e00ddb234a9', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {

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

@@ -59,12 +59,12 @@ const Fab = class {
     render() {
         const { horizontal, vertical, edge } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '6e92fa00d624e6bd249b5852994e8632aa2fd570', class: {
+        return (index.h(index.Host, { key: '55af7e087ad50c70b9dde6cab82d5150e5eb209c', class: {
                 [mode]: true,
                 [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
                 [`fab-vertical-${vertical}`]: vertical !== undefined,
                 'fab-edge': edge,
-            } }, index.h("slot", { key: '93dc7aa5cc9857d5278cda2819a4fd4f7aff8c9c' })));
+            } }, index.h("slot", { key: 'f86a0c6ad26c740e59b1ddee67e72a83bb0aa003' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -133,7 +133,7 @@ const FabButton = class {
                 rel: this.rel,
                 target: this.target,
             };
-        return (index.h(index.Host, { key: 'da42d7adc23bd03a4f9b1b16bac96179e0b98edc', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'c370c0772ba974c2ddbab0e34d89ee68fecefddd', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
                 [mode]: true,
                 'fab-button-in-list': inList,
                 'fab-button-translucent-in-list': inList && translucent,
@@ -144,7 +144,7 @@ const FabButton = class {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 [`fab-button-${size}`]: size !== undefined,
-            }) }, index.h(TagType, Object.assign({ key: 'f0e62e3f469c05ba7e7fe0ee9315d0d131d46bca' }, 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: '5df29d68f977902c650579161662db7e01ebedf5', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), index.h("span", { key: '451794c3a2f4cd34c7250bc950d21d9839ce9d97', class: "button-inner" }, index.h("slot", { key: '636042b9532a4035d7ebaf94ec5ba64cf8e5ffbb' })), mode === 'md' && index.h("ion-ripple-effect", { key: '00f80c424536a011cbbdbb7ad079a464c160835b' }))));
+            }) }, index.h(TagType, Object.assign({ key: 'e1afb46b186c239d647c47b821b9bf15fd1fda7e' }, 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: '65426c5377837cba69191dd9795fac7d79597739', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), index.h("span", { key: 'd9d724a61145b96227dd5dbe8549bc9858679312', class: "button-inner" }, index.h("slot", { key: '9605869988f8e255773e961dfe5ff352a9b89863' })), mode === 'md' && index.h("ion-ripple-effect", { key: '239b4c4aee14e3000dd11186dec1aaf76f4895fc' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -172,11 +172,11 @@ const FabList = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '94001f76326d3f8d5480f4b1be10c779a282e9fd', class: {
+        return (index.h(index.Host, { key: 'f42ec14910147371f2aafff56490eb07ab3b520c', class: {
                 [mode]: true,
                 'fab-list-active': this.activated,
                 [`fab-list-side-${this.side}`]: true,
-            } }, index.h("slot", { key: '6a31a954e2c0aab3afba31f30313a9394a8af94a' })));
+            } }, index.h("slot", { key: 'ebd3bb5ba3e5dddbb0369af449e3ef0f25b3475d' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -80,7 +80,7 @@ const Img = class {
     render() {
         const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
         const { draggable } = inheritedAttributes;
-        return (index.h(index.Host, { key: '0bf9dd6980a327fe9db56d20ee7d1cba3d24004e', class: ionicGlobal.getIonMode(this) }, index.h("img", { key: '41219b518d152a07ac9e6887338c6fc1f5bd62e3', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
+        return (index.h(index.Host, { key: '0565fb10c4324c10c37d9705fe948ce21bd3f074', class: ionicGlobal.getIonMode(this) }, index.h("img", { key: 'c2246ee4040a1d3c8a7fb27851461767a53576a7', 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

@@ -180,7 +180,7 @@ const InfiniteScroll = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const disabled = this.disabled;
-        return (index.h(index.Host, { key: '6ebf01d8e9abd5b0e6197a0c13436b587ffc9fe8', class: {
+        return (index.h(index.Host, { key: 'f58ee4f51f7ea3268f02e7126e4bc39726c979ba', class: {
                 [mode]: true,
                 'infinite-scroll-loading': this.isLoading,
                 'infinite-scroll-enabled': !disabled,
@@ -222,11 +222,11 @@ const InfiniteScrollContent = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'c3ba9864511b2aedd4884fa631d59559f9086924', class: {
+        return (index.h(index.Host, { key: '73f3c5e3c86bc121d05941534dc19436c760e5b5', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`infinite-scroll-content-${mode}`]: true,
-            } }, index.h("div", { key: '4d9d40457fec317f32da1a4584895de867c88ba9', class: "infinite-loading" }, this.loadingSpinner && (index.h("div", { key: '9e8f364f6c66b53f5912c6c9437caa6cc52bd4d3', class: "infinite-loading-spinner" }, index.h("ion-spinner", { key: '457f34b169124457be68feff8e464466afc747b7', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
+            } }, index.h("div", { key: '2d180aef9a15eff8088f3a20b0b640988a1406f0', class: "infinite-loading" }, this.loadingSpinner && (index.h("div", { key: 'c7bc8d33bead94c61d71c884c2ae557b8a85c5e7', class: "infinite-loading-spinner" }, index.h("ion-spinner", { key: '8b74974c2b02ea4a01946964a92ea78515ff6083', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
     }
 };
 InfiniteScrollContent.style = {

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

@@ -69,16 +69,16 @@ const InputPasswordToggle = class {
         const showPasswordIcon = (_a = this.showIcon) !== null && _a !== void 0 ? _a : index$2.eye;
         const hidePasswordIcon = (_b = this.hideIcon) !== null && _b !== void 0 ? _b : index$2.eyeOff;
         const isPasswordVisible = type === 'text';
-        return (index.h(index.Host, { key: 'e762dedf219725aac7e79cd5b9fe7632b923f021', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '24d3c866aebab4fba60a81269641034707c114ed', class: theme.createColorClasses(color, {
                 [mode]: true,
-            }) }, index.h("ion-button", { key: '8ee1f981af2a3864bcf2116207f4db27e4e1f31a', 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: '7cc04ec92d7e93b48b9eac322c9f9efe737eca78', 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: 'c864036a33bbc21d5324439f8f10dd0fd7b7b4ca', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));
+            }, onClick: this.togglePasswordVisibility }, index.h("ion-icon", { key: '1396d946583adf4e8e3c8358835d00342cb4549e', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -409,7 +409,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: '8fe11981fe29ec7042234e5f0a6821511e1a3ce2', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '9764569be5e0b43bb4320ae2cf49689bfe46af3a', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -420,7 +420,7 @@ const Input = class {
                 'in-item': inItem,
                 'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
                 'input-disabled': disabled,
-            }) }, index.h("label", { key: 'f6bb09e3652a8b6f76e1a81775a193bd9bd0dca5', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: 'bfe2fb131b6d001c97d0524fecc55c299dc7b8e3', class: "native-wrapper" }, index.h("slot", { key: 'd0787327ae575f4cbac653be197c6aeb78b7b6ba', name: "start" }), index.h("input", Object.assign({ key: 'e06ece9d9dba1aeca434837d84461a3c5cda033b', 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 }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (index.h("button", { key: 'cdee06c490a9c9a3777d691fd0b3f6744d751b77', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
+            }) }, index.h("label", { key: '7c30117bf9dd8ae7eeebf9b31301f857612d25e9', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '1909382c00f186f867be056b98d9294c021b0159', class: "native-wrapper" }, index.h("slot", { key: '5a37475632ca71225a6fbab0ce1cb27cd70583fb', name: "start" }), index.h("input", Object.assign({ key: 'a57cad2e000681ffb83725de52b8839014692672', 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 }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (index.h("button", { key: '927372123072605242335383850df15028d197d3', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
@@ -435,7 +435,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: '8c813ac0b9dd3754b65fe928e5e55e11cb8ba06c', "aria-hidden": "true", icon: clearIconData }))), index.h("slot", { key: '6df110f7719f89f345e7b2d14e34ebaedf2a3ae9', name: "end" })), shouldRenderHighlight && index.h("div", { key: '6b544a470910f92825d83b4693272a5744b90c41', class: "input-highlight" })), this.renderBottomContent()));
+            }, onClick: this.clearTextInput }, index.h("ion-icon", { key: '2c78f3cea15842d413f443ef1f2fa49bbaae6c21', "aria-hidden": "true", icon: clearIconData }))), index.h("slot", { key: 'ab3cb5432ed126f8ba9202ce52c5cab0745bd1d3', name: "end" })), shouldRenderHighlight && index.h("div", { key: 'eaf53efcbe60fa85a6be0b406e6f4434b0d70330', 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

@@ -48,12 +48,12 @@ const ItemOption = class {
                 href: this.href,
                 target: this.target,
             };
-        return (index.h(index.Host, { key: 'd55436f789ceb991db95f386df5df41fc56a78a6', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '7ba5396aacf0c098b5420a5649493d903e18c677', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, index.h(TagType, Object.assign({ key: 'e157c5b9ea5cdb68d3e162593c5ae3e72871a266' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: '414d4cda72641e5168b1a67f98ef4a92d4a6fd2b', class: "button-inner" }, index.h("slot", { key: '6099b63f4f0954a62345a526c9a418be68971805', name: "top" }), index.h("div", { key: '5af43d2e7e982371247f736726ff19794fcfa7c4', class: "horizontal-wrapper" }, index.h("slot", { key: '5442bfce241d6647bb671625bf389c6d50b1eb0d', name: "start" }), index.h("slot", { key: 'b0ba9b814406d7539329e5665705d3da7d8ec974', name: "icon-only" }), index.h("slot", { key: '3f9fa17386051a1eac5d3e366c9b027759da9a2c' }), index.h("slot", { key: 'a87945cdab52ef671b12fae4a4dbe8a42c03ed22', name: "end" })), index.h("slot", { key: '9934bb2238351733dc29d05f0ad795720982980c', name: "bottom" })), mode === 'md' && index.h("ion-ripple-effect", { key: '03c3b1122d98460d9c89a2d8d18673b32c18f9a0' }))));
+            }) }, index.h(TagType, Object.assign({ key: '09c2cd9bc1efa67cffa2214c171cde23de75b6fd' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: 'e8f5156dff89c916bc4128d1ca821d5e01f148ae', class: "button-inner" }, index.h("slot", { key: 'c1e9c512ef98cfcd27f0e2620f9a428c831bb345', name: "top" }), index.h("div", { key: 'ead689e77de31afc90279637acdf88db5447c309', class: "horizontal-wrapper" }, index.h("slot", { key: '9ac5837e5747e624b9379c4313073ea1005e4087', name: "start" }), index.h("slot", { key: '23d4c340fed60cd7d2a6a293053da44a7d37765d', name: "icon-only" }), index.h("slot", { key: 'aa48ab55247d1574136e710f2078655a187bb08a' }), index.h("slot", { key: 'd6081f25db68ae497c94b70d63492c075f2ae165', name: "end" })), index.h("slot", { key: '81a47e06001df3c03e6bd67983fd46407329835f', name: "bottom" })), mode === 'md' && index.h("ion-ripple-effect", { key: '8a00afb47cac288845392b8e513456b01d8a1ee1' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -83,7 +83,7 @@ const ItemOptions = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const isEnd = helpers.isEndSide(this.side);
-        return (index.h(index.Host, { key: '28e7977e6ef7a331b8570a3e4b88f0283ae50c9e', class: {
+        return (index.h(index.Host, { key: 'c777cc1d44fa59aa7b91b7335ab0368b757303ef', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`item-options-${mode}`]: true,
@@ -491,7 +491,7 @@ const ItemSliding = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'f8c1e978cff89a63e23c46c2ad16eac66db530f5', class: {
+        return (index.h(index.Host, { key: 'e8e4033131f87ec8bd52296292d99408174cb18b', class: {
                 [mode]: 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

@@ -242,11 +242,11 @@ const ItemDivider = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '384a4e7aa88d995d984a8cf1a9d50ee62152e557', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'bfeff938f29a0296e38867f569e55f41b3b47343', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, index.h("slot", { key: '734758b7f460333d35c5ea8a8e4b561a828b5581', name: "start" }), index.h("div", { key: '9228dbce13729bc6b368a4d3b1632393cb6d77ff', class: "item-divider-inner" }, index.h("div", { key: '682f4c6d78e8ab0aa1fb71406f6f5d3c49f93f51', class: "item-divider-wrapper" }, index.h("slot", { key: '8fc592b612e2663337ea9451b7cb728f0be4ac5c' })), index.h("slot", { key: '8ed1bf0df19475a403dc37b451c80601c3e295bd', name: "end" }))));
+            }) }, index.h("slot", { key: 'd064c4afac9a53c60bd7c44e958578ad59ad77e8', name: "start" }), index.h("div", { key: '44c3b986b680d25538ad59c052831e7ac122aa11', class: "item-divider-inner" }, index.h("div", { key: 'a555927bb3ee4f65c409610ceb1eaacf3405a72e', class: "item-divider-wrapper" }, index.h("slot", { key: '37bb59a552bf8e2cd8669e3b75e6de00d5035423' })), index.h("slot", { key: '07258a058e1e54ed5fb104de78d5071923dec9ba', name: "end" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -267,7 +267,7 @@ const ItemGroup = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '93e31b0ea21cf60aac7445f463da7959417400e5', role: "group", class: {
+        return (index.h(index.Host, { key: 'dd91a864a058d8e14e3317c47cbca949ea0b685d', role: "group", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`item-group-${mode}`]: true,
@@ -337,13 +337,13 @@ const Label = class {
     render() {
         const position = this.position;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '2311bd8145046edd623a6a96db315fc5719aec12', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'd3051dcde8fe1b047190c071c4bc7db2d87e2161', class: theme.createColorClasses(this.color, {
                 [mode]: 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: 'dcc3b383a78fbc385b9689a95ee57d9b1e8a263b' })));
+            }) }, index.h("slot", { key: 'dd329baab5b11c28d7dbd4acfdf08199089d58ee' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -384,7 +384,7 @@ const List = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const { lines, inset } = this;
-        return (index.h(index.Host, { key: 'fff468cb8bfd9999bea7d7fd210f715e58bf605a', role: "list", class: {
+        return (index.h(index.Host, { key: 'f7ae6e7cd8fb1f68dc0e6f5286025e25990831f5', role: "list", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`list-${mode}`]: true,
@@ -415,10 +415,10 @@ const ListHeader = class {
     render() {
         const { lines } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'd07e7a3c03b0164d398319c009a9b6fc8405598d', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'ff1a155b461281e32a733ed837bd2c21abe92d6d', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, index.h("div", { key: 'f56daf3980e4964163c2482b3d60905c154b0724', class: "list-header-inner" }, index.h("slot", { key: 'd56400b71a855b16498afa24148d64d885ae6504' }))));
+            }) }, index.h("div", { key: 'b4652a753f76bca4f14a7f9f58a093e01b0c5a2b', class: "list-header-inner" }, index.h("slot", { key: '0e0ddd1f48589bc2059cd2d47866599a161797d7' }))));
     }
 };
 ListHeader.style = {
@@ -439,9 +439,9 @@ const Note = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '4a1ac8b0b23e549b3828ed74055e8c903ea6d832', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'f8e6e694d4a8b0d70c470328b5f4608e860abac7', class: theme.createColorClasses(this.color, {
                 [mode]: true,
-            }) }, index.h("slot", { key: '49055b3334e5ef422d507582622c38126f2504f7' })));
+            }) }, index.h("slot", { key: 'e6fd0beffa392714f62de005d1982da92968120d' })));
     }
 };
 Note.style = {
@@ -474,11 +474,11 @@ const SkeletonText = class {
         const animated = this.animated && ionicGlobal.config.getBoolean('animated', true);
         const inMedia = theme.hostContext('ion-avatar', this.el) || theme.hostContext('ion-thumbnail', this.el);
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '69ac5fabf02d9d42a4eb99b3499dce0864199cb0', class: {
+        return (index.h(index.Host, { key: '82de575f5e9b16e1b96b47fa08476f7b01ee4a0d', class: {
                 [mode]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, index.h("span", { key: '77887175c8147baecccc6258faa8181c9b2a449c' }, "\u00A0")));
+            } }, index.h("span", { key: '86d3f191fcad303f7b4e588d9df1b4a8babd3414' }, "\u00A0")));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -265,9 +265,9 @@ const Loading = class {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (index.h(index.Host, Object.assign({ key: '3d684a57559ad330f0a7954aad02571f15629ded', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: 'cf4f84897877cec74e2ac781f040acf2f13d59b7', 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)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: '0f6cd7c082fe98ce1c7b2873749b774dbdb041dc', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'a03ba5875254bac6bca319c9e5fe798ab511c89c', tabindex: "0" }), index.h("div", { key: 'cbe2a569a4e3072074622bc0e9f408a3f67f27e8', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { key: '8fbae7f7389855003dab80d10ed3cc6f8f61c858', class: "loading-spinner" }, index.h("ion-spinner", { key: '6ca485d41fba4ea8d4358c787fbe96abe7158f6d', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: '77b14c01d7b598bd14212e6346212ef0cf3865b2', tabindex: "0" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: 'a2ddf3892a8c5728597aaf2ec4249d8c3473d250', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'd6beda85122b8d4958443ea1ac025e46722f0d58', tabindex: "0" }), index.h("div", { key: 'd158e7404e775382d44a5778c36c4f2da76d17f6', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { key: 'd54598fe5d64c935ca8d86b9a82d82ec575ea248', class: "loading-spinner" }, index.h("ion-spinner", { key: 'd27b7fbd9cc998d3ace002b5c330430c3ce7ab2f', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: '94101983fb1087ed549b839d2e3cec03c82eb895', tabindex: "0" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -599,14 +599,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: 'fc1a6fbdac29a165f06f49bb36243953f93380ba', onKeyDown: hardwareBackButton.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (index.h(index.Host, { key: '512351da5643c97fcc6eef8988ea6331ccc387ac', onKeyDown: hardwareBackButton.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: 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: '12b032eec994bbcd8262c0bca809b3b5ea6660b8', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '2f4091ce8b9f6014fb5a63dba91a3686c4ba0a62' })), index.h("ion-backdrop", { key: '5eeaa2993aac40eeb06a4b234565b324bef3d74c', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, index.h("div", { key: 'd4d65596d2216544b2c9d19e4ed66a4d0e7f956a', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '80ce72865813bacaca97089e4d97063a3ab163c6' })), index.h("ion-backdrop", { key: 'c7d3cdd3d74b7045bd60f212a68cbf50a4672843', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -679,7 +679,7 @@ const MenuButton = class {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (index.h(index.Host, { key: '4efecc7c5bfc93699507c7106281b96b535966a2', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '969e3b49e0a4cd98f19ed093525a41fe3ff47273', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
                 [mode]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -688,7 +688,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: '8fd26744bb89e1fe230d132a88c57c571c2d1687' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '499e6179a774a1fb57225895cec8983165b17835', class: "button-inner" }, index.h("slot", { key: '12afd938f7a17566f34e66ffe0d8b5f846b24538' }, index.h("ion-icon", { key: '76f0cb930af0e3204e7abdcd80891c64d25c95ec', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && index.h("ion-ripple-effect", { key: '2647d1b9129a3816cad434ade7201e5a49b98c83', type: "unbounded" }))));
+            }) }, index.h("button", Object.assign({ key: '3ffc8030559f0aae78b20bd64237c763cda964e3' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '29d216517c268eaf0ebebe2a386924204112f17e', class: "button-inner" }, index.h("slot", { key: 'd8d1266aecd2cb2e122f181720530c143c7f5656' }, index.h("ion-icon", { key: '12d018ef8e7fb5e633986f4fbb9410ba9687aadd', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && index.h("ion-ripple-effect", { key: '62a0ed22adf75e0976a42126d9dd5942efae105e', type: "unbounded" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -719,10 +719,10 @@ const MenuToggle = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const hidden = this.autoHide && !this.visible;
-        return (index.h(index.Host, { key: 'af93cbcd1304e813c0c4fd4c653cd4e79e55dfb4', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (index.h(index.Host, { key: 'd4c975d260f34123600ac8014bf433caaa5000a7', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [mode]: true,
                 'menu-toggle-hidden': hidden,
-            } }, index.h("slot", { key: 'ba3569f7a82713d0c5cc44bf86ef04bb3e387696' })));
+            } }, index.h("slot", { key: '70de7f84c7b3d9a1b1f36c1354ee277edb9d5a83' })));
     }
 };
 MenuToggle.style = IonMenuToggleStyle0;

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

@@ -1660,18 +1660,18 @@ const Modal = class {
         const mode = ionicGlobal.getIonMode(this);
         const isCardModal = presentingElement !== undefined && mode === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
-        return (index$3.h(index$3.Host, Object.assign({ key: '9b212421b482bb8f0b3a78466af641fe7e5c85f5', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index$3.h(index$3.Host, Object.assign({ key: 'f67d40f051eef94d7424436bca1995a724bd06c8', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, '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$3.h("ion-backdrop", { key: '331131605e92efe4f61b52e672f990e434bae402', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && index$3.h("div", { key: '181e566b914c2c776cb958ad983179358b4fc5ac', class: "modal-shadow" }), index$3.h("div", Object.assign({ key: 'e07a6b70207113a2516d64cefeda924c4c5aea84',
+            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, '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$3.h("ion-backdrop", { key: 'daecdceed03be109e6e3927f419998dfc9e6f54f', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && index$3.h("div", { key: 'cd7b12a15e4fc789a252e0eb57742c5c42faaca8', class: "modal-shadow" }), index$3.h("div", Object.assign({ key: '3dd95c978e5bc8d65126126580d19c1c75676518',
             /*
               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$3.h("button", { key: 'a9a0d5aa73306d9f3a244c90c8dc3c955bc3855c', class: "modal-handle",
+            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$3.h("button", { key: '14522753a5a4573181c58eb83ab458139b249cfc', 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$3.h("slot", { key: '9f9c994a1a6419b1129f3d2f2602999d2dc5bb4d' }))));
+            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$3.h("slot", { key: '2bd0529816738954494a0f094424b37d831e7fa2' }))));
     }
     get el() { return index$3.getElement(this); }
     static get watchers() { return {

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

@@ -903,7 +903,7 @@ const Nav = class {
         }
     }
     render() {
-        return index.h("slot", { key: 'd54f3b425f1bc87d4d86281671d4ca2806383cdd' });
+        return index.h("slot", { key: 'dc6ca7eccf3f0db547df5519097b5e5c4fa4b5e9' });
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -945,7 +945,7 @@ const NavLink = class {
         this.routerAnimation = undefined;
     }
     render() {
-        return index.h(index.Host, { key: '1a576784ab843c575f5ab8ea901aa59a9b0d0d29', onClick: this.onClick });
+        return index.h(index.Host, { key: 'd68d09a86098155e3b5687ca06551400c18c1faa', onClick: this.onClick });
     }
     get el() { return index.getElement(this); }
 };

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

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

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

@@ -536,12 +536,12 @@ const PickerColumn = class {
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'db87a8ab9a4c561b314b65c96709413c7769fda6', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '7b928cad53f740bde8a3f9cbd81ca12e2e01d29c', class: theme.createColorClasses(color, {
                 [mode]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, this.renderAssistiveFocusable(), index.h("slot", { key: '3bf28fb1f9a5278c1233ea2c1dec6e6e5fa57a77', name: "prefix" }), index.h("div", { key: '4ed4ebd77e1a9afea67860ebf72c2a9856fe8c20', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
+            }) }, this.renderAssistiveFocusable(), index.h("slot", { key: '2511cd77f5f1e8fa923bcd1a36d7aac79b31434a', name: "prefix" }), index.h("div", { key: 'e086a1709e818b2d5b0320b220ae022f6a138c51', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
                 this.scrollEl = el;
             },
             /**
@@ -562,7 +562,7 @@ const PickerColumn = class {
              * To prevent this, we set the tabIndex to -1. This
              * will match the behavior of the other browsers.
              */
-            tabIndex: -1 }, index.h("div", { key: '00ea57e0c277237b6556459b7da0dd8ce5d78c4e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'a7f35c62e9105eeab7faf935d943ba436ec41eee', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'f10ea7f6adf3945e6cf59ce7fdc088d14e8b5edd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '26885628de402925b9c3c22d7656f7346273d8f0' }), index.h("div", { key: '88dc46995e2dcd8bbfb950ec61c8d34f0cc4796e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '306b1b0406f96612693b9425cb06bf9a9f973b5e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '51185b096760187f4c59abd3fa7ac1a2e780ada8', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '50bff81067a2419d8b1dacc33a66d23bc588eff5', name: "suffix" })));
+            tabIndex: -1 }, index.h("div", { key: 'aafe7ed5791b67c318da9364c7fb559ef4f04181', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '5adf884a636b77b59ef754b516faa2cdf21335d2', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '6a13acfb507a9deed50aa0f8c942b7ab0f433930', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '32b68bb2bd9325768883b4daf0d02c62b1586449' }), index.h("div", { key: 'b3bca0d9e7ecd37a013a85d3335dde3de7e92498', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '109943c07085dba58be5707ccfb0b3750f5e3f4c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'e2787a59e75ca018885a9b72d4fc1dd441128b0d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '45420616670bdb1ae9c1aa31de550172771266c2', name: "suffix" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -484,7 +484,7 @@ const Picker = class {
         this.emitInputModeChange();
     }
     render() {
-        return (index.h(index.Host, { key: 'da5dd5dfb6437fb6cb0222402f9b86f4188c5340', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: '18f1d5c23dd8e6e374a352d2f94ed3db4aa38204', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        return (index.h(index.Host, { key: 'a047c3bbf43c08690c5047e2149cc0b440d72053', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: '78f0d43ce8db740daddc61ccee7af118befe8a21', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -499,7 +499,7 @@ const Picker = class {
                 if (ev.key === 'Enter') {
                     (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
                 }
-            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: 'f8a11fcbef344920e2135977c9750678bc355ff9', class: "picker-before" }), index.h("div", { key: '7325b4ad960b75e1d31d321a85737fc0ece9f9df', class: "picker-after" }), index.h("div", { key: 'c256888d1c4f53566ea9daa656fb30f037d8263d', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: 'c016a6e89651774adc819dbfb08a3415127aa8e9' })));
+            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: 'ed00f7b349280c5ee41d15f780ce5fb69cc2453a', class: "picker-before" }), index.h("div", { key: '02c6bbcdd3329c6fdf79cd1fb51b5768e9b22711', class: "picker-after" }), index.h("div", { key: 'c637f147c7845fc026abb6d620adfdffd805d7e4', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: '619120374f0034128b2c3232c5cfdc39fb34609e' })));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

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

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

@@ -123,7 +123,7 @@ const Radio = class {
         const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
         const mode = ionicGlobal.getIonMode(this);
         const inItem = theme.hostContext('ion-item', el);
-        return (index.h(index.Host, { key: '1f7619e05654988ff72423f98a809015393ce6d8', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'e9fe7969b6700228a0214dd6a532bf0633fccaa7', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
                 [mode]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -134,10 +134,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: '61fed6e73ad342a80e5667e83c8706826b957170', class: "radio-wrapper" }, index.h("div", { key: '1f9313920d8c02ca995a361407aa7431ffa695bd', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: '5c6329195a622e2d478382d893904a50bf92852e', class: "radio-wrapper" }, index.h("div", { key: '3e9584758ad0121c846ad4142273debd7685e13d', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, index.h("slot", { key: '3bfaf80b494ef4c259d1b6c6960f0583ffa065b4' })), index.h("div", { key: '00c4aea6ca76fb080fd684b6877c8323ff9c80bd', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, index.h("slot", { key: '59768ea8d56a347be1cef5afdec0f5c447cdc673' })), index.h("div", { key: 'd5b7e6cb933a7fd6b4ea32c2c0366cdf6cc524ab', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -302,7 +302,7 @@ const RadioGroup = class {
         const { label, labelId, el, name, value } = this;
         const mode = ionicGlobal.getIonMode(this);
         helpers.renderHiddenInput(true, el, name, value, false);
-        return index.h(index.Host, { key: '61409ef532b6d027fb134ee548a7b696acd21063', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
+        return index.h(index.Host, { key: 'c2e097642c00535aab791f7bb2672059211ca822', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -607,7 +607,7 @@ const Range = class {
         const needsEndAdjustment = inItem && !hasEndContent;
         const mode = ionicGlobal.getIonMode(this);
         helpers.renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (index.h(index.Host, { key: '2d286a82e73559f43493731b9c7581eb87b4a753', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '454a0ddaad56c5f59394ca55bcd9d8de0fd77247', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -616,10 +616,10 @@ const Range = class {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, index.h("label", { key: '01ab29b6aee2c74f865e7e50aa735471decccb94', class: "range-wrapper", id: "range-label" }, index.h("div", { key: '4f7b15d46f197c8d0e8a7dc9e7919feda36ffd8e', class: {
+            }) }, index.h("label", { key: 'b8649fece7c94a9a41722a2960f070c6f4e7312a', class: "range-wrapper", id: "range-label" }, index.h("div", { key: 'df15bccc14bb6718a7f31b825a1ec50bf535d0e5', 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: 'd5f0e64c957b0c2d59f4305c6ba1c2bf4906b525', class: "native-wrapper" }, index.h("slot", { key: '8ae6c8cd4b93397c619076a15a4e76eb80f8d581', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: '7234e46f2936c9865968fb33367508703849962b', name: "end" })))));
+            }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '2e5c7ab3cfc8665222d43e13834e69599a0f68a7', class: "native-wrapper" }, index.h("slot", { key: '472bc27d58ad3402ee71f6eccec3750f6932e72f', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: 'a8ce8714b235c510cf2aace2002c79234642dcfc', name: "end" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {