@ionic/core 8.3.3-dev.11729027182.11415d7b → 8.3.3-dev.11729027747.1d05ced8

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

@@ -81,7 +81,7 @@ const App = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: 'e95cdeb2709edbc74f4e6ebf77cb110154605b72', class: {
+        return (h(Host, { key: '037d45fe1656a87409c1922c774e659ec32e8fd0', class: {
                 [mode]: true,
                 'ion-page': true,
                 'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
@@ -131,10 +131,10 @@ const Buttons = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '4e5ce9abb3f56e8c91e3eb58c2819300e61eba24', class: {
+        return (h(Host, { key: '793b8c75a70119f7a8509925651534fb8cd4cc57', class: {
                 [mode]: true,
                 ['buttons-collapse']: this.collapse,
-            } }, h("slot", { key: 'f2f360ec888b6e946b512fed07431fab47c61482' })));
+            } }, h("slot", { key: 'c6734e44e32a5591ba8ea34a0f30f4908a3e70c9' })));
     }
 };
 Buttons.style = {
@@ -475,7 +475,7 @@ const Content = class {
         const forceOverscroll = this.shouldForceOverscroll();
         const transitionShadow = mode === 'ios';
         this.resize();
-        return (h(Host, Object.assign({ key: '92a7cbc2e9c812930f4231bd846411933a5dded6', role: isMainContent ? 'main' : undefined, class: createColorClasses(this.color, {
+        return (h(Host, Object.assign({ key: '717c11415acdbd0da1c1d86c2f3757d1c7a8ea65', role: isMainContent ? 'main' : undefined, class: createColorClasses(this.color, {
                 [mode]: true,
                 'content-sizing': hostContext('ion-popover', this.el),
                 overscroll: forceOverscroll,
@@ -483,12 +483,12 @@ const Content = class {
             }), style: {
                 '--offset-top': `${this.cTop}px`,
                 '--offset-bottom': `${this.cBottom}px`,
-            } }, inheritedAttributes), h("div", { key: '52498d8874b9944b8245e448ea9dfc75b3929c2d', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? h("slot", { name: "fixed" }) : null, h("div", { key: '00e157a53485b285300404178436276afceb63f5', class: {
+            } }, inheritedAttributes), h("div", { key: 'ad0ae962f571673976adc4659a027d608cc4a260', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? h("slot", { name: "fixed" }) : null, h("div", { key: 'a5681f4e0fa66cbc8ed677aec7d6163d0274b465', class: {
                 'inner-scroll': true,
                 'scroll-x': scrollX,
                 'scroll-y': scrollY,
                 overscroll: (scrollX || scrollY) && forceOverscroll,
-            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, h("slot", { key: '8522320514a2e8a63f7dc9ade6c1fb3fb00f454e' })), transitionShadow ? (h("div", { class: "transition-effect" }, h("div", { class: "transition-cover" }), h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? h("slot", { name: "fixed" }) : null));
+            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, h("slot", { key: '81dc159f6dc9267cc5c8f899334fec9db6696a39' })), transitionShadow ? (h("div", { class: "transition-effect" }, h("div", { class: "transition-cover" }), h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? h("slot", { name: "fixed" }) : null));
     }
     get el() { return getElement(this); }
 };
@@ -656,7 +656,7 @@ const Footer = class {
         const mode = getIonMode(this);
         const tabs = this.el.closest('ion-tabs');
         const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
-        return (h(Host, { key: '5da19dc38ba73e1ddfd1bef3ebd485105d77c751', role: "contentinfo", class: {
+        return (h(Host, { key: 'cb3a32020d48e3260c18da2e518706a4a7930f26', role: "contentinfo", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`footer-${mode}`]: true,
@@ -664,7 +664,7 @@ const Footer = class {
                 [`footer-translucent-${mode}`]: translucent,
                 ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
-            } }, mode === 'ios' && translucent && h("div", { key: 'fafad08090a33d8c4e8a5b63d61929dcb89aab47', class: "footer-background" }), h("slot", { key: 'e0a443d346afa55e4317c0bc1263fdbe3c619559' })));
+            } }, mode === 'ios' && translucent && h("div", { key: '8f6f2c4594583ee34752950d4291c637accf9287', class: "footer-background" }), h("slot", { key: 'd37e786a045bec0fd06010627ffd27e8e78e754e' })));
     }
     get el() { return getElement(this); }
 };
@@ -986,14 +986,14 @@ const Header = class {
         const collapse = this.collapse || 'none';
         // banner role must be at top level, so remove role if inside a menu
         const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';
-        return (h(Host, Object.assign({ key: 'c687314ef290793a9d633ad20cfc5eeb47621e31', role: roleType, class: {
+        return (h(Host, Object.assign({ key: '4053b08038a245309f125bfcb697a84ef52ab5e5', role: roleType, class: {
                 [mode]: true,
                 // Used internally for styling
                 [`header-${mode}`]: true,
                 [`header-translucent`]: this.translucent,
                 [`header-collapse-${collapse}`]: true,
                 [`header-translucent-${mode}`]: this.translucent,
-            } }, inheritedAttributes), mode === 'ios' && translucent && h("div", { key: 'b429996046082405a91e7c23f95516db0b736f12', class: "header-background" }), h("slot", { key: 'e17a8965f8d3a33c1bfcb056c153d8242e5229fa' })));
+            } }, inheritedAttributes), mode === 'ios' && translucent && h("div", { key: '551cf9d1e76ee4331dd36ab45f9200bdb7fe95ea', class: "header-background" }), h("slot", { key: '29360e44e184ac8a9f0f926166c34474c9acba55' })));
     }
     get el() { return getElement(this); }
 };
@@ -1177,7 +1177,7 @@ const RouterOutlet = class {
         return true;
     }
     render() {
-        return h("slot", { key: '8279a453c66a766e6e383ff59842b4ae070c13a9' });
+        return h("slot", { key: 'a1247f129b8870ff4f4183c79ab374f310a76352' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1217,11 +1217,11 @@ const ToolbarTitle = class {
     render() {
         const mode = getIonMode(this);
         const size = this.getSize();
-        return (h(Host, { key: '5a58dc437a6f4257244bbdd7e9a682a17d8c9a6b', class: createColorClasses(this.color, {
+        return (h(Host, { key: '76a120f45fe6bedbe761e85e390b53c5dc8f30a2', class: createColorClasses(this.color, {
                 [mode]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, h("div", { key: '58682ea7b8f47a08adfad419b5c76b34784c6501', class: "toolbar-title" }, h("slot", { key: '8a9248534e4c3076f5e2dfda38ef86069796851c' }))));
+            }) }, h("div", { key: 'a7f3bd0a060f7ffc8aef7a150ed4d616d845fa74', class: "toolbar-title" }, h("slot", { key: '3d60b9f35d6a50f6508053bc354890c4f64fa6d5' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1289,10 +1289,10 @@ const Toolbar = class {
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (h(Host, { key: '4bb3a55001408a3bdf033af76b9196cb96c07c09', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
+        return (h(Host, { key: '7bcb85a3928cbce60c1731b526fa4a4dae7b3ac7', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
                 [mode]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })) }, h("div", { key: '0891db157d6e028c6d03696f13fb510ea91b0296', class: "toolbar-background" }), h("div", { key: '95fbc870d808f74af4bb18cd8f8ec8c7828a9e0b', class: "toolbar-container" }, h("slot", { key: '84d4a9644660fe00ca085055ca8d12f3647531ad', name: "start" }), h("slot", { key: 'fd361dc9c9979f59aed2fedcf94629506fae62b0', name: "secondary" }), h("div", { key: '54d2b28616a4627c55766f66dc453707752758a6', class: "toolbar-content" }, h("slot", { key: '8f65e0830cce7135640b90eb694e282cb7e5efd2' })), h("slot", { key: 'c78be11a207c8674f222543646398636956087e6', name: "primary" }), h("slot", { key: 'ab25e1601ccaa8cb0d81921b849bcb7402aa7826', name: "end" }))));
+            })) }, h("div", { key: 'cbcbec3b11975dc72ce6fdf11a4a3c6a0c645073', class: "toolbar-background" }), h("div", { key: '4716951b9736c933206284e1e34eebe1507f896c', class: "toolbar-container" }, h("slot", { key: '890a8d114ebb2b9a0c364d48425a2c82248c08f7', name: "start" }), h("slot", { key: 'dc856f55f7fb412274edeec64d1bbe6be109abd0', name: "secondary" }), h("div", { key: '5b67e95c3bbda910c94da2527465c6824d61a8a6', class: "toolbar-content" }, h("slot", { key: '5e19b792aa970797d08430666b14a2cd30af87e3' })), h("slot", { key: 'bc8795cfee8af3cc4923e5df6351bc7e1ddbb4e4', name: "primary" }), h("slot", { key: '33e6f54d4d6db6307a3b639a34e952bc00403620', name: "end" }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const Avatar = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'dc1e3cd535e419eebe5599574fd2393ebfde8bbc', class: getIonMode(this) }, h("slot", { key: 'edb8441c063ea592b41345ea97d88ecd90cb3052' })));
+        return (h(Host, { key: '95d7ca334f9b66e0983cbc1b782ded0b9a54eaa9', class: getIonMode(this) }, h("slot", { key: '011d20189acdb03bee328aa4fa0511826a0b3a36' })));
     }
 };
 Avatar.style = {
@@ -37,9 +37,9 @@ const Badge = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '1253618692342bcf9487188402dc3d49ae0de480', class: createColorClasses(this.color, {
+        return (h(Host, { key: '2e051a2a6beddbd8d13f70f9e42afbcafd43a19b', class: createColorClasses(this.color, {
                 [mode]: true,
-            }) }, h("slot", { key: '71d65e203965ea37b94504a8a0a96beb52d4e356' })));
+            }) }, h("slot", { key: 'e0f4f0e39d2037d4bd85a351b5ff94cf84e233ce' })));
     }
 };
 Badge.style = {
@@ -55,7 +55,7 @@ const Thumbnail = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'ea55000055f941b0c79561e8934be6242ec8e114', class: getIonMode(this) }, h("slot", { key: 'a4f934f442797f5c66a77e0ef8920fdd07c204f2' })));
+        return (h(Host, { key: '7d0d0ecb46ea49d34da58724d546db9ffb768b4a', class: getIonMode(this) }, h("slot", { key: 'df6831c030f57b254ceeaf43bd0c90e06915b161' })));
     }
 };
 Thumbnail.style = IonThumbnailStyle0;

package/dist/esm/ion-back-button.entry.js

@@ -72,7 +72,7 @@ const BackButton = class {
         const showBackButton = defaultHref !== undefined;
         const mode = getIonMode(this);
         const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
-        return (h(Host, { key: '8351c93a1812c94c979fb115f07a9ad7b3152188', onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: '175fff2d7a41d2deaaf7b781c5ba2aac9311ebf4', onClick: this.onClick, class: createColorClasses(color, {
                 [mode]: true,
                 button: true, // ion-buttons target .button
                 'back-button-disabled': disabled,
@@ -82,7 +82,7 @@ const BackButton = class {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 'show-back-button': showBackButton,
-            }) }, h("button", { key: '991b8baa784dbfbdf8d3581cbbf6a858ac1f1e6e', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, h("span", { key: '929fcd83a4fdb00cf97ca803f234719171602a5e', class: "button-inner" }, backButtonIcon && (h("ion-icon", { key: '0c10d412ae8342d96f221e626b421c9abadac748', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (h("span", { key: '96f505880a80f36ee8b8c78268b450f3629ee613', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && h("ion-ripple-effect", { key: '0aecf5d415c608069eb1a10043530bd0929b6383', type: this.rippleType }))));
+            }) }, h("button", { key: '59fe30c167ea82e2431e45d46060a01bcb2aea77', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, h("span", { key: '3d704fb7ef001446361e7a09d43763a771b242b9', class: "button-inner" }, backButtonIcon && (h("ion-icon", { key: '5e8d4d811cacecdce053bed29badce0da30b9264', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (h("span", { key: '879d2fb636eb961729cd09e87d0169b91b4dc32a', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && h("ion-ripple-effect", { key: 'd74fad653be6ce0958720ce9a9c6939790878102', type: this.rippleType }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -32,7 +32,7 @@ const Backdrop = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: 'c803b4302c8e722064feb03dafe3cb6e190b4f2b', tabindex: "-1", "aria-hidden": "true", class: {
+        return (h(Host, { key: '604b6a7b73c3d1fca9590fe81b3a29230e94526b', tabindex: "-1", "aria-hidden": "true", class: {
                 [mode]: true,
                 'backdrop-hide': !this.visible,
                 'backdrop-no-tappable': !this.tappable,

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

@@ -68,7 +68,7 @@ const Breadcrumb = class {
         // to show the separator as long as it isn't also the last breadcrumb
         // otherwise if not collapsed use the value in separator
         const showSeparator = last ? false : collapsed ? (showCollapsedIndicator && !last ? true : false) : separator;
-        return (h(Host, { key: 'dfe55ad57f23e5da5f2e2c51fea99964812472e3', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '236916d7f0d7862c821ea2c82e8d679722fee649', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
                 [mode]: true,
                 'breadcrumb-active': active,
                 'breadcrumb-collapsed': collapsed,
@@ -78,15 +78,15 @@ const Breadcrumb = class {
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': clickable,
                 'ion-focusable': clickable,
-            }) }, h(TagType, Object.assign({ key: 'e361b1f0e7de6dd5c5dd4f6deae72c2c8210466d' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("slot", { key: '9daeb45a8a28c89f3ad5751f71b8412197846371', name: "start" }), h("slot", { key: '4849e63cdffd6c712292745138b68730442c8b0d' }), h("slot", { key: '6edf9bac5aec06ccec2844efac2d9afa1d24cf57', name: "end" })), showCollapsedIndicator && (h("button", { key: 'de7f5faea75b44011b289d259265e2435a65874f', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
+            }) }, h(TagType, Object.assign({ key: 'e9c72683c6c13aa9994120b486e0c828d9f06f0f' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("slot", { key: '4826849732bbbe560678c3218959424a17264dcb', name: "start" }), h("slot", { key: '4c2d78d38c0204812c8029f7273de20d2712db9b' }), h("slot", { key: '8492e5e1071904183936c1afd8acc4af6e115e67', name: "end" })), showCollapsedIndicator && (h("button", { key: '848225f188b0955661a8d992829eb3ac08d8894c', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
                 'breadcrumbs-collapsed-indicator': true,
-            } }, h("ion-icon", { key: '957d8851af9c99dda263f34eff0b35a0fc212c32', "aria-hidden": "true", icon: ellipsisHorizontal, lazy: false }))), showSeparator && (
+            } }, h("ion-icon", { key: 'f8392f4fc818eb876f143bd6a3293e337e3b538f', "aria-hidden": "true", icon: ellipsisHorizontal, lazy: false }))), showSeparator && (
         /**
          * Separators should not be announced by narrators.
          * We add aria-hidden on the span so that this applies
          * to any custom separators too.
          */
-        h("span", { key: '97d646c37c4c41ad6b12c3a543d1146fde06fc9a', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, h("slot", { key: '0429f671a986f2d7be1b1b69fc879e80806d2916', name: "separator" }, mode === 'ios' ? (h("ion-icon", { icon: chevronForwardOutline, lazy: false, "flip-rtl": true })) : (h("span", null, "/")))))));
+        h("span", { key: '6c432e80a61682211599010ac452b8c14ca66819', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, h("slot", { key: 'eb38b2db91a9406fb123f9132025e68b561f2f33', name: "separator" }, mode === 'ios' ? (h("ion-icon", { icon: chevronForwardOutline, lazy: false, "flip-rtl": true })) : (h("span", null, "/")))))));
     }
     get el() { return getElement(this); }
 };
@@ -200,12 +200,12 @@ const Breadcrumbs = class {
     render() {
         const { color, collapsed } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: '18ffba1642f10cc2bc31440e84f23aa6f042e501', class: createColorClasses(color, {
+        return (h(Host, { key: '17d8cf4ef471b39787b0054974c8ded3bb7c63d7', class: createColorClasses(color, {
                 [mode]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'breadcrumbs-collapsed': collapsed,
-            }) }, h("slot", { key: '3db6d31590e3047889ce554d57d155c8ea2e1455', onSlotchange: this.slotChanged })));
+            }) }, h("slot", { key: '3b1fe0730d5c8c76e95af181c92ea99c3f924d38', onSlotchange: this.slotChanged })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -343,7 +343,7 @@ const Button = class {
         {
             type !== 'button' && this.renderHiddenButton();
         }
-        return (h(Host, { key: '8f3a0363d46ef888d22b0b0812c70cb4f79e6efa', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
+        return (h(Host, { key: '5b7ed17b35c2573be0afc558e6b02674e9e26167', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
                 [mode]: true,
                 [buttonType]: true,
                 [`${buttonType}-${expand}`]: expand !== undefined,
@@ -358,7 +358,7 @@ const Button = class {
                 'button-disabled': disabled,
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, h(TagType, Object.assign({ key: 'a517c7d06aab15ad4c2a51b8ec224c1aeb4ed565' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("span", { key: '127c26dd97c0bf5097433df77df7313d59784899', class: "button-inner" }, h("slot", { key: '39d9a9cad8e1addbe63406062e555e05c2cb541b', name: "icon-only", onSlotchange: this.slotChanged }), h("slot", { key: 'cfdebdd89155c6c21eb80e51e06456a3a6d877e0', name: "start" }), h("slot", { key: 'eac497e0f97ab55baa834ae23155d89b0f7069c6' }), h("slot", { key: 'c99f7900f8856b32a0b4ac11092d461f5e9a1109', name: "end" })), mode === 'md' && h("ion-ripple-effect", { key: 'c681edb0480879fbd801575f2233f6e118898638', type: this.rippleType }))));
+            }) }, h(TagType, Object.assign({ key: '966a458dc3467224af4642ed4f3d5324a6be55fb' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("span", { key: 'c80be7023eedf773cf912bcd02567fd9f1f847b0', class: "button-inner" }, h("slot", { key: '8bbe6295280630a36b4e2f10831c15a1128a8195', name: "icon-only", onSlotchange: this.slotChanged }), h("slot", { key: '5d9599da2602fb9ddaf680deacacbf199a71c74f', name: "start" }), h("slot", { key: 'e67f2a02eb60c84954293b4613670c48d24463be' }), h("slot", { key: '01c49f68100aace088f61e10e364314ed830d8ad', name: "end" })), mode === 'md' && h("ion-ripple-effect", { key: 'de1a6308dc2c1add2b5191257d532a3960d7e806', type: this.rippleType }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -52,7 +52,7 @@ const Card = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '8584300522f382ee8891c039d71da82533dfa36a', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'a8fbab81cdc15f33c58df20df1da2b58d196fa06', class: createColorClasses(this.color, {
                 [mode]: true,
                 'card-disabled': this.disabled,
                 'ion-activatable': this.isClickable(),
@@ -77,7 +77,7 @@ const CardContent = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '2a2d0b48aad4b83990a1748fce60e772514eb223', class: {
+        return (h(Host, { key: '065710efda5c54032a7612bc8469c46a39b9c246', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`card-content-${mode}`]: true,
@@ -103,11 +103,11 @@ const CardHeader = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '18d12507ec6e650a72d721e9d0f4128b5e86df1d', class: createColorClasses(this.color, {
+        return (h(Host, { key: '20cf862f9c2410fa1be97d17e43b726c4b006f6c', class: createColorClasses(this.color, {
                 'card-header-translucent': this.translucent,
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, h("slot", { key: '3374c087d8c3f014082787e255432e7a335ef44f' })));
+            }) }, h("slot", { key: '40a4b2a04d02969e6cdf328cbb7ee9d77e6d4fce' })));
     }
 };
 CardHeader.style = {
@@ -128,10 +128,10 @@ const CardSubtitle = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: 'cbcb01bd01cf6de64a0b04fb626e42b07ceb8f53', role: "heading", "aria-level": "3", class: createColorClasses(this.color, {
+        return (h(Host, { key: 'da15ebf9caf9015fc2a8b0f5fd5cbc40a424d85a', role: "heading", "aria-level": "3", class: createColorClasses(this.color, {
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, h("slot", { key: 'cbcaa73aa5799882c48d6c0aabfb13651bcc91c0' })));
+            }) }, h("slot", { key: '24e5a0396f518ec710cc6537d851924d31370309' })));
     }
 };
 CardSubtitle.style = {
@@ -152,10 +152,10 @@ const CardTitle = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: 'f904a0ca6489f147d03c9c5f9f2c5549cdb38d1a', role: "heading", "aria-level": "2", class: createColorClasses(this.color, {
+        return (h(Host, { key: '7a3c9120461b994de29124eb5ae2f14a995e15da', role: "heading", "aria-level": "2", class: createColorClasses(this.color, {
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, h("slot", { key: 'effb921de4ad8dfbbe318b3f692f4005812da7b1' })));
+            }) }, h("slot", { key: '548998a695d0b6abed8f6bf43201635744cc8540' })));
     }
 };
 CardTitle.style = {

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

@@ -74,7 +74,7 @@ const Checkbox = class {
         const mode = getIonMode(this);
         const path = getSVGPath(mode, indeterminate);
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { key: 'd7a07fbf130413eaa4622c07786e8a00723113eb', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses(color, {
+        return (h(Host, { key: '874fedc923ef2fb15c07936762bf05745424821a', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses(color, {
                 [mode]: true,
                 'in-item': hostContext('ion-item', el),
                 'checkbox-checked': checked,
@@ -84,10 +84,10 @@ const Checkbox = class {
                 [`checkbox-justify-${justify}`]: justify !== undefined,
                 [`checkbox-alignment-${alignment}`]: alignment !== undefined,
                 [`checkbox-label-placement-${labelPlacement}`]: true,
-            }), onClick: this.onClick }, h("label", { key: '99797589ed4ea7cbac53531c85b2d4a2dcd568c4', class: "checkbox-wrapper" }, h("input", Object.assign({ key: 'cc12fe7920ab23c6f21546f7b312b8f1f5671349', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), h("div", { key: '1b087f061da5abca6129d372503d8882b77e24be', class: {
+            }), onClick: this.onClick }, h("label", { key: '0c316771e228f62d10650e5cf7deb836710adca6', class: "checkbox-wrapper" }, h("input", Object.assign({ key: '7fb76d00d9d1d7923a8bac2494f395cd9e0445de', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), h("div", { key: 'ac5980854ea3745ad41c6c739b3ece258b28ba4f', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': el.textContent === '',
-            }, part: "label" }, h("slot", { key: 'bc84274c826fa1db1207230aa03bf5790afe2992' })), h("div", { key: '89e9396dc9215804bd8ac42e943a292d050ef8c5', class: "native-wrapper" }, h("svg", { key: '2aafac248c639074faaf17044d8d9204474a9b7b', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
+            }, part: "label" }, h("slot", { key: 'caadcf425702d54d99c4fb97c97a85b8733edf78' })), h("div", { key: 'b3b2fb8530f308b05e37413e225e3ca0a5ff2c44', class: "native-wrapper" }, h("svg", { key: '3e9d490777e4c0bea9132fafe6cca4ae97477eee', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
     }
     getSVGPath(mode, indeterminate) {
         let path = indeterminate ? (h("path", { d: "M6 12L18 12", part: "mark" })) : (h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));

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

@@ -20,12 +20,12 @@ const Chip = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '7dd923c1b28d1eb1efa348f66f49cec067645af9', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
+        return (h(Host, { key: '7e3a88e481f815b79e8f2eeb00f2153234d29386', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
                 [mode]: true,
                 'chip-outline': this.outline,
                 'chip-disabled': this.disabled,
                 'ion-activatable': true,
-            }) }, h("slot", { key: '7ede838bf109dc27a898ee2dcdeabc3f439c8e6f' }), mode === 'md' && h("ion-ripple-effect", { key: '5acb073029544e73fcc0db4cc4e661ec1df4d231' })));
+            }) }, h("slot", { key: 'e557aabdc64c4bd8bcb88a92d89dee801795f838' }), mode === 'md' && h("ion-ripple-effect", { key: '2004d108c63d179287230d28638957a838ef880e' })));
     }
 };
 Chip.style = {

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

@@ -136,9 +136,9 @@ const Col = class {
     render() {
         const isRTL = document.dir === 'rtl';
         const mode = getIonMode(this);
-        return (h(Host, { key: 'c37fa4c4c993385ccbb6f4e89b2f390b140507a0', class: {
+        return (h(Host, { key: '897a97e0ac15bab594463e9a5d75f446378c5916', class: {
                 [mode]: true,
-            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", { key: '6a5296ff0b9dee6600c2dafe7363a065d053bac2' })));
+            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", { key: '04642f36a0583b81c1eb0aa346991c72f2c75001' })));
     }
 };
 Col.style = IonColStyle0;
@@ -153,10 +153,10 @@ const Grid = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '930ce78b02f8360fbca08a35d364d2c09128c6c8', class: {
+        return (h(Host, { key: 'f2194ede3623545d366468a30704765e289fb00d', class: {
                 [mode]: true,
                 'grid-fixed': this.fixed,
-            } }, h("slot", { key: 'c47bf7ef2197f5ebc42d3e2c55044276fb0db393' })));
+            } }, h("slot", { key: '4052880901245cda5dd82a5c452e7dd3e02ab7fd' })));
     }
 };
 Grid.style = IonGridStyle0;
@@ -169,7 +169,7 @@ const Row = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '813c9a7f6782d2cf8eb27f30d3ab28e6f3122868', class: getIonMode(this) }, h("slot", { key: '356bec4d4d408ea63d6b431b06465d5b7bcbff71' })));
+        return (h(Host, { key: 'f9f4d3c89addc79724792514644c24525cc3e736', class: getIonMode(this) }, h("slot", { key: 'a1f5d3f68784e8624c95508daa021b90395d6a22' })));
     }
 };
 Row.style = IonRowStyle0;

package/dist/esm/ion-datetime-button.entry.js

@@ -334,11 +334,11 @@ const DatetimeButton = class {
     render() {
         const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: '0be955404133adbb31ae16a6599014bb29765f19', class: createColorClasses(color, {
+        return (h(Host, { key: 'c1e3da705c6a00d9606ec966066e8126e9880b17', class: createColorClasses(color, {
                 [mode]: true,
                 [`${selectedButton}-active`]: datetimeActive,
                 ['datetime-button-disabled']: disabled,
-            }) }, dateText && (h("button", { key: '812dcb50b17768cc13a5cfa0bcce8b113cee0f09', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, h("slot", { key: '46930c740a32a78502df9e651f9bd5914d6a9fea', name: "date-target" }, dateText), mode === 'md' && h("ion-ripple-effect", { key: '0602999cc8435dc37aa22da7f5531bc8cb71e1b4' }))), timeText && (h("button", { key: 'ecdd21da5181ecbdce03209f9f6673b7dcbc1f78', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, h("slot", { key: 'b5b093b5166d12d11e27360788edaac916d44390', name: "time-target" }, timeText), mode === 'md' && h("ion-ripple-effect", { key: '70bb3a04f4748d13233eeb257503968dbd1161a9' })))));
+            }) }, dateText && (h("button", { key: '26752763bc400fb9c1fcad988001304ba1540152', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, h("slot", { key: '8594e0acf504fb28f66cee325b94d03d64c72285', name: "date-target" }, dateText), mode === 'md' && h("ion-ripple-effect", { key: 'de91cd8625f4522736d5c7366f0d4289a4340086' }))), timeText && (h("button", { key: '03d5d4132c3653514a0e55ca2b06e56681a846bf', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, h("slot", { key: 'bc8b46650926f4db676832cebdd7aaf30d84a1e9', name: "time-target" }, timeText), mode === 'md' && h("ion-ripple-effect", { key: 'fcaceadaddab045a816739b7a4588fdd46228af2' })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1759,7 +1759,7 @@ const Datetime = class {
         const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
         const hasWheelVariant = hasDatePresentation && preferWheel;
         renderHiddenInput(true, el, name, formatValue(value), disabled);
-        return (h(Host, { key: '2933ce5caaeb21a633b1ec4d936e86b0f0890807', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
+        return (h(Host, { key: 'c968c01a9fe0b4b2e7168ada6579f0b504f213c1', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
                 [mode]: true,
                 ['datetime-readonly']: readonly,
                 ['datetime-disabled']: disabled,
@@ -1769,7 +1769,7 @@ const Datetime = class {
                 [`datetime-size-${size}`]: true,
                 [`datetime-prefer-wheel`]: hasWheelVariant,
                 [`datetime-grid`]: isGridStyle,
-            })) }, h("div", { key: '0efc9ef0aa1a29234412b2eddf5d7ff899b7543f', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
+            })) }, h("div", { key: '34c6576dcc6693b26c00d08eda2cf194f6a3cc46', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -2026,11 +2026,11 @@ const Picker = class {
     render() {
         const { htmlAttributes } = this;
         const mode = getIonMode(this);
-        return (h(Host, Object.assign({ key: '3b163ca87354a3a4f302ff016d5affd0dc97bccc', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '8a6fbaba4b5b1e1c25dc500c12279e8e6da7bc81', "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 }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: 'da4224447bdbcfbadd1bd63ebe7a7bfdb8aa3129', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '211475c859b7acf4d64556905c45993201d92d43', tabindex: "0" }), h("div", { key: 'c3b3674038155809caea84ae6348ff0d66897a64', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: 'a21757da70dc7864945a5751d9da3ca4bf87897b', 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: '0220da1854d09ef22d2d9a32eaa3c3b222be5a0a', class: "picker-columns" }, h("div", { key: '55757c165ba9e38e56b4dee76a9b13d3ff8b21e6', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: '160092a46a48287bf75e5dfe3502f1755a2d0c70', class: "picker-below-highlight" }))), h("div", { key: 'e212db6cca7d75fc0eda0baf4312dd51b9b7a4ef', tabindex: "0" })));
+                [`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: '18c21f02bc11f7036e128556c7625745fdd5fca5', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '848a54b270802ac8562a6e10ab16ccb64032e6f5', tabindex: "0" }), h("div", { key: 'ac70a708843f692920fa7152b15e60cdd43c9d3f', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: '3e23b0b06e9e5cb35e92d54152af5da3675788df', 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: '9ed2e90944e13ce3f3def7d2633c624ba80c386f', class: "picker-columns" }, h("div", { key: '60469764c9ece9b807a407fc7f3bb1ec1a89feea', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: '73f76b64b8dd8479624c8ea571b724a643e7dc86', class: "picker-below-highlight" }))), h("div", { key: 'dbf7f2f16f01d89bdae0446c1eaa76cb3d30907a', tabindex: "0" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -2387,9 +2387,9 @@ const PickerColumnCmp = class {
     render() {
         const col = this.col;
         const mode = getIonMode(this);
-        return (h(Host, { key: '56289a294e5c580f3e7fe5fc12777aa7f80ad19b', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
+        return (h(Host, { key: '0d919e35ebc1d66b8548b180cc0d853e43c49cf0', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
                 'max-width': this.col.columnWidth,
-            } }, col.prefix && (h("div", { key: 'd21f44667b5df567d6879723fe643ea7c2c60bef', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: 'bb427e5f24fd832703926e0e847ad05567597262', 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: '0413f7c074b6534b8967387ecb9957a79a267aff', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (h("div", { key: '3c3b1fabf798fca9605f5d2fd0b921df2605b529', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '8f2f88a4db95dcea39dd050f70e85ed9a63ed148', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { key: '943b3f0ebd9be83f508052cf5255a4155263c85e', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -55,12 +55,12 @@ const Fab = class {
     render() {
         const { horizontal, vertical, edge } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: 'cb44cf6486b0a6439b99da87c065b0b52e2514f4', class: {
+        return (h(Host, { key: '6e92fa00d624e6bd249b5852994e8632aa2fd570', class: {
                 [mode]: true,
                 [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
                 [`fab-vertical-${vertical}`]: vertical !== undefined,
                 'fab-edge': edge,
-            } }, h("slot", { key: '1ed484c7ecb10cd81fbca9a4f5c4049bf82f9f8a' })));
+            } }, h("slot", { key: '93dc7aa5cc9857d5278cda2819a4fd4f7aff8c9c' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -129,7 +129,7 @@ const FabButton = class {
                 rel: this.rel,
                 target: this.target,
             };
-        return (h(Host, { key: 'eb347f7d6749c40637540d84778eb8d1b667a947', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: 'da42d7adc23bd03a4f9b1b16bac96179e0b98edc', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
                 [mode]: true,
                 'fab-button-in-list': inList,
                 'fab-button-translucent-in-list': inList && translucent,
@@ -140,7 +140,7 @@ const FabButton = class {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 [`fab-button-${size}`]: size !== undefined,
-            }) }, h(TagType, Object.assign({ key: '83e853c8815f41543c848eb2e05ec2bb1716110a' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), h("ion-icon", { key: '798deede94de658e4345acf7c2aafe2ab2567b0b', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), h("span", { key: '99252fde6de1aca73fc240a6da7e29acac9acb18', class: "button-inner" }, h("slot", { key: 'dc73e9b41bf1f0e385e5784f975dfb81e37c8dfb' })), mode === 'md' && h("ion-ripple-effect", { key: '8413e162f44a0350f54dff06cff7aad101de3549' }))));
+            }) }, h(TagType, Object.assign({ key: 'f0e62e3f469c05ba7e7fe0ee9315d0d131d46bca' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), h("ion-icon", { key: '5df29d68f977902c650579161662db7e01ebedf5', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), h("span", { key: '451794c3a2f4cd34c7250bc950d21d9839ce9d97', class: "button-inner" }, h("slot", { key: '636042b9532a4035d7ebaf94ec5ba64cf8e5ffbb' })), mode === 'md' && h("ion-ripple-effect", { key: '00f80c424536a011cbbdbb7ad079a464c160835b' }))));
     }
     get el() { return getElement(this); }
 };
@@ -168,11 +168,11 @@ const FabList = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: 'fa1d195b9950654ba0e984bf61d981c977d05275', class: {
+        return (h(Host, { key: '94001f76326d3f8d5480f4b1be10c779a282e9fd', class: {
                 [mode]: true,
                 'fab-list-active': this.activated,
                 [`fab-list-side-${this.side}`]: true,
-            } }, h("slot", { key: '2ec738c66c05112e1e2521155d6adfc36d2fd1db' })));
+            } }, h("slot", { key: '6a31a954e2c0aab3afba31f30313a9394a8af94a' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -76,7 +76,7 @@ const Img = class {
     render() {
         const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
         const { draggable } = inheritedAttributes;
-        return (h(Host, { key: '14d24d65ec8e5522192ca58035264971b1ab883b', class: getIonMode(this) }, h("img", { key: '345ba155a5fdce5e66c397a599b7333d37d9cb1d', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
+        return (h(Host, { key: '0bf9dd6980a327fe9db56d20ee7d1cba3d24004e', class: getIonMode(this) }, h("img", { key: '41219b518d152a07ac9e6887338c6fc1f5bd62e3', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -176,7 +176,7 @@ const InfiniteScroll = class {
     render() {
         const mode = getIonMode(this);
         const disabled = this.disabled;
-        return (h(Host, { key: '1444429a86950c449953cbf578436cc8cabf40ec', class: {
+        return (h(Host, { key: '6ebf01d8e9abd5b0e6197a0c13436b587ffc9fe8', class: {
                 [mode]: true,
                 'infinite-scroll-loading': this.isLoading,
                 'infinite-scroll-enabled': !disabled,
@@ -218,11 +218,11 @@ const InfiniteScrollContent = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '060278bf9cb0321e182352f9613be4ebbb028259', class: {
+        return (h(Host, { key: 'c3ba9864511b2aedd4884fa631d59559f9086924', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`infinite-scroll-content-${mode}`]: true,
-            } }, h("div", { key: '07d3cada920145f979ad315bd187fb878e0c3da3', class: "infinite-loading" }, this.loadingSpinner && (h("div", { key: '6254f175d7543d09f3dd47cd0589a2809182cd8c', class: "infinite-loading-spinner" }, h("ion-spinner", { key: 'a6a816d1c65b60b786333b209b63492aa716a283', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
+            } }, h("div", { key: '4d9d40457fec317f32da1a4584895de867c88ba9', class: "infinite-loading" }, this.loadingSpinner && (h("div", { key: '9e8f364f6c66b53f5912c6c9437caa6cc52bd4d3', class: "infinite-loading-spinner" }, h("ion-spinner", { key: '457f34b169124457be68feff8e464466afc747b7', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
     }
 };
 InfiniteScrollContent.style = {

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

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

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

@@ -405,7 +405,7 @@ const Input = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (h(Host, { key: '907ce98a82b5cfae5a08504cd79e00a2330b7444', class: createColorClasses(this.color, {
+        return (h(Host, { key: '8fe11981fe29ec7042234e5f0a6821511e1a3ce2', class: createColorClasses(this.color, {
                 [mode]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -416,7 +416,7 @@ const Input = class {
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 'input-disabled': disabled,
-            }) }, h("label", { key: '59d5bb45d2a5b828bba0ed8687a632a551e2f4d8', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'f93f129d08246d0e9a601c100d718534d6403853', class: "native-wrapper" }, h("slot", { key: '54eeb1a6bace662b7eb0d7e27180ea3d7e3a3729', name: "start" }), h("input", Object.assign({ key: 'b3e0be55bc1a4a539ae3b0fdcf7fc078723cca16', 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 && (h("button", { key: '5f6373504a6d0d074bfbf875c794d45ea2748175', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
+            }) }, h("label", { key: 'f6bb09e3652a8b6f76e1a81775a193bd9bd0dca5', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'bfe2fb131b6d001c97d0524fecc55c299dc7b8e3', class: "native-wrapper" }, h("slot", { key: 'd0787327ae575f4cbac653be197c6aeb78b7b6ba', name: "start" }), 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 && (h("button", { key: 'cdee06c490a9c9a3777d691fd0b3f6744d751b77', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
@@ -431,7 +431,7 @@ const Input = class {
                  * for screen readers as it means users would be unable to swipe past the clear button.
                  */
                 ev.stopPropagation();
-            }, onClick: this.clearTextInput }, h("ion-icon", { key: '230d77973aa83458ceb32bf52e3abe9bc322cfe6', "aria-hidden": "true", icon: clearIconData }))), h("slot", { key: '9d69ac6e8a3c4b2b303dba2478f82695d5755ed2', name: "end" })), shouldRenderHighlight && h("div", { key: 'ac61f16237ce731e0745ab72d0fc3f066252464a', class: "input-highlight" })), this.renderBottomContent()));
+            }, onClick: this.clearTextInput }, h("ion-icon", { key: '8c813ac0b9dd3754b65fe928e5e55e11cb8ba06c', "aria-hidden": "true", icon: clearIconData }))), h("slot", { key: '6df110f7719f89f345e7b2d14e34ebaedf2a3ae9', name: "end" })), shouldRenderHighlight && h("div", { key: '6b544a470910f92825d83b4693272a5744b90c41', class: "input-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {