@ionic/core 8.3.3-dev.11729027182.11415d7b → 8.3.3-dev.11729113140.194d2c73

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

@@ -85,7 +85,7 @@ const App = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'e95cdeb2709edbc74f4e6ebf77cb110154605b72', class: {
+        return (index.h(index.Host, { key: '53472b607f7f38b30a6d1a7592da2125100011cf', class: {
                 [mode]: true,
                 'ion-page': true,
                 'force-statusbar-padding': ionicGlobal.config.getBoolean('_forceStatusbarPadding'),
@@ -135,10 +135,10 @@ const Buttons = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '4e5ce9abb3f56e8c91e3eb58c2819300e61eba24', class: {
+        return (index.h(index.Host, { key: 'cacb76b3b67aae673a764b3cbe03aaa8425f8ce5', class: {
                 [mode]: true,
                 ['buttons-collapse']: this.collapse,
-            } }, index.h("slot", { key: 'f2f360ec888b6e946b512fed07431fab47c61482' })));
+            } }, index.h("slot", { key: '16086adaa70b2dd47aa441a4d31cc2c3dcfd5412' })));
     }
 };
 Buttons.style = {
@@ -479,7 +479,7 @@ const Content = class {
         const forceOverscroll = this.shouldForceOverscroll();
         const transitionShadow = mode === 'ios';
         this.resize();
-        return (index.h(index.Host, Object.assign({ key: '92a7cbc2e9c812930f4231bd846411933a5dded6', role: isMainContent ? 'main' : undefined, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, Object.assign({ key: '929d8718c73b03115a895b6f3a73fca65f2ed692', role: isMainContent ? 'main' : undefined, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'content-sizing': theme.hostContext('ion-popover', this.el),
                 overscroll: forceOverscroll,
@@ -487,12 +487,12 @@ const Content = class {
             }), style: {
                 '--offset-top': `${this.cTop}px`,
                 '--offset-bottom': `${this.cBottom}px`,
-            } }, inheritedAttributes), index.h("div", { key: '52498d8874b9944b8245e448ea9dfc75b3929c2d', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? index.h("slot", { name: "fixed" }) : null, index.h("div", { key: '00e157a53485b285300404178436276afceb63f5', class: {
+            } }, inheritedAttributes), index.h("div", { key: '58d992194e48350109d4aca62971f1d2555078c0', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? index.h("slot", { name: "fixed" }) : null, index.h("div", { key: '92bb9582c25b5196900492fa6cb7820825a6e593', 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" }, index.h("slot", { key: '8522320514a2e8a63f7dc9ade6c1fb3fb00f454e' })), transitionShadow ? (index.h("div", { class: "transition-effect" }, index.h("div", { class: "transition-cover" }), index.h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? index.h("slot", { name: "fixed" }) : null));
+            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, index.h("slot", { key: '4ff81cf206c8e526a6f75fb14d4bf08252bc782a' })), transitionShadow ? (index.h("div", { class: "transition-effect" }, index.h("div", { class: "transition-cover" }), index.h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? index.h("slot", { name: "fixed" }) : null));
     }
     get el() { return index.getElement(this); }
 };
@@ -660,7 +660,7 @@ const Footer = class {
         const mode = ionicGlobal.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 (index.h(index.Host, { key: '5da19dc38ba73e1ddfd1bef3ebd485105d77c751', role: "contentinfo", class: {
+        return (index.h(index.Host, { key: '67c71caafa71bd623ab720e0fe9a2e21ecbecbfe', role: "contentinfo", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`footer-${mode}`]: true,
@@ -668,7 +668,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 && index.h("div", { key: 'fafad08090a33d8c4e8a5b63d61929dcb89aab47', class: "footer-background" }), index.h("slot", { key: 'e0a443d346afa55e4317c0bc1263fdbe3c619559' })));
+            } }, mode === 'ios' && translucent && index.h("div", { key: '90dab12f9ba22cf7c3815e9358dc8795d5f4c52d', class: "footer-background" }), index.h("slot", { key: 'fef6e0299eee208cfab63403a5c9505904db103b' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -990,14 +990,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 = theme.hostContext('ion-menu', this.el) ? 'none' : 'banner';
-        return (index.h(index.Host, Object.assign({ key: 'c687314ef290793a9d633ad20cfc5eeb47621e31', role: roleType, class: {
+        return (index.h(index.Host, Object.assign({ key: '2dda7ed7a2e24aaa3728f2e636fb2a0f95f4da92', 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 && index.h("div", { key: 'b429996046082405a91e7c23f95516db0b736f12', class: "header-background" }), index.h("slot", { key: 'e17a8965f8d3a33c1bfcb056c153d8242e5229fa' })));
+            } }, inheritedAttributes), mode === 'ios' && translucent && index.h("div", { key: '755331cb1d97dd1937357a4d6247314c8c1e45b1', class: "header-background" }), index.h("slot", { key: '064eb06d6d2f84f62ada778bc774ebecdff52cc0' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -1181,7 +1181,7 @@ const RouterOutlet = class {
         return true;
     }
     render() {
-        return index.h("slot", { key: '8279a453c66a766e6e383ff59842b4ae070c13a9' });
+        return index.h("slot", { key: '67aa47a11d787944155e37f6388871b9f4fe880d' });
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1221,11 +1221,11 @@ const ToolbarTitle = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const size = this.getSize();
-        return (index.h(index.Host, { key: '5a58dc437a6f4257244bbdd7e9a682a17d8c9a6b', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '89da5082d819e6e3dbc0ed455af8e4da0fe73a12', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, index.h("div", { key: '58682ea7b8f47a08adfad419b5c76b34784c6501', class: "toolbar-title" }, index.h("slot", { key: '8a9248534e4c3076f5e2dfda38ef86069796851c' }))));
+            }) }, index.h("div", { key: 'b6634f459c19137ac9dbff26be1027820037c09d', class: "toolbar-title" }, index.h("slot", { key: 'edfd2ff6413b052525f4a2f797b097065256cb19' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1293,10 +1293,10 @@ const Toolbar = class {
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (index.h(index.Host, { key: '4bb3a55001408a3bdf033af76b9196cb96c07c09', class: Object.assign(Object.assign({}, childStyles), theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '625c5fc55b43ce88399386fed097a91f1bd7445a', class: Object.assign(Object.assign({}, childStyles), theme.createColorClasses(this.color, {
                 [mode]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
-            })) }, index.h("div", { key: '0891db157d6e028c6d03696f13fb510ea91b0296', class: "toolbar-background" }), index.h("div", { key: '95fbc870d808f74af4bb18cd8f8ec8c7828a9e0b', class: "toolbar-container" }, index.h("slot", { key: '84d4a9644660fe00ca085055ca8d12f3647531ad', name: "start" }), index.h("slot", { key: 'fd361dc9c9979f59aed2fedcf94629506fae62b0', name: "secondary" }), index.h("div", { key: '54d2b28616a4627c55766f66dc453707752758a6', class: "toolbar-content" }, index.h("slot", { key: '8f65e0830cce7135640b90eb694e282cb7e5efd2' })), index.h("slot", { key: 'c78be11a207c8674f222543646398636956087e6', name: "primary" }), index.h("slot", { key: 'ab25e1601ccaa8cb0d81921b849bcb7402aa7826', name: "end" }))));
+            })) }, index.h("div", { key: 'd23ac18932f4c8fe2ee8c3b44c457d42cb1bb4c6', class: "toolbar-background" }), index.h("div", { key: '73275708f1a19dbbfba0c3152923355f9d334e5a', class: "toolbar-container" }, index.h("slot", { key: '9a8977e4e003806b812addb81304101df2e2194b', name: "start" }), index.h("slot", { key: '845997b78b414b3de270085a750b14382ebd54d6', name: "secondary" }), index.h("div", { key: 'f4d77326c6111781f24ad311a6ee2404985fc64b', class: "toolbar-content" }, index.h("slot", { key: '2843a6239598521589bb93d2b5f44fb5fb78e5de' })), index.h("slot", { key: '56d1825672dc51226a89fe4b549764b093d40a6e', name: "primary" }), index.h("slot", { key: '9985fb8cde38c887175057afceae8fe6dc81d00c', name: "end" }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -20,7 +20,7 @@ const Avatar = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'dc1e3cd535e419eebe5599574fd2393ebfde8bbc', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: 'edb8441c063ea592b41345ea97d88ecd90cb3052' })));
+        return (index.h(index.Host, { key: '8a3f3786bb3c117d524437bcb0e74e107abbe1d4', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: 'd9a5e55965ee7341e0994bc0057bef5b019a56fe' })));
     }
 };
 Avatar.style = {
@@ -41,9 +41,9 @@ const Badge = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '1253618692342bcf9487188402dc3d49ae0de480', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '05aa51688e73322aa21c8b9c68251e691acfa4e5', class: theme.createColorClasses(this.color, {
                 [mode]: true,
-            }) }, index.h("slot", { key: '71d65e203965ea37b94504a8a0a96beb52d4e356' })));
+            }) }, index.h("slot", { key: '8b0a9cbb20a979f040edf044f4fd26554f167b42' })));
     }
 };
 Badge.style = {
@@ -59,7 +59,7 @@ const Thumbnail = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ea55000055f941b0c79561e8934be6242ec8e114', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: 'a4f934f442797f5c66a77e0ef8920fdd07c204f2' })));
+        return (index.h(index.Host, { key: '5e1a3fc154a6073e251c4ea99456363164f5f4ce', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: '090a67b630e20a6cb5a7c30e88b0e4bd2e819326' })));
     }
 };
 Thumbnail.style = IonThumbnailStyle0;

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

@@ -76,7 +76,7 @@ const BackButton = class {
         const showBackButton = defaultHref !== undefined;
         const mode = ionicGlobal.getIonMode(this);
         const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
-        return (index.h(index.Host, { key: '8351c93a1812c94c979fb115f07a9ad7b3152188', onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '07ab5d7d5a58f9604f50276c6a1850e0b9428c24', onClick: this.onClick, class: theme.createColorClasses(color, {
                 [mode]: true,
                 button: true, // ion-buttons target .button
                 'back-button-disabled': disabled,
@@ -86,7 +86,7 @@ const BackButton = class {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 'show-back-button': showBackButton,
-            }) }, index.h("button", { key: '991b8baa784dbfbdf8d3581cbbf6a858ac1f1e6e', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, index.h("span", { key: '929fcd83a4fdb00cf97ca803f234719171602a5e', class: "button-inner" }, backButtonIcon && (index.h("ion-icon", { key: '0c10d412ae8342d96f221e626b421c9abadac748', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (index.h("span", { key: '96f505880a80f36ee8b8c78268b450f3629ee613', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && index.h("ion-ripple-effect", { key: '0aecf5d415c608069eb1a10043530bd0929b6383', type: this.rippleType }))));
+            }) }, index.h("button", { key: '5f173fbc01a03da1d50449c5ad8fee7cf65c59d8', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, index.h("span", { key: '6f69164c1e8466e72ed80a12456f09b176d91cd0', class: "button-inner" }, backButtonIcon && (index.h("ion-icon", { key: 'e8fb8b00e937caab22990723acf077ff6d4e04e0', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (index.h("span", { key: '62511668303ff53d477fcf49f417de03eff1ac52', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && index.h("ion-ripple-effect", { key: '562f12891bc631cb71eb90c7303cc5ad55b19c48', type: this.rippleType }))));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

@@ -72,7 +72,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 (index.h(index.Host, { key: 'dfe55ad57f23e5da5f2e2c51fea99964812472e3', onClick: (ev) => theme.openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '3fa177213574bcc93f4184f3ff031bdc05992501', onClick: (ev) => theme.openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
                 [mode]: true,
                 'breadcrumb-active': active,
                 'breadcrumb-collapsed': collapsed,
@@ -82,15 +82,15 @@ const Breadcrumb = class {
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': clickable,
                 'ion-focusable': clickable,
-            }) }, index.h(TagType, Object.assign({ key: 'e361b1f0e7de6dd5c5dd4f6deae72c2c8210466d' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("slot", { key: '9daeb45a8a28c89f3ad5751f71b8412197846371', name: "start" }), index.h("slot", { key: '4849e63cdffd6c712292745138b68730442c8b0d' }), index.h("slot", { key: '6edf9bac5aec06ccec2844efac2d9afa1d24cf57', name: "end" })), showCollapsedIndicator && (index.h("button", { key: 'de7f5faea75b44011b289d259265e2435a65874f', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
+            }) }, index.h(TagType, Object.assign({ key: '0de0c76f2849affa8afe8b363ceffded4c824cbc' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("slot", { key: 'fd346028462e92ef5aece4e0d0fedd5d22ddae4e', name: "start" }), index.h("slot", { key: 'b4dee49713e6709bb7f655083d3df952eeda8cd6' }), index.h("slot", { key: '54f66d33ab51e1fa914b897dfb0ff13f847952d6', name: "end" })), showCollapsedIndicator && (index.h("button", { key: '4940dbc9466c1a8020421b155c5b54b00ff10c0a', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
                 'breadcrumbs-collapsed-indicator': true,
-            } }, index.h("ion-icon", { key: '957d8851af9c99dda263f34eff0b35a0fc212c32', "aria-hidden": "true", icon: index$1.ellipsisHorizontal, lazy: false }))), showSeparator && (
+            } }, index.h("ion-icon", { key: '105cd22175c66f9db97ed2564839fe757169625a', "aria-hidden": "true", icon: index$1.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.
          */
-        index.h("span", { key: '97d646c37c4c41ad6b12c3a543d1146fde06fc9a', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, index.h("slot", { key: '0429f671a986f2d7be1b1b69fc879e80806d2916', name: "separator" }, mode === 'ios' ? (index.h("ion-icon", { icon: index$1.chevronForwardOutline, lazy: false, "flip-rtl": true })) : (index.h("span", null, "/")))))));
+        index.h("span", { key: '478bbcc120a8e5f40918264e87d89bb63fd4e984', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, index.h("slot", { key: 'e6395282218911304fdcf22f34689ca80cfd717c', name: "separator" }, mode === 'ios' ? (index.h("ion-icon", { icon: index$1.chevronForwardOutline, lazy: false, "flip-rtl": true })) : (index.h("span", null, "/")))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -204,12 +204,12 @@ const Breadcrumbs = class {
     render() {
         const { color, collapsed } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '18ffba1642f10cc2bc31440e84f23aa6f042e501', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '583a19cc4e6ceaf89cb771d7576c821d01818422', class: theme.createColorClasses(color, {
                 [mode]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'breadcrumbs-collapsed': collapsed,
-            }) }, index.h("slot", { key: '3db6d31590e3047889ce554d57d155c8ea2e1455', onSlotchange: this.slotChanged })));
+            }) }, index.h("slot", { key: 'ca825133dd956d15115932d6ad2277604d297a09', onSlotchange: this.slotChanged })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -347,7 +347,7 @@ const Button = class {
         {
             type !== 'button' && this.renderHiddenButton();
         }
-        return (index.h(index.Host, { key: '8f3a0363d46ef888d22b0b0812c70cb4f79e6efa', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '4bc06e6ec688d4f4c12b870b3ab3dd8db08aae59', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
                 [mode]: true,
                 [buttonType]: true,
                 [`${buttonType}-${expand}`]: expand !== undefined,
@@ -362,7 +362,7 @@ const Button = class {
                 'button-disabled': disabled,
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, index.h(TagType, Object.assign({ key: 'a517c7d06aab15ad4c2a51b8ec224c1aeb4ed565' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("span", { key: '127c26dd97c0bf5097433df77df7313d59784899', class: "button-inner" }, index.h("slot", { key: '39d9a9cad8e1addbe63406062e555e05c2cb541b', name: "icon-only", onSlotchange: this.slotChanged }), index.h("slot", { key: 'cfdebdd89155c6c21eb80e51e06456a3a6d877e0', name: "start" }), index.h("slot", { key: 'eac497e0f97ab55baa834ae23155d89b0f7069c6' }), index.h("slot", { key: 'c99f7900f8856b32a0b4ac11092d461f5e9a1109', name: "end" })), mode === 'md' && index.h("ion-ripple-effect", { key: 'c681edb0480879fbd801575f2233f6e118898638', type: this.rippleType }))));
+            }) }, index.h(TagType, Object.assign({ key: '0a9b023f728364c890fc59d2241d00ac417d8e9e' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("span", { key: '46b4b46e303ede9ea03f488d95d6eafa7db8f098', class: "button-inner" }, index.h("slot", { key: '98e72fddd837d0f30a097f79bf5100088f7eb214', name: "icon-only", onSlotchange: this.slotChanged }), index.h("slot", { key: 'a442858cdae935e49bbcb933d9c55770573dcd54', name: "start" }), index.h("slot", { key: 'd974805e9f4143e5d0239546fffc604c70a48600' }), index.h("slot", { key: '45f2ed69eed604f91fd098d691dd7fa806ab39b7', name: "end" })), mode === 'md' && index.h("ion-ripple-effect", { key: 'b62907b56cd488742fdfcaede2fee433cde2f146', type: this.rippleType }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -56,7 +56,7 @@ const Card = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '8584300522f382ee8891c039d71da82533dfa36a', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '51b9a91d48671d429f5659a2961619e1a46cd5df', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'card-disabled': this.disabled,
                 'ion-activatable': this.isClickable(),
@@ -81,7 +81,7 @@ const CardContent = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '2a2d0b48aad4b83990a1748fce60e772514eb223', class: {
+        return (index.h(index.Host, { key: '28f37e16b611f9a80b336e97b318e8374646079e', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`card-content-${mode}`]: true,
@@ -107,11 +107,11 @@ const CardHeader = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '18d12507ec6e650a72d721e9d0f4128b5e86df1d', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'af5a7144374f1aad2788ae95618e7693277a0618', class: theme.createColorClasses(this.color, {
                 'card-header-translucent': this.translucent,
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, index.h("slot", { key: '3374c087d8c3f014082787e255432e7a335ef44f' })));
+            }) }, index.h("slot", { key: '7367add0a6d062683a7279f2c1af1f886c5810f6' })));
     }
 };
 CardHeader.style = {
@@ -132,10 +132,10 @@ const CardSubtitle = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'cbcb01bd01cf6de64a0b04fb626e42b07ceb8f53', role: "heading", "aria-level": "3", class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '04aa891554981ead6057c317b0ed314d668f702f', role: "heading", "aria-level": "3", class: theme.createColorClasses(this.color, {
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, index.h("slot", { key: 'cbcaa73aa5799882c48d6c0aabfb13651bcc91c0' })));
+            }) }, index.h("slot", { key: 'dd6c32fd6f1cf50e257ff70c46e3b765eb0884c5' })));
     }
 };
 CardSubtitle.style = {
@@ -156,10 +156,10 @@ const CardTitle = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'f904a0ca6489f147d03c9c5f9f2c5549cdb38d1a', role: "heading", "aria-level": "2", class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'ea924d0f85eae1f4a97d59d2ae0549459c46a5ae', role: "heading", "aria-level": "2", class: theme.createColorClasses(this.color, {
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, index.h("slot", { key: 'effb921de4ad8dfbbe318b3f692f4005812da7b1' })));
+            }) }, index.h("slot", { key: '087ffc17c4500b7db68caf619bf8e39e34113591' })));
     }
 };
 CardTitle.style = {

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

@@ -78,7 +78,7 @@ const Checkbox = class {
         const mode = ionicGlobal.getIonMode(this);
         const path = getSVGPath(mode, indeterminate);
         helpers.renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (index.h(index.Host, { key: 'd7a07fbf130413eaa4622c07786e8a00723113eb', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '90d45249f95c207f04a2c15cfd2a8485d5d1c3f9', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: theme.createColorClasses(color, {
                 [mode]: true,
                 'in-item': theme.hostContext('ion-item', el),
                 'checkbox-checked': checked,
@@ -88,10 +88,10 @@ const Checkbox = class {
                 [`checkbox-justify-${justify}`]: justify !== undefined,
                 [`checkbox-alignment-${alignment}`]: alignment !== undefined,
                 [`checkbox-label-placement-${labelPlacement}`]: true,
-            }), onClick: this.onClick }, index.h("label", { key: '99797589ed4ea7cbac53531c85b2d4a2dcd568c4', class: "checkbox-wrapper" }, index.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)), index.h("div", { key: '1b087f061da5abca6129d372503d8882b77e24be', class: {
+            }), onClick: this.onClick }, index.h("label", { key: '08da6781f1f72d1f37cd41a88d3b5ed6b9076ca0', class: "checkbox-wrapper" }, index.h("input", Object.assign({ key: 'b45f448b88d39e547ecd147aaa283bc5240a08df', 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)), index.h("div", { key: '8e9648cfdc2101bcbca354d6cfdfede1944770fe', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': el.textContent === '',
-            }, part: "label" }, index.h("slot", { key: 'bc84274c826fa1db1207230aa03bf5790afe2992' })), index.h("div", { key: '89e9396dc9215804bd8ac42e943a292d050ef8c5', class: "native-wrapper" }, index.h("svg", { key: '2aafac248c639074faaf17044d8d9204474a9b7b', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
+            }, part: "label" }, index.h("slot", { key: 'b55cf97e82ae04e589c09a11ec6b8b71d6029a37' })), index.h("div", { key: '3e16d10b8098a2c6cfaa8ea3b37b1943036b71e2', class: "native-wrapper" }, index.h("svg", { key: 'cb91e27c398f3e8360678d73e789ed0e6ba6970b', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
     }
     getSVGPath(mode, indeterminate) {
         let path = indeterminate ? (index.h("path", { d: "M6 12L18 12", part: "mark" })) : (index.h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));

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

@@ -24,12 +24,12 @@ const Chip = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '7dd923c1b28d1eb1efa348f66f49cec067645af9', "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '886c26b6e7b3e3ca8622a4a0926bdf6dea0a71d4', "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'chip-outline': this.outline,
                 'chip-disabled': this.disabled,
                 'ion-activatable': true,
-            }) }, index.h("slot", { key: '7ede838bf109dc27a898ee2dcdeabc3f439c8e6f' }), mode === 'md' && index.h("ion-ripple-effect", { key: '5acb073029544e73fcc0db4cc4e661ec1df4d231' })));
+            }) }, index.h("slot", { key: 'd24353e79ac84013758cee1acb1b0f9b2ebb4d67' }), mode === 'md' && index.h("ion-ripple-effect", { key: 'b69bb3ce3d464251d5e11ba6a5240e4567f72f05' })));
     }
 };
 Chip.style = {

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

@@ -140,9 +140,9 @@ const Col = class {
     render() {
         const isRTL = document.dir === 'rtl';
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'c37fa4c4c993385ccbb6f4e89b2f390b140507a0', class: {
+        return (index.h(index.Host, { key: '56ecf3b3f2be05d5f179f2d136d4ab05a4525da9', class: {
                 [mode]: true,
-            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, index.h("slot", { key: '6a5296ff0b9dee6600c2dafe7363a065d053bac2' })));
+            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, index.h("slot", { key: '8f1113d39dcb709300ebbeaf81bc092c1dd8da3e' })));
     }
 };
 Col.style = IonColStyle0;
@@ -157,10 +157,10 @@ const Grid = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '930ce78b02f8360fbca08a35d364d2c09128c6c8', class: {
+        return (index.h(index.Host, { key: '6bbe6bfe5925045b38480fe9f261565b437879a2', class: {
                 [mode]: true,
                 'grid-fixed': this.fixed,
-            } }, index.h("slot", { key: 'c47bf7ef2197f5ebc42d3e2c55044276fb0db393' })));
+            } }, index.h("slot", { key: 'fca18c2c75d24612c69513550e7c09ac3b66a4e5' })));
     }
 };
 Grid.style = IonGridStyle0;
@@ -173,7 +173,7 @@ const Row = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '813c9a7f6782d2cf8eb27f30d3ab28e6f3122868', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: '356bec4d4d408ea63d6b431b06465d5b7bcbff71' })));
+        return (index.h(index.Host, { key: 'fcf3fb836ae45d8ab16e50936a119bb31339d24f', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: 'ba0c95854c655143175f9661c09ac1d1ffc1daf1' })));
     }
 };
 Row.style = IonRowStyle0;

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

@@ -338,11 +338,11 @@ const DatetimeButton = class {
     render() {
         const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '0be955404133adbb31ae16a6599014bb29765f19', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '38670adfd40e78c261eb22de777728b6f8abf2ef', class: theme.createColorClasses(color, {
                 [mode]: true,
                 [`${selectedButton}-active`]: datetimeActive,
                 ['datetime-button-disabled']: disabled,
-            }) }, dateText && (index.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) }, index.h("slot", { key: '46930c740a32a78502df9e651f9bd5914d6a9fea', name: "date-target" }, dateText), mode === 'md' && index.h("ion-ripple-effect", { key: '0602999cc8435dc37aa22da7f5531bc8cb71e1b4' }))), timeText && (index.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) }, index.h("slot", { key: 'b5b093b5166d12d11e27360788edaac916d44390', name: "time-target" }, timeText), mode === 'md' && index.h("ion-ripple-effect", { key: '70bb3a04f4748d13233eeb257503968dbd1161a9' })))));
+            }) }, dateText && (index.h("button", { key: '01a3cd339ba20b143e149de93eb4c34f03845111', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, index.h("slot", { key: 'dd962ddca2be96e375b94af2a351546954cddea2', name: "date-target" }, dateText), mode === 'md' && index.h("ion-ripple-effect", { key: 'b315f04481c0977eed41d30a686766c2ff7dabe2' }))), timeText && (index.h("button", { key: 'cde6056894c34c9b534bd9a7999d4490e8d6a394', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, index.h("slot", { key: '8a478f2eafda9f4bc29558fe3249a89e038a7f9b', name: "time-target" }, timeText), mode === 'md' && index.h("ion-ripple-effect", { key: '42d1139fc667a5386097f15150996a3a6d5eb480' })))));
     }
     get el() { return index.getElement(this); }
 };

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: '2933ce5caaeb21a633b1ec4d936e86b0f0890807', "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: '0efc9ef0aa1a29234412b2eddf5d7ff899b7543f', 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: '3b163ca87354a3a4f302ff016d5affd0dc97bccc', "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: 'da4224447bdbcfbadd1bd63ebe7a7bfdb8aa3129', visible: this.showBackdrop, tappable: this.backdropDismiss }), index$1.h("div", { key: '211475c859b7acf4d64556905c45993201d92d43', tabindex: "0" }), index$1.h("div", { key: 'c3b3674038155809caea84ae6348ff0d66897a64', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, index$1.h("div", { key: 'a21757da70dc7864945a5751d9da3ca4bf87897b', 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: '0220da1854d09ef22d2d9a32eaa3c3b222be5a0a', class: "picker-columns" }, index$1.h("div", { key: '55757c165ba9e38e56b4dee76a9b13d3ff8b21e6', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => index$1.h("ion-picker-legacy-column", { col: c })), index$1.h("div", { key: '160092a46a48287bf75e5dfe3502f1755a2d0c70', class: "picker-below-highlight" }))), index$1.h("div", { key: 'e212db6cca7d75fc0eda0baf4312dd51b9b7a4ef', 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: '56289a294e5c580f3e7fe5fc12777aa7f80ad19b', 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: 'd21f44667b5df567d6879723fe643ea7c2c60bef', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), index$1.h("div", { key: 'bb427e5f24fd832703926e0e847ad05567597262', 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: '0413f7c074b6534b8967387ecb9957a79a267aff', 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: 'cb44cf6486b0a6439b99da87c065b0b52e2514f4', 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: '1ed484c7ecb10cd81fbca9a4f5c4049bf82f9f8a' })));
+            } }, 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: 'eb347f7d6749c40637540d84778eb8d1b667a947', 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: '83e853c8815f41543c848eb2e05ec2bb1716110a' }, 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: '798deede94de658e4345acf7c2aafe2ab2567b0b', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), index.h("span", { key: '99252fde6de1aca73fc240a6da7e29acac9acb18', class: "button-inner" }, index.h("slot", { key: 'dc73e9b41bf1f0e385e5784f975dfb81e37c8dfb' })), mode === 'md' && index.h("ion-ripple-effect", { key: '8413e162f44a0350f54dff06cff7aad101de3549' }))));
+            }) }, 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: 'fa1d195b9950654ba0e984bf61d981c977d05275', 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: '2ec738c66c05112e1e2521155d6adfc36d2fd1db' })));
+            } }, 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: '14d24d65ec8e5522192ca58035264971b1ab883b', class: ionicGlobal.getIonMode(this) }, index.h("img", { key: '345ba155a5fdce5e66c397a599b7333d37d9cb1d', 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: '1444429a86950c449953cbf578436cc8cabf40ec', 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: '060278bf9cb0321e182352f9613be4ebbb028259', class: {
+        return (index.h(index.Host, { key: '73f3c5e3c86bc121d05941534dc19436c760e5b5', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`infinite-scroll-content-${mode}`]: true,
-            } }, index.h("div", { key: '07d3cada920145f979ad315bd187fb878e0c3da3', class: "infinite-loading" }, this.loadingSpinner && (index.h("div", { key: '6254f175d7543d09f3dd47cd0589a2809182cd8c', class: "infinite-loading-spinner" }, index.h("ion-spinner", { key: 'a6a816d1c65b60b786333b209b63492aa716a283', 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: 'ed1c29726ce0c91548f0e2ada61e3f8b5c813d2d', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '24d3c866aebab4fba60a81269641034707c114ed', class: theme.createColorClasses(color, {
                 [mode]: true,
-            }) }, index.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) => {
+            }) }, 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: '1f2119c30b56c800d9af44e6499445a0ebb466cf', 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: '907ce98a82b5cfae5a08504cd79e00a2330b7444', 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: '59d5bb45d2a5b828bba0ed8687a632a551e2f4d8', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: 'f93f129d08246d0e9a601c100d718534d6403853', class: "native-wrapper" }, index.h("slot", { key: '54eeb1a6bace662b7eb0d7e27180ea3d7e3a3729', name: "start" }), index.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 && (index.h("button", { key: '5f6373504a6d0d074bfbf875c794d45ea2748175', "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: '230d77973aa83458ceb32bf52e3abe9bc322cfe6', "aria-hidden": "true", icon: clearIconData }))), index.h("slot", { key: '9d69ac6e8a3c4b2b303dba2478f82695d5755ed2', name: "end" })), shouldRenderHighlight && index.h("div", { key: 'ac61f16237ce731e0745ab72d0fc3f066252464a', 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 {