@esri/calcite-components 2.13.0 → 2.14.0-next.1

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
+ * v2.14.0-next.1
  */
 'use strict';
 
@@ -2419,38 +2419,6 @@ class Accordion {
     }; }
 }
 
-let mutationObserver$1;
-const observerOptions = { childList: true };
-/**
- * Helper to set up a conditional slot component on connectedCallback.
- *
- * @param component
- * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
- *
- * ```
- * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
- * ```
- */
-function connectConditionalSlotComponent(component) {
-    if (!mutationObserver$1) {
-        mutationObserver$1 = createObserver();
-    }
-    mutationObserver$1.observe(component.el, observerOptions);
-}
-/**
- * Helper to tear down a conditional slot component on disconnectedCallback.
- *
- * @param component
- * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
- *
- * ```
- * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
- * ```
- */
-function disconnectConditionalSlotComponent(component) {
-    mutationObserver$1.unobserve(component.el);
-}
-
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
@@ -3743,6 +3711,12 @@ class AccordionItem {
         //  Private Methods
         //
         //--------------------------------------------------------------------------
+        this.handleActionsStartSlotChange = (event) => {
+            this.hasActionsStart = slotChangeHasAssignedElement(event);
+        };
+        this.handleActionsEndSlotChange = (event) => {
+            this.hasActionsEnd = slotChangeHasAssignedElement(event);
+        };
         this.storeHeaderEl = (el) => {
             this.headerEl = el;
         };
@@ -3758,36 +3732,30 @@ class AccordionItem {
         this.iconType = undefined;
         this.accordionParent = undefined;
         this.scale = undefined;
+        this.hasActionsStart = false;
+        this.hasActionsEnd = false;
     }
     //--------------------------------------------------------------------------
     //
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
-    connectedCallback() {
-        connectConditionalSlotComponent(this);
-    }
     componentWillLoad() {
         setUpLoadableComponent(this);
     }
     componentDidLoad() {
         setComponentLoaded(this);
     }
-    disconnectedCallback() {
-        disconnectConditionalSlotComponent(this);
-    }
     // --------------------------------------------------------------------------
     //
     //  Render Methods
     //
     // --------------------------------------------------------------------------
     renderActionsStart() {
-        const { el } = this;
-        return getSlotted(el, SLOTS$B.actionsStart) ? (hAsync("div", { class: CSS$1w.actionsStart }, hAsync("slot", { name: SLOTS$B.actionsStart }))) : null;
+        return (hAsync("div", { class: CSS$1w.actionsStart, hidden: !this.hasActionsStart }, hAsync("slot", { name: SLOTS$B.actionsStart, onSlotchange: this.handleActionsStartSlotChange })));
     }
     renderActionsEnd() {
-        const { el } = this;
-        return getSlotted(el, SLOTS$B.actionsEnd) ? (hAsync("div", { class: CSS$1w.actionsEnd }, hAsync("slot", { name: SLOTS$B.actionsEnd }))) : null;
+        return (hAsync("div", { class: CSS$1w.actionsEnd, hidden: !this.hasActionsEnd }, hAsync("slot", { name: SLOTS$B.actionsEnd, onSlotchange: this.handleActionsEndSlotChange })));
     }
     render() {
         const { iconFlipRtl } = this;
@@ -3795,16 +3763,16 @@ class AccordionItem {
         const iconStartEl = this.iconStart ? (hAsync("calcite-icon", { class: { [CSS$1w.icon]: true, [CSS$1w.iconStart]: true }, flipRtl: iconFlipRtl === "both" || iconFlipRtl === "start", icon: this.iconStart, key: "icon-start", scale: getIconScale(this.scale) })) : null;
         const iconEndEl = this.iconEnd ? (hAsync("calcite-icon", { class: { [CSS$1w.iconEnd]: true, [CSS$1w.icon]: true }, flipRtl: iconFlipRtl === "both" || iconFlipRtl === "end", icon: this.iconEnd, key: "icon-end", scale: getIconScale(this.scale) })) : null;
         const { description } = this;
-        return (hAsync(Host, { key: '73a74d61e41199c57868bd5375ba1b08f8e19dbc' }, hAsync("div", { key: 'ce9e0a74ea1eb93b7e2f00e95e6a092dcf99726b', class: {
+        return (hAsync(Host, { key: 'd9f881a4b6c4ec686b4c58cbd39bb2d665db96ff' }, hAsync("div", { key: '91d256bdf41b8388ed9c2fda26a563bc9fa72af7', class: {
                 [`icon-position--${this.iconPosition}`]: true,
                 [`icon-type--${this.iconType}`]: true,
-            } }, hAsync("div", { key: '18af6a636b01a816363edf73bd05a486ac0cc2b2', class: { [CSS$1w.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), hAsync("div", { key: '8a82a3acec9576d7e936714d1bee0bd2a1cc4ab1', "aria-controls": IDS$d.section, "aria-expanded": toAriaBoolean(this.expanded), class: CSS$1w.headerContent, id: IDS$d.sectionToggle, onClick: this.itemHeaderClickHandler, ref: this.storeHeaderEl, role: "button", tabindex: "0" }, hAsync("div", { key: 'b9b223e8e0b0f60d9f6f9c5a9bda1458def7ae01', class: CSS$1w.headerContainer }, iconStartEl, hAsync("div", { key: 'ccdba89b98942b7163d09a0f78175c374aba5875', class: CSS$1w.headerText }, hAsync("span", { key: 'c91bcaf36ba60ac2a8ef06e3356a15d1f3a7e78f', class: CSS$1w.heading }, this.heading), description ? hAsync("span", { class: CSS$1w.description }, description) : null), iconEndEl), hAsync("calcite-icon", { key: 'aebf05069b1ceae376fb67074aad773c4f403c16', class: CSS$1w.expandIcon, icon: this.iconType === "chevron"
+            } }, hAsync("div", { key: '8d17680329e791164f66ca7d8d494483ae5bf977', class: { [CSS$1w.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), hAsync("div", { key: '3be3e3dc625f73a9330a51971096cf920b28f5e3', "aria-controls": IDS$d.section, "aria-expanded": toAriaBoolean(this.expanded), class: CSS$1w.headerContent, id: IDS$d.sectionToggle, onClick: this.itemHeaderClickHandler, ref: this.storeHeaderEl, role: "button", tabindex: "0" }, hAsync("div", { key: 'e505abb129bb03e1ccaeb98345b750005159fe29', class: CSS$1w.headerContainer }, iconStartEl, hAsync("div", { key: 'fd90273700fb55c84be11705c63b09eddd6068d2', class: CSS$1w.headerText }, hAsync("span", { key: '85fe7353dd51c2ca93b136e34dcaf8f8877e9c20', class: CSS$1w.heading }, this.heading), description ? hAsync("span", { class: CSS$1w.description }, description) : null), iconEndEl), hAsync("calcite-icon", { key: 'f03e2c69694d72afa32f25b52cec2efba6153f8d', class: CSS$1w.expandIcon, icon: this.iconType === "chevron"
                 ? "chevronDown"
                 : this.iconType === "caret"
                     ? "caretDown"
                     : this.expanded
                         ? "minus"
-                        : "plus", scale: getIconScale(this.scale) })), this.renderActionsEnd()), hAsync("section", { key: '7371b06f1ec99aab9351113663eda976540ae7b0', "aria-labelledby": IDS$d.sectionToggle, class: CSS$1w.content, id: IDS$d.section }, hAsync("slot", { key: '69b851d2989876bece534e499a039e55eaabb1ec' })))));
+                        : "plus", scale: getIconScale(this.scale) })), this.renderActionsEnd()), hAsync("section", { key: 'c04e4afb8d05d0c9694d22d473f83008f7a9f450', "aria-labelledby": IDS$d.sectionToggle, class: CSS$1w.content, id: IDS$d.section }, hAsync("slot", { key: 'f360ea78742797b14d6880c75eafa20973eeb89b' })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -3895,6 +3863,8 @@ class AccordionItem {
             "iconType": [1, "icon-type"],
             "accordionParent": [16],
             "scale": [1],
+            "hasActionsStart": [32],
+            "hasActionsEnd": [32],
             "setFocus": [64]
         },
         "$listeners$": [[0, "keydown", "keyDownHandler"], [16, "calciteInternalAccordionChange", "updateActiveItemOnChange"], [4, "calciteInternalAccordionItemsSync", "accordionItemSyncHandler"]],
@@ -4353,7 +4323,7 @@ const connectedComponents = new Set();
 function connectLocalized(component) {
     updateEffectiveLocale(component);
     if (connectedComponents.size === 0) {
-        mutationObserver?.observe(document.documentElement, {
+        mutationObserver$1?.observe(document.documentElement, {
             attributes: true,
             attributeFilter: ["lang"],
             subtree: true,
@@ -4381,10 +4351,10 @@ function updateEffectiveLocale(component) {
 function disconnectLocalized(component) {
     connectedComponents.delete(component);
     if (connectedComponents.size === 0) {
-        mutationObserver.disconnect();
+        mutationObserver$1.disconnect();
     }
 }
-const mutationObserver = createObserver();
+const mutationObserver$1 = createObserver();
 /**
  * This util helps resolve a component's locale.
  * It will also fall back on the deprecated `locale` if a component implemented this previously.
@@ -6327,7 +6297,6 @@ class ActionBar {
             this.resizeObserver?.observe(el);
         }
         this.overflowActions();
-        connectConditionalSlotComponent(this);
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
@@ -6336,7 +6305,6 @@ class ActionBar {
     disconnectedCallback() {
         this.mutationObserver?.disconnect();
         this.resizeObserver?.disconnect();
-        disconnectConditionalSlotComponent(this);
         disconnectLocalized(this);
         disconnectMessages(this);
     }
@@ -6377,7 +6345,7 @@ class ActionBar {
         return (hAsync("calcite-action-group", { class: CSS$1r.actionGroupEnd, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), label: actionsEndGroupLabel, layout: layout, overlayPositioning: overlayPositioning, scale: scale }, hAsync("slot", { name: SLOTS$x.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), hAsync("slot", { name: SLOTS$x.bottomActions, onSlotchange: this.handleBottomActionsSlotChange }), hAsync("slot", { name: SLOTS$x.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode));
     }
     render() {
-        return (hAsync(Host, { key: 'ff6e365531a0ed2032864bb0777910c3932e9c6b', onCalciteActionMenuOpen: this.actionMenuOpenHandler }, hAsync("slot", { key: 'f12b2f455752a62ee32b65224bed385940135a49', onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup()));
+        return (hAsync(Host, { key: 'ed00e867fb7fe71dc7456aeba2cd8a834529040a', onCalciteActionMenuOpen: this.actionMenuOpenHandler }, hAsync("slot", { key: '9891fee64f1c5d8bbe2283975816f29a06976a8e', onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -6482,12 +6450,10 @@ class ActionGroup {
     connectedCallback() {
         connectLocalized(this);
         connectMessages(this);
-        connectConditionalSlotComponent(this);
     }
     disconnectedCallback() {
         disconnectLocalized(this);
         disconnectMessages(this);
-        disconnectConditionalSlotComponent(this);
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
@@ -6506,7 +6472,7 @@ class ActionGroup {
         return (hAsync("calcite-action-menu", { expanded: expanded, flipPlacements: menuFlipPlacements ?? (layout === "horizontal" ? ["top", "bottom"] : ["left", "right"]), hidden: !hasMenuActions, label: messages.more, onCalciteActionMenuOpen: this.setMenuOpen, open: menuOpen, overlayPositioning: overlayPositioning, placement: menuPlacement ?? (layout === "horizontal" ? "bottom-start" : "leading-start"), scale: scale }, hAsync("calcite-action", { icon: ICONS$o.menu, scale: scale, slot: SLOTS$y.trigger, text: messages.more, textEnabled: expanded }), hAsync("slot", { name: SLOTS$z.menuActions, onSlotchange: this.handleMenuActionsSlotChange }), hAsync("slot", { name: SLOTS$z.menuTooltip, slot: SLOTS$y.tooltip })));
     }
     render() {
-        return (hAsync("div", { key: '8143606c5745053f15140f34ff5ea375a683325f', "aria-label": this.label, class: CSS$1t.container, role: "group" }, hAsync("slot", { key: 'e8c2821b9ce2e9d0293478989fc31d24f043f9c3' }), this.renderMenu()));
+        return (hAsync("div", { key: 'b3b50e277ecf494a28cf718a32667bc99ceafa3c', "aria-label": this.label, class: CSS$1t.container, role: "group" }, hAsync("slot", { key: '5bd099ee7a4b804186125ae2f6ca3ee9ec8c7fa2' }), this.renderMenu()));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -6922,7 +6888,6 @@ class ActionPad {
     //
     // --------------------------------------------------------------------------
     connectedCallback() {
-        connectConditionalSlotComponent(this);
         connectLocalized(this);
         connectMessages(this);
         this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
@@ -6930,7 +6895,6 @@ class ActionPad {
     disconnectedCallback() {
         disconnectLocalized(this);
         disconnectMessages(this);
-        disconnectConditionalSlotComponent(this);
         this.mutationObserver?.disconnect();
     }
     async componentWillLoad() {
@@ -6971,7 +6935,7 @@ class ActionPad {
         return expandToggleNode ? (hAsync("calcite-action-group", { class: CSS$1q.actionGroupEnd, label: actionsEndGroupLabel, layout: layout, overlayPositioning: overlayPositioning, scale: scale }, hAsync("slot", { name: SLOTS$w.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode)) : null;
     }
     render() {
-        return (hAsync(Host, { key: 'ca50c5f475d78b92b5347ab912727587420ceea5', onCalciteActionMenuOpen: this.actionMenuOpenHandler }, hAsync("div", { key: '81b26e9b6bd0a04357fe00ef55111c6bb609f4e7', class: CSS$1q.container }, hAsync("slot", { key: 'e346dc6cfab0e26cfc694b43063715d7b845ae32', onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup())));
+        return (hAsync(Host, { key: '67b2f02e93475de13b3f36854167256d2fbf8542', onCalciteActionMenuOpen: this.actionMenuOpenHandler }, hAsync("div", { key: '433eed9960c852c1a91d1198f7306b5c8857a13f', class: CSS$1q.container }, hAsync("slot", { key: '802d25fc939dd3ca2fb8c985c6a3021bac35899f', onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup())));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -7321,16 +7285,16 @@ class Alert {
         const hidden = !open;
         const effectiveIcon = setRequestedIcon(KindIcons, this.icon, this.kind);
         const hasQueuedAlerts = openAlertCount > 1;
-        return (hAsync(Host, { key: 'cecedeaa678e4f6e22fd2aabc4d29bc8589430f6', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, hAsync("div", { key: 'ca85d5f5ec313f3a305e01dcc8cbbad9647dd516', class: {
+        return (hAsync(Host, { key: 'e6de9fd86c7066e912fa2a595a1ef206e1dcb250', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, hAsync("div", { key: '763923c7f0e4a2b0cc9b41360ee94622151805e5', class: {
                 [CSS$1p.container]: true,
                 [CSS$1p.containerActive]: active,
                 [`${CSS$1p.container}--${placement}`]: true,
                 [CSS$1p.containerEmbedded]: this.embedded,
                 [CSS$1p.focused]: this.isFocused,
-            }, onPointerEnter: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, onPointerLeave: this.autoClose ? this.handleMouseLeave : null, ref: this.setTransitionEl }, effectiveIcon && this.renderIcon(effectiveIcon), hAsync("div", { key: '1f72f255c3e0630eed63bb62d3d50f4a2ba6a528', class: CSS$1p.textContainer, onFocusin: this.autoClose && this.autoCloseTimeoutId ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null }, hAsync("slot", { key: 'aade607960adea0a10f5eac85b119444085c9cf9', name: SLOTS$v.title }), hAsync("slot", { key: '1f47158cfbf8c0626cd49246142fb750311b1d4a', name: SLOTS$v.message }), hAsync("slot", { key: '5ba06e024b517f23168311828cc8ce41c21926a6', name: SLOTS$v.link })), this.renderActionsEnd(), hasQueuedAlerts ? this.renderQueueCount() : null, this.renderCloseButton(), open && active && autoClose ? hAsync("div", { class: CSS$1p.dismissProgress }) : null)));
+            }, onPointerEnter: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, onPointerLeave: this.autoClose ? this.handleMouseLeave : null, ref: this.setTransitionEl }, effectiveIcon && this.renderIcon(effectiveIcon), hAsync("div", { key: '27d80c742e4e5df35484fcbdabe33a56efae903e', class: CSS$1p.textContainer, onFocusin: this.autoClose && this.autoCloseTimeoutId ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null }, hAsync("slot", { key: 'f40464dad4d67428fcf312cb9809b48a08f75ac4', name: SLOTS$v.title }), hAsync("slot", { key: 'e0bbe92241bf523225a1d399da53fb2e09aa03f3', name: SLOTS$v.message }), hAsync("slot", { key: '623170b981600c08f020b47df9556a3c2a813cef', name: SLOTS$v.link })), this.renderActionsEnd(), hasQueuedAlerts ? this.renderQueueCount() : null, this.renderCloseButton(), open && active && autoClose ? hAsync("div", { class: CSS$1p.dismissProgress }) : null)));
     }
     renderCloseButton() {
-        return (hAsync("button", { "aria-label": this.messages.close, class: CSS$1p.close, key: "close", onClick: this.closeAlert, onFocusin: this.autoClose ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null, ref: (el) => (this.closeButton = el), type: "button" }, hAsync("calcite-icon", { icon: "x", scale: getIconScale(this.scale) })));
+        return (hAsync("button", { "aria-label": this.messages.close, class: CSS$1p.close, key: "close", onClick: this.closeAlert, onFocusin: this.autoClose ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null, type: "button" }, hAsync("calcite-icon", { icon: "x", scale: getIconScale(this.scale) })));
     }
     renderQueueCount() {
         const { openAlertCount } = this;
@@ -7359,16 +7323,7 @@ class Alert {
      */
     async setFocus() {
         await componentFocusable(this);
-        const alertLinkEl = getSlotted(this.el, { selector: "calcite-link" });
-        if (!this.closeButton && !alertLinkEl) {
-            return;
-        }
-        else if (alertLinkEl) {
-            return alertLinkEl.setFocus();
-        }
-        else if (this.closeButton) {
-            this.closeButton.focus();
-        }
+        focusFirstTabbable(this.el);
     }
     effectiveLocaleChange() {
         updateMessages(this);
@@ -9882,7 +9837,6 @@ function constrainHeadingLevel(level) {
 }
 const Heading = (props, children) => {
     const HeadingTag = props.level ? `h${props.level}` : "div";
-    delete props.level;
     return (hAsync(HeadingTag, { class: props.class, key: props.key }, children));
 };
 
@@ -12105,6 +12059,15 @@ class Block {
             this.open = !this.open;
             this.calciteBlockToggle.emit();
         };
+        this.controlSlotChangeHandler = (event) => {
+            this.hasControl = slotChangeHasAssignedElement(event);
+        };
+        this.menuActionsSlotChangeHandler = (event) => {
+            this.hasMenuActions = slotChangeHasAssignedElement(event);
+        };
+        this.iconSlotChangeHandler = (event) => {
+            this.hasIcon = slotChangeHasAssignedElement(event);
+        };
         this.actionsEndSlotChangeHandler = (event) => {
             this.hasEndActions = slotChangeHasAssignedElement(event);
         };
@@ -12130,6 +12093,9 @@ class Block {
         this.overlayPositioning = "absolute";
         this.defaultMessages = undefined;
         this.effectiveLocale = undefined;
+        this.hasIcon = false;
+        this.hasControl = false;
+        this.hasMenuActions = false;
         this.hasContentStart = false;
         this.hasEndActions = false;
     }
@@ -12173,7 +12139,6 @@ class Block {
     //
     // --------------------------------------------------------------------------
     connectedCallback() {
-        connectConditionalSlotComponent(this);
         connectLocalized(this);
         connectMessages(this);
         this.transitionEl = this.el;
@@ -12181,7 +12146,6 @@ class Block {
     disconnectedCallback() {
         disconnectLocalized(this);
         disconnectMessages(this);
-        disconnectConditionalSlotComponent(this);
     }
     async componentWillLoad() {
         await setUpMessages(this);
@@ -12208,19 +12172,17 @@ class Block {
     }
     renderLoaderStatusIcon() {
         const { loading, messages, status } = this;
-        const hasSlottedIcon = !!getSlotted(this.el, SLOTS$u.icon);
         return loading ? (hAsync("div", { class: CSS$1m.icon, key: "loader" }, hAsync("calcite-loader", { inline: true, label: messages.loading }))) : status ? (hAsync("div", { class: CSS$1m.icon, key: "status-icon" }, hAsync("calcite-icon", { class: {
                 [CSS$1m.statusIcon]: true,
                 [CSS$1m.valid]: status == "valid",
                 [CSS$1m.invalid]: status == "invalid",
-            }, icon: ICONS$l[status], scale: "s" }))) : hasSlottedIcon ? (hAsync("div", { class: CSS$1m.icon, key: "icon-slot" }, hAsync("slot", { key: "icon-slot", name: SLOTS$u.icon }))) : null;
+            }, icon: ICONS$l[status], scale: "s" }))) : (hAsync("div", { class: CSS$1m.icon, hidden: !this.hasIcon, key: "icon-slot" }, hAsync("slot", { key: "icon-slot", name: SLOTS$u.icon, onSlotchange: this.iconSlotChangeHandler })));
     }
     renderActionsEnd() {
-        return (hAsync("div", { class: CSS$1m.actionsEnd }, hAsync("slot", { name: SLOTS$u.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler })));
+        return (hAsync("div", { class: CSS$1m.actionsEnd, hidden: !this.hasEndActions }, hAsync("slot", { name: SLOTS$u.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler })));
     }
     renderContentStart() {
-        const { hasContentStart } = this;
-        return (hAsync("div", { class: CSS$1m.contentStart, hidden: !hasContentStart }, hAsync("slot", { name: SLOTS$u.contentStart, onSlotchange: this.handleContentStartSlotChange })));
+        return (hAsync("div", { class: CSS$1m.contentStart, hidden: !this.hasContentStart }, hAsync("slot", { name: SLOTS$u.contentStart, onSlotchange: this.handleContentStartSlotChange })));
     }
     renderTitle() {
         const { heading, headingLevel, description } = this;
@@ -12240,16 +12202,14 @@ class Block {
         return (hAsync("calcite-icon", { class: iconClass, flipRtl: flipRtl, icon: iconValue, key: iconValue, scale: "s" }));
     }
     render() {
-        const { collapsible, el, loading, open, heading, messages, description, menuFlipPlacements, menuPlacement, } = this;
+        const { collapsible, loading, open, heading, messages, description, menuFlipPlacements, menuPlacement, } = this;
         const toggleLabel = open ? messages.collapse : messages.expand;
-        const headerContent = (hAsync("header", { key: '439d2866f9c5f13cfd8020812203a6cdf86c964f', class: { [CSS$1m.header]: true, [CSS$1m.headerHasText]: !!(heading || description) }, id: IDS$c.header }, this.renderIcon("start"), this.renderContentStart(), this.renderLoaderStatusIcon(), this.renderTitle()));
-        const hasControl = !!getSlotted(el, SLOTS$u.control);
-        const hasMenuActions = !!getSlotted(el, SLOTS$u.headerMenuActions);
+        const headerContent = (hAsync("header", { key: '4eabacf9aa5d61dc3bb60bb5799ccc02c87b23b9', class: { [CSS$1m.header]: true, [CSS$1m.headerHasText]: !!(heading || description) }, id: IDS$c.header }, this.renderIcon("start"), this.renderContentStart(), this.renderLoaderStatusIcon(), this.renderTitle()));
         const collapseIcon = open ? ICONS$l.opened : ICONS$l.closed;
-        const headerNode = (hAsync("div", { key: 'a9721a9e145db53a215262190d2f7e46472edec6', class: CSS$1m.headerContainer }, this.dragHandle ? hAsync("calcite-handle", { label: heading }) : null, collapsible ? (hAsync("button", { "aria-controls": IDS$c.content, "aria-describedby": IDS$c.header, "aria-expanded": collapsible ? toAriaBoolean(open) : null, class: CSS$1m.toggle, id: IDS$c.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, hAsync("div", { class: CSS$1m.iconEndContainer }, this.renderIcon("end"), hAsync("calcite-icon", { class: CSS$1m.toggleIcon, icon: collapseIcon, scale: "s" })))) : this.iconEnd ? (hAsync("div", null, headerContent, hAsync("div", { class: CSS$1m.iconEndContainer }, this.renderIcon("end")))) : (headerContent), hasControl ? (hAsync("div", { "aria-labelledby": IDS$c.header, class: CSS$1m.controlContainer }, hAsync("slot", { name: SLOTS$u.control }))) : null, hasMenuActions ? (hAsync("calcite-action-menu", { flipPlacements: menuFlipPlacements ?? ["top", "bottom"], label: messages.options, overlayPositioning: this.overlayPositioning, placement: menuPlacement }, hAsync("slot", { name: SLOTS$u.headerMenuActions }))) : null, this.renderActionsEnd()));
-        return (hAsync(Host, { key: 'cdf7c69cc630466cfd4fb0078735f1e685fde512' }, hAsync(InteractiveContainer, { key: 'ae5b2a044fb337bb2c5c12bee2c9ed4b10e5c373', disabled: this.disabled }, hAsync("article", { key: '01c5c5499d62361cfe26d8b6a878034f0805787b', "aria-busy": toAriaBoolean(loading), class: {
+        const headerNode = (hAsync("div", { key: '05de3861eb68e7da25018ba0dca52f4c7ad936d2', class: CSS$1m.headerContainer }, this.dragHandle ? hAsync("calcite-handle", { label: heading }) : null, collapsible ? (hAsync("button", { "aria-controls": IDS$c.content, "aria-describedby": IDS$c.header, "aria-expanded": collapsible ? toAriaBoolean(open) : null, class: CSS$1m.toggle, id: IDS$c.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, hAsync("div", { class: CSS$1m.iconEndContainer }, this.renderIcon("end"), hAsync("calcite-icon", { class: CSS$1m.toggleIcon, icon: collapseIcon, scale: "s" })))) : this.iconEnd ? (hAsync("div", null, headerContent, hAsync("div", { class: CSS$1m.iconEndContainer }, this.renderIcon("end")))) : (headerContent), hAsync("div", { key: 'ce8350186518e47b00209a06a600a352428cc685', "aria-labelledby": IDS$c.header, class: CSS$1m.controlContainer, hidden: !this.hasControl }, hAsync("slot", { key: 'd1fbc42d45e0a8998f60c088928f0d65ae0026ba', name: SLOTS$u.control, onSlotchange: this.controlSlotChangeHandler })), hAsync("calcite-action-menu", { key: '3dd0257c88cc28b5efc10b7ce21985fd0bc9dcfa', flipPlacements: menuFlipPlacements ?? ["top", "bottom"], hidden: !this.hasMenuActions, label: messages.options, overlayPositioning: this.overlayPositioning, placement: menuPlacement }, hAsync("slot", { key: 'a88511e33d680a4486e6477a7b094a7e4aa17907', name: SLOTS$u.headerMenuActions, onSlotchange: this.menuActionsSlotChangeHandler })), this.renderActionsEnd()));
+        return (hAsync(Host, { key: '11b3b6a71de4af3fe9d9d983dc213a53f710274d' }, hAsync(InteractiveContainer, { key: '569189e3d649ee0fa1397a52e7c19b80712cc4ca', disabled: this.disabled }, hAsync("article", { key: '85af719be08fc5acdf560816a9e2b69fa5f30213', "aria-busy": toAriaBoolean(loading), class: {
                 [CSS$1m.container]: true,
-            } }, headerNode, hAsync("section", { key: 'e72271e369055329e4447d15c2deec25599332ec', "aria-labelledby": IDS$c.toggle, class: CSS$1m.content, hidden: !open, id: IDS$c.content }, this.renderScrim())))));
+            } }, headerNode, hAsync("section", { key: '59e010c08ac422914c21ad15c23c95db302fb2df', "aria-labelledby": IDS$c.toggle, class: CSS$1m.content, hidden: !open, id: IDS$c.content }, this.renderScrim())))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -12282,6 +12242,9 @@ class Block {
             "overlayPositioning": [513, "overlay-positioning"],
             "defaultMessages": [32],
             "effectiveLocale": [32],
+            "hasIcon": [32],
+            "hasControl": [32],
+            "hasMenuActions": [32],
             "hasContentStart": [32],
             "hasEndActions": [32],
             "setFocus": [64]
@@ -12438,7 +12401,7 @@ class BlockSection {
                 [CSS$1l.sectionHeader]: true,
                 [CSS$1l.toggle]: true,
             }, id: IDS$b.toggle, onClick: this.toggleSection }, this.renderIcon(this.iconStart), hAsync("span", { class: CSS$1l.sectionHeaderText }, text), this.renderIcon(this.iconEnd), this.renderStatusIcon(), hAsync("calcite-icon", { class: CSS$1l.chevronIcon, icon: arrowIcon, scale: "s" }))));
-        return (hAsync(Host, { key: '8e61bf71e65fc045a1e088fb60e1bbe70ae02d75' }, headerNode, hAsync("section", { key: '5cdacc4b9f504c512bcd10ebab26e8c32936ef04', "aria-labelledby": IDS$b.toggle, class: CSS$1l.content, hidden: !open, id: IDS$b.content }, hAsync("slot", { key: 'fd84a50474173a49b32f7e94346481dade6d431f' }))));
+        return (hAsync(Host, { key: 'e20a14cdb6bfd1dc27fe2a502281fd79771dfe84' }, headerNode, hAsync("section", { key: '171568d7c66a4f8d232eb7470d997d121a83a753', "aria-labelledby": IDS$b.toggle, class: CSS$1l.content, hidden: !open, id: IDS$b.content }, hAsync("slot", { key: '0034fc33d51de1fe67e42e66670bb2a402586b0d' }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -13119,10 +13082,10 @@ class Button {
         const Tag = childElType;
         const loaderNode = this.loading ? (hAsync("div", { class: CSS$1k.buttonLoader }, hAsync("calcite-loader", { class: this.loading ? CSS$1k.loadingIn : CSS$1k.loadingOut, inline: true, label: this.messages.loading, scale: this.scale === "l" ? "m" : "s" }))) : null;
         const noStartEndIcons = !this.iconStart && !this.iconEnd;
-        const iconStartEl = (hAsync("calcite-icon", { key: 'f1036c0a1bf5740fe63806e3559ea66fac29b726', class: { [CSS$1k.icon]: true, [CSS$1k.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        const iconEndEl = (hAsync("calcite-icon", { key: 'd2c22ecf9ca23426b4c4a3b42d623f35ee988a44', class: { [CSS$1k.icon]: true, [CSS$1k.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
-        const contentEl = (hAsync("span", { key: 'd1803021f5fa106c9e296402ec0a1498ecdf36c7', class: CSS$1k.content, ref: (el) => (this.contentEl = el) }, hAsync("slot", { key: 'd2f729c16f9c803ffa109b68d58a22a4383dd426' })));
-        return (hAsync(InteractiveContainer, { key: '2757c795d29f812cf11def4df108837b9971dcdb', disabled: this.disabled }, hAsync(Tag, { key: 'e67a4882c8a0c13d6b5f98bc8c5b53c10ba36e3e', "aria-busy": toAriaBoolean(this.loading), "aria-expanded": this.el.ariaExpanded ? this.el.ariaExpanded : null, "aria-label": !this.loading ? getLabelText(this) : this.messages.loading, "aria-live": "polite", class: {
+        const iconStartEl = (hAsync("calcite-icon", { key: 'e694267cee8412c3b9bbc44d108d7250aefd7ba0', class: { [CSS$1k.icon]: true, [CSS$1k.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        const iconEndEl = (hAsync("calcite-icon", { key: '407fa211ff8f1e924e277c4dc7d5b35d840c191e', class: { [CSS$1k.icon]: true, [CSS$1k.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
+        const contentEl = (hAsync("span", { key: 'a1f1f0a742def1bdb7ee0ba579077abf31191e56', class: CSS$1k.content, ref: (el) => (this.contentEl = el) }, hAsync("slot", { key: 'df945e9e4484ed73f75ce53a989419d386644ca2' })));
+        return (hAsync(InteractiveContainer, { key: 'bd83dfe8493cbf883a523dd7e2786b38160efe2f', disabled: this.disabled }, hAsync(Tag, { key: 'b61ad25aab4dc7a769a21dbc4f34eac48c492074', "aria-busy": toAriaBoolean(this.loading), "aria-expanded": this.el.ariaExpanded ? this.el.ariaExpanded : null, "aria-label": !this.loading ? getLabelText(this) : this.messages.loading, "aria-live": "polite", class: {
                 [CSS$1k.buttonPadding]: noStartEndIcons,
                 [CSS$1k.buttonPaddingShrunk]: !noStartEndIcons,
                 [CSS$1k.contentSlotted]: this.hasContent,
@@ -13362,7 +13325,7 @@ class CalciteMenu {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: '75308ac4419f7116f73975ad9ff88d25817d0522' }, hAsync("ul", { key: 'ed22f7ab681c6e583b0b5aa720823898759687cb', "aria-label": this.label, role: this.getEffectiveRole() }, hAsync("slot", { key: '4296d48a1a8921802458776d02e119feeaf12b3e', onSlotchange: this.handleMenuSlotChange }))));
+        return (hAsync(Host, { key: '4cb363f6a463f0f22b71a3df0f2639feff2157f6' }, hAsync("ul", { key: '53b2a5f563a8515af4e19e4e39eea8480db2c4b0', "aria-label": this.label, role: this.getEffectiveRole() }, hAsync("slot", { key: '16390029e4d2c851405e5e19f34c5b9bc898f4d6', onSlotchange: this.handleMenuSlotChange }))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -13641,10 +13604,10 @@ class CalciteMenuItem {
     }
     render() {
         const dir = getElementDir(this.el);
-        return (hAsync(Host, { key: 'e57c6579d3287593d663a8586cfd25c90246b1a4', onBlur: this.blurHandler, onFocus: this.focusHandler }, hAsync("li", { key: '954549390e447ec43ccf681949095d1393d9068a', class: {
+        return (hAsync(Host, { key: '71efd980a4ebf98a463878c3b202fcffb8454803', onBlur: this.blurHandler, onFocus: this.focusHandler }, hAsync("li", { key: '1c928ac009ce1517a5cda11b1f25b6404ce1a400', class: {
                 [CSS$1j.container]: true,
                 [CSS$1j.isParentVertical]: this.topLevelMenuLayout === "vertical",
-            }, role: "none" }, hAsync("div", { key: '6130156128f303bb225007e337fae78385614cf5', class: CSS$1j.itemContent }, hAsync("a", { key: '9103ba8f3683feb1eb2301f05412b434c39ec3d3', "aria-current": this.isFocused ? "page" : false, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": toAriaBoolean(this.hasSubmenu), "aria-label": this.label, class: { [CSS$1j.layoutVertical]: this.layout === "vertical", [CSS$1j.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.anchorEl = el), rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
+            }, role: "none" }, hAsync("div", { key: '9d52d802c76cdfad6429f2e139466d08f6beb8dd', class: CSS$1j.itemContent }, hAsync("a", { key: 'bc96d8d25ebbc80abac136d4321d5e032615f4e8', "aria-current": this.isFocused ? "page" : false, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": toAriaBoolean(this.hasSubmenu), "aria-label": this.label, class: { [CSS$1j.layoutVertical]: this.layout === "vertical", [CSS$1j.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.anchorEl = el), rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -13832,12 +13795,12 @@ class CalciteNavigation {
             this.primaryContentStartSlotHasElements ||
             this.navigationAction;
         const slotName = this.el.slot;
-        return (hAsync(Host, { key: 'bf64aa6c6c41bfad6413b58f7897527bb62e1d96' }, hAsync("div", { key: '8c30501a94d5c41e60291c1f0d1cb2856afa5d62', class: {
+        return (hAsync(Host, { key: 'f35668548bf8f89a75fe855482289e057137518f' }, hAsync("div", { key: 'bd2904509a2a205e5f1cf2fe9f56377751b528d8', class: {
                 [CSS$1i.container]: true,
                 [CSS$1i.secondary]: slotName === SLOTS$t.navSecondary,
                 [CSS$1i.tertiary]: slotName === SLOTS$t.navTertiary,
                 [CSS$1i.primary]: primaryLevelHasElements,
-            } }, hAsync("div", { key: 'ef4c088fc24566ca24da9abe6a30903fedcad4d9', class: { [CSS$1i.hide]: !this.progressSlotHasElement, [SLOTS$t.progress]: true } }, hAsync("slot", { key: '0abc91e366b542e11ee76f13f099ee8b64a55ee0', name: SLOTS$t.progress, onSlotchange: this.handleProgressSlotChange })), hAsync("div", { key: '689dc16c2ab71944a78f3bfc16c1c16c9159f073', class: { [CSS$1i.containerContent]: true, [CSS$1i.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), hAsync("div", { key: '122f9d2d278a0a87dc1774f4933a4bb120410e48', class: { [CSS$1i.hide]: !this.logoSlotHasElements, [SLOTS$t.logo]: true } }, hAsync("slot", { key: '38f2a0106cb2b3a844b60406c629c0cff4c1b64e', name: SLOTS$t.logo, onSlotchange: this.handleLogoSlotChange })), hAsync("slot", { key: 'af8aa2c6ed65c95c51ebe31314cd1e684beef657', name: SLOTS$t.contentStart, onSlotchange: this.handleContentStartSlotChange }), hAsync("slot", { key: '989ba0f344ce973ea32b07ee02b04d62068cefb8', name: SLOTS$t.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), hAsync("slot", { key: 'e0fd2d40efb52e8735ca426c1374a3da4882a77d', name: SLOTS$t.contentEnd, onSlotchange: this.handleContentEndSlotChange }), hAsync("div", { key: '56e905fef7a76fd14be7085f367d6abf8b44a80b', class: { [CSS$1i.hide]: !this.userSlotHasElements, [SLOTS$t.user]: true } }, hAsync("slot", { key: 'e038f1510da60abbb05c1fd8541563334f86f6d5', name: SLOTS$t.user, onSlotchange: this.handleUserSlotChange })))), hAsync(Fragment, { key: '3a65439c3774cfb42fa6bc5f12c234a66f8bb314' }, hAsync("slot", { key: '52e0b810e42911da6dc1ea448026f5756df0206f', name: SLOTS$t.navSecondary, onSlotchange: this.handleSecondarySlotChange }), hAsync("slot", { key: '97c2666bcd896fa763cb84d6b53285e2e26b51d1', name: SLOTS$t.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
+            } }, hAsync("div", { key: '5d251d7edb60d7da43304fc44feb3659ff91ef61', class: { [CSS$1i.hide]: !this.progressSlotHasElement, [SLOTS$t.progress]: true } }, hAsync("slot", { key: 'cc51b3414dd67262a8de34c49ecb21eeb5bdef7d', name: SLOTS$t.progress, onSlotchange: this.handleProgressSlotChange })), hAsync("div", { key: 'a320da41a71cdaab2e355e313e5820c3c2574291', class: { [CSS$1i.containerContent]: true, [CSS$1i.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), hAsync("div", { key: '0e975cea94125c15d04aee92a84c049b28b96ea5', class: { [CSS$1i.hide]: !this.logoSlotHasElements, [SLOTS$t.logo]: true } }, hAsync("slot", { key: 'eff5f08dc0c68857e3c2baf76a92ff6aa1373de6', name: SLOTS$t.logo, onSlotchange: this.handleLogoSlotChange })), hAsync("slot", { key: 'ce4efe6059d3c41f409b871cd5558d2bc0a3063c', name: SLOTS$t.contentStart, onSlotchange: this.handleContentStartSlotChange }), hAsync("slot", { key: '6408a6b03300f178654259ca00f9bf7a8fcfe6ed', name: SLOTS$t.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), hAsync("slot", { key: '99540ee5ef662d38c6b9aecf9c9615174c508e14', name: SLOTS$t.contentEnd, onSlotchange: this.handleContentEndSlotChange }), hAsync("div", { key: 'd3644b53dc26bd70b035fbc6504b378ba5f04fe8', class: { [CSS$1i.hide]: !this.userSlotHasElements, [SLOTS$t.user]: true } }, hAsync("slot", { key: 'b79d456b5aaa41406ca44b456fa66155a9b5e066', name: SLOTS$t.user, onSlotchange: this.handleUserSlotChange })))), hAsync(Fragment, { key: 'c3fd6568a36b52254279ccb5d4311d23dee23d16' }, hAsync("slot", { key: '8c25c4ebcb48928ab43474064ec9f8ecb27eeb10', name: SLOTS$t.navSecondary, onSlotchange: this.handleSecondarySlotChange }), hAsync("slot", { key: 'b0ba9214c5731c14f93443bc11c84bf6067a6997', name: SLOTS$t.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteNavigationStyle0; }
@@ -13935,7 +13898,7 @@ class CalciteNavigationLogo {
     }
     render() {
         const { thumbnail } = this;
-        return (hAsync(Host, { key: '40dcb76c1c7919fd1a8b6929616d1d507c1e3301' }, hAsync("a", { key: '7b457d99add3c3d4edbd4478711f9b9c9fb12caf', class: CSS$1h.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && hAsync("img", { key: '592aa3cfc2dfa47f9aa603f7edce4521dbaa27ae', alt: this.label || "", class: CSS$1h.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
+        return (hAsync(Host, { key: '90fc739226622733d0552b84954ccd194ffd1c9e' }, hAsync("a", { key: '8f0d940f66c1061a9946a0aa652c7a08748dc5e2', class: CSS$1h.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && hAsync("img", { key: '27ecb4c67f336a7c930d078b17cb0eee618f02b8', alt: this.label || "", class: CSS$1h.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -14011,7 +13974,7 @@ class CalciteNavigationUser {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: 'd848f4b0ee430fdbf74ce63be874afc055b1a48a' }, hAsync("button", { key: 'd8187d1795407a9d12e4f2c6c3d75dba47cdf028', "aria-label": this.label, class: CSS$1g.button }, hAsync("calcite-avatar", { key: '3a8526feb870ed33d7eae888c71f9489d90df26f', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (hAsync("div", { key: '111bc54b8e187a95849ed325aca22880c00d1191', class: CSS$1g.textContainer }, this.fullName && (hAsync("span", { class: CSS$1g.fullName, key: CSS$1g.fullName }, this.fullName)), this.username && (hAsync("span", { class: CSS$1g.username, key: CSS$1g.username }, this.username)))))));
+        return (hAsync(Host, { key: '28c64eccedff51bdb929286f930ff05fbc0fd63b' }, hAsync("button", { key: '86076e642459dcdb129e523c4ccd76ff8f198910', "aria-label": this.label, class: CSS$1g.button }, hAsync("calcite-avatar", { key: '52529e5574e09222db87a861bfae3ac6b204b7fe', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (hAsync("div", { key: '9b57d3ff6c926045c3cfd0f3400ce39ffbea5336', class: CSS$1g.textContainer }, this.fullName && (hAsync("span", { class: CSS$1g.fullName, key: CSS$1g.fullName }, this.fullName)), this.username && (hAsync("span", { class: CSS$1g.username, key: CSS$1g.username }, this.username)))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -14137,17 +14100,8 @@ class Card {
                 this.calciteCardSelect.emit();
             }
         };
-        this.cardSelectKeyDownDeprecated = (event) => {
-            switch (event.key) {
-                case " ":
-                case "Enter":
-                    this.selectCardDeprecated();
-                    event.preventDefault();
-                    break;
-            }
-        };
-        this.selectCardDeprecated = () => {
-            this.selected = !this.selected;
+        this.selectCardDeprecated = (event) => {
+            this.selected = event.target.checked;
             this.calciteCardSelect.emit();
         };
         this.cardSelectClick = (event) => {
@@ -14219,7 +14173,7 @@ class Card {
         updateMessages(this);
     }
     renderCheckboxDeprecated() {
-        return (hAsync("calcite-label", { class: CSS$1f.checkboxWrapperDeprecated }, hAsync("calcite-checkbox", { checked: this.selected, label: this.messages.select, onClick: this.selectCardDeprecated, onKeyDown: this.cardSelectKeyDownDeprecated })));
+        return (hAsync("calcite-label", { class: CSS$1f.checkboxWrapperDeprecated }, hAsync("calcite-checkbox", { checked: this.selected, label: this.messages.select, onCalciteCheckboxChange: this.selectCardDeprecated })));
     }
     renderThumbnail() {
         return (hAsync("section", { class: CSS$1f.thumbnailWrapper, hidden: !this.hasThumbnail }, hAsync("slot", { name: SLOTS$s.thumbnail, onSlotchange: this.handleThumbnailSlotChange })));
@@ -14252,10 +14206,10 @@ class Card {
             : this.selectionMode !== "none"
                 ? "radio"
                 : undefined;
-        return (hAsync(Host, { key: 'dbb99f5c06440d5f7100f89bfef1febbd8d01f3e' }, hAsync(InteractiveContainer, { key: '6fef7f69921c33bab4c66d34c0691821c837cc82', disabled: this.disabled }, hAsync("div", { key: 'bcd3a1fecbfc39a15102099db8e6943b0e2207c5', "aria-checked": this.selectionMode !== "none" ? toAriaBoolean(this.selected) : undefined, "aria-label": this.label, class: { [CSS$1f.contentWrapper]: true, inline: thumbnailInline }, onClick: this.cardBodyClickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.containerEl = el), role: role, tabIndex: !this.selectable || this.disabled ? 0 : -1 }, this.loading ? (hAsync("div", { "aria-live": "polite", class: "calcite-card-loader-container" }, hAsync("calcite-loader", { label: this.messages.loading }))) : null, thumbnailStart && this.renderThumbnail(), hAsync("section", { key: '81c5383f8b09ce6372fd94a0e3c9e91c502a18bc', "aria-busy": toAriaBoolean(this.loading), class: { [CSS$1f.container]: true } }, this.renderHeader(), hAsync("div", { key: '12d9564007bc07a3e0643ec0b097cab856968e02', class: {
+        return (hAsync(Host, { key: '87f09077ac14f21c68b0622e6ec04059b4f31ee6' }, hAsync(InteractiveContainer, { key: 'adae1696723655c1b52db8911e94f7692086bd76', disabled: this.disabled }, hAsync("div", { key: '1c382c24e9dee5e4fb7e0f17b382fc28318a21af', "aria-checked": this.selectionMode !== "none" ? toAriaBoolean(this.selected) : undefined, "aria-label": this.label, class: { [CSS$1f.contentWrapper]: true, inline: thumbnailInline }, onClick: this.cardBodyClickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.containerEl = el), role: role, tabIndex: !this.selectable || this.disabled ? 0 : -1 }, this.loading ? (hAsync("div", { "aria-live": "polite", class: "calcite-card-loader-container" }, hAsync("calcite-loader", { label: this.messages.loading }))) : null, thumbnailStart && this.renderThumbnail(), hAsync("section", { key: '90228d2726aaa15ffd504ea6e7126f2113b5f07e', "aria-busy": toAriaBoolean(this.loading), class: { [CSS$1f.container]: true } }, this.renderHeader(), hAsync("div", { key: 'cf627496c49db2f6c50cb52cfcf529f6896ffa5e', class: {
                 [CSS$1f.cardContent]: true,
                 [CSS$1f.hasSlottedContent]: this.hasContent,
-            } }, hAsync("slot", { key: '1c500b0005123c768bfb77eecb62a0166c5e178f', onSlotchange: this.handleDefaultSlotChange })), this.renderFooter()), !thumbnailStart && this.renderThumbnail()))));
+            } }, hAsync("slot", { key: '9694c13ddcd1293fcd2c987845f6717bfabaa62d', onSlotchange: this.handleDefaultSlotChange })), this.renderFooter()), !thumbnailStart && this.renderThumbnail()))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -14316,7 +14270,7 @@ class CardGroup {
         //  Private Methods
         //
         //--------------------------------------------------------------------------
-        this.udpateItemsOnSelectionModeChange = () => {
+        this.updateItemsOnSelectionModeChange = () => {
             this.updateSlottedItems(this.slotRefEl);
             this.updateSelectedItems();
         };
@@ -14365,7 +14319,7 @@ class CardGroup {
         this.selectedItems = [];
     }
     onSelectionModeChange() {
-        this.udpateItemsOnSelectionModeChange();
+        this.updateItemsOnSelectionModeChange();
     }
     //--------------------------------------------------------------------------
     //
@@ -14432,7 +14386,7 @@ class CardGroup {
     //--------------------------------------------------------------------------
     render() {
         const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
-        return (hAsync(Host, { key: '2aa2152806418f305065d23ec9779668086f10c9' }, hAsync(InteractiveContainer, { key: '64717db7b05788f5448b898ab9bfc2a553ed6ac9', disabled: this.disabled }, hAsync("div", { key: 'f6725d6c8942a0c69aed287bee24d79fd42c7e89', "aria-label": this.label, class: "container", role: role }, hAsync("slot", { key: 'a88d6f133fdceafba10ceb9517428b3c7ee8cffb', onSlotchange: this.updateItemsOnSlotChange, ref: (el) => (this.slotRefEl = el) })))));
+        return (hAsync(Host, { key: '0588ddc88a97d4e5c44eb25148a60c3e520136d1' }, hAsync(InteractiveContainer, { key: '32ddf39dea8c79de41465ad220162a7aa49864db', disabled: this.disabled }, hAsync("div", { key: '82ed85a067a70dea1fde85ce831b982ff2b57335', "aria-label": this.label, class: "container", role: role }, hAsync("slot", { key: '836c05caf93526149da89b3815e72a62d944f5d7', onSlotchange: this.updateItemsOnSlotChange, ref: (el) => (this.slotRefEl = el) })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -14457,7 +14411,7 @@ class CardGroup {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Oct 2024 00:09:19 GMT
+ * Generated on Tue, 01 Oct 2024 17:31:06 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
@@ -14955,17 +14909,17 @@ class Carousel {
     }
     render() {
         const { direction } = this;
-        return (hAsync(Host, { key: 'c41171a3b16c6aad1b37f4631a2d123acaca752d' }, hAsync(InteractiveContainer, { key: '03c90c14f2b3f948c0e349bede237d29ed292c7f', disabled: this.disabled }, hAsync("div", { key: 'df9af99e67d3b9c61dd6ccac74e82237e8eb17c4', "aria-label": this.label, "aria-live": this.playing ? "off" : "polite", "aria-roledescription": this.messages.carousel, class: {
+        return (hAsync(Host, { key: 'c63aafb2f9441499aa1fd9cfe56e475963458bda' }, hAsync(InteractiveContainer, { key: 'ea032cbff9c25640cd13a790155932f79cbf5f1c', disabled: this.disabled }, hAsync("div", { key: 'c91f62a6103749c5b0c2de23c473ea56b9fcab0e', "aria-label": this.label, "aria-live": this.playing ? "off" : "polite", "aria-roledescription": this.messages.carousel, class: {
                 [CSS$1e.container]: true,
                 [CSS$1e.containerOverlaid]: this.controlOverlay,
                 [CSS$1e.containerEdged]: this.arrowType === "edge",
-            }, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.containerKeyDownHandler, onMouseEnter: this.handleMouseIn, onMouseLeave: this.handleMouseOut, ref: this.storeContainerRef, role: "group", tabIndex: 0 }, hAsync("section", { key: '7c274a35b9186ba9bb04fd8124be6893eee46e5f', class: {
+            }, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.containerKeyDownHandler, onMouseEnter: this.handleMouseIn, onMouseLeave: this.handleMouseOut, ref: this.storeContainerRef, role: "group", tabIndex: 0 }, hAsync("section", { key: '20ab72ef93a5cf2799ea393a42b75a188740e8ab', class: {
                 [CSS$1e.itemContainer]: true,
                 [CSS$1e.itemContainerForward]: direction === "forward",
                 [CSS$1e.itemContainerBackward]: direction === "backward",
             }, id: this.containerId,
             // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
-            ref: this.storeItemContainerRef }, hAsync("slot", { key: '0f2497545f4cf4a311ab871bcaf5ff16fe677c77', onSlotchange: this.handleSlotChange })), this.items.length > 1 && this.renderPaginationArea(), this.arrowType === "edge" && this.renderArrow("previous"), this.arrowType === "edge" && this.renderArrow("next")))));
+            ref: this.storeItemContainerRef }, hAsync("slot", { key: '2142f6432573e3b192ccbc9549e91b18a2ed704a', onSlotchange: this.handleSlotChange })), this.items.length > 1 && this.renderPaginationArea(), this.arrowType === "edge" && this.renderArrow("previous"), this.arrowType === "edge" && this.renderArrow("next")))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -15040,7 +14994,7 @@ class CarouselItem {
     // --------------------------------------------------------------------------
     render() {
         const id = this.el.id || this.guid;
-        return (hAsync(Host, { key: '5606df99edd6007701f391f095c88270eed4ccf1', id: id }, hAsync("div", { key: '7147a10dbb3fa9292da09207709bfa5e7e857bf9', "aria-label": this.label, class: { [CSS$1d.container]: true, [CSS$1d.selected]: this.selected }, role: "tabpanel" }, hAsync("slot", { key: '8b6876c8fc55afd1cac458b97063f66dff2cd9e2' }))));
+        return (hAsync(Host, { key: 'e8eb5f2d26a828d13ff1489ee0a697f5bd64ef01', id: id }, hAsync("div", { key: 'bcb63cfba9e7cd113624562cafc5e1c2c16e130f', "aria-label": this.label, class: { [CSS$1d.container]: true, [CSS$1d.selected]: this.selected }, role: "tabpanel" }, hAsync("slot", { key: 'db2cf2b191fa3893d7c95ff4f9e025244d198185' }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteCarouselItemStyle0; }
@@ -15089,9 +15043,6 @@ class Checkbox {
             }
         };
         this.clickHandler = () => {
-            if (this.disabled) {
-                return;
-            }
             this.toggle();
         };
         //--------------------------------------------------------------------------
@@ -15182,10 +15133,10 @@ class Checkbox {
     // --------------------------------------------------------------------------
     render() {
         const rtl = getElementDir(this.el) === "rtl";
-        return (hAsync(Host, { key: '146f32544b1a2d6d3c0292462edb979699e4b75a', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'd5897a38a203d29967ec1f1e618a7b37d60d9b95', disabled: this.disabled }, hAsync("div", { key: '17739f11d7e6368788941434ff8ef6f5d6291cd9', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: {
+        return (hAsync(Host, { key: '8132e3ba7c26f38fa0a3e31a2ba275acd8d47813', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '151a86be798b986626d928fb0b9910b30dc80790', disabled: this.disabled }, hAsync("div", { key: '90e18e1affa841724284c6e7a6ef423118eb1efc', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: {
                 [CSS$1c.toggle]: true,
                 [CSS_UTILITY.rtl]: rtl,
-            }, onBlur: this.onToggleBlur, onFocus: this.onToggleFocus, ref: (toggleEl) => (this.toggleEl = toggleEl), role: "checkbox", tabIndex: this.disabled ? undefined : 0 }, hAsync("svg", { key: '99df5e78e296d086a6782983a929bd149c3c4e39', "aria-hidden": "true", class: CSS$1c.check, viewBox: "0 0 16 16" }, hAsync("path", { key: '57458a12cf5feeada4c57dfc51c5b62f1e73d49b', d: this.getPath() })), hAsync("slot", { key: 'ad29699957eb1d3f041549d7057b4842d3396b3c' })), hAsync(HiddenFormInputSlot, { key: '1b2a325739b08d7f21d4abee49fe27f632f78183', component: this }))));
+            }, onBlur: this.onToggleBlur, onFocus: this.onToggleFocus, ref: (toggleEl) => (this.toggleEl = toggleEl), role: "checkbox", tabIndex: this.disabled ? undefined : 0 }, hAsync("svg", { key: 'ea7ca8d86f0f4fe930c45f2bc114edd752c2ddf1', "aria-hidden": "true", class: CSS$1c.check, viewBox: "0 0 16 16" }, hAsync("path", { key: '4107ca07aed6fa10b79f5c01d109657aea98251b', d: this.getPath() })), hAsync("slot", { key: 'fb09f570a74b4adfdd2cd0da84a366fffe89848a' })), hAsync(HiddenFormInputSlot, { key: '97d395d0ac0d87f0027bddc2ce3da0a892c12f61', component: this }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteCheckboxStyle0; }
@@ -15437,7 +15388,7 @@ class Chip {
                 : this.interactive
                     ? "button"
                     : undefined;
-        return (hAsync(Host, { key: '7feca8bad37627baabfc4abd25cf135e1e9f196b' }, hAsync(InteractiveContainer, { key: 'af2360b4b768ae8c643d52f4bdb9f5d282504114', disabled: disabled }, hAsync("div", { key: '8d905c4ab20d271a211282b95ebcb2d305d76cb7', "aria-checked": this.selectionMode !== "none" && this.interactive
+        return (hAsync(Host, { key: '57dff539b14a488e6360c9ed400492cfafc64b34' }, hAsync(InteractiveContainer, { key: '6f78566970ef9a504ac066f7a7c241d7f219c47d', disabled: disabled }, hAsync("div", { key: '4ff8dfe906798fb500da3bd029e622e904dc38ce', "aria-checked": this.selectionMode !== "none" && this.interactive
                 ? toAriaBoolean(this.selected)
                 : undefined, "aria-label": this.label, class: {
                 [CSS$1b.container]: true,
@@ -15454,7 +15405,7 @@ class Chip {
                     (!this.icon || !this.hasImage) &&
                     (this.selectionMode === "none" ||
                         (!!this.selectionMode && this.selectionMode !== "multiple" && !this.selected)),
-            }, onClick: this.handleEmittingEvent, ref: (el) => (this.containerEl = el), role: role, tabIndex: disableInteraction ? -1 : 0 }, this.selectionMode !== "none" && this.renderSelectionIcon(), this.renderChipImage(), this.icon && this.renderIcon(), hAsync("span", { key: 'dab6eae3f8330b85ffac4c7fe1b2fcbb53327196', class: CSS$1b.title }, hAsync("slot", { key: '72ba5bd0c7a97c30f766da119f419261aab24acb', onSlotchange: this.handleDefaultSlotChange })), this.closable && this.renderCloseButton()))));
+            }, onClick: this.handleEmittingEvent, ref: (el) => (this.containerEl = el), role: role, tabIndex: disableInteraction ? -1 : 0 }, this.selectionMode !== "none" && this.renderSelectionIcon(), this.renderChipImage(), this.icon && this.renderIcon(), hAsync("span", { key: 'dfe4a920a7995d18306d04450801347bc71d79ac', class: CSS$1b.title }, hAsync("slot", { key: 'cec18ec8e90df1405e58859ed24c2d0a4b4901f8', onSlotchange: this.handleDefaultSlotChange })), this.closable && this.renderCloseButton()))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -15664,7 +15615,7 @@ class ChipGroup {
     render() {
         const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
         const { disabled } = this;
-        return (hAsync(InteractiveContainer, { key: '0db5548f1c2854898191b4d6eb8140cae2faf3d8', disabled: disabled }, hAsync("div", { key: '60fc92fea20478ee6fde23d807f17f7f472c1f5a', "aria-label": this.label, class: "container", role: role }, hAsync("slot", { key: 'd43fcf04af0063cd4d00f46e6dd61347eafccb3b', onSlotchange: this.updateItems, ref: (el) => (this.slotRefEl = el) }))));
+        return (hAsync(InteractiveContainer, { key: '0eff5094196c81d49299c8798bead2fa9ad58ae4', disabled: disabled }, hAsync("div", { key: '99082a44e4321b23afd5ef0d05ffbda4ea81ff9b', "aria-label": this.label, class: "container", role: role }, hAsync("slot", { key: 'f2735e6b7becd61933ce2b0ecbe2b1ace8a010b9', onSlotchange: this.updateItems, ref: (el) => (this.slotRefEl = el) }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -16023,11 +15974,17 @@ class ColorPicker {
             this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(saturation).value(value), skipEqual);
         };
         this.initColorField = (canvas) => {
+            if (!canvas) {
+                return;
+            }
             this.colorFieldRenderingContext = canvas.getContext("2d");
             this.updateCanvasSize("color-field");
             this.drawColorControls();
         };
         this.initHueSlider = (canvas) => {
+            if (!canvas) {
+                return;
+            }
             this.hueSliderRenderingContext = canvas.getContext("2d");
             this.updateCanvasSize("hue-slider");
             this.drawHueSlider();
@@ -16289,10 +16246,10 @@ class ColorPicker {
         const [adjustedColorFieldScopeLeft, adjustedColorFieldScopeTop] = this.getAdjustedScopePosition(colorFieldScopeLeft, colorFieldScopeTop);
         const [adjustedHueScopeLeft, adjustedHueScopeTop] = this.getAdjustedScopePosition(hueLeft, hueTop);
         const [adjustedOpacityScopeLeft, adjustedOpacityScopeTop] = this.getAdjustedScopePosition(opacityLeft, opacityTop);
-        return (hAsync(InteractiveContainer, { key: 'c4837ef7cbe25b5fc3f0c72fe82d0090c6e0cdb5', disabled: this.disabled }, hAsync("div", { key: '28230570482ee9d33df9518e3cca534e3fac44ac', class: CSS$1o.container }, hAsync("div", { key: '83172bc55f13955f5b69b59300e68642d59999af', class: CSS$1o.controlAndScope }, hAsync("canvas", { key: 'c20db7054ab5ebdb1e13ba295ac463609c44de47', class: CSS$1o.colorField, onPointerDown: this.handleColorFieldPointerDown, ref: this.initColorField }), hAsync("div", { key: '1e44beb121ed5a2247a6d69bf42c49a7f1ce5829', "aria-label": vertical ? messages.value : messages.saturation, "aria-valuemax": vertical ? HSV_LIMITS.v : HSV_LIMITS.s, "aria-valuemin": "0", "aria-valuenow": (vertical ? color?.saturationv() : color?.value()) || "0", class: { [CSS$1o.scope]: true, [CSS$1o.colorFieldScope]: true }, onKeyDown: this.handleColorFieldScopeKeyDown, ref: this.storeColorFieldScope, role: "slider", style: {
+        return (hAsync(InteractiveContainer, { key: '039190b8a2433b3e7fb8b5fb8c9bb105a277b478', disabled: this.disabled }, hAsync("div", { key: '13ec9c2fd827f7648e7f18de7ae919441de6a601', class: CSS$1o.container }, hAsync("div", { key: 'bc4296a7f69caf934b4707f02e12759daa54df97', class: CSS$1o.controlAndScope }, hAsync("canvas", { key: '51cb0220f6717555cf55462623c4606a907b9a48', class: CSS$1o.colorField, onPointerDown: this.handleColorFieldPointerDown, ref: this.initColorField }), hAsync("div", { key: 'b0a1d1252915a853965f9d242a45787a23608bff', "aria-label": vertical ? messages.value : messages.saturation, "aria-valuemax": vertical ? HSV_LIMITS.v : HSV_LIMITS.s, "aria-valuemin": "0", "aria-valuenow": (vertical ? color?.saturationv() : color?.value()) || "0", class: { [CSS$1o.scope]: true, [CSS$1o.colorFieldScope]: true }, onKeyDown: this.handleColorFieldScopeKeyDown, ref: this.storeColorFieldScope, role: "slider", style: {
                 top: `${adjustedColorFieldScopeTop || 0}px`,
                 left: `${adjustedColorFieldScopeLeft || 0}px`,
-            }, tabindex: "0" })), hAsync("div", { key: '5b873f4e7266cc654086f59c8483d3b4a65c8e8f', class: CSS$1o.previewAndSliders }, hAsync("calcite-color-picker-swatch", { key: 'db7c903a933ed061cc2edcd766fde70a8b670f00', class: CSS$1o.preview, color: selectedColorInHex, scale: this.alphaChannel ? "l" : this.scale }), hAsync("div", { key: '33ea2354cbcfaa6677e82713bd8f02d1b83a9c26', class: CSS$1o.sliders }, hAsync("div", { key: '28493b4bd177b8c97583cabeb5716a7cb7202e76', class: CSS$1o.controlAndScope }, hAsync("canvas", { key: 'd0a9ce7fb098b7434cd62f68b6b6092efcef3dc4', class: { [CSS$1o.slider]: true, [CSS$1o.hueSlider]: true }, onPointerDown: this.handleHueSliderPointerDown, ref: this.initHueSlider }), hAsync("div", { key: '2356120385aabf09384f0077dffb7881c55c5ea9', "aria-label": messages.hue, "aria-valuemax": HSV_LIMITS.h, "aria-valuemin": "0", "aria-valuenow": color?.round().hue() || DEFAULT_COLOR$1.round().hue(), class: { [CSS$1o.scope]: true, [CSS$1o.hueScope]: true }, onKeyDown: this.handleHueScopeKeyDown, ref: this.storeHueScope, role: "slider", style: {
+            }, tabindex: "0" })), hAsync("div", { key: '4c1d56f1c601a682ec685c2fd9fa5edbba322dd6', class: CSS$1o.previewAndSliders }, hAsync("calcite-color-picker-swatch", { key: '8cad170b6e48435085af653988e09749f9e20904', class: CSS$1o.preview, color: selectedColorInHex, scale: this.alphaChannel ? "l" : this.scale }), hAsync("div", { key: '414f10608e656fda314e8a4a52ee187be77067fc', class: CSS$1o.sliders }, hAsync("div", { key: 'ca59d9529ac2b776d3a3f69812ace19b17399041', class: CSS$1o.controlAndScope }, hAsync("canvas", { key: 'd831eec97bc3f021f623c9896f135a33c144b97a', class: { [CSS$1o.slider]: true, [CSS$1o.hueSlider]: true }, onPointerDown: this.handleHueSliderPointerDown, ref: this.initHueSlider }), hAsync("div", { key: '30d596cb2dd585de327bbdc82acc0af591822b3c', "aria-label": messages.hue, "aria-valuemax": HSV_LIMITS.h, "aria-valuemin": "0", "aria-valuenow": color?.round().hue() || DEFAULT_COLOR$1.round().hue(), class: { [CSS$1o.scope]: true, [CSS$1o.hueScope]: true }, onKeyDown: this.handleHueScopeKeyDown, ref: this.storeHueScope, role: "slider", style: {
                 top: `${adjustedHueScopeTop}px`,
                 left: `${adjustedHueScopeLeft}px`,
             }, tabindex: "0" })), alphaChannel ? (hAsync("div", { class: CSS$1o.controlAndScope }, hAsync("canvas", { class: { [CSS$1o.slider]: true, [CSS$1o.opacitySlider]: true }, onPointerDown: this.handleOpacitySliderPointerDown, ref: this.initOpacitySlider }), hAsync("div", { "aria-label": messages.opacity, "aria-valuemax": OPACITY_LIMITS.max, "aria-valuemin": OPACITY_LIMITS.min, "aria-valuenow": (color || DEFAULT_COLOR$1).round().alpha(), class: { [CSS$1o.scope]: true, [CSS$1o.opacityScope]: true }, onKeyDown: this.handleOpacityScopeKeyDown, ref: this.storeOpacityScope, role: "slider", style: {
@@ -16304,9 +16261,7 @@ class ColorPicker {
             } }, hAsync("div", { class: CSS$1o.hexAndChannelsGroup }, noHex ? null : (hAsync("div", { class: CSS$1o.hexOptions }, hAsync("calcite-color-picker-hex-input", { allowEmpty: this.isClearable, alphaChannel: alphaChannel, class: CSS$1o.control, messages: messages, numberingSystem: this.numberingSystem, onCalciteColorPickerHexInputChange: this.handleHexInputChange, scale: scale, value: selectedColorInHex }))), noChannels ? null : (hAsync("calcite-tabs", { class: {
                 [CSS$1o.colorModeContainer]: true,
                 [CSS$1o.splitSection]: true,
-            }, scale: scale === "l" ? "m" : "s" }, hAsync("calcite-tab-nav", { slot: "title-group" }, this.renderChannelsTabTitle("rgb"), this.renderChannelsTabTitle("hsv")), this.renderChannelsTab("rgb"), this.renderChannelsTab("hsv")))))), noSaved ? null : (hAsync("div", { class: { [CSS$1o.savedColorsSection]: true, [CSS$1o.section]: true } }, hAsync("div", { class: CSS$1o.header }, hAsync("label", null, messages.saved), hAsync("div", { class: CSS$1o.savedColorsButtons }, hAsync("calcite-button", { appearance: "transparent", class: CSS$1o.deleteColor, disabled: noColor, iconStart: "minus", kind: "neutral", label: messages.deleteColor, onClick: this.deleteColor, scale: scale, type: "button" }), hAsync("calcite-button", { appearance: "transparent", class: CSS$1o.saveColor, disabled: noColor, iconStart: "plus", kind: "neutral", label: messages.saveColor, onClick: this.saveColor, scale: scale, type: "button" }))), savedColors.length > 0 ? (hAsync("div", { class: CSS$1o.savedColors }, [
-            ...savedColors.map((color) => (hAsync("calcite-color-picker-swatch", { class: CSS$1o.savedColor, color: color, key: color, onClick: this.handleSavedColorSelect, onKeyDown: this.handleSavedColorKeyDown, scale: scale, tabIndex: 0 }))),
-        ])) : null)))));
+            }, scale: scale === "l" ? "m" : "s" }, hAsync("calcite-tab-nav", { slot: "title-group" }, this.renderChannelsTabTitle("rgb"), this.renderChannelsTabTitle("hsv")), this.renderChannelsTab("rgb"), this.renderChannelsTab("hsv")))))), noSaved ? null : (hAsync("div", { class: { [CSS$1o.savedColorsSection]: true, [CSS$1o.section]: true } }, hAsync("div", { class: CSS$1o.header }, hAsync("label", null, messages.saved), hAsync("div", { class: CSS$1o.savedColorsButtons }, hAsync("calcite-button", { appearance: "transparent", class: CSS$1o.deleteColor, disabled: noColor, iconStart: "minus", kind: "neutral", label: messages.deleteColor, onClick: this.deleteColor, scale: scale, type: "button" }), hAsync("calcite-button", { appearance: "transparent", class: CSS$1o.saveColor, disabled: noColor, iconStart: "plus", kind: "neutral", label: messages.saveColor, onClick: this.saveColor, scale: scale, type: "button" }))), savedColors.length > 0 ? (hAsync("div", { class: CSS$1o.savedColors }, savedColors.map((color) => (hAsync("calcite-color-picker-swatch", { class: CSS$1o.savedColor, color: color, key: color, onClick: this.handleSavedColorSelect, onKeyDown: this.handleSavedColorKeyDown, scale: scale, tabIndex: 0 }))))) : null)))));
     }
     // --------------------------------------------------------------------------
     //
@@ -16857,7 +16812,7 @@ class ColorPickerHexInput {
             return;
         }
         if (allowEmpty) {
-            this.internalSetValue(null, null, false);
+            this.internalSetValue(undefined, undefined, false);
         }
     }
     componentWillLoad() {
@@ -16879,7 +16834,7 @@ class ColorPickerHexInput {
         const hexInputValue = this.formatHexForInternalInput(value);
         const opacityInputValue = this.formatOpacityForInternalInput(internalColor);
         const inputScale = scale === "l" ? "m" : "s";
-        return (hAsync("div", { key: '70f804fdbc3c29fdf49616f56c39593fdc3717da', class: CSS$1a.container }, hAsync("calcite-input-text", { key: '777d1f8ffa673a0d74f049d4a6bdacbf3510006a', class: CSS$1a.hexInput, label: messages?.hex || hexLabel, maxLength: this.alphaChannel ? 8 : 6, onCalciteInputTextChange: this.onHexInputChange, onCalciteInputTextInput: this.onHexInputInput, onCalciteInternalInputTextBlur: this.onHexInputBlur, onCalciteInternalInputTextFocus: this.onInputFocus, onKeyDown: this.onInputKeyDown, onPaste: this.onHexInputPaste, prefixText: "#", ref: this.storeHexInputRef, scale: inputScale, value: hexInputValue }), alphaChannel ? (hAsync("calcite-input-number", { class: CSS$1a.opacityInput, key: "opacity-input", label: messages?.opacity, max: OPACITY_LIMITS.max, maxLength: 3, min: OPACITY_LIMITS.min, numberButtonType: "none", numberingSystem: this.numberingSystem, onCalciteInputNumberInput: this.onOpacityInputInput, onCalciteInternalInputNumberBlur: this.onOpacityInputBlur, onCalciteInternalInputNumberFocus: this.onInputFocus, onKeyDown: this.onInputKeyDown, ref: this.storeOpacityInputRef, scale: inputScale, suffixText: "%", value: opacityInputValue })) : null));
+        return (hAsync("div", { key: 'a1e13782eba39e28aa8264daff266086b1d42071', class: CSS$1a.container }, hAsync("calcite-input-text", { key: 'eac984189b7d7bbff51049cf635270e397efe605', class: CSS$1a.hexInput, label: messages?.hex || hexLabel, maxLength: this.alphaChannel ? 8 : 6, onCalciteInputTextChange: this.onHexInputChange, onCalciteInputTextInput: this.onHexInputInput, onCalciteInternalInputTextBlur: this.onHexInputBlur, onCalciteInternalInputTextFocus: this.onInputFocus, onKeyDown: this.onInputKeyDown, onPaste: this.onHexInputPaste, prefixText: "#", ref: this.storeHexInputRef, scale: inputScale, value: hexInputValue }), alphaChannel ? (hAsync("calcite-input-number", { class: CSS$1a.opacityInput, key: "opacity-input", label: messages?.opacity, max: OPACITY_LIMITS.max, maxLength: 3, min: OPACITY_LIMITS.min, numberButtonType: "none", numberingSystem: this.numberingSystem, onCalciteInputNumberInput: this.onOpacityInputInput, onCalciteInternalInputNumberBlur: this.onOpacityInputBlur, onCalciteInternalInputNumberFocus: this.onInputFocus, onKeyDown: this.onInputKeyDown, ref: this.storeOpacityInputRef, scale: inputScale, suffixText: "%", value: opacityInputValue })) : null));
     }
     //--------------------------------------------------------------------------
     //
@@ -16916,8 +16871,8 @@ class ColorPickerHexInput {
             }
         }
         else if (this.allowEmpty) {
-            this.internalColor = null;
-            this.value = null;
+            this.internalColor = undefined;
+            this.value = undefined;
             if (emit) {
                 this.calciteColorPickerHexInputChange.emit();
             }
@@ -17015,7 +16970,7 @@ class ColorPickerSwatch {
             [CSS$19.swatch]: true,
             [CSS$19.noColorSwatch]: isEmpty,
         };
-        return (hAsync("svg", { key: 'd808ca40b9f81aad24291cabcfaf95d74d89f7cd', class: classes, xmlns: "http://www.w3.org/2000/svg" }, this.renderSwatch()));
+        return (hAsync("svg", { key: '7d9a908899466115511ce8386e5d58ec06281d8d', class: classes, xmlns: "http://www.w3.org/2000/svg" }, this.renderSwatch()));
     }
     renderSwatch() {
         const { active, el, internalColor } = this;
@@ -17081,7 +17036,7 @@ class ColorPickerSwatch {
 
 /**
  * Do not edit directly
- * Generated on Tue, 01 Oct 2024 00:09:16 GMT
+ * Generated on Tue, 01 Oct 2024 17:31:04 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -18231,7 +18186,7 @@ class Combobox {
         const singleSelectionDisplay = selectionDisplay === "single";
         const fitSelectionDisplay = !singleSelectionMode && selectionDisplay === "fit";
         const isClearable = !this.clearDisabled && this.value?.length > 0;
-        return (hAsync(Host, { key: '7ff11391145f9d35bb29b79668ba4c71383399cb', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: '0f933e31620dcb729c99290edfa9c0d48ed8f3d0', disabled: this.disabled }, hAsync("div", { key: '8b50c921f9f45393064744fa38874de7de82a228', "aria-live": "polite", class: {
+        return (hAsync(Host, { key: '91a5ae6a5277ef5e99787b335d292491d40bfd15', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: 'ffa28dd0994827bf92ff4f9a4b6358c1297da5ef', disabled: this.disabled }, hAsync("div", { key: 'dd8a665e13776db436a8650ae781fbdd4c403f26', "aria-live": "polite", class: {
                 wrapper: true,
                 "wrapper--single": singleSelectionMode || !this.selectedItems.length,
                 "wrapper--active": open,
@@ -18245,7 +18200,7 @@ class Combobox {
             this.renderSelectedIndicatorChipCompact(),
             this.renderAllSelectedIndicatorChip(),
             this.renderAllSelectedIndicatorChipCompact(),
-        ], hAsync("label", { key: '07bc9e86da71217b892740f0748117f5bf1eacb3', class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), !readOnly && isClearable ? (hAsync(XButton, { disabled: this.disabled, key: "close-button", label: this.messages.clear, scale: this.scale })) : null, !readOnly && this.renderChevronIcon()), hAsync("ul", { key: '5f367649d90d63c5cf88d097786c849430dc1e49', "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), hAsync(HiddenFormInputSlot, { key: '97f799527df82ab6def23e012663050e0156626a', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$a.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        ], hAsync("label", { key: '623de62b6293ccacdaaf6078467f9e5c3e43c229', class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), !readOnly && isClearable ? (hAsync(XButton, { disabled: this.disabled, key: "close-button", label: this.messages.clear, scale: this.scale })) : null, !readOnly && this.renderChevronIcon()), hAsync("ul", { key: '8e00f09b8e080301862848cafb9ab706edb170c5', "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), hAsync(HiddenFormInputSlot, { key: '817a7cca111e99998065ca2f3d5338a306b716f7', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$a.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -18350,6 +18305,14 @@ class ComboboxItem {
         registerInstance(this, hostRef);
         this.calciteComboboxItemChange = createEvent(this, "calciteComboboxItemChange", 6);
         this.calciteInternalComboboxItemChange = createEvent(this, "calciteInternalComboboxItemChange", 6);
+        // --------------------------------------------------------------------------
+        //
+        //  Private Methods
+        //
+        // --------------------------------------------------------------------------
+        this.handleDefaultSlotChange = (event) => {
+            this.hasContent = slotChangeHasContent(event);
+        };
         this.itemClickHandler = () => {
             this.toggleSelected();
         };
@@ -18371,6 +18334,7 @@ class ComboboxItem {
         this.textLabel = undefined;
         this.value = undefined;
         this.label = undefined;
+        this.hasContent = false;
     }
     handleComboboxItemPropsChange() {
         this.calciteInternalComboboxItemChange.emit();
@@ -18385,19 +18349,10 @@ class ComboboxItem {
     // --------------------------------------------------------------------------
     connectedCallback() {
         this.ancestors = getAncestors(this.el);
-        connectConditionalSlotComponent(this);
-    }
-    disconnectedCallback() {
-        disconnectConditionalSlotComponent(this);
     }
     componentDidRender() {
         updateHostInteraction(this);
     }
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
     toggleSelected() {
         const isSinglePersistSelect = this.selectionMode === "single-persist";
         if (this.disabled || (isSinglePersistSelect && this.selected)) {
@@ -18426,10 +18381,7 @@ class ComboboxItem {
             }, flipRtl: this.iconFlipRtl, icon: iconPath, key: "indicator", scale: getIconScale(this.scale) }));
     }
     renderChildren() {
-        if (getSlotted(this.el)) {
-            return (hAsync("ul", { key: "default-slot-container" }, hAsync("slot", null)));
-        }
-        return null;
+        return (hAsync("ul", { hidden: !this.hasContent, key: "default-slot-container" }, hAsync("slot", { onSlotchange: this.handleDefaultSlotChange })));
     }
     render() {
         const { disabled, heading, label, textLabel, value } = this;
@@ -18446,10 +18398,10 @@ class ComboboxItem {
             [CSS$15.single]: isSingleSelect,
         };
         const depth = getDepth$1() + 1;
-        return (hAsync(Host, { key: '484c17421421afe7739dc37cc3edb46c2fd0e083', "aria-hidden": "true", "aria-label": itemLabel }, hAsync(InteractiveContainer, { key: '71135810fa4af5e17b668d13af219c7575085a9e', disabled: disabled }, hAsync("div", { key: '2db3e68f23449032b1ac5957a9376a68815e03c5', class: {
+        return (hAsync(Host, { key: '44a023470da03e96adc3a5b3ca073f31c7379c5e', "aria-hidden": "true", "aria-label": itemLabel }, hAsync(InteractiveContainer, { key: '4e89d95a02b97dad059610ae2f936138a4b3fc59', disabled: disabled }, hAsync("div", { key: 'b7a67a5651115229b3edf84c9812c7bc727b1ffe', class: {
                 [CSS$15.container]: true,
                 [CSS$15.scale(this.scale)]: true,
-            }, style: { "--calcite-combobox-item-spacing-indent-multiplier": `${depth}` } }, hAsync("li", { key: '153f7e8af6cb925630fb08fc5cfcf4a8df48ad2a', class: classes, id: this.guid, onClick: this.itemClickHandler }, this.renderSelectIndicator(showDot, iconPath), this.renderIcon(iconPath), hAsync("div", { key: '4d9bbd0bc113dc2196e3141a84f6137e7d48b95e', class: CSS$15.centerContent }, hAsync("div", { key: 'd531d42c8af37b9fbdbda7457e88f4688427911b', class: CSS$15.title }, this.renderTextContent(headingText)), this.description ? (hAsync("div", { class: CSS$15.description }, this.renderTextContent(this.description))) : null), this.shortHeading ? (hAsync("div", { class: CSS$15.shortText }, this.renderTextContent(this.shortHeading))) : null, hAsync("slot", { key: 'f4c71258fff023a30662c7105e1a7492edafa14a', name: SLOTS$q.contentEnd })), this.renderChildren()))));
+            }, style: { "--calcite-combobox-item-spacing-indent-multiplier": `${depth}` } }, hAsync("li", { key: '8f7cface2cbea63c04ff0b72a7bcb9d890ae6a27', class: classes, id: this.guid, onClick: this.itemClickHandler }, this.renderSelectIndicator(showDot, iconPath), this.renderIcon(iconPath), hAsync("div", { key: '053916e08f7eeffb72d9d8edc06bb01a717a77c7', class: CSS$15.centerContent }, hAsync("div", { key: '2514539432d72538dddbce4c72e109ac7dbfc116', class: CSS$15.title }, this.renderTextContent(headingText)), this.description ? (hAsync("div", { class: CSS$15.description }, this.renderTextContent(this.description))) : null), this.shortHeading ? (hAsync("div", { class: CSS$15.shortText }, this.renderTextContent(this.shortHeading))) : null, hAsync("slot", { key: 'aeb56f0df10218c747fdcc1157eb85b03e4e06f1', name: SLOTS$q.contentEnd })), this.renderChildren()))));
     }
     renderTextContent(text) {
         const pattern = this.filterTextMatchPattern;
@@ -18491,7 +18443,8 @@ class ComboboxItem {
             "heading": [1],
             "textLabel": [513, "text-label"],
             "value": [8],
-            "label": [8]
+            "label": [8],
+            "hasContent": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -18536,7 +18489,7 @@ class ComboboxItemGroup {
     render() {
         const { el, scale } = this;
         const depth = getDepth$1();
-        return (hAsync("ul", { key: '32cc4bb7e8e551213c7b3aea1ee6c9907a93dc8b', "aria-labelledby": this.guid, class: { [CSS$14.list]: true, [`scale--${scale}`]: true }, role: "group" }, hAsync("li", { key: '7bad1e784bd918befdeccba34625d9404f610a91', class: { [CSS$14.label]: true }, id: this.guid, role: "presentation", style: { "--calcite-combobox-item-spacing-indent-multiplier": `${depth}` } }, hAsync("span", { key: '9cfc56d414a465bb5d5e5beec561f5149779b31c', class: CSS$14.title }, this.label)), hAsync("slot", { key: 'ec83330096f7031828f4b58cf2ee94611a9fddfe' })));
+        return (hAsync("ul", { key: 'f1d0f6a9bfe2b77f86ddf8a66003493be9ffc6ff', "aria-labelledby": this.guid, class: { [CSS$14.list]: true, [`scale--${scale}`]: true }, role: "group" }, hAsync("li", { key: '16b5d134dec3e859adc1ee20f230c24cc401721b', class: { [CSS$14.label]: true }, id: this.guid, role: "presentation", style: { "--calcite-combobox-item-spacing-indent-multiplier": `${depth}` } }, hAsync("span", { key: '996508540a5e77d54e7beecb1bc4e68c10d35a0f', class: CSS$14.title }, this.label)), hAsync("slot", { key: 'd2a4a3bb590e636a98684f82101517ac39c842c6' })));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteComboboxItemGroupStyle0; }
@@ -19135,7 +19088,7 @@ class DatePicker {
                 ? endDate || this.maxAsDate
                 : this.maxAsDate
             : this.maxAsDate;
-        return (hAsync(Host, { key: '32213cf1e0848af340d9a7cdaf0838f88d04e0cb', onBlur: this.resetActiveDates, onKeyDown: this.keyDownHandler }, this.renderCalendar(activeDate, maxDate, minDate, date, endDate)));
+        return (hAsync(Host, { key: '87a1ba449d5307a23c8736a1827c3d3799d5d313', onBlur: this.resetActiveDates, onKeyDown: this.keyDownHandler }, this.renderCalendar(activeDate, maxDate, minDate, date, endDate)));
     }
     effectiveLocaleChange() {
         updateMessages(this);
@@ -19335,7 +19288,7 @@ class DatePickerDay {
         }
         const formattedDay = numberStringFormatter.localize(String(this.day));
         const dayLabel = this.dateTimeFormat.format(this.value);
-        return (hAsync(Host, { key: '99367dbc5f33128ec7e60922a7ccb68f54362f78', "aria-label": dayLabel, "aria-selected": toAriaBoolean(this.active), id: dayId, onClick: this.onClick, onKeyDown: this.keyDownHandler, role: "button", tabIndex: this.active && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: '50e5172f11d617e5e52aade2bb9fbdd7c46ccc60', disabled: this.disabled }, hAsync("div", { key: 'cfb5af0dcdb9283e00d3220e3658c253fc8fdc05', "aria-hidden": "true", class: { "day-v-wrapper": true } }, hAsync("div", { key: 'f1a85d642b0abdf35676fea5873c2ac4c92d451c', class: "day-wrapper" }, hAsync("span", { key: '79daaedf22745c9d633b4461c5a28b828b6803ae', class: "day" }, hAsync("span", { key: '14152896fce841cbe975eeabd5171024ae5133d3', class: "text" }, formattedDay)))))));
+        return (hAsync(Host, { key: '071c871c8ea63c19b5b9fa8daef194db42c7ab0a', "aria-label": dayLabel, "aria-selected": toAriaBoolean(this.active), id: dayId, onClick: this.onClick, onKeyDown: this.keyDownHandler, role: "button", tabIndex: this.active && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: 'efc7def58100e30d33abe66feb5b145496aeb307', disabled: this.disabled }, hAsync("div", { key: 'c2df89d8505b33620cd01a4eca7410e05c01b48d', "aria-hidden": "true", class: { "day-v-wrapper": true } }, hAsync("div", { key: '93fdc179948825e0d151306bbc82c719cd2ef17d', class: "day-wrapper" }, hAsync("span", { key: 'ea1ef1dad7739d9a881a38a5bf97ed01516eaff9', class: "day" }, hAsync("span", { key: '8ea62006a49134e2bf5ee4ad6066b7dce9d4d95b', class: "text" }, formattedDay)))))));
     }
     componentDidRender() {
         updateHostInteraction(this);
@@ -19825,7 +19778,7 @@ class DatePickerMonthHeader {
         this.setNextPrevMonthDates();
     }
     render() {
-        return hAsync("div", { key: '4943ff396e6db2ee2ba30f4994a75fb2d5afeda1', class: CSS$13.header }, this.renderContent());
+        return hAsync("div", { key: '8f35ca293aa084c35f461736fc0781332163edc0', class: CSS$13.header }, this.renderContent());
     }
     renderContent() {
         const { messages, localeData, activeDate } = this;
@@ -21265,11 +21218,11 @@ class Dialog {
     }
     render() {
         const { assistiveText, description, heading, opened } = this;
-        return (hAsync(Host, { key: 'bf406255eaa6d94c8443af185a74a2b2d58c6d59' }, hAsync("div", { key: 'de2a34b6da4a82c66e9fafdbdd2056e4e11e1315', class: {
+        return (hAsync(Host, { key: '817601ca8be6b2b78c4dc81f864e39790de42d25' }, hAsync("div", { key: '2c3a2ed4b89ad6008c6340ace69d11fd83c9c115', class: {
                 [CSS$11.container]: true,
                 [CSS$11.containerOpen]: opened,
                 [CSS$11.containerEmbedded]: this.embedded,
-            } }, this.modal ? (hAsync("calcite-scrim", { class: CSS$11.scrim, onClick: this.handleOutsideClose })) : null, hAsync("div", { key: 'be47093e3a955ce45a71c555700143a4a1c7a166', "aria-description": description, "aria-label": heading, "aria-modal": toAriaBoolean(this.modal), class: CSS$11.dialog, onKeyDown: this.handleKeyDown, ref: this.setTransitionEl, role: "dialog" }, assistiveText ? (hAsync("div", { "aria-live": "polite", class: CSS$11.assistiveText, key: "assistive-text" }, assistiveText)) : null, hAsync("slot", { key: '6ed9f10ae7d5ecc1ec9062d6aba559001d5194e6', name: SLOTS$o.content }, hAsync("calcite-panel", { key: 'cd6ebaa7d7362cbeb70e9ae623f38298d1e831e3', beforeClose: this.beforeClose, class: CSS$11.panel, closable: !this.closeDisabled, closed: !opened, description: description, heading: heading, headingLevel: this.headingLevel, loading: this.loading, menuOpen: this.menuOpen, messageOverrides: this.messageOverrides, onCalcitePanelClose: this.handleInternalPanelCloseClick, onCalcitePanelScroll: this.handleInternalPanelScroll, onKeyDown: this.handlePanelKeyDown, overlayPositioning: this.overlayPositioning, ref: (el) => (this.panelEl = el), scale: this.scale }, hAsync("slot", { key: '2ce955775c33b09fc849a083d0bcc1c8ce523dd8', name: SLOTS$o.actionBar, slot: SLOTS$p.actionBar }), hAsync("slot", { key: 'dd44184de251320af6225baa2e59571b881a23cd', name: SLOTS$o.alerts, slot: SLOTS$p.alerts }), hAsync("slot", { key: 'da343a1a10e015b04b37463c10592e612a576e9b', name: SLOTS$o.headerActionsStart, slot: SLOTS$p.headerActionsStart }), hAsync("slot", { key: '6680fde2bd7ad6dc5803c78ea7250d11d4920b7c', name: SLOTS$o.headerActionsEnd, slot: SLOTS$p.headerActionsEnd }), hAsync("slot", { key: 'a17ca64188ffe6000792e67eafc838df575ebbc3', name: SLOTS$o.headerContent, slot: SLOTS$p.headerContent }), hAsync("slot", { key: '7e048c4a9104053ca0a61ab2514b018efb4fc872', name: SLOTS$o.headerMenuActions, slot: SLOTS$p.headerMenuActions }), hAsync("slot", { key: '6760c8a6c105a511fcb859cfd222f8c1355a82c4', name: SLOTS$o.fab, slot: SLOTS$p.fab }), hAsync("slot", { key: 'e0f2e7644281d408d8c21ce5bf16b08af0a59c3b', name: SLOTS$o.contentTop, slot: SLOTS$p.contentTop }), hAsync("slot", { key: '01889c3b7fc13bc49521c27feb2ab35346552504', name: SLOTS$o.contentBottom, slot: SLOTS$p.contentBottom }), hAsync("slot", { key: '593bad35110b5d7e7b44d598b397e4b87cc28e28', name: SLOTS$o.footerStart, slot: SLOTS$p.footerStart }), hAsync("slot", { key: '5e84099e096a6afb678cce9731b189f4011dc067', name: SLOTS$o.footer, slot: SLOTS$p.footer }), hAsync("slot", { key: '69a805bd0c1f43a6d165939e62db562428f39f11', name: SLOTS$o.footerEnd, slot: SLOTS$p.footerEnd }), hAsync("slot", { key: 'b49e14ff6d2c63caaa8fd296920618e7673eb71b' })))))));
+            } }, this.modal ? (hAsync("calcite-scrim", { class: CSS$11.scrim, onClick: this.handleOutsideClose })) : null, hAsync("div", { key: '413704b014423d16ffcb5ff0c71b26961def64aa', "aria-description": description, "aria-label": heading, "aria-modal": toAriaBoolean(this.modal), class: CSS$11.dialog, onKeyDown: this.handleKeyDown, ref: this.setTransitionEl, role: "dialog" }, assistiveText ? (hAsync("div", { "aria-live": "polite", class: CSS$11.assistiveText, key: "assistive-text" }, assistiveText)) : null, hAsync("slot", { key: '89f6df27f927722eb20c4ab018155a0b97320e09', name: SLOTS$o.content }, hAsync("calcite-panel", { key: 'b52ef6956b934f9156fa278a73faf2e55766dae0', beforeClose: this.beforeClose, class: CSS$11.panel, closable: !this.closeDisabled, closed: !opened, description: description, heading: heading, headingLevel: this.headingLevel, loading: this.loading, menuOpen: this.menuOpen, messageOverrides: this.messageOverrides, onCalcitePanelClose: this.handleInternalPanelCloseClick, onCalcitePanelScroll: this.handleInternalPanelScroll, onKeyDown: this.handlePanelKeyDown, overlayPositioning: this.overlayPositioning, ref: (el) => (this.panelEl = el), scale: this.scale }, hAsync("slot", { key: '1366f673f4d7cf0e1d56fb878cdb09d48d3e7e49', name: SLOTS$o.actionBar, slot: SLOTS$p.actionBar }), hAsync("slot", { key: '2a46389aabf66527b29eb678e1094e1be94c2dc2', name: SLOTS$o.alerts, slot: SLOTS$p.alerts }), hAsync("slot", { key: '34563bc1ba243dacf29aa553733327cc773d677c', name: SLOTS$o.headerActionsStart, slot: SLOTS$p.headerActionsStart }), hAsync("slot", { key: '359209568c5d613c3449135edaab8bbf69315f29', name: SLOTS$o.headerActionsEnd, slot: SLOTS$p.headerActionsEnd }), hAsync("slot", { key: 'b5d3001c2b925b871bb4e12e63f0928b7119103a', name: SLOTS$o.headerContent, slot: SLOTS$p.headerContent }), hAsync("slot", { key: 'c2edbf6a53638030a576d79a55ff45b98e1faf4b', name: SLOTS$o.headerMenuActions, slot: SLOTS$p.headerMenuActions }), hAsync("slot", { key: '41d08493779970c7542c8477e35ffa9d8d4918e9', name: SLOTS$o.fab, slot: SLOTS$p.fab }), hAsync("slot", { key: '00565cf28bc29018cc586b4df0cdb7d30f34d04d', name: SLOTS$o.contentTop, slot: SLOTS$p.contentTop }), hAsync("slot", { key: '3bcf923ab4a805cadd3d4ecea6c535a5a2025872', name: SLOTS$o.contentBottom, slot: SLOTS$p.contentBottom }), hAsync("slot", { key: '05ad0669effaa59ccc6cfd60c1d6bb51c5ffe718', name: SLOTS$o.footerStart, slot: SLOTS$p.footerStart }), hAsync("slot", { key: '621ab7da1e4e14b8cca0379aa636b0c49aeb9555', name: SLOTS$o.footer, slot: SLOTS$p.footer }), hAsync("slot", { key: '1c3eea7e0e4a98ff5d7c0bbc1c1b1475531bbed2', name: SLOTS$o.footerEnd, slot: SLOTS$p.footerEnd }), hAsync("slot", { key: 'fa67e75a24335c26e645fc86d19539a50b7d6b1e' })))))));
     }
     effectiveLocaleChange() {
         updateMessages(this);
@@ -21812,11 +21765,11 @@ class Dropdown {
     }
     render() {
         const { open, guid } = this;
-        return (hAsync(Host, { key: '377c3d9687bc025f004b4efe58bfa5f0893d86d0' }, hAsync(InteractiveContainer, { key: '9e2f48be045fc6db10cc7203a8b998ec2b6abafd', disabled: this.disabled }, hAsync("div", { key: '8607de2d53a4f8c4b29206ee56aa23ad4c2cbe3d', class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.toggleDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { key: '07de8df34055ddc39301654a5ca312ddf293e6a9', "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS$n.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { key: 'c1469efb62eb704b021ce6479ad55deda59582d4', "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, hAsync("div", { key: 'f875166d486a53cd393f17d9295974aa449d449f', "aria-labelledby": `${guid}-menubutton`, class: {
+        return (hAsync(Host, { key: '25f07b9c78c59cd7a587d96211fafdeaf0159162' }, hAsync(InteractiveContainer, { key: '60488f8bfc5ad6f7fdea8cf2e9ff73713ce812e9', disabled: this.disabled }, hAsync("div", { key: '73677dfbb60e1afd7cf6365bfeb165ff7ff40b93', class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.toggleDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { key: '4659921ee1db3640e83f3c9257a114058bdf90d9', "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS$n.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { key: '0d291e7c46eea199ffc0e413b6fd11150c3cb25a', "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, hAsync("div", { key: 'd41a764a3e5d650d2d406047d2e3da40cc26f6fa', "aria-labelledby": `${guid}-menubutton`, class: {
                 ["calcite-dropdown-content"]: true,
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: open,
-            }, id: `${guid}-menu`, ref: this.setScrollerAndTransitionEl, role: "menu" }, hAsync("slot", { key: 'bc6e61383aaf85b3d6242a86c50da68bc8b31e27', onSlotchange: this.updateGroups }))))));
+            }, id: `${guid}-menu`, ref: this.setScrollerAndTransitionEl, role: "menu" }, hAsync("slot", { key: '613f421c99466306140e05c083b9ac57c37e8259', onSlotchange: this.updateGroups }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -22041,9 +21994,9 @@ class DropdownGroup {
     render() {
         const groupTitle = this.groupTitle ? (hAsync("span", { "aria-hidden": "true", class: "dropdown-title" }, this.groupTitle)) : null;
         const dropdownSeparator = this.groupPosition > 0 ? hAsync("div", { class: "dropdown-separator", role: "separator" }) : null;
-        return (hAsync(Host, { key: 'f41943751aefdb17d4f5d5bd8778c219cfd01a00', "aria-label": this.groupTitle, role: "group" }, hAsync("div", { key: '87b78040b93c06081ca8282a785d466ed8fcf334', class: {
+        return (hAsync(Host, { key: '23c619c107c7ac18220c64331b179fc8f194b552', "aria-label": this.groupTitle, role: "group" }, hAsync("div", { key: '264463e75fef3a3855727084230e6f4903b75ee2', class: {
                 [CSS$10.container]: true,
-            } }, dropdownSeparator, groupTitle, hAsync("slot", { key: 'f635a5bdbe439315eba6292a4858cbd8519d23d1' }))));
+            } }, dropdownSeparator, groupTitle, hAsync("slot", { key: 'dabbc288afc3246414888a027ef68ebe059cdefb' }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -22141,9 +22094,9 @@ class DropdownItem {
     }
     render() {
         const { href, selectionMode, label, iconFlipRtl } = this;
-        const iconStartEl = (hAsync("calcite-icon", { key: '1ec1c941651dda8f39fa15427592141f04180f3e', class: CSS$10.iconStart, flipRtl: iconFlipRtl === "start" || iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        const contentNode = (hAsync("span", { key: '3ab167ed4054ca34b4e13e72b752af6cf25522ae', class: CSS$10.itemContent }, hAsync("slot", { key: '88cf44809fb48450c66cc8f105bbda008a78157d' })));
-        const iconEndEl = (hAsync("calcite-icon", { key: '32fb27182943a032c0037f1f878a95c194d2dff1', class: CSS$10.iconEnd, flipRtl: iconFlipRtl === "end" || iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
+        const iconStartEl = (hAsync("calcite-icon", { key: '3fc27ffa2c4dbecb2294a18deb33daa0522f23c5', class: CSS$10.iconStart, flipRtl: iconFlipRtl === "start" || iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        const contentNode = (hAsync("span", { key: '2a81a8fe77367c4e0c096b5674700e9d7457b79c', class: CSS$10.itemContent }, hAsync("slot", { key: '3c3d08cd024fa43db529cd534986ccd5eb407a8f' })));
+        const iconEndEl = (hAsync("calcite-icon", { key: 'd8ef4e66f3f054ddd967950468e5b7ad3732b094', class: CSS$10.iconEnd, flipRtl: iconFlipRtl === "end" || iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
         const slottedContent = this.iconStart && this.iconEnd
             ? [iconStartEl, contentNode, iconEndEl]
             : this.iconStart
@@ -22161,7 +22114,7 @@ class DropdownItem {
                     : "menuitem";
         const itemAria = selectionMode !== "none" ? toAriaBoolean(this.selected) : null;
         const { disabled } = this;
-        return (hAsync(Host, { key: 'beec8e51bf18bdcab1928181828b372cc70bb7ee', "aria-checked": itemAria, "aria-label": !href ? label : "", role: itemRole, tabIndex: disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '5cbbd1074d6c571f4cac3a99e4a2c09bf113db55', disabled: disabled }, hAsync("div", { key: 'bff025aeb280c9d0d829e5cf4d94e9392604e607', class: {
+        return (hAsync(Host, { key: 'ede51c19d0cb6e5b5b238e722e22e0474eb3fdd3', "aria-checked": itemAria, "aria-label": !href ? label : "", role: itemRole, tabIndex: disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '78062d555543e0d43b45c4970f64ca4f01b8f0a6', disabled: disabled }, hAsync("div", { key: '531dfceeddd2058290d06e4f6c2fccdbba68676d', class: {
                 [CSS$10.container]: true,
                 [CSS$10.containerNone]: selectionMode === "none",
             } }, selectionMode !== "none" ? (hAsync("calcite-icon", { class: CSS$10.icon, icon: selectionMode === "multiple" ? "check" : "bullet-point", scale: getIconScale(this.scale) })) : null, contentEl))));
@@ -22328,7 +22281,7 @@ class Fab {
     render() {
         const { appearance, kind, disabled, loading, scale, textEnabled, icon, label, text, iconFlipRtl, } = this;
         const title = !textEnabled ? label || text || null : null;
-        return (hAsync(InteractiveContainer, { key: '7953bd06defeddfed5530500901609524f7b58fd', disabled: disabled }, hAsync("calcite-button", { key: 'c2bbe2be5e2ac375abab75024005f1eb5afed51c', appearance: appearance === "solid" ? "solid" : "outline-fill", class: CSS$$.button, disabled: disabled, iconFlipRtl: iconFlipRtl ? "start" : null, iconStart: icon, kind: kind, label: label, loading: loading, ref: (buttonEl) => {
+        return (hAsync(InteractiveContainer, { key: '192a90c2b8b340b44f046488905389d67dcf0770', disabled: disabled }, hAsync("calcite-button", { key: 'b65d5e57449807c5d2857817cadbb4f591424d0d', appearance: appearance === "solid" ? "solid" : "outline-fill", class: CSS$$.button, disabled: disabled, iconFlipRtl: iconFlipRtl ? "start" : null, iconStart: icon, kind: kind, label: label, loading: loading, ref: (buttonEl) => {
                 this.buttonEl = buttonEl;
             }, round: true, scale: scale, title: title, type: "button", width: "auto" }, this.textEnabled ? this.text : null)));
     }
@@ -22490,7 +22443,7 @@ class Filter {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, scale } = this;
-        return (hAsync(InteractiveContainer, { key: 'c4a624e52409ed90839b506f5d99ab623767260e', disabled: disabled }, hAsync("div", { key: '1f2ef99156489719dd2f938bc5ce8a05185866bf', class: CSS$_.container }, hAsync("label", { key: '6fe8c6cf73f554908be38299263d23380a4ed089' }, hAsync("calcite-input", { key: '6765e00d208d6898221540769865d84aa1c64974', clearable: true, disabled: disabled, icon: ICONS$d.search, label: this.messages.label, messageOverrides: { clear: this.messages.clear }, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
+        return (hAsync(InteractiveContainer, { key: 'cd715f9ceb60e2f076789fd6d45c6d7001c405f6', disabled: disabled }, hAsync("div", { key: '4962310306de965932bf443785495d4ef1c08ccd', class: CSS$_.container }, hAsync("label", { key: '2f64561a3b941c92b133738f2dad50d4d585c77b' }, hAsync("calcite-input", { key: '533fdf5c10f761ce9c13a52b0c63663c47432bf3', clearable: true, disabled: disabled, icon: ICONS$d.search, label: this.messages.label, messageOverrides: { clear: this.messages.clear }, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
                 this.textInput = el;
             }, scale: scale, type: "text", value: this.value })))));
     }
@@ -22659,7 +22612,7 @@ class Flow {
             [CSS$Z.frameAdvancing]: flowDirection === "advancing",
             [CSS$Z.frameRetreating]: flowDirection === "retreating",
         };
-        return (hAsync("div", { key: '01fbee965d48cb54fa5bd1b53a3435538df84332', class: frameDirectionClasses }, hAsync("slot", { key: '495880eceeb04387dd1352aa00337f037ab0636c' })));
+        return (hAsync("div", { key: 'eab0291ab671900012c3c39d607073bcc407a9e7', class: frameDirectionClasses }, hAsync("slot", { key: '64a8f4ae41fd76633c85ee2d43256e1d3cead0f9' })));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteFlowStyle0; }
@@ -22866,7 +22819,7 @@ class FlowItem {
     }
     render() {
         const { collapsed, collapseDirection, collapsible, closable, closed, description, disabled, heading, headingLevel, loading, menuOpen, messages, overlayPositioning, beforeClose, } = this;
-        return (hAsync(Host, { key: '2e7872bb2687db0b67ddbf375f8ec0beaabbda36' }, hAsync(InteractiveContainer, { key: 'a9418954405a2cec2092bae3be5d77f02306e3c9', disabled: disabled }, hAsync("calcite-panel", { key: 'd563c751421bf2d66c03286deaa613e09f585546', beforeClose: beforeClose, closable: closable, closed: closed, collapseDirection: collapseDirection, collapsed: collapsed, collapsible: collapsible, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, loading: loading, menuOpen: menuOpen, messageOverrides: messages, onCalcitePanelClose: this.handleInternalPanelClose, onCalcitePanelScroll: this.handleInternalPanelScroll, onCalcitePanelToggle: this.handleInternalPanelToggle, overlayPositioning: overlayPositioning, ref: this.setContainerRef, scale: this.scale }, this.renderBackButton(), hAsync("slot", { key: 'c506ec8bb4debbd6a9da6c7941878de49776f614', name: SLOTS$m.actionBar, slot: SLOTS$p.actionBar }), hAsync("slot", { key: 'e76e55e654ff878acff734bdf387402a9e262159', name: SLOTS$m.alerts, slot: SLOTS$p.alerts }), hAsync("slot", { key: 'f7ab8839d7b101e31087130ebf3e36af1ec7da24', name: SLOTS$m.headerActionsStart, slot: SLOTS$p.headerActionsStart }), hAsync("slot", { key: '2932c4c15b168732356b8e55fcc3064f5b3f4cf5', name: SLOTS$m.headerActionsEnd, slot: SLOTS$p.headerActionsEnd }), hAsync("slot", { key: '1ef8a9050683022733695445092f8c626487d87b', name: SLOTS$m.headerContent, slot: SLOTS$p.headerContent }), hAsync("slot", { key: '24c0ab570a601a6c0edfb0c820e580fd24b158ce', name: SLOTS$m.headerMenuActions, slot: SLOTS$p.headerMenuActions }), hAsync("slot", { key: 'ec55bbe7ba939a6efb35225850c37a1aadb97275', name: SLOTS$m.fab, slot: SLOTS$p.fab }), hAsync("slot", { key: 'aa0bfec47656ef9f7f575cd933897a7909e5badc', name: SLOTS$m.contentTop, slot: SLOTS$p.contentTop }), hAsync("slot", { key: 'e23532d080e2df529c2aeb6af043c6efe7a0ab6d', name: SLOTS$m.contentBottom, slot: SLOTS$p.contentBottom }), hAsync("slot", { key: 'db6ffc0d9300c77067a4c88ab277de685c7713af', name: SLOTS$m.footerStart, slot: SLOTS$p.footerStart }), hAsync("slot", { key: '5f249356da9292f34c4036d0d0741f048fe999e9', name: SLOTS$m.footer, slot: SLOTS$p.footer }), hAsync("slot", { key: '7476137bacc0f3be5c97682c5027f74d73254765', name: SLOTS$m.footerEnd, slot: SLOTS$p.footerEnd }), hAsync("slot", { key: '58f60a46c42a05abe9b100a57d478d991e4f25bc', name: SLOTS$m.footerActions, slot: SLOTS$p.footerActions }), hAsync("slot", { key: '926a8d94b76b6fcdef6dfd219ba8180c44f81c35' })))));
+        return (hAsync(Host, { key: 'ccd0d6750da15fa4e81b417396d016d5d43e1a0f' }, hAsync(InteractiveContainer, { key: '690e621242766e53607612c83a396422dffba869', disabled: disabled }, hAsync("calcite-panel", { key: 'd4b422cbc57c48870d6758c2cbe280ef20e9be50', beforeClose: beforeClose, closable: closable, closed: closed, collapseDirection: collapseDirection, collapsed: collapsed, collapsible: collapsible, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, loading: loading, menuOpen: menuOpen, messageOverrides: messages, onCalcitePanelClose: this.handleInternalPanelClose, onCalcitePanelScroll: this.handleInternalPanelScroll, onCalcitePanelToggle: this.handleInternalPanelToggle, overlayPositioning: overlayPositioning, ref: this.setContainerRef, scale: this.scale }, this.renderBackButton(), hAsync("slot", { key: '7d12c24d58e306b7a3a0bb75fa2680203c5f07f0', name: SLOTS$m.actionBar, slot: SLOTS$p.actionBar }), hAsync("slot", { key: 'd3b730b9af055b17776ec3633c91291d086e9823', name: SLOTS$m.alerts, slot: SLOTS$p.alerts }), hAsync("slot", { key: 'fc73b4e4891e7f86a82db85fb7a118d8102ee80e', name: SLOTS$m.headerActionsStart, slot: SLOTS$p.headerActionsStart }), hAsync("slot", { key: 'e914d4f7db54c46e3155d9adda31876694a6d09a', name: SLOTS$m.headerActionsEnd, slot: SLOTS$p.headerActionsEnd }), hAsync("slot", { key: 'be5fe36c5fbcec038c9994df61441356b071374d', name: SLOTS$m.headerContent, slot: SLOTS$p.headerContent }), hAsync("slot", { key: '2f98458f7eef28cb34ee35233880fdb3cbb12432', name: SLOTS$m.headerMenuActions, slot: SLOTS$p.headerMenuActions }), hAsync("slot", { key: 'd97b8c5944fec5ea4d96ddf695f89dceb744fc37', name: SLOTS$m.fab, slot: SLOTS$p.fab }), hAsync("slot", { key: '938d06a678afca84cc1671ec42aa59eff29b682d', name: SLOTS$m.contentTop, slot: SLOTS$p.contentTop }), hAsync("slot", { key: '154e247f26947d66669c39bc01a26f0db7ce6caa', name: SLOTS$m.contentBottom, slot: SLOTS$p.contentBottom }), hAsync("slot", { key: 'd9c9aa3f347a6ca0b8587bb9006677da7dce5a62', name: SLOTS$m.footerStart, slot: SLOTS$p.footerStart }), hAsync("slot", { key: 'b44116298ad9a597dfd33c5d2742382cfcbc6aec', name: SLOTS$m.footer, slot: SLOTS$p.footer }), hAsync("slot", { key: '908a2c098342cd820deec0e0b48093bc1b31124f', name: SLOTS$m.footerEnd, slot: SLOTS$p.footerEnd }), hAsync("slot", { key: '01199ddbff68aa0871c3d1bfe3cd6df4a9b446fe', name: SLOTS$m.footerActions, slot: SLOTS$p.footerActions }), hAsync("slot", { key: '1359b4fd8cadb797a192c1356181adbaa28cfd12' })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -23282,11 +23235,11 @@ class Handle {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(InteractiveContainer, { key: '1a694de393421691c83e7265850275c217ef7ffe', disabled: this.disabled }, hAsync("span", { key: '82ff692c15c2d9294ceb814b3f7f06bb4d8ff0e0', "aria-checked": this.disabled ? null : toAriaBoolean(this.selected), "aria-disabled": this.disabled ? toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), class: { [CSS$X.handle]: true, [CSS$X.handleSelected]: !this.disabled && this.selected }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
+        return (hAsync(InteractiveContainer, { key: '75559724432ed648374279f273bd66ac1c39fd93', disabled: this.disabled }, hAsync("span", { key: 'c05c82fa08d1a47efb23e7620bdf54ccd4b877af', "aria-checked": this.disabled ? null : toAriaBoolean(this.selected), "aria-disabled": this.disabled ? toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), class: { [CSS$X.handle]: true, [CSS$X.handleSelected]: !this.disabled && this.selected }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
                 this.handleButton = el;
             },
             // role of radio is being applied to allow space key to select in screen readers
-            role: "radio", tabIndex: this.disabled ? null : 0, title: this.getTooltip() }, hAsync("calcite-icon", { key: '25862a953826aea2d594507157aaffc21d07001c', icon: ICONS$b.drag, scale: "s" }))));
+            role: "radio", tabIndex: this.disabled ? null : 0, title: this.getTooltip() }, hAsync("calcite-icon", { key: 'e364048977e6cad771f56c0c56f3c120c10ad9a1', icon: ICONS$b.drag, scale: "s" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -23370,7 +23323,7 @@ class Icon {
         const size = scaleToPx[scale];
         const semantic = !!textLabel;
         const paths = [].concat(pathData || "");
-        return (hAsync(Host, { key: '724265acdc6fb528bf7b25d7ec445c73a63f4c8e', "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, hAsync("svg", { key: '864ee2d80bebd282543ba5d94c57f84b48a6204d', "aria-hidden": "true", class: {
+        return (hAsync(Host, { key: 'f1af73d95f36fcc08a8c36223a6877eabca1ccac', "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, hAsync("svg", { key: 'aebf04325efca8214823a92502328f6a688d07cc', "aria-hidden": "true", class: {
                 [CSS$W.flipRtl]: dir === "rtl" && flipRtl,
                 svg: true,
             }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (hAsync("path", { d: path })) : (hAsync("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));
@@ -23439,7 +23392,21 @@ class InlineEditable {
         this.calciteInlineEditableEditCancel = createEvent(this, "calciteInlineEditableEditCancel", 6);
         this.calciteInlineEditableEditConfirm = createEvent(this, "calciteInlineEditableEditConfirm", 6);
         this.calciteInternalInlineEditableEnableEditingChange = createEvent(this, "calciteInternalInlineEditableEnableEditingChange", 6);
-        this.mutationObserver = createObserver();
+        //--------------------------------------------------------------------------
+        //
+        //  Private Methods
+        //
+        //--------------------------------------------------------------------------
+        this.handleDefaultSlotChange = (event) => {
+            const inputElement = slotChangeGetAssignedElements(event).filter((el) => el.matches("calcite-input"))[0];
+            this.inputElement = inputElement;
+            if (!inputElement) {
+                return;
+            }
+            inputElement.disabled = this.disabled;
+            inputElement.label = inputElement.label || getLabelText(this);
+            this.scale = this.scale || this.inputElement?.scale;
+        };
         this.enableEditing = () => {
             this.valuePriorToEditing = this.inputElement?.value;
             this.editingEnabled = true;
@@ -23547,8 +23514,6 @@ class InlineEditable {
         connectLabel(this);
         connectLocalized(this);
         connectMessages(this);
-        this.mutationObserver?.observe(this.el, { childList: true });
-        this.mutationObserverCallback();
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
@@ -23561,18 +23526,17 @@ class InlineEditable {
         disconnectLabel(this);
         disconnectLocalized(this);
         disconnectMessages(this);
-        this.mutationObserver?.disconnect();
     }
     componentDidRender() {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(InteractiveContainer, { key: '2b20c0c889e02709ab25fed13afe8cc03a0ad5a5', disabled: this.disabled }, hAsync("div", { key: '31a6ae689e94a21c34718d848e43e7e848c82c33', class: CSS$V.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, hAsync("div", { key: '21d48b4543d362c8253987aa04aa88b91dcbebd2', class: CSS$V.inputWrapper }, hAsync("slot", { key: '1b0e62cefa8959014d776a55e882d89c1038d72e' })), hAsync("div", { key: 'c10288b692a896c7d4a924fb3a99d5d1a0b8b655', class: CSS$V.controlsWrapper }, hAsync("calcite-button", { key: '7b8312b37c3e1aa9e07b6cbad9f116c0e3b63438', appearance: "transparent", class: CSS$V.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
+        return (hAsync(InteractiveContainer, { key: '47aba29a11e02b4397e7000f87b4fd963a3e8455', disabled: this.disabled }, hAsync("div", { key: '16e546006242b0e18ef1ff8dea5c2a4fa2e2325e', class: CSS$V.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, hAsync("div", { key: '173571cae937a972b47bee08b2dd8d7c9e6aff39', class: CSS$V.inputWrapper }, hAsync("slot", { key: '1d1ec5c1d142093ff9c5585111707233ff5f1d88', onSlotchange: this.handleDefaultSlotChange })), hAsync("div", { key: '3ede5ac03a835a485d5d8794b8b37c17c92526e9', class: CSS$V.controlsWrapper }, hAsync("calcite-button", { key: '15ef87ec641f62f9fc8e2bb4ff5e750c9152a61c', appearance: "transparent", class: CSS$V.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
                 opacity: this.editingEnabled ? "0" : "1",
                 width: this.editingEnabled ? "0" : "inherit",
             }, type: "button" }), this.shouldShowControls && [
-            hAsync("div", { key: '96dc366959dff0b01f2b6720d04137d978b480ba', class: CSS$V.cancelEditingButtonWrapper }, hAsync("calcite-button", { key: '74263d601b8f410497061c2a61ad9a7cc0950651', appearance: "transparent", class: CSS$V.cancelEditingButton, disabled: this.disabled, iconStart: "x", kind: "neutral", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
-            hAsync("calcite-button", { key: 'b6b0853810cb99eb88c908487078cc74e05f48bc', appearance: "solid", class: CSS$V.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" }),
+            hAsync("div", { key: 'fc37081fd7ba722a4d2f30d3a3dc91b4a6adb127', class: CSS$V.cancelEditingButtonWrapper }, hAsync("calcite-button", { key: '7e3e3ff26034d053d7994b0fedf4c2dc2991312b', appearance: "transparent", class: CSS$V.cancelEditingButton, disabled: this.disabled, iconStart: "x", kind: "neutral", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
+            hAsync("calcite-button", { key: 'e6d5fd66a37b89c83e700bd62616f705380d0515', appearance: "solid", class: CSS$V.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" }),
         ]))));
     }
     //--------------------------------------------------------------------------
@@ -23598,29 +23562,9 @@ class InlineEditable {
         await componentFocusable(this);
         this.el?.focus();
     }
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    mutationObserverCallback() {
-        this.updateSlottedInput();
-        this.scale = this.scale || this.inputElement?.scale;
-    }
     onLabelClick() {
         this.setFocus();
     }
-    updateSlottedInput() {
-        const inputElement = getSlotted(this.el, {
-            matches: "calcite-input",
-        });
-        this.inputElement = inputElement;
-        if (!inputElement) {
-            return;
-        }
-        this.inputElement.disabled = this.disabled;
-        this.inputElement.label = this.inputElement.label || getLabelText(this);
-    }
     get shouldShowControls() {
         return this.editingEnabled && this.controls;
     }
@@ -23750,7 +23694,6 @@ class Input {
         /** keep track of the rendered child type */
         this.childElType = "input";
         this.previousValueOrigin = "initial";
-        this.mutationObserver = createObserver();
         this.userChangedValue = false;
         //--------------------------------------------------------------------------
         //
@@ -24118,9 +24061,6 @@ class Input {
     //--------------------------------------------------------------------------
     handleGlobalAttributesChanged() {
     }
-    disabledWatcher() {
-        this.setDisabledAction();
-    }
     /** watcher to update number-to-string for max */
     maxWatcher() {
         this.maxString = this.max?.toString() || null;
@@ -24180,8 +24120,6 @@ class Input {
         }
         connectLabel(this);
         connectForm(this);
-        this.mutationObserver?.observe(this.el, { childList: true });
-        this.setDisabledAction();
         this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);
     }
     disconnectedCallback() {
@@ -24189,7 +24127,6 @@ class Input {
         disconnectForm(this);
         disconnectLocalized(this);
         disconnectMessages(this);
-        this.mutationObserver?.disconnect();
         this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);
     }
     async componentWillLoad() {
@@ -24288,22 +24225,6 @@ class Input {
     syncHiddenFormInput(input) {
         syncHiddenFormInput(this.type, this, input);
     }
-    setDisabledAction() {
-        const slottedActionEl = getSlotted(this.el, "action");
-        if (!slottedActionEl) {
-            return;
-        }
-        if (this.disabled) {
-            if (slottedActionEl.getAttribute("disabled") == null) {
-                this.slottedActionElDisabledInternally = true;
-            }
-            slottedActionEl.setAttribute("disabled", "");
-        }
-        else if (this.slottedActionElDisabledInternally) {
-            slottedActionEl.removeAttribute("disabled");
-            this.slottedActionElDisabledInternally = false;
-        }
-    }
     normalizeValue(value) {
         return this.type === "number" ? (isValidNumber(value) ? value : "") : value;
     }
@@ -24319,21 +24240,21 @@ class Input {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: 'ed9acea9dbc18f4cfc5e7095c1e2de0b1adfdf35', class: CSS$U.loader }, hAsync("calcite-progress", { key: '58321a27c25dd848a648d2e3d5ca6dfc3f5fd649', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: '348d8dee0c032afe986b1e253c9d667256f3d9f0', "aria-label": this.messages.clear, class: CSS$U.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '334b68a283b767c0e9bea09ccfd83d09c8c17711', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: '4ab83aa9268277a38449ebe4a6e3db4dc9badcae', class: CSS$U.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (hAsync("div", { key: '6f733315d8e509bf08aa9a113c02c208be7149ce', class: CSS$U.loader }, hAsync("calcite-progress", { key: 'ea71a09004d4388959c994245ad18ffd08c63817', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: 'd7e272b4dfc39467128adf0e4794664a14e646e9', "aria-label": this.messages.clear, class: CSS$U.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '186a38e7d19ab25165adbd0175aeab3032b750bd', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: 'b4690b5f023d1015f61d016cf946765c73d253b9', class: CSS$U.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (hAsync("button", { key: '2dd700034d38581aaea39c019e626ffa1a2c1c16', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (hAsync("button", { key: '780b72b6eb590bf075195ef59f55e334cfce12ae', "aria-hidden": "true", class: {
                 [CSS$U.numberButtonItem]: true,
                 [CSS$U.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '6ca9a7c93aa14520292ad8c800c4e099bd46f30d', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (hAsync("button", { key: 'cdbd88ddd308bd82b6d239a83f365a2c5e226cfc', "aria-hidden": "true", class: {
+            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '3e50b8af46024ca2a2c15334b4ebb7dd6841cbad', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (hAsync("button", { key: '43849aa9373cad4048d6e713ad79e84f68e3b696', "aria-hidden": "true", class: {
                 [CSS$U.numberButtonItem]: true,
                 [CSS$U.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'f1b9cf329da9add564d690c517ddcc414c4fbfa3', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (hAsync("div", { key: '247efdce33568f219b1bf3bf252b8b19a74d03ea', class: CSS$U.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = hAsync("div", { key: '01819a850399fb20a29471861e011695bf80af97', class: CSS$U.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: 'dcc073305f3824a0eb72ef230bd217dabdb72104', class: CSS$U.suffix }, this.suffixText);
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '639209668b74b5a6e411eb1bc30b5bb609a179a3', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (hAsync("div", { key: 'e0655d7a44116a4aef4fb849499e88c8613bb817', class: CSS$U.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = hAsync("div", { key: '21035d6446f14acf2198ebdbdab73c6c3967fbff', class: CSS$U.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: '71826d415f69fbdbd90126c5d4a7c6b0184a008d', class: CSS$U.suffix }, this.suffixText);
         const autofocus = this.el.autofocus || this.el.hasAttribute("autofocus") ? true : null;
         const enterKeyHint = this.el.enterKeyHint || this.el.getAttribute("enterkeyhint");
         const inputMode = this.el.inputMode || this.el.getAttribute("inputmode");
@@ -24347,13 +24268,13 @@ class Input {
                 this.isTextarea ? (hAsync("div", { class: CSS$U.resizeIconWrapper }, hAsync("calcite-icon", { icon: "chevron-down", scale: getIconScale(this.scale) }))) : null,
             ]
             : null;
-        return (hAsync(Host, { key: '23d6092960315f172a56105b9af75ddc6497874c', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '1bb063f39c14a829a376465fa8c2bbc288046ac7', disabled: this.disabled }, hAsync("div", { key: '7f3644f002b7cb75d93d9c0218508b502ddcfd0b', class: { [CSS$U.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" }, ref: (el) => (this.inputWrapperEl = el) }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
+        return (hAsync(Host, { key: 'b1f7425cc7572b36c75d8ebf33ade264c7473537', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '010a5bdb624985ec1fa891fcb3a96bd57ad87875', disabled: this.disabled }, hAsync("div", { key: 'a26f722831c0312f5829357cb66eca63fdc6b8ac', class: { [CSS$U.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" }, ref: (el) => (this.inputWrapperEl = el) }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, hAsync("div", { key: '0d01898e4949a60e0853c1a72669f5c9d6c91ba5', class: CSS$U.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '42e7adec440e417128feb9845c36d0444e6c1ae4', class: CSS$U.actionWrapper, ref: (el) => (this.actionWrapperEl = el) }, hAsync("slot", { key: 'f391b035ad9fc108d1f99c4cedf539425c20a36d', name: SLOTS$l.action })), this.type === "number" && this.numberButtonType === "vertical" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, hAsync("div", { key: 'fb9f07ae67f1096ebd3d4f942b30a83b8a5fa6bd', class: CSS$U.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '901c6d878bf65c2989e4812f1d061312c043bcff', class: CSS$U.actionWrapper, ref: (el) => (this.actionWrapperEl = el) }, hAsync("slot", { key: '3e9fa8d3fdab692f669161a23ccf42f3f2405217', name: SLOTS$l.action })), this.type === "number" && this.numberButtonType === "vertical" && !this.readOnly
             ? numberButtonsVertical
             : null, this.suffixText ? suffixText : null, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, hAsync(HiddenFormInputSlot, { key: 'df415df551b4a9a16565c8f554454d01aa89327e', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$8.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, hAsync(HiddenFormInputSlot, { key: 'aae3ab13af24cd4ceca256a4156dcba8b23c486c', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$8.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -24361,7 +24282,6 @@ class Input {
         "autofocus": ["handleGlobalAttributesChanged"],
         "enterkeyhint": ["handleGlobalAttributesChanged"],
         "inputmode": ["handleGlobalAttributesChanged"],
-        "disabled": ["disabledWatcher"],
         "max": ["maxWatcher"],
         "min": ["minWatcher"],
         "messageOverrides": ["onMessagesChange"],
@@ -24940,23 +24860,23 @@ class InputDatePicker {
             locale: effectiveLocale,
             useGrouping: false,
         };
-        return (hAsync(Host, { key: 'b31ae837415083aa63451c5f32b78253b1d6af1e', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '7315a0e5773a1ef96c00b48b138c8afd50aca28a', disabled: this.disabled }, this.localeData && (hAsync("div", { key: '022f86001938e2994ab523b30a2e3cb379a550b4', class: CSS$T.inputContainer }, hAsync("div", { key: '4a3add7824ea7ec41b75ddd5e9b847afa1ca0708', class: CSS$T.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setStartWrapper }, hAsync("calcite-input-text", { key: 'd415c8d890333f76793fc5f804111c0a72f4d3c8', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-errormessage": IDS$7.validationMessage, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", "aria-invalid": toAriaBoolean(this.status === "invalid"), class: {
+        return (hAsync(Host, { key: 'af6a411d495acdf0b96d6aef7fcbc4a16dbee824', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '276559025b59e684be33145fdc1ebb54fc497905', disabled: this.disabled }, this.localeData && (hAsync("div", { key: '929abf4e68279ff6e121864678bb8256c35f3fac', class: CSS$T.inputContainer }, hAsync("div", { key: '0b6c5aff1ee9c34f3384a756e24e0fd42402ff20', class: CSS$T.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setStartWrapper }, hAsync("calcite-input-text", { key: '88fc779558736b876d689c81f54625b12b2b3053', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-errormessage": IDS$7.validationMessage, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", "aria-invalid": toAriaBoolean(this.status === "invalid"), class: {
                 [CSS$T.input]: true,
                 [CSS$T.inputNoBottomBorder]: this.layout === "vertical" && this.range,
             }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.startInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setStartInput, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "start"), hAsync("span", { key: '7d5b86f35bde88b757f9a46485ce37bf8317ac88', "aria-hidden": "true", class: CSS$T.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { key: '8d38fc155dcc3851865e699645f64e3278519f02', "aria-hidden": toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
+            this.renderToggleIcon(this.open && this.focusedInput === "start"), hAsync("span", { key: '63defeb887ec40a1a1444047a574b150530db269', "aria-hidden": "true", class: CSS$T.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { key: '29d287235f5f8080420470ab82800c3fc62d687a', "aria-hidden": toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
                 [CSS$T.menu]: true,
                 [CSS$T.menuActive]: this.open,
-            }, id: this.dialogId, ref: this.setFloatingEl, role: "dialog" }, hAsync("div", { key: '92b37e521a0d2e0e8fb30ca129a53e75d26e9dd6', class: {
+            }, id: this.dialogId, ref: this.setFloatingEl, role: "dialog" }, hAsync("div", { key: '2c3591bab4ba0dddae4d212e450d7f50ad8c08fc', class: {
                 [CSS$T.calendarWrapper]: true,
                 [CSS$T.calendarWrapperEnd]: this.focusedInput === "end",
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: this.open,
-            }, ref: this.setTransitionEl }, hAsync("calcite-date-picker", { key: '35aa39e5552eff762bb58368b4cbe1069692ee38', activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, ref: this.setDatePickerRef, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (hAsync("div", { key: '386b0a687fc16a4f96ef9cc199aca653ab90071b', class: CSS$T.horizontalArrowContainer }, hAsync("calcite-icon", { key: '65b1d5b9e7b77f524ef40cd1f0efda3776db33e1', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { key: '50b0b98f4d51c5866557ab5691692a42704d08f2', class: CSS$T.verticalArrowContainer }, hAsync("calcite-icon", { key: '48758a61b800c61109b492d77ca468519ad65227', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { key: 'af12058d6a8d299fd988ae4ac7fc0422d05342c6', class: CSS$T.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setEndWrapper }, hAsync("calcite-input-text", { key: '38c68e0df3d516ea5b840a1a937d1af6d1c971b0', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-errormessage": IDS$7.validationMessage, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", "aria-invalid": toAriaBoolean(this.status === "invalid"), class: {
+            }, ref: this.setTransitionEl }, hAsync("calcite-date-picker", { key: 'c1c74964ba43e80365bd5e4774dbf9e353f28960', activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, ref: this.setDatePickerRef, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (hAsync("div", { key: '2bdc3a8473b8e21ac202966ed8940216386a86dd', class: CSS$T.horizontalArrowContainer }, hAsync("calcite-icon", { key: 'fd80a1723c5132f6ecb73b850c2f29906783dc2f', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { key: '4bc93f2e6983024e186ec3deddf38d5e375940a6', class: CSS$T.verticalArrowContainer }, hAsync("calcite-icon", { key: '7496a51302115c2ae7e5a4b67db033bcbfe190e4', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { key: '6a4bca2721c6ee243175dccbd3e55ab30715599b', class: CSS$T.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setEndWrapper }, hAsync("calcite-input-text", { key: '095b3d8b969e616e87d5de66c884d7ea8c8231e6', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-errormessage": IDS$7.validationMessage, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", "aria-invalid": toAriaBoolean(this.status === "invalid"), class: {
                 [CSS$T.input]: true,
                 [CSS$T.inputBorderTopColorOne]: this.layout === "vertical" && this.range,
             }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.endInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setEndInput, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), hAsync(HiddenFormInputSlot, { key: '65e98114397e07a95ccf82217412360be3a36d96', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$7.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), hAsync(HiddenFormInputSlot, { key: 'b7c073ea8c135ee82bdb267701ad5c7fbea96af4', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$7.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (
@@ -25205,7 +25125,7 @@ class InputMessage {
     }
     render() {
         const hidden = this.el.hidden;
-        return (hAsync(Host, { key: 'c7d1b37721cec28dee1020b81ff66dee7fc8bc44', "calcite-hydrated-hidden": hidden }, this.renderIcon(this.requestedIcon), hAsync("slot", { key: '7147d81e906765c154b4a61e31706a72c1ef3ae0' })));
+        return (hAsync(Host, { key: '05928715ef3020928c4c862f0bf160d67c195fa3', "calcite-hydrated-hidden": hidden }, this.renderIcon(this.requestedIcon), hAsync("slot", { key: '7d30b28320f2a551dd6b006b9b7910d2bbcec2d3' })));
     }
     //--------------------------------------------------------------------------
     //
@@ -25275,7 +25195,6 @@ class InputNumber {
         this.calciteInputNumberInput = createEvent(this, "calciteInputNumberInput", 7);
         this.calciteInputNumberChange = createEvent(this, "calciteInputNumberChange", 6);
         this.previousValueOrigin = "initial";
-        this.mutationObserver = createObserver();
         this.userChangedValue = false;
         //--------------------------------------------------------------------------
         //
@@ -25610,9 +25529,6 @@ class InputNumber {
     //--------------------------------------------------------------------------
     handleGlobalAttributesChanged() {
     }
-    disabledWatcher() {
-        this.setDisabledAction();
-    }
     /** watcher to update number-to-string for max */
     maxWatcher() {
         this.maxString = this.max?.toString() || null;
@@ -25672,8 +25588,6 @@ class InputNumber {
         }
         connectLabel(this);
         connectForm(this);
-        this.mutationObserver?.observe(this.el, { childList: true });
-        this.setDisabledAction();
         this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);
     }
     componentDidLoad() {
@@ -25684,7 +25598,6 @@ class InputNumber {
         disconnectForm(this);
         disconnectLocalized(this);
         disconnectMessages(this);
-        this.mutationObserver?.disconnect();
         this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);
     }
     async componentWillLoad() {
@@ -25768,22 +25681,6 @@ class InputNumber {
     syncHiddenFormInput(input) {
         syncHiddenFormInput("number", this, input);
     }
-    setDisabledAction() {
-        const slottedActionEl = getSlotted(this.el, "action");
-        if (!slottedActionEl) {
-            return;
-        }
-        if (this.disabled) {
-            if (slottedActionEl.getAttribute("disabled") == null) {
-                this.slottedActionElDisabledInternally = true;
-            }
-            slottedActionEl.setAttribute("disabled", "");
-        }
-        else if (this.slottedActionElDisabledInternally) {
-            slottedActionEl.removeAttribute("disabled");
-            this.slottedActionElDisabledInternally = false;
-        }
-    }
     normalizeValue(value) {
         return isValidNumber(value) ? value : "";
     }
@@ -25799,27 +25696,27 @@ class InputNumber {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: 'cc2f276e80dee457d8a8f38e06d18967647e4591', class: CSS$S.loader }, hAsync("calcite-progress", { key: '2764fc118ec3063a7e76e0738050fa7b3872018a', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: '6bb6db58c8c20594f88c60f2d717ad9b4dfb9fe0', "aria-label": this.messages.clear, class: CSS$S.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '1746fe8d0a79b4516beb7574ba6b74b6a5070d81', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: '4d57c3fedac7bedd8f9397c4b276866ee5b7237f', class: CSS$S.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (hAsync("div", { key: '4c28e988c49955479975084969c3a5376cac03b9', class: CSS$S.loader }, hAsync("calcite-progress", { key: '51f323bff54efb54a170a887f79cc9e0c6a06868', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: '589418d620f7f3fba8da1971f7c93f0a2fde83ba', "aria-label": this.messages.clear, class: CSS$S.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '4cfb8c4ff1db1771e5dbefaa7f995873bdd3a351', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: '4821096b862a4a6baf98427476367937ef3c1bbc', class: CSS$S.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (hAsync("button", { key: 'c0e52d338c61d3d6f6349975751f6af707325db3', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (hAsync("button", { key: 'f8bdc96985964f4a32cdd454fc5926241d64efe6', "aria-hidden": "true", class: {
                 [CSS$S.numberButtonItem]: true,
                 [CSS$S.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '28697a2ed4b3581c5d190c86ef3d7ab1d70823f8', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (hAsync("button", { key: '11f9db5af2916069d412089875d53fdea0b453c0', "aria-hidden": "true", class: {
+            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '3dbd0525e4ddb69c7d89970bd6100aecbb4a53e1', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (hAsync("button", { key: '69f669bd539e7b46ec773cfec092e3664a77f068', "aria-hidden": "true", class: {
                 [CSS$S.numberButtonItem]: true,
                 [CSS$S.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '1614213fecd0d957cda096df5ddf220bacc49dca', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (hAsync("div", { key: 'e8822b7270ea89e13ebf3703b6f271be512c6a9b', class: CSS$S.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = hAsync("div", { key: '333318e5c2f5fbd0d307255c7a0a4eebde29b5c8', class: CSS$S.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: '4812a571237e8016e9d173036e663e91ef7df638', class: CSS$S.suffix }, this.suffixText);
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'c73bb2a22ccc514dc695c2f6542ea2a0e6916f02', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (hAsync("div", { key: '849a047d01ede38a812f77bf8b6b1eebe1d7edd9', class: CSS$S.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = hAsync("div", { key: '20c3378c06a26991c8ac78ea2a120c19a084edbb', class: CSS$S.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: '0cf3033ff36a91dd17ef40434ba1c9fe62b9febb', class: CSS$S.suffix }, this.suffixText);
         const childEl = (hAsync("input", { "aria-errormessage": IDS$6.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint || this.el.getAttribute("enterkeyhint"), inputMode: this.el.inputMode || this.el.getAttribute("inputmode") || "decimal", key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputNumberBlurHandler, onFocus: this.inputNumberFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputNumberKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, type: "text", value: this.displayedValue }));
-        return (hAsync(Host, { key: 'a765b9d4616c91517c512bf08511e7dd979ba8cc', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'b9ea4743c23e8dc2773cfb600b0e345797c3558d', disabled: this.disabled }, hAsync("div", { key: '17dfcce5d569e546184d908cc595914d5aefe132', class: { [CSS$S.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" }, ref: (el) => (this.inputWrapperEl = el) }, this.numberButtonType === "horizontal" && !this.readOnly
+        return (hAsync(Host, { key: 'b9e806f7c65f5d92bc4a018a484adf9a66d74228', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '906a6414b83d2115eadf6d21bfc6fb0330fdc7c6', disabled: this.disabled }, hAsync("div", { key: '3763dbeab91c7292ef301c33276b96953dd0946b', class: { [CSS$S.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" }, ref: (el) => (this.inputWrapperEl = el) }, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, hAsync("div", { key: 'db2a55ec06a2418761f7a64c06b88680156870c3', class: CSS$S.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '26fa02f076266dd8e4e9441d17b708994bac580d', class: CSS$S.actionWrapper, ref: (el) => (this.actionWrapperEl = el) }, hAsync("slot", { key: 'cf216669a1ef119c5512515f014be59ee6c8121e', name: SLOTS$k.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, hAsync("div", { key: '6d897beccf1d8ceb46c3f8f2c7c4e556127f6199', class: CSS$S.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '1090bfb3405e73e1ca514f487d3a723138ab235d', class: CSS$S.actionWrapper, ref: (el) => (this.actionWrapperEl = el) }, hAsync("slot", { key: 'e116e08ae891a8a5eab0547f175a83d2740c675c', name: SLOTS$k.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, hAsync(HiddenFormInputSlot, { key: 'efc80f0a385d1d56971473fde6862738cb06b446', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$6.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, hAsync(HiddenFormInputSlot, { key: '7bae52a05b87729eba3fa2edaf0e418aad5042a1', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$6.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -25827,7 +25724,6 @@ class InputNumber {
         "autofocus": ["handleGlobalAttributesChanged"],
         "enterkeyhint": ["handleGlobalAttributesChanged"],
         "inputmode": ["handleGlobalAttributesChanged"],
-        "disabled": ["disabledWatcher"],
         "max": ["maxWatcher"],
         "min": ["minWatcher"],
         "messageOverrides": ["onMessagesChange"],
@@ -25924,7 +25820,6 @@ class InputText {
         this.calciteInputTextInput = createEvent(this, "calciteInputTextInput", 7);
         this.calciteInputTextChange = createEvent(this, "calciteInputTextChange", 7);
         this.previousValueOrigin = "initial";
-        this.mutationObserver = createObserver();
         this.userChangedValue = false;
         //--------------------------------------------------------------------------
         //
@@ -26098,9 +25993,6 @@ class InputText {
     //--------------------------------------------------------------------------
     handleGlobalAttributesChanged() {
     }
-    disabledWatcher() {
-        this.setDisabledAction();
-    }
     onMessagesChange() {
         /* wired up by t9n util */
     }
@@ -26137,8 +26029,6 @@ class InputText {
         }
         connectLabel(this);
         connectForm(this);
-        this.mutationObserver?.observe(this.el, { childList: true });
-        this.setDisabledAction();
         this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);
     }
     disconnectedCallback() {
@@ -26146,7 +26036,6 @@ class InputText {
         disconnectForm(this);
         disconnectLocalized(this);
         disconnectMessages(this);
-        this.mutationObserver?.disconnect();
         this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);
     }
     async componentWillLoad() {
@@ -26182,22 +26071,6 @@ class InputText {
     syncHiddenFormInput(input) {
         syncHiddenFormInput("text", this, input);
     }
-    setDisabledAction() {
-        const slottedActionEl = getSlotted(this.el, "action");
-        if (!slottedActionEl) {
-            return;
-        }
-        if (this.disabled) {
-            if (slottedActionEl.getAttribute("disabled") == null) {
-                this.slottedActionElDisabledInternally = true;
-            }
-            slottedActionEl.setAttribute("disabled", "");
-        }
-        else if (this.slottedActionElDisabledInternally) {
-            slottedActionEl.removeAttribute("disabled");
-            this.slottedActionElDisabledInternally = false;
-        }
-    }
     // --------------------------------------------------------------------------
     //
     //  Render Methods
@@ -26205,16 +26078,16 @@ class InputText {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: '2ca041a581304297694d2219c52e3567ee39c4d9', class: CSS$R.loader }, hAsync("calcite-progress", { key: 'dfc05d226e43048d229f32e830ce2d1295d5691f', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: '39f2afe7d3280b4de0b4e8970266886a7119e5ba', "aria-label": this.messages.clear, class: CSS$R.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'c16107371113f3015fb8d259d7a0b227c4256f8f', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: 'f5dc6921fbe712ebda049e863bc8b2372083a4d1', class: CSS$R.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
-        const prefixText = hAsync("div", { key: 'b295b7306b9d121c47f1129f743429de65166bc3', class: CSS$R.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: '85c5d7ba85182aecc7bf5471c96ce96507953948', class: CSS$R.suffix }, this.suffixText);
-        const childEl = (hAsync("input", { key: 'b542aedd945ae0c3ec2a8e6bc2f2f22f5040636c', "aria-errormessage": IDS$5.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
+        const loader = (hAsync("div", { key: 'c9c28d83dd2ad8b4ed0458a5a23d5195728d5757', class: CSS$R.loader }, hAsync("calcite-progress", { key: 'd13dec21d2cd597ee32670d2e7e17086ee75df81', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: 'd541238520ebe4f68d28080f0267e601c05443d7', "aria-label": this.messages.clear, class: CSS$R.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '9b2bc555e18164e99046cc4b37003c1d7b227d5f', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: '264da04e13d12d054052b2d2b200a80444828076', class: CSS$R.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const prefixText = hAsync("div", { key: 'aa5e041f2bd73acc00b0d5e0c350a73cb12356f2', class: CSS$R.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: '3bb0dede9b58d1d81014d9c9160fb4e048dae9b8', class: CSS$R.suffix }, this.suffixText);
+        const childEl = (hAsync("input", { key: '44af0652554e8a3815fb76e3b44469a681d56150', "aria-errormessage": IDS$5.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
                 [CSS$R.editingEnabled]: this.editingEnabled,
                 [CSS$R.inlineChild]: !!this.inlineEditableEl,
             }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint || this.el.getAttribute("enterkeyhint"), inputMode: this.el.inputMode || this.el.getAttribute("inputmode"), maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.inputTextBlurHandler, onFocus: this.inputTextFocusHandler, onInput: this.inputTextInputHandler, onKeyDown: this.inputTextKeyDownHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value }));
-        return (hAsync(Host, { key: '5a32059d58fc667ccef836b97c7dbf9c7d0456ba', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '06f4302d0b97901f9f962f6b96460c517a0e415d', disabled: this.disabled }, hAsync("div", { key: 'f160e1bebeee50b752d6f38fbc2517952fb92c94', class: { [CSS$R.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" }, ref: (el) => (this.inputWrapperEl = el) }, this.prefixText ? prefixText : null, hAsync("div", { key: '72b7e6c7ffdd700779f0ab266050bf263a5912c5', class: CSS$R.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: 'b359ff4cad35756cf2b4fd97087071cfb8cb6363', class: CSS$R.actionWrapper, ref: (el) => (this.actionWrapperEl = el) }, hAsync("slot", { key: '123667cff5ed426e732c9b5ef716147431d10ac5', name: SLOTS$j.action })), this.suffixText ? suffixText : null, hAsync(HiddenFormInputSlot, { key: 'fb9c298c3ad9b1b67f6e9e8cc2fb9e7b96f010dd', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$5.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (hAsync(Host, { key: '01028ca8460efc4efa6a4b474d11e44d311b2bb7', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '559be9a6fc4d0f389b47479e09946eddc051c9db', disabled: this.disabled }, hAsync("div", { key: '6b993d052b8f285260f12a713c9cb1455b5c5d4a', class: { [CSS$R.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" }, ref: (el) => (this.inputWrapperEl = el) }, this.prefixText ? prefixText : null, hAsync("div", { key: 'd5035c9b4defd5834378e6f5aec4265254aad55e', class: CSS$R.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: 'f47394400781931ffa15da187b57d1c979ef7445', class: CSS$R.actionWrapper, ref: (el) => (this.actionWrapperEl = el) }, hAsync("slot", { key: '235e6e6a64c54d5455a420869fefe6a556f81fd8', name: SLOTS$j.action })), this.suffixText ? suffixText : null, hAsync(HiddenFormInputSlot, { key: '8624d4f12229f80a24af94eeb9240000cb75d85b', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$5.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -26222,7 +26095,6 @@ class InputText {
         "autofocus": ["handleGlobalAttributesChanged"],
         "enterkeyhint": ["handleGlobalAttributesChanged"],
         "inputmode": ["handleGlobalAttributesChanged"],
-        "disabled": ["disabledWatcher"],
         "messageOverrides": ["onMessagesChange"],
         "value": ["valueWatcher"],
         "icon": ["updateRequestedIcon"],
@@ -28352,7 +28224,7 @@ class InputTimePicker {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, messages, readOnly } = this;
-        return (hAsync(Host, { key: '7d5021d0867938190a71ecc258687504668aa919', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '3df503ada54e8259f0e4e7013191942e4bc17020', disabled: this.disabled }, hAsync("div", { key: '748dd86d90db29b4baaa1af42839b3b234e54d0b', class: "input-wrapper", onClick: this.onInputWrapperClick }, hAsync("calcite-input-text", { key: 'af404dc58cb00afb62ecef587db4426bfc7b3495', "aria-autocomplete": "none", "aria-errormessage": IDS$4.validationMessage, "aria-haspopup": "dialog", "aria-invalid": toAriaBoolean(this.status === "invalid"), disabled: disabled, icon: "clock", label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, ref: this.setInputEl, role: "combobox", scale: this.scale, status: this.status }, !this.readOnly && this.renderToggleIcon(this.open))), hAsync("calcite-popover", { key: '93f1e3a580ad988617e4959a2e379f03a5128bf0', autoClose: true, focusTrapDisabled: true, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverBeforeClose: this.popoverBeforeCloseHandler, onCalcitePopoverBeforeOpen: this.popoverBeforeOpenHandler, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.calciteInputEl, triggerDisabled: true }, hAsync("calcite-time-picker", { key: '264696f0f4187f69999b4d751ffbe02759214e78', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value })), hAsync(HiddenFormInputSlot, { key: '73e605e12a6de2c5480e392cbfbea09025243111', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$4.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (hAsync(Host, { key: 'a9c59ea31724da7dc11c329c56bb8b75e63cd0bd', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '03239bf75c69f3684e57d42189eb2a6e9b8df242', disabled: this.disabled }, hAsync("div", { key: '7377ce3d946a38bf42fe8b8cb40b62bb8ee4cf7c', class: "input-wrapper", onClick: this.onInputWrapperClick }, hAsync("calcite-input-text", { key: '02daf661f8c30963f5a152bbba8fae3742f55a2f', "aria-autocomplete": "none", "aria-errormessage": IDS$4.validationMessage, "aria-haspopup": "dialog", "aria-invalid": toAriaBoolean(this.status === "invalid"), disabled: disabled, icon: "clock", label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, ref: this.setInputEl, role: "combobox", scale: this.scale, status: this.status }, !this.readOnly && this.renderToggleIcon(this.open))), hAsync("calcite-popover", { key: '4dbf1dcd32bf112e1516e3cf6942f97ca5df4100', autoClose: true, focusTrapDisabled: true, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverBeforeClose: this.popoverBeforeCloseHandler, onCalcitePopoverBeforeOpen: this.popoverBeforeOpenHandler, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.calciteInputEl, triggerDisabled: true }, hAsync("calcite-time-picker", { key: '886390a2d65c8f8f9489338abd61e6ba1f772f52', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value })), hAsync(HiddenFormInputSlot, { key: '6b2c11d9dc1fa04ee6ef77004b1466eeb009cb52', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$4.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (hAsync("span", { class: CSS$Q.toggleIcon, slot: "action" }, hAsync("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: getIconScale(this.scale) })));
@@ -28838,11 +28710,11 @@ class InputTimeZone {
         this.overrideSelectedLabelForRegion(this.open);
     }
     render() {
-        return (hAsync(Host, { key: 'b94fb2d93cdcaf0c44bbd2a0c7deaf59701078bf' }, hAsync(InteractiveContainer, { key: '45246bbab441e9daf0e372832e74d7660039c770', disabled: this.disabled }, hAsync("calcite-combobox", { key: '294e44d8ab01079651c417f7808348e584f135b7', clearDisabled: !this.clearable, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, overlayPositioning: this.overlayPositioning, placeholder: this.mode === "name"
+        return (hAsync(Host, { key: '01e92ff0b71928757d2c4a47cbf691ca8b47fd4b' }, hAsync(InteractiveContainer, { key: 'e8c840862e0a1d977393dbf30d684c236f4893c2', disabled: this.disabled }, hAsync("calcite-combobox", { key: '0766faea4458022bb0642534a74ab743c4c97f4b', clearDisabled: !this.clearable, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, overlayPositioning: this.overlayPositioning, placeholder: this.mode === "name"
                 ? this.messages.namePlaceholder
                 : this.mode === "offset"
                     ? this.messages.offsetPlaceholder
-                    : this.messages.regionPlaceholder, placeholderIcon: "search", readOnly: this.readOnly, ref: this.setComboboxRef, scale: this.scale, selectionMode: this.clearable ? "single" : "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage }, this.renderItems()), hAsync(HiddenFormInputSlot, { key: '0b7a0694166f1d5b36b780d3436dad15d466bc3c', component: this }))));
+                    : this.messages.regionPlaceholder, placeholderIcon: "search", readOnly: this.readOnly, ref: this.setComboboxRef, scale: this.scale, selectionMode: this.clearable ? "single" : "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage }, this.renderItems()), hAsync(HiddenFormInputSlot, { key: '7fb8724e1183f6341fc0167338f0ddd681f57f1c', component: this }))));
     }
     renderItems() {
         if (this.mode === "region") {
@@ -28955,7 +28827,7 @@ class Label {
         document.dispatchEvent(new CustomEvent(labelDisconnectedEvent));
     }
     render() {
-        return (hAsync(Host, { key: 'c3eff09792519c9e5a76ee28e3754db83b536f99', onClick: this.labelClickHandler }, hAsync("div", { key: '387902edd9b59be290f95ad6c2721584037d7256', class: CSS$O.container }, hAsync("slot", { key: 'b54d782522e95323333040e40e1a6dd06b52a575' }))));
+        return (hAsync(Host, { key: '113a09d35a09353ceeacfa6e3f877de580280a0c', onClick: this.labelClickHandler }, hAsync("div", { key: 'f8ef2d8dfa2a1b507dac5b30af7f3904642d8710', class: CSS$O.container }, hAsync("slot", { key: 'b60f62f9806e99da22fb450c6f534b20fd054d8f' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29028,12 +28900,12 @@ class Link {
         const { download, el } = this;
         const dir = getElementDir(el);
         const childElType = this.href ? "a" : "span";
-        const iconStartEl = (hAsync("calcite-icon", { key: 'c9844033e9bd5da35333b485aad27ddb2df6b039', class: "calcite-link--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
-        const iconEndEl = (hAsync("calcite-icon", { key: 'f1de10682fee566552253cf2ae3cb6725f5e5f11', class: "calcite-link--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
+        const iconStartEl = (hAsync("calcite-icon", { key: '31c957814b601cd15a226d2d6d2ff25f7a52d2a0', class: "calcite-link--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
+        const iconEndEl = (hAsync("calcite-icon", { key: 'c7c8b2958a88087fb72c218a6e1b13775a23d606', class: "calcite-link--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
         const Tag = childElType;
         const role = childElType === "span" ? "link" : null;
         const tabIndex = childElType === "span" ? 0 : null;
-        return (hAsync(Host, { key: '5ad440468fcccb6fe7c146ec57462e7593f96109', role: "presentation" }, hAsync(InteractiveContainer, { key: '916c68cd97c31fa1ec69f408d25d3023749698e1', disabled: this.disabled }, hAsync(Tag, { key: 'e00cebc0c56b95c02192872ac84df996a74a5fa4', class: { [CSS_UTILITY.rtl]: dir === "rtl" },
+        return (hAsync(Host, { key: 'a052a414ecfd41ed4a9a45e1bde495b2b0c3e90c', role: "presentation" }, hAsync(InteractiveContainer, { key: '7bc3cf44f22225e5728a4693a82761e089d909d1', disabled: this.disabled }, hAsync(Tag, { key: '3b6001db0eeac9dc7a5ca5b1a0e046cfea224ad7', class: { [CSS_UTILITY.rtl]: dir === "rtl" },
             /*
           When the 'download' property of type 'boolean | string' is set to true, the value is "".
           This works around that issue for now.
@@ -29042,7 +28914,7 @@ class Link {
                 ? download === true || download === ""
                     ? ""
                     : download || null
-                : null, href: childElType === "a" && this.href, onClick: this.childElClickHandler, ref: this.storeTagRef, rel: childElType === "a" && this.rel, role: role, tabIndex: tabIndex, target: childElType === "a" && this.target }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '57b25ff3b8f7f3d048796a559c2911178d6b8ddf' }), this.iconEnd ? iconEndEl : null))));
+                : null, href: childElType === "a" && this.href, onClick: this.childElClickHandler, ref: this.storeTagRef, rel: childElType === "a" && this.rel, role: role, tabIndex: tabIndex, target: childElType === "a" && this.target }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '16b66a253d8fa89455c4bb5d12147980232880cb' }), this.iconEnd ? iconEndEl : null))));
     }
     //--------------------------------------------------------------------------
     //
@@ -32299,7 +32171,7 @@ class List$1 {
     // --------------------------------------------------------------------------
     render() {
         const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText, filteredItems, hasFilterActionsStart, hasFilterActionsEnd, hasFilterNoResults, filterProps, } = this;
-        return (hAsync(InteractiveContainer, { key: 'c3139afe4fe7c7462578a51a4578971c97473167', disabled: this.disabled }, hAsync("div", { key: '5e99dc8b479c35609c5f0318723b3da84ec23ef4', class: CSS$K.container }, this.dragEnabled ? (hAsync("span", { "aria-live": "assertive", class: CSS$K.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? hAsync("calcite-scrim", { class: CSS$K.scrim, loading: loading }) : null, hAsync("table", { key: 'a31ba050d3141351e491141365e8244ed3ca5303', "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS$K.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (hAsync("thead", { class: CSS$K.sticky }, hAsync("tr", null, hAsync("th", { colSpan: MAX_COLUMNS }, hAsync("calcite-stack", { class: CSS$K.stack }, hAsync("slot", { name: SLOTS$g.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: SLOTS$h.actionsStart }), hAsync("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, filterProps: filterProps, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, ref: this.setFilterEl, value: filterText }), hAsync("slot", { name: SLOTS$g.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$h.actionsEnd })))))) : null, hAsync("tbody", { key: '3ed1b8d9a4387c3ea0f4ff38e5388be35b32d89b', class: CSS$K.tableContainer }, hAsync("slot", { key: '712562533b4609749cbff0968bd0a9e77d99758e', onSlotchange: this.handleDefaultSlotChange }))), hAsync("div", { key: '3ff977013e0ca0d58229e1305dca702000d91a99', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, hAsync("slot", { key: '7c2bf6389c8b5f4b6f617950e4068baf6b1dc358', name: SLOTS$g.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
+        return (hAsync(InteractiveContainer, { key: '792a626cc0979d4d268c78bc6e99895a3eebaef8', disabled: this.disabled }, hAsync("div", { key: '805efa249d5c2daa865ba2c70f1dd8ec5e8e77d6', class: CSS$K.container }, this.dragEnabled ? (hAsync("span", { "aria-live": "assertive", class: CSS$K.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? hAsync("calcite-scrim", { class: CSS$K.scrim, loading: loading }) : null, hAsync("table", { key: '5c7c7029669172aa1b248fa602310c1491705b40', "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS$K.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (hAsync("thead", { class: CSS$K.sticky }, hAsync("tr", null, hAsync("th", { colSpan: MAX_COLUMNS }, hAsync("calcite-stack", { class: CSS$K.stack }, hAsync("slot", { name: SLOTS$g.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: SLOTS$h.actionsStart }), hAsync("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, filterProps: filterProps, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, ref: this.setFilterEl, value: filterText }), hAsync("slot", { name: SLOTS$g.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$h.actionsEnd })))))) : null, hAsync("tbody", { key: '51d5c20b81123cfca2c81b8a4252f54caefc9a11', class: CSS$K.tableContainer }, hAsync("slot", { key: '3123c2d4ca33f605fcbcb6e590434ec7077e057f', onSlotchange: this.handleDefaultSlotChange }))), hAsync("div", { key: 'a7ff9a0704ae0971bc3b92fc139f11db9a4d658e', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, hAsync("slot", { key: '4f7d664fd1b2d3f0a265a29f29e7bda2d16ec7bf', name: SLOTS$g.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
     }
     // --------------------------------------------------------------------------
     //
@@ -32873,7 +32745,7 @@ class ListItem {
         const showBorder = selectionMode !== "none" && selectionAppearance === "border";
         const borderSelected = showBorder && selected;
         const borderUnselected = showBorder && !selected;
-        return (hAsync(Host, { key: 'a610ab740c82b6088400839884d58d4d867829db' }, hAsync(InteractiveContainer, { key: 'f05bf10e82fab03ddfdaf3ab2e100dcbd6d69c63', disabled: disabled }, hAsync("div", { key: '4bf63ed08d2a4a049e060d26d3699656558d495e', class: { [CSS$N.wrapper]: true, [CSS$N.wrapperBordered]: bordered } }, hAsync("tr", { key: 'd231a113c3bd8ee7f67c2ffb0cf804c142a95fb9', "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
+        return (hAsync(Host, { key: 'b9cb3f307c53ed1a2ab8c686a2e75aa628b9927f' }, hAsync(InteractiveContainer, { key: 'dee15703644ea7682d8d809377ace638d5e6d114', disabled: disabled }, hAsync("div", { key: '9a5497471aa6253aa8fe9831244d28d6987429ea', class: { [CSS$N.wrapper]: true, [CSS$N.wrapperBordered]: bordered } }, hAsync("tr", { key: '4f255718fcf599595fa46b721a877d0735240127', "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
                 [CSS$N.container]: true,
                 [CSS$N.containerHover]: true,
                 [CSS$N.containerBorder]: showBorder,
@@ -33010,7 +32882,7 @@ class ListItemGroup {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, heading } = this;
-        return (hAsync(Host, { key: 'e1e0304c3d4fe02909fd0075de2e4f5ef806be39' }, hAsync(InteractiveContainer, { key: '5fb0861fb58de90808e98b7061d3c906c822203c', disabled: disabled }, hAsync("tr", { key: 'c77af78f937c3135601df2c4574b858662d5fcdb', class: CSS$J.container }, hAsync("td", { key: 'f1ae6b9e09e78f87b814287f8eaeb0a105575c7a', class: CSS$J.heading, colSpan: MAX_COLUMNS }, heading)), hAsync("slot", { key: '7346d5d774173403910eddd35bf700ccd1437c4f', onSlotchange: this.handleDefaultSlotChange }))));
+        return (hAsync(Host, { key: '620fb4faa44dccf67d64d3665200a5314b98f14e' }, hAsync(InteractiveContainer, { key: '9fd1d5aba9ec1267f82e15da4339c3319a3dbce9', disabled: disabled }, hAsync("tr", { key: '1f34e056f55a8f8a6c6f1f82995156101c7d4b1e', class: CSS$J.container }, hAsync("td", { key: '9dad6ae33ac05a1e72281c81567fdc085b314be4', class: CSS$J.heading, colSpan: MAX_COLUMNS }, heading)), hAsync("slot", { key: '9638537609d9ee09b077a8c8cceca50596cb0813', onSlotchange: this.handleDefaultSlotChange }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteListItemGroupStyle0; }
@@ -33089,10 +32961,10 @@ class Loader {
         const remaining = circumference - progress;
         const valueNow = Math.floor(value);
         const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
-        return (hAsync(Host, { key: '8272bdfae9fff51b19ed8fa66197eb93b53feb4c', "aria-label": label, "aria-valuemax": isDeterminate ? "100" : undefined, "aria-valuemin": isDeterminate ? "0" : undefined, "aria-valuenow": isDeterminate ? valueNow.toString() : undefined, id: id, role: "progressbar" }, hAsync("div", { key: '3d410c178af39bb57cc478bdd06c0392f6ba71a3', class: CSS$I.loaderParts }, [1, 2, 3].map((index) => (hAsync("svg", { "aria-hidden": "true", class: {
+        return (hAsync(Host, { key: 'c4cf6ba22dc0d40acb1d1853bbb4c5e4fe2fc023', "aria-label": label, "aria-valuemax": isDeterminate ? "100" : undefined, "aria-valuemin": isDeterminate ? "0" : undefined, "aria-valuenow": isDeterminate ? valueNow.toString() : undefined, id: id, role: "progressbar" }, hAsync("div", { key: 'a043d4ee74c9fa39a148c47cfad36959b7d70898', class: CSS$I.loaderParts }, [1, 2, 3].map((index) => (hAsync("svg", { "aria-hidden": "true", class: {
                 [CSS$I.loaderPart]: true,
                 [CSS$I.loaderPartId(index)]: true,
-            }, key: index, style: isDeterminate && index === 3 ? determinateStyle : undefined, viewBox: viewbox }, hAsync("circle", { cx: size / 2, cy: size / 2, r: radius })))), isDeterminate && hAsync("div", { key: '4ccc633930dee031bf769908d712df39e0677bbb', class: CSS$I.loaderPercentage }, this.formatValue())), text && hAsync("div", { key: '6d0d51988bdfafee2a19faed9e14d3bda06d79b5', class: CSS$I.loaderText }, text)));
+            }, key: index, style: isDeterminate && index === 3 ? determinateStyle : undefined, viewBox: viewbox }, hAsync("circle", { cx: size / 2, cy: size / 2, r: radius })))), isDeterminate && hAsync("div", { key: 'e375ea0e8159bd4c8eb7d6429f0857a86d056b4e', class: CSS$I.loaderPercentage }, this.formatValue())), text && hAsync("div", { key: 'a30cf2072de3c3e79569d2fb3c0fd09649e94b9e', class: CSS$I.loaderText }, text)));
     }
     formatterPropsChange() {
         this.updateFormatter();
@@ -33431,7 +33303,7 @@ class Meter {
             : unitLabel
                 ? textUnitLabel
                 : undefined;
-        return (hAsync(Host, { key: '66acf0e583d412615e49ef652baf9bfbb97dab39' }, hAsync("div", { key: 'eea0363c803ea0f4a1e2650aa543a4a0f2fe095c', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
+        return (hAsync(Host, { key: 'da588e28c14dc4f36cda75745867703534402221' }, hAsync("div", { key: '86a7b23757bdf12dd47c0f2838d2e4869b340d24', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
                 [CSS$H.container]: true,
                 [CSS$H.stepsVisible]: rangeLabels,
                 [CSS$H.valueVisible]: valueLabel,
@@ -33488,6 +33360,38 @@ class Meter {
     }; }
 }
 
+let mutationObserver;
+const observerOptions = { childList: true };
+/**
+ * Helper to set up a conditional slot component on connectedCallback.
+ *
+ * @param component
+ * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
+ *
+ * ```
+ * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
+ * ```
+ */
+function connectConditionalSlotComponent(component) {
+    if (!mutationObserver) {
+        mutationObserver = createObserver();
+    }
+    mutationObserver.observe(component.el, observerOptions);
+}
+/**
+ * Helper to tear down a conditional slot component on disconnectedCallback.
+ *
+ * @param component
+ * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
+ *
+ * ```
+ * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
+ * ```
+ */
+function disconnectConditionalSlotComponent(component) {
+    mutationObserver.unobserve(component.el);
+}
+
 /**
  * Exported for testing purposes only
  */
@@ -33733,16 +33637,16 @@ class Modal {
         this.embedded = false;
     }
     render() {
-        return (hAsync(Host, { key: 'f92cd77f4a5ad4a245ca50fe2b2bfcf9966d4ca8', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: 'a9d348a67842162f1bc17ec8422c07963aed412d', class: {
+        return (hAsync(Host, { key: '8c409722714684eb0f665e549523f34aac1be69c', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: 'ad54181348aaef69a2e22346be1cdd11be87dd99', class: {
                 [CSS$G.container]: true,
                 [CSS$G.containerOpen]: this.opened,
                 [CSS$G.containerEmbedded]: this.embedded,
-            } }, hAsync("calcite-scrim", { key: '7dc3bc9220fc375522a6d390b633f9573bfa6c67', class: CSS$G.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), hAsync("div", { key: '40782ba2b6d3f086c884ace3529110e873009504', class: {
+            } }, hAsync("calcite-scrim", { key: '7319909520fa2ea225e696452439f8da826d39a9', class: CSS$G.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), hAsync("div", { key: 'f0e92999d4fbfbf0b5231cf988417fb3fcd821da', class: {
                 [CSS$G.modal]: true,
-            }, ref: this.setTransitionEl }, hAsync("div", { key: 'ea3a72ab0a0e5abae6e766d0b7b2cfce54667e86', class: CSS$G.header }, this.renderCloseButton(), hAsync("header", { key: 'abe5c28d11fc6241cd6ac40adef4d94529eb9d5c', class: CSS$G.title }, hAsync("slot", { key: '3d1d6ed6c0249472a00fba4128a861e6a6eae4dd', name: CSS$G.header }))), this.renderContentTop(), hAsync("div", { key: '0e65dfbd175e490586518d1a4c34b9eb1dde1f01', class: {
+            }, ref: this.setTransitionEl }, hAsync("div", { key: '4e1a9b4839dcb0a47127321ec26e79169ca048b1', class: CSS$G.header }, this.renderCloseButton(), hAsync("header", { key: '5c3e98da4c5bfd0d46219058732de4bd4d8f9232', class: CSS$G.title }, hAsync("slot", { key: '7438bdfe95a3329be353642ef103196162e9db6f', name: CSS$G.header }))), this.renderContentTop(), hAsync("div", { key: 'fa4b0a4cf7df54678fa9f007a4ac858f048bab01', class: {
                 [CSS$G.content]: true,
                 [CSS$G.contentNoFooter]: !this.hasFooter,
-            }, ref: (el) => (this.modalContent = el) }, hAsync("slot", { key: 'd5f3b08e61e8e47f64fd13bc6eb7f7ed6a07b7c8', name: SLOTS$f.content })), this.renderContentBottom(), this.renderFooter()))));
+            }, ref: (el) => (this.modalContent = el) }, hAsync("slot", { key: 'e5d9c13755dcc697c418b8a45da13d13d516bdcb', name: SLOTS$f.content })), this.renderContentBottom(), this.renderFooter()))));
     }
     renderFooter() {
         return this.hasFooter ? (hAsync("div", { class: CSS$G.footer, key: "footer" }, hAsync("span", { class: CSS$G.back }, hAsync("slot", { name: SLOTS$f.back })), hAsync("span", { class: CSS$G.secondary }, hAsync("slot", { name: SLOTS$f.secondary })), hAsync("span", { class: CSS$G.primary }, hAsync("slot", { name: SLOTS$f.primary })))) : null;
@@ -33984,6 +33888,9 @@ class Notice {
         this.close = () => {
             this.open = false;
         };
+        this.handleActionsEndSlotChange = (event) => {
+            this.hasActionEnd = slotChangeHasAssignedElement(event);
+        };
         this.openTransitionProp = "opacity";
         this.open = false;
         this.kind = "brand";
@@ -33996,6 +33903,7 @@ class Notice {
         this.messageOverrides = undefined;
         this.effectiveLocale = undefined;
         this.defaultMessages = undefined;
+        this.hasActionEnd = false;
     }
     openHandler() {
         onToggleOpenCloseComponent(this);
@@ -34012,12 +33920,10 @@ class Notice {
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        connectConditionalSlotComponent(this);
         connectLocalized(this);
         connectMessages(this);
     }
     disconnectedCallback() {
-        disconnectConditionalSlotComponent(this);
         disconnectLocalized(this);
         disconnectMessages(this);
     }
@@ -34033,10 +33939,8 @@ class Notice {
         setComponentLoaded(this);
     }
     render() {
-        const { el } = this;
-        const closeButton = (hAsync("button", { key: '52f9306ebe945398929f68fe66615359836ba2d8', "aria-label": this.messages.close, class: CSS$F.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, hAsync("calcite-icon", { key: 'f3601ac9547c73219661eebc7e7470db5dee7b52', icon: "x", scale: getIconScale(this.scale) })));
-        const hasActionEnd = getSlotted(el, SLOTS$e.actionsEnd);
-        return (hAsync("div", { key: '3f8117ff7cdd08c92ce804ef4ac8af83003156a4', class: CSS$F.container, ref: this.setTransitionEl }, this.requestedIcon ? (hAsync("div", { class: CSS$F.icon }, hAsync("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }))) : null, hAsync("div", { key: '1b614ee86618bd5ce6e8834b466baf7d2564b5a1', class: CSS$F.content }, hAsync("slot", { key: '19467ed9718a78c7530c2a08c727028d565dee7b', name: SLOTS$e.title }), hAsync("slot", { key: '191e71caf2f2147c62fd6b73602e41d95dc27558', name: SLOTS$e.message }), hAsync("slot", { key: 'd4fbf2b8aaa980cd24c5be89c6c8a36d091658f3', name: SLOTS$e.link })), hasActionEnd ? (hAsync("div", { class: CSS$F.actionsEnd }, hAsync("slot", { name: SLOTS$e.actionsEnd }))) : null, this.closable ? closeButton : null));
+        const closeButton = (hAsync("button", { key: 'd26bac0229d3e9eed604a6cb1a484e7af5b8cc4e', "aria-label": this.messages.close, class: CSS$F.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, hAsync("calcite-icon", { key: '74d860bb7a4164ee60287f22181c798089fcb776', icon: "x", scale: getIconScale(this.scale) })));
+        return (hAsync("div", { key: '8c4cf7ca81cda673e244462b9286879c7dde76de', class: CSS$F.container, ref: this.setTransitionEl }, this.requestedIcon ? (hAsync("div", { class: CSS$F.icon }, hAsync("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }))) : null, hAsync("div", { key: '24b3a9bf52acbdd9989183a8588dac16c31576aa', class: CSS$F.content }, hAsync("slot", { key: 'f56a9aa39be69da800e02a75d5be33c7e1c2fd6d', name: SLOTS$e.title }), hAsync("slot", { key: '006514f8e5c03ccbbd5aad4034b1ca2d7d11287f', name: SLOTS$e.message }), hAsync("slot", { key: '5d99ec170bbe3bc82809fc91a68cfe77ebdb0463', name: SLOTS$e.link })), hAsync("div", { key: '71be42bbaa50035245b4e0ba5b1c8ae7354d36bb', class: CSS$F.actionsEnd, hidden: !this.hasActionEnd }, hAsync("slot", { key: '31897bb7973288f272db530b0d61f4e4c5b7a7be', name: SLOTS$e.actionsEnd, onSlotchange: this.handleActionsEndSlotChange })), this.closable ? closeButton : null));
     }
     //--------------------------------------------------------------------------
     //
@@ -34097,6 +34001,7 @@ class Notice {
             "messageOverrides": [1040],
             "effectiveLocale": [32],
             "defaultMessages": [32],
+            "hasActionEnd": [32],
             "setFocus": [64]
         },
         "$listeners$": undefined,
@@ -34164,7 +34069,7 @@ class Option {
     //
     //--------------------------------------------------------------------------
     render() {
-        return hAsync("slot", { key: 'e5df72ac4455ee2e14c0e48a40739a9a271c9c57' }, this.label);
+        return hAsync("slot", { key: '875ccb9f48c54e7ca199dba81bcd2fe4a61b9ece' }, this.label);
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -34211,7 +34116,7 @@ class OptionGroup {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (hAsync(Fragment, { key: '174fcf908d37aba0972b1f408938a6ce909e45ff' }, hAsync("div", { key: '49ac7e0b58d14a8d07322c7c68670d9c5863c291' }, this.label), hAsync("slot", { key: '07d24a3a1edf192733bcb3fcdf279f121df482ed' })));
+        return (hAsync(Fragment, { key: '994df86e56d4f59d00cce614582038faddbbaf54' }, hAsync("div", { key: 'a464e5d53bfc873bad48e3f5d311bd228868fade' }, this.label), hAsync("slot", { key: 'cee43729b7dec69a328ede9e87b556b2171e765c' })));
     }
     static get watchers() { return {
         "disabled": ["handlePropChange"],
@@ -34548,7 +34453,7 @@ class Pagination {
             }, disabled: disabled, key: "last-button", onClick: this.lastClicked }, hAsync("calcite-icon", { flipRtl: true, icon: ICONS$8.last, scale: getIconScale(this.scale) }))) : null;
     }
     render() {
-        return (hAsync("ul", { key: 'bdbae7054c4304e91f36809a1131a72551a49679', class: CSS$E.list }, hAsync("li", { key: '14844fcc6ece08896432cfa31c85f84a9de8d992', class: CSS$E.listItem }, this.renderFirstChevron()), hAsync("li", { key: '3146daaad99dd8e05637788ea6bfe0cc89b32ac7', class: CSS$E.listItem }, this.renderPreviousChevron()), this.renderItems(), hAsync("li", { key: '6adbec5c7e7e11aec1937a4d188066f1c999d20c', class: CSS$E.listItem }, this.renderNextChevron()), hAsync("li", { key: '3574dbf73b6cbbc9048c18a93d2990a649040a41', class: CSS$E.listItem }, this.renderLastChevron())));
+        return (hAsync("ul", { key: '7c033bf85c1ee282ed25342fdb19795d33b998c7', class: CSS$E.list }, hAsync("li", { key: 'ca8332ed6f5b9b69fef3dd843e173cd0cd28fcb2', class: CSS$E.listItem }, this.renderFirstChevron()), hAsync("li", { key: '4305a6ded6bb23cf1df55d75bdd20341999b42ee', class: CSS$E.listItem }, this.renderPreviousChevron()), this.renderItems(), hAsync("li", { key: '5e3d401352336a757a7aa03ece137ca0c2526cf6', class: CSS$E.listItem }, this.renderNextChevron()), hAsync("li", { key: '54ada810aff02357dcfdf7debb3a0c46738f5c36', class: CSS$E.listItem }, this.renderLastChevron())));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -34894,8 +34799,8 @@ class Panel {
     }
     render() {
         const { disabled, loading, isClosed } = this;
-        const panelNode = (hAsync("article", { key: '0f439dffdca536eb6973ac386b0566091249aee3', "aria-busy": toAriaBoolean(loading), class: CSS$12.container, hidden: isClosed, ref: this.setContainerRef }, this.renderHeaderNode(), this.renderContent(), this.renderContentBottom(), this.renderFooterNode(), hAsync("slot", { key: "alerts", name: SLOTS$p.alerts, onSlotchange: this.handleAlertsSlotChange })));
-        return (hAsync(Host, { key: '6e5baec07ecb356871dea038ebc2d5ee2d8ed54f', onKeyDown: this.panelKeyDownHandler }, hAsync(InteractiveContainer, { key: '924cda1799b359f1bb3fb119cebfff5a7349b72d', disabled: disabled }, loading ? hAsync("calcite-scrim", { loading: loading }) : null, panelNode)));
+        const panelNode = (hAsync("article", { key: '115319e79486267f670cb3f8c5ac5dd4930568ee', "aria-busy": toAriaBoolean(loading), class: CSS$12.container, hidden: isClosed, ref: this.setContainerRef }, this.renderHeaderNode(), this.renderContent(), this.renderContentBottom(), this.renderFooterNode(), hAsync("slot", { key: "alerts", name: SLOTS$p.alerts, onSlotchange: this.handleAlertsSlotChange })));
+        return (hAsync(Host, { key: '6b089547f6fb3b70a43b36075846c6c694af879c', onKeyDown: this.panelKeyDownHandler }, hAsync(InteractiveContainer, { key: '1624ee3ed87d1e89b50173050941df430b16e3a1', disabled: disabled }, loading ? hAsync("calcite-scrim", { loading: loading }) : null, panelNode)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -35494,7 +35399,7 @@ class PickListGroup {
         const parentLevel = el.closest("calcite-pick-list")?.headingLevel;
         const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;
         const level = headingLevel || relativeLevel;
-        return (hAsync(Fragment, { key: '95786626f6bee19eee9695f8bf3c63f0e192a6fe' }, title ? (hAsync(Heading, { class: CSS$C.heading, level: level }, title)) : null, hAsync("slot", { key: 'd1ebf753d725ab812875fb5f8a9718774b4d9cc7', name: SLOTS$c.parentItem }), hAsync("section", { key: '3a850b36674c77bd7dc7a05278fd684b06024fb3', class: sectionClasses }, hAsync("slot", { key: '919ef46af0ab6c7f7e8f0dff0a1cda8e01ecdf75' }))));
+        return (hAsync(Fragment, { key: '007ff00b6d786fa78d601acf3b30d6d8514610b3' }, title ? (hAsync(Heading, { class: CSS$C.heading, level: level }, title)) : null, hAsync("slot", { key: 'b98a0e7c2d406d6296502efc59545b4d9b5d326f', name: SLOTS$c.parentItem }), hAsync("section", { key: 'b14ec160d504963ad8bed529ca2d51fa2102aae5', class: sectionClasses }, hAsync("slot", { key: 'c0c0207ef6491d2e6bd2912d478c110934d159d3' }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalcitePickListGroupStyle0; }
@@ -35696,7 +35601,7 @@ class PickListItem {
     }
     render() {
         const { description, label } = this;
-        return (hAsync(InteractiveContainer, { key: '34b2a65973c42d095c5ea0ca712afedaa58c5b63', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), hAsync("label", { key: '25476cd75bc12bebcbb7d52dc7fb19c268cf48bf', "aria-label": label, class: CSS$B.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, hAsync("div", { key: '2d619c384030ea848bea3f7d1b9d49afcad597ee', "aria-checked": toAriaBoolean(this.selected), class: CSS$B.textContainer, role: "menuitemcheckbox" }, hAsync("span", { key: '667ae09cd87763d99a76bfaddc715192cd8f72c4', class: CSS$B.title }, label), description ? hAsync("span", { class: CSS$B.description }, description) : null)), this.renderActionsEnd()));
+        return (hAsync(InteractiveContainer, { key: '7f81a69b2009e5d1a898e096f33b9941d802b412', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), hAsync("label", { key: '18cfecf944686d6eb11433862eb716ffda9ba223', "aria-label": label, class: CSS$B.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, hAsync("div", { key: '58f0548b15ca0dcb0ee2d841725026494c6a9e9b', "aria-checked": toAriaBoolean(this.selected), class: CSS$B.textContainer, role: "menuitemcheckbox" }, hAsync("span", { key: 'b22b883e40be791d1660bded3d93643701f61cbe', class: CSS$B.title }, label), description ? hAsync("span", { class: CSS$B.description }, description) : null)), this.renderActionsEnd()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -36131,14 +36036,14 @@ class Popover {
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
         const arrowNode = !pointerDisabled ? (hAsync(FloatingArrow, { floatingLayout: floatingLayout, key: "floating-arrow", ref: this.storeArrowEl })) : null;
-        return (hAsync(Host, { key: 'a563d48090d6e6c0c138023e169667834f657c4c', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: '73053dbdce2cfc68fcd42667089d611e81010955', class: {
+        return (hAsync(Host, { key: '590c981a6322c7976d9f086e58df05fbe31b05f1', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: 'a7fe6d7d9b679fd0c36e4bd9f23148e73647a4a2', class: {
                 [CSS$z.container]: true,
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: '1fbcd45ee42b10a67881ced74db2db051231c94d', class: {
+            }, ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: 'd37dee35378fd4d6c5ec7fd678721602e8cd8b0f', class: {
                 [CSS$z.hasHeader]: !!heading,
                 [CSS$z.headerContainer]: true,
-            } }, this.renderHeader(), hAsync("div", { key: '522abe801b98787863aac14d990b948d2d286156', class: CSS$z.content }, hAsync("slot", { key: '022a8f690288acdbac4ec1b3eccf807ffe382d5d' })), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), hAsync("div", { key: '8397df430194c530519cfc7213ca71765d8f7a2f', class: CSS$z.content }, hAsync("slot", { key: 'b0db6d22359023eebd519127c8ca40d31bc8abe3' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -36208,7 +36113,7 @@ class Progress {
         const isDeterminate = this.type === "determinate";
         const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};
         const dir = getElementDir(this.el);
-        return (hAsync("div", { key: '92597fefec948e4494425db28cd87bfad3cc76f8', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, hAsync("div", { key: 'd2a8ec085909b4bd35f443d0e831d645fb159317', class: "track" }, hAsync("div", { key: '2dd26e56a0f344d02f1b4068167f61d9da4d2cbd', class: {
+        return (hAsync("div", { key: 'c7062619aaedab58844ba0b18db81fdd2ddf54e2', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, hAsync("div", { key: 'acb4ec00ce600d9be7415af4ec5451e4f3ffb5a7', class: "track" }, hAsync("div", { key: '9bf27d1d0b2b8a83462b90c5bba17282c5d46871', class: {
                 bar: true,
                 indeterminate: this.type === "indeterminate",
                 [CSS_UTILITY.rtl]: dir === "rtl",
@@ -36512,7 +36417,7 @@ class RadioButton {
     // --------------------------------------------------------------------------
     render() {
         const tabIndex = this.getTabIndex();
-        return (hAsync(Host, { key: '45fcb686faaafd7fa14c61ae37c7e56394a2f75d', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, hAsync(InteractiveContainer, { key: '3172c8e34562872615f7ff91f3cef82042b14c32', disabled: this.disabled }, hAsync("div", { key: 'c33c5c4c5bdd1a8fdd821491bf9bf179e19eeef5', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$y.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, hAsync("div", { key: '88bc96d9b946384bf96aefa2dcdf5f6ca39ae7a2', class: "radio" })), hAsync(HiddenFormInputSlot, { key: '0851a97b89e6f09ae9634c6417a9950ea3ba1ef6', component: this }))));
+        return (hAsync(Host, { key: 'c6f6852bbc5b988c8e5ff5b8496cd965b3d5c1e8', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, hAsync(InteractiveContainer, { key: '7551752b8e2573277350c82e9e4a604c1a1187d9', disabled: this.disabled }, hAsync("div", { key: '6d864608ffb4b688c52f5d793865fd8098b1a306', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$y.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, hAsync("div", { key: '1ad02a7a21a4386252ea0e6b0adf81923ce2e748', class: "radio" })), hAsync(HiddenFormInputSlot, { key: 'de74aaa4b0f6a4e6d3b919e940fdf875932048c9', component: this }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -36662,7 +36567,7 @@ class RadioButtonGroup {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: '487c8e698a30bffc79b233b81faad9bab7ea17e5', role: "radiogroup" }, hAsync("div", { key: '63cf9169798fefa62551fa0a975735ed2afd5a66', "aria-errormessage": IDS$3.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), class: CSS$x.itemWrapper }, hAsync("slot", { key: 'a7274291fc93583ebdee167c3c1e2f71f7fa255c' })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$3.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (hAsync(Host, { key: '959eac72751853e445677d68308fd3b53506f653', role: "radiogroup" }, hAsync("div", { key: 'd991de084d94a1ee484d9ca32f378cfecf8b3b55', "aria-errormessage": IDS$3.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), class: CSS$x.itemWrapper }, hAsync("slot", { key: 'aa43036a14a83c983f1132340996067dfd80d8f9' })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$3.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -36864,7 +36769,7 @@ class Rating {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(Host, { key: '0e3159f00247860bc8c33e0913f9dd1e9248d887', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, hAsync(InteractiveContainer, { key: '04013c4189a6c47e8c4ca61ee51b4b8491108964', disabled: this.disabled }, hAsync("span", { key: '0fca81bc548e56b36cbf1695076517ba8204bef1', class: "wrapper" }, hAsync("fieldset", { key: '30578fd314ff0e26c7963d5a9ad5bf787c4a6af0', class: "fieldset", disabled: this.disabled }, hAsync("legend", { key: '18147ef049b4602781c7b7a2c102af81be7149d7', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
+        return (hAsync(Host, { key: 'e7e795bc9f3472a5d2eb99c02ca7a0d39562639f', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, hAsync(InteractiveContainer, { key: '702982af91deb0acccf63e4ec12d0d3935c51732', disabled: this.disabled }, hAsync("span", { key: 'b45095af2cb9687176fde187184fa1987069d07d', class: "wrapper" }, hAsync("fieldset", { key: '9ab9a889166e26645b9ae40f2522ab3ae2a60971', class: "fieldset", disabled: this.disabled }, hAsync("legend", { key: 'bda31b220ccceb491c74869d8426e23c914db22e', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
             return (hAsync("label", { class: {
                     star: true,
                     selected,
@@ -36872,7 +36777,7 @@ class Rating {
                     average,
                     partial,
                 }, "data-value": value, htmlFor: id, onClick: this.handleLabelClick, onFocus: this.handleLabelFocus, onKeyDown: this.handleLabelKeyDown, onPointerDown: this.handleLabelPointerDown, onPointerOver: this.handleLabelPointerOver, ref: this.setLabelEl, tabIndex: tabIndex }, hAsync("input", { checked: checked, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: id, name: this.guid, onChange: this.handleInputChange, tabIndex: -1, type: "radio", value: value }), hAsync(StarIcon, { full: selected || average, scale: this.scale }), partial && (hAsync("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, hAsync(StarIcon, { full: true, partial: true, scale: this.scale }))), hAsync("span", { class: "visually-hidden" }, this.messages.stars.replace("{num}", `${value}`))));
-        }), (this.count || this.average) && this.showChip ? (hAsync("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && hAsync("span", { class: "number--average" }, this.average.toString()), !!this.count && hAsync("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), hAsync(HiddenFormInputSlot, { key: '2aabd4db649ddc70a0b70d9f406f34e632676796', component: this })))));
+        }), (this.count || this.average) && this.showChip ? (hAsync("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && hAsync("span", { class: "number--average" }, this.average.toString()), !!this.count && hAsync("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), hAsync(HiddenFormInputSlot, { key: '246be2618cd03779e50db389f0e950cf9bdf13d8', component: this })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -37018,7 +36923,7 @@ class Scrim {
     // --------------------------------------------------------------------------
     render() {
         const { hasContent, loading, messages } = this;
-        return (hAsync("div", { key: '286b03bb4a18b45f1b6914684a5178e952a44127', class: CSS$w.scrim }, loading ? (hAsync("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, hAsync("div", { key: '0f8cd111720239b204d0d201610c4145d5616753', class: CSS$w.content, hidden: !hasContent }, hAsync("slot", { key: 'fe7bbced9871c9179971da0ef7ca07ea1c9ac33e', onSlotchange: this.handleDefaultSlotChange }))));
+        return (hAsync("div", { key: '95e641b7538049bf3ef192da2e778a21a5265519', class: CSS$w.scrim }, loading ? (hAsync("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, hAsync("div", { key: '86d240ba47d419a0b6f3b7a46804f3130f2d285d', class: CSS$w.content, hidden: !hasContent }, hAsync("slot", { key: '833402e5c46b0e09948b89101e926d4de6d3aaa2', onSlotchange: this.handleDefaultSlotChange }))));
     }
     getScale(size) {
         if (size < BREAKPOINTS.s) {
@@ -37172,7 +37077,7 @@ class SegmentedControl {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(Host, { key: 'ac313987378a112da88c90e368d19efc06ce79f3', onClick: this.handleClick, role: "radiogroup" }, hAsync("div", { key: 'bef3d657abe624bb76e57561b5a035f374c38faf', "aria-errormessage": IDS$2.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), class: CSS$v.itemWrapper }, hAsync(InteractiveContainer, { key: 'a6e66f9d51e2aa5eabdc3cda5a551c16b9493563', disabled: this.disabled }, hAsync("slot", { key: 'e7b4be362a356570aa639b3c32074ed686391d86', onSlotchange: this.handleDefaultSlotChange }), hAsync(HiddenFormInputSlot, { key: '22afaeb8f4250514b981079875183561b5432393', component: this }))), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$2.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (hAsync(Host, { key: '6b5a239fe23afffc81b822f92573e12ed7dd7a42', onClick: this.handleClick, role: "radiogroup" }, hAsync("div", { key: '85cec0d2e13fa931d608a5de664d9eafbebe531f', "aria-errormessage": IDS$2.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), class: CSS$v.itemWrapper }, hAsync(InteractiveContainer, { key: '50a5207585b69afefff7a0604d22d6197808e088', disabled: this.disabled }, hAsync("slot", { key: '0359bd8934ab90bb78f3e9208e6d08170ea39a10', onSlotchange: this.handleDefaultSlotChange }), hAsync(HiddenFormInputSlot, { key: 'e4eba2ca6556b63c68fcf664258c04ac75fa3829', component: this }))), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$2.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     handleSelected(event) {
         event.preventDefault();
@@ -37374,7 +37279,7 @@ class SegmentedControlItem {
     }
     render() {
         const { appearance, checked, layout, scale, value } = this;
-        return (hAsync(Host, { key: 'f4aa9eaa2e02dae97e647f25b764e1a283f2ad66', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, hAsync("label", { key: '9e3460a279d8c3b876897ea58a004ddd1a43cfc8', class: {
+        return (hAsync(Host, { key: '2af04b56315239f05527daea7c52c0f93e991d33', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, hAsync("label", { key: '84e7882a933484328ab81e88dbbd3087ed312c5e', class: {
                 [CSS$u.label]: true,
                 [CSS$u.labelScale(scale)]: true,
                 [CSS$u.labelHorizontal]: layout === "horizontal",
@@ -37638,7 +37543,7 @@ class Select {
     }
     render() {
         const { disabled } = this;
-        return (hAsync(Host, { key: 'd2e0ad4197079513f4e9e0070fb397c4f8331597' }, hAsync(InteractiveContainer, { key: '5eee0d42742248209469fb7a5e3541cdbe373d30', disabled: disabled }, hAsync("div", { key: 'e12c66d415dfe7c24e63731f2a83a081687fba8a', class: CSS$t.wrapper }, hAsync("select", { key: '22685962db75d2527740d288f016665ec5e6053e', "aria-errormessage": IDS$1.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), "aria-label": getLabelText(this), class: CSS$t.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, hAsync("slot", { key: '1b105206faa1f0765add18140b0f99f3d273c11f' })), this.renderChevron(), hAsync(HiddenFormInputSlot, { key: '5767128465128a9fb5f69c9241bef0da56b9432e', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$1.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (hAsync(Host, { key: '0f82af5b58cac16b198a9e4c1a85c10fa56efb7b' }, hAsync(InteractiveContainer, { key: 'd5c56f8c91ca45e979ab09cbc74050e7b5bb1416', disabled: disabled }, hAsync("div", { key: '52d6f6c3748cd1ab37979d65132f49d4a882410d', class: CSS$t.wrapper }, hAsync("select", { key: 'fee68c65c671e134dab99a4f604fd338cb80eea3', "aria-errormessage": IDS$1.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), "aria-label": getLabelText(this), class: CSS$t.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, hAsync("slot", { key: '8e5af2fee1a381baa1bd7accbf042aaf767cf4b6' })), this.renderChevron(), hAsync(HiddenFormInputSlot, { key: 'dfc3652995e4eba38203634730e78d41d9123a06', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS$1.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -37791,14 +37696,14 @@ class Sheet {
     }
     render() {
         const dir = getElementDir(this.el);
-        return (hAsync(Host, { key: '145f45b21fa18a08af4ef4e920d536a7e6431175', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: '796deb8baa890ad7e8f42d2e0a3be22269e450a2', class: {
+        return (hAsync(Host, { key: '9e415bf5a2047fb0ce2731ef4d27776a326750dc', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: '80cfd50dcac3c05da23ccaa1292061c553c2de89', class: {
                 [CSS$s.container]: true,
                 [CSS$s.containerOpen]: this.opened,
                 [CSS$s.containerEmbedded]: this.embedded,
                 [CSS_UTILITY.rtl]: dir === "rtl",
-            }, ref: this.setTransitionEl }, hAsync("calcite-scrim", { key: 'c4d45b89ee32da639d1feb88289d2b0957474414', class: CSS$s.scrim, onClick: this.handleOutsideClose }), hAsync("div", { key: 'ad764ed7812ca7172b5f4aacf4229ae28e06d315', class: {
+            }, ref: this.setTransitionEl }, hAsync("calcite-scrim", { key: 'a82c3f124c685def2405f8a677cf55e5e2ac0f3f', class: CSS$s.scrim, onClick: this.handleOutsideClose }), hAsync("div", { key: 'd01f746c46c8ae7fcf96cd0c63e271fb435ef4c5', class: {
                 [CSS$s.content]: true,
-            }, ref: this.setContentId }, hAsync("slot", { key: 'dab54df7b8cae4bc8434935e1b55204896ed45df' })))));
+            }, ref: this.setContentId }, hAsync("slot", { key: 'e1b875c3bd61bab1317c69aaeed08532723d4200' })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -38020,17 +37925,6 @@ class Shell {
     }
     // --------------------------------------------------------------------------
     //
-    //  Lifecycle
-    //
-    // --------------------------------------------------------------------------
-    connectedCallback() {
-        connectConditionalSlotComponent(this);
-    }
-    disconnectedCallback() {
-        disconnectConditionalSlotComponent(this);
-    }
-    // --------------------------------------------------------------------------
-    //
     //  Render Methods
     //
     // --------------------------------------------------------------------------
@@ -38083,7 +37977,7 @@ class Shell {
         return (hAsync("div", { class: CSS$r.positionedSlotWrapper }, this.renderAlerts(), this.renderModals(), this.renderDialogs(), this.renderSheets()));
     }
     render() {
-        return (hAsync(Fragment, { key: '6864b8b95b6edd871ad622b0d49a3f4a42a0a8a8' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
+        return (hAsync(Fragment, { key: '9fcae97488fb7b88819cc38d9199001386fe9d5e' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -38131,20 +38025,13 @@ var CalciteShellCenterRowStyle0 = shellCenterRowCss;
 class ShellCenterRow {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.handleActionBarSlotChange = (event) => {
+            this.actionBar = slotChangeGetAssignedElements(event).filter((el) => el.matches("calcite-action-bar"))[0];
+        };
         this.detached = false;
         this.heightScale = "s";
         this.position = "end";
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    // --------------------------------------------------------------------------
-    connectedCallback() {
-        connectConditionalSlotComponent(this);
-    }
-    disconnectedCallback() {
-        disconnectConditionalSlotComponent(this);
+        this.actionBar = undefined;
     }
     // --------------------------------------------------------------------------
     //
@@ -38152,15 +38039,14 @@ class ShellCenterRow {
     //
     // --------------------------------------------------------------------------
     render() {
-        const { el } = this;
-        const contentNode = (hAsync("div", { key: '31239015e9582ebbe43f3fe7a6b8fb6b2750b0d7', class: CSS$q.content }, hAsync("slot", { key: 'eee4b393dfa79405d9a48e6c2db016017a6e9a1f' })));
-        const actionBar = getSlotted(el, SLOTS$8.actionBar);
-        const actionBarNode = actionBar ? (hAsync("div", { class: CSS$q.actionBarContainer, key: "action-bar" }, hAsync("slot", { name: SLOTS$8.actionBar }))) : null;
+        const { actionBar } = this;
+        const contentNode = (hAsync("div", { key: '826a305cfa9f6b13b022f27b443c10a867014f22', class: CSS$q.content }, hAsync("slot", { key: '2cf77363f2a8bd6c72e2198918044117fcc1a512' })));
+        const actionBarNode = (hAsync("div", { class: CSS$q.actionBarContainer, hidden: !this.actionBar, key: "action-bar" }, hAsync("slot", { key: '3cecd996c48cb75fc7a63445abb458fe258dc48e', name: SLOTS$8.actionBar, onSlotchange: this.handleActionBarSlotChange })));
         const children = [actionBarNode, contentNode];
         if (actionBar?.position === "end") {
             children.reverse();
         }
-        return hAsync(Fragment, { key: 'ab4be18f37ab916e222faa0339bede7d01f6f08a' }, children);
+        return hAsync(Fragment, { key: 'd500eef582387e31c573752c5014fff9ad88377e' }, children);
     }
     get el() { return getElement(this); }
     static get style() { return CalciteShellCenterRowStyle0; }
@@ -38170,7 +38056,8 @@ class ShellCenterRow {
         "$members$": {
             "detached": [516],
             "heightScale": [513, "height-scale"],
-            "position": [513]
+            "position": [513],
+            "actionBar": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -38423,7 +38310,6 @@ class ShellPanel {
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        connectConditionalSlotComponent(this);
         connectLocalized(this);
         connectMessages(this);
     }
@@ -38431,7 +38317,6 @@ class ShellPanel {
         await setUpMessages(this);
     }
     disconnectedCallback() {
-        disconnectConditionalSlotComponent(this);
         this.disconnectSeparator();
         disconnectLocalized(this);
         disconnectMessages(this);
@@ -38902,11 +38787,11 @@ class Slider {
                         left: `${mirror ? 100 - maxInterval : minInterval}%`,
                         right: `${mirror ? minInterval : 100 - maxInterval}%`,
                     };
-        return (hAsync(Host, { key: 'dee9376120224b51dfa12f3e87fbdce4a481a1ed', id: id, onKeyDown: this.handleKeyDown, onTouchStart: this.handleTouchStart }, hAsync(InteractiveContainer, { key: '65bca4d477d57ced846ef97b466917b6d7fc2f21', disabled: this.disabled }, hAsync("div", { key: '99dd57b50ded2302ca1d255708d9e4bd90de3ecb', "aria-label": getLabelText(this), class: {
+        return (hAsync(Host, { key: '34802a7f4ec2723ee3aa7bf2a4a1318a2dcea45b', id: id, onKeyDown: this.handleKeyDown, onTouchStart: this.handleTouchStart }, hAsync(InteractiveContainer, { key: '60f61c290d36de7a41d9f242c0ecac02195cf8e2', disabled: this.disabled }, hAsync("div", { key: 'ba8c7fdd1892685d075cced457e3220964520204', "aria-label": getLabelText(this), class: {
                 [CSS$o.container]: true,
                 [CSS$o.containerRange]: valueIsRange,
                 [`scale--${this.scale}`]: true,
-            } }, this.renderGraph(), hAsync("div", { key: '47647c0d347232a0ddb384333b15860a0264aefa', class: CSS$o.track, ref: this.storeTrackRef }, hAsync("div", { key: '3dc176871f6245f2dde77a016ddc747ad9571d3d', class: CSS$o.trackRange, onPointerDown: this.onTrackPointerDown, style: trackRangePlacementStyles }), hAsync("div", { key: '0c08b977678d6ac7e8b9944157e51948969a5dc5', class: CSS$o.ticks }, this.tickValues.map((tick) => {
+            } }, this.renderGraph(), hAsync("div", { key: 'a089542436f0df6466abda49f51e17b33ff7d1a9', class: CSS$o.track, ref: this.storeTrackRef }, hAsync("div", { key: 'c697b66d8cbfa7f7a32ef7538cc89cb0a1760dc5', class: CSS$o.trackRange, onPointerDown: this.onTrackPointerDown, style: trackRangePlacementStyles }), hAsync("div", { key: '5cd2e31ac38e0a8feab1dce7411ed64b588b5011', class: CSS$o.ticks }, this.tickValues.map((tick) => {
             const tickOffset = `${this.getUnitInterval(tick) * 100}%`;
             let activeTicks = false;
             if (fillPlacement === "start" || fillPlacement === "end") {
@@ -38926,7 +38811,7 @@ class Slider {
                     left: mirror ? "" : tickOffset,
                     right: mirror ? tickOffset : "",
                 } }, this.renderTickLabel(tick)));
-        }))), hAsync("div", { key: '51996cb05142dbeec20093ca12b017adee23f293', class: CSS$o.thumbContainer }, minThumb, thumb, hAsync(HiddenFormInputSlot, { key: '6fd5c00374205d47e226a417674264417323a5c3', component: this }))))));
+        }))), hAsync("div", { key: 'fb4d69bafcd5754792851c8105711d526b966e13', class: CSS$o.thumbContainer }, minThumb, thumb, hAsync(HiddenFormInputSlot, { key: '6b63ec6d55111fd1313364d0b1ae5201f5b0284f', component: this }))))));
     }
     renderThumb({ type, mirror, thumbPlacement, minInterval, maxInterval, }) {
         const isLabeled = type.includes("labeled");
@@ -39602,11 +39487,11 @@ class SortableList {
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (hAsync(InteractiveContainer, { key: 'ac305a674d12738f9f68dbc8bad42569098a0cb3', disabled: disabled }, hAsync("div", { key: 'dca1ee832c59b93f546404512d703f843da58ccb', class: {
+        return (hAsync(InteractiveContainer, { key: '75bebaa93dd0a8bf009d6638072ba4371b4b3448', disabled: disabled }, hAsync("div", { key: 'fe1b2f1e31b315f9658cd9666ffd8601fc8a0771', class: {
                 [CSS$n.container]: true,
                 [CSS$n.containerVertical]: !horizontal,
                 [CSS$n.containerHorizontal]: horizontal,
-            } }, hAsync("slot", { key: '92f9e08889d4cf08891571aa5ab233392a9f0fd9' }))));
+            } }, hAsync("slot", { key: '4837bbaf138ffe33f8a67426ff48ce783424ce6d' }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteSortableListStyle0; }
@@ -39705,7 +39590,7 @@ class SplitButton {
     }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (hAsync(InteractiveContainer, { key: 'dacdf1583d8cb4551cb4882b8508c558d782b4d4', disabled: this.disabled }, hAsync("div", { key: 'a61c78ee84cd89d78a7d2c9479917838ed410c16', class: CSS$m.container }, hAsync("calcite-button", { key: 'f70e6b5aa7457c7d51093be9a0033c28134b7a1f', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), hAsync("div", { key: '6a666aff420b7aee2d413ac298a8cf7c743b63fe', class: CSS$m.dividerContainer }, hAsync("div", { key: '34e4ea2b452fb53d5503d0cc03b8d8644e08f8a3', class: CSS$m.divider })), hAsync("calcite-dropdown", { key: '44dfd708df7c0e961259ffca36e181306043e64f', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, hAsync("calcite-button", { key: '4f746ce80d07518b03ae4602bd2417f369aacba3', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), hAsync("slot", { key: '80aa3fefc8d08c1a6e222a88f2e873cbcc209f1a' })))));
+        return (hAsync(InteractiveContainer, { key: '43854ccaa7cab57ea47c8db466a1cf768e710215', disabled: this.disabled }, hAsync("div", { key: '84567744a6da60b1737104f13dede958952f78e2', class: CSS$m.container }, hAsync("calcite-button", { key: '26e0987ee5c99a797855463c7fb024ef69b0265c', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), hAsync("div", { key: '70e6219c721658d8af05a860a21833860b6b878c', class: CSS$m.dividerContainer }, hAsync("div", { key: '4dfaa236bae7c027456179c842bd3430cdc1cf37', class: CSS$m.divider })), hAsync("calcite-dropdown", { key: '98278f3f9c3dbc1ad0ee0d4fbf683667eb140089', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, hAsync("calcite-button", { key: 'bcfd6251c8e646cb2fe38877252909886c97dcd7', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), hAsync("slot", { key: 'dd42fff176978488a9f784acb555554cccb0382f' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"
@@ -39813,7 +39698,7 @@ class Stack {
         return (hAsync("div", { class: CSS$L.contentEnd, hidden: !hasContentEnd }, hAsync("slot", { name: SLOTS$h.contentEnd, onSlotchange: this.handleContentEndSlotChange })));
     }
     render() {
-        return (hAsync(Host, { key: '97f052828720d715fd3b11a4b0e77fa085127796' }, hAsync("div", { key: '5351cc20a8a437763894fef35ecc7a7240cb7c46', class: CSS$L.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
+        return (hAsync(Host, { key: '04dcc364e2420c82ba502cfdf1a9ded2dfc19e59' }, hAsync("div", { key: 'c0398c0a5ca03ab35578261ea66aec685890b0d6', class: CSS$L.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
     }
     static get style() { return CalciteStackStyle0; }
     static get cmpMeta() { return {
@@ -39959,7 +39844,7 @@ class Stepper {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (hAsync(Host, { key: 'cf7174442aa44f3a2bd72893900a60bcbf7e1d5e', "aria-label": this.messages.label, role: "region" }, hAsync("div", { key: '1036b66baff637f74ca2296c725f8ec091955c55', class: { container: true, [CSS$l.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (hAsync("div", { key: '2ebc80f63ea8938538630181ac165712ce645b69', class: { [CSS$l.stepBarContainer]: true } }, this.items.map((item, index) => (hAsync(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (hAsync("div", { key: 'c471f0b44071da745850a7a5910894f27eccce02', class: { [CSS$l.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), hAsync("slot", { key: 'd7f6599abe59d4ed86e0deefe991a3556fe3e270', onSlotchange: this.handleDefaultSlotChange }))));
+        return (hAsync(Host, { key: '7b45814d91f423b0603715aa39cc7c7ec1729df1', "aria-label": this.messages.label, role: "region" }, hAsync("div", { key: '9821a9401c41a6d6b3fb0516fa9682114bb63ea8', class: { container: true, [CSS$l.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (hAsync("div", { key: 'fddc42a2b4469f153cfb3b93076c27077fbb3f26', class: { [CSS$l.stepBarContainer]: true } }, this.items.map((item, index) => (hAsync(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (hAsync("div", { key: 'dc6b57d2b116087a81bfbde3bc1a433e24cff779', class: { [CSS$l.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), hAsync("slot", { key: 'f509c6a7cf9d06c47b32e937b969b4b214cd6020', onSlotchange: this.handleDefaultSlotChange }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -40313,9 +40198,9 @@ class StepperItem {
         disconnectMessages(this);
     }
     render() {
-        return (hAsync(Host, { key: '21ead444066e7670e2884bf44eb33b1d6e16278e', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '5d687fcf0ca63a518df6ac408bce87adb8cf4141', disabled: this.disabled }, hAsync("div", { key: 'a8eb28baf17f7d302cd8acc06c87432c2a5b59da', class: CSS$j.container }, this.complete && (hAsync("span", { key: 'dd645ac0548cfb09daa4cb36d4ca08f7f3df67bf', "aria-live": "polite", class: CSS$j.visuallyHidden }, this.messages.complete)), hAsync("div", { key: '6c14bec4509a8b48e08f3d140e852ce6441a7418', class: CSS$j.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
+        return (hAsync(Host, { key: 'b3d2e6a17a70cc6d752e52437ac7b184b8d1970d', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '49626e2d52a17fab374ff9f08a6b0df3c9c61fad', disabled: this.disabled }, hAsync("div", { key: 'e678648f36b153e1b3e3b308b85180fc23337732', class: CSS$j.container }, this.complete && (hAsync("span", { key: 'be53212dd3deef44f22bd95798fbe057a892dc73', "aria-live": "polite", class: CSS$j.visuallyHidden }, this.messages.complete)), hAsync("div", { key: 'f1c1af7db1b45eb2cd48b893cf1417edab32d352', class: CSS$j.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
             /* additional tab index logic needed because of display: contents */
-            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (hAsync("div", { class: CSS$j.stepperItemNumber }, this.renderNumbers(), ".")) : null, hAsync("div", { key: '49ebae3bd3affcdf6d68581e89d8a7c65b8606a6', class: CSS$j.stepperItemHeaderText }, hAsync("span", { key: '523fbb51267df84902a47ccd4b2c047b52e7df07', class: CSS$j.stepperItemHeading }, this.heading), hAsync("span", { key: 'f6c4f69b00a5e5d9f52089156ec77adecc1bdffc', class: CSS$j.stepperItemDescription }, this.description))), hAsync("div", { key: '086f0f9320d3098de87d1e9f3728164a83caf35d', class: CSS$j.stepperItemContent }, hAsync("slot", { key: '8e049fb74154fbce4d685d4d00ebca9b3ff57f63' }))))));
+            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (hAsync("div", { class: CSS$j.stepperItemNumber }, this.renderNumbers(), ".")) : null, hAsync("div", { key: '0c5407cf08a72c02f24eafdce59de6261fb7a976', class: CSS$j.stepperItemHeaderText }, hAsync("span", { key: 'eb5af353b65d84fac9ce4477752843731a065e41', class: CSS$j.stepperItemHeading }, this.heading), hAsync("span", { key: '935e778c6311e7eb44149e6b7e22ecaa83e314f9', class: CSS$j.stepperItemDescription }, this.description))), hAsync("div", { key: 'f2d22888f58023ad9b36812c667fa58fe21825bc', class: CSS$j.stepperItemContent }, hAsync("slot", { key: '3575ecbb5938eb7e58eb2e366211f8ccb7b94665' }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -40500,7 +40385,7 @@ class Switch {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: '7731df888262acc136e2099fe599c6290967fea7', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '6bc3781eb46221cbe022c6e6b3e7bad267e4d2c6', disabled: this.disabled }, hAsync("div", { key: '1670db00b1cdb4ad8f013ff0dae914683db2004c', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$i.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, hAsync("div", { key: '3c6e6d5abc6df9d745e361a65d06f4e7c1a3da16', class: CSS$i.track }, hAsync("div", { key: '0973b399396b9bd44ac9d2c17b374e2fbfe77b5e', class: CSS$i.handle })), hAsync(HiddenFormInputSlot, { key: '7776a1881b7b6d43c543e4f388ae6cb4301b4181', component: this })))));
+        return (hAsync(Host, { key: '32345451f6a67ab2efa01270fdec2d0d7acc6681', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'd15c131c4b062839f50bc1d50448cbba048b56e2', disabled: this.disabled }, hAsync("div", { key: '9a6ab2c23fded37c6d527d1f96190d13913dfd22', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$i.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, hAsync("div", { key: '43d3059489ccc3caed398f37f9502d06c58197d1', class: CSS$i.track }, hAsync("div", { key: 'c3a32a17b0fc89b7b3c8b98f904322c82a7e5664', class: CSS$i.handle })), hAsync(HiddenFormInputSlot, { key: 'de2d99122f0c728973b27937792f40c67e878af3', component: this })))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteSwitchStyle0; }
@@ -40550,7 +40435,7 @@ class Tab {
     //--------------------------------------------------------------------------
     render() {
         const id = this.el.id || this.guid;
-        return (hAsync(Host, { key: '5b445405fc60d4af5d48e2b4b42880a47a85a1ed', "aria-labelledby": this.labeledBy, id: id }, hAsync("div", { key: '724b67e8c277d00f6408aa55f781ad8e91a34a5e', class: { [CSS$h.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, hAsync("section", { key: '9a395308243994365184c0f91d8a16de357c9146', class: CSS$h.content }, hAsync("slot", { key: '0cddbc27b9d793c83fa580b9aa9c9f915675ec72' })))));
+        return (hAsync(Host, { key: '50142aca5d0190905a3fae42f56efae7717694a1', "aria-labelledby": this.labeledBy, id: id }, hAsync("div", { key: 'd4a663aad4e2e55b519db805976a4018c5cfeb5b', class: { [CSS$h.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, hAsync("section", { key: '1b9c3f696ffb22d8ea3f07bdaece7f03cb3dc8d3', class: CSS$h.content }, hAsync("slot", { key: '51e1822091f6e7c0b1a5e12fc42479afd146fb89' })))));
     }
     connectedCallback() {
         this.parentTabsEl = this.el.closest("calcite-tabs");
@@ -40845,16 +40730,16 @@ class TabNav {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: '9d1138405f2423bddcd9d1bb49dc756e582f8375', role: "tablist" }, hAsync("div", { key: 'f8759781080b2a093f062d0b6172de6d3ea9355d', class: {
+        return (hAsync(Host, { key: 'b1d95369ab9c776e849c74f8768a49a654c12aee', role: "tablist" }, hAsync("div", { key: '73bfe098c2fde75c540cb7bca79bd54b547c24f0', class: {
                 [CSS$g.container]: true,
                 [CSS$g.containerHasStartTabTitleOverflow]: !!this.hasOverflowingStartTabTitle,
                 [CSS$g.containerHasEndTabTitleOverflow]: !!this.hasOverflowingEndTabTitle,
                 [`scale-${this.scale}`]: true,
                 [`position-${this.position}`]: true,
                 [CSS_UTILITY.rtl]: this.effectiveDir === "rtl",
-            } }, this.renderScrollButton("start"), hAsync("div", { key: 'eda664514cb5c89136184c6e8f29e50ce7c9b56b', class: {
+            } }, this.renderScrollButton("start"), hAsync("div", { key: 'b6b8a5c7d94dfc1c4945dd6636bb41ec86527931', class: {
                 [CSS$g.tabTitleSlotWrapper]: true,
-            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, hAsync("slot", { key: '0c5a40eac082662a2c2b032d977900b91f122214', onSlotchange: this.onSlotChange })), this.renderScrollButton("end"))));
+            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, hAsync("slot", { key: 'af01b1e910c622fe97c0c6e387ab6187aa676d87', onSlotchange: this.onSlotChange })), this.renderScrollButton("end"))));
     }
     //--------------------------------------------------------------------------
     //
@@ -41168,14 +41053,14 @@ class TabTitle {
     render() {
         const { el, closed } = this;
         const id = el.id || this.guid;
-        const iconStartEl = (hAsync("calcite-icon", { key: '367d0a3590f1b47a36fcef27a4c361b2b738769a', class: { [CSS$f.titleIcon]: true, [CSS$f.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        const iconEndEl = (hAsync("calcite-icon", { key: 'd41dab345260f907ad3b00538117c576856672fd', class: { [CSS$f.titleIcon]: true, [CSS$f.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
-        return (hAsync(Host, { key: 'f5f5339ebcead5f63154d4b8f562782d20e30b06', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: '0115c7e0367be91f3a9014243fb99cecd48d5f79', disabled: this.disabled }, hAsync("div", { key: '7303b10302cfc93c03386036d98aa46a6b74afa7', class: {
+        const iconStartEl = (hAsync("calcite-icon", { key: '3650f86c70116b710760ead50f5d44eab6554d06', class: { [CSS$f.titleIcon]: true, [CSS$f.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        const iconEndEl = (hAsync("calcite-icon", { key: '4c53c870c757134b7b3f3e9b6e382e925c76ec90', class: { [CSS$f.titleIcon]: true, [CSS$f.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
+        return (hAsync(Host, { key: 'c7d45444b42036b6949e72ea1014095de61f4951', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: '03c3705fbfb870ce013cf7f505053a310924f7d4', disabled: this.disabled }, hAsync("div", { key: '95282dd0f49e0d056f11f62dc69d56bb1ae1338e', class: {
                 [CSS$f.container]: true,
                 [CSS$f.containerBottom]: this.position === "bottom",
                 [CSS$f.iconPresent]: !!this.iconStart || !!this.iconEnd,
                 [CSS$f.scale(this.scale)]: true,
-            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, hAsync("div", { key: 'af603e50b1a853f3e4ca35357ae7778ca9bdaafb', class: { [CSS$f.content]: true, [CSS$f.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: 'a650492336b0f78f11c0d534351b0ab570dd1db8' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton(), hAsync("div", { key: '8d8a0438c867cdf0c2642b9a9bc7ce697aabb871', class: CSS$f.selectedIndicator })))));
+            }, hidden: closed, ref: (el) => (el ? this.resizeObserver?.observe(el) : null) }, hAsync("div", { key: 'f129b46a7924290af1c4f8210ef0cecaffd8521e', class: { [CSS$f.content]: true, [CSS$f.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '407ed85f78e991241a297093a386b053897b9776' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton(), hAsync("div", { key: '575b2c89870246bc4a426f1cd89062f3c6c19869', class: CSS$f.selectedIndicator })))));
     }
     renderCloseButton() {
         const { closable, messages } = this;
@@ -41615,13 +41500,13 @@ class Table {
         return (hAsync("tfoot", null, hAsync("slot", { name: SLOTS$6.tableFooter, onSlotchange: this.updateRows, ref: (el) => (this.tableFootSlotEl = el) })));
     }
     render() {
-        return (hAsync(Host, { key: '8e6d0b48e0ffa640e5d0e052092bccf1b4b7fafe' }, hAsync("div", { key: 'ce5932eda4dbec9b60ee5a7aad523e5d47178888', class: CSS$e.container }, this.selectionMode !== "none" &&
+        return (hAsync(Host, { key: '34ddf84f599e18d71bc30863102523668944e84b' }, hAsync("div", { key: '7bc5b739e700f4a73e31ee4b83f61dc890e96b28', class: CSS$e.container }, this.selectionMode !== "none" &&
             this.selectionDisplay !== "none" &&
-            this.renderSelectionArea(), hAsync("div", { key: '37fb918ba3079352db0ca83c253f648c327cc3d8', class: {
+            this.renderSelectionArea(), hAsync("div", { key: '645c35914f103bbd597bab1b6daaf44e03baf6ce', class: {
                 [CSS$e.bordered]: this.bordered,
                 [CSS$e.striped]: this.striped || this.zebra,
                 [CSS$e.tableContainer]: true,
-            } }, hAsync("table", { key: '908c1e7ce7768c1c9f3146b83546ae639a86bac8', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS$e.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, hAsync("caption", { key: '9ab15b8e9badee9b38925e563e5c607a13ccf664', class: CSS$e.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, hAsync("table", { key: '3256d910f0c1512dfb0dca31098324c9274a0f73', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS$e.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, hAsync("caption", { key: '100c4367a3c37d9b28fda193ac3d970f527ed9a7', class: CSS$e.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -41786,7 +41671,7 @@ class TableCell {
         const staticCell = this.disabled ||
             (this.interactionMode === "static" &&
                 (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
-        return (hAsync(Host, { key: '810b40e485c0c6e0eee906d2429f90b2849f6596' }, hAsync(InteractiveContainer, { key: '58e00494bada929bc60f2e70469a5728373514ff', disabled: this.disabled }, hAsync("td", { key: '3c42de8c89375021694b762b438eee08ac7b95e1', class: {
+        return (hAsync(Host, { key: 'aabb70ab581c286851e465415474ebdb56915651' }, hAsync(InteractiveContainer, { key: 'cc86bbd70cb7c1dfd1a02666122351f0bbaa514c', disabled: this.disabled }, hAsync("td", { key: '7bd0f494557660017360cc3525f198458ac326d8', class: {
                 [CSS$d.footerCell]: this.parentRowType === "foot",
                 [CSS$d.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS$d.numberCell]: this.numberCell,
@@ -41796,7 +41681,7 @@ class TableCell {
                 [CSS_UTILITY.rtl]: dir === "rtl",
                 [CSS$d.staticCell]: staticCell,
                 [this.parentRowAlignment]: this.parentRowAlignment === "start" || this.parentRowAlignment === "end",
-            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0 }, (this.selectionCell || this.readCellContentsToAT) && (hAsync("span", { key: '74f8a783a482e2cebf7f8b1c49a9678a2de05d0a', "aria-live": this.focused ? "polite" : "off", class: CSS$d.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), hAsync("slot", { key: 'e0fd9db04473dd100c008f17aa648e3337d55419', onSlotchange: this.updateScreenReaderContentsText })))));
+            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0 }, (this.selectionCell || this.readCellContentsToAT) && (hAsync("span", { key: '278464a247a1184f0a7f2bfba288e7280cabd03d', "aria-live": this.focused ? "polite" : "off", class: CSS$d.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), hAsync("slot", { key: '564cde5f60e12acb9dd3af607f7379e4d1740b66', onSlotchange: this.updateScreenReaderContentsText })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -41981,7 +41866,7 @@ class TableHeader {
                 ? ICONS$5.indeterminate
                 : ICONS$5.unchecked;
         const staticCell = this.interactionMode === "static" && !this.selectionCell;
-        return (hAsync(Host, { key: '447a58f1a2aa774bbe128ddd6f5d5c0a03bf7bc7' }, hAsync("th", { key: 'ee6cf5d248ed63e8212ffc5614d9c72cd4854bda', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
+        return (hAsync(Host, { key: 'e10826b2473af3b8dd46540d2bdcef13a646ec76' }, hAsync("th", { key: '2f45da2e5eae29cd3a42b0d65f8ab1a621bc782d', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
                 [CSS$c.bodyRow]: this.parentRowType === "body",
                 [CSS$c.footerRow]: this.parentRowType === "foot",
                 [CSS$c.contentCell]: !this.numberCell && !this.selectionCell,
@@ -41992,7 +41877,7 @@ class TableHeader {
                 [CSS$c.staticCell]: staticCell,
                 [CSS$c.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),
                 [this.parentRowAlignment]: this.parentRowAlignment === "center" || this.parentRowAlignment === "end",
-            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.parentRowType === "head" ? "columnheader" : "rowheader", rowSpan: this.rowSpan, scope: scope, tabIndex: this.selectionCell ? 0 : staticCell ? -1 : 0 }, this.heading && hAsync("div", { key: '549f6ea3faaa3fe66565de1d67567bfaa38cad50', class: CSS$c.heading }, this.heading), this.description && hAsync("div", { key: '27f7b8de72e154917efd88d9d7f9653df65b0459', class: CSS$c.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (hAsync("calcite-icon", { key: '41fb8e9cdc09f24c326d8edd70d600fee4920bc3', class: { [CSS$c.active]: indeterminate || checked }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (hAsync("span", { key: '119b6c72bd3cc17a19863841e02b04c2312e7984', "aria-live": this.focused ? "polite" : "off", class: CSS$c.assistiveText }, this.screenReaderText)))));
+            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.parentRowType === "head" ? "columnheader" : "rowheader", rowSpan: this.rowSpan, scope: scope, tabIndex: this.selectionCell ? 0 : staticCell ? -1 : 0 }, this.heading && hAsync("div", { key: 'c7da4f3f4a190a3b678c66964ce9eed15be24473', class: CSS$c.heading }, this.heading), this.description && hAsync("div", { key: '67ea379b5dcdf93ce6154477694bb11b98ba693b', class: CSS$c.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (hAsync("calcite-icon", { key: '1fd73084dd0b90659e104e10d6181ee808dbf00f', class: { [CSS$c.active]: indeterminate || checked }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (hAsync("span", { key: 'bc796b3bb61b2b0f0b3599366c80ca651cadfdd9', "aria-live": this.focused ? "polite" : "off", class: CSS$c.assistiveText }, this.screenReaderText)))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -42256,7 +42141,7 @@ class TableRow {
         return this.rowType === "head" ? (hAsync("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true, parentRowAlignment: this.alignment })) : this.rowType === "body" ? (hAsync("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true, parentRowAlignment: this.alignment }, this.positionSectionLocalized)) : (hAsync("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true, parentRowAlignment: this.alignment }));
     }
     render() {
-        return (hAsync(Host, { key: 'fa3f14c832e7ed178ea338b01baebbe9a578689d' }, hAsync(InteractiveContainer, { key: 'c82f005db0a6247e45476c86d2eaefe698df2dd1', disabled: this.disabled }, hAsync("tr", { key: '452064805aa9685b75f3715bd45c42ce41f88368', "aria-rowindex": this.positionAll + 1, "aria-selected": toAriaBoolean(this.selected), class: { [CSS$b.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), hAsync("slot", { key: 'bddf927a3129b20012ade6aa5415afcdeb8064a1', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
+        return (hAsync(Host, { key: '0c6f1907db6eb1fb303930e3ae7dfe4e8558ebee' }, hAsync(InteractiveContainer, { key: '84ee485403fa3aa4f6b5606a505d0076e6fccfb5', disabled: this.disabled }, hAsync("tr", { key: '5717c1323cbe48bafb5eeb1e3d5b9fe957c60fd9', "aria-rowindex": this.positionAll + 1, "aria-selected": toAriaBoolean(this.selected), class: { [CSS$b.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), hAsync("slot", { key: 'c410d8a20ac5e700f6a62b74dc7001fae9feb2ef', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -42422,7 +42307,7 @@ class Tabs {
     }
     disconnectedCallback() { }
     render() {
-        return (hAsync(Fragment, { key: 'd06e888984e54b6b91b3345b42c217d322b46a64' }, hAsync("slot", { key: 'd42da82a176cc1ad492cf1c548b96fc0ca53bc73', name: SLOTS$5.titleGroup }), hAsync("section", { key: '21e944ce899b9bb2507fc9d9be81d8faa4a1a610' }, hAsync("slot", { key: '25d4cd299d8529392f6b01deefd3356f8cd6050b', onSlotchange: this.defaultSlotChangeHandler, ref: this.setDefaultSlotRef }))));
+        return (hAsync(Fragment, { key: 'ebc013b9663de7f9ad47f37cb863c1bcfd0a0fe6' }, hAsync("slot", { key: 'cac1d97df3b27f2c6177dd549d76163dd6048850', name: SLOTS$5.titleGroup }), hAsync("section", { key: '33115b10e8c8927ecc9db5f1e040e439bb15b5a5' }, hAsync("slot", { key: '16b5d0223229f91e3d690bf7c96557de7232026f', onSlotchange: this.defaultSlotChangeHandler, ref: this.setDefaultSlotRef }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -42610,20 +42495,20 @@ class TextArea {
     }
     render() {
         const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
-        return (hAsync(Host, { key: '87f925e13e3a1bef5b85af59a4e61433c3262929' }, hAsync(InteractiveContainer, { key: '3431b47034859c62b0d0116b5ff47189cd46ea0b', disabled: this.disabled }, hAsync("textarea", { key: '78e60318dc05f03f0ec0f0738384b33a7e4ed546', "aria-describedby": this.guid, "aria-errormessage": IDS.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid" || this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
+        return (hAsync(Host, { key: 'a6491e5c1fbe1701553ba46aa3455f48cc5e0593' }, hAsync(InteractiveContainer, { key: '6468a5f218472a18e9543b441fbcebbbded206d1', disabled: this.disabled }, hAsync("textarea", { key: '21acfab0eb5216bf935bba71d966a3ab1055cc5a', "aria-describedby": this.guid, "aria-errormessage": IDS.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid" || this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
                 [CSS$a.textArea]: true,
                 [CSS$a.readOnly]: this.readOnly,
                 [CSS$a.textAreaInvalid]: this.isCharacterLimitExceeded(),
                 [CSS$a.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,
                 [CSS$a.textAreaOnly]: !hasFooter,
-            }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.setTextAreaEl, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap }), hAsync("span", { key: '54d603509f65611918b788280124499ecf2161cf', class: { [CSS$a.content]: true } }, hAsync("slot", { key: 'e1ffe00ed1eeb26899f372ea9d011da20bcddfeb', onSlotchange: this.contentSlotChangeHandler })), hAsync("footer", { key: 'bb52300f3ba3568e0e325c7e620cb6f5c53cba37', class: {
+            }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.setTextAreaEl, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap }), hAsync("span", { key: 'b47bda88826b76c400f67cb0f68b38935659ce8c', class: { [CSS$a.content]: true } }, hAsync("slot", { key: '762e72bb6d16ffba6271c09ab0daf8259afebc91', onSlotchange: this.contentSlotChangeHandler })), hAsync("footer", { key: 'b14e87deb687366c7b19cb51152fa1485b7d1235', class: {
                 [CSS$a.footer]: true,
                 [CSS$a.readOnly]: this.readOnly,
                 [CSS$a.hide]: !hasFooter,
-            }, ref: (el) => (this.footerEl = el) }, hAsync("div", { key: 'a5c5c250493dab203789dd27ce187c817006c5be', class: {
+            }, ref: (el) => (this.footerEl = el) }, hAsync("div", { key: '170927a07acf7d4f27d631a5d8a4bb3c0e1cb03c', class: {
                 [CSS$a.container]: true,
                 [CSS$a.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
-            } }, hAsync("slot", { key: 'a54c7b6ca529475fa59cf1849213cd0ec7bf8f9c', name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { key: 'e14af1362fd85e7461c42dd10dfd188d10f59ab0', name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { key: 'b64b6dc288df7eadcf3eef9e17aa931732f4ad09', component: this }), this.isCharacterLimitExceeded() && (hAsync("span", { key: 'fb2017a6f21f4590934d9a1118e5dc5ee29e1dd5', "aria-live": "polite", class: CSS$a.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            } }, hAsync("slot", { key: '38840d58e671ee898ac2a9698a93ce638264d894', name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { key: '8ce747e47e201df718d04d175d81dc8d8367991f', name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { key: 'c31676f351208d7659dc4d246d8ca8d2bfba1751', component: this }), this.isCharacterLimitExceeded() && (hAsync("span", { key: 'e9057a9b27ba310791578916fb2ce388b1c1a7c7', "aria-live": "polite", class: CSS$a.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     //--------------------------------------------------------------------------
     //
@@ -42937,7 +42822,7 @@ class Tile {
     }
     render() {
         const { disabled } = this;
-        return (hAsync(InteractiveContainer, { key: '1d62f354d4a18837e56dd446efc63dde66f977bf', disabled: disabled }, this.href ? (hAsync("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
+        return (hAsync(InteractiveContainer, { key: 'f187233caa1370ac70b5c3aac900a7df2f1783db', disabled: disabled }, this.href ? (hAsync("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteTileStyle0; }
@@ -43122,7 +43007,7 @@ class TileGroup {
     //--------------------------------------------------------------------------
     render() {
         const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
-        return (hAsync(InteractiveContainer, { key: 'b6652c98d563b78b3eda1dfffb61efdbbfbbae58', disabled: this.disabled }, hAsync("div", { key: 'e708dc17cf003fd7799f3f510f2dd76bb236a418', "aria-label": this.label, class: CSS$8.container, role: role }, hAsync("slot", { key: 'e3fa46a38e975d2c45371fc9b5c1a89d271143e3', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
+        return (hAsync(InteractiveContainer, { key: '71f1f3d91304acc1cdea820614a50bbe4e89948f', disabled: this.disabled }, hAsync("div", { key: '6b1fd5b29857bba2d5ee2d7831f93bd3b1faa033', "aria-label": this.label, class: CSS$8.container, role: role }, hAsync("slot", { key: 'e2a62cf0e24ed208dedcc7eaacf1df10d51c1932', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -43338,7 +43223,7 @@ class TileSelect {
         const { checked, description, disabled, focused, heading, icon, inputAlignment, inputEnabled, width, iconFlipRtl, } = this;
         const isLargeVisual = heading && icon && !description;
         const renderIcon = Boolean(icon);
-        return (hAsync(InteractiveContainer, { key: 'b4fb6d82534b03b51abeb0837e82f0eebf03e882', disabled: disabled }, hAsync("div", { key: 'b600dccfa114222d765c7937e0a01646c59ef5e9', class: {
+        return (hAsync(InteractiveContainer, { key: 'e396ac8e0ff5326b9187f00c9dae97b15b3b6701', disabled: disabled }, hAsync("div", { key: '6bacf049c432909cae36f1889ffb424c551c21fa', class: {
                 checked,
                 container: true,
                 [CSS$7.description]: Boolean(description),
@@ -43355,7 +43240,7 @@ class TileSelect {
                 [CSS$7.largeVisual]: isLargeVisual,
                 [CSS$7.widthAuto]: width === "auto",
                 [CSS$7.widthFull]: width === "full",
-            } }, hAsync("div", { key: '3beecb159a117c775e541fd658e7a3b8426c10c7', class: { [CSS$7.tile]: true, [CSS$7.tileLargeVisual]: isLargeVisual } }, icon && (hAsync("div", { key: 'b1be68fded421b3196c0ab1af79f64df378a8def', class: { [CSS$7.icon]: renderIcon } }, hAsync("calcite-icon", { key: '515fb12c5d3d436fcf41f0029a79f2a613d4c36d', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), hAsync("div", { key: 'b1e4da0dcdf03bcd4690664e95bd83231af5d4a7', class: CSS$7.tileContentContainer }, hAsync("div", { key: '439d258883fb6223b36fca919bdeb4eb5a586286', class: CSS$7.tileContent }, heading && hAsync("div", { key: '84292dd16f68a95f562cfc0cfc8a8f33e922f5bd', class: CSS$7.tileHeading }, heading), description && hAsync("div", { key: '7d6eb7bb116c6f98656348cca96efa1b446347ee', class: CSS$7.tileDescription }, description)))), hAsync("slot", { key: '2fe8ada0d56e69984b02b47bb08e5b66d551ae47' }))));
+            } }, hAsync("div", { key: '857dd3be302cbb99b0975e53308eade348d1852f', class: { [CSS$7.tile]: true, [CSS$7.tileLargeVisual]: isLargeVisual } }, icon && (hAsync("div", { key: '0def431d19ed263e75c18e8aed4dbd9f13fdc4fd', class: { [CSS$7.icon]: renderIcon } }, hAsync("calcite-icon", { key: 'ed83ec0475291187cf13b20b36b7ced6392a3685', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), hAsync("div", { key: 'a4fc2ac41a3c1cc1362a7d13cbb56f59a48135f1', class: CSS$7.tileContentContainer }, hAsync("div", { key: '023f1c61b7264418e22caf916fd35a8232deda1d', class: CSS$7.tileContent }, heading && hAsync("div", { key: '7914f0bd182c912fd352dc89ffc579ed1fd018f0', class: CSS$7.tileHeading }, heading), description && hAsync("div", { key: 'e7c07527a87b7e4d6ddaa95418425353bf62e1e7', class: CSS$7.tileDescription }, description)))), hAsync("slot", { key: '76b9906bb72b27fff8f97bfc0642c0382f99a511' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -43415,7 +43300,7 @@ class TileSelectGroup {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(InteractiveContainer, { key: '7ecdf608b21ec8854addcb9138e2540af1fb90f5', disabled: this.disabled }, hAsync("slot", { key: '67187ad6c8e5dd195cd2e905cfc78810b7566343' })));
+        return (hAsync(InteractiveContainer, { key: '5cc3806c133b64ef27dbd2e94ca9423775e5d9a4', disabled: this.disabled }, hAsync("slot", { key: '3ce507cf27a413d1ceaf9a04ba9234170933026f' })));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteTileSelectGroupStyle0; }
@@ -44137,69 +44022,69 @@ class TimePicker {
         const secondIsNumber = isValidNumber(this.second);
         const fractionalSecondIsNumber = isValidNumber(this.fractionalSecond);
         const showMeridiem = this.hourCycle === "12";
-        return (hAsync("div", { key: 'e15ff4d20ae40919921b991d99c8c76625a73cfc', class: {
+        return (hAsync("div", { key: '199a63a13feed5d721125ca1b2686957892e4040', class: {
                 [CSS$6.timePicker]: true,
                 [CSS$6.showMeridiem]: showMeridiem,
                 [CSS$6.showSecond]: this.showSecond,
                 [CSS$6[`scale-${this.scale}`]]: true,
-            }, dir: "ltr" }, hAsync("div", { key: 'd4bfad89ac334afbb31bb4fc8e8fe386142f6d4b', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'ba564179d2ca507bbb659b9b38de09625afe35f2', "aria-label": this.messages.hourUp, class: {
+            }, dir: "ltr" }, hAsync("div", { key: '0ca72b55fdb8804b0d1b74838059046fbe856938', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'b380ab363a76c5198e9ae70ddb8e4eca36444c1b', "aria-label": this.messages.hourUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonHourUp]: true,
                 [CSS$6.buttonTopLeft]: true,
-            }, onClick: this.hourUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '5aa45f9254a0394584e214fc5173d2607a706832', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '79e888572eabf36cefd24f15e06c4e36f0550b63', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
+            }, onClick: this.hourUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'c4b4f29328c92d7a21c146ff7e09c845233fa6cd', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '933890e48bc09d71fa442d75be0b5c49b57804c4', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
                 [CSS$6.input]: true,
                 [CSS$6.hour]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.hourEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, ref: this.setHourEl, role: "spinbutton", tabIndex: 0 }, this.localizedHour || "--"), hAsync("span", { key: '6964ac9f00917c3da0b9161f14cfdc85c38dfef4', "aria-label": this.messages.hourDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, ref: this.setHourEl, role: "spinbutton", tabIndex: 0 }, this.localizedHour || "--"), hAsync("span", { key: 'a9fa89879261a24b378d789c0604cdeffc297105', "aria-label": this.messages.hourDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonHourDown]: true,
                 [CSS$6.buttonBottomLeft]: true,
-            }, onClick: this.hourDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'c3985301caa70272059aecfb18a29a0b7ba7fb83', icon: "chevron-down", scale: iconScale }))), hAsync("span", { key: 'a9aa1571b4a9266276c7f684053b665397164582', class: CSS$6.delimiter }, this.localizedHourSuffix), hAsync("div", { key: '0b1f353766357c699e1815af3105a5c0bc1d1a32', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'ed36c1fe986b96db3f8f50c6b518c78d5a1239d6', "aria-label": this.messages.minuteUp, class: {
+            }, onClick: this.hourDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'fc1cf38de25a0aa1c56eda24361e0941105cacfa', icon: "chevron-down", scale: iconScale }))), hAsync("span", { key: '7bdd434b91895603980ecd3b891f3beac47b248a', class: CSS$6.delimiter }, this.localizedHourSuffix), hAsync("div", { key: 'fbb28ccb730b84adabdf0f2e60424ca5e6522061', class: CSS$6.column, role: "group" }, hAsync("span", { key: '3377a9d48260ba01f365e993ab59b157df5de9df', "aria-label": this.messages.minuteUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMinuteUp]: true,
-            }, onClick: this.minuteUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '7da952d6ef1a05f63367b5d67dd7625f0efc12f8', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '90bc5c9b7d12a8a7769a42e4a4dc86053da03b22', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
+            }, onClick: this.minuteUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '45f22e0c13ac78f44dfc5102b5296c5b1ed98c1a', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '0b1f162613d98b30e829759f0d771bc48323897f', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
                 [CSS$6.input]: true,
                 [CSS$6.minute]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.minuteEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, ref: this.setMinuteEl, role: "spinbutton", tabIndex: 0 }, this.localizedMinute || "--"), hAsync("span", { key: '9ebd5b4a961b9b20758bab5a58d8778c6795db40', "aria-label": this.messages.minuteDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, ref: this.setMinuteEl, role: "spinbutton", tabIndex: 0 }, this.localizedMinute || "--"), hAsync("span", { key: 'ff638de6226e05b9a4395a9dc38e5543e691f39b', "aria-label": this.messages.minuteDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMinuteDown]: true,
-            }, onClick: this.minuteDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '2845804742fae9b51db039666ea693c1486d19bf', icon: "chevron-down", scale: iconScale }))), this.showSecond && hAsync("span", { key: '0816f11d5eeb5478a6c1c9e0872f56ad4a1ecaa2', class: CSS$6.delimiter }, this.localizedMinuteSuffix), this.showSecond && (hAsync("div", { key: '3b83633e26c0e024cb5084499f88edc7d72f79fc', class: CSS$6.column, role: "group" }, hAsync("span", { key: '90a351d935269aa847aee19d0e91cbbb0b66d3df', "aria-label": this.messages.secondUp, class: {
+            }, onClick: this.minuteDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '7e94501a0264a715d64fe34b2f2611d50b6260fd', icon: "chevron-down", scale: iconScale }))), this.showSecond && hAsync("span", { key: '47593b6ecbc9172ffe10a140bb977cfa137a1999', class: CSS$6.delimiter }, this.localizedMinuteSuffix), this.showSecond && (hAsync("div", { key: 'ac885069927c92e3bc53442d1468be7248199e6f', class: CSS$6.column, role: "group" }, hAsync("span", { key: '5479f058f0b359acfd1d8c6c7f1bf3f7a3683fa7', "aria-label": this.messages.secondUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonSecondUp]: true,
-            }, onClick: this.secondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '56ec5929764834986e91054432a1ec1c746f4a45', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'c44f0a291d49a94141a1eaf03b9baea12365e417', "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
+            }, onClick: this.secondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '83d3489dcf5ad9b374cb957057b8ea14cc88aab2', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '3dd70773ef42ed4906c87bd89934e8ff17b11d1c', "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
                 [CSS$6.input]: true,
                 [CSS$6.second]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.secondEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, ref: this.setSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedSecond || "--"), hAsync("span", { key: '4009df6e3dc774e30cbd77fc01802bc8be2f8ddf', "aria-label": this.messages.secondDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, ref: this.setSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedSecond || "--"), hAsync("span", { key: '64e3e33b32b7379f8af61da2bd1173319dcffc99', "aria-label": this.messages.secondDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonSecondDown]: true,
-            }, onClick: this.secondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '2140cd873a3f10c72b7314da6c6d913b8345c778', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (hAsync("span", { key: '99be37a3a562a8a217c690612d757d2a463b98fe', class: CSS$6.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (hAsync("div", { key: '7b1095f7972da474f96a3190097eeaf282726743', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'c66e94a7309934bcfe86f8d73170101937bcbbdd', "aria-label": this.messages.fractionalSecondUp, class: {
+            }, onClick: this.secondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '37c95b99b4e2f54e9e9ec93bb6ddc4ddeb8c5f66', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (hAsync("span", { key: '7c25e2ef470de18ab242dab9051efa50a121c432', class: CSS$6.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (hAsync("div", { key: 'e379a843919a128226c7296b251c87ee39d9b2c5', class: CSS$6.column, role: "group" }, hAsync("span", { key: '043c5f37168bfe5b36596dc6701d05037ff6c38c', "aria-label": this.messages.fractionalSecondUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonFractionalSecondUp]: true,
-            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '45fa888598fda5d21ab6a5e2f8561314c04cfba8', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '61d5ae14f3b1a1984d07437e57ca6e60ba64f27b', "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
+            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '70cc1aac17032cff9cd71e632319d400f562149a', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '7312f8afaa4812eada112aa2a55bea7f90b6ab22', "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
                 [CSS$6.input]: true,
                 [CSS$6.fractionalSecond]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.fractionalSecondEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, ref: this.setFractionalSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedFractionalSecond || "--"), hAsync("span", { key: '35d0b37c0113289a9a060ae236f9ed88597707a7', "aria-label": this.messages.fractionalSecondDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, ref: this.setFractionalSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedFractionalSecond || "--"), hAsync("span", { key: '0b2165caad15260514fcd2b08d74047878544625', "aria-label": this.messages.fractionalSecondDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonFractionalSecondDown]: true,
-            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '0dfd40ceff6d507cbd3495c5f5f4104b98d2ba99', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (hAsync("span", { key: '4cee863e88b4eac2a1da4ea48cac56777025a36c', class: CSS$6.delimiter }, this.localizedSecondSuffix)), showMeridiem && (hAsync("div", { key: '7cfcd524e6742691774e49e2c6ad053865f11256', class: {
+            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '809ee816b9002c69b4f462f6700ae8e8eb8327b6', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (hAsync("span", { key: '046a810919a2fd7cbdbfbcb88261136dcaaa065e', class: CSS$6.delimiter }, this.localizedSecondSuffix)), showMeridiem && (hAsync("div", { key: '2db5b66a6a8841e8bc5230aa0ef8be7cefc6b21a', class: {
                 [CSS$6.column]: true,
                 [CSS$6.meridiemStart]: this.meridiemOrder === 0,
-            }, role: "group" }, hAsync("span", { key: '640bcd84761d7dec7783092a53c79f5a49795014', "aria-label": this.messages.meridiemUp, class: {
+            }, role: "group" }, hAsync("span", { key: '39055d6081e79f7d506dff74878c86ab5f16249c', "aria-label": this.messages.meridiemUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMeridiemUp]: true,
                 [CSS$6.buttonTopRight]: true,
-            }, onClick: this.meridiemUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '134662da0e72d17cbd6d6d83657c6f37b8de9520', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '8097bcea625e4d272c86ae1598e471e6d55e98af', "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
+            }, onClick: this.meridiemUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '7551415dd1ad3cb02533b5e6f8a3cec99edfac5a', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'a23a92d07c8673ed0d28e6888147f6817bf18b2d', "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
                 [CSS$6.input]: true,
                 [CSS$6.meridiem]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.meridiemEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, ref: this.setMeridiemEl, role: "spinbutton", tabIndex: 0 }, this.localizedMeridiem || "--"), hAsync("span", { key: '42a40925539e83e3ab8aeae295fbbad21795e5bc', "aria-label": this.messages.meridiemDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, ref: this.setMeridiemEl, role: "spinbutton", tabIndex: 0 }, this.localizedMeridiem || "--"), hAsync("span", { key: '9efb79d893779466bf9d52822fc52d007f873f7b', "aria-label": this.messages.meridiemDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMeridiemDown]: true,
                 [CSS$6.buttonBottomRight]: true,
-            }, onClick: this.meridiemDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '36364532badec14bcc07124127156ab1561539d4', icon: "chevron-down", scale: iconScale }))))));
+            }, onClick: this.meridiemDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '2a52214e637ecc0c398e7b02c304e9fb2391ee77', icon: "chevron-down", scale: iconScale }))))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -44352,7 +44237,7 @@ class Tip {
         return (hAsync("div", { class: CSS$5.content }, this.renderImageFrame(), this.renderInfoNode()));
     }
     render() {
-        return (hAsync(Fragment, { key: '0ee5bf1ba2df1cccf7e6684bd0480344b074b16b' }, hAsync("article", { key: '55effd0a9eaa055167507e216983713fc1767e13', class: CSS$5.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
+        return (hAsync(Fragment, { key: '4c28680a834dab068dd2731291614183e2f934af' }, hAsync("article", { key: '64210552a17725a1f09148b9014a30b7952ad260', class: CSS$5.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -44399,7 +44284,7 @@ class TipGroup {
         this.groupTitle = undefined;
     }
     render() {
-        return hAsync("slot", { key: '40d9094358a1ef9165e9261d9ca351b2530a7584' });
+        return hAsync("slot", { key: 'cd564ad4afc7a2d5fa974abe40b5ad25fc59b145' });
     }
     static get style() { return CalciteTipGroupStyle0; }
     static get cmpMeta() { return {
@@ -45031,10 +44916,10 @@ class Tooltip {
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (hAsync(Host, { key: '4f097fd8c6eda6dfcd5734e5aaea1f52092501e7', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '6b5055ab6f95277dd4daeaaff15cb9848d85eea0', class: {
+        return (hAsync(Host, { key: '41d79242211cecc10e331f66e5ab78afa3cb626e', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '6445ecc6accff944722225bc255a0771565f5aa5', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: '57f68bea5a7bb369d82437f10535cab9753677ea', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '100b8318173849508952f996acaeb5bf81b8af43', class: CSS$3.container }, hAsync("slot", { key: 'f89d3ae9313d9555e6a7acdc32c323de85319a3a' })))));
+            }, ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: 'ceead789b1e67ee78e2dfb826085405d9e4ca289', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: 'cef413d734d04ccec5b456f8f08e2e1aaea5a35a', class: CSS$3.container }, hAsync("slot", { key: '5ad9bacf51643e195a883d4cb23fcbc0a78f1514' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -45170,12 +45055,22 @@ class Tree {
                 return;
             }
         };
+        this.items = [];
+        this.handleDefaultSlotChange = (event) => {
+            const items = slotChangeGetAssignedElements(event).filter((el) => el.matches("calcite-tree-item"));
+            this.items = items;
+            this.updateItems();
+        };
         this.lines = false;
         this.child = undefined;
+        this.parentExpanded = false;
         this.scale = "m";
         this.selectionMode = "single";
         this.selectedItems = [];
     }
+    handleParentExpandedChange() {
+        this.updateItems();
+    }
     //--------------------------------------------------------------------------
     //
     //  Lifecycle
@@ -45189,9 +45084,9 @@ class Tree {
         this.child = !!parent;
     }
     render() {
-        return (hAsync(Host, { key: '5b08de1c59622b78985de9019bf4ba11d605a07f', "aria-multiselectable": this.child
+        return (hAsync(Host, { key: '82e5a35cf13ffc7894361f02ec437abd077876ba', "aria-multiselectable": this.child
                 ? undefined
-                : toAriaBoolean(this.selectionMode === "multiple" || this.selectionMode === "multichildren"), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, hAsync("slot", { key: '00a037cf92cb5facadc4b2961a9369b6ae0631f5' })));
+                : toAriaBoolean(this.selectionMode === "multiple" || this.selectionMode === "multichildren"), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, hAsync("slot", { key: '5feea6503a5524e7f1e818312b52ffa2343708a0', onSlotchange: this.handleDefaultSlotChange })));
     }
     //--------------------------------------------------------------------------
     //
@@ -45360,10 +45255,16 @@ class Tree {
     //  Private Methods
     //
     //--------------------------------------------------------------------------
+    updateItems() {
+        this.items.forEach((item) => (item.parentExpanded = this.parentExpanded));
+    }
     getRootTabIndex() {
         return !this.child ? 0 : -1;
     }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "parentExpanded": ["handleParentExpandedChange"]
+    }; }
     static get style() { return CalciteTreeStyle0; }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -45371,6 +45272,7 @@ class Tree {
         "$members$": {
             "lines": [1540],
             "child": [1540],
+            "parentExpanded": [4, "parent-expanded"],
             "scale": [1537],
             "selectionMode": [1537, "selection-mode"],
             "selectedItems": [1040]
@@ -45427,12 +45329,10 @@ class TreeItem {
         };
         this.childrenClickHandler = (event) => event.stopPropagation();
         this.userChangedValue = false;
-        this.updateParentIsExpanded = (el, expanded) => {
-            const items = getSlotted(el, SLOTS$1.children, {
-                all: true,
-                selector: "calcite-tree-item",
-            });
-            items.forEach((item) => (item.parentExpanded = expanded));
+        this.handleChildrenSlotChange = (event) => {
+            const childTree = slotChangeGetAssignedElements(event).filter((el) => el.matches("calcite-tree"))[0];
+            this.childTree = childTree;
+            this.updateChildTree();
         };
         this.actionsEndSlotChangeHandler = (event) => {
             this.hasEndActions = slotChangeHasAssignedElement(event);
@@ -45453,8 +45353,8 @@ class TreeItem {
         this.hasEndActions = false;
         this.updateAfterInitialRender = false;
     }
-    expandedHandler(newValue) {
-        this.updateParentIsExpanded(this.el, newValue);
+    expandedHandler() {
+        this.updateChildTree();
     }
     handleSelectedChange(value) {
         if (this.selectionMode === "ancestors" && !this.userChangedValue) {
@@ -45478,14 +45378,6 @@ class TreeItem {
     //--------------------------------------------------------------------------
     connectedCallback() {
         this.parentTreeItem = this.el.parentElement?.closest("calcite-tree-item");
-        if (this.parentTreeItem) {
-            const { expanded } = this.parentTreeItem;
-            this.updateParentIsExpanded(this.parentTreeItem, expanded);
-        }
-        connectConditionalSlotComponent(this);
-    }
-    disconnectedCallback() {
-        disconnectConditionalSlotComponent(this);
     }
     componentWillRender() {
         this.hasChildren = !!this.el.querySelector("calcite-tree");
@@ -45552,8 +45444,8 @@ class TreeItem {
         const isExpanded = this.updateAfterInitialRender && this.expanded;
         const { hasEndActions } = this;
         const slotNode = (hAsync("slot", { key: "actionsEndSlot", name: SLOTS$1.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
-        const iconStartEl = (hAsync("calcite-icon", { key: '251fd8b4ef328e3575268a914b823282d5810b3b', class: CSS$2.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        return (hAsync(Host, { key: '9ca6542ef823f536919ef45e249a51acc560e5cd', "aria-checked": this.selectionMode === "multiple" ||
+        const iconStartEl = (hAsync("calcite-icon", { key: '51ffeb658e66d74da4e63d9fb1dd80975d489593', class: CSS$2.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        return (hAsync(Host, { key: '5541c34ef4af70c43e5ebe3a643e8694c1a464d7', "aria-checked": this.selectionMode === "multiple" ||
                 this.selectionMode === "multichildren" ||
                 this.selectionMode === "ancestors"
                 ? toAriaBoolean(this.selected)
@@ -45561,13 +45453,13 @@ class TreeItem {
                 this.selectionMode === "children" ||
                 this.selectionMode === "single-persist"
                 ? toAriaBoolean(this.selected)
-                : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: 'b87535cef45f25a3d962f2ee7a2fe23030c09626', disabled: this.disabled }, hAsync("div", { key: '2a4f1e4a647c80ef1d027b795814a03dd933db37', class: { [CSS$2.itemExpanded]: isExpanded } }, hAsync("div", { key: '716fc1eac97264fe3186a0beee9e173415f93b83', class: CSS$2.nodeAndActionsContainer }, hAsync("div", { key: '286db32250f9978cab481314b2ea3e790248c7f2', class: {
+                : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '4ffd9723fc11fb208998c0d435f1a57037cfd651', disabled: this.disabled }, hAsync("div", { key: 'c9adc889b3c7eafd9a3321c98eb10ebec90a32e3', class: { [CSS$2.itemExpanded]: isExpanded } }, hAsync("div", { key: '4f726cd837be2ef1e415263fb8801b4436af8f14', class: CSS$2.nodeAndActionsContainer }, hAsync("div", { key: 'a177ee015ff96b2009759734e62a05df7d8ee656', class: {
                 [CSS$2.nodeContainer]: true,
                 [CSS_UTILITY.rtl]: rtl,
-            }, "data-selection-mode": this.selectionMode }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), hAsync("div", { key: '2e1eeefae879f7197b5292ecda3b1f831f673efb', class: CSS$2.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), hAsync("div", { key: '1cb705ab7da1422b2a956ea90e29b489909840f3', class: {
+            }, "data-selection-mode": this.selectionMode }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), hAsync("div", { key: 'adca183fc6f2896c01a6267e11789bcb5aae6b6c', class: CSS$2.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), hAsync("div", { key: '41544ecd3d2e3d70ba84d68425d6a6042b7f7393', class: {
                 [CSS$2.childrenContainer]: true,
                 [CSS_UTILITY.rtl]: rtl,
-            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, hAsync("slot", { key: 'e3c968c15f50af07cafd3c3a67746455472e6b6f', name: SLOTS$1.children }))))));
+            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, hAsync("slot", { key: '451664c23cfa4b7cf6b19bf2c426d8ca980764bf', name: SLOTS$1.children, onSlotchange: this.handleChildrenSlotChange }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -45627,6 +45519,13 @@ class TreeItem {
     //  Private Methods
     //
     //--------------------------------------------------------------------------
+    updateChildTree() {
+        const { childTree } = this;
+        if (!childTree) {
+            return;
+        }
+        childTree.parentExpanded = this.expanded;
+    }
     isActionEndEvent(event) {
         const composedPath = event.composedPath();
         return composedPath.includes(this.actionSlotWrapper);
@@ -46142,7 +46041,7 @@ class ValueListItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '2fc2a1a70b75c2a812f14391915c06c852db8906', id: this.el.id || this.guid }, hAsync(InteractiveContainer, { key: '7bcc26a8f85923865a318dbdf31954a62035b853', disabled: this.disabled }, this.renderHandle(), hAsync("calcite-pick-list-item", { key: 'abdbbafe6d426da62e39584e85111811beae719b', description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd()))));
+        return (hAsync(Host, { key: '35051ffd7cc35c7bd45742c1700522215fa0d205', id: this.el.id || this.guid }, hAsync(InteractiveContainer, { key: '17bac5546d25459c802469075ebb0e53dc260fb5', disabled: this.disabled }, this.renderHandle(), hAsync("calcite-pick-list-item", { key: '3c713cc8bb34d8c93dd5633f8600d7a400c8b78c', description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd()))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteValueListItemStyle0; }