@ionic/core 8.5.2-dev.11742574407.1a7233c2 → 8.5.2-dev.11742835181.16dd88fe

package/dist/collection/components/searchbar/searchbar.js

@@ -489,8 +489,8 @@ export class Searchbar {
         const shouldShowCancelButton = this.shouldShowCancelButton();
         const shape = this.getShape();
         const size = this.getSize();
-        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '63d5a0d5c54315374edea381b4a33423e1d8e4c6', "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: 'a9a01e3a19a27e857f9271c511623c35dd94a4b0', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (h(Host, { key: '8df3e32ff7bd474cb0283877d58d25db97eb508c', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '88022e979266324a164262e874bb7a64ef942a8b', "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: '82fbcce17ab8658c08a87da5d5d2fc42b619164f', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (h(Host, { key: '77f09b18c0d385615dec9972459b02504e4c8b87', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
                 [theme]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -504,14 +504,14 @@ export class Searchbar {
                 [`searchbar-shape-${shape}`]: shape !== undefined,
                 [`searchbar-size-${size}`]: size !== undefined,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            }) }, h("div", { key: '59deee3cdf8bdb924fa777516ddda200ef3fcef0', class: "searchbar-input-container" }, h("input", Object.assign({ key: '0947cdf1e56218a6530be5832b42330da7fac792', "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 === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (h("ion-icon", { key: '6a4cd1e5322d3721d794f33dbc38ef16c78a4280', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (h("button", { key: 'b0d76e6d5f2fe9472ca79299a5c9364a6960fbec', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, h("div", { key: '6f3076517c9a3df008b08bb2a57c192c02d30b33', class: "searchbar-input-container" }, h("input", Object.assign({ key: 'ed7936783c035d6d15a19b539d1438be1b05ea5a', "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 === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (h("ion-icon", { key: 'a8fa968d81f47566f606971e7ce101eed5325b23', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (h("button", { key: '0dde4d7f0ebd7f28f590b7a7bc24f9774acfc64a', "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: 'a0b84329f3a1c07bd7f2bab5dfc127b51cf91946', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, className: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '24e649c7063022e7df79e63d92cc1f159b5691bd', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, className: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
     }
     static get is() { return "ion-searchbar"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/segment/segment.js

@@ -531,14 +531,14 @@ export class Segment {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '6dde439f77f62411fa949da7085ffd3f0f60470c', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '6289c3774db1a38175476d4e596c89f124c3bda6', 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: 'fdff9a11a8ee5cd0d820801291aee6e17410e5e1', onSlotchange: this.onSlottedItemsChange })));
+            }) }, h("slot", { key: '3db439fa1be09a29d7871130edc1710ef54df224', onSlotchange: this.onSlottedItemsChange })));
     }
     static get is() { return "ion-segment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segment-button/segment-button.js

@@ -131,7 +131,7 @@ export class SegmentButton {
         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: '76f735f78cba0432a8d365da3869404fbae4b474', class: {
+        return (h(Host, { key: '3f7bb9ebb17ad0cda205115a453a7aea72b498e0', class: {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -147,7 +147,7 @@ export class SegmentButton {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, h("button", Object.assign({ key: 'b67cfb4a7df71a660bd6af0a4f42c4ae885b316c', "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: '15d84219ad3ab234ad956db11e43fdb54168c2a0', class: "button-inner" }, h("slot", { key: '648a4ba3d70dd8a60bef5247f088b0aef2a878f3' })), theme === 'md' && h("ion-ripple-effect", { key: 'e9eb8870b1b48b400d8b1f18e0373fc3802541b9' })), h("div", { key: '1593985cc8011d63315d9c1b17f397342c0ae4b6', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: '1124a36b261072dcea2aa83daf1d067f6a3f2d41', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, h("button", Object.assign({ key: '0686143f91b89a92afb70c8f7d6db07c1bda849c', "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: '2d3e4623ba2a827dbff0ef057f140c99e7107e46', class: "button-inner" }, h("slot", { key: '7d54643207b33ed08d28816ca025c962a41e462b' })), theme === 'md' && h("ion-ripple-effect", { key: '0cd9b0b30935cb5a94d69210e363f6cadc130b25' })), h("div", { key: '079a11dcfa9a0e41ef4e96c8f3f26a69216006cc', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: '0d004e5b5905b8de9cbc84a16ba1a4db648db387', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     static get is() { return "ion-segment-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segment-content/segment-content.js

@@ -4,7 +4,7 @@
 import { Host, h } from "@stencil/core";
 export class SegmentContent {
     render() {
-        return (h(Host, { key: 'a09f99b39dfa64874d19a45b587bf91e63fd2422' }, h("slot", { key: '7b91e14c7e8be2d07fa21ff1195c467817737ddb' })));
+        return (h(Host, { key: '665f41a854621f898eaf7ba9a49e77cc9326501e' }, h("slot", { key: '635aa57fbf6167dcd36fe8dc5dfc1c313637ac04' })));
     }
     static get is() { return "ion-segment-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segment-view/segment-view.js

@@ -94,10 +94,10 @@ export class SegmentView {
     }
     render() {
         const { disabled, isManualScroll } = this;
-        return (h(Host, { key: 'd457ef8ab56017fe649e12093a2b7f276fe35f8e', class: {
+        return (h(Host, { key: 'ad39fb0cf31ec054cc31eaa1abe734f601d245db', class: {
                 'segment-view-disabled': disabled,
                 'segment-view-scroll-disabled': isManualScroll === false,
-            } }, h("slot", { key: '6864df40e938df3b9e0f8c9732f51699cb55e06a' })));
+            } }, h("slot", { key: '189f731f9a4b55b36c4a6ba10fe76c0409f0cbb3' })));
     }
     static get is() { return "ion-segment-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select/select.js

@@ -803,7 +803,7 @@ export class Select {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: '8d84c36852823c58ed1663f406ae390760adc196', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '56bf013506dc6b882b827ae5d848292cdebf92c8', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -820,7 +820,7 @@ export class Select {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, h("label", { key: 'f7ab743c6a0fd7ef5b566a7bd66a4e142f5259bb', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '33a3a7a7f9982a7a8e636eb00a6d44f75b83972c', class: "select-wrapper-inner" }, 
+            }) }, h("label", { key: 'cfb256dfe432ac23df006514e75142cbfb595620', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '7bba5aed0735f4237e4f4b8d08859cb9cfac7f9f', class: "select-wrapper-inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -830,7 +830,7 @@ export class Select {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: 'b306cb82a4ec453886032e0a4723bdd495b6b266', class: "select-outline" }), h("slot", { key: '5da0f79a39eb047182817da6b83852036e6cbadd', name: "start" }), h("div", { key: '47a592a894402f479f721782ec31a5a456587454', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: 'd154192584a692167ec5d656d9aadf2f2ec77b60', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '20dc18ca3255e4ab101f2234e3630a0ffd85fb54', class: "select-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && h("div", { key: '3c5fa6ca8b44b8c03a5d9a574397245a66fc5eb2', class: "select-outline" }), h("slot", { key: 'c5625dd59673573f34654a173a97426375e9d9e4', name: "start" }), h("div", { key: '742a45ef81c5dd03484e2f2db872a78ab5ad3115', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: 'eb81bdc78e0d631b646c87c8fcd3d43958976bb3', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '9bc84d872a6b4144c3fe0b1013ac7edfe3381c41', class: "select-highlight" })), this.renderBottomContent()));
     }
     static get is() { return "ion-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select-modal/select-modal.js

@@ -77,7 +77,7 @@ export class SelectModal {
             } }, option.text))));
     }
     render() {
-        return (h(Host, { key: 'cbf3388bbc47ba946f3dd3186e488c4bcdef9290', class: getIonMode(this) }, h("ion-header", { key: '847a843bf0b0d4a427a01bb38afac1c379cb7827' }, h("ion-toolbar", { key: '5642cee0427024d16ea9bf19b08521f6f3af103a' }, this.header !== undefined && h("ion-title", { key: 'ea0d818b262e242c97b3ce2bc9df1b2edb845fe5' }, this.header), h("ion-buttons", { key: 'a88da9153f8d455e80be1c531a51423ce30f07b6', slot: "end" }, h("ion-button", { key: '087f77bc9009302d0fce28175f60baa032d7e19f', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: '646fbde7199c301d0d652d70a7be6a40c066c6b4' }, h("ion-list", { key: '1a6869f1cd398652439df45cbc60d3efa4b89141' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (h(Host, { key: '730c44ceba585ce77926121f13d961d8020d7bd2', class: getIonMode(this) }, h("ion-header", { key: '4cf46de557baa1187dc998718004c0344b67d39b' }, h("ion-toolbar", { key: 'df46d6d17351b702ca7e031a1313c17d19d24485' }, this.header !== undefined && h("ion-title", { key: '9561527c557ae5ea6a04367ba52a57a656fd1aaa' }, this.header), h("ion-buttons", { key: 'f9f6efbf7c4f7cd9712c5e2fc89926ad2e374c9f', slot: "end" }, h("ion-button", { key: '70136cb4d64e2b04821d0e81a3671c55f45399fb', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: '53d4cdf5cfd9c5c3121f4ce5c23c4b940052554a' }, h("ion-list", { key: 'e022b85e7e6e9d2d90b1dd4435d922cfc8390ec5' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     static get is() { return "ion-select-modal"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/select-option/select-option.js

@@ -15,7 +15,7 @@ export class SelectOption {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '3a0f3cdf05512de254098956ac4f3421d7f55b49', class: {
+        return (h(Host, { key: '9ff7cf41a31fdf64730f6fe3708bb1f3677b76a4', class: {
                 [theme]: true,
             }, role: "option", id: this.inputId }));
     }

package/dist/collection/components/select-popover/select-popover.js

@@ -106,9 +106,9 @@ export class SelectPopover {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '1ce7677a862660434bcd0e2aa9646bc7c00c988b', class: {
+        return (h(Host, { key: '89399f838fb5431edb7788f59dcc01678bf76104', class: {
                 [theme]: true,
-            } }, h("ion-list", { key: '0bf6d4b7cc2da87e2d4045c911cc7633e43dcb0c' }, header !== undefined && h("ion-list-header", { key: 'ab05d584ef8f16fbd7c320815b7d149b36d7479c' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: 'f3c353a4dfa746dcece4673a387b6505f1d8ad4f' }, h("ion-label", { key: '0f622af7d4fb2e5ca90c693813728006d7a11903', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: '12c5c93a39526f1f9ec98f1721bc4162c071caa4' }, subHeader), message !== undefined && h("p", { key: 'c95f7cc61dbfff77cc3c00371254f7d4b2b04e69' }, message)))), this.renderOptions(options))));
+            } }, h("ion-list", { key: '2b37328fcfb2b02f36cb9f426b53765298a4c8ff' }, header !== undefined && h("ion-list-header", { key: 'af3ac65204af5169072698fcda1480182d8949d5' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: '7aa4369be13687643f9f651300f7fc89d13edc1a' }, h("ion-label", { key: 'f730c2819c4439833840489c446aad3c7e5d0989', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: '1d9d935c996c01015f1f6c5797bbcd29e6eb4c23' }, subHeader), message !== undefined && h("p", { key: '286e15288c094e39cdded327ef814e1daf5b4329' }, message)))), this.renderOptions(options))));
     }
     static get is() { return "ion-select-popover"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/skeleton-text/skeleton-text.js

@@ -29,11 +29,11 @@ export class SkeletonText {
         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: 'dedb3d78e092024dc2d3548e8721445a004b2306', class: {
+        return (h(Host, { key: '61dec18e888846c87eae4af95853d8c013b39ec8', class: {
                 [theme]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, h("span", { key: 'f1871cf7314774ffee1d9e64decdfc0c9c8ec1bb' }, "\u00A0")));
+            } }, h("span", { key: 'd61c3096615f154d8bfdd025722bb1c7b7b97b46' }, "\u00A0")));
     }
     static get is() { return "ion-skeleton-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spinner/spinner.js

@@ -57,7 +57,7 @@ export class Spinner {
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (h(Host, { key: '6a9cc9563dc8f87294cfab278bc5d2893738ef95', class: createColorClasses(self.color, {
+        return (h(Host, { key: '8f1bd75946965e8bf1689a8b651a809fd68b41c4', class: createColorClasses(self.color, {
                 [theme]: true,
                 [`spinner-${spinnerName}`]: true,
                 'spinner-paused': self.paused || config.getBoolean('_testing'),

package/dist/collection/components/split-pane/split-pane.js

@@ -122,12 +122,12 @@ export class SplitPane {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'f2bbf0502e339967336e4a31478c2062e9b511d0', class: {
+        return (h(Host, { key: '9a1d659ebc3f8b36d818e4c67468726fc3752930', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`split-pane-${theme}`]: true,
                 'split-pane-visible': this.visible,
-            } }, h("slot", { key: '81b1dd5ab2fb2d28ca7f97be9724998ac550eb7e' })));
+            } }, h("slot", { key: 'db7451c8e4ea8d74f6707d06be038de4a05b7e11' })));
     }
     static get is() { return "ion-split-pane"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab/tab.js

@@ -52,10 +52,10 @@ export class Tab {
     }
     render() {
         const { tab, active, component } = this;
-        return (h(Host, { key: 'b85d2ad6cb613fc7549f9069923b0b995b93c453', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (h(Host, { key: '78aadb6e13ae2912ac243e8b5746f7b8f4bd1ebd', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, h("slot", { key: 'ee44dab9612d96803636c89a042cc6e65503c155' })));
+            } }, h("slot", { key: 'bff1cd310dbebe3536109ac74349e4f4c7fd4a79' })));
     }
     static get is() { return "ion-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-bar/tab-bar.js

@@ -67,13 +67,13 @@ export class TabBar {
         const theme = getIonTheme(this);
         const shape = this.getShape();
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (h(Host, { key: '3fc424679dece4746ac543aaa297e088a9a445ef', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '8113748c5b620a398777b616f2c3df37e3a0828e', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
                 [theme]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
                 [`tab-bar-${expand}`]: true,
                 [`tab-bar-${shape}`]: shape !== undefined,
-            }) }, h("slot", { key: 'e4bd3711819503ef644f7f3cd88887eaf3d39705' })));
+            }) }, h("slot", { key: '219741d7e41c6b7b432f9ddd865a6f3a1cb2067c' })));
     }
     static get is() { return "ion-tab-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-button/tab-button.ionic.css

@@ -235,6 +235,7 @@ ion-ripple-effect {
   text-overflow: inherit;
   text-transform: inherit;
   white-space: inherit;
+  overflow: visible;
 }
 
 .button-native::after {
@@ -279,4 +280,48 @@ ion-ripple-effect {
 
 :host(.tab-button-shape-rectangular) {
   border-radius: var(--ion-border-radius-0, 0px);
+}
+
+:host ::slotted(ion-badge) {
+  inset-inline-start: calc(50% + var(--ion-scale-300, 12px));
+}
+
+:host ::slotted(ion-badge.badge-vertical-top) {
+  top: -2px;
+}
+
+:host ::slotted(ion-badge.badge-vertical-top:empty) {
+  top: calc(var(--ion-scale-100, 4px) * -1);
+}
+
+:host ::slotted(ion-badge.badge-vertical-bottom) {
+  top: calc(50% - var(--ion-scale-200, 8px));
+}
+
+:host ::slotted(ion-badge.badge-vertical-bottom:empty) {
+  top: calc(50% - var(--ion-scale-100, 4px));
+}
+
+:host ::slotted(ion-badge[vertical]:not(:empty)) {
+  -webkit-padding-start: var(--ion-scale-100, 4px);
+  padding-inline-start: var(--ion-scale-100, 4px);
+  -webkit-padding-end: var(--ion-scale-100, 4px);
+  padding-inline-end: var(--ion-scale-100, 4px);
+  padding-top: var(--ion-scale-100, 4px);
+  padding-bottom: var(--ion-scale-100, 4px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-top) {
+  top: calc(50% - var(--ion-scale-100, 4px));
+}
+
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom) {
+  top: calc(50% + var(--ion-scale-100, 4px));
+}
+
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom:empty) {
+  top: calc(50% + 14px);
 }

package/dist/collection/components/tab-button/tab-button.ios.css

@@ -304,7 +304,7 @@ ion-ripple-effect {
   font-size: 10px;
 }
 
-::slotted(ion-badge) {
+::slotted(ion-badge:not([vertical])) {
   -webkit-padding-start: 6px;
   padding-inline-start: 6px;
   -webkit-padding-end: 6px;
@@ -316,10 +316,66 @@ ion-ripple-effect {
   font-size: 12px;
   line-height: 16px;
 }
-::slotted(ion-badge) {
+::slotted(ion-badge:not([vertical])) {
   inset-inline-start: calc(50% + 6px);
 }
 
+:host ::slotted(ion-badge:empty) {
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  width: 8px;
+  height: 8px;
+}
+
+:host ::slotted(ion-badge[vertical]) {
+  inset-inline-start: calc(50% + 12px);
+}
+
+:host ::slotted(ion-badge.badge-vertical-top) {
+  top: 2px;
+}
+
+:host ::slotted(ion-badge.badge-vertical-top:empty) {
+  top: 4px;
+}
+
+:host ::slotted(ion-badge.badge-vertical-bottom) {
+  top: calc(50% - 8px);
+}
+
+:host ::slotted(ion-badge.badge-vertical-bottom:empty) {
+  top: calc(50% - 2px);
+}
+
+:host ::slotted(ion-badge[vertical]:not(:empty)) {
+  -webkit-padding-start: 4px;
+  padding-inline-start: 4px;
+  -webkit-padding-end: 4px;
+  padding-inline-end: 4px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  height: 16px;
+  font-size: 12px;
+}
+
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-top) {
+  top: calc(50% - 4px);
+}
+
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom) {
+  top: calc(50% + 4px);
+}
+
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom:empty) {
+  top: calc(50% + 14px);
+}
+
 ::slotted(ion-icon) {
   margin-top: 2px;
   margin-bottom: 2px;
@@ -375,7 +431,12 @@ ion-ripple-effect {
 }
 
 :host(.tab-layout-icon-bottom) ::slotted(ion-label) {
+  -webkit-margin-start: 4px;
+  margin-inline-start: 4px;
+  -webkit-margin-end: 4px;
+  margin-inline-end: 4px;
   margin-top: 4px;
+  margin-bottom: 4px;
 }
 
 :host(.tab-layout-icon-start) ::slotted(ion-badge),

package/dist/collection/components/tab-button/tab-button.js

@@ -85,7 +85,7 @@ export class TabButton {
             rel,
             target,
         };
-        return (h(Host, { key: '4e7abd4c071c46f6724d739baec786c93b26c454', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (h(Host, { key: '62e148e12c4aa02e190cfa80903536e330e293cb', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [theme]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -98,7 +98,7 @@ export class TabButton {
                 'ion-selectable': true,
                 [`tab-button-shape-${shape}`]: shape !== undefined,
                 'ion-focusable': true,
-            } }, h("a", Object.assign({ key: 'f806775099d72b77b62f2ba9b1988dc9fc31ed65' }, 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: '4e63dff5e5cec1ac665e85cb48f6123f1d899dab', class: "button-inner" }, h("slot", { key: 'b0cc954330666fcd70229af68b62551bdd5738e2' })), theme === 'md' && h("ion-ripple-effect", { key: '825b3097c313443dcd9335fe7d3c50450c20d245', type: "unbounded" }))));
+            } }, h("a", Object.assign({ key: '5d82c19368f5a18390e152909703a2632d7afa30' }, 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: 'bf21a75e155df69282d29602a1d4c4790a286e57', class: "button-inner" }, h("slot", { key: '1435aea0ad55a2c11b08f709a8ce1b3cc7f294bd' })), theme === 'md' && h("ion-ripple-effect", { key: 'aaefa817f6452dddeb2a33cd541fbecd22fb8d41', type: "unbounded" }))));
     }
     static get is() { return "ion-tab-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-button/tab-button.md.css

@@ -359,6 +359,35 @@ ion-ripple-effect {
   height: 8px;
 }
 
+:host ::slotted(ion-badge[vertical=bottom]) {
+  top: calc(50% - 8px);
+}
+
+:host ::slotted(ion-badge[vertical=bottom]:empty) {
+  top: calc(50% - 4px);
+}
+
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=top]) {
+  top: calc(50% - 4px);
+}
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=top]) {
+  inset-inline-start: calc(50% + 6px);
+}
+
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]) {
+  top: calc(50% + 4px);
+}
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]) {
+  inset-inline-start: calc(50% + 6px);
+}
+
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]:empty) {
+  top: calc(50% + 12px);
+}
+:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]:empty) {
+  inset-inline-start: calc(50% + 6px);
+}
+
 :host(.tab-layout-icon-top) ::slotted(ion-icon) {
   margin-top: 6px;
   margin-bottom: 2px;

package/dist/collection/components/tabs/tabs.js

@@ -148,7 +148,7 @@ export class Tabs {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (h(Host, { key: '4bbac0bb46eb3d9dec1ba4176a8d59b0720f2df6', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '7b865c557d9d3363c04406d97a8c7d2103fa5f53', name: "top" }), h("div", { key: '4494d4b3dc732ec1351f98a1fd77c80906171b24', class: "tabs-inner" }, h("slot", { key: '080731249b3ad698c4f633925f49fdc4bc857b8c' })), h("slot", { key: 'c60f36a22fab141330a2b7a441551629f1f0a2c5', name: "bottom" })));
+        return (h(Host, { key: 'd441cc872422c45850116b2d8e19197c8abcca2a', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: 'f2d4ede00fe5aa30e4142a23ca74ca0808903431', name: "top" }), h("div", { key: '2414e278552ecbb01f96146c4d4e0f4340b0627f', class: "tabs-inner" }, h("slot", { key: 'bf148893a62f8bd9fb36d8fed1f985ed6c14f34e' })), h("slot", { key: '5a1001048b4307afd6616f19f6176e53a8c8d271', name: "bottom" })));
     }
     static get is() { return "ion-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/text/text.js

@@ -14,9 +14,9 @@ export class Text {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'c979538e87f4fffb03733bf29fc5980af9beacc9', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'eebd96b69179ee48c5fdaef97c025e5d9dc14103', class: createColorClasses(this.color, {
                 [theme]: true,
-            }) }, h("slot", { key: 'cae96705b78686cd11e2a6c0d6aae4b971c7c4f0' })));
+            }) }, h("slot", { key: '2d5cf914cea96efbb2d82177227ef184da7af9d4' })));
     }
     static get is() { return "ion-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textarea/textarea.js

@@ -406,7 +406,7 @@ export class Textarea {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (h(Host, { key: '2652d19f549f12f264c19cb1c5b0eda99e049cf8', class: createColorClasses(this.color, {
+        return (h(Host, { key: '5b0ad5990d051dac2d08c4ad54cf3b66fed5fc0d', class: createColorClasses(this.color, {
                 [theme]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -417,7 +417,7 @@ export class Textarea {
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
                 'textarea-readonly': readonly,
-            }) }, h("label", { key: '1eb89164c2d53af00a85ce6b880a413c0f4898b3', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '3ab25672b3c8b31c51ee87488d4440734637f2b7', class: "textarea-wrapper-inner" }, 
+            }) }, h("label", { key: 'd7ad3ebb169bdcdd553f9d848728ffdf343b0508', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '6557443b4ec5d3478ffd019a488362ed644ba5cb', class: "textarea-wrapper-inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -427,7 +427,7 @@ export class Textarea {
          * <label> element, ensuring that clicking the label text
          * focuses the textarea.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: '7cf7c653e3b2c9627e3431936261fbcb920fb282', class: "textarea-outline" }), h("div", { key: '1ff9167f83647411daff8a77c1cfed8dfc9bb769', class: "start-slot-wrapper" }, h("slot", { key: 'e7e3d890849428292b732d5f2bf1b63a077634e6', name: "start" })), h("div", { key: 'a039fba5f428e052c9e13b5e0315de7001e1f216', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '58d05f8b262c5b671f0a77ef11664bcb492049ae', 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, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), h("div", { key: 'f20f419b14e6788ac0c25c9bb0147ad5f74b76af', class: "end-slot-wrapper" }, h("slot", { key: '2b939919986dfcbdf4f0dc16fc8dd7c3af20c6bf', name: "end" }))), shouldRenderHighlight && h("div", { key: 'eae78b457cc84408cd398f5ec5d88f3ab4e80d66', class: "textarea-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && h("div", { key: '55bc54982427a321f3a05fcbd572f132392625e9', class: "textarea-outline" }), h("div", { key: 'a21b17f6b9dab624fb52e4f81480065424eacb9c', class: "start-slot-wrapper" }, h("slot", { key: '1e1d9118c10e295b55a293e728ae017cd05d67f5', name: "start" })), h("div", { key: '48878569cc73cd1e889c92c59998a3df22e090ce', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '2ab2b1a0fc4d0a3af58f913501aac9601142b08a', 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, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), h("div", { key: 'c8fd679b2fe066d6b2a151ccba36afa320ac2061', class: "end-slot-wrapper" }, h("slot", { key: '7a7c887ac2aabe8faaf8a5a93bc64b5740052db4', name: "end" }))), shouldRenderHighlight && h("div", { key: '62dfb83f2f812eadd5114e0815672947def8e5e6', class: "textarea-highlight" })), this.renderBottomContent()));
     }
     static get is() { return "ion-textarea"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/thumbnail/thumbnail.js

@@ -10,9 +10,9 @@ import { getIonTheme } from "../../global/ionic-global";
 export class Thumbnail {
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '72efa5c113eb2e88ac94040dc7cc558aac1953e0', class: {
+        return (h(Host, { key: '25e4caa136d1557b27ce8853440db4ab5af0871b', class: {
                 [theme]: true,
-            } }, h("slot", { key: '4f6060eeb1a0b8e124988ecb4ac6eefb8cc30e06' })));
+            } }, h("slot", { key: '95d9f15cf19c4bdb35043e04038a52f8a99ce935' })));
     }
     static get is() { return "ion-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/title/title.js

@@ -31,11 +31,11 @@ export class ToolbarTitle {
     render() {
         const theme = getIonTheme(this);
         const size = this.getSize();
-        return (h(Host, { key: 'b26bd35cd24ef0c8c31c03266c94a7eb9637d411', class: createColorClasses(this.color, {
+        return (h(Host, { key: '4fbaa288cb8de08bf35d6cc8e591adfdd4b95f69', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, h("div", { key: '27658eb5ac98cb1b3e224f5dded690f665c441ae', class: "toolbar-title" }, h("slot", { key: '7615217333fda441355ec9b99ced1c7852522287' }))));
+            }) }, h("div", { key: '701a9b762a04d4bbccf3c0aeaa33be296827ae2b', class: "toolbar-title" }, h("slot", { key: '8998a07f0e81e0e920165c644b06ff3aa3a625c7' }))));
     }
     static get is() { return "ion-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toast/toast.js

@@ -407,9 +407,9 @@ export class Toast {
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
             printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
         }
-        return (h(Host, Object.assign({ key: '349d37ec7032b226fac7ffec912589a35f5299c0', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '9753af7c05dcf5eec0dc0cb938e1c8e6f0455a8e', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '3af993caac8e635a41cc07c0286b47ecae613cfb', class: wrapperClass }, h("div", { key: '5b7f6a4b3b52366a249b2cbdc09d26c2cafe6ddb', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: '2eba5f483c171b30d3ac9af2c72e7b118a96f297', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '2bbe04bf31334c04203818400b71c03daaa0f30b', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
+            }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '2f1c21faa8e18bf3baa2620f777b8c54af26dcd5', class: wrapperClass }, h("div", { key: 'a3842ffe10ffe049760bf38a93fdf031a33db8b1', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: 'ae48d0e813aa6e99437462f6c08bc0d70536a1ae', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '2a1ef4809a4d98cc046e5264a7a0e501a0deacbd', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
     }
     static get is() { return "ion-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggle/toggle.js

@@ -243,7 +243,7 @@ export class Toggle {
         const rtl = isRTL(el) ? 'rtl' : 'ltr';
         const isIonicTheme = theme === 'ionic';
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { key: '6d5dbfb486c94700fa2a2d8973eece426ed27581', "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: 'e4b7a9eed1d3f07170062ab63cd98b9f0ff17e35', "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick, class: createColorClasses(color, {
                 [theme]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -255,10 +255,10 @@ export class Toggle {
                 [`toggle-${rtl}`]: true,
                 'ion-activatable': isIonicTheme,
                 'ion-focusable': isIonicTheme,
-            }) }, h("label", { key: '4f3f8780e0021b401eb66fdc39bfb6b8252bbaef', class: "toggle-wrapper" }, h("input", Object.assign({ key: '3164d3b6b779b5fe3038c445f528df3b70b65dfe', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, this.inheritedAttributes)), h("div", { key: 'f25bf2e6217baa5757913e65cd91a58561a31ec1', class: {
+            }) }, h("label", { key: '007a4ac8ac231b58416b572492c25cb176fd92ea', class: "toggle-wrapper" }, h("input", Object.assign({ key: '85406e8d7f02c3aeb10ab897cd9fe003ccab95b8', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, this.inheritedAttributes)), h("div", { key: 'a82e1b76f556bc72aeef8d9e5e0ba5bf2ae879ff', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, h("slot", { key: 'ce9f4770882691bb66f487401fc04504bb5702e9' }), this.renderHintText()), h("div", { key: '8fe2b2684663970867cccabdef5facf2395ad6b7', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label" }, h("slot", { key: '63b402f2839c722992904c60233239e7fa429b80' }), this.renderHintText()), h("div", { key: '51a5564239e42791e50fbe187e78ca76fa88093f', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     static get is() { return "ion-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toolbar/toolbar.js

@@ -67,10 +67,10 @@ export class Toolbar {
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (h(Host, { key: '3b4f8967344a418ac43def3493c954a4c8dd86aa', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
+        return (h(Host, { key: '6368640c5bcc3515d628c24116912e7ba1e79a00', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })) }, h("div", { key: 'a15650bf013f1804b8e47acd67fd396dba09f357', class: "toolbar-background", part: "background" }), h("div", { key: '8f4f2c1bc0d49fccfb6f7e4584cf981e6a63de34', class: "toolbar-container", part: "container" }, h("slot", { key: 'e7d50dbeb1b66dc0c09ee859aa96ea28edb2ba67', name: "start" }), h("slot", { key: '25a6034473e9b346094869668c88a8f2517f5556', name: "secondary" }), h("div", { key: '0d44a53b9c53b988c63b780a3bb7e05b1c77960e', class: "toolbar-content", part: "content" }, h("slot", { key: '000fdbf93f851db03c301622f259b9b06f304e0c' })), h("slot", { key: 'b193a5c0a8c478a4e19e384020bf25e04ed389b0', name: "primary" }), h("slot", { key: 'f890768301b24e36f9098ce52a02610990771978', name: "end" }))));
+            })) }, h("div", { key: '139edd9fb7a7c42d94dd79e783d841b052abb245', class: "toolbar-background", part: "background" }), h("div", { key: '72716d4a9af0191d6083d1a2444cea42e4521127', class: "toolbar-container", part: "container" }, h("slot", { key: '5049c3e4235dd52b80b50f87b74f58c03fc53c00', name: "start" }), h("slot", { key: 'cf43c31b7d81dfb49e0fdf987978c621fc563213', name: "secondary" }), h("div", { key: '34bd76bdb954adcecb4a9c263584733d617e5988', class: "toolbar-content", part: "content" }, h("slot", { key: 'a63dfc76eb070c680426e3fe6b8efc9bec9a69ac' })), h("slot", { key: 'bb0a4cb83c30d206489c2dcfb6238481ccfc51af', name: "primary" }), h("slot", { key: 'e3c632b6810493f714ec632d17b878740874e919', name: "end" }))));
     }
     static get is() { return "ion-toolbar"; }
     static get encapsulation() { return "shadow"; }