@ionic/core 8.7.6-dev.11762446926.123acdf7 → 8.7.6-dev.11762860091.168e634c

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

@@ -853,7 +853,7 @@ export class Select {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: '72b7f138f7bdc7fbd768929f67765b57edd9abae', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '1ab6cf909651f167800bb3398a1522c360d03023', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -872,7 +872,7 @@ export class Select {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, h("label", { key: '70187887592d27bb76c0633916606a4fa89a9e2a', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick }, this.renderLabelContainer(), h("div", { key: '68c30ba451721a63ddfed0a6c80a9e9ded596f3b', class: "select-wrapper-inner" }, 
+            }) }, h("label", { key: '9a78e88197abc7bc4d9fb8f42a56172ee50fcb64', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick }, this.renderLabelContainer(), h("div", { key: '51e1ec9bfb08344c8d1ff2fb08ead29ece3fbe6d', 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
@@ -882,7 +882,7 @@ export class Select {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: '772e2cdd052b1a9398e1577c0e1e4614350df7c1', class: "select-outline" }), h("slot", { key: 'b51e29ea570f0399d0c4210896ce1ad6e135e3e8', name: "start" }), h("div", { key: '37d36fa1d43361df32b5def690694b25d762698b', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '014bff14093d2b7ab4d7232dec4fc35b75bdbc86', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '791b0d7457fca2ae1a6381fc87f7f2de20208b7f', class: "select-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && h("div", { key: '9008f743f2cbeac39cb736e285854e855625f45d', class: "select-outline" }), h("slot", { key: 'a5c981053510d9b19d9097fb0b220d9eaccd61d7', name: "start" }), h("div", { key: '80ba2091466f912ee63a3e4c11334b657f8d9b3d', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '18b657eee882ac2b63c945843d1035f26474aa58', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '84630c4f5716fd87400da571aa3cf6c1d624694e', class: "select-highlight" })), this.renderBottomContent()));
     }
     static get is() { return "ion-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select-modal/select-modal.ionic.css

@@ -63,6 +63,10 @@
   height: 100%;
 }
 
+:host(.in-modal-default) ion-content::part(scroll) {
+  --padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
+}
+
 ion-item {
   --border-width: 0;
 }

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

@@ -4,7 +4,7 @@
 import { getIonMode } from "../../global/ionic-global";
 import { Host, forceUpdate, h } from "@stencil/core";
 import { safeCall } from "../../utils/overlays";
-import { getClassMap } from "../../utils/theme";
+import { getClassMap, hostContext } from "../../utils/theme";
 export class SelectModal {
     constructor() {
         this.options = [];
@@ -47,6 +47,13 @@ export class SelectModal {
             option.checked = ev.detail.checked;
         }
     }
+    getModalContextClasses() {
+        const el = this.el;
+        return {
+            'in-modal-default': hostContext('ion-modal.modal-default', el),
+            'in-modal-sheet': hostContext('ion-modal.modal-sheet', el),
+        };
+    }
     renderRadioOptions() {
         const checked = this.options.filter((o) => o.checked).map((o) => o.value)[0];
         return (h("ion-radio-group", { value: checked, onIonChange: (ev) => this.callOptionHandler(ev) }, this.options.map((option) => (h("ion-item", { lines: "none", class: Object.assign({
@@ -75,7 +82,7 @@ export class SelectModal {
             } }, option.text))));
     }
     render() {
-        return (h(Host, { key: '3bade4782f8710fc56655da42603b4038ce1e343', class: getIonMode(this) }, h("ion-header", { key: '5cea916aa6c446c76358663817245e136c493bfa' }, h("ion-toolbar", { key: '1a1c880d07aee64b6daf36f1bf5d5a5b00999ad9' }, this.header !== undefined && h("ion-title", { key: '9a302bf19317be99b8f26aab5a584ba2762cd3c2' }, this.header), h("ion-buttons", { key: 'be6e48d24d15411826be9a2dbbd8934f8e6abe94', slot: "end" }, h("ion-button", { key: '97e984e5849dae209d394404fdf75c635252f464', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: '66e97064d5c77c228e73d8a779043d152c5b62f3' }, h("ion-list", { key: 'eb77ea5c963b1ad4fd1f9a8ebe684ec2cf132647' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (h(Host, { key: '2ceb196accee272559c43225a859befa68027333', class: Object.assign({ [getIonMode(this)]: true }, this.getModalContextClasses()) }, h("ion-header", { key: 'b0176847bd9ce94e28d72766d6a035a93ff6f10a' }, h("ion-toolbar", { key: '49c2b1cf8e82b1d975cca67b154b149823b47b1f' }, this.header !== undefined && h("ion-title", { key: 'fdc881fd94c07ca38d60e85170d176c7cf4139fb' }, this.header), h("ion-buttons", { key: '8dfc972aa974909ecf2e5782e972b959a900f8c5', slot: "end" }, h("ion-button", { key: 'b862896118bd4da0afc17925eab9dc9ed5269220', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: 'a7f5bf8f88377d978d2c7bdba3abefcc332296a3' }, h("ion-list", { key: '23529677979b9ac63e2cba8d55f7f965489b74c5' }, 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

@@ -17,7 +17,7 @@ export class SelectOption {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'a26b8368365cc14ddf2ad294ad0b9505848f3273', class: {
+        return (h(Host, { key: '39af595655b3645c923617fe4d4fa64112008273', class: {
                 [theme]: true,
             }, role: "option", id: this.inputId }));
     }

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

@@ -105,9 +105,9 @@ export class SelectPopover {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '2764acada914c0b9499200ba9cb60a74812d9d05', class: {
+        return (h(Host, { key: '9b5160e6657620038fb4167ab7d08e2687be554b', class: {
                 [theme]: true,
-            } }, h("ion-list", { key: '639bb6dd6085e213e8121268e09d74de664e3f38' }, header !== undefined && h("ion-list-header", { key: '38201b907a124154ca7d43d2296936772cd612b3' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: 'b96c1a42e7c5debd67ca4fe1e55a2c92be1c85b7' }, h("ion-label", { key: '434fb427dff7e4034d47f0d85903dd83a2304a92', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: '6db83afdc3f5b9c30f74e72c6d712b8f15951d84' }, subHeader), message !== undefined && h("p", { key: '1fc24e198cc922c2892ed1123c840c9be1989ed9' }, message)))), this.renderOptions(options))));
+            } }, h("ion-list", { key: '5f015bcc53bf96de3da98f05a73c6e1e7bc3250c' }, header !== undefined && h("ion-list-header", { key: 'e7275a4b3b0b8706b6a89ed9fd4bf1bb6cf274a8' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: 'ca5750144abaf01d613f7ff4923939e6d6f4c0c8' }, h("ion-label", { key: '299735684f529e05f08405b6587dec23fb8d2851', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: 'af85ac2c17050eca4902811a886e7001b92701fe' }, subHeader), message !== undefined && h("p", { key: 'f64006af8f2ffaf41d6d21701efa2d40580796e0' }, 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

@@ -32,11 +32,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: 'e3c73ecba79ec4b58b517f42a9b41be587615603', class: {
+        return (h(Host, { key: '5014563646b6c5213750d503babce3013b66ec96', class: {
                 [theme]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, h("span", { key: '188c3bb600e248e93f48a89b900946ec9125b40f' }, "\u00A0")));
+            } }, h("span", { key: '4b816883b1c71bb1db66d8b2b084559f7cb489bd' }, "\u00A0")));
     }
     static get is() { return "ion-skeleton-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class Spinner {
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (h(Host, { key: '704525eb8a4ae35f02bcfd8bcf2dbd885924bce0', class: createColorClasses(self.color, {
+        return (h(Host, { key: '0b3ce4b99c2c828d05b507c4f073811ebbe17d0f', 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

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

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

@@ -51,10 +51,10 @@ export class Tab {
     }
     render() {
         const { tab, active, component } = this;
-        return (h(Host, { key: 'ac603415ec3e292362fe56eeeaf9d50706f87b6b', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (h(Host, { key: 'b249545a5adfcef4616afe79aa0f215bab464d0a', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, h("slot", { key: '5479d65a7523d3b219b202dd0a09156348310aa6' })));
+            } }, h("slot", { key: '19e2a406d96d20d8d4af8c3ff900e975d06021f6' })));
     }
     static get is() { return "ion-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -119,6 +119,16 @@
   --border: var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-style-solid, solid) var(--ion-tab-bar-border-color, transparent);
   --color: var(--ion-tab-bar-color, var(--token-primitives-neutral-800, #626262));
   --color-selected: var(--ion-tab-bar-color-selected, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));
+  /*
+   * In case there's scrolling, justify the content to the start.
+   */
+  justify-content: unset;
+  /*
+   * Ensure the tab bar does not grow larger than the viewport width.
+   * Useful for when the tab buttons have large labels, allowing the space
+   * to be evenly divided among the buttons.
+   */
+  max-width: 100%;
   /**
    * Tab bar has a box sizing of content-box to ensure the padding
    * is not included in the height. This is important for the
@@ -130,6 +140,11 @@
   min-height: calc(var(--token-scale-1400, 56px) - var(--token-space-100, var(--token-scale-100, 4px)) * 2);
   gap: var(--token-space-300, var(--token-scale-300, 12px));
   box-shadow: var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));
+  /*
+   * In case there are more tab buttons than can fit in the tab bar, enable
+   * horizontal scrolling.
+   */
+  overflow: auto hidden;
   z-index: 10;
 }
 
@@ -167,7 +182,7 @@
 }
 
 :host([slot=bottom].tab-bar-compact) {
-  bottom: calc(var(--token-space-100, var(--token-scale-100, 4px)) + var(--ion-safe-area-bottom, 0));
+  bottom: calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--ion-safe-area-bottom, 0));
 }
 
 /* Soft */

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

@@ -78,13 +78,13 @@ export class TabBar {
         const theme = getIonTheme(this);
         const shape = this.getShape();
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (h(Host, { key: '2a5f31ff14760f639d2ee8f04c190e26296e50ff', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '21c2a3f3a8ea77cc2c757c37bb8ccad2016c3c4c', 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: 'ca45034a8f8681b14ee0ff31738acd5e53ed0197' })));
+            }) }, h("slot", { key: '3b6784b6f6206efcd69327bd224e10ff6225222b' })));
     }
     static get is() { return "ion-tab-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -204,6 +204,7 @@ ion-ripple-effect {
   text-transform: none;
   position: relative;
   align-content: center;
+  min-width: var(--token-scale-1200, 48px);
   min-height: var(--token-scale-1200, 48px);
   max-height: var(--token-scale-1800, 72px);
 }

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

@@ -84,7 +84,7 @@ export class TabButton {
             rel,
             target,
         };
-        return (h(Host, { key: 'fca9709b6b885ebc6653b7dfa10352a3e2156daf', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (h(Host, { key: '848ea6fa1aff3e7ac9add43a6acb50759653c13b', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [theme]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -97,7 +97,7 @@ export class TabButton {
                 'ion-selectable': true,
                 [`tab-button-shape-${shape}`]: shape !== undefined,
                 'ion-focusable': true,
-            } }, h("a", Object.assign({ key: '725d5dd131d6f7c9745bc40bdffa1df5dd55774f' }, 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: '3effd4b0337ab6478ff9a270e7a39a7c35eabbf7', class: "button-inner" }, h("slot", { key: 'cc3c5481607538131cca5f5a23dbd32c61b9c43c' })), theme === 'md' && h("ion-ripple-effect", { key: '764192a9cbfae6cd926d65e96dc8794c66637938', type: "unbounded" }))));
+            } }, h("a", Object.assign({ key: 'f6081f8ef0220a2b5e232f6b51da8538d68a3e80' }, 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: 'ed8af45092210cfd868adb4eb57dfc6e13a873a0', class: "button-inner" }, h("slot", { key: '253fcce3a920b9d2cae5af2a14872b1e127c7d62' })), theme === 'md' && h("ion-ripple-effect", { key: '5161991db4e08d16da5d0838fe2aee145afd91ad', type: "unbounded" }))));
     }
     static get is() { return "ion-tab-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -166,7 +166,7 @@ export class Tabs {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (h(Host, { key: '285723cb35f51f827816f75d631300248d860148', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: 'a996cd3ace3b3b9df403a46d2c974a85bf57afb3', name: "top" }), h("div", { key: '2bd97d59dc60768f03cae9b53973f2f309b9b5c1', class: "tabs-inner" }, h("slot", { key: 'ccc929eef96e95405b298608ae48690b5b04e604' })), h("slot", { key: 'f560237968e6006b7f616aa713dec5f3039e5941', name: "bottom" })));
+        return (h(Host, { key: '36ea7975bf456a6a874d9701a7e81275d85bc4d9', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: 'f4765050fa4b9092b25ea839ad2d10fab7a95bfd', name: "top" }), h("div", { key: 'af7f7caaad51bc7b5fc3ab4ce51e00b067ad002e', class: "tabs-inner" }, h("slot", { key: '1f83638b73c6f9a2a146b32aa07a230e4f65d017' })), h("slot", { key: '8db364ec5fa354682de09a3103b071c0f8bb6b50', name: "bottom" })));
     }
     static get is() { return "ion-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,9 +11,9 @@ import { getIonTheme } from "../../global/ionic-global";
 export class Text {
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '60791ccd4ebff01f8d1e08aea3629bdb24417ceb', class: createColorClasses(this.color, {
+        return (h(Host, { key: '7a3f31d6e219207a1ff98ac441357caa512012e5', class: createColorClasses(this.color, {
                 [theme]: true,
-            }) }, h("slot", { key: 'f00eb5c2bf018cae858035ddef52c02d59d3042d' })));
+            }) }, h("slot", { key: '392d48d6a5e0e5d1b44e762ec96fb8b53b3ebd49' })));
     }
     static get is() { return "ion-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -505,7 +505,7 @@ export class Textarea {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (h(Host, { key: '32e36765de4b2b063285f999bd9f27d7096bf2b1', class: createColorClasses(this.color, {
+        return (h(Host, { key: '48e2eabbe846a187efc692742db695556d938aeb', class: createColorClasses(this.color, {
                 [theme]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -516,7 +516,7 @@ export class Textarea {
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
                 'textarea-readonly': readonly,
-            }) }, h("label", { key: '3ecfc384ecccb68f57f0b3cd5e385dceca14e056', class: "textarea-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), h("div", { key: 'fe1bed498621552f39942894df4fad23076cca01', class: "textarea-wrapper-inner" }, 
+            }) }, h("label", { key: '3e75d1c9688734ced8ed2d093f0f923667e1db6c', class: "textarea-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), h("div", { key: '869a040e9a1cb065f852e1eb0cf96ead4a8313eb', 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
@@ -526,7 +526,7 @@ export class Textarea {
          * <label> element, ensuring that clicking the label text
          * focuses the textarea.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: '08fc32b51c8bda6c225da04934528bbda7588bc4', class: "textarea-outline" }), h("div", { key: '602528104b6ee690efcf7433188d549d71e71ca6', class: "start-slot-wrapper" }, h("slot", { key: 'e999738cc3becede42fde8fc0813b011a719202b', name: "start" })), h("div", { key: '2f6f520049b44393d569bff95f0968c97ac4c482', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '5282db67f49a56d028c2c1bcb366c7749d904b6c', 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.isInvalid ? 'true' : undefined }, this.inheritedAttributes), value)), h("div", { key: 'da60fd00d5f630c280d1ffa714a80c584c954294', class: "end-slot-wrapper" }, h("slot", { key: '59b101eb049f887425de0120386608546fe2d717', name: "end" }))), shouldRenderHighlight && h("div", { key: '4ad2042681f9a9dcd96c88f99bcf27138745f1df', class: "textarea-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && h("div", { key: '4d72e9fe76d2b79f1063b293a39f2c04ff490493', class: "textarea-outline" }), h("div", { key: '209f3fb1fc340614c3ad2303604f0445c15838cb', class: "start-slot-wrapper" }, h("slot", { key: '2011ab81e259dbfd3ed731de713d1a9c367ceff9', name: "start" })), h("div", { key: '6c23f82042cbcfdd9b3995968bc8ed741191ef29', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '1f3ecfcaa9b9e2d83497adbe6c7f0a4ddc8a5cae', 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.isInvalid ? 'true' : undefined }, this.inheritedAttributes), value)), h("div", { key: '8e0aa4eb359d28f13d3a6df29e76ca439246df01', class: "end-slot-wrapper" }, h("slot", { key: '78bc82fa44eab07e9a596009bc72ced8aebe52a3', name: "end" }))), shouldRenderHighlight && h("div", { key: 'a85b1339432d4e0107b840d746b7bf4f37964df7', 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: 'adffcb86964fae721b0d3f193c0944448fbffc60', class: {
+        return (h(Host, { key: '6053cf163155d4268dad4fc81ffc6bbc70d75659', class: {
                 [theme]: true,
-            } }, h("slot", { key: '7ec02fa925ec4b950b8374131c00c37e1c96c82d' })));
+            } }, h("slot", { key: 'b7afb5835bce7c7ed9e5cf44758bbe2d802e1271' })));
     }
     static get is() { return "ion-thumbnail"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,11 +27,11 @@ export class ToolbarTitle {
     render() {
         const theme = getIonTheme(this);
         const size = this.getSize();
-        return (h(Host, { key: '3729a87a2d51819f5df791d0c2c8e22117bc78c9', class: createColorClasses(this.color, {
+        return (h(Host, { key: '8db3e5f9dbd8b1762a9919eaeef29c98649dfb25', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, h("div", { key: 'ef9ad4dc15aad7cb412aa74104c6788d29630b73', class: "toolbar-title" }, h("slot", { key: '7e459b8feae90082366679dc8def3537174f9345' }))));
+            }) }, h("div", { key: 'a31ebae2c494a51d2145eec69d0b1bc635108a01', class: "toolbar-title" }, h("slot", { key: 'f5975b44b3e3afbf98dcbdb53fc78447b49407b3' }))));
     }
     static get is() { return "ion-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -437,9 +437,9 @@ export class Toast {
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
             printIonWarning('[ion-toast] - 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: '5b8dc2c49ce8da4fb49cedc1ae2cb5cf0465be5f', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '3f25e3c14197723e0c97edb71ddeeccb4f9143b3', 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, [`toast-hue-${hue}`]: hue !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'eca7fbab9857fedc3f7d6cea69ab0751c85a5658', class: wrapperClass }, h("div", { key: 'bdc984633439f62f660b043a38add65e31bef66e', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: '5707305af3a2fc4fa426e9983dec0b9bf9df8ded', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '7fa8153f024a93bf04c607a328618b8553bc422e', 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, [`toast-hue-${hue}`]: hue !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'cec09872b7e08429a62e5cb821e072fa6259e63a', class: wrapperClass }, h("div", { key: '8179d7a3c8b27536e37886a21293d1a6add60306', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: 'ef87a58440d914e4c55b8b3ecaac45f983f35daf', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '56bca03e8501ad921cf2de37faace99a4f59cc71', 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

@@ -293,7 +293,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: 'ba80e0271f2f026410f082d3af00307ba64177f7', role: "switch", "aria-checked": `${checked}`, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === errorTextId, onClick: this.onClick, "aria-labelledby": hasLabel ? inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, class: createColorClasses(color, {
+        return (h(Host, { key: '956aeee2151b8cc8239edeaa935475e3019a7b5f', role: "switch", "aria-checked": `${checked}`, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === errorTextId, onClick: this.onClick, "aria-labelledby": hasLabel ? inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, class: createColorClasses(color, {
                 [theme]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -305,10 +305,10 @@ export class Toggle {
                 [`toggle-${rtl}`]: true,
                 'ion-activatable': isIonicTheme,
                 'ion-focusable': isIonicTheme,
-            }) }, h("label", { key: '8782b2199a21c8395d94864cd3a3d3178bae0f4b', class: "toggle-wrapper", htmlFor: inputId }, h("input", Object.assign({ key: 'e35112e3fd3edd8012ad2d48110df89a73804fee', 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 }, inheritedAttributes)), h("div", { key: 'c0390b0f3c9bf13518ebc6ec108d3f2cb453e2ff', class: {
+            }) }, h("label", { key: '4aa309eac4fe94639f96d08ae9d09a65fedb271f', class: "toggle-wrapper", htmlFor: inputId }, h("input", Object.assign({ key: '4057524d70ca25e0df76d726d85656f16df655ca', 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 }, inheritedAttributes)), h("div", { key: '3b0a476f62f1e183d4b4cbc823c749140ba27d4d', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, h("slot", { key: 'd6313cf3f615508e5d195863330cd60540418dd1' }), this.renderHintText()), h("div", { key: 'f17f8812c48adb2a5aa6898333943298f8521a87', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, h("slot", { key: '75a6ccef569eabf17b3d3fba165d8110960832af' }), this.renderHintText()), h("div", { key: 'e2bc757d81ecc56ac40450586d1bc9f87e0ea726', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     static get is() { return "ion-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -207,10 +207,10 @@ export class Toolbar {
         this.childrenStyles.forEach((style) => {
             Object.assign(childStyles, style);
         });
-        return (h(Host, { key: 'b69dcd7a5489c020974dbc99428dc19c60d35baf', class: Object.assign(Object.assign({}, createColorClasses(this.color, {
+        return (h(Host, { key: '6f52a5408379012843d0b93ac20c25b868e0211c', class: Object.assign(Object.assign({}, createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })), childStyles) }, h("div", { key: 'db4dd0375645d9fa5afe64918f6d02a015eeac54', class: "toolbar-background", part: "background" }), h("div", { key: 'cbc1125f1098a2f2ab1d74bef2f31f51ba7c3616', class: "toolbar-container", part: "container" }, h("slot", { key: '481ac56c95762f54f9c2a0ec733319a420899c59', name: "start", onSlotchange: () => this.updateSlotClasses }), h("slot", { key: '59df83b2f418a83377d9e74e1a73fd1a87eec9da', name: "secondary", onSlotchange: () => this.updateSlotClasses }), h("div", { key: '4f4d84081880239ed3e1035b69517d769f0a9531', class: "toolbar-content", part: "content" }, h("slot", { key: '3942de02118b0b927b270183074445d00745226e' })), h("slot", { key: '1f00e52f09c315eddaa4b7d8cc80e5b5e618c12e', name: "primary", onSlotchange: () => this.updateSlotClasses }), h("slot", { key: '7c749057d8d86270b0771c52bd44621eb2c5d200', name: "end", onSlotchange: () => this.updateSlotClasses }))));
+            })), childStyles) }, h("div", { key: '8f79b04f7c26edb4d64b88d1e1a69ee6e4ab8773', class: "toolbar-background", part: "background" }), h("div", { key: '8a682653ea75f07fa583d9b7cf38850294e83448', class: "toolbar-container", part: "container" }, h("slot", { key: '1a4e3289bdc3802cbabdd99d4bd5ab45e10846d8', name: "start", onSlotchange: () => this.updateSlotClasses }), h("slot", { key: '5578aaf1d8bf6dba08ab4ac9ccd9b8d8fe6c8ff1', name: "secondary", onSlotchange: () => this.updateSlotClasses }), h("div", { key: 'd4ba11c8daf43ed164a9c89dafdd96c5d2b50a35', class: "toolbar-content", part: "content" }, h("slot", { key: '994952702fe18216044d10a96abbf9cf071612e3' })), h("slot", { key: '2e07d6585687764a0a24bbc1b2f456aec30bfea7', name: "primary", onSlotchange: () => this.updateSlotClasses }), h("slot", { key: 'ebcb8dcde1202d6ced4c251a3b78c30b1153849f', name: "end", onSlotchange: () => this.updateSlotClasses }))));
     }
     static get is() { return "ion-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-11-06T16:37:48",
+  "timestamp": "2025-11-11T11:23:42",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.0",
@@ -7156,7 +7156,7 @@
     },
     {
       "filePath": "src/components/card-content/card-content.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "ion-card-content",
       "docs": "",
       "docsTags": [

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

@@ -441,7 +441,7 @@ const Content = class {
         const forceOverscroll = this.shouldForceOverscroll(mode);
         const transitionShadow = theme === 'ios';
         this.resize();
-        return (h(Host, Object.assign({ key: 'bb748c71d1b37dd18e39d4993a02e259a5797ee5', role: isMainContent ? 'main' : undefined, class: createColorClasses(this.color, {
+        return (h(Host, Object.assign({ key: 'ee94e34dd128cb2a21ef2b370d35e099a1125447', role: isMainContent ? 'main' : undefined, class: createColorClasses(this.color, {
                 [theme]: true,
                 'content-sizing': hostContext('ion-popover', this.el),
                 overscroll: forceOverscroll,
@@ -449,12 +449,12 @@ const Content = class {
             }), style: {
                 '--offset-top': `${this.cTop}px`,
                 '--offset-bottom': `${this.cBottom}px`,
-            } }, inheritedAttributes), h("div", { key: '2f5df1e55ba6425f5fdf46887be023d2b76f28a9', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? h("slot", { name: "fixed" }) : null, h("div", { key: '809f63d3a58637dec2fb854f38733c3f7879b439', class: {
+            } }, inheritedAttributes), h("div", { key: '75954692de33cae260441064d0c4034d818b7de6', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? h("slot", { name: "fixed" }) : null, h("div", { key: '374f5d2da6f15b42df0ad268c2f9a188ac6aedcb', class: {
                 'inner-scroll': true,
                 'scroll-x': scrollX,
                 'scroll-y': scrollY,
                 overscroll: (scrollX || scrollY) && forceOverscroll,
-            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, h("slot", { key: 'c7c648ea22a5955170b8eaf1e48ff9799728addc' })), transitionShadow ? (h("div", { class: "transition-effect" }, h("div", { class: "transition-cover" }), h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? h("slot", { name: "fixed" }) : null));
+            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, h("slot", { key: '625c1dc26f6b6c43ade2de6f61a92ae7a8bcbaa7' })), transitionShadow ? (h("div", { class: "transition-effect" }, h("div", { class: "transition-cover" }), h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? h("slot", { name: "fixed" }) : null));
     }
     get el() { return getElement(this); }
 };
@@ -631,7 +631,7 @@ const Footer = class {
         const theme = getIonTheme(this);
         const tabs = this.el.closest('ion-tabs');
         const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
-        return (h(Host, { key: '5b61216dcb168a45472e037f9015c5e0f5bf7356', role: "contentinfo", class: {
+        return (h(Host, { key: 'e70e2616f69a6205a1c2045bf13a792c9a6bc27c', role: "contentinfo", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`footer-${theme}`]: true,
@@ -639,7 +639,7 @@ const Footer = class {
                 [`footer-translucent-${theme}`]: translucent,
                 ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
-            } }, theme === 'ios' && translucent && h("div", { key: 'a6af70930e7be3ec51fe692d664304ced53ffe3e', class: "footer-background" }), h("slot", { key: '3591c712d6a3eceb5dc6c7307c32ceff54b1f9a7' })));
+            } }, theme === 'ios' && translucent && h("div", { key: '72803059c1d82a766a0ce69e5a8a6a3b7e576700', class: "footer-background" }), h("slot", { key: 'de450e4eb8f5c63b11f548061f29d957ef308539' })));
     }
     get el() { return getElement(this); }
 };
@@ -994,7 +994,7 @@ const Header = class {
         const collapse = this.collapse || 'none';
         // banner role must be at top level, so remove role if inside a menu
         const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';
-        return (h(Host, Object.assign({ key: '6a3ad0b3da7b27c42f96a9a7e2d2380406bfa604', role: roleType, class: {
+        return (h(Host, Object.assign({ key: 'f5c81cee59b635b407fcad7732c793c651edb91e', role: roleType, class: {
                 [theme]: true,
                 // Used internally for styling
                 [`header-${theme}`]: true,
@@ -1002,7 +1002,7 @@ const Header = class {
                 [`header-collapse-${collapse}`]: true,
                 [`header-translucent-${theme}`]: this.translucent,
                 ['header-divider']: divider,
-            } }, inheritedAttributes), theme !== 'md' && translucent && h("div", { key: 'c0464df06d745da49d3163837180b21ec9fc2bdb', class: "header-background" }), h("slot", { key: '304859e675c67154563afb85c8e9358a8a6fb27b' })));
+            } }, inheritedAttributes), theme !== 'md' && translucent && h("div", { key: 'd8373a8418756961185de934082142da01b27a26', class: "header-background" }), h("slot", { key: '9fda3dcb16fd09f7f6fa1c345d17cdf130e1e331' })));
     }
     get el() { return getElement(this); }
 };
@@ -1189,7 +1189,7 @@ const RouterOutlet = class {
         return true;
     }
     render() {
-        return h("slot", { key: 'e7752a955d59c869efccf59984db64431d692100' });
+        return h("slot", { key: '3f107f085a977b4d27c7266771a9564e3219f736' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1227,11 +1227,11 @@ const ToolbarTitle = class {
     render() {
         const theme = getIonTheme(this);
         const size = this.getSize();
-        return (h(Host, { key: '3729a87a2d51819f5df791d0c2c8e22117bc78c9', class: createColorClasses(this.color, {
+        return (h(Host, { key: '8db3e5f9dbd8b1762a9919eaeef29c98649dfb25', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, h("div", { key: 'ef9ad4dc15aad7cb412aa74104c6788d29630b73', class: "toolbar-title" }, h("slot", { key: '7e459b8feae90082366679dc8def3537174f9345' }))));
+            }) }, h("div", { key: 'a31ebae2c494a51d2145eec69d0b1bc635108a01', class: "toolbar-title" }, h("slot", { key: 'f5975b44b3e3afbf98dcbdb53fc78447b49407b3' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1440,10 +1440,10 @@ const Toolbar = class {
         this.childrenStyles.forEach((style) => {
             Object.assign(childStyles, style);
         });
-        return (h(Host, { key: 'b69dcd7a5489c020974dbc99428dc19c60d35baf', class: Object.assign(Object.assign({}, createColorClasses(this.color, {
+        return (h(Host, { key: '6f52a5408379012843d0b93ac20c25b868e0211c', class: Object.assign(Object.assign({}, createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })), childStyles) }, h("div", { key: 'db4dd0375645d9fa5afe64918f6d02a015eeac54', class: "toolbar-background", part: "background" }), h("div", { key: 'cbc1125f1098a2f2ab1d74bef2f31f51ba7c3616', class: "toolbar-container", part: "container" }, h("slot", { key: '481ac56c95762f54f9c2a0ec733319a420899c59', name: "start", onSlotchange: () => this.updateSlotClasses }), h("slot", { key: '59df83b2f418a83377d9e74e1a73fd1a87eec9da', name: "secondary", onSlotchange: () => this.updateSlotClasses }), h("div", { key: '4f4d84081880239ed3e1035b69517d769f0a9531', class: "toolbar-content", part: "content" }, h("slot", { key: '3942de02118b0b927b270183074445d00745226e' })), h("slot", { key: '1f00e52f09c315eddaa4b7d8cc80e5b5e618c12e', name: "primary", onSlotchange: () => this.updateSlotClasses }), h("slot", { key: '7c749057d8d86270b0771c52bd44621eb2c5d200', name: "end", onSlotchange: () => this.updateSlotClasses }))));
+            })), childStyles) }, h("div", { key: '8f79b04f7c26edb4d64b88d1e1a69ee6e4ab8773', class: "toolbar-background", part: "background" }), h("div", { key: '8a682653ea75f07fa583d9b7cf38850294e83448', class: "toolbar-container", part: "container" }, h("slot", { key: '1a4e3289bdc3802cbabdd99d4bd5ab45e10846d8', name: "start", onSlotchange: () => this.updateSlotClasses }), h("slot", { key: '5578aaf1d8bf6dba08ab4ac9ccd9b8d8fe6c8ff1', name: "secondary", onSlotchange: () => this.updateSlotClasses }), h("div", { key: 'd4ba11c8daf43ed164a9c89dafdd96c5d2b50a35', class: "toolbar-content", part: "content" }, h("slot", { key: '994952702fe18216044d10a96abbf9cf071612e3' })), h("slot", { key: '2e07d6585687764a0a24bbc1b2f456aec30bfea7', name: "primary", onSlotchange: () => this.updateSlotClasses }), h("slot", { key: 'ebcb8dcde1202d6ced4c251a3b78c30b1153849f', name: "end", onSlotchange: () => this.updateSlotClasses }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -159,9 +159,9 @@ const Thumbnail = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'adffcb86964fae721b0d3f193c0944448fbffc60', class: {
+        return (h(Host, { key: '6053cf163155d4268dad4fc81ffc6bbc70d75659', class: {
                 [theme]: true,
-            } }, h("slot", { key: '7ec02fa925ec4b950b8374131c00c37e1c96c82d' })));
+            } }, h("slot", { key: 'b7afb5835bce7c7ed9e5cf44758bbe2d802e1271' })));
     }
 };
 Thumbnail.style = thumbnailCss;