@ionic/core 8.0.0-dev.11711476529.17eae6ec → 8.0.0-dev.11711498366.18f063ac

package/components/ion-menu-button.js

@@ -5,7 +5,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { i as inheritAriaAttributes } from './helpers.js';
 import { m as menuController } from './index4.js';
 import { c as createColorClasses, h as hostContext } from './theme.js';
-import { m as menuOutline, l as menuSharp } from './index6.js';
+import { n as menuOutline, o as menuSharp } from './index6.js';
 import { d as getIonTheme, c as config } from './ionic-global.js';
 import { u as updateVisibility } from './menu-toggle-util.js';
 import { d as defineCustomElement$3 } from './icon.js';
@@ -54,7 +54,7 @@ const MenuButton = /*@__PURE__*/ proxyCustomElement(class MenuButton extends HTM
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (h(Host, { key: '3e04ff01e24f7c35749ccf86c95ee451ee6b18a9', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: 'f6bdc7c810c7df4a76dab326295c08f3dfa87abe', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
                 [theme]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -63,7 +63,7 @@ const MenuButton = /*@__PURE__*/ proxyCustomElement(class MenuButton extends HTM
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, h("button", Object.assign({ key: '0f517175e527831f916e484c89c43aba524aa586' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: '05097795d743ee11e4196b2ad38ef020e7115835', class: "button-inner" }, h("slot", { key: 'aa45a3b53596c0cbb8866db495a7e32a2077c7f0' }, h("ion-icon", { key: '5cb53cc30c1e555a7c69750f6bd312df4d9bf234', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && h("ion-ripple-effect", { type: "unbounded" }))));
+            }) }, h("button", Object.assign({ key: '962db265439e4fbbf7d012eb01e375387b75956b' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: 'f8e5c4c84cd8f884d3d85e70d534febe1bd7f567', class: "button-inner" }, h("slot", { key: '9edba975bcf8a4cde652aff502b47fadf8d69036' }, h("ion-icon", { key: '667c140306953ebf95b604ead4c712242b90bac0', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && h("ion-ripple-effect", { type: "unbounded" }))));
     }
     get el() { return this; }
     static get style() { return {

package/components/ion-menu-toggle.js

@@ -30,10 +30,10 @@ const MenuToggle = /*@__PURE__*/ proxyCustomElement(class MenuToggle extends HTM
     render() {
         const theme = getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
-        return (h(Host, { key: '09cc1613fa9538946363397ccc611eaaa4195015', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (h(Host, { key: '66f29363d2c6fcf24458ff7013531cea2b15c14c', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [theme]: true,
                 'menu-toggle-hidden': hidden,
-            } }, h("slot", { key: 'f3f13218947563b6f63c874385f3ec1a4199cf2c' })));
+            } }, h("slot", { key: 'ef35254cfb31f109ebc67671983d87b653d568fa' })));
     }
     static get style() { return IonMenuToggleStyle0; }
 }, [1, "ion-menu-toggle", {

package/components/ion-menu.js

@@ -599,14 +599,14 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (h(Host, { key: '1ecc3080e6eb9fd7bf5e39f76e8bf3b10cc38ec6', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (h(Host, { key: '992d219168e9434ee02b3e001ad337c581a8d945', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [theme]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, h("div", { key: 'eff71ce215cbaa2f457cb882a2aa4dd83e12a006', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '3da803813630e14a2f2c6495fa90399948df902f' })), h("ion-backdrop", { key: 'e9954fddfc4c5f601586e67ef341f66e16777f8d', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: 'd32b67bdcaafa6590a5a9d9ff9d3755f5b5f715a', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: 'ecdad8c9f4000bb5c79385d68f0848b2cf95b5b2' })), h("ion-backdrop", { key: '13fe3027cb8ac17761c9d044c6283d9a26b486b1', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-modal.js

@@ -1630,9 +1630,9 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends HTMLElement {
         const theme = getIonTheme(this);
         const isCardModal = presentingElement !== undefined && theme === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
-        return (h(Host, Object.assign({ key: '813736a125e3f94418fc4b846fba8dd248ad6327', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '0e6dbd096571f5d7fc8f34da1c2aab10598dd65d', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: '9f2c13bc3d64876d8782695c5195767d7f2f67d9', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { class: "modal-shadow" }), h("div", Object.assign({ key: '7b970bab0b9724033ab390662fbe050f1425e2b6',
+            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: '76b0f13942696cb28c58674c3c76f6194b639021', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { class: "modal-shadow" }), h("div", Object.assign({ key: '52c11dfd4d0885e0f0843175ea390002334c8912',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -1641,7 +1641,7 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends HTMLElement {
             */
             role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { class: "modal-handle",
             // Prevents the handle from receiving keyboard focus when it does not cycle
-            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), h("slot", { key: 'ae777acb669ecb0b364899d7c09acdbd222b19f1' }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), h("slot", { key: '72b88f97cbbf47bcea140b01484edc681833ab7f' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-nav-link.js

@@ -36,7 +36,7 @@ const NavLink = /*@__PURE__*/ proxyCustomElement(class NavLink extends HTMLEleme
         this.routerAnimation = undefined;
     }
     render() {
-        return h(Host, { key: '45811e228f0a52a658e968c3b996f18007808485', onClick: this.onClick });
+        return h(Host, { key: '790b4ed7d6b4998e4e0e1ef11d8860754324e9a9', onClick: this.onClick });
     }
     get el() { return this; }
 }, [0, "ion-nav-link", {

package/components/ion-nav.js

@@ -906,7 +906,7 @@ const Nav = /*@__PURE__*/ proxyCustomElement(class Nav extends HTMLElement {
         }
     }
     render() {
-        return h("slot", { key: '0ad6ea9a7b0ed39732734e45e7ae843ac7ef2a7e' });
+        return h("slot", { key: '4a59480d82787c8ac6c118f9b37cd378f4b24373' });
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-note.js

@@ -23,9 +23,9 @@ const Note = /*@__PURE__*/ proxyCustomElement(class Note extends HTMLElement {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '82207dc3c86d194b5f495f9af698ec18ccd1e0e6', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'b1cdaf64409931cc89cd37a457933ae60d34a7a3', class: createColorClasses(this.color, {
                 [theme]: true,
-            }) }, h("slot", { key: '6552436c58d1626864d36daea93df3a5d14b67ba' })));
+            }) }, h("slot", { key: '7835cb5ff344e6872ef551f48e80ed736f7844f8' })));
     }
     static get style() { return {
         ionic: IonNoteIonicStyle0,

package/components/ion-picker-legacy.js

@@ -239,11 +239,11 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class Picker extends HTMLElement
     render() {
         const { htmlAttributes } = this;
         const theme = getIonTheme(this);
-        return (h(Host, Object.assign({ key: '687fd87fb2a0bffcdbd38fe91785d2572d4cd141', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'ad6fd4292dc1e48c7a6043eb5593e2d5f5785b8f', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: Object.assign({ [theme]: true,
                 // Used internally for styling
-                [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: '053fa3b4c98c0f29e45a74551978a831ac9742cb', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'dd3edfc5c879790849087f8ec251ca767d35ec3b', tabindex: "0" }), h("div", { key: '9a1b8b2008e5b6f76d35766164909edea71598ef', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: 'af96808e7ab42b45ee922a410860b5cbbca38a34', class: "picker-toolbar" }, this.buttons.map((b) => (h("div", { class: buttonWrapperClass(b) }, h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), h("div", { key: 'b0a382a73555146c5962a4c94fc54bb3080350b9', class: "picker-columns" }, h("div", { key: 'd09fa7270c06d9fccb9ee1043f93f267df1a0bbc', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: 'c612908bf2523b81cc88e6fc445d52836a00fd45', class: "picker-below-highlight" }))), h("div", { key: 'd6254d12e1570d377ca2721f3f3cb040159aec60', tabindex: "0" })));
+                [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: '0858064f2ee5c3c7f872703333a361b89986481e', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'f1775e0f116f322d4e50b8b3df9c8e61bc928509', tabindex: "0" }), h("div", { key: '4756c02f70314f0c23548ea49251462e9ca38178', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: '9a805996f53afc87334bdcbdcac59aadd83e1700', class: "picker-toolbar" }, this.buttons.map((b) => (h("div", { class: buttonWrapperClass(b) }, h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), h("div", { key: '13c01d5c3e6400c09f9b68fdb7d2805992a959a5', class: "picker-columns" }, h("div", { key: 'a4a65cf3a0e6700d70f2b615125a3b970aa52b5d', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: 'b9d6480fe2c9d1d967b94ba304e8d9b77a0a81a1', class: "picker-below-highlight" }))), h("div", { key: '6a1edbe51a5983e2a91990b0b9652e20c08f63f1', tabindex: "0" })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-progress-bar.js

@@ -32,7 +32,7 @@ const ProgressBar = /*@__PURE__*/ proxyCustomElement(class ProgressBar extends H
         const theme = getIonTheme(this);
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (h(Host, { key: 'da38e6bb5b787eb5f892fc365bfd7bd005bbd00e', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses(color, {
+        return (h(Host, { key: '63618b06100d3a77c225b5d816a699eebed46407', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses(color, {
                 [theme]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,

package/components/ion-range.js

@@ -604,7 +604,7 @@ const Range = /*@__PURE__*/ proxyCustomElement(class Range extends HTMLElement {
         const needsEndAdjustment = inItem && !hasEndContent;
         const theme = getIonTheme(this);
         renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (h(Host, { key: 'bd88c11374e23af08980f6857ac559a6650f157a', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'fd6045944a8eb8a13c8996cd6611fcd9cec6d3b4', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -613,10 +613,10 @@ const Range = /*@__PURE__*/ proxyCustomElement(class Range extends HTMLElement {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, h("label", { key: '4edae72dbabdae42752f62a0b59ca91c399a465d', class: "range-wrapper", id: "range-label" }, h("div", { key: 'a56572f64fbc9f58e91e5e7afd4bcdcda4960bb5', class: {
+            }) }, h("label", { key: '6c9416a25e26352492b9fc13a07e754c518afc6b', class: "range-wrapper", id: "range-label" }, h("div", { key: '69580aa21219d9901351ea8db101e426064c4c5b', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: '72312c03563083dff4c8d4dcd6b86094461662d8', class: "native-wrapper" }, h("slot", { key: '471947329ba067b0ece4d1c88ed7137f314d086d', name: "start" }), this.renderRangeSlider(), h("slot", { key: '6d686e374d125a7953e7b24cf7b7c008f0a6ffed', name: "end" })))));
+            }, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: '066ecb1e374d17b2d5eceb808f54562310dc17ff', class: "native-wrapper" }, h("slot", { key: '409c88e5b93afa77bed78deb471c60a01090662e', name: "start" }), this.renderRangeSlider(), h("slot", { key: '580d31ac5abf623e9e9c1af09ce33ac4192dbc89', name: "end" })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-refresher-content.js

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config.js';
-import { n as caretBackSharp, o as arrowDown } from './index6.js';
+import { p as caretBackSharp, q as arrowDown } from './index6.js';
 import { c as config, d as getIonTheme } from './ionic-global.js';
 import { e as supportsRubberBandScrolling } from './refresher.utils.js';
 import { d as defineCustomElement$2, S as SPINNERS } from './spinner.js';
@@ -53,9 +53,9 @@ const RefresherContent = /*@__PURE__*/ proxyCustomElement(class RefresherContent
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '1af7f2ac469dabdbea1307c839afe014a08f5299', class: {
+        return (h(Host, { key: '85a44b93142f4a0c05e14ecd39ec44d4047d7cc0', class: {
                 [theme]: true,
-            } }, h("div", { key: 'dc1500809215267cb68a2fc39eeb04725bf9948e', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("div", { class: "spinner-arrow-container" }, h("ion-spinner", { name: this.pullingIcon, paused: true }), theme === 'md' && this.pullingIcon === 'circular' && (h("div", { class: "arrow-container" }, h("ion-icon", { icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("ion-icon", { icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: 'e5892f9590bb2c9ceb12e39bac9755eadc6ac683', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { class: "refresher-refreshing-icon" }, h("ion-spinner", { name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, h("div", { key: 'bfcfe123ee64018a5788cc9d8742287f3a981682', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("div", { class: "spinner-arrow-container" }, h("ion-spinner", { name: this.pullingIcon, paused: true }), theme === 'md' && this.pullingIcon === 'circular' && (h("div", { class: "arrow-container" }, h("ion-icon", { icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("ion-icon", { icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: '3e0abc2a65509625c5ea14e5dddcd833b8d5c34d', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { class: "refresher-refreshing-icon" }, h("ion-spinner", { name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     get el() { return this; }
 }, [0, "ion-refresher-content", {

package/components/ion-refresher.js

@@ -606,7 +606,7 @@ const Refresher = /*@__PURE__*/ proxyCustomElement(class Refresher extends HTMLE
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '552e23519ef35bdf33358f2e3219f364b3c2cd71', slot: "fixed", class: {
+        return (h(Host, { key: 'c4257458e87911a8ff8be8d55044f0515070e7bf', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,

package/components/ion-reorder-group.js

@@ -245,7 +245,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '166dea821a1071bbc47c52088ad471598906aa69', class: {
+        return (h(Host, { key: '224918a96b7e85d6e4f8b774da8d5ba4e139825a', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,

package/components/ion-reorder.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { r as reorderThreeOutline, p as reorderTwoSharp } from './index6.js';
+import { r as reorderThreeOutline, s as reorderTwoSharp } from './index6.js';
 import { d as getIonTheme } from './ionic-global.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
@@ -33,9 +33,9 @@ const Reorder = /*@__PURE__*/ proxyCustomElement(class Reorder extends HTMLEleme
     render() {
         const theme = getIonTheme(this);
         const reorderIcon = theme === 'ios' ? reorderThreeOutline : reorderTwoSharp;
-        return (h(Host, { key: 'b1ac62e21d23164e5e0e092bb80488b432093a6e', class: {
+        return (h(Host, { key: '28e184fe304172c51b0562ae11f1f85bb91acfbe', class: {
                 [theme]: true,
-            } }, h("slot", { key: '84fb2595ffb9d96ea8dd81e600b12c4e3ec750a4' }, h("ion-icon", { key: 'f389aa4ff4d98d1d28019f93a7197859ccdfe77c', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, h("slot", { key: '020bf9424b64d050e85dde330acc2c92917d515d' }, h("ion-icon", { key: '753a238e178dcd8a1a7a5611b553ee6dac878255', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     get el() { return this; }
     static get style() { return {

package/components/ion-router-link.js

@@ -30,10 +30,10 @@ const RouterLink = /*@__PURE__*/ proxyCustomElement(class RouterLink extends HTM
             rel: this.rel,
             target: this.target,
         };
-        return (h(Host, { key: 'f13b788a5725dfba211c2c4558d4dfc9099d8dd3', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '8de6795119ef7ef66fcb2666198b47ed0a89c1e0', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'ion-activatable': true,
-            }) }, h("a", Object.assign({ key: 'a67cea28fb740c6db408a32973cd5fcbaecf7db0' }, attrs), h("slot", { key: 'ab63b4654ee317c48df7fb8aaf350eb9c272935c' }))));
+            }) }, h("a", Object.assign({ key: 'e7bfa23fa6cde7def307d8eb962ba0b3a04bacc7' }, attrs), h("slot", { key: 'b7bf42a00137767eace70fe2a637a7f0faf1a333' }))));
     }
     static get style() { return IonRouterLinkStyle0; }
 }, [1, "ion-router-link", {

package/components/ion-router-outlet.js

@@ -186,7 +186,7 @@ const RouterOutlet = /*@__PURE__*/ proxyCustomElement(class RouterOutlet extends
         return true;
     }
     render() {
-        return h("slot", { key: 'bd25db1178276d333a68a25e5e35f5dbe0714805' });
+        return h("slot", { key: 'e48ce56d7e579635a6c4eec7b01dda14df62d0c6' });
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-row.js

@@ -15,9 +15,9 @@ const Row = /*@__PURE__*/ proxyCustomElement(class Row extends HTMLElement {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '9ce8c6b2c56c8395b0fdbf27596a8995ab0c32ae', class: {
+        return (h(Host, { key: '157738c7cf82cd8ceb33b51c1eb84566bd51e805', class: {
                 [theme]: true,
-            } }, h("slot", { key: '669552a7ad745daaf193ce0bad3ef4dbe062ba8c' })));
+            } }, h("slot", { key: 'dd90ecc26238c372b9f0d933786082732d42f798' })));
     }
     static get style() { return IonRowStyle0; }
 }, [1, "ion-row"]);

package/components/ion-searchbar.js

@@ -5,7 +5,7 @@ import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } fr
 import { l as debounceEvent, d as inheritAttributes, c as componentOnReady, r as raf } from './helpers.js';
 import { i as isRTL } from './dir.js';
 import { c as createColorClasses } from './theme.js';
-import { b as arrowBackSharp, j as closeCircle, k as closeSharp, s as searchOutline, q as searchSharp } from './index6.js';
+import { b as arrowBackSharp, j as closeCircle, k as closeSharp, t as searchOutline, u as searchSharp } from './index6.js';
 import { c as config, d as getIonTheme } from './ionic-global.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
@@ -133,7 +133,7 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
         this.noAnimate = true;
         this.color = undefined;
         this.animated = false;
-        this.autocapitalize = undefined;
+        this.autocapitalize = 'off';
         this.autocomplete = 'off';
         this.autocorrect = 'off';
         this.cancelButtonIcon = config.get('backButtonIcon', arrowBackSharp);
@@ -394,8 +394,8 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
         const clearIcon = this.clearIcon || (theme === 'ios' ? closeCircle : closeSharp);
         const searchIcon = this.searchIcon || (theme === 'ios' ? searchOutline : searchSharp);
         const shouldShowCancelButton = this.shouldShowCancelButton();
-        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '0110d5f6f4cfb813a4cdf7e7954c8b7ada021f15', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: 'e5f260684cfa75a43063e6d0071d4c220ea49563', "aria-hidden": "true" }, theme === 'md' ? (h("ion-icon", { "aria-hidden": "true", icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
-        return (h(Host, { key: '3460520d8b2dd69dab7231b88bcb571b50992f89', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: 'e1b9ddf497da5ab482c5f7b2b6f607eb41a51367', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: 'efc1ab4e5f90951cbaa11be3b06f328b0bf3e538', "aria-hidden": "true" }, theme === 'md' ? (h("ion-icon", { "aria-hidden": "true", icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
+        return (h(Host, { key: '6bd18ef4a5e9334eb4f3eeed1ca576c534e1739b', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
                 [theme]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -405,14 +405,14 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
                 'searchbar-has-focus': this.focused,
                 'searchbar-should-show-clear': this.shouldShowClearButton(),
                 'searchbar-should-show-cancel': this.shouldShowCancelButton(),
-            }) }, h("div", { key: 'cd68bfe8d27cc16477c238e34ca138b999296f5f', class: "searchbar-input-container" }, h("input", Object.assign({ key: '0c4618569243a63164e680712804381cffd5a858', "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: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), theme === 'md' && cancelButton, h("ion-icon", { key: '360bbd3432866db7f9c5b5f0fb653935b81f0ab2', "aria-hidden": "true", icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '70d10d5f4c5839326ec3d6c7468a21943148cdef', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, h("div", { key: '9206c0f8367f4bdfb165d025e9212b3988d5d777', class: "searchbar-input-container" }, h("input", Object.assign({ key: '45d0683d338cf7eba0c46de7287d19e7ced2983b', "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: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), theme === 'md' && cancelButton, h("ion-icon", { key: '51c09903d721758c95842c96b527e077663b83e9', "aria-hidden": "true", icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '246fba097c51614f658618ef03e83b0b50f4b233', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: 'e541e14885d13f2844e392a4109a86062b62b2d0', "aria-hidden": "true", icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: 'c0102ec701f0adbbdecb31bd78d5115607261061', "aria-hidden": "true", icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-segment-button.js

@@ -85,7 +85,7 @@ const SegmentButton = /*@__PURE__*/ proxyCustomElement(class SegmentButton exten
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const theme = getIonTheme(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (h(Host, { key: '85777c6a1659339f9a0fa98ebe3e7cfbabf1653f', class: {
+        return (h(Host, { key: '13a371d8e2a0ebac3c62b7a1920e3a4bf3a77c62', class: {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -101,10 +101,10 @@ const SegmentButton = /*@__PURE__*/ proxyCustomElement(class SegmentButton exten
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, h("button", Object.assign({ key: '98bb77139779f40911c1892f48dc2d5e5e5e6514', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: 'dfe04b5169d6237dad431e6f14391bfcea3717bb', class: "button-inner" }, h("slot", { key: '531b69c1a6617708760da7f02be0fba4a377bcf8' })), theme === 'md' && h("ion-ripple-effect", null)), h("div", { key: '27e2db764e8a1820d20f29e521dc93df5a63fc0d', part: "indicator", class: {
+            } }, h("button", Object.assign({ key: '485a65f3363535c16a19f2733145437aa43b0df0', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '56d41f6cd90cf57d45da46616fc84239935bf6e6', class: "button-inner" }, h("slot", { key: '9bac1100713695ec067524c98c957821bbd8e3b5' })), theme === 'md' && h("ion-ripple-effect", null)), h("div", { key: 'b77df00c0ac881c7c65061e721cc0f45f5060851', part: "indicator", class: {
                 'segment-button-indicator': true,
                 'segment-button-indicator-animated': true,
-            } }, h("div", { key: '71edeedd4fe69afc2a70a8b8c64b9ea0f995fdb8', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, h("div", { key: '29408e74ccaf30994f4f7f0b5e03787a99972ef6', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-segment.js

@@ -431,14 +431,14 @@ const Segment = /*@__PURE__*/ proxyCustomElement(class Segment extends HTMLEleme
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '93e49c7f9d0dc078c7a6bad31e2d33fe91fb1728', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'edb5182f68a0ad4cefab539afdf1a0d64447053a', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'segment-activated': this.activated,
                 'segment-disabled': this.disabled,
                 'segment-scrollable': this.scrollable,
-            }) }, h("slot", { key: '75481d77210868270ca5eaa0e13b705db5905925' })));
+            }) }, h("slot", { key: '0b2288bddcffde891302c71a41d611d1fb98340e' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-select-option.js

@@ -18,7 +18,7 @@ const SelectOption = /*@__PURE__*/ proxyCustomElement(class SelectOption extends
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '20235a3933110bfca53a54019b16cfdbf41e3d47', class: {
+        return (h(Host, { key: 'a0b9d59460e0fa4637aed6ab7665da434e05a9f7', class: {
                 [theme]: true,
             }, role: "option", id: this.inputId }));
     }

package/components/ion-select.js

@@ -9,7 +9,7 @@ import { c as popoverController, b as actionSheetController, a as alertControlle
 import { i as isRTL } from './dir.js';
 import { h as hostContext, c as createColorClasses } from './theme.js';
 import { w as watchForOptions } from './watch-options.js';
-import { t as chevronExpand, h as caretDownSharp } from './index6.js';
+import { v as chevronExpand, h as caretDownSharp } from './index6.js';
 import { d as getIonTheme } from './ionic-global.js';
 import { d as defineCustomElement$f } from './action-sheet.js';
 import { d as defineCustomElement$e } from './alert.js';
@@ -595,7 +595,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: '337114bfda3c5a604454ebab1cd38da546922276', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '31d6c53e81c89bd86883932e39215a12b9fd6e7f', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -611,7 +611,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
                 [`select-justify-${justify}`]: justifyEnabled,
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
-            }) }, h("label", { key: '82de04dbd97ad93a450a22272277be58adbd8c71', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '279eb8a35c0d45b0db959e62333bd9d5960066e6', class: "select-wrapper-inner" }, h("slot", { key: 'dbd606bdf90addb0e10ecbe1bbeae2def48cb2fa', name: "start" }), h("div", { key: '3eda8840500347860639334014fdbd843b3f6e81', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '76c1c1e72e87531f7c106fc9d2f5e477c6c7e626', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { class: "select-highlight" }))));
+            }) }, h("label", { key: '2d5ad6c905042f2444e7c295657672544ad2f8b7', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '0595dc92f243fa2059a80c311e0dd6c24a683e0f', class: "select-wrapper-inner" }, h("slot", { key: '765c5f680d904fc60d6ed4517e83cfcf11782fe4', name: "start" }), h("div", { key: '7091eb4bcc5cf4727865dd09cf2c2a1db4d3435e', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '9c554e332af0efbb8e9afa2510d3fc9988631f08', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { class: "select-highlight" }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-skeleton-text.js

@@ -32,11 +32,11 @@ const SkeletonText = /*@__PURE__*/ proxyCustomElement(class SkeletonText extends
         const animated = this.animated && config.getBoolean('animated', true);
         const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
         const theme = getIonTheme(this);
-        return (h(Host, { key: '13bcbf6760f12a128eeb7806833f797ed778a1e2', class: {
+        return (h(Host, { key: '9c9a256001f173613dc4b715b2864d3e14a1e071', class: {
                 [theme]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, h("span", { key: '78bd56f6c97f72a85758f16e9186d7a258e7e73d' }, "\u00A0")));
+            } }, h("span", { key: '5ffdaef2c9a438a7c5cf4bf6da4cd9e17d41bca0' }, "\u00A0")));
     }
     get el() { return this; }
     static get style() { return IonSkeletonTextStyle0; }

package/components/ion-split-pane.js

@@ -132,12 +132,12 @@ const SplitPane = /*@__PURE__*/ proxyCustomElement(class SplitPane extends HTMLE
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'b5ad2b32f12e0efc1c579238458f81404348172e', class: {
+        return (h(Host, { key: '390c6c13e78c2004d992139c93ccdc91cd2591e2', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`split-pane-${theme}`]: true,
                 'split-pane-visible': this.visible,
-            } }, h("slot", { key: '688b702424b64ccc01dd7edbee37c220d277c2b4' })));
+            } }, h("slot", { key: 'dc8c53a9857b9db82f91684ccf495aa2a4757fa2' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-tab-bar.js

@@ -63,11 +63,11 @@ const TabBar = /*@__PURE__*/ proxyCustomElement(class TabBar extends HTMLElement
         const { color, translucent, keyboardVisible } = this;
         const theme = getIonTheme(this);
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (h(Host, { key: '472b19ffa681b062a4e6a3a5dbb484ce27e53976', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '876758e00695cbe1b7068a63dae939acb475c669', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
                 [theme]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
-            }) }, h("slot", { key: '8b5b9b1ac56918e47c4474a2c235d969d1854c36' })));
+            }) }, h("slot", { key: '1e3d595e688f6bc92fc1f52815a58eae617c8084' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-tab-button.js

@@ -79,7 +79,7 @@ const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLE
             rel,
             target,
         };
-        return (h(Host, { key: 'f916e959d54e3a2880badb4366773743780fcd4c', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (h(Host, { key: 'a3e5684eaab08ab038441d0b069d9d94fdb2bb75', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [theme]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -91,7 +91,7 @@ const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLE
                 'ion-activatable': true,
                 'ion-selectable': true,
                 'ion-focusable': true,
-            } }, h("a", Object.assign({ key: '6ae661f6e91e2916111aa556735e066001720d76' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), h("span", { key: '6fab328b467b7fbe1e7c27134df10b8868b05c80', class: "button-inner" }, h("slot", { key: '0f38f4765c907a1d74f57eaa0a325f67ea4da0e2' })), theme === 'md' && h("ion-ripple-effect", { type: "unbounded" }))));
+            } }, h("a", Object.assign({ key: 'b851b846f28da9af55c25cb4493b635b91cc65bb' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), h("span", { key: '9cf94f67da9f7d97853bf37394c026e93974c1f1', class: "button-inner" }, h("slot", { key: 'fc30698b72b1bc506c117c1045c6f3030dcdfa4f' })), theme === 'md' && h("ion-ripple-effect", { type: "unbounded" }))));
     }
     get el() { return this; }
     static get style() { return {

package/components/ion-tab.js

@@ -55,10 +55,10 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class Tab extends HTMLElement {
     }
     render() {
         const { tab, active, component } = this;
-        return (h(Host, { key: '25152d0c5cb67053bc529ddd7a8f87344a23adaa', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (h(Host, { key: 'b419a861283f5c591c2a6031ff034766912de54a', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, h("slot", { key: '786d2a026df2f1c0c6643a602b36b2d2b70b59a0' })));
+            } }, h("slot", { key: '617d491cae1552394db606efb817ec2dbb1365ce' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-tabs.js

@@ -140,7 +140,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (h(Host, { key: '91050ed237918190ac694e057344ff29e0e6d5b5', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: 'a46e5ec1df57e850f6c18a7c386c9e16c8cbe09d', name: "top" }), h("div", { key: 'ece935d56f859d95a0abde26cf1bc22fff6d4d16', class: "tabs-inner" }, h("slot", { key: '9c756c699d90a0f85fa589eab3fc7a0f8c7b8d1c' })), h("slot", { key: 'adc6a0f4afede64f0226e9fb0169e0759955862e', name: "bottom" })));
+        return (h(Host, { key: '2dcd503f13b7b4e77e73920db4d384744b373fe5', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '2fbffcc2505f54ca75066cf6df6d3faabda70ec4', name: "top" }), h("div", { key: 'f31081b00b9f175661cfea5a881d13175dc28540', class: "tabs-inner" }, h("slot", { key: 'd0f095af88cb8701ba218244cdee02b9599d7c9c' })), h("slot", { key: 'e29fe09d948f08c08b055de0efb4532201d14d6e', name: "bottom" })));
     }
     get el() { return this; }
     static get style() { return IonTabsStyle0; }

package/components/ion-text.js

@@ -17,9 +17,9 @@ const Text = /*@__PURE__*/ proxyCustomElement(class Text extends HTMLElement {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '9b8da45b71b833b0f6d48775b785fcbf86b109dc', class: createColorClasses(this.color, {
+        return (h(Host, { key: '6ea7825c51881a6ba8d0c01884a9776dc06c2df0', class: createColorClasses(this.color, {
                 [theme]: true,
-            }) }, h("slot", { key: '10d1a6ab506cfae2858bec6c9451f3d7f16cd55f' })));
+            }) }, h("slot", { key: '9458b85a5037b41bb632e798e8929c6638599d61' })));
     }
     static get style() { return IonTextStyle0; }
 }, [1, "ion-text", {

package/components/ion-textarea.js

@@ -367,7 +367,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (h(Host, { key: 'd1b73299b7e55d87bdca6a026409801b8e4c793c', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'cc3e59fb7c38068891f3d69bb1534fb8fad73fa8', class: createColorClasses(this.color, {
                 [theme]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -376,7 +376,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
                 [`textarea-shape-${shape}`]: shape !== undefined,
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
-            }) }, h("label", { key: '56a14c9be398e0f4dbf1f9a71999dc0aecaa732e', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '0c2ead1040301502244e7afc38f14051b40e4711', class: "textarea-wrapper-inner" }, h("div", { key: '3a2f6d8db60c807e7ff11342f45082197fba5abe', class: "start-slot-wrapper" }, h("slot", { key: '3a8238e824f737c0c99081bac7c02dc1b519a3aa', name: "start" })), h("div", { key: '7704ec78ff12ea56f6a8193dd78b4333750051dc', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '434da6f41cde5833cfe9cefd469ea54e8204e6a6', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), h("div", { key: 'ea8d0e2fc46aa2565c9ca075bd5813b79b090942', class: "end-slot-wrapper" }, h("slot", { key: '5b0924fcf975858005da294df8cabc46d5d0c751', name: "end" }))), shouldRenderHighlight && h("div", { class: "textarea-highlight" })), this.renderBottomContent()));
+            }) }, h("label", { key: '86fec96f55297e95a460eafc128478ae6517594e', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'c5bcf4ec24a9353862a952a87ee594438abb23a4', class: "textarea-wrapper-inner" }, h("div", { key: 'dba84845364f83ab68dc77ba8e38e027b5ca6d48', class: "start-slot-wrapper" }, h("slot", { key: '025498e4ae5d181802db68cef988b97539314c93', name: "start" })), h("div", { key: 'b8f97100ed7ae5218abaf4c5d8e0c5d7308d92b2', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: 'b28682e84eef9e7bc9f6f62504493d1a2980bf3f', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), h("div", { key: '9ab68e2fb2639744b20baecd02d7c121c74a7bdf', class: "end-slot-wrapper" }, h("slot", { key: '2ab75fa4769858aa1fd9e7ea22bc1d438605c5da', name: "end" }))), shouldRenderHighlight && h("div", { class: "textarea-highlight" })), this.renderBottomContent()));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-thumbnail.js

@@ -15,9 +15,9 @@ const Thumbnail = /*@__PURE__*/ proxyCustomElement(class Thumbnail extends HTMLE
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '6fefc1480c867df5356d30a82f264b46187ae42a', class: {
+        return (h(Host, { key: 'c4d5f83ea8f3bf55bfe093200b54284bd136676c', class: {
                 [theme]: true,
-            } }, h("slot", { key: '6b9c3f5ea26f9232659be03e127a050bc54c0f7d' })));
+            } }, h("slot", { key: 'b6623d167248e78f99a5ff4e7bdb87505c674fe0' })));
     }
     static get style() { return IonThumbnailStyle0; }
 }, [1, "ion-thumbnail"]);

package/components/ion-title.js

@@ -41,11 +41,11 @@ const ToolbarTitle = /*@__PURE__*/ proxyCustomElement(class ToolbarTitle extends
     render() {
         const theme = getIonTheme(this);
         const size = this.getSize();
-        return (h(Host, { key: 'c91cf5a67925ad559db86d1b70c1623bdf78103e', class: createColorClasses(this.color, {
+        return (h(Host, { key: '085ea8bce9248640bcca81d3edb8c4e00bd6414c', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, h("div", { key: '6417cbb5210735a8ef10cac63787ee2b0b0fcf58', class: "toolbar-title" }, h("slot", { key: '1e1787d82734bcd1e195767d535c8e5310af3cfb' }))));
+            }) }, h("div", { key: '4613c7333cf896a442a81eb4e313e06bb66a48eb', class: "toolbar-title" }, h("slot", { key: 'aeedc8675232851048b501ae212c2bff8f33f859' }))));
     }
     get el() { return this; }
     static get watchers() { return {