@ionic/core 8.8.20-dev.11790173336.13b11ad8 → 8.8.20-dev.11790589087.1cc6dc2f

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

@@ -71,14 +71,14 @@ const ItemOption = class {
                 href: this.href,
                 target: this.target,
             };
-        return (index.h(index.Host, { key: '8f1bad23fd3ccbb9d54d57765e6731cd2ee07306', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '1334eb24ae20002d32b4f7d900d65a57e2fb1937', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`item-option-${shape}`]: shape !== undefined,
                 [`item-option-${hue}`]: hue !== undefined,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, index.h(TagType, Object.assign({ key: '2baf904e356a87ed463ee5f517e0e95f90b2ef30' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: '49b627f72dffd1b150ccd808b1b1f63bbe78e2de', class: "button-inner", part: "inner" }, index.h("slot", { key: 'cdb52f76f1d7e5df411215f17eb76ad25e36241a', name: "top" }), index.h("div", { key: '864204667c6e3ba6f989b24e96c131b67e55d408', class: "horizontal-wrapper", part: "container" }, index.h("slot", { key: '474f4aab708842bb7ef74cb6f1fbe601ceff82cf', name: "start" }), index.h("slot", { key: '2bd726c5ba3ee079a623f1f6229d1ac2afd3e291', name: "icon-only" }), index.h("slot", { key: '2d1a673c447ebf82c92f944ec9e83a5b38698307' }), index.h("slot", { key: '8d0f9337cd84c725190cffd25d74044075e85ab0', name: "end" })), index.h("slot", { key: 'a674039b26d9cbb886e88ea721bbc210484aba9f', name: "bottom" })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '3e45bf18b7992943c47ece47e9358f4da0b8e865' }))));
+            }) }, index.h(TagType, Object.assign({ key: '53fe08dcdf52c802b0e9ff37e14c57f033d09bb0' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: '57de1b30b87b9c471ff2caf18eb5a98849376da8', class: "button-inner", part: "inner" }, index.h("slot", { key: '782a54a75f60221a4ed1aa445b19f74ded235ff3', name: "top" }), index.h("div", { key: '02959a033f8293eb63520aae90643549c9badeb3', class: "horizontal-wrapper", part: "container" }, index.h("slot", { key: '58c7d634698ca590d0fda9f285d0401f008852d3', name: "start" }), index.h("slot", { key: '01bd60bc0501c98bddd9e3bd018bc1a954cebde8', name: "icon-only" }), index.h("slot", { key: 'c3ebae19e2afa6cd78732e728e9b71fcb6ef23c1' }), index.h("slot", { key: '668976dab90595602295079a7a8c495e0b00859a', name: "end" })), index.h("slot", { key: '206bc568527ead01b51adb8e2ae514654e751096', name: "bottom" })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '48efd449cda5e8d06b07fbe57ef5b8022151e139' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -113,7 +113,7 @@ const ItemOptions = class {
     render() {
         const theme = ionicGlobal.getIonTheme(this);
         const isEnd = helpers.isEndSide(this.side);
-        return (index.h(index.Host, { key: 'ed05ceebf2cda943ac9efea2f91b71f7e8fc55e8', class: {
+        return (index.h(index.Host, { key: 'd5430bf386e4b4ab8c6ab6d0d76f4275c3676dea', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-options-${theme}`]: true,
@@ -907,7 +907,7 @@ const ItemSliding = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '47de8c8a9721f9223b42d6722a9ad32f378818aa', class: {
+        return (index.h(index.Host, { key: '4129662d1e63ec0afd41c481b5058bf3da47b1db', class: {
                 [theme]: true,
                 'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
                 'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,

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

@@ -395,11 +395,11 @@ const ItemDivider = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'dc73f348b5376faa40ba4bc6bba3d5c9e5ec5ab2', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '5990804572ae0cc00b7b290936cfb6c0e171cff3', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, index.h("slot", { key: '0f535b2cf91f2ec042aa59a89498cfa0e4d541a0', name: "start" }), index.h("div", { key: '867c8c1a1bd273a5f5018f77785f11d58152e8b9', class: "item-divider-inner", part: "inner" }, index.h("div", { key: 'c32b2a5658d27cf5d8cd8ffbfa476c02755e1afd', class: "item-divider-wrapper", part: "container" }, index.h("slot", { key: 'f8b0fea29a910cd2e36301586532be3a8348c31e' })), index.h("slot", { key: '418750f630c851cf04b6a278c1666c6cf33c113c', name: "end" }))));
+            }) }, index.h("slot", { key: '2745ca34238e09bfc82248d72f8f01f53b94eb67', name: "start" }), index.h("div", { key: '99ca991cff1f7719bd4084df4fc9c3f382bf20c4', class: "item-divider-inner", part: "inner" }, index.h("div", { key: '4f8e616d95de43b8482911742f7a1dab507e60ce', class: "item-divider-wrapper", part: "container" }, index.h("slot", { key: '17aa7cd995163a6f33cd99a09158bdfd39a1fdd9' })), index.h("slot", { key: 'a57cdbff48ebd734a6d4d4b5087b9f495f1f4b8e', name: "end" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -421,7 +421,7 @@ const ItemGroup = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '017c8f7cd0258e1864423337ddd1b1cb522f64ed', role: "group", class: {
+        return (index.h(index.Host, { key: 'a0ecd0b7e55cc9680ca196f84c4d9520463910eb', role: "group", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-group-${theme}`]: true,
@@ -495,13 +495,13 @@ const Label = class {
     render() {
         const position = this.position;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'b1f261db441bcb0a325a5b3e21da17764a56f17c', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '79604615b5d6c4fdc663784693ac634bbffbc192', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
                 [`label-no-animate`]: this.noAnimate,
                 'label-rtl': document.dir === 'rtl',
-            }) }, index.h("slot", { key: '490444c8c0d4cf72eae3f8abfb7ed7ecc30bb213' })));
+            }) }, index.h("slot", { key: '4ed48f6f5d7e022604c6cfb9d39b2fd47b1c4095' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -565,7 +565,7 @@ const List = class {
         const theme = ionicGlobal.getIonTheme(this);
         const shape = this.getShape();
         const { lines, inset } = this;
-        return (index.h(index.Host, { key: '9be30ff6e75e020c0db7054800cb874efef26bd8', role: "list", class: {
+        return (index.h(index.Host, { key: '34f64ae54181dcb5a0941cd0ad3c8194da259a00', role: "list", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`list-${theme}`]: true,
@@ -596,10 +596,10 @@ const ListHeader = class {
     render() {
         const { lines } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '7a1632a069317285210f4aeae50a6f2ef6955c56', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '75a8cb71f9912ba98a451a2e7547e7e713a92f42', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, index.h("div", { key: 'a9a9463f209023da222f38a78126d5aaeb2f03b9', class: "list-header-inner", part: "inner" }, index.h("slot", { key: 'e3c6ec1b588392d347844d59d338abc339e80634' }))));
+            }) }, index.h("div", { key: '95d5828c9ea769b5486589e3d6ad0d1d68d54354', class: "list-header-inner", part: "inner" }, index.h("slot", { key: 'd31b1166239a38ceb5567c66985436681e96b610' }))));
     }
 };
 ListHeader.style = {
@@ -620,9 +620,9 @@ const Note = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '376ae1c66c19d1bdd74a2371c0639ed9e49648b5', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '26bc60ea8cb2003e7f4dbcfcc9d771bf2844f4a1', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
-            }) }, index.h("slot", { key: 'f8168cd88bb21c5e5a2b03c29539729fb38a19fd' })));
+            }) }, index.h("slot", { key: 'ec950244157e8687cc39e10d0e1add9c144bd61c' })));
     }
 };
 Note.style = {
@@ -658,11 +658,11 @@ const SkeletonText = class {
         const animated = this.animated && index.config.getBoolean('animated', true);
         const inMedia = theme.hostContext('ion-avatar', this.el) || theme.hostContext('ion-thumbnail', this.el);
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '370451ee8963b776079f5df365f7bbd70a53b270', class: {
+        return (index.h(index.Host, { key: '2fd3b86201ab41e66707281970e58af57da0530a', class: {
                 [theme$1]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, index.h("span", { key: '2b861b4ec86cbd61927ab7b81b13517c99dc94c7' }, "\u00A0")));
+            } }, index.h("span", { key: '6793df291a379a32a1649fa1daf3a20d93ae48ea' }, "\u00A0")));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -281,9 +281,9 @@ const Loading = class {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (index.h(index.Host, Object.assign({ key: '2ffae36b20a7d7f3a752a062d90062583e31d053', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: '4b0d54ff4d811e2aaaa4ebe159f576b6afec1248', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${40000 + this.overlayIndex}`,
-            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: 'a6d8cac2c34a0905ec67a2c64be7ec12cc84f168', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'cd011d86f20869096a8546f098fb5edad44033a1', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: '70298be2139d6004e0f8fc5a85c5d05f1efdc347', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { key: '32aef90695d91e0a82696abbce96ba29cb1a2608', class: "loading-spinner" }, index.h("ion-spinner", { key: '7ae69c27be273cf3e83230dae043168df27ac27e', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: 'f13a01b31516c3fe85dd3a623962290c03e7412f', tabindex: "0", "aria-hidden": "true" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: '11dec4427fcfeb2ab673a1645255193507a85257', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'ea0f7e39b9bf022cedd61b7be165b372c62256da', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: '5e35f157a67f01934b87cf8862f4976da98ba4ba', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { key: 'c25c5e75286dcff72a6e7b2f1a7f80fb848a3086', class: "loading-spinner" }, index.h("ion-spinner", { key: '6664c761a873ad35cf673c8f45de59deadb05322', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: '728bb8f1f35f6859e7a683b7617618e60b2c794b', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -667,14 +667,14 @@ const Menu = class {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (index.h(index.Host, { key: 'ed286af30b990e9a3f67606a6a30c50a07c13f87', onKeyDown: ionicGlobal.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (index.h(index.Host, { key: '4d8014018a4d35320fad25884f3949b67f4d2b59', onKeyDown: ionicGlobal.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [theme$1]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': theme.hostContext('ion-split-pane', el),
-            } }, index.h("div", { key: '8b15c8ccd73eeb640eea76996d5123a9cd67face', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: 'accfd5cdddac5cde2776b8272a63c1513e6928a8' })), index.h("ion-backdrop", { key: 'e85f75b8ace51db8fac52388c042e93f73bf14ca', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, index.h("div", { key: '36740aaebedfd05492182b47cc2400a8422eca03', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: 'e2f9a709e0c5389d9e7966ff322d273b8e1ed1dc' })), index.h("ion-backdrop", { key: '2d4ca83bad76041b3fdb9eccdda206061aa82e1c', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -775,7 +775,7 @@ const MenuButton = class {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (index.h(index.Host, { key: '341ca3bfac81ce4432eef5d2fd738becd1dfb07e', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '1156d6fbbfae106baf4b496f6af40f62f1a40c1c', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -784,7 +784,7 @@ const MenuButton = class {
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, index.h("button", Object.assign({ key: '6e6229df2fc1f2d18294a5fbf7fe71e7dd47666a' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '0216acbf67d7aa5edc52328f7ded4cb98bc8a237', class: "button-inner" }, index.h("slot", { key: '5c2cdae42add9a25d3e6323048fcbc6b5fc9b32e' }, index.h("ion-icon", { key: '5b38c283957cd2f1ad659427dec612fc84fc054f', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme$1 === 'md' && index.h("ion-ripple-effect", { key: 'adabe4ffa1d66fe36d55294d774db9c4bba1ad76', type: "unbounded" }))));
+            }) }, index.h("button", Object.assign({ key: 'de8c4eb9376622c8f7856d4217cebbf1ab33dd25' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '4ef21adfb788ee64a66a86da0707117292f9e44c', class: "button-inner" }, index.h("slot", { key: '7e357a68623f773d2d156f214001ac75be57166b' }, index.h("ion-icon", { key: 'fac2551a1ef4a9e2f7415675926b1e84397171fc', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '7357781f2cd45738f08389644f325672d5fd331f', type: "unbounded" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -820,10 +820,10 @@ const MenuToggle = class {
     render() {
         const theme = ionicGlobal.getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
-        return (index.h(index.Host, { key: '9ef631d9ae370a8740e691d281863203bfdddc38', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (index.h(index.Host, { key: '769666a8497276c40af900d2456975c5069fecb6', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [theme]: true,
                 'menu-toggle-hidden': hidden,
-            } }, index.h("slot", { key: 'f8d9dfc562ed625ae47ec771ef6b2ea04bc463f4' })));
+            } }, index.h("slot", { key: '6f4352e8a69183562c42ee4b98b77497dfc59c1f' })));
     }
 };
 MenuToggle.style = menuToggleCss();

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

@@ -3134,11 +3134,11 @@ const Modal = class {
         const isHandleCycle = handleBehavior === 'cycle';
         const shape = this.getShape();
         const isSheetModalWithHandle = isSheetModal && showHandle;
-        return (index$2.h(index$2.Host, Object.assign({ key: 'cf99da2a03dd010716265401c8b6fe46a9bf0ced', "no-router": true,
+        return (index$2.h(index$2.Host, Object.assign({ key: 'd38744e448224ea65c04edacd038f4226b13f4d6', "no-router": true,
             // Allow the modal to be navigable when the handle is focusable
             tabIndex: isHandleCycle && isSheetModalWithHandle ? 0 : -1 }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [theme$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), index$2.h("ion-backdrop", { key: '91d148a13955bcda57b5d15d2613e74cc8cd5047', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme$1 === 'ios' && index$2.h("div", { key: 'bd51fa967ced9c6d574f0bb6d3c569fe53a2be59', class: "modal-shadow" }), index$2.h("div", Object.assign({ key: '45fc1228a8dfc8009c933c6cee4067c08ab27fe6',
+            }, class: Object.assign({ [theme$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), index$2.h("ion-backdrop", { key: '292c61796d71ef63a68a8f48e35bd2a75bb54c27', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme$1 === 'ios' && index$2.h("div", { key: '3e33304213a627aae63f884a07f1c2db0ea8dab9', class: "modal-shadow" }), index$2.h("div", Object.assign({ key: 'ee5791d964e1d06b8a77f0e90b2402676be8c166',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -3151,9 +3151,9 @@ const Modal = class {
               without the tabindex focus() would be a no-op and screen readers
               may not properly announce the dialog and its content when it opens.
             */
-            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", tabIndex: -1, class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$2.h("button", { key: '9bcc1589af7c422ee6f116aa50f62981031042ba', class: "modal-handle",
+            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", tabIndex: -1, class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$2.h("button", { key: 'd7be6afa0dc0db1003c28f90c584ebe47e05fb99', class: "modal-handle",
             // Prevents the handle from receiving keyboard focus when it does not cycle
-            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", "data-focus-order": "1", ref: (el) => (this.dragHandleEl = el) })), index$2.h("slot", { key: 'd913facdd6abf0d87ba5e2d7f8b2f1c18e3ef556', onSlotchange: this.onSlotChange }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", "data-focus-order": "1", ref: (el) => (this.dragHandleEl = el) })), index$2.h("slot", { key: 'dde62a1eb46ebf12e0b11b0076972eb5b401a255', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index$2.getElement(this); }
     static get watchers() { return {

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

@@ -901,7 +901,7 @@ const Nav = class {
         }
     }
     render() {
-        return index.h("slot", { key: '3dfe9c2a5f3ea75cb6d82b76b240733105cddfad' });
+        return index.h("slot", { key: '9190bdc1fafa4850d4d56d8e70bf2d5c2ef3877f' });
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -947,7 +947,7 @@ const NavLink = class {
         };
     }
     render() {
-        return index.h(index.Host, { key: '476bfb5bb6fba4f422ec40315fc3ef466d01f757', onClick: this.onClick });
+        return index.h(index.Host, { key: 'dac338e5c541959114336b26daef60d35c557c54', onClick: this.onClick });
     }
     get el() { return index.getElement(this); }
 };

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

@@ -103,10 +103,10 @@ const PickerColumnOption = class {
     render() {
         const { color, disabled, ariaLabel } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'fe9553e3157d35f5c28a3f2457715bd598ec1e00', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '9cc8ce5aca83d8d6b0e3509483c083a4092b3cc6', class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 ['option-disabled']: disabled,
-            }) }, index.h("div", { key: '9bc334f020012537144972b5a8a1aed7c35ccec5', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, index.h("slot", { key: 'bd076e43c98ad920486230684c7f63e7e0b187f8' }))));
+            }) }, index.h("div", { key: 'c98aa880320d6f647d1be2a6e22227ec34e1c6d1', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, index.h("slot", { key: 'f96ee65197cac49c433261422fb3eb6717c01730' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1546,9 +1546,9 @@ const Popover = class {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = ionicGlobal.isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (index.h(index.Host, Object.assign({ key: '3319e6ea7524a30478985c014634403aceedab6f', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: 'c34db1b953b85bcc466058616e93bd4728e525f6', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && index.h("ion-backdrop", { key: '45265b1f8e5e6e822b3c8d4992039975c472b10b', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: '8707fb5c5b9523fd786c4e4d02d41dfb386be187', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: '17bd682e56939ba10ab4b2ab3c9e916087a7e19a', class: "popover-arrow", part: "arrow" }), index.h("div", { key: '02f1bd119d2ffecd2f2541969111fc6e156db9d3', class: "popover-content", part: "content" }, index.h("slot", { key: 'dec29181eee87f28f731d6a0ba1ef3c81867d527' })))));
+            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && index.h("ion-backdrop", { key: '13852a4358d2833fdf5af06ad32cf2fbcc5b05ad', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: '26e8690c2db743311e0d8f9b8357f8ecb851180a', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: 'b3b97d1289385d19074feb6311a1f2246db30b71', class: "popover-arrow", part: "arrow" }), index.h("div", { key: 'f049dc25c8fbb28d9f73e0263e30f06d8bd3f8da', class: "popover-content", part: "content" }, index.h("slot", { key: '6841f93207c970612dba5e96fc04871d47453ba1' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -151,7 +151,7 @@ const Radio = class {
         const theme$1 = ionicGlobal.getIonTheme(this);
         const inItem = theme.hostContext('ion-item', el);
         const inMultipleInputsItem = theme.hostContext('ion-item.item-multiple-inputs', el);
-        return (index.h(index.Host, { key: 'e2d5c0a52199f5c6ebf05a5178e9370f7df06717', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '99ecc261dc1dab3d5c5fd13453c8de9216c1aacf', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -164,10 +164,10 @@ const Radio = class {
                 // styling stays suppressed either way.
                 'ion-activatable': !inItem,
                 'ion-focusable': !inItem || inMultipleInputsItem,
-            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: '898d505c52ed530fac01b4ab81f0e697d538a520', class: "radio-wrapper" }, index.h("div", { key: '8d2cc81c342ee4b10ac9eed9189be9b6fc594f38', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: 'd60330aa1ccbc65eec50a306f28c1678e8338c1f', class: "radio-wrapper" }, index.h("div", { key: '1b933f96113ffc0dbfa9f61f2cef5473430ae573', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, index.h("slot", { key: '459439aeb1689cb7baff901d5b7a2ed96e98cf19' })), index.h("div", { key: '3ec8b4de39f6c18ee43b956b6c031321e6844919', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, index.h("slot", { key: 'c2d0ab8e96b7414d7bfba8293f58c39dd96eedcb' })), index.h("div", { key: '46c4d0ae324db12cfbf3afac16c0d00efb91cb3b', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -443,10 +443,10 @@ const RadioGroup = class {
         const { label, labelId, el, name, value } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
         helpers.renderHiddenInput(true, el, name, value, false);
-        return (index.h(index.Host, { key: '01aa69d37d97ff7395b5bbeabdc62d1ce535285c', class: {
+        return (index.h(index.Host, { key: '53c742d96524150cbc63db40df214339a1b58511', class: {
                 [theme$1]: true,
                 'in-list': theme.hostContext('ion-list', el),
-            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "data-roving-focus": true, onClick: this.onClick }, this.renderHintText(), index.h("slot", { key: 'd2f5c174a88636020b8911cb6748b42f8b5d9fbe' })));
+            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "data-roving-focus": true, onClick: this.onClick }, this.renderHintText(), index.h("slot", { key: '3eaeaa6b169795cec949af5c324614dbb7e7cc2b' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -807,7 +807,7 @@ const Range = class {
         const valueAtMin = dualKnobs ? this.valA === min || this.valB === min : this.valA === min;
         const valueAtMax = dualKnobs ? this.valA === max || this.valB === max : this.valA === max;
         helpers.renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (index.h(index.Host, { key: 'f75205d524b67d46bae1f24ffdac4ac9da82d828', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '1e6b57f8334cb7128be5e00ce1f76a11599a8628', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -821,10 +821,10 @@ const Range = class {
                 'range-item-end-adjustment': needsEndAdjustment,
                 'range-value-min': valueAtMin,
                 'range-value-max': valueAtMax,
-            }) }, index.h("label", { key: 'cc211e38c7a2d99f5505160f9fe6f0c42aac9062', class: "range-wrapper", id: "range-label" }, index.h("div", { key: 'ada76a626fc5b5e2af546146a796a485328d1e8e', class: {
+            }) }, index.h("label", { key: '8b0a64aca757e91f810ea0b09c981caa70b69294', class: "range-wrapper", id: "range-label" }, index.h("div", { key: '4802a117da497dc415c97257cad2ec634f32f1b5', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '5d5f6b92c092fb3d337af98febbf090853dda6a5', class: "native-wrapper" }, index.h("slot", { key: '6ed940e5b6f2c5ab5dfe56845709ac49bb75e431', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: 'c56264bade6f83d687ff3b875c908d018248d52c', name: "end" })))));
+            }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: 'df67255144b7262f875511e1ef9499d3adf6b2de', class: "native-wrapper" }, index.h("slot", { key: 'c965b14a826bb997ad1ca01b3bbd475ebec7fd6a', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: 'de5f548589d85091fb464160cab25a159334a7fb', name: "end" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -949,7 +949,7 @@ const Refresher = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '78f631741a018b8348a5520ab0e6e2cb4d71ef8d', slot: "fixed", class: {
+        return (index.h(index.Host, { key: 'e1ba03cd1169e59d242cf99303923a6782aec9c7', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,
@@ -1023,9 +1023,9 @@ const RefresherContent = class {
         const hasSpinner = pullingIcon != null && spinnerConfigs.SPINNERS[pullingIcon] !== undefined;
         const theme = ionicGlobal.getIonTheme(this);
         const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : index$2.caretBackSharp;
-        return (index.h(index.Host, { key: '3d2d138e485b3b2beae47b9ea4e140f0b9647434', class: {
+        return (index.h(index.Host, { key: '0cc90377c6829900a1c75f2813560311acf70529', class: {
                 [theme]: true,
-            } }, index.h("div", { key: 'd0c950b65a37a75b795503574a980cdb61f674e1', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: '8c6e27b2fb134c21fb7e8864433802a95ba0f328', class: "refresher-pulling-icon" }, index.h("div", { key: '0a947b7779502780f2c835f8686f3a06e21a9194', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: '59c129077809add46b7fe6dcf5fc0edbb1cc94d5', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (index.h("div", { key: 'a28750ed07d9337febbceb5550683eb1c302858c', class: "arrow-container" }, index.h("ion-icon", { key: 'e14e3b9f9ad51ce3a138a191a848078bd423fa9b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '22c4c80ef1e340a8ec9ca718849b412a09507967', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: '6506d0dd30bf639a23cda57c6d1c2a9c29e42ed6', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: 'a54967c5f539ed182106b1c5fa7b499de84c049a', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: '2e425f66d780e90474b8ebf7473b9f7c98f30c81', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '286b9b9cce1cb4450ffa5577f0b76044877722ce', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, index.h("div", { key: '2a8618ae8e1bd6c362209b626ebf61992826c5a0', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: '9e4caae17831f5fd43425ac4218064d51feda219', class: "refresher-pulling-icon" }, index.h("div", { key: 'c879db9a05b1ad5cb25311ca0a50171666c95e3d', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: '884aefdf604e502101c3097ad9ab06a2ecaaf8ef', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (index.h("div", { key: 'a3fee09c495a2a61a792faa1d21316746e24e0e6', class: "arrow-container" }, index.h("ion-icon", { key: 'f7a28f9dfbc5b0edc6bf44c5f8187dae4657d062', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: 'dcfddf82d55eda82cd44ac350f38c94434cb77e5', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: '1ad746e80516f131ef929c79c22c833f3bf9bf74', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: '248f7a0200310cfd30fd50ef014bb0bb57b0724b', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: '6168be7ae056728e0cf202d3206f3b761d46c94f', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '1b8eb48c27e9f24b50d917d4f765c78a41e99837', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -54,9 +54,9 @@ const Reorder = class {
     render() {
         const { reorderHandleIcon } = this;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'bc0b4cd34db6dfe794ab66a785d406bfc02236c5', class: {
+        return (index.h(index.Host, { key: 'aa3f510fde2876e0fd959ee5dd464862d2144b0c', class: {
                 [theme]: true,
-            } }, index.h("slot", { key: '28672768be8598b7cb47b7b2837b77afbc2c2e14' }, index.h("ion-icon", { key: '03b6620768da18a6f8cb0c55e94b85a53cbab66a', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, index.h("slot", { key: 'b346b0d8953ab38045a3be825039508615646327' }, index.h("ion-icon", { key: 'ef7a796fa344c7c1c3cc0369e08d696d9cbc65bd', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -320,7 +320,7 @@ const ReorderGroup = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'c095e5428be9f446f245d37a12653978bb2bc2b6', class: {
+        return (index.h(index.Host, { key: '51b2568949ebe0dfa865eba728fe3626d3cdf71f', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,

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

@@ -78,7 +78,7 @@ const RippleEffect = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '51fe7517d41c643bd4e746f366f513c42dac17dc', role: "presentation", class: {
+        return (index.h(index.Host, { key: 'cde1e9370a586bd5484dd25cd0fa31765dda02e6', role: "presentation", class: {
                 [theme]: true,
                 unbounded: this.unbounded,
             } }));

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

@@ -1075,10 +1075,10 @@ const RouterLink = class {
             rel: this.rel,
             target: this.target,
         };
-        return (index.h(index.Host, { key: '84efbafddc586ee3f616d4e1a13118c04d9b2753', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '807f4a6b1d3c8fb18ade05fd2a1af595c6e89002', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'ion-activatable': true,
-            }) }, index.h("a", Object.assign({ key: 'e8c7cda4c00ec45548ea52b632bc4adb07f9460c' }, attrs), index.h("slot", { key: '133bf1203a3e218e3868b4cfda00bb753ecea946' }))));
+            }) }, index.h("a", Object.assign({ key: 'a088910213b8716a3e3c9a1242af121c293c4b53' }, attrs), index.h("slot", { key: '1a7b3d126ad7e73a09c641cddfed5aeff2a1d544' }))));
     }
 };
 RouterLink.style = routerLinkCss();

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

@@ -586,8 +586,8 @@ const Searchbar = class {
         const shouldShowCancelButton = this.shouldShowCancelButton();
         const shape = this.getShape();
         const size = this.getSize();
-        const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: 'b7c0ac188898cd320c11ecc3f100a686468b0b24', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme$1 === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, index.h("div", { key: '3f04b6dcc64a2e51a4de863694888e5af3692387', "aria-hidden": "true" }, theme$1 === 'md' || theme$1 === 'ionic' ? (index.h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (index.h(index.Host, { key: '9c31c41ff5026a9c42f45a5cfd3c98d8eb4e9925', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: 'ba1054d659e4bea764fb452cbbbc2e6e5ed9aa62', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme$1 === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, index.h("div", { key: 'ce8b5af2840153e596f094b595586f805b62c2d8', "aria-hidden": "true" }, theme$1 === 'md' || theme$1 === 'ionic' ? (index.h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (index.h(index.Host, { key: 'd2ccc7761aca5a4a99db20127ec621f90472ca25', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -601,7 +601,7 @@ const Searchbar = class {
                 [`searchbar-shape-${shape}`]: shape !== undefined,
                 [`searchbar-size-${size}`]: size !== undefined,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
-            }) }, index.h("div", { key: '5710382c91b47ecfba36aab7bd8497723cb1aa04', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: '1ab27cbebfad408b96d1bb1b57e4caa7420ced72', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme$1 === 'md' || theme$1 === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (index.h("ion-icon", { key: '3e0d29f6f35e6b817bb4bc7f879e8445c2ceadee', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (index.h("button", { key: '87521fd5630077725fd30173d17fd1d49819c209', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: () => this.onClearInput(true) }, index.h("ion-icon", { key: 'd93452bbe539c582846e4a5826c0671e235349d0', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme$1 === 'ios' && cancelButton));
+            }) }, index.h("div", { key: '536e99e577fdb0280529a97d7b208e6ae3223990', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: '6155e03d7bed438e7dc4b7f14d1b9085f116cf8f', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme$1 === 'md' || theme$1 === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (index.h("ion-icon", { key: 'a88731ba90a73898c05c58341ab4fffc3a9c239e', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (index.h("button", { key: '7d47ae7bbfbb9278c2dc8aa8e156da5d80d50a88', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: () => this.onClearInput(true) }, index.h("ion-icon", { key: '7269c8b6886e8dea41ad17f257868a5d4bb9a5b8', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme$1 === 'ios' && cancelButton));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-segment-content.cjs.entry.js

@@ -12,7 +12,7 @@ const SegmentContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2f43cadcbcb1a9423b30e7abc169ff923a8c431f' }, index.h("slot", { key: 'c3a6d3e9c336f5124cdec9f37ef516324558073c' })));
+        return (index.h(index.Host, { key: '71f41e504f32036fcc250f60a6e3854f2b8d8e9a' }, index.h("slot", { key: 'ed5ee09cf924957e1551140b15c6d5a4a63a2042' })));
     }
 };
 SegmentContent.style = segmentContentCss();

package/dist/cjs/ion-segment-view.cjs.entry.js

@@ -121,11 +121,11 @@ const SegmentView = class {
     }
     render() {
         const { disabled, isManualScroll, swipeGesture } = this;
-        return (index.h(index.Host, { key: '8d1aa594c5674bca376ee3e9b18b60b0925dd875', class: {
+        return (index.h(index.Host, { key: '39a6d926dc2bf3e59cd16f2b7a735335418026e6', class: {
                 'segment-view-disabled': disabled,
                 'segment-view-scroll-disabled': isManualScroll === false,
                 'segment-view-swipe-disabled': swipeGesture === false,
-            } }, index.h("slot", { key: '6375fa794ae615b74a70968718aadefa0a9fc1d6' })));
+            } }, index.h("slot", { key: '5bd7e1015268e6971a9220e8ef23839f58fb608c' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -556,14 +556,14 @@ const Segment = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '65c576c0bb9ff0602793f75321d676a34b306b3b', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '4aab9258c768b2827c14b439414b3db219103e90', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'segment-activated': this.activated,
                 'segment-disabled': this.disabled,
                 'segment-scrollable': this.scrollable,
-            }) }, index.h("slot", { key: '210750a65ccada549bccf026871477ee2b7bdc69', onSlotchange: this.onSlottedItemsChange })));
+            }) }, index.h("slot", { key: '4de8a03aa0e08dfde3e951131bff3d3bce06b7b4', onSlotchange: this.onSlottedItemsChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -692,7 +692,7 @@ const SegmentButton = class {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (index.h(index.Host, { key: 'da5c8352e5e0f3a01211edbc39c5043cadc5b06f', class: {
+        return (index.h(index.Host, { key: '16ff6773fda91c45ee0bb46850934f26be19d105', class: {
                 [theme$1]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
@@ -708,7 +708,7 @@ const SegmentButton = class {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, index.h("button", Object.assign({ key: 'cfd963a166ebfeba590d6538069b26a107306583', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), index.h("span", { key: '845b729e96ba5b594d441ca41c73e2c33a4f5817', class: "button-inner" }, index.h("slot", { key: 'f38369982dd602c32dbbc6aca2fae6dbb53faa8a' })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: 'b1b15b731688dd02806409c9c3eda5519a958239' })), index.h("div", { key: 'fff597d493a85be8005ef3b9eb4f2a93c2a7a4d0', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, index.h("div", { key: 'f06b53d0ef9d08354f562ac6d3469998257dd688', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, index.h("button", Object.assign({ key: '0b022c58fbf1ced7da879a3bacad5dd178fe98c3', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), index.h("span", { key: '3f6d12eb9d9448a787c18da271f13d7073de4213', class: "button-inner" }, index.h("slot", { key: 'c68033866430947e6acbe6b1dae605fdf7e8bd55' })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '2df7503e10aca931f073073548c147e19de60998' })), index.h("div", { key: '425b190934c37f17bb49361cb0b6d01a6e2f3cec', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, index.h("div", { key: '33f204eed573fca4c065343f6a4474985ebff4ee', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -182,7 +182,7 @@ const SelectModal = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '9c8958c8e0b84421e5d6468bfc582acbea6a5f4f', class: Object.assign({ [ionicGlobal.getIonMode(this)]: true }, this.getModalContextClasses()) }, index.h("ion-header", { key: 'f994491c2b20ce1051e72bd164e4d5801e3cbe3c' }, index.h("ion-toolbar", { key: '9259caf459d88d0c83415ff2c612ad1dbb82598f' }, this.header !== undefined && index.h("ion-title", { key: '8eac7a1449dccd2e875639b2ded9b3b01759d474' }, this.header), index.h("ion-buttons", { key: 'b5a988ceb69f4b6b12c6f8379871120a18418f7c', slot: "end" }, index.h("ion-button", { key: 'ff996f920f44202a251abccc2e5ff9c586fdd5c5', "aria-label": this.cancelIcon ? this.cancelText : undefined, "data-focus-order": "2", onClick: () => this.closeModal() }, this.cancelIcon ? (index.h("ion-icon", { "aria-hidden": "true", slot: "icon-only", icon: this.cancelButtonIcon })) : (this.cancelText))))), index.h("ion-content", { key: 'b97cacb34df32548d36404919d316eb4bd1e5b71' }, index.h("ion-list", { key: 'f45ced2c9818d471f95046014f962163c72a9570' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (index.h(index.Host, { key: '3c54357041c0b4fe1221dba916dde9bfbab5df10', class: Object.assign({ [ionicGlobal.getIonMode(this)]: true }, this.getModalContextClasses()) }, index.h("ion-header", { key: 'fed058b666b444588eb2856beedf1f689be14cf0' }, index.h("ion-toolbar", { key: '4ad54b33aa2b38149b583850aa522d00c1db9418' }, this.header !== undefined && index.h("ion-title", { key: '12d9b9c904d225d9402739114b3ee5352333c274' }, this.header), index.h("ion-buttons", { key: '235a6c3777856b8e4dcf12db52f2cabd28c14bc2', slot: "end" }, index.h("ion-button", { key: 'dc2320000210100ee160865d2249cd027268fd53', "aria-label": this.cancelIcon ? this.cancelText : undefined, "data-focus-order": "2", onClick: () => this.closeModal() }, this.cancelIcon ? (index.h("ion-icon", { "aria-hidden": "true", slot: "icon-only", icon: this.cancelButtonIcon })) : (this.cancelText))))), index.h("ion-content", { key: '729b6821f15cc3d3743d67ec5a225902203dcdfb' }, index.h("ion-list", { key: 'ae4182b71368ecf8599bcb30c6e79f7703cdd445' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -971,7 +971,7 @@ const Select = class {
          */
         const labelShouldFloat = labelPlacement === 'stacked' ||
             (labelPlacement === 'floating' && (hasValue || hasFocus || isExpanded || hasStartEndSlots));
-        return (index.h(index.Host, { key: '9339cb236070c47333154d96c336dc1df9a11e1c', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '5cec6cd980d791d9a74a444a7371adc60edc9e6a', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'in-item-color': theme.hostContext('ion-item.ion-color', el),
@@ -990,7 +990,7 @@ const Select = class {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, index.h("label", { key: 'db8f0b67592f4b99f5e16d06ee8120852a60f4d1', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), index.h("div", { key: '30313c0f3034be59605b368d15af4ba00202a5f4', class: "select-wrapper-inner", part: "inner" }, 
+            }) }, index.h("label", { key: '70b401b0367a1ce5ba020f69d9be303984b0171a', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), index.h("div", { key: '465028fa5227ec7d5748f5672a3032b98f7b530f', class: "select-wrapper-inner", part: "inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -1000,7 +1000,7 @@ const Select = class {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: '78bba2953ba88efd1189afa31e8229a8972175e5', class: "select-outline" }), index.h("slot", { key: '086505d193a19677d33e26a5a116783d999c6861', name: "start" }), index.h("div", { key: '5bb7863236596cad5c1118be1ae54898b638b760', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: '38744ee0cc6750f84d11470c09a4e950d73f1e44', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: '4eecb0df50800d16bea58c5649e68e06b122e472', class: "select-highlight" })), this.renderBottomContent()));
+        theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: '82f1acd07b4fa08058da6121151e5926abb6fa77', class: "select-outline" }), index.h("slot", { key: '9ffaced18e0013830587c82c717d81c7449fe1f5', name: "start" }), index.h("div", { key: '9b90d18bb33a04a34a562d5d6b048bb8907e58b6', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: '5a40623639ced84b7ca6d7017adb92f8b1eb017e', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: '1935912a74c2f4e8160936fbccd1e1fb6b472d1e', class: "select-highlight" })), this.renderBottomContent()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1270,7 +1270,7 @@ const SelectOption = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '059d2198c422852c16aba1c7523ac6e9e586006f', class: {
+        return (index.h(index.Host, { key: '3a3b73f5a7d447d32daa848de4fa28a4261cd54d', class: {
                 [theme]: true,
             }, role: "option", id: this.inputId }));
     }
@@ -1441,9 +1441,9 @@ const SelectPopover = class {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '67fce6871134ff1258513a12651eb8cc7360909d', class: {
+        return (index.h(index.Host, { key: '1a51583c1c3162d4273ecdee74363a2d87c2e6a2', class: {
                 [theme]: true,
-            } }, index.h("ion-list", { key: 'febb96b8416fd9ba31901588b45ffdd7280f66d4' }, header !== undefined && index.h("ion-list-header", { key: '169cb07093e8c3d79ee8e6e112e380c75e464112' }, header), hasSubHeaderOrMessage && (index.h("ion-item", { key: 'c2e1ee0f1efa048c9c0d321102357753ffd3baec' }, index.h("ion-label", { key: 'e92c50cf699d2d1bd867b9d46bff8d0d8233f56e', class: "ion-text-wrap" }, subHeader !== undefined && index.h("h3", { key: 'b4775e6d6db5fef143ed9f91fa7717d214feedd6' }, subHeader), message !== undefined && index.h("p", { key: '6ee92e9bff861e62c453ca0dfedce0093b8a25fe' }, message)))), this.renderOptions(options))));
+            } }, index.h("ion-list", { key: 'fbab6b52bca92448690c3551aa479384250d6134' }, header !== undefined && index.h("ion-list-header", { key: '084cbec55a6ed62e81102b56b0ddcc16ae516bda' }, header), hasSubHeaderOrMessage && (index.h("ion-item", { key: '1e9f91956ccf845e892cb2d8ee52c07186ac6e16' }, index.h("ion-label", { key: 'a1fa7b5722fc7cc751615af4c7a5bec1a312097c', class: "ion-text-wrap" }, subHeader !== undefined && index.h("h3", { key: 'beda52e83abf2470f5ca44f6d7999b952343e51b' }, subHeader), message !== undefined && index.h("p", { key: '70ef5890727b704e4e5af668c49ebd843522ab73' }, message)))), this.renderOptions(options))));
     }
     get el() { return index.getElement(this); }
 };