@esri/calcite-components 2.8.1-next.4 → 2.8.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/main/LICENSE.md for details.
- * v2.8.1-next.4
+ * v2.8.1
  */
 'use strict';
 
@@ -13399,6 +13399,52 @@ function isBefore(a, b) {
     const children = Array.from(a.parentNode.children);
     return children.indexOf(a) < children.indexOf(b);
 }
+/**
+ * This util helps determine when an animation has completed.
+ *
+ * @param targetEl The element to watch for the animation to complete.
+ * @param animationName The name of the animation to watch for completion.
+ */
+async function whenAnimationDone(targetEl, animationName) {
+    const { animationDuration: allDurations, animationName: allNames } = getComputedStyle(targetEl);
+    const allDurationsArray = allDurations.split(",");
+    const allPropsArray = allNames.split(",");
+    const propIndex = allPropsArray.indexOf(animationName);
+    const duration = allDurationsArray[propIndex] ??
+        /* Safari will have a single duration value for the shorthand prop when multiple, separate names/props are defined,
+                so we fall back to it if there's no matching prop duration */
+        allDurationsArray[0];
+    if (duration === "0s") {
+        return Promise.resolve();
+    }
+    const startEvent = "animationstart";
+    const endEvent = "animationend";
+    const cancelEvent = "animationcancel";
+    return new Promise((resolve) => {
+        const fallbackTimeoutId = setTimeout(() => {
+            targetEl.removeEventListener(startEvent, onStart);
+            targetEl.removeEventListener(endEvent, onEndOrCancel);
+            targetEl.removeEventListener(cancelEvent, onEndOrCancel);
+            resolve();
+        }, parseFloat(duration) * 1000);
+        targetEl.addEventListener(startEvent, onStart);
+        targetEl.addEventListener(endEvent, onEndOrCancel);
+        targetEl.addEventListener(cancelEvent, onEndOrCancel);
+        function onStart(event) {
+            if (event.animationName === animationName && event.target === targetEl) {
+                clearTimeout(fallbackTimeoutId);
+                targetEl.removeEventListener(startEvent, onStart);
+            }
+        }
+        function onEndOrCancel(event) {
+            if (event.animationName === animationName && event.target === targetEl) {
+                targetEl.removeEventListener(endEvent, onEndOrCancel);
+                targetEl.removeEventListener(cancelEvent, onEndOrCancel);
+                resolve();
+            }
+        }
+    });
+}
 
 function getIconScale(componentScale) {
     return componentScale === "l" ? "m" : "s";
@@ -13907,7 +13953,7 @@ function parseNumberString(numberString) {
                 containsDecimal = true;
                 return true;
             }
-            if (value.match(/-/g) && i === 0) {
+            if (value.match(/\-/g) && i === 0) {
                 return true;
             }
             return numberKeys.includes(value);
@@ -14439,7 +14485,7 @@ var CalciteActionStyle0 = actionCss;
 
 /**
  * @slot - A slot for adding a `calcite-icon`.
- * @slot tooltip - [Deprecated] Use the `calcite-tooltip` component instead.
+ * @slot tooltip - A slot for adding a `calcite-tooltip`.
  */
 class Action {
     constructor(hostRef) {
@@ -14565,9 +14611,9 @@ class Action {
             [CSS$1o.buttonTextVisible]: textEnabled,
             [CSS$1o.buttonCompact]: compact,
         };
-        return (hAsync(Host, { key: '65eaab1b65898e61d89af57f9d16048496eaf035' }, hAsync(InteractiveContainer, { key: '6b412d3af4e4300d12024a8afec2e80d77d00c01', disabled: disabled }, hAsync("button", { key: 'c33e77182bebe443612958dbc0038fb3108615c4', "aria-busy": toAriaBoolean(loading), "aria-controls": indicator ? indicatorId : null, "aria-disabled": toAriaBoolean(disabled), "aria-label": ariaLabel, "aria-pressed": toAriaBoolean(active), class: buttonClasses, disabled: disabled, id: buttonId,
+        return (hAsync(Host, { key: 'ea1d66de5f1b0d591306a8f40d1ce22c6b99a8cd' }, hAsync(InteractiveContainer, { key: 'ac7794e91182528fa2729ecac860a1abe4fbaeec', disabled: disabled }, hAsync("button", { key: '32d7d5461e68006e2baadf7f65e504fbf2f0f9a0', "aria-busy": toAriaBoolean(loading), "aria-controls": indicator ? indicatorId : null, "aria-disabled": toAriaBoolean(disabled), "aria-label": ariaLabel, "aria-pressed": toAriaBoolean(active), class: buttonClasses, disabled: disabled, id: buttonId,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer(), !icon && indicator && hAsync("div", { class: CSS$1o.indicatorWithoutIcon, key: "indicator-no-icon" })), hAsync("slot", { key: '4030ebc6f5423e442fcaaeb5b140df1296826c94', name: SLOTS$y.tooltip, onSlotchange: this.handleTooltipSlotChange }), this.renderIndicatorText())));
+            ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer(), !icon && indicator && hAsync("div", { class: CSS$1o.indicatorWithoutIcon, key: "indicator-no-icon" })), hAsync("slot", { key: '5e4ba8c04428b6797dfdaaa8ca1e96d6bc8487a7', name: SLOTS$y.tooltip, onSlotchange: this.handleTooltipSlotChange }), this.renderIndicatorText())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -16875,46 +16921,45 @@ function emitImmediately(component, nonOpenCloseComponent = false) {
  */
 function onToggleOpenCloseComponent(component, nonOpenCloseComponent = false) {
     readTask(() => {
-        if (!component.transitionEl) {
-            return;
-        }
-        const { transitionDuration: allDurations, transitionProperty: allProps } = getComputedStyle(component.transitionEl);
-        const allTransitionDurationsArray = allDurations.split(",");
-        const allTransitionPropsArray = allProps.split(",");
-        const openTransitionPropIndex = allTransitionPropsArray.indexOf(component.openTransitionProp);
-        const transitionDuration = allTransitionDurationsArray[openTransitionPropIndex] ??
-            /* Safari will have a single transition value if multiple props share it,
-                  so we fall back to it if there's no matching prop duration */
-            allTransitionDurationsArray[0];
-        if (transitionDuration === "0s") {
-            emitImmediately(component, nonOpenCloseComponent);
-            return;
-        }
-        const fallbackTimeoutId = setTimeout(() => {
-            component.transitionEl.removeEventListener("transitionstart", onStart);
-            component.transitionEl.removeEventListener("transitionend", onEndOrCancel);
-            component.transitionEl.removeEventListener("transitioncancel", onEndOrCancel);
-            emitImmediately(component, nonOpenCloseComponent);
-        }, parseFloat(transitionDuration) * 1000);
-        component.transitionEl.addEventListener("transitionstart", onStart);
-        component.transitionEl.addEventListener("transitionend", onEndOrCancel);
-        component.transitionEl.addEventListener("transitioncancel", onEndOrCancel);
-        function onStart(event) {
-            if (event.propertyName === component.openTransitionProp && event.target === component.transitionEl) {
-                clearTimeout(fallbackTimeoutId);
-                component.transitionEl.removeEventListener("transitionstart", onStart);
-                (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))
-                    ? component.onBeforeOpen()
-                    : component.onBeforeClose();
+        if (component.transitionEl) {
+            const { transitionDuration: allDurations, transitionProperty: allProps } = getComputedStyle(component.transitionEl);
+            const allTransitionDurationsArray = allDurations.split(",");
+            const allTransitionPropsArray = allProps.split(",");
+            const openTransitionPropIndex = allTransitionPropsArray.indexOf(component.openTransitionProp);
+            const transitionDuration = allTransitionDurationsArray[openTransitionPropIndex] ??
+                /* Safari will have a single transition value if multiple props share it,
+                so we fall back to it if there's no matching prop duration */
+                allTransitionDurationsArray[0];
+            if (transitionDuration === "0s") {
+                emitImmediately(component, nonOpenCloseComponent);
+                return;
             }
-        }
-        function onEndOrCancel(event) {
-            if (event.propertyName === component.openTransitionProp && event.target === component.transitionEl) {
-                (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))
-                    ? component.onOpen()
-                    : component.onClose();
+            const fallbackTimeoutId = setTimeout(() => {
+                component.transitionEl.removeEventListener("transitionstart", onStart);
                 component.transitionEl.removeEventListener("transitionend", onEndOrCancel);
                 component.transitionEl.removeEventListener("transitioncancel", onEndOrCancel);
+                emitImmediately(component, nonOpenCloseComponent);
+            }, parseFloat(transitionDuration) * 1000);
+            component.transitionEl.addEventListener("transitionstart", onStart);
+            component.transitionEl.addEventListener("transitionend", onEndOrCancel);
+            component.transitionEl.addEventListener("transitioncancel", onEndOrCancel);
+            function onStart(event) {
+                if (event.propertyName === component.openTransitionProp && event.target === component.transitionEl) {
+                    clearTimeout(fallbackTimeoutId);
+                    component.transitionEl.removeEventListener("transitionstart", onStart);
+                    (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))
+                        ? component.onBeforeOpen()
+                        : component.onBeforeClose();
+                }
+            }
+            function onEndOrCancel(event) {
+                if (event.propertyName === component.openTransitionProp && event.target === component.transitionEl) {
+                    (nonOpenCloseComponent ? component[component.transitionProp] : isOpen(component))
+                        ? component.onOpen()
+                        : component.onClose();
+                    component.transitionEl.removeEventListener("transitionend", onEndOrCancel);
+                    component.transitionEl.removeEventListener("transitioncancel", onEndOrCancel);
+                }
             }
         }
     });
@@ -17766,7 +17811,7 @@ class Block {
     renderIcon() {
         const { loading, messages, status } = this;
         const hasSlottedIcon = !!getSlotted(this.el, SLOTS$s.icon);
-        return loading ? (hAsync("div", { class: CSS$1i.icon, key: "loader" }, hAsync("calcite-loader", { inline: true, label: messages.loading }))) : status ? (hAsync("div", { class: CSS$1i.icon, key: "status-icon" }, hAsync("calcite-icon", { class: {
+        return loading ? (hAsync("div", { class: CSS$1i.icon, key: "loader" }, hAsync("calcite-loader", { inline: true, label: messages.loading }))) : !!status ? (hAsync("div", { class: CSS$1i.icon, key: "status-icon" }, hAsync("calcite-icon", { class: {
                 [CSS$1i.statusIcon]: true,
                 [CSS$1i.valid]: status == "valid",
                 [CSS$1i.invalid]: status == "invalid",
@@ -17779,14 +17824,14 @@ class Block {
     render() {
         const { collapsible, el, loading, open, heading, messages } = this;
         const toggleLabel = open ? messages.collapse : messages.expand;
-        const headerContent = (hAsync("header", { key: '89ca745bb149243a8a16bd9a1fb06bb6caf0dcde', class: CSS$1i.header, id: IDS$1.header }, this.renderIcon(), this.renderTitle()));
+        const headerContent = (hAsync("header", { key: 'aefae50b975f87b21c9b37f7eae2df49062ee5f8', class: CSS$1i.header, id: IDS$1.header }, this.renderIcon(), this.renderTitle()));
         const hasControl = !!getSlotted(el, SLOTS$s.control);
         const hasMenuActions = !!getSlotted(el, SLOTS$s.headerMenuActions);
         const collapseIcon = open ? ICONS$k.opened : ICONS$k.closed;
-        const headerNode = (hAsync("div", { key: '3c7722b8d21cfe2a96611a27436327f0e01a1c13', class: CSS$1i.headerContainer }, this.dragHandle ? hAsync("calcite-handle", { label: heading }) : null, collapsible ? (hAsync("button", { "aria-controls": IDS$1.content, "aria-describedby": IDS$1.header, "aria-expanded": collapsible ? toAriaBoolean(open) : null, class: CSS$1i.toggle, id: IDS$1.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, hAsync("calcite-icon", { "aria-hidden": "true", class: CSS$1i.toggleIcon, icon: collapseIcon, scale: "s" }))) : (headerContent), hasControl ? (hAsync("div", { class: CSS$1i.controlContainer }, hAsync("slot", { name: SLOTS$s.control }))) : null, hasMenuActions ? (hAsync("calcite-action-menu", { label: messages.options, overlayPositioning: this.overlayPositioning }, hAsync("slot", { name: SLOTS$s.headerMenuActions }))) : null));
-        return (hAsync(Host, { key: '2b4bc16c96ad283fc0cb7fdc962d45f9047d2025' }, hAsync(InteractiveContainer, { key: '3d846b4884a822a8e4d1550324c1e60d02567622', disabled: this.disabled }, hAsync("article", { key: 'aba63d45e2c228f297abb31963c63f1e4bc980c9', "aria-busy": toAriaBoolean(loading), class: {
+        const headerNode = (hAsync("div", { key: 'f8c5ce075f5d83e483ee3d2d62fd187fd0987b30', class: CSS$1i.headerContainer }, this.dragHandle ? hAsync("calcite-handle", { label: heading }) : null, collapsible ? (hAsync("button", { "aria-controls": IDS$1.content, "aria-describedby": IDS$1.header, "aria-expanded": collapsible ? toAriaBoolean(open) : null, class: CSS$1i.toggle, id: IDS$1.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, hAsync("calcite-icon", { "aria-hidden": "true", class: CSS$1i.toggleIcon, icon: collapseIcon, scale: "s" }))) : (headerContent), hasControl ? (hAsync("div", { class: CSS$1i.controlContainer }, hAsync("slot", { name: SLOTS$s.control }))) : null, hasMenuActions ? (hAsync("calcite-action-menu", { label: messages.options, overlayPositioning: this.overlayPositioning }, hAsync("slot", { name: SLOTS$s.headerMenuActions }))) : null));
+        return (hAsync(Host, { key: '8e984813d8283475171ad0b58bb77c6671da394c' }, hAsync(InteractiveContainer, { key: '9757aa3d3d51eeca2eece6b7fcf1ed2bdbc9d4eb', disabled: this.disabled }, hAsync("article", { key: '6722572eb61cf147e473bd237bff74bafde0af56', "aria-busy": toAriaBoolean(loading), class: {
                 [CSS$1i.container]: true,
-            } }, headerNode, hAsync("section", { key: 'e56247b9eb8f5fa30d2a51d1778a3eb467e8fbd6', "aria-labelledby": IDS$1.toggle, class: CSS$1i.content, hidden: !open, id: IDS$1.content,
+            } }, headerNode, hAsync("section", { key: '14a1118f4b8a7d3f8ddc063cbcd2ba062090973a', "aria-labelledby": IDS$1.toggle, class: CSS$1i.content, hidden: !open, id: IDS$1.content,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setTransitionEl }, this.renderScrim())))));
     }
@@ -17937,7 +17982,7 @@ class BlockSection {
             [CSS$1h.valid]: status == "valid",
             [CSS$1h.invalid]: status == "invalid",
         };
-        return statusIcon ? (hAsync("calcite-icon", { class: statusIconClasses, icon: statusIcon, scale: "s" })) : null;
+        return !!statusIcon ? (hAsync("calcite-icon", { class: statusIconClasses, icon: statusIcon, scale: "s" })) : null;
     }
     render() {
         const { el, messages, open, text, toggleDisplay } = this;
@@ -17957,7 +18002,7 @@ class BlockSection {
                 [CSS$1h.sectionHeader]: true,
                 [CSS$1h.toggle]: true,
             }, id: IDS.toggle, onClick: this.toggleSection }, hAsync("calcite-icon", { icon: arrowIcon, scale: "s" }), hAsync("span", { class: CSS$1h.sectionHeaderText }, text), this.renderStatusIcon()));
-        return (hAsync(Host, { key: '406d2d033d6334874d0b818cc695c3125d3ddc8e' }, headerNode, hAsync("section", { key: '1ac5b3a310a9e24008f4be8110c7746464e621a3', "aria-labelledby": IDS.toggle, class: CSS$1h.content, hidden: !open, id: IDS.content }, hAsync("slot", { key: 'a1e782c30edb5bd2957535d9c52056580eb6732d' }))));
+        return (hAsync(Host, { key: '76e223811594d99984f6e110e430725030574d83' }, headerNode, hAsync("section", { key: '336e2701112e69eefb0461fbb8052d70a73b16fb', "aria-labelledby": IDS.toggle, class: CSS$1h.content, hidden: !open, id: IDS.content }, hAsync("slot", { key: '3bd4125a763c91c22065162c5d5a1e2ee8d2f931' }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -18524,7 +18569,7 @@ const CSS$1g = {
     buttonPaddingShrunk: "button-padding--shrunk",
 };
 
-const buttonCss = "/*!@:host([disabled])*/[disabled].sc-calcite-button-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-button-h *.sc-calcite-button,.sc-calcite-button-h[disabled].sc-calcite-button-s>*,.sc-calcite-button-h[disabled] .sc-calcite-button-s>*{pointer-events:none}/*!@:host*/.sc-calcite-button-h{display:inline-block;inline-size:auto;vertical-align:middle}/*!@:host([round])*/[round].sc-calcite-button-h{border-radius:50px}/*!@:host([round]) a, :host([round]) button*/[round].sc-calcite-button-h a.sc-calcite-button,[round].sc-calcite-button-h button.sc-calcite-button{border-radius:50px}/*!@:host button,\n:host a*/.sc-calcite-button-h button.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button{outline-color:transparent}/*!@:host button:focus,\n:host a:focus*/.sc-calcite-button-h button.sc-calcite-button:focus,.sc-calcite-button-h a.sc-calcite-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}/*!@:host button,\n:host a*/.sc-calcite-button-h button.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}/*!@:host button:hover,\n:host a:hover*/.sc-calcite-button-h button.sc-calcite-button:hover,.sc-calcite-button-h a.sc-calcite-button:hover{text-decoration-line:none}/*!@:host button span,\n:host a span*/.sc-calcite-button-h button.sc-calcite-button span.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button span.sc-calcite-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@.content*/.content.sc-calcite-button{margin-inline:var(--calcite-button-content-margin-internal)}/*!@.icon-start-empty .content*/.icon-start-empty.sc-calcite-button .content.sc-calcite-button{margin-inline-start:unset}/*!@.icon-end-empty .content*/.icon-end-empty.sc-calcite-button .content.sc-calcite-button{margin-inline-end:unset}/*!@:host([scale=m]) button,\n:host([scale=m]) a*/[scale=m].sc-calcite-button-h button.sc-calcite-button,[scale=m].sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:0.75rem}/*!@:host([scale=l]) button,\n:host([scale=l]) a*/[scale=l].sc-calcite-button-h button.sc-calcite-button,[scale=l].sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:1rem}/*!@:host([width=auto])*/[width=auto].sc-calcite-button-h{inline-size:auto}/*!@:host([width=half])*/[width=half].sc-calcite-button-h{inline-size:50%}/*!@:host([width=full])*/[width=full].sc-calcite-button-h{inline-size:100%}/*!@:host([alignment=center]:not([width=auto])) a,\n:host([alignment=center]:not([width=auto])) button*/[alignment=center].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=center].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:center}/*!@:host([alignment=start]:not([width=auto])) a,\n:host([alignment=start]:not([width=auto])) button*/[alignment=start].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=start].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:flex-start}/*!@:host([alignment=end]:not([width=auto])) a,\n:host([alignment=end]:not([width=auto])) button*/[alignment=end].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=end].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:flex-end}/*!@:host([alignment*=space-between]:not([width=auto])) a,\n:host([alignment*=space-between]:not([width=auto])) button*/[alignment*=space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment*=space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:space-between}/*!@:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start*/[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) .icon--start.sc-calcite-button{margin-inline-end:auto}/*!@:host([alignment=icon-start-space-between]:not([width=auto])) a,\n:host([alignment=icon-start-space-between]:not([width=auto])) button*/[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{text-align:unset}/*!@:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end*/[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) .icon--end.sc-calcite-button{margin-inline-start:auto}/*!@:host([alignment=icon-end-space-between]:not([width=auto])) a,\n:host([alignment=icon-end-space-between]:not([width=auto])) button*/[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{text-align:unset}/*!@:host([alignment=center]) a:not(.content--slotted) .icon--start + .icon--end,\n:host([alignment=center]) button:not(.content--slotted) .icon--start + .icon--end*/[alignment=center].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button,[alignment=center].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button{margin-inline-start:var(--calcite-button-content-margin-internal)}/*!@.icon*/.icon.sc-calcite-button{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-button-h[disabled] .sc-calcite-button-s>[calcite-hydrated][disabled],[disabled].sc-calcite-button-h [calcite-hydrated][disabled].sc-calcite-button{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-button{display:contents}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}/*!@.calcite-button--loader*/.calcite-button--loader.sc-calcite-button{display:flex}/*!@.calcite-button--loader calcite-loader*/.calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}/*!@.calcite-button--loader calcite-loader.loading-in*/.calcite-button--loader.sc-calcite-button calcite-loader.loading-in.sc-calcite-button{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}/*!@.calcite-button--loader calcite-loader.loading-out*/.calcite-button--loader.sc-calcite-button calcite-loader.loading-out.sc-calcite-button{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}/*!@:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,\n:host([loading]) a.content--slotted .calcite-button--loader calcite-loader*/[loading].sc-calcite-button-h button.content--slotted.sc-calcite-button .calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button,[loading].sc-calcite-button-h a.content--slotted.sc-calcite-button .calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button{margin-inline-end:var(--calcite-button-content-margin-internal)}/*!@:host([loading]) button:not(.content--slotted) .icon--start,\n:host([loading]) button:not(.content--slotted) .icon--end,\n:host([loading]) a:not(.content--slotted) .icon--start,\n:host([loading]) a:not(.content--slotted) .icon--end*/[loading].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button,[loading].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--end.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--end.sc-calcite-button{display:none}/*!@:host([appearance]) button,\n:host([appearance]) a*/[appearance].sc-calcite-button-h button.sc-calcite-button,[appearance].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;border-color:transparent}/*!@:host([kind=brand]) button,\n:host([kind=brand]) a*/[kind=brand].sc-calcite-button-h button.sc-calcite-button,[kind=brand].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}/*!@:host([kind=brand]) button:hover, :host([kind=brand]) button:focus,\n:host([kind=brand]) a:hover,\n:host([kind=brand]) a:focus*/[kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[kind=brand].sc-calcite-button-h a.sc-calcite-button:hover,[kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-color-brand-hover)}/*!@:host([kind=brand]) button:active,\n:host([kind=brand]) a:active*/[kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[kind=brand].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-color-brand-press)}/*!@:host([kind=brand]) button calcite-loader,\n:host([kind=brand]) a calcite-loader*/[kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-inverse)}/*!@:host([kind=danger]) button,\n:host([kind=danger]) a*/[kind=danger].sc-calcite-button-h button.sc-calcite-button,[kind=danger].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-color-status-danger);color:var(--calcite-color-text-inverse)}/*!@:host([kind=danger]) button:hover, :host([kind=danger]) button:focus,\n:host([kind=danger]) a:hover,\n:host([kind=danger]) a:focus*/[kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[kind=danger].sc-calcite-button-h a.sc-calcite-button:hover,[kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-color-status-danger-hover)}/*!@:host([kind=danger]) button:active,\n:host([kind=danger]) a:active*/[kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[kind=danger].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-color-status-danger-press)}/*!@:host([kind=danger]) button calcite-loader,\n:host([kind=danger]) a calcite-loader*/[kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-inverse)}/*!@:host([kind=neutral]) button,\n:host([kind=neutral]) a*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button,[kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}/*!@:host([kind=neutral]) button:hover, :host([kind=neutral]) button:focus,\n:host([kind=neutral]) a:hover,\n:host([kind=neutral]) a:focus*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-color-foreground-2)}/*!@:host([kind=neutral]) button:active,\n:host([kind=neutral]) a:active*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-color-foreground-1)}/*!@:host([kind=neutral]) button calcite-loader,\n:host([kind=neutral]) a calcite-loader*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([kind=inverse]) button,\n:host([kind=inverse]) a*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button,[kind=inverse].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse)}/*!@:host([kind=inverse]) button:hover, :host([kind=inverse]) button:focus,\n:host([kind=inverse]) a:hover,\n:host([kind=inverse]) a:focus*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-color-inverse-hover)}/*!@:host([kind=inverse]) button:active,\n:host([kind=inverse]) a:active*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-color-inverse-press)}/*!@:host([kind=inverse]) button calcite-loader,\n:host([kind=inverse]) a calcite-loader*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-inverse)}/*!@:host([appearance=outline-fill]) button,\n:host([appearance=outline-fill]) a*/[appearance=outline-fill].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px transparent}/*!@:host([appearance=outline-fill][kind=brand]) button,\n:host([appearance=outline-fill][kind=brand]) a*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-brand)}/*!@:host([appearance=outline-fill][kind=brand]) button:hover,\n:host([appearance=outline-fill][kind=brand]) a:hover*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}/*!@:host([appearance=outline-fill][kind=brand]) button:focus,\n:host([appearance=outline-fill][kind=brand]) a:focus*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}/*!@:host([appearance=outline-fill][kind=brand]) button:active,\n:host([appearance=outline-fill][kind=brand]) a:active*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}/*!@:host([appearance=outline-fill][kind=brand]) button calcite-loader,\n:host([appearance=outline-fill][kind=brand]) a calcite-loader*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-brand)}/*!@:host([appearance=outline-fill][kind=danger]) button,\n:host([appearance=outline-fill][kind=danger]) a*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-color-status-danger);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-status-danger)}/*!@:host([appearance=outline-fill][kind=danger]) button:hover,\n:host([appearance=outline-fill][kind=danger]) a:hover*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}/*!@:host([appearance=outline-fill][kind=danger]) button:focus,\n:host([appearance=outline-fill][kind=danger]) a:focus*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}/*!@:host([appearance=outline-fill][kind=danger]) button:active,\n:host([appearance=outline-fill][kind=danger]) a:active*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}/*!@:host([appearance=outline-fill][kind=danger]) button calcite-loader,\n:host([appearance=outline-fill][kind=danger]) a calcite-loader*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-status-danger)}/*!@:host([appearance=outline-fill][kind=neutral]) button,\n:host([appearance=outline-fill][kind=neutral]) a*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}/*!@:host([appearance=outline-fill][kind=neutral]) button:hover,\n:host([appearance=outline-fill][kind=neutral]) a:hover*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button:focus,\n:host([appearance=outline-fill][kind=neutral]) a:focus*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button:active,\n:host([appearance=outline-fill][kind=neutral]) a:active*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button calcite-loader,\n:host([appearance=outline-fill][kind=neutral]) a calcite-loader*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([appearance=outline-fill][kind=inverse]) button,\n:host([appearance=outline-fill][kind=inverse]) a*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}/*!@:host([appearance=outline-fill][kind=inverse]) button:hover,\n:host([appearance=outline-fill][kind=inverse]) a:hover*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}/*!@:host([appearance=outline-fill][kind=inverse]) button:focus,\n:host([appearance=outline-fill][kind=inverse]) a:focus*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}/*!@:host([appearance=outline-fill][kind=inverse]) button:active,\n:host([appearance=outline-fill][kind=inverse]) a:active*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}/*!@:host([appearance=outline-fill][kind=inverse]) button calcite-loader,\n:host([appearance=outline-fill][kind=inverse]) a calcite-loader*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([appearance=outline]) button,\n:host([appearance=outline]) a*/[appearance=outline].sc-calcite-button-h button.sc-calcite-button,[appearance=outline].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}/*!@:host([appearance=outline][kind=brand]) button,\n:host([appearance=outline][kind=brand]) a*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-color-brand);background-color:transparent;color:var(--calcite-color-brand)}/*!@:host([appearance=outline][kind=brand]) button:hover,\n:host([appearance=outline][kind=brand]) a:hover*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}/*!@:host([appearance=outline][kind=brand]) button:focus,\n:host([appearance=outline][kind=brand]) a:focus*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}/*!@:host([appearance=outline][kind=brand]) button:active,\n:host([appearance=outline][kind=brand]) a:active*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}/*!@:host([appearance=outline][kind=brand]) button calcite-loader,\n:host([appearance=outline][kind=brand]) a calcite-loader*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-brand)}/*!@:host([appearance=outline][kind=danger]) button,\n:host([appearance=outline][kind=danger]) a*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-color-status-danger);background-color:transparent;color:var(--calcite-color-status-danger)}/*!@:host([appearance=outline][kind=danger]) button:hover,\n:host([appearance=outline][kind=danger]) a:hover*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}/*!@:host([appearance=outline][kind=danger]) button:focus,\n:host([appearance=outline][kind=danger]) a:focus*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}/*!@:host([appearance=outline][kind=danger]) button:active,\n:host([appearance=outline][kind=danger]) a:active*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}/*!@:host([appearance=outline][kind=danger]) button calcite-loader,\n:host([appearance=outline][kind=danger]) a calcite-loader*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-status-danger)}/*!@:host([appearance=outline][kind=neutral]) button,\n:host([appearance=outline][kind=neutral]) a*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}/*!@:host([appearance=outline][kind=neutral]) button:hover,\n:host([appearance=outline][kind=neutral]) a:hover*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button:focus,\n:host([appearance=outline][kind=neutral]) a:focus*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button:active,\n:host([appearance=outline][kind=neutral]) a:active*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button calcite-loader,\n:host([appearance=outline][kind=neutral]) a calcite-loader*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([appearance=outline][kind=inverse]) button,\n:host([appearance=outline][kind=inverse]) a*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}/*!@:host([appearance=outline][kind=inverse]) button:hover,\n:host([appearance=outline][kind=inverse]) a:hover*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}/*!@:host([appearance=outline][kind=inverse]) button:focus,\n:host([appearance=outline][kind=inverse]) a:focus*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}/*!@:host([appearance=outline][kind=inverse]) button:active,\n:host([appearance=outline][kind=inverse]) a:active*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}/*!@:host([appearance=outline][kind=inverse]) button calcite-loader,\n:host([appearance=outline][kind=inverse]) a calcite-loader*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([appearance=outline-fill][split-child=primary]) button,\n:host([appearance=outline][split-child=primary]) button*/[appearance=outline-fill][split-child=primary].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][split-child=primary].sc-calcite-button-h button.sc-calcite-button{border-inline-end-width:0;border-inline-start-width:1px}/*!@:host([appearance=outline-fill][split-child=secondary]) button,\n:host([appearance=outline][split-child=secondary]) button*/[appearance=outline-fill][split-child=secondary].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][split-child=secondary].sc-calcite-button-h button.sc-calcite-button{border-inline-start-width:0;border-inline-end-width:1px}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button,\n:host([appearance=transparent]:not(.enable-editing-button)) a*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button{background-color:transparent}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button:hover, :host([appearance=transparent]:not(.enable-editing-button)) button:focus,\n:host([appearance=transparent]:not(.enable-editing-button)) a:hover,\n:host([appearance=transparent]:not(.enable-editing-button)) a:focus*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:hover,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:focus,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:hover,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:focus{background-color:var(--calcite-color-transparent-hover)}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button:active,\n:host([appearance=transparent]:not(.enable-editing-button)) a:active*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:active,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:active{background-color:var(--calcite-color-transparent-press)}/*!@:host([appearance=transparent][kind=brand]) button,\n:host([appearance=transparent][kind=brand]) a*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-color-brand)}/*!@:host([appearance=transparent][kind=brand]) button:hover,\n:host([appearance=transparent][kind=brand]) a:hover*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{color:var(--calcite-color-brand-hover)}/*!@:host([appearance=transparent][kind=brand]) button:focus,\n:host([appearance=transparent][kind=brand]) a:focus*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{color:var(--calcite-color-brand)}/*!@:host([appearance=transparent][kind=brand]) button:active,\n:host([appearance=transparent][kind=brand]) a:active*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{color:var(--calcite-color-brand-press)}/*!@:host([appearance=transparent][kind=brand]) button calcite-loader,\n:host([appearance=transparent][kind=brand]) a calcite-loader*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-brand)}/*!@:host([appearance=transparent][kind=danger]) button,\n:host([appearance=transparent][kind=danger]) a*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-color-status-danger)}/*!@:host([appearance=transparent][kind=danger]) button:hover,\n:host([appearance=transparent][kind=danger]) a:hover*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{color:var(--calcite-color-status-danger-hover)}/*!@:host([appearance=transparent][kind=danger]) button:focus,\n:host([appearance=transparent][kind=danger]) a:focus*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{color:var(--calcite-color-status-danger)}/*!@:host([appearance=transparent][kind=danger]) button:active,\n:host([appearance=transparent][kind=danger]) a:active*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{color:var(--calcite-color-status-danger-press)}/*!@:host([appearance=transparent][kind=danger]) button calcite-loader,\n:host([appearance=transparent][kind=danger]) a calcite-loader*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-status-danger)}/*!@:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,\n:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,\n:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader*/[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) button.sc-calcite-button,[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) a.sc-calcite-button,[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-color-text-3);border-block-start-color:var(--calcite-color-border-input);border-block-end-color:var(--calcite-color-border-input);border-block-style:solid}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted)*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y-internal:0}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:hover{color:var(--calcite-color-text-1)}/*!@:host([appearance=transparent][kind=neutral].enable-editing-button) button*/[appearance=transparent][kind=neutral].enable-editing-button.sc-calcite-button-h button.sc-calcite-button{background-color:transparent}/*!@:host(.confirm-changes-button) button:focus,\n:host(.cancel-editing-button) button:focus,\n:host(.enable-editing-button) button:focus*/.confirm-changes-button.sc-calcite-button-h button.sc-calcite-button:focus,.cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:focus,.enable-editing-button.sc-calcite-button-h button.sc-calcite-button:focus{outline-offset:-2px}/*!@:host([appearance=transparent][kind=inverse]) button,\n:host([appearance=transparent][kind=inverse]) a,\n:host([appearance=transparent][kind=inverse]) calcite-loader*/[appearance=transparent][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=inverse].sc-calcite-button-h a.sc-calcite-button,[appearance=transparent][kind=inverse].sc-calcite-button-h calcite-loader.sc-calcite-button{color:var(--calcite-color-text-inverse)}/*!@:host([scale=s]) button.content--slotted,\n:host([scale=s]) a.content--slotted*/[scale=s].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=s].sc-calcite-button-h a.content--slotted.sc-calcite-button{font-size:var(--calcite-font-size--2);line-height:1rem}/*!@:host([scale=s][appearance=transparent]) button.content--slotted,\n:host([scale=s][appearance=transparent]) a.content--slotted*/[scale=s][appearance=transparent].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=s][appearance=transparent].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:0.5rem}/*!@:host([scale=s]) button,\n:host([scale=s]) a*/[scale=s].sc-calcite-button-h button.sc-calcite-button,[scale=s].sc-calcite-button-h a.sc-calcite-button{--calcite-button-padding-y-internal:3px}/*!@:host([scale=m]) button.content--slotted,\n:host([scale=m]) a.content--slotted*/[scale=m].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=m].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=m]) button,\n:host([scale=m]) a*/[scale=m].sc-calcite-button-h button.sc-calcite-button,[scale=m].sc-calcite-button-h a.sc-calcite-button{--calcite-button-padding-y-internal:7px}/*!@:host([scale=m][appearance=transparent]) button.content--slotted,\n:host([scale=m][appearance=transparent]) a.content--slotted*/[scale=m][appearance=transparent].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=m][appearance=transparent].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:0.75rem}/*!@:host([scale=l]) button.content--slotted,\n:host([scale=l]) a.content--slotted*/[scale=l].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=l].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l]) .button-padding*/[scale=l].sc-calcite-button-h .button-padding.sc-calcite-button{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}/*!@:host([scale=l]) .button-padding--shrunk*/[scale=l].sc-calcite-button-h .button-padding--shrunk.sc-calcite-button{--calcite-button-padding-y-internal:9px}/*!@:host([scale=s]) button:not(.content--slotted),\n:host([scale=s]) a:not(.content--slotted)*/[scale=s].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}/*!@:host([scale=m]) button:not(.content--slotted),\n:host([scale=m]) a:not(.content--slotted)*/[scale=m].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}/*!@:host([scale=l]) button:not(.content--slotted),\n:host([scale=l]) a:not(.content--slotted)*/[scale=l].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}/*!@:host(:is([scale=s], [scale=m], [scale=l])[width=full]) a:not(.content--slotted),\n:host(:is([scale=s], [scale=m], [scale=l])[width=full]) button:not(.content--slotted)*/.sc-calcite-button-h:is([scale=s] a.sc-calcite-button:not(.content--slotted),[scale=m].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted),[scale=l])[width=full].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted),.sc-calcite-button-h:is([scale=s] button.sc-calcite-button:not(.content--slotted),[scale=m].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l])[width=full].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted){inline-size:var(--calcite-container-size-content-fluid)}/*!@:host([scale=l][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][appearance=transparent]) a:not(.content--slotted)*/[scale=l][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}/*!@:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end]) a:not(.content--slotted)*/[scale=s][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=s][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}/*!@:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end]) a:not(.content--slotted)*/[scale=m][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=m][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:33px}/*!@:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted)*/[scale=l][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start + .icon--end,\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start + .icon--end*/[scale=l][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button,[scale=l][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button{margin-inline-start:1rem}/*!@:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=l][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}/*!@:host([hidden])*/[hidden].sc-calcite-button-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-button{display:none}";
+const buttonCss = "/*!@:host([disabled])*/[disabled].sc-calcite-button-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-button-h *.sc-calcite-button,.sc-calcite-button-h[disabled].sc-calcite-button-s>*,.sc-calcite-button-h[disabled] .sc-calcite-button-s>*{pointer-events:none}/*!@:host*/.sc-calcite-button-h{display:inline-block;inline-size:auto;vertical-align:middle}/*!@:host([round])*/[round].sc-calcite-button-h{border-radius:50px}/*!@:host([round]) a, :host([round]) button*/[round].sc-calcite-button-h a.sc-calcite-button,[round].sc-calcite-button-h button.sc-calcite-button{border-radius:50px}/*!@:host button,\n:host a*/.sc-calcite-button-h button.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button{outline-color:transparent}/*!@:host button:focus,\n:host a:focus*/.sc-calcite-button-h button.sc-calcite-button:focus,.sc-calcite-button-h a.sc-calcite-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}/*!@:host button,\n:host a*/.sc-calcite-button-h button.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}/*!@:host button:hover,\n:host a:hover*/.sc-calcite-button-h button.sc-calcite-button:hover,.sc-calcite-button-h a.sc-calcite-button:hover{text-decoration-line:none}/*!@:host button span,\n:host a span*/.sc-calcite-button-h button.sc-calcite-button span.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button span.sc-calcite-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@.content*/.content.sc-calcite-button{margin-inline:var(--calcite-button-content-margin-internal)}/*!@.icon-start-empty .content*/.icon-start-empty.sc-calcite-button .content.sc-calcite-button{margin-inline-start:unset}/*!@.icon-end-empty .content*/.icon-end-empty.sc-calcite-button .content.sc-calcite-button{margin-inline-end:unset}/*!@:host([scale=m]) button,\n:host([scale=m]) a*/[scale=m].sc-calcite-button-h button.sc-calcite-button,[scale=m].sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:0.75rem}/*!@:host([scale=l]) button,\n:host([scale=l]) a*/[scale=l].sc-calcite-button-h button.sc-calcite-button,[scale=l].sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:1rem}/*!@:host([width=auto])*/[width=auto].sc-calcite-button-h{inline-size:auto}/*!@:host([width=half])*/[width=half].sc-calcite-button-h{inline-size:50%}/*!@:host([width=full])*/[width=full].sc-calcite-button-h{inline-size:100%}/*!@:host([alignment=center]:not([width=auto])) a,\n:host([alignment=center]:not([width=auto])) button*/[alignment=center].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=center].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:center}/*!@:host([alignment=start]:not([width=auto])) a,\n:host([alignment=start]:not([width=auto])) button*/[alignment=start].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=start].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:flex-start}/*!@:host([alignment=end]:not([width=auto])) a,\n:host([alignment=end]:not([width=auto])) button*/[alignment=end].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=end].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:flex-end}/*!@:host([alignment*=space-between]:not([width=auto])) a,\n:host([alignment*=space-between]:not([width=auto])) button*/[alignment*=space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment*=space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:space-between}/*!@:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start*/[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) .icon--start.sc-calcite-button{margin-inline-end:auto}/*!@:host([alignment=icon-start-space-between]:not([width=auto])) a,\n:host([alignment=icon-start-space-between]:not([width=auto])) button*/[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{text-align:unset}/*!@:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end*/[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) .icon--end.sc-calcite-button{margin-inline-start:auto}/*!@:host([alignment=icon-end-space-between]:not([width=auto])) a,\n:host([alignment=icon-end-space-between]:not([width=auto])) button*/[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{text-align:unset}/*!@:host([alignment=center]) a:not(.content--slotted) .icon--start + .icon--end,\n:host([alignment=center]) button:not(.content--slotted) .icon--start + .icon--end*/[alignment=center].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button,[alignment=center].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button{margin-inline-start:var(--calcite-button-content-margin-internal)}/*!@.icon*/.icon.sc-calcite-button{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-button-h[disabled] .sc-calcite-button-s>[calcite-hydrated][disabled],[disabled].sc-calcite-button-h [calcite-hydrated][disabled].sc-calcite-button{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-button{display:contents}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}/*!@.calcite-button--loader*/.calcite-button--loader.sc-calcite-button{display:flex}/*!@.calcite-button--loader calcite-loader*/.calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}/*!@.calcite-button--loader calcite-loader.loading-in*/.calcite-button--loader.sc-calcite-button calcite-loader.loading-in.sc-calcite-button{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}/*!@.calcite-button--loader calcite-loader.loading-out*/.calcite-button--loader.sc-calcite-button calcite-loader.loading-out.sc-calcite-button{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}/*!@:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,\n:host([loading]) a.content--slotted .calcite-button--loader calcite-loader*/[loading].sc-calcite-button-h button.content--slotted.sc-calcite-button .calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button,[loading].sc-calcite-button-h a.content--slotted.sc-calcite-button .calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button{margin-inline-end:var(--calcite-button-content-margin-internal)}/*!@:host([loading]) button:not(.content--slotted) .icon--start,\n:host([loading]) button:not(.content--slotted) .icon--end,\n:host([loading]) a:not(.content--slotted) .icon--start,\n:host([loading]) a:not(.content--slotted) .icon--end*/[loading].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button,[loading].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--end.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--end.sc-calcite-button{display:none}/*!@:host([appearance]) button,\n:host([appearance]) a*/[appearance].sc-calcite-button-h button.sc-calcite-button,[appearance].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;border-color:transparent}/*!@:host([kind=brand]) button,\n:host([kind=brand]) a*/[kind=brand].sc-calcite-button-h button.sc-calcite-button,[kind=brand].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}/*!@:host([kind=brand]) button:hover, :host([kind=brand]) button:focus,\n:host([kind=brand]) a:hover,\n:host([kind=brand]) a:focus*/[kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[kind=brand].sc-calcite-button-h a.sc-calcite-button:hover,[kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-color-brand-hover)}/*!@:host([kind=brand]) button:active,\n:host([kind=brand]) a:active*/[kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[kind=brand].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-color-brand-press)}/*!@:host([kind=brand]) button calcite-loader,\n:host([kind=brand]) a calcite-loader*/[kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-inverse)}/*!@:host([kind=danger]) button,\n:host([kind=danger]) a*/[kind=danger].sc-calcite-button-h button.sc-calcite-button,[kind=danger].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-color-status-danger);color:var(--calcite-color-text-inverse)}/*!@:host([kind=danger]) button:hover, :host([kind=danger]) button:focus,\n:host([kind=danger]) a:hover,\n:host([kind=danger]) a:focus*/[kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[kind=danger].sc-calcite-button-h a.sc-calcite-button:hover,[kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-color-status-danger-hover)}/*!@:host([kind=danger]) button:active,\n:host([kind=danger]) a:active*/[kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[kind=danger].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-color-status-danger-press)}/*!@:host([kind=danger]) button calcite-loader,\n:host([kind=danger]) a calcite-loader*/[kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-inverse)}/*!@:host([kind=neutral]) button,\n:host([kind=neutral]) a*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button,[kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}/*!@:host([kind=neutral]) button:hover, :host([kind=neutral]) button:focus,\n:host([kind=neutral]) a:hover,\n:host([kind=neutral]) a:focus*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-color-foreground-2)}/*!@:host([kind=neutral]) button:active,\n:host([kind=neutral]) a:active*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-color-foreground-1)}/*!@:host([kind=neutral]) button calcite-loader,\n:host([kind=neutral]) a calcite-loader*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([kind=inverse]) button,\n:host([kind=inverse]) a*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button,[kind=inverse].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse)}/*!@:host([kind=inverse]) button:hover, :host([kind=inverse]) button:focus,\n:host([kind=inverse]) a:hover,\n:host([kind=inverse]) a:focus*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-color-inverse-hover)}/*!@:host([kind=inverse]) button:active,\n:host([kind=inverse]) a:active*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-color-inverse-press)}/*!@:host([kind=inverse]) button calcite-loader,\n:host([kind=inverse]) a calcite-loader*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-inverse)}/*!@:host([appearance=outline-fill]) button,\n:host([appearance=outline-fill]) a*/[appearance=outline-fill].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px transparent}/*!@:host([appearance=outline-fill][kind=brand]) button,\n:host([appearance=outline-fill][kind=brand]) a*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-brand)}/*!@:host([appearance=outline-fill][kind=brand]) button:hover,\n:host([appearance=outline-fill][kind=brand]) a:hover*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}/*!@:host([appearance=outline-fill][kind=brand]) button:focus,\n:host([appearance=outline-fill][kind=brand]) a:focus*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}/*!@:host([appearance=outline-fill][kind=brand]) button:active,\n:host([appearance=outline-fill][kind=brand]) a:active*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}/*!@:host([appearance=outline-fill][kind=brand]) button calcite-loader,\n:host([appearance=outline-fill][kind=brand]) a calcite-loader*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-brand)}/*!@:host([appearance=outline-fill][kind=danger]) button,\n:host([appearance=outline-fill][kind=danger]) a*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-color-status-danger);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-status-danger)}/*!@:host([appearance=outline-fill][kind=danger]) button:hover,\n:host([appearance=outline-fill][kind=danger]) a:hover*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}/*!@:host([appearance=outline-fill][kind=danger]) button:focus,\n:host([appearance=outline-fill][kind=danger]) a:focus*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}/*!@:host([appearance=outline-fill][kind=danger]) button:active,\n:host([appearance=outline-fill][kind=danger]) a:active*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}/*!@:host([appearance=outline-fill][kind=danger]) button calcite-loader,\n:host([appearance=outline-fill][kind=danger]) a calcite-loader*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-status-danger)}/*!@:host([appearance=outline-fill][kind=neutral]) button,\n:host([appearance=outline-fill][kind=neutral]) a*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}/*!@:host([appearance=outline-fill][kind=neutral]) button:hover,\n:host([appearance=outline-fill][kind=neutral]) a:hover*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button:focus,\n:host([appearance=outline-fill][kind=neutral]) a:focus*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button:active,\n:host([appearance=outline-fill][kind=neutral]) a:active*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button calcite-loader,\n:host([appearance=outline-fill][kind=neutral]) a calcite-loader*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([appearance=outline-fill][kind=inverse]) button,\n:host([appearance=outline-fill][kind=inverse]) a*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}/*!@:host([appearance=outline-fill][kind=inverse]) button:hover,\n:host([appearance=outline-fill][kind=inverse]) a:hover*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}/*!@:host([appearance=outline-fill][kind=inverse]) button:focus,\n:host([appearance=outline-fill][kind=inverse]) a:focus*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}/*!@:host([appearance=outline-fill][kind=inverse]) button:active,\n:host([appearance=outline-fill][kind=inverse]) a:active*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}/*!@:host([appearance=outline-fill][kind=inverse]) button calcite-loader,\n:host([appearance=outline-fill][kind=inverse]) a calcite-loader*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([appearance=outline]) button,\n:host([appearance=outline]) a*/[appearance=outline].sc-calcite-button-h button.sc-calcite-button,[appearance=outline].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}/*!@:host([appearance=outline][kind=brand]) button,\n:host([appearance=outline][kind=brand]) a*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-color-brand);background-color:transparent;color:var(--calcite-color-brand)}/*!@:host([appearance=outline][kind=brand]) button:hover,\n:host([appearance=outline][kind=brand]) a:hover*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}/*!@:host([appearance=outline][kind=brand]) button:focus,\n:host([appearance=outline][kind=brand]) a:focus*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}/*!@:host([appearance=outline][kind=brand]) button:active,\n:host([appearance=outline][kind=brand]) a:active*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}/*!@:host([appearance=outline][kind=brand]) button calcite-loader,\n:host([appearance=outline][kind=brand]) a calcite-loader*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-brand)}/*!@:host([appearance=outline][kind=danger]) button,\n:host([appearance=outline][kind=danger]) a*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-color-status-danger);background-color:transparent;color:var(--calcite-color-status-danger)}/*!@:host([appearance=outline][kind=danger]) button:hover,\n:host([appearance=outline][kind=danger]) a:hover*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}/*!@:host([appearance=outline][kind=danger]) button:focus,\n:host([appearance=outline][kind=danger]) a:focus*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}/*!@:host([appearance=outline][kind=danger]) button:active,\n:host([appearance=outline][kind=danger]) a:active*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}/*!@:host([appearance=outline][kind=danger]) button calcite-loader,\n:host([appearance=outline][kind=danger]) a calcite-loader*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-status-danger)}/*!@:host([appearance=outline][kind=neutral]) button,\n:host([appearance=outline][kind=neutral]) a*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}/*!@:host([appearance=outline][kind=neutral]) button:hover,\n:host([appearance=outline][kind=neutral]) a:hover*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button:focus,\n:host([appearance=outline][kind=neutral]) a:focus*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button:active,\n:host([appearance=outline][kind=neutral]) a:active*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button calcite-loader,\n:host([appearance=outline][kind=neutral]) a calcite-loader*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([appearance=outline][kind=inverse]) button,\n:host([appearance=outline][kind=inverse]) a*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}/*!@:host([appearance=outline][kind=inverse]) button:hover,\n:host([appearance=outline][kind=inverse]) a:hover*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}/*!@:host([appearance=outline][kind=inverse]) button:focus,\n:host([appearance=outline][kind=inverse]) a:focus*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}/*!@:host([appearance=outline][kind=inverse]) button:active,\n:host([appearance=outline][kind=inverse]) a:active*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}/*!@:host([appearance=outline][kind=inverse]) button calcite-loader,\n:host([appearance=outline][kind=inverse]) a calcite-loader*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([appearance=outline-fill][split-child=primary]) button,\n:host([appearance=outline][split-child=primary]) button*/[appearance=outline-fill][split-child=primary].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][split-child=primary].sc-calcite-button-h button.sc-calcite-button{border-inline-end-width:0;border-inline-start-width:1px}/*!@:host([appearance=outline-fill][split-child=secondary]) button,\n:host([appearance=outline][split-child=secondary]) button*/[appearance=outline-fill][split-child=secondary].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][split-child=secondary].sc-calcite-button-h button.sc-calcite-button{border-inline-start-width:0;border-inline-end-width:1px}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button,\n:host([appearance=transparent]:not(.enable-editing-button)) a*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button{background-color:transparent}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button:hover, :host([appearance=transparent]:not(.enable-editing-button)) button:focus,\n:host([appearance=transparent]:not(.enable-editing-button)) a:hover,\n:host([appearance=transparent]:not(.enable-editing-button)) a:focus*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:hover,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:focus,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:hover,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:focus{background-color:var(--calcite-color-transparent-hover)}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button:active,\n:host([appearance=transparent]:not(.enable-editing-button)) a:active*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:active,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:active{background-color:var(--calcite-color-transparent-press)}/*!@:host([appearance=transparent][kind=brand]) button,\n:host([appearance=transparent][kind=brand]) a*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-color-brand)}/*!@:host([appearance=transparent][kind=brand]) button:hover,\n:host([appearance=transparent][kind=brand]) a:hover*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{color:var(--calcite-color-brand-hover)}/*!@:host([appearance=transparent][kind=brand]) button:focus,\n:host([appearance=transparent][kind=brand]) a:focus*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{color:var(--calcite-color-brand)}/*!@:host([appearance=transparent][kind=brand]) button:active,\n:host([appearance=transparent][kind=brand]) a:active*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{color:var(--calcite-color-brand-press)}/*!@:host([appearance=transparent][kind=brand]) button calcite-loader,\n:host([appearance=transparent][kind=brand]) a calcite-loader*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-brand)}/*!@:host([appearance=transparent][kind=danger]) button,\n:host([appearance=transparent][kind=danger]) a*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-color-status-danger)}/*!@:host([appearance=transparent][kind=danger]) button:hover,\n:host([appearance=transparent][kind=danger]) a:hover*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{color:var(--calcite-color-status-danger-hover)}/*!@:host([appearance=transparent][kind=danger]) button:focus,\n:host([appearance=transparent][kind=danger]) a:focus*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{color:var(--calcite-color-status-danger)}/*!@:host([appearance=transparent][kind=danger]) button:active,\n:host([appearance=transparent][kind=danger]) a:active*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{color:var(--calcite-color-status-danger-press)}/*!@:host([appearance=transparent][kind=danger]) button calcite-loader,\n:host([appearance=transparent][kind=danger]) a calcite-loader*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-color-status-danger)}/*!@:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,\n:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,\n:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader*/[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) button.sc-calcite-button,[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) a.sc-calcite-button,[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) calcite-loader.sc-calcite-button{color:var(--calcite-color-text-1)}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-color-text-3);border-block-start-color:var(--calcite-color-border-input);border-block-end-color:var(--calcite-color-border-input);border-block-style:solid}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted)*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y-internal:0}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:hover{color:var(--calcite-color-text-1)}/*!@:host([appearance=transparent][kind=neutral].enable-editing-button) button*/[appearance=transparent][kind=neutral].enable-editing-button.sc-calcite-button-h button.sc-calcite-button{background-color:transparent}/*!@:host(.confirm-changes-button) button:focus,\n:host(.cancel-editing-button) button:focus,\n:host(.enable-editing-button) button:focus*/.confirm-changes-button.sc-calcite-button-h button.sc-calcite-button:focus,.cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:focus,.enable-editing-button.sc-calcite-button-h button.sc-calcite-button:focus{outline-offset:-2px}/*!@:host([appearance=transparent][kind=inverse]) button,\n:host([appearance=transparent][kind=inverse]) a,\n:host([appearance=transparent][kind=inverse]) calcite-loader*/[appearance=transparent][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=inverse].sc-calcite-button-h a.sc-calcite-button,[appearance=transparent][kind=inverse].sc-calcite-button-h calcite-loader.sc-calcite-button{color:var(--calcite-color-text-inverse)}/*!@:host([scale=s]) button.content--slotted,\n:host([scale=s]) a.content--slotted*/[scale=s].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=s].sc-calcite-button-h a.content--slotted.sc-calcite-button{font-size:var(--calcite-font-size--2);line-height:1rem}/*!@:host([scale=s][appearance=transparent]) button.content--slotted,\n:host([scale=s][appearance=transparent]) a.content--slotted*/[scale=s][appearance=transparent].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=s][appearance=transparent].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:0.5rem}/*!@:host([scale=s]) button,\n:host([scale=s]) a*/[scale=s].sc-calcite-button-h button.sc-calcite-button,[scale=s].sc-calcite-button-h a.sc-calcite-button{--calcite-button-padding-y-internal:3px}/*!@:host([scale=m]) button.content--slotted,\n:host([scale=m]) a.content--slotted*/[scale=m].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=m].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=m]) button,\n:host([scale=m]) a*/[scale=m].sc-calcite-button-h button.sc-calcite-button,[scale=m].sc-calcite-button-h a.sc-calcite-button{--calcite-button-padding-y-internal:7px}/*!@:host([scale=m][appearance=transparent]) button.content--slotted,\n:host([scale=m][appearance=transparent]) a.content--slotted*/[scale=m][appearance=transparent].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=m][appearance=transparent].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:0.75rem}/*!@:host([scale=l]) button.content--slotted,\n:host([scale=l]) a.content--slotted*/[scale=l].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=l].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l]) .button-padding*/[scale=l].sc-calcite-button-h .button-padding.sc-calcite-button{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}/*!@:host([scale=l]) .button-padding--shrunk*/[scale=l].sc-calcite-button-h .button-padding--shrunk.sc-calcite-button{--calcite-button-padding-y-internal:9px}/*!@:host([scale=s]) button:not(.content--slotted),\n:host([scale=s]) a:not(.content--slotted)*/[scale=s].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}/*!@:host([scale=m]) button:not(.content--slotted),\n:host([scale=m]) a:not(.content--slotted)*/[scale=m].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}/*!@:host([scale=l]) button:not(.content--slotted),\n:host([scale=l]) a:not(.content--slotted)*/[scale=l].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}/*!@:host([scale=l][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][appearance=transparent]) a:not(.content--slotted)*/[scale=l][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}/*!@:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end]) a:not(.content--slotted)*/[scale=s][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=s][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}/*!@:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end]) a:not(.content--slotted)*/[scale=m][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=m][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:33px}/*!@:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted)*/[scale=l][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start + .icon--end,\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start + .icon--end*/[scale=l][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button,[scale=l][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button{margin-inline-start:1rem}/*!@:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=l][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}/*!@:host([hidden])*/[hidden].sc-calcite-button-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-button{display:none}";
 var CalciteButtonStyle0 = buttonCss;
 
 /** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
@@ -20071,18 +20116,23 @@ class Carousel {
         this.handleArrowClick = (event) => {
             const direction = event.target.dataset.direction;
             if (direction === "next") {
+                this.direction = "forward";
                 this.nextItem(true);
             }
             else if (direction === "previous") {
+                this.direction = "backward";
                 this.previousItem();
             }
         };
         this.handleItemSelection = (event) => {
+            const item = event.target;
+            const requestedPosition = parseInt(item.dataset.index);
+            if (requestedPosition === this.selectedIndex) {
+                return;
+            }
             if (this.playing) {
                 this.handlePause(true);
             }
-            const item = event.target;
-            const requestedPosition = parseInt(item.dataset.index);
             this.direction = requestedPosition > this.selectedIndex ? "forward" : "backward";
             this.setSelectedItem(requestedPosition, true);
         };
@@ -20191,6 +20241,9 @@ class Carousel {
         this.storeContainerRef = (el) => {
             this.container = el;
         };
+        this.storeItemContainerRef = (el) => {
+            this.itemContainer = el;
+        };
         // --------------------------------------------------------------------------
         //
         //  Render Methods
@@ -20239,7 +20292,7 @@ class Carousel {
         this.selectedItem = undefined;
         this.selectedIndex = undefined;
         this.items = [];
-        this.direction = undefined;
+        this.direction = "standby";
         this.defaultMessages = undefined;
         this.playing = false;
         this.suspendedDueToFocus = false;
@@ -20315,6 +20368,13 @@ class Carousel {
         }
         this.handlePause(true);
     }
+    async directionWatcher(direction) {
+        if (direction === "standby") {
+            return;
+        }
+        await whenAnimationDone(this.itemContainer, direction === "forward" ? "item-forward" : "item-backward");
+        this.direction = "standby";
+    }
     playingWatcher() {
         this.paused = !this.playing;
     }
@@ -20375,23 +20435,26 @@ class Carousel {
     }
     render() {
         const { direction } = this;
-        return (hAsync(Host, { key: '692bc42380aad4126c4d14f825c8209b32edb20e' }, hAsync(InteractiveContainer, { key: '96affe45d0c2e7594158389751b7e628039476f8', disabled: this.disabled }, hAsync("div", { key: '1b2caef5c5ea571c342423118074198f986ecb62', "aria-label": this.label, "aria-live": this.playing ? "off" : "polite", "aria-roledescription": this.messages.carousel, class: {
+        return (hAsync(Host, { key: 'e26fac48bb322e4d33ae1074c83ca4f83da24649' }, hAsync(InteractiveContainer, { key: 'ecdc547a3127f58eaec10677281a34ad895f6d5e', disabled: this.disabled }, hAsync("div", { key: '99b501c010c01559c943290cc026bbab193ede57', "aria-label": this.label, "aria-live": this.playing ? "off" : "polite", "aria-roledescription": this.messages.carousel, class: {
                 [CSS$1a.container]: true,
                 [CSS$1a.containerOverlaid]: this.controlOverlay,
                 [CSS$1a.containerEdged]: this.arrowType === "edge",
             }, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.containerKeyDownHandler, onMouseEnter: this.handleMouseIn, onMouseLeave: this.handleMouseOut, role: "group", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props
-            ref: this.storeContainerRef }, hAsync("section", { key: 'a5eb3108e7a3dc72038b0907e21d698dc1674280', class: {
+            ref: this.storeContainerRef }, hAsync("section", { key: '4a6b4483dd82a0e8e374ad48c41c8dac826d681e', class: {
                 [CSS$1a.itemContainer]: true,
                 [CSS$1a.itemContainerForward]: direction === "forward",
                 [CSS$1a.itemContainerBackward]: direction === "backward",
-            }, id: this.containerId }, hAsync("slot", { key: '95f76e6b958c3559095aa4e5135168619f2bc0e5', onSlotchange: this.handleSlotChange })), this.items.length > 1 && this.renderPaginationArea(), this.arrowType === "edge" && this.renderArrow("previous"), this.arrowType === "edge" && this.renderArrow("next")))));
+            }, 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: '4c3e1b8181f21348339e42a0e08ba87985220ee7', 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); }
     static get watchers() { return {
         "autoplay": ["autoplayWatcher"],
         "messageOverrides": ["onMessagesChange"],
+        "direction": ["directionWatcher"],
         "playing": ["playingWatcher"],
         "suspendedDueToFocus": ["suspendWatcher"],
         "suspendedDueToHover": ["suspendWatcher"],
@@ -24498,7 +24561,7 @@ class ColorPickerSwatch {
 
 /**
  * Do not edit directly
- * Generated on Wed, 08 May 2024 22:48:25 GMT
+ * Generated on Tue, 14 May 2024 19:22:53 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -25245,137 +25308,6 @@ const hide$1 = function (options) {
   };
 };
 
-function getBoundingRect(rects) {
-  const minX = min(...rects.map(rect => rect.left));
-  const minY = min(...rects.map(rect => rect.top));
-  const maxX = max(...rects.map(rect => rect.right));
-  const maxY = max(...rects.map(rect => rect.bottom));
-  return {
-    x: minX,
-    y: minY,
-    width: maxX - minX,
-    height: maxY - minY
-  };
-}
-function getRectsByLine(rects) {
-  const sortedRects = rects.slice().sort((a, b) => a.y - b.y);
-  const groups = [];
-  let prevRect = null;
-  for (let i = 0; i < sortedRects.length; i++) {
-    const rect = sortedRects[i];
-    if (!prevRect || rect.y - prevRect.y > prevRect.height / 2) {
-      groups.push([rect]);
-    } else {
-      groups[groups.length - 1].push(rect);
-    }
-    prevRect = rect;
-  }
-  return groups.map(rect => rectToClientRect(getBoundingRect(rect)));
-}
-/**
- * Provides improved positioning for inline reference elements that can span
- * over multiple lines, such as hyperlinks or range selections.
- * @see https://floating-ui.com/docs/inline
- */
-const inline = function (options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    name: 'inline',
-    options,
-    async fn(state) {
-      const {
-        placement,
-        elements,
-        rects,
-        platform,
-        strategy
-      } = state;
-      // A MouseEvent's client{X,Y} coords can be up to 2 pixels off a
-      // ClientRect's bounds, despite the event listener being triggered. A
-      // padding of 2 seems to handle this issue.
-      const {
-        padding = 2,
-        x,
-        y
-      } = evaluate(options, state);
-      const nativeClientRects = Array.from((await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference))) || []);
-      const clientRects = getRectsByLine(nativeClientRects);
-      const fallback = rectToClientRect(getBoundingRect(nativeClientRects));
-      const paddingObject = getPaddingObject(padding);
-      function getBoundingClientRect() {
-        // There are two rects and they are disjoined.
-        if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null) {
-          // Find the first rect in which the point is fully inside.
-          return clientRects.find(rect => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;
-        }
-
-        // There are 2 or more connected rects.
-        if (clientRects.length >= 2) {
-          if (getSideAxis(placement) === 'y') {
-            const firstRect = clientRects[0];
-            const lastRect = clientRects[clientRects.length - 1];
-            const isTop = getSide(placement) === 'top';
-            const top = firstRect.top;
-            const bottom = lastRect.bottom;
-            const left = isTop ? firstRect.left : lastRect.left;
-            const right = isTop ? firstRect.right : lastRect.right;
-            const width = right - left;
-            const height = bottom - top;
-            return {
-              top,
-              bottom,
-              left,
-              right,
-              width,
-              height,
-              x: left,
-              y: top
-            };
-          }
-          const isLeftSide = getSide(placement) === 'left';
-          const maxRight = max(...clientRects.map(rect => rect.right));
-          const minLeft = min(...clientRects.map(rect => rect.left));
-          const measureRects = clientRects.filter(rect => isLeftSide ? rect.left === minLeft : rect.right === maxRight);
-          const top = measureRects[0].top;
-          const bottom = measureRects[measureRects.length - 1].bottom;
-          const left = minLeft;
-          const right = maxRight;
-          const width = right - left;
-          const height = bottom - top;
-          return {
-            top,
-            bottom,
-            left,
-            right,
-            width,
-            height,
-            x: left,
-            y: top
-          };
-        }
-        return fallback;
-      }
-      const resetRects = await platform.getElementRects({
-        reference: {
-          getBoundingClientRect
-        },
-        floating: elements.floating,
-        strategy
-      });
-      if (rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.width || rects.reference.height !== resetRects.reference.height) {
-        return {
-          reset: {
-            rects: resetRects
-          }
-        };
-      }
-      return {};
-    }
-  };
-};
-
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
 
@@ -25425,7 +25357,7 @@ async function convertValueToCoords(state, options) {
  * object may be passed.
  * @see https://floating-ui.com/docs/offset
  */
-const offset$1 = function (options) {
+const offset = function (options) {
   if (options === void 0) {
     options = 0;
   }
@@ -25532,156 +25464,6 @@ const shift$1 = function (options) {
     }
   };
 };
-/**
- * Built-in `limiter` that will stop `shift()` at a certain point.
- */
-const limitShift = function (options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    options,
-    fn(state) {
-      const {
-        x,
-        y,
-        placement,
-        rects,
-        middlewareData
-      } = state;
-      const {
-        offset = 0,
-        mainAxis: checkMainAxis = true,
-        crossAxis: checkCrossAxis = true
-      } = evaluate(options, state);
-      const coords = {
-        x,
-        y
-      };
-      const crossAxis = getSideAxis(placement);
-      const mainAxis = getOppositeAxis(crossAxis);
-      let mainAxisCoord = coords[mainAxis];
-      let crossAxisCoord = coords[crossAxis];
-      const rawOffset = evaluate(offset, state);
-      const computedOffset = typeof rawOffset === 'number' ? {
-        mainAxis: rawOffset,
-        crossAxis: 0
-      } : {
-        mainAxis: 0,
-        crossAxis: 0,
-        ...rawOffset
-      };
-      if (checkMainAxis) {
-        const len = mainAxis === 'y' ? 'height' : 'width';
-        const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;
-        const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
-        if (mainAxisCoord < limitMin) {
-          mainAxisCoord = limitMin;
-        } else if (mainAxisCoord > limitMax) {
-          mainAxisCoord = limitMax;
-        }
-      }
-      if (checkCrossAxis) {
-        var _middlewareData$offse, _middlewareData$offse2;
-        const len = mainAxis === 'y' ? 'width' : 'height';
-        const isOriginSide = ['top', 'left'].includes(getSide(placement));
-        const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
-        const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
-        if (crossAxisCoord < limitMin) {
-          crossAxisCoord = limitMin;
-        } else if (crossAxisCoord > limitMax) {
-          crossAxisCoord = limitMax;
-        }
-      }
-      return {
-        [mainAxis]: mainAxisCoord,
-        [crossAxis]: crossAxisCoord
-      };
-    }
-  };
-};
-
-/**
- * Provides data that allows you to change the size of the floating element —
- * for instance, prevent it from overflowing the clipping boundary or match the
- * width of the reference element.
- * @see https://floating-ui.com/docs/size
- */
-const size = function (options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    name: 'size',
-    options,
-    async fn(state) {
-      const {
-        placement,
-        rects,
-        platform,
-        elements
-      } = state;
-      const {
-        apply = () => {},
-        ...detectOverflowOptions
-      } = evaluate(options, state);
-      const overflow = await detectOverflow(state, detectOverflowOptions);
-      const side = getSide(placement);
-      const alignment = getAlignment(placement);
-      const isYAxis = getSideAxis(placement) === 'y';
-      const {
-        width,
-        height
-      } = rects.floating;
-      let heightSide;
-      let widthSide;
-      if (side === 'top' || side === 'bottom') {
-        heightSide = side;
-        widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';
-      } else {
-        widthSide = side;
-        heightSide = alignment === 'end' ? 'top' : 'bottom';
-      }
-      const overflowAvailableHeight = height - overflow[heightSide];
-      const overflowAvailableWidth = width - overflow[widthSide];
-      const noShift = !state.middlewareData.shift;
-      let availableHeight = overflowAvailableHeight;
-      let availableWidth = overflowAvailableWidth;
-      if (isYAxis) {
-        const maximumClippingWidth = width - overflow.left - overflow.right;
-        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
-      } else {
-        const maximumClippingHeight = height - overflow.top - overflow.bottom;
-        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
-      }
-      if (noShift && !alignment) {
-        const xMin = max(overflow.left, 0);
-        const xMax = max(overflow.right, 0);
-        const yMin = max(overflow.top, 0);
-        const yMax = max(overflow.bottom, 0);
-        if (isYAxis) {
-          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
-        } else {
-          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
-        }
-      }
-      await apply({
-        ...state,
-        availableWidth,
-        availableHeight
-      });
-      const nextDimensions = await platform.getDimensions(elements.floating);
-      if (width !== nextDimensions.width || height !== nextDimensions.height) {
-        return {
-          reset: {
-            rects: true
-          }
-        };
-      }
-      return {};
-    }
-  };
-};
 
 function getNodeName(node) {
   if (isNode(node)) {
@@ -26221,14 +26003,12 @@ function getOffsetParent(element, polyfill) {
 const getElementRects = async function (data) {
   const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
   const getDimensionsFn = this.getDimensions;
-  const floatingDimensions = await getDimensionsFn(data.floating);
   return {
     reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
     floating: {
       x: 0,
       y: 0,
-      width: floatingDimensions.width,
-      height: floatingDimensions.height
+      ...(await getDimensionsFn(data.floating))
     }
   };
 };
@@ -26250,15 +26030,6 @@ const platform = {
   isRTL
 };
 
-/**
- * Modifies the placement by translating the floating element along the
- * specified axes.
- * A number (shorthand for `mainAxis` or distance), or an axes configuration
- * object may be passed.
- * @see https://floating-ui.com/docs/offset
- */
-const offset = offset$1;
-
 /**
  * Optimizes the visibility of the floating element by choosing the placement
  * that has the most space available automatically, without needing to specify a
@@ -26282,14 +26053,6 @@ const shift = shift$1;
  */
 const flip = flip$1;
 
-/**
- * Provides data that allows you to change the size of the floating element —
- * for instance, prevent it from overflowing the clipping boundary or match the
- * width of the reference element.
- * @see https://floating-ui.com/docs/size
- */
-size;
-
 /**
  * Provides data to hide the floating element in applicable situations, such as
  * when it is not in the same clipping context as the reference element.
@@ -26304,18 +26067,6 @@ const hide = hide$1;
  */
 const arrow = arrow$1;
 
-/**
- * Provides improved positioning for inline reference elements that can span
- * over multiple lines, such as hyperlinks or range selections.
- * @see https://floating-ui.com/docs/inline
- */
-inline;
-
-/**
- * Built-in `limiter` that will stop `shift()` at a certain point.
- */
-limitShift;
-
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
  * next to a given reference element.
@@ -26818,7 +26569,7 @@ class Combobox {
                     }
                     break;
                 case "Delete":
-                case "Backspace": {
+                case "Backspace":
                     const notDeletable = this.selectionDisplay === "single" ||
                         (this.selectionDisplay === "fit" && this.selectedHiddenChipsCount > 0);
                     if (notDeletable) {
@@ -26833,7 +26584,6 @@ class Combobox {
                         this.removeLastChip();
                     }
                     break;
-                }
             }
         };
         this.toggleCloseEnd = () => {
@@ -27715,7 +27465,7 @@ class Combobox {
         const singleSelectionDisplay = selectionDisplay === "single";
         const fitSelectionDisplay = !singleSelectionMode && selectionDisplay === "fit";
         const isClearable = !this.clearDisabled && this.value?.length > 0;
-        return (hAsync(Host, { key: 'fd504d20e7ccd1f724655680356033a0c0ef6ab7', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: '05505ddbf5f6d3ee69d5b5230f30a0934f5ba435', disabled: this.disabled }, hAsync("div", { key: '5f31d2fac1c5aba1f8bdb900bd3be9fc2ab3fc31', "aria-live": "polite", class: {
+        return (hAsync(Host, { key: 'd7bb6fbd99d46d6baacd027bf67d440156aa8235', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: 'f0e960f155ffed736782818874432e49aec7da43', disabled: this.disabled }, hAsync("div", { key: '5b69d59411f589c99d1087ffc9d2f34a02ce4abf', "aria-live": "polite", class: {
                 wrapper: true,
                 "wrapper--single": singleSelectionMode || !this.selectedItems.length,
                 "wrapper--active": open,
@@ -27733,7 +27483,7 @@ class Combobox {
             this.renderSelectedIndicatorChipCompact(),
             this.renderAllSelectedIndicatorChip(),
             this.renderAllSelectedIndicatorChipCompact(),
-        ], hAsync("label", { key: '4942b4029914a62a58d3ae0be7b182f35d7abf19', 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: '5b65b1ee247edcd7f8ff5f409a7f436af4d92d2a', "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: '31f4a25286b2f61b12c4fb6e4d0b50eb1d0a8997', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        ], hAsync("label", { key: '9b9988f68638cbf4b5379e815dd9ed88b5b83430', 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: 'e52aae918a2ad75c1f84e6761d4651a59397e5f7', "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: 'feb9c678d698e149bc58b0aed458dee9d6fb8115', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -31367,7 +31117,6 @@ class InlineEditable {
                 }
             }
             catch (error) {
-                // we handle error in finally block
             }
             finally {
                 this.loading = false;
@@ -33815,47 +33564,43 @@ class InputDatePicker {
             locale: effectiveLocale,
             useGrouping: false,
         };
-        return (hAsync(Host, { key: '9b4fed74209f0ce20402ee8a48afd7ebf2d2e796', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '1877b35c7266d6a31fd969b12505d6c33f180801', disabled: this.disabled }, this.localeData && (hAsync("div", { key: '98a3c9332f16b7e49b3580057bd1dda0e8f419b1', class: CSS$Q.inputContainer }, hAsync("div", { key: '5b63ddf71f50de93bb6cb19cd5b49ae62553d30e', class: CSS$Q.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
+        return (hAsync(Host, { key: 'fd558a11028d7d967811f2a1236d46e82d45161b', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'ebf90902c5f3056147f91ee4690e6e69ab452042', disabled: this.disabled }, this.localeData && (hAsync("div", { key: '5e5cfbb9688e08aaf1e12b3527882ee3911d8e84', class: CSS$Q.inputContainer }, hAsync("div", { key: '63014b5695465c3a1b4fe54be6f036a1aa8393e8', class: CSS$Q.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setStartWrapper }, hAsync("calcite-input-text", { key: '036b367f8ba85775c5e55a2189df166b822e5c1a', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+            ref: this.setStartWrapper }, hAsync("calcite-input-text", { key: '5cfeff37fb1998954f4e17296f15fcf6b9ea10cd', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS$Q.input]: true,
                 [CSS$Q.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, role: "combobox", scale: this.scale, status: this.status,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setStartInput }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "start"), hAsync("span", { key: 'c73a5a9211f43697fbd8c0ef32476b7e54bd227e', "aria-hidden": "true", class: CSS$Q.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { key: '03a74c0f9056726def3f96c8ad432e11e504e003', "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: 'f3a99326b0ee83dded0efcce2bacc2acca82741a', "aria-hidden": "true", class: CSS$Q.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { key: '87d96dd359485c1c192f63f694365f6767346207', "aria-hidden": toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
                 [CSS$Q.menu]: true,
                 [CSS$Q.menuActive]: this.open,
             }, id: this.dialogId, role: "dialog",
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setFloatingEl }, hAsync("div", { key: 'e10739a9e1cc01e5d55fcd2b42a9c49d581a1547', class: {
+            ref: this.setFloatingEl }, hAsync("div", { key: '7bb0daff0e3017152b69a7bec09de23d96539749', class: {
                 [CSS$Q.calendarWrapper]: true,
                 [CSS$Q.calendarWrapperEnd]: this.focusedInput === "end",
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: this.open,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, hAsync("calcite-date-picker", { key: '6b1d92977d42fa9cd26e76d7ef5cee537bf4235f', 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, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate,
+            ref: this.setTransitionEl }, hAsync("calcite-date-picker", { key: 'e9a771765f104b79391396ead9d7e359aa0325cb', 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, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setDatePickerRef }))), this.range && this.layout === "horizontal" && (hAsync("div", { key: '40bd58c4b0cb11f58f7c3bde7b5baebb67375cd3', class: CSS$Q.horizontalArrowContainer }, hAsync("calcite-icon", { key: 'cf77d1c7bf63b8e0585804436a6230422639b262', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { key: '7bc5440dc15d99699bda44e5a9413191d2188c2b', class: CSS$Q.verticalArrowContainer }, hAsync("calcite-icon", { key: 'b44fa7fe13ba09ebbcfbe95b20118f6792e247dd', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { key: '55fd0cc69c81d43060b4823633eb92acb4451a9c', class: CSS$Q.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
+            ref: this.setDatePickerRef }))), this.range && this.layout === "horizontal" && (hAsync("div", { key: '61b5787f2990d8143bf62da9e33e1253ab196a47', class: CSS$Q.horizontalArrowContainer }, hAsync("calcite-icon", { key: 'c665d2196d7cc71535ae1e352729ad7c3eb606e6', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { key: '3b5b05e60ad4dc6e866f2a2e3b8da8427e0d8769', class: CSS$Q.verticalArrowContainer }, hAsync("calcite-icon", { key: '395db3f34af565b7403ce50a1455833a43a86463', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { key: '596548166a4798cbd04ee76938a5a5e8ae2a9081', class: CSS$Q.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setEndWrapper }, hAsync("calcite-input-text", { key: '51ca07448eff470dd6d373bdf3a4acf707ebc5c4', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+            ref: this.setEndWrapper }, hAsync("calcite-input-text", { key: '1d56b70f902730c20cd0d501d5ece75635bd503b', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS$Q.input]: true,
                 [CSS$Q.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, role: "combobox", scale: this.scale, status: this.status,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setEndInput }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), hAsync(HiddenFormInputSlot, { key: '0e712510ff913b150c0e88c2e0cdc7dffcf9821b', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), hAsync(HiddenFormInputSlot, { key: '7f09766af52aaa2db452431301dfa55cd8af3a2e', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (
         // we set tab index to -1 to prevent delegatesFocus from stealing focus before we can set it
         hAsync("span", { class: CSS$Q.toggleIcon, tabIndex: -1 }, hAsync("calcite-icon", { class: CSS$Q.chevronIcon, icon: open ? "chevron-up" : "chevron-down", scale: getIconScale(this.scale) })));
     }
-    effectiveLocaleChange() {
-        updateMessages(this);
-        this.loadLocaleData();
-    }
     setReferenceEl() {
         const { focusedInput, layout, endWrapper, startWrapper } = this;
         this.referenceEl =
@@ -34005,9 +33750,9 @@ class InputDatePicker {
         "max": ["onMaxChanged"],
         "open": ["openHandler"],
         "overlayPositioning": ["overlayPositioningHandler"],
-        "effectiveLocale": ["effectiveLocaleChange"],
         "layout": ["setReferenceEl"],
-        "focusedInput": ["setReferenceEl"]
+        "focusedInput": ["setReferenceEl"],
+        "effectiveLocale": ["loadLocaleData"]
     }; }
     static get style() { return CalciteInputDatePickerStyle0; }
     static get cmpMeta() { return {
@@ -36935,7 +36680,7 @@ class InputTimePicker {
         this.userChangedValue = false;
     }
     async effectiveLocaleWatcher(locale) {
-        await Promise.all([this.loadDateTimeLocaleData(), updateMessages(this)]);
+        await this.loadDateTimeLocaleData();
         this.setInputValue(localizeTimeString({
             value: this.value,
             locale,
@@ -37221,13 +36966,13 @@ class InputTimePicker {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, messages, readOnly, dialogId } = this;
-        return (hAsync(Host, { key: '3c4ce48e13ea2b9bc2034cb984a85c5b99ac909f', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'bbbe79fd3df0b1920cf2e9aa6cb4cc449b621a4d', disabled: this.disabled }, hAsync("div", { key: '97592424f5ece835a4c71114a126681e321f7814', class: "input-wrapper", onClick: this.onInputWrapperClick }, hAsync("calcite-input-text", { key: 'a214f7e6a798ef0acf63a2bec893d6db7d3a920f', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
+        return (hAsync(Host, { key: '561e33708dcc90afdba91d4072b7979ff11f79c7', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '19c3360f4640bce039a46d8cb06a8927855bf13c', disabled: this.disabled }, hAsync("div", { key: 'e48f09d0b5179e75e55cc9664f880bd350543d6a', class: "input-wrapper", onClick: this.onInputWrapperClick }, hAsync("calcite-input-text", { key: '717afb03fbcf590ebf927fe4bd0005a00e5fe2ec', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setInputAndTransitionEl }), !this.readOnly && this.renderToggleIcon(this.open)), hAsync("calcite-popover", { key: 'ffc8a106dc7b9879bdbe2dee81e8f17d7c021105', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, referenceElement: this.referenceElementId, triggerDisabled: true,
+            ref: this.setInputAndTransitionEl }), !this.readOnly && this.renderToggleIcon(this.open)), hAsync("calcite-popover", { key: 'd62bfe8b3ddc24e012d84b61a05061a09e6322dd', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, referenceElement: this.referenceElementId, triggerDisabled: true,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setCalcitePopoverEl }, hAsync("calcite-time-picker", { key: '167cdf12ae9e2ab8a9419f621d0a2277149284de', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value,
+            ref: this.setCalcitePopoverEl }, hAsync("calcite-time-picker", { key: '6bfcee7272942b5476486a86933376b81aff7b23', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setCalciteTimePickerEl })), hAsync(HiddenFormInputSlot, { key: 'baa158386a264e52544b336aa5c17116f8f5097e', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            ref: this.setCalciteTimePickerEl })), hAsync(HiddenFormInputSlot, { key: '0ca8c8c04ef40e120530a4666761473b8d1b987f', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (hAsync("span", { class: CSS$N.toggleIcon }, hAsync("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: getIconScale(this.scale) })));
@@ -40787,7 +40532,7 @@ class List$1 {
             directItems.forEach((item) => {
                 item.dragHandle = dragEnabled;
             });
-            if (this.parentListEl) {
+            if (!!this.parentListEl) {
                 this.setUpSorting();
                 return;
             }
@@ -40900,11 +40645,10 @@ class List$1 {
     handleListItemChange() {
         this.updateListItems();
     }
-    handleCalciteListItemToggle(event) {
+    handleCalciteListItemToggle() {
         if (this.parentListEl) {
             return;
         }
-        event.stopPropagation();
         this.borderItems();
     }
     handleCalciteInternalFocusPreviousItem(event) {
@@ -40920,7 +40664,7 @@ class List$1 {
         }
     }
     handleCalciteInternalListItemActive(event) {
-        if (this.parentListEl) {
+        if (!!this.parentListEl) {
             return;
         }
         event.stopPropagation();
@@ -40931,7 +40675,7 @@ class List$1 {
         });
     }
     handleCalciteListItemSelect() {
-        if (this.parentListEl) {
+        if (!!this.parentListEl) {
             return;
         }
         this.updateSelectedItems(true);
@@ -40941,13 +40685,13 @@ class List$1 {
         event.stopPropagation();
     }
     handleCalciteHandleNudge(event) {
-        if (this.parentListEl) {
+        if (!!this.parentListEl) {
             return;
         }
         this.handleNudgeEvent(event);
     }
     handleCalciteInternalListItemSelect(event) {
-        if (this.parentListEl) {
+        if (!!this.parentListEl) {
             return;
         }
         event.stopPropagation();
@@ -40959,7 +40703,7 @@ class List$1 {
         this.updateSelectedItems();
     }
     handleCalciteInternalListItemSelectMultiple(event) {
-        if (this.parentListEl) {
+        if (!!this.parentListEl) {
             return;
         }
         event.stopPropagation();
@@ -40980,7 +40724,7 @@ class List$1 {
         }
     }
     handleCalciteInternalListItemChange(event) {
-        if (this.parentListEl) {
+        if (!!this.parentListEl) {
             return;
         }
         event.stopPropagation();
@@ -40998,7 +40742,6 @@ class List$1 {
         if (dragActive(this)) {
             return;
         }
-        connectLocalized(this);
         connectMessages(this);
         this.connectObserver();
         this.updateListItems();
@@ -41023,7 +40766,6 @@ class List$1 {
         this.disconnectObserver();
         disconnectSortableComponent(this);
         disconnectInteractive(this);
-        disconnectLocalized(this);
         disconnectMessages(this);
     }
     effectiveLocaleChange() {
@@ -41053,9 +40795,9 @@ class List$1 {
     // --------------------------------------------------------------------------
     render() {
         const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText, filteredItems, hasFilterActionsStart, hasFilterActionsEnd, hasFilterNoResults, } = this;
-        return (hAsync(InteractiveContainer, { key: 'a9ca5e6a4f835c3d88ef153016afc35fef1d2e2f', disabled: this.disabled }, hAsync("div", { key: '604bdfa4b7a66572817d486623f0e73179a50814', class: CSS$I.container }, this.dragEnabled ? (hAsync("span", { "aria-live": "assertive", class: CSS$I.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? hAsync("calcite-scrim", { class: CSS$I.scrim, loading: loading }) : null, hAsync("table", { key: 'c4825209341da04a9815634e9287eeb367649f52', "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS$I.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (hAsync("thead", { class: CSS$I.sticky }, hAsync("tr", null, hAsync("th", { colSpan: MAX_COLUMNS }, hAsync("calcite-stack", { class: CSS$I.stack }, hAsync("slot", { name: SLOTS$g.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: SLOTS$h.actionsStart }), hAsync("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, value: filterText,
+        return (hAsync(InteractiveContainer, { key: 'be7d5300b720d3c2adb29ee3dec27d7b70c3e0b4', disabled: this.disabled }, hAsync("div", { key: '1c6ff5516994d00848c331174d07ab4c7a70d5a1', class: CSS$I.container }, this.dragEnabled ? (hAsync("span", { "aria-live": "assertive", class: CSS$I.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? hAsync("calcite-scrim", { class: CSS$I.scrim, loading: loading }) : null, hAsync("table", { key: '78bfe1d34ec213e8f0c5494784298ff67d39ec8c', "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS$I.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (hAsync("thead", { class: CSS$I.sticky }, hAsync("tr", null, hAsync("th", { colSpan: MAX_COLUMNS }, hAsync("calcite-stack", { class: CSS$I.stack }, hAsync("slot", { name: SLOTS$g.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: SLOTS$h.actionsStart }), hAsync("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, value: filterText,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setFilterEl }), hAsync("slot", { name: SLOTS$g.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$h.actionsEnd })))))) : null, hAsync("tbody", { key: '8e2e594763e4cfd03f00fae862bf46bec95782b4', class: CSS$I.tableContainer }, hAsync("slot", { key: '49e6d44c1d53de5e93ffe3ba525760d91c1beb9f', onSlotchange: this.handleDefaultSlotChange }))), hAsync("div", { key: '389a20b6206fd350fcb98ae61b660cbf915c7241', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, hAsync("slot", { key: 'b060fc7f62b5d999bdaaffc2c75fc894a9e5589b', name: SLOTS$g.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
+            ref: this.setFilterEl }), hAsync("slot", { name: SLOTS$g.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$h.actionsEnd })))))) : null, hAsync("tbody", { key: '8950cb148789530e6dad16a722c7c6077b2a5ab8', class: CSS$I.tableContainer }, hAsync("slot", { key: 'a8333193d984d6534f5861a1cee0cd98744573b6', onSlotchange: this.handleDefaultSlotChange }))), hAsync("div", { key: '2b96f30d61ac1d33e6709afe93ce259b61d1ab67', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, hAsync("slot", { key: '12c5d5758a840ef8eb9cbc5df36b73ec7a8f3c94', name: SLOTS$g.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
     }
     // --------------------------------------------------------------------------
     //
@@ -41231,13 +40973,13 @@ class List$1 {
             "hasFilterNoResults": [32],
             "setFocus": [64]
         },
-        "$listeners$": [[0, "calciteInternalListItemToggle", "handleCalciteListItemToggle"], [0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteInternalListItemActive"], [0, "calciteListItemSelect", "handleCalciteListItemSelect"], [0, "calciteInternalAssistiveTextChange", "handleCalciteInternalAssistiveTextChange"], [0, "calciteHandleNudge", "handleCalciteHandleNudge"], [0, "calciteInternalListItemSelect", "handleCalciteInternalListItemSelect"], [0, "calciteInternalListItemSelectMultiple", "handleCalciteInternalListItemSelectMultiple"], [0, "calciteInternalListItemChange", "handleCalciteInternalListItemChange"], [0, "calciteInternalListItemGroupDefaultSlotChange", "handleCalciteInternalListItemGroupDefaultSlotChange"]],
+        "$listeners$": [[0, "calciteListItemToggle", "handleCalciteListItemToggle"], [0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteInternalListItemActive"], [0, "calciteListItemSelect", "handleCalciteListItemSelect"], [0, "calciteInternalAssistiveTextChange", "handleCalciteInternalAssistiveTextChange"], [0, "calciteHandleNudge", "handleCalciteHandleNudge"], [0, "calciteInternalListItemSelect", "handleCalciteInternalListItemSelect"], [0, "calciteInternalListItemSelectMultiple", "handleCalciteInternalListItemSelectMultiple"], [0, "calciteInternalListItemChange", "handleCalciteInternalListItemChange"], [0, "calciteInternalListItemGroupDefaultSlotChange", "handleCalciteInternalListItemGroupDefaultSlotChange"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["disabled", "disabled"], ["dragEnabled", "drag-enabled"], ["group", "group"], ["filterEnabled", "filter-enabled"], ["filterPlaceholder", "filter-placeholder"], ["filterText", "filter-text"], ["loading", "loading"], ["selectionMode", "selection-mode"], ["selectionAppearance", "selection-appearance"]]
     }; }
 }
 
-const listItemCss = "/*!@:host([disabled])*/[disabled].sc-calcite-list-item-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-list-item-h *.sc-calcite-list-item,.sc-calcite-list-item-h[disabled].sc-calcite-list-item-s>*,.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>*{pointer-events:none}/*!@:host*/.sc-calcite-list-item-h{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-icon-color:var(--calcite-color-brand)}/*!@:host([filter-hidden]),\n:host([closed])*/[filter-hidden].sc-calcite-list-item-h,[closed].sc-calcite-list-item-h{display:none}/*!@.wrapper--bordered*/.wrapper--bordered.sc-calcite-list-item{border-block-end:1px solid var(--calcite-color-border-3)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-list-item-h [calcite-hydrated][disabled].sc-calcite-list-item{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-list-item{display:contents}/*!@.indent*/.indent.sc-calcite-list-item{display:flex;flex-direction:column;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);margin-inline-start:var(--calcite-list-item-spacing-indent, 1.5rem)}/*!@.container*/.container.sc-calcite-list-item{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1)}/*!@.container **/.container.sc-calcite-list-item *.sc-calcite-list-item{box-sizing:border-box}/*!@.container--hover:hover*/.container--hover.sc-calcite-list-item:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}/*!@.container:active*/.container.sc-calcite-list-item:active{background-color:var(--calcite-color-foreground-1)}/*!@.container--border*/.container--border.sc-calcite-list-item{border-inline-start-width:4px;border-inline-start-style:solid}/*!@.container--border-selected*/.container--border-selected.sc-calcite-list-item{border-inline-start-color:var(--calcite-color-brand)}/*!@.container--border-unselected*/.container--border-unselected.sc-calcite-list-item{border-inline-start-color:transparent}/*!@.container:hover.container--border-unselected*/.container.sc-calcite-list-item:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}/*!@.nested-container*/.nested-container.sc-calcite-list-item{display:flex;flex-direction:column}/*!@.nested-container--hidden*/.nested-container--hidden.sc-calcite-list-item{display:none}/*!@.content-container*/.content-container.sc-calcite-list-item{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}/*!@tr,\ntd*/tr.sc-calcite-list-item,td.sc-calcite-list-item{outline-color:transparent}/*!@tr:focus,\ntd:focus*/tr.sc-calcite-list-item:focus,td.sc-calcite-list-item:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}/*!@.content,\n.custom-content*/.content.sc-calcite-list-item,.custom-content.sc-calcite-list-item{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}/*!@.label,\n.description,\n.content-bottom*/.label.sc-calcite-list-item,.description.sc-calcite-list-item,.content-bottom.sc-calcite-list-item{font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}/*!@.label:only-child,\n.description:only-child,\n.content-bottom:only-child*/.label.sc-calcite-list-item:only-child,.description.sc-calcite-list-item:only-child,.content-bottom.sc-calcite-list-item:only-child{margin:0px;padding-block:0.25rem}/*!@.label*/.label.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@:host([selected]) .label*/[selected].sc-calcite-list-item-h .label.sc-calcite-list-item{font-weight:var(--calcite-font-weight-medium)}/*!@.description*/.description.sc-calcite-list-item{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}/*!@:host([selected]) .description*/[selected].sc-calcite-list-item-h .description.sc-calcite-list-item{color:var(--calcite-color-text-2)}/*!@.content-start*/.content-start.sc-calcite-list-item{justify-content:flex-start}/*!@.content-end*/.content-end.sc-calcite-list-item{justify-content:flex-end}/*!@.content-start,\n.content-end*/.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item{flex:1 1 auto}/*!@.content-start ::slotted(calcite-icon),\n.content-end ::slotted(calcite-icon)*/.content-start .sc-calcite-list-item-s>calcite-icon,.content-end.sc-calcite-list-item-s>calcite-icon,.content-end .sc-calcite-list-item-s>calcite-icon{margin-inline:0.75rem;align-self:center}/*!@.content-bottom*/.content-bottom.sc-calcite-list-item{display:flex;flex-direction:column}/*!@.content-container--has-center-content .content-start,\n.content-container--has-center-content .content-end*/.content-container--has-center-content.sc-calcite-list-item .content-start.sc-calcite-list-item,.content-container--has-center-content.sc-calcite-list-item .content-end.sc-calcite-list-item{flex:0 1 auto}/*!@.selection-container*/.selection-container.sc-calcite-list-item{display:flex;padding-inline:0.75rem;padding-block:0px;color:var(--calcite-color-border-input)}/*!@.selection-container--single*/.selection-container--single.sc-calcite-list-item{color:transparent}/*!@:host(:not([disabled]):not([selected])) .container:hover .selection-container--single*/.sc-calcite-list-item-h:not([disabled]):not([selected]) .container.sc-calcite-list-item:hover .selection-container--single.sc-calcite-list-item{color:var(--calcite-color-border-1)}/*!@:host([selected]:hover) .selection-container,\n:host([selected]:hover) .selection-container--single,\n:host([selected]) .selection-container*/[selected].sc-calcite-list-item-h:hover .selection-container.sc-calcite-list-item,[selected].sc-calcite-list-item-h:hover .selection-container--single.sc-calcite-list-item,[selected].sc-calcite-list-item-h .selection-container.sc-calcite-list-item{color:var(--calcite-list-item-icon-color)}/*!@.open-container*/.open-container.sc-calcite-list-item{color:var(--calcite-color-text-3)}/*!@:host(:not([disabled])) .container:hover .open-container*/.sc-calcite-list-item-h:not([disabled]) .container.sc-calcite-list-item:hover .open-container.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@.actions-start,\n.actions-end,\n.content-start,\n.content-end,\n.selection-container,\n.drag-container,\n.open-container*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item,.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item,.selection-container.sc-calcite-list-item,.drag-container.sc-calcite-list-item,.open-container.sc-calcite-list-item{display:flex;align-items:center}/*!@.actions-start calcite-action,\n.actions-start calcite-handle,\n.actions-end calcite-action,\n.actions-end calcite-handle,\n.content-start calcite-action,\n.content-start calcite-handle,\n.content-end calcite-action,\n.content-end calcite-handle,\n.selection-container calcite-action,\n.selection-container calcite-handle,\n.drag-container calcite-action,\n.drag-container calcite-handle,\n.open-container calcite-action,\n.open-container calcite-handle*/.actions-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item{align-self:stretch}/*!@.open-container,\n.selection-container*/.open-container.sc-calcite-list-item,.selection-container.sc-calcite-list-item{cursor:pointer}/*!@.actions-start,\n.actions-end*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item{padding:0px}/*!@.actions-start ::slotted(calcite-action),\n.actions-start ::slotted(calcite-action-menu),\n.actions-start ::slotted(calcite-handle),\n.actions-start ::slotted(calcite-dropdown),\n.actions-end ::slotted(calcite-action),\n.actions-end ::slotted(calcite-action-menu),\n.actions-end ::slotted(calcite-handle),\n.actions-end ::slotted(calcite-dropdown)*/.actions-start .sc-calcite-list-item-s>calcite-action,.actions-start.sc-calcite-list-item-s>calcite-action-menu,.actions-start .sc-calcite-list-item-s>calcite-action-menu,.actions-start.sc-calcite-list-item-s>calcite-handle,.actions-start .sc-calcite-list-item-s>calcite-handle,.actions-start.sc-calcite-list-item-s>calcite-dropdown,.actions-start .sc-calcite-list-item-s>calcite-dropdown,.actions-end.sc-calcite-list-item-s>calcite-action,.actions-end .sc-calcite-list-item-s>calcite-action,.actions-end.sc-calcite-list-item-s>calcite-action-menu,.actions-end .sc-calcite-list-item-s>calcite-action-menu,.actions-end.sc-calcite-list-item-s>calcite-handle,.actions-end .sc-calcite-list-item-s>calcite-handle,.actions-end.sc-calcite-list-item-s>calcite-dropdown,.actions-end .sc-calcite-list-item-s>calcite-dropdown{align-self:stretch;color:inherit}/*!@::slotted(calcite-list:empty)*/.sc-calcite-list-item-s>calcite-list:empty{border-block-start-width:0px}/*!@:host([hidden])*/[hidden].sc-calcite-list-item-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-list-item{display:none}";
+const listItemCss = "/*!@:host([disabled])*/[disabled].sc-calcite-list-item-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-list-item-h *.sc-calcite-list-item,.sc-calcite-list-item-h[disabled].sc-calcite-list-item-s>*,.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>*{pointer-events:none}/*!@:host*/.sc-calcite-list-item-h{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-icon-color:var(--calcite-color-brand)}/*!@:host([filter-hidden]),\n:host([closed])*/[filter-hidden].sc-calcite-list-item-h,[closed].sc-calcite-list-item-h{display:none}/*!@.wrapper--bordered*/.wrapper--bordered.sc-calcite-list-item{border-block-end:1px solid var(--calcite-color-border-3)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-list-item-h [calcite-hydrated][disabled].sc-calcite-list-item{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-list-item{display:contents}/*!@.indent*/.indent.sc-calcite-list-item{display:flex;flex-direction:column;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);margin-inline-start:var(--calcite-list-item-spacing-indent, 1.5rem)}/*!@.container*/.container.sc-calcite-list-item{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1)}/*!@.container **/.container.sc-calcite-list-item *.sc-calcite-list-item{box-sizing:border-box}/*!@.container--hover:hover*/.container--hover.sc-calcite-list-item:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}/*!@.container:active*/.container.sc-calcite-list-item:active{background-color:var(--calcite-color-foreground-1)}/*!@.container--border*/.container--border.sc-calcite-list-item{border-inline-start-width:4px;border-inline-start-style:solid}/*!@.container--border-selected*/.container--border-selected.sc-calcite-list-item{border-inline-start-color:var(--calcite-color-brand)}/*!@.container--border-unselected*/.container--border-unselected.sc-calcite-list-item{border-inline-start-color:transparent}/*!@.container:hover.container--border-unselected*/.container.sc-calcite-list-item:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}/*!@.nested-container*/.nested-container.sc-calcite-list-item{display:flex;flex-direction:column}/*!@.nested-container--hidden*/.nested-container--hidden.sc-calcite-list-item{display:none}/*!@.content-container*/.content-container.sc-calcite-list-item{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}/*!@tr,\ntd*/tr.sc-calcite-list-item,td.sc-calcite-list-item{outline-color:transparent}/*!@tr:focus,\ntd:focus*/tr.sc-calcite-list-item:focus,td.sc-calcite-list-item:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}/*!@.content,\n.custom-content*/.content.sc-calcite-list-item,.custom-content.sc-calcite-list-item{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}/*!@.label,\n.description,\n.content-bottom*/.label.sc-calcite-list-item,.description.sc-calcite-list-item,.content-bottom.sc-calcite-list-item{font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}/*!@.label:only-child,\n.description:only-child,\n.content-bottom:only-child*/.label.sc-calcite-list-item:only-child,.description.sc-calcite-list-item:only-child,.content-bottom.sc-calcite-list-item:only-child{margin:0px;padding-block:0.25rem}/*!@.label*/.label.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@:host([selected]) .label*/[selected].sc-calcite-list-item-h .label.sc-calcite-list-item{font-weight:var(--calcite-font-weight-medium)}/*!@.description*/.description.sc-calcite-list-item{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}/*!@:host([selected]) .description*/[selected].sc-calcite-list-item-h .description.sc-calcite-list-item{color:var(--calcite-color-text-2)}/*!@.content-start*/.content-start.sc-calcite-list-item{justify-content:flex-start}/*!@.content-end*/.content-end.sc-calcite-list-item{justify-content:flex-end}/*!@.content-start,\n.content-end*/.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item{flex:1 1 auto}/*!@.content-start ::slotted(calcite-icon),\n.content-end ::slotted(calcite-icon)*/.content-start .sc-calcite-list-item-s>calcite-icon,.content-end.sc-calcite-list-item-s>calcite-icon,.content-end .sc-calcite-list-item-s>calcite-icon{margin-inline:0.75rem;align-self:center}/*!@.content-bottom*/.content-bottom.sc-calcite-list-item{display:flex;flex-direction:column}/*!@.content-container--has-center-content .content-start,\n.content-container--has-center-content .content-end*/.content-container--has-center-content.sc-calcite-list-item .content-start.sc-calcite-list-item,.content-container--has-center-content.sc-calcite-list-item .content-end.sc-calcite-list-item{flex:0 1 auto}/*!@.selection-container*/.selection-container.sc-calcite-list-item{display:flex;padding-block:0px;color:var(--calcite-color-border-input);padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xxs)}/*!@.selection-container--single*/.selection-container--single.sc-calcite-list-item{color:transparent}/*!@:host(:not([disabled]):not([selected])) .container:hover .selection-container--single*/.sc-calcite-list-item-h:not([disabled]):not([selected]) .container.sc-calcite-list-item:hover .selection-container--single.sc-calcite-list-item{color:var(--calcite-color-border-1)}/*!@:host([selected]:hover) .selection-container,\n:host([selected]:hover) .selection-container--single,\n:host([selected]) .selection-container*/[selected].sc-calcite-list-item-h:hover .selection-container.sc-calcite-list-item,[selected].sc-calcite-list-item-h:hover .selection-container--single.sc-calcite-list-item,[selected].sc-calcite-list-item-h .selection-container.sc-calcite-list-item{color:var(--calcite-list-item-icon-color)}/*!@.open-container*/.open-container.sc-calcite-list-item{color:var(--calcite-color-text-3)}/*!@:host(:not([disabled])) .container:hover .open-container*/.sc-calcite-list-item-h:not([disabled]) .container.sc-calcite-list-item:hover .open-container.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@.actions-start,\n.actions-end,\n.content-start,\n.content-end,\n.selection-container,\n.drag-container,\n.open-container*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item,.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item,.selection-container.sc-calcite-list-item,.drag-container.sc-calcite-list-item,.open-container.sc-calcite-list-item{display:flex;align-items:center}/*!@.actions-start calcite-action,\n.actions-start calcite-handle,\n.actions-end calcite-action,\n.actions-end calcite-handle,\n.content-start calcite-action,\n.content-start calcite-handle,\n.content-end calcite-action,\n.content-end calcite-handle,\n.selection-container calcite-action,\n.selection-container calcite-handle,\n.drag-container calcite-action,\n.drag-container calcite-handle,\n.open-container calcite-action,\n.open-container calcite-handle*/.actions-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item{align-self:stretch}/*!@.open-container,\n.selection-container*/.open-container.sc-calcite-list-item,.selection-container.sc-calcite-list-item{cursor:pointer}/*!@.actions-start,\n.actions-end*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item{padding:0px}/*!@.actions-start ::slotted(calcite-action),\n.actions-start ::slotted(calcite-action-menu),\n.actions-start ::slotted(calcite-handle),\n.actions-start ::slotted(calcite-dropdown),\n.actions-end ::slotted(calcite-action),\n.actions-end ::slotted(calcite-action-menu),\n.actions-end ::slotted(calcite-handle),\n.actions-end ::slotted(calcite-dropdown)*/.actions-start .sc-calcite-list-item-s>calcite-action,.actions-start.sc-calcite-list-item-s>calcite-action-menu,.actions-start .sc-calcite-list-item-s>calcite-action-menu,.actions-start.sc-calcite-list-item-s>calcite-handle,.actions-start .sc-calcite-list-item-s>calcite-handle,.actions-start.sc-calcite-list-item-s>calcite-dropdown,.actions-start .sc-calcite-list-item-s>calcite-dropdown,.actions-end.sc-calcite-list-item-s>calcite-action,.actions-end .sc-calcite-list-item-s>calcite-action,.actions-end.sc-calcite-list-item-s>calcite-action-menu,.actions-end .sc-calcite-list-item-s>calcite-action-menu,.actions-end.sc-calcite-list-item-s>calcite-handle,.actions-end .sc-calcite-list-item-s>calcite-handle,.actions-end.sc-calcite-list-item-s>calcite-dropdown,.actions-end .sc-calcite-list-item-s>calcite-dropdown{align-self:stretch;color:inherit}/*!@::slotted(calcite-list:empty)*/.sc-calcite-list-item-s>calcite-list:empty{border-block-start-width:0px}/*!@:host([hidden])*/[hidden].sc-calcite-list-item-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-list-item{display:none}";
 var CalciteListItemStyle0 = listItemCss;
 
 const focusMap = new Map();
@@ -41263,7 +41005,6 @@ class ListItem {
         this.calciteInternalListItemActive = createEvent(this, "calciteInternalListItemActive", 6);
         this.calciteInternalFocusPreviousItem = createEvent(this, "calciteInternalFocusPreviousItem", 6);
         this.calciteInternalListItemChange = createEvent(this, "calciteInternalListItemChange", 6);
-        this.calciteInternalListItemToggle = createEvent(this, "calciteInternalListItemToggle", 6);
         // --------------------------------------------------------------------------
         //
         //  Private Methods
@@ -41470,9 +41211,6 @@ class ListItem {
     handleDisabledChange() {
         this.emitCalciteInternalListItemChange();
     }
-    handleOpenChange() {
-        this.emitCalciteInternalListItemToggle();
-    }
     handleSelectedChange() {
         this.calciteInternalListItemSelect.emit();
     }
@@ -41633,7 +41371,7 @@ class ListItem {
         const showBorder = selectionMode !== "none" && selectionAppearance === "border";
         const borderSelected = showBorder && selected;
         const borderUnselected = showBorder && !selected;
-        return (hAsync(Host, { key: 'fed6e002b94bc640d62e1502cf0e5e99955b1e64' }, hAsync(InteractiveContainer, { key: 'b1b74282c57c1e40d6787b09e35b0c92b0002680', disabled: disabled }, hAsync("div", { key: 'e8cdc0dfc6f8c4d6f57bdb8e207e9b83cfedfb4d', class: { [CSS$L.wrapper]: true, [CSS$L.wrapperBordered]: bordered } }, hAsync("tr", { key: 'b4a93dbbc6054553375a4e3c24b94da15c3963be', "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: '15651b0bef6af7db01d650ff74b732db28758292' }, hAsync(InteractiveContainer, { key: 'a0a4c2b6587a5c173710235518bf97aafc7d3b2a', disabled: disabled }, hAsync("div", { key: 'f4dceb92cd6164d4d5445a9977aebfa9ae4073ff', class: { [CSS$L.wrapper]: true, [CSS$L.wrapperBordered]: bordered } }, hAsync("tr", { key: '105d3b31fde1dabc1b606b25e28f9f7535367503', "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
                 [CSS$L.container]: true,
                 [CSS$L.containerHover]: true,
                 [CSS$L.containerBorder]: showBorder,
@@ -41641,10 +41379,7 @@ class ListItem {
                 [CSS$L.containerBorderUnselected]: borderUnselected,
             }, hidden: closed || filterHidden, onFocus: this.focusCellNull, onFocusin: this.emitInternalListItemActive, onKeyDown: this.handleItemKeyDown, role: "row", tabIndex: active ? 0 : -1,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.containerEl = el) }, this.renderDragHandle(), this.renderSelected(), this.renderOpen(), this.renderActionsStart(), this.renderContentContainer(), this.renderActionsEnd()), this.renderContentBottom()), hAsync("div", { key: '25988c58f507aa582bdb6e2bf66593294c3889aa', class: CSS$L.indent }, this.renderDefaultContainer()))));
-    }
-    emitCalciteInternalListItemToggle() {
-        this.calciteInternalListItemToggle.emit();
+            ref: (el) => (this.containerEl = el) }, this.renderDragHandle(), this.renderSelected(), this.renderOpen(), this.renderActionsStart(), this.renderContentContainer(), this.renderActionsEnd()), this.renderContentBottom()), hAsync("div", { key: '2018e3a2e07547caca69c18ce58a3e19ae66b3e8', class: CSS$L.indent }, this.renderDefaultContainer()))));
     }
     emitCalciteInternalListItemChange() {
         this.calciteInternalListItemChange.emit();
@@ -41679,7 +41414,6 @@ class ListItem {
         "active": ["activeHandler"],
         "closed": ["handleClosedChange"],
         "disabled": ["handleDisabledChange"],
-        "open": ["handleOpenChange"],
         "selected": ["handleSelectedChange"],
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
@@ -42925,7 +42659,7 @@ class OptionGroup {
 
 /**
  * Do not edit directly
- * Generated on Wed, 08 May 2024 22:48:26 GMT
+ * Generated on Tue, 14 May 2024 19:22:54 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
@@ -45386,7 +45120,6 @@ class Rating {
                         break;
                     case "Tab":
                         this.hoverValue = null;
-                        break;
                 }
             }
             else {
@@ -45857,19 +45590,17 @@ class SegmentedControl {
         });
         switch (adjustedKey) {
             case "ArrowLeft":
-            case "ArrowUp": {
+            case "ArrowUp":
                 event.preventDefault();
                 const previous = selectedIndex < 1 ? items[items.length - 1] : items[selectedIndex - 1];
                 this.selectItem(previous, true);
                 return;
-            }
             case "ArrowRight":
-            case "ArrowDown": {
+            case "ArrowDown":
                 event.preventDefault();
                 const next = selectedIndex === -1 ? items[1] : items[selectedIndex + 1] || items[0];
                 this.selectItem(next, true);
                 return;
-            }
             case " ":
                 event.preventDefault();
                 this.selectItem(event.target, true);
@@ -46647,7 +46378,7 @@ class Shell {
         const panelBottomSlotNode = hAsync("slot", { key: "panel-bottom-slot", name: SLOTS$9.panelBottom });
         const panelTopSlotNode = hAsync("slot", { key: "panel-top-slot", name: SLOTS$9.panelTop });
         const contentContainerKey = "content-container";
-        const content = this.contentBehind
+        const content = !!this.contentBehind
             ? [
                 hAsync("div", { class: {
                         [CSS$q.content]: true,
@@ -46667,7 +46398,7 @@ class Shell {
         return (hAsync("div", { class: CSS$q.positionedSlotWrapper }, this.renderAlerts(), this.renderModals(), this.renderSheets()));
     }
     render() {
-        return (hAsync(Fragment, { key: 'e56d4b175f9dee4381ac550b921dfc2f686e0aff' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
+        return (hAsync(Fragment, { key: 'ccbd1ae998a64d97d0233e0c029282174ae0e133' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteShellStyle0; }
@@ -51350,7 +51081,7 @@ class TextArea {
     getHeightAndWidthOfElements() {
         const { height: textAreaHeight, width: textAreaWidth } = this.textAreaEl.getBoundingClientRect();
         const { height: elHeight, width: elWidth } = this.el.getBoundingClientRect();
-        const { height: footerHeight, width: footerWidth } = this.footerEl.getBoundingClientRect();
+        const { height: footerHeight, width: footerWidth } = this.footerEl?.getBoundingClientRect();
         return {
             textAreaHeight,
             textAreaWidth,
@@ -51417,11 +51148,9 @@ class TextArea {
 }
 
 const CSS$9 = {
+    column: "column",
     container: "container",
     contentContainer: "content-container",
-    contentContainerHasContent: "content-container--has-content",
-    contentContainerHasOnlyContentTopAndBottom: "content-container--has-only-content-top-and-bottom",
-    textContentContainer: "text-content-container",
     description: "description",
     heading: "heading",
     interactive: "interactive",
@@ -51444,7 +51173,7 @@ const SLOTS$3 = {
     contentTop: "content-top",
 };
 
-const tileCss = "/*!@:host([disabled])*/[disabled].sc-calcite-tile-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-tile-h *.sc-calcite-tile,.sc-calcite-tile-h[disabled].sc-calcite-tile-s>*,.sc-calcite-tile-h[disabled] .sc-calcite-tile-s>*{pointer-events:none}/*!@:host*/.sc-calcite-tile-h{--calcite-tile-background-color:var(--calcite-color-foreground-1);--calcite-tile-border-color:var(--calcite-color-border-2);--calcite-tile-description-text-color:var(--calcite-color-text-3);--calcite-tile-heading-text-color:var(--calcite-color-text-2);--calcite-ui-icon-color:var(--calcite-color-text-3);box-sizing:border-box;display:inline-block}/*!@.container*/.container.sc-calcite-tile{background-color:var(--calcite-tile-background-color);block-size:var(--calcite-container-size-content-fluid);box-sizing:border-box;inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color);-webkit-user-select:none;user-select:none}/*!@.container.interactive*/.container.interactive.sc-calcite-tile{cursor:pointer}/*!@.container.interactive:hover, .container.interactive:focus, .container.interactive.selected*/.container.interactive.sc-calcite-tile:hover,.container.interactive.sc-calcite-tile:focus,.container.interactive.selected.sc-calcite-tile{outline-color:var(--calcite-color-brand);position:relative}/*!@.container.interactive:hover .selection-icon, .container.interactive:focus .selection-icon, .container.interactive.selected .selection-icon*/.container.interactive.sc-calcite-tile:hover .selection-icon.sc-calcite-tile,.container.interactive.sc-calcite-tile:focus .selection-icon.sc-calcite-tile,.container.interactive.selected.sc-calcite-tile .selection-icon.sc-calcite-tile{--calcite-ui-icon-color:var(--calcite-color-brand)}/*!@.container.interactive.selected*/.container.interactive.selected.sc-calcite-tile{z-index:var(--calcite-z-index)}/*!@.container.interactive:focus*/.container.interactive.sc-calcite-tile:focus{box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);z-index:var(--calcite-z-index-sticky)}/*!@.content-container,\n.row*/.content-container.sc-calcite-tile,.row.sc-calcite-tile{align-items:flex-start;display:flex}/*!@.content-container*/.content-container.sc-calcite-tile{flex-direction:column}/*!@.text-content-container*/.text-content-container.sc-calcite-tile{inline-size:100%;outline-color:transparent;padding:0}/*!@.text-content*/.text-content.sc-calcite-tile{display:flex;flex-direction:column}/*!@.heading*/.heading.sc-calcite-tile{color:var(--calcite-tile-heading-text-color);font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}/*!@.large-visual-deprecated*/.large-visual-deprecated.sc-calcite-tile{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}/*!@.large-visual-deprecated calcite-icon*/.large-visual-deprecated.sc-calcite-tile calcite-icon.sc-calcite-tile{align-self:center;block-size:64px;inline-size:64px}/*!@.large-visual-deprecated .text-content-container*/.large-visual-deprecated.sc-calcite-tile .text-content-container.sc-calcite-tile{justify-content:center}/*!@.description*/.description.sc-calcite-tile{color:var(--calcite-tile-description-text-color);font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}/*!@:host([alignment=center]) .row,\n:host([alignment=center]) .content-container*/[alignment=center].sc-calcite-tile-h .row.sc-calcite-tile,[alignment=center].sc-calcite-tile-h .content-container.sc-calcite-tile{align-items:center;text-align:center}/*!@:host([alignment=center]) slot[name=content-start]::slotted(*),\n:host([alignment=center]) slot[name=content-end]::slotted(*)*/.sc-calcite-tile-h[alignment=center] slot[name=content-start].sc-calcite-tile-s>*,.sc-calcite-tile-h[alignment=center] slot[name=content-end].sc-calcite-tile-s>*{align-self:center}/*!@:host([scale=s])*/[scale=s].sc-calcite-tile-h{max-inline-size:400px;min-inline-size:100px}/*!@:host([scale=s]) .container*/[scale=s].sc-calcite-tile-h .container.sc-calcite-tile{padding:var(--calcite-spacing-sm)}/*!@:host([scale=s]) .content-container--has-content,\n:host([scale=s]) .row*/[scale=s].sc-calcite-tile-h .content-container--has-content.sc-calcite-tile,[scale=s].sc-calcite-tile-h .row.sc-calcite-tile{gap:var(--calcite-spacing-sm)}/*!@:host([scale=s]) .heading*/[scale=s].sc-calcite-tile-h .heading.sc-calcite-tile{font-size:var(--calcite-font-size--2);line-height:1.03125rem}/*!@:host([scale=s]) .description*/[scale=s].sc-calcite-tile-h .description.sc-calcite-tile{font-size:var(--calcite-font-size--3);line-height:0.85938rem}/*!@:host([scale=s]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*)*/.sc-calcite-tile-h[scale=s] .content-container--has-only-content-top-and-bottom slot[name=content-top].sc-calcite-tile-s>*{margin-block-end:var(--calcite-spacing-sm)}/*!@:host([scale=m])*/[scale=m].sc-calcite-tile-h{max-inline-size:460px;min-inline-size:140px}/*!@:host([scale=m]) .container*/[scale=m].sc-calcite-tile-h .container.sc-calcite-tile{padding:var(--calcite-spacing-md)}/*!@:host([scale=m]) .content-container--has-content,\n:host([scale=m]) .row*/[scale=m].sc-calcite-tile-h .content-container--has-content.sc-calcite-tile,[scale=m].sc-calcite-tile-h .row.sc-calcite-tile{gap:var(--calcite-spacing-md)}/*!@:host([scale=m]) .heading*/[scale=m].sc-calcite-tile-h .heading.sc-calcite-tile{font-size:var(--calcite-font-size--1);line-height:1.20313rem}/*!@:host([scale=m]) .description*/[scale=m].sc-calcite-tile-h .description.sc-calcite-tile{font-size:var(--calcite-font-size--2);line-height:1.03125rem}/*!@:host([scale=m]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*)*/.sc-calcite-tile-h[scale=m] .content-container--has-only-content-top-and-bottom slot[name=content-top].sc-calcite-tile-s>*{margin-block-end:var(--calcite-spacing-md)}/*!@:host([scale=l])*/[scale=l].sc-calcite-tile-h{max-inline-size:520px;min-inline-size:160px}/*!@:host([scale=l]) .container*/[scale=l].sc-calcite-tile-h .container.sc-calcite-tile{padding:var(--calcite-spacing-xl)}/*!@:host([scale=l]) .content-container--has-content,\n:host([scale=l]) .row*/[scale=l].sc-calcite-tile-h .content-container--has-content.sc-calcite-tile,[scale=l].sc-calcite-tile-h .row.sc-calcite-tile{gap:var(--calcite-spacing-xl)}/*!@:host([scale=l]) .heading*/[scale=l].sc-calcite-tile-h .heading.sc-calcite-tile{font-size:var(--calcite-font-size-0);line-height:1.375rem}/*!@:host([scale=l]) .description*/[scale=l].sc-calcite-tile-h .description.sc-calcite-tile{font-size:var(--calcite-font-size--1);line-height:1.20313rem}/*!@:host([scale=l]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*)*/.sc-calcite-tile-h[scale=l] .content-container--has-only-content-top-and-bottom slot[name=content-top].sc-calcite-tile-s>*{margin-block-end:var(--calcite-spacing-xl)}/*!@:host([selection-appearance=border][layout=horizontal]) .container.selected:focus::before,\n:host([selection-appearance=border][layout=vertical]) .container.selected:focus::before*/[selection-appearance=border][layout=horizontal].sc-calcite-tile-h .container.selected.sc-calcite-tile:focus::before,[selection-appearance=border][layout=vertical].sc-calcite-tile-h .container.selected.sc-calcite-tile:focus::before{block-size:100%;box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);content:\"\";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}/*!@:host([selection-appearance=border][layout=horizontal]) .container.selected*/[selection-appearance=border][layout=horizontal].sc-calcite-tile-h .container.selected.sc-calcite-tile{box-shadow:inset 0px -4px 0px 0px var(--calcite-color-brand)}/*!@:host([selection-appearance=border][layout=vertical]) .container.selected*/[selection-appearance=border][layout=vertical].sc-calcite-tile-h .container.selected.sc-calcite-tile{box-shadow:inset 4px 0px 0px 0px var(--calcite-color-brand)}/*!@:host([href]:focus:not([disabled])),\n:host([href]:hover:not([disabled]))*/[href].sc-calcite-tile-h:focus:not([disabled]),[href].sc-calcite-tile-h:hover:not([disabled]){--calcite-tile-border-color:var(--calcite-color-text-link);--calcite-tile-heading-text-color:var(--calcite-color-text-link);--calcite-ui-icon-color:var(--calcite-color-text-link)}/*!@:host([href]:focus:not([disabled])) .container,\n:host([href]:hover:not([disabled])) .container*/[href].sc-calcite-tile-h:focus:not([disabled]) .container.sc-calcite-tile,[href].sc-calcite-tile-h:hover:not([disabled]) .container.sc-calcite-tile{position:relative;z-index:var(--calcite-z-index)}/*!@:host([href]:active:not([disabled])) .container*/[href].sc-calcite-tile-h:active:not([disabled]) .container.sc-calcite-tile{box-shadow:0 0 0 3px var(--calcite-tile-border-color)}/*!@:host([embed]) .container*/[embed].sc-calcite-tile-h .container.sc-calcite-tile{box-shadow:none;padding:0}/*!@:host([selection-mode=none]) .container*/[selection-mode=none].sc-calcite-tile-h .container.sc-calcite-tile{outline-color:var(--calcite-tile-border-color)}/*!@:host([selection-mode=none]) .container:focus*/[selection-mode=none].sc-calcite-tile-h .container.sc-calcite-tile:focus{outline-color:var(--calcite-color-brand);position:relative}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-tile-h[disabled] .sc-calcite-tile-s>[calcite-hydrated][disabled],[disabled].sc-calcite-tile-h [calcite-hydrated][disabled].sc-calcite-tile{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-tile{display:contents}/*!@:host(:hover:not([disabled])),\n:host([active]:not([disabled]))*/.sc-calcite-tile-h:hover:not([disabled]),[active].sc-calcite-tile-h:not([disabled]){--calcite-tile-description-text-color:var(--calcite-color-text-2);--calcite-tile-heading-text-color:var(--calcite-color-text-1)}/*!@:host([hidden])*/[hidden].sc-calcite-tile-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-tile{display:none}";
+const tileCss = "/*!@:host([disabled])*/[disabled].sc-calcite-tile-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-tile-h *.sc-calcite-tile,.sc-calcite-tile-h[disabled].sc-calcite-tile-s>*,.sc-calcite-tile-h[disabled] .sc-calcite-tile-s>*{pointer-events:none}/*!@:host*/.sc-calcite-tile-h{--calcite-tile-background-color:var(--calcite-color-foreground-1);--calcite-tile-border-color:var(--calcite-color-border-2);--calcite-tile-description-text-color:var(--calcite-color-text-3);--calcite-tile-heading-text-color:var(--calcite-color-text-2);--calcite-ui-icon-color:var(--calcite-color-text-3);box-sizing:border-box;display:inline-block}/*!@.container*/.container.sc-calcite-tile{background-color:var(--calcite-tile-background-color);block-size:var(--calcite-container-size-content-fluid);box-sizing:border-box;inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color);-webkit-user-select:none;user-select:none}/*!@.container.interactive*/.container.interactive.sc-calcite-tile{cursor:pointer}/*!@.container.interactive:hover, .container.interactive:focus, .container.interactive.selected*/.container.interactive.sc-calcite-tile:hover,.container.interactive.sc-calcite-tile:focus,.container.interactive.selected.sc-calcite-tile{outline-color:var(--calcite-color-brand);position:relative}/*!@.container.interactive:hover .selection-icon, .container.interactive:focus .selection-icon, .container.interactive.selected .selection-icon*/.container.interactive.sc-calcite-tile:hover .selection-icon.sc-calcite-tile,.container.interactive.sc-calcite-tile:focus .selection-icon.sc-calcite-tile,.container.interactive.selected.sc-calcite-tile .selection-icon.sc-calcite-tile{--calcite-ui-icon-color:var(--calcite-color-brand)}/*!@.container.interactive.selected*/.container.interactive.selected.sc-calcite-tile{z-index:var(--calcite-z-index)}/*!@.container.interactive:focus*/.container.interactive.sc-calcite-tile:focus{box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);z-index:var(--calcite-z-index-sticky)}/*!@.column,\n.row*/.column.sc-calcite-tile,.row.sc-calcite-tile{align-items:flex-start;display:flex}/*!@.column*/.column.sc-calcite-tile{flex-direction:column}/*!@.content-container*/.content-container.sc-calcite-tile{inline-size:100%;outline-color:transparent;padding:0}/*!@.text-content*/.text-content.sc-calcite-tile{display:flex;flex-direction:column}/*!@.heading*/.heading.sc-calcite-tile{color:var(--calcite-tile-heading-text-color);font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}/*!@.large-visual-deprecated*/.large-visual-deprecated.sc-calcite-tile{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}/*!@.large-visual-deprecated calcite-icon*/.large-visual-deprecated.sc-calcite-tile calcite-icon.sc-calcite-tile{align-self:center;block-size:64px;inline-size:64px}/*!@.large-visual-deprecated .content-container*/.large-visual-deprecated.sc-calcite-tile .content-container.sc-calcite-tile{justify-content:center}/*!@.description*/.description.sc-calcite-tile{color:var(--calcite-tile-description-text-color);font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}/*!@:host([alignment=center]) .row,\n:host([alignment=center]) .column*/[alignment=center].sc-calcite-tile-h .row.sc-calcite-tile,[alignment=center].sc-calcite-tile-h .column.sc-calcite-tile{align-items:center;text-align:center}/*!@:host([alignment=center]) slot[name=content-start]::slotted(*),\n:host([alignment=center]) slot[name=content-end]::slotted(*)*/.sc-calcite-tile-h[alignment=center] slot[name=content-start].sc-calcite-tile-s>*,.sc-calcite-tile-h[alignment=center] slot[name=content-end].sc-calcite-tile-s>*{align-self:center}/*!@:host([scale=s])*/[scale=s].sc-calcite-tile-h{max-inline-size:400px;min-inline-size:100px}/*!@:host([scale=s]) .container*/[scale=s].sc-calcite-tile-h .container.sc-calcite-tile{padding:var(--calcite-spacing-sm)}/*!@:host([scale=s]) .column,\n:host([scale=s]) .row*/[scale=s].sc-calcite-tile-h .column.sc-calcite-tile,[scale=s].sc-calcite-tile-h .row.sc-calcite-tile{gap:var(--calcite-spacing-sm)}/*!@:host([scale=s]) .heading*/[scale=s].sc-calcite-tile-h .heading.sc-calcite-tile{font-size:var(--calcite-font-size--2);line-height:1.03125rem}/*!@:host([scale=s]) .description*/[scale=s].sc-calcite-tile-h .description.sc-calcite-tile{font-size:var(--calcite-font-size--3);line-height:0.85938rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-tile-h{max-inline-size:460px;min-inline-size:140px}/*!@:host([scale=m]) .container*/[scale=m].sc-calcite-tile-h .container.sc-calcite-tile{padding:var(--calcite-spacing-md)}/*!@:host([scale=m]) .column,\n:host([scale=m]) .row*/[scale=m].sc-calcite-tile-h .column.sc-calcite-tile,[scale=m].sc-calcite-tile-h .row.sc-calcite-tile{gap:var(--calcite-spacing-md)}/*!@:host([scale=m]) .heading*/[scale=m].sc-calcite-tile-h .heading.sc-calcite-tile{font-size:var(--calcite-font-size--1);line-height:1.20313rem}/*!@:host([scale=m]) .description*/[scale=m].sc-calcite-tile-h .description.sc-calcite-tile{font-size:var(--calcite-font-size--2);line-height:1.03125rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-tile-h{max-inline-size:520px;min-inline-size:160px}/*!@:host([scale=l]) .container*/[scale=l].sc-calcite-tile-h .container.sc-calcite-tile{padding:var(--calcite-spacing-xl)}/*!@:host([scale=l]) .column,\n:host([scale=l]) .row*/[scale=l].sc-calcite-tile-h .column.sc-calcite-tile,[scale=l].sc-calcite-tile-h .row.sc-calcite-tile{gap:var(--calcite-spacing-xl)}/*!@:host([scale=l]) .heading*/[scale=l].sc-calcite-tile-h .heading.sc-calcite-tile{font-size:var(--calcite-font-size-0);line-height:1.375rem}/*!@:host([scale=l]) .description*/[scale=l].sc-calcite-tile-h .description.sc-calcite-tile{font-size:var(--calcite-font-size--1);line-height:1.20313rem}/*!@:host([selection-appearance=border][layout=horizontal]) .container.selected:focus::before,\n:host([selection-appearance=border][layout=vertical]) .container.selected:focus::before*/[selection-appearance=border][layout=horizontal].sc-calcite-tile-h .container.selected.sc-calcite-tile:focus::before,[selection-appearance=border][layout=vertical].sc-calcite-tile-h .container.selected.sc-calcite-tile:focus::before{block-size:100%;box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);content:\"\";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}/*!@:host([selection-appearance=border][layout=horizontal]) .container.selected*/[selection-appearance=border][layout=horizontal].sc-calcite-tile-h .container.selected.sc-calcite-tile{box-shadow:inset 0px -4px 0px 0px var(--calcite-color-brand)}/*!@:host([selection-appearance=border][layout=vertical]) .container.selected*/[selection-appearance=border][layout=vertical].sc-calcite-tile-h .container.selected.sc-calcite-tile{box-shadow:inset 4px 0px 0px 0px var(--calcite-color-brand)}/*!@:host([href]:focus:not([disabled])),\n:host([href]:hover:not([disabled]))*/[href].sc-calcite-tile-h:focus:not([disabled]),[href].sc-calcite-tile-h:hover:not([disabled]){--calcite-tile-border-color:var(--calcite-color-text-link);--calcite-tile-heading-text-color:var(--calcite-color-text-link);--calcite-ui-icon-color:var(--calcite-color-text-link)}/*!@:host([href]:focus:not([disabled])) .container,\n:host([href]:hover:not([disabled])) .container*/[href].sc-calcite-tile-h:focus:not([disabled]) .container.sc-calcite-tile,[href].sc-calcite-tile-h:hover:not([disabled]) .container.sc-calcite-tile{position:relative;z-index:var(--calcite-z-index)}/*!@:host([href]:active:not([disabled])) .container*/[href].sc-calcite-tile-h:active:not([disabled]) .container.sc-calcite-tile{box-shadow:0 0 0 3px var(--calcite-tile-border-color)}/*!@:host([embed]) .container*/[embed].sc-calcite-tile-h .container.sc-calcite-tile{box-shadow:none;padding:0}/*!@:host([selection-mode=none]) .container*/[selection-mode=none].sc-calcite-tile-h .container.sc-calcite-tile{outline-color:var(--calcite-tile-border-color)}/*!@:host([selection-mode=none]) .container:focus*/[selection-mode=none].sc-calcite-tile-h .container.sc-calcite-tile:focus{outline-color:var(--calcite-color-brand);position:relative}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-tile-h[disabled] .sc-calcite-tile-s>[calcite-hydrated][disabled],[disabled].sc-calcite-tile-h [calcite-hydrated][disabled].sc-calcite-tile{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-tile{display:contents}/*!@:host(:hover:not([disabled])),\n:host([active]:not([disabled]))*/.sc-calcite-tile-h:hover:not([disabled]),[active].sc-calcite-tile-h:not([disabled]){--calcite-tile-description-text-color:var(--calcite-color-text-2);--calcite-tile-heading-text-color:var(--calcite-color-text-1)}/*!@:host([hidden])*/[hidden].sc-calcite-tile-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-tile{display:none}";
 var CalciteTileStyle0 = tileCss;
 
 /**
@@ -51477,10 +51206,6 @@ class Tile {
             }
             this.calciteTileSelect.emit();
         };
-        this.handleSlotChange = (event) => {
-            const slotName = event.target.dataset.name;
-            this[`has${slotName}`] = slotChangeHasAssignedElement(event);
-        };
         this.setContainerEl = (el) => {
             this.containerEl = el;
         };
@@ -51500,10 +51225,6 @@ class Tile {
         this.selected = false;
         this.selectionAppearance = "icon";
         this.selectionMode = "none";
-        this.hasContentBottom = false;
-        this.hasContentEnd = false;
-        this.hasContentStart = false;
-        this.hasContentTop = false;
     }
     //--------------------------------------------------------------------------
     //
@@ -51581,7 +51302,7 @@ class Tile {
         return;
     }
     renderTile() {
-        const { description, disabled, hasContentBottom, hasContentEnd, hasContentStart, hasContentTop, heading, icon, iconFlipRtl, interactive, selectionMode, } = this;
+        const { description, disabled, heading, icon, iconFlipRtl, interactive, selectionMode } = this;
         const isLargeVisual = heading && icon && !Boolean(description);
         const disableInteraction = Boolean(this.href) || !interactive;
         const role = selectionMode === "multiple" && interactive
@@ -51591,8 +51312,6 @@ class Tile {
                 : interactive
                     ? "button"
                     : undefined;
-        const hasContent = !!(description || hasContentEnd || hasContentStart || heading || icon);
-        const hasOnlyContentTopAndBottom = !hasContent && hasContentTop && hasContentBottom;
         return (hAsync("div", { "aria-checked": selectionMode !== "none" && interactive ? toAriaBoolean(this.selected) : undefined, "aria-disabled": disableInteraction ? toAriaBoolean(disabled) : undefined, "aria-label": role && this.label, class: {
                 [CSS$9.container]: true,
                 [CSS$9.interactive]: interactive,
@@ -51602,15 +51321,11 @@ class Tile {
                 [CSS$9.selected]: this.selected,
             }, onClick: this.clickHandler, role: role, tabIndex: disableInteraction ? undefined : 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setContainerEl }, this.renderSelectionIcon(), hAsync("div", { class: {
-                [CSS$9.contentContainer]: true,
-                [CSS$9.contentContainerHasContent]: hasContent,
-                [CSS$9.contentContainerHasOnlyContentTopAndBottom]: hasOnlyContentTopAndBottom,
-            } }, hAsync("slot", { "data-name": "ContentTop", name: SLOTS$3.contentTop, onSlotchange: this.handleSlotChange }), icon && hAsync("calcite-icon", { flipRtl: iconFlipRtl, icon: icon, scale: "l" }), hAsync("div", { class: { [CSS$9.textContentContainer]: true, [CSS$9.row]: true } }, hAsync("slot", { "data-name": "ContentStart", name: SLOTS$3.contentStart, onSlotchange: this.handleSlotChange }), hAsync("div", { class: CSS$9.textContent }, heading && hAsync("div", { class: CSS$9.heading }, heading), description && hAsync("div", { class: CSS$9.description }, description)), hAsync("slot", { "data-name": "ContentEnd", name: SLOTS$3.contentEnd, onSlotchange: this.handleSlotChange })), hAsync("slot", { "data-name": "ContentBottom", name: SLOTS$3.contentBottom, onSlotchange: this.handleSlotChange }))));
+            ref: this.setContainerEl }, this.renderSelectionIcon(), hAsync("div", { class: CSS$9.column }, hAsync("slot", { name: SLOTS$3.contentTop }), icon && hAsync("calcite-icon", { flipRtl: iconFlipRtl, icon: icon, scale: "l" }), hAsync("div", { class: { [CSS$9.contentContainer]: true, [CSS$9.row]: true } }, hAsync("slot", { name: SLOTS$3.contentStart }), hAsync("div", { class: CSS$9.textContent }, heading && hAsync("div", { class: CSS$9.heading }, heading), description && hAsync("div", { class: CSS$9.description }, description)), hAsync("slot", { name: SLOTS$3.contentEnd })), hAsync("slot", { name: SLOTS$3.contentBottom }))));
     }
     render() {
         const { disabled } = this;
-        return (hAsync(InteractiveContainer, { key: '7f10b5f251ef8a2e615d32c83c5ab3ad2ab17b75', disabled: disabled }, !!this.href ? (hAsync("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
+        return (hAsync(InteractiveContainer, { key: '0498410835d5fc00d19eb6787aa89862ce784c46', 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; }
@@ -51634,10 +51349,6 @@ class Tile {
             "selected": [516],
             "selectionAppearance": [513, "selection-appearance"],
             "selectionMode": [513, "selection-mode"],
-            "hasContentBottom": [32],
-            "hasContentEnd": [32],
-            "hasContentStart": [32],
-            "hasContentTop": [32],
             "setFocus": [64]
         },
         "$listeners$": [[0, "keydown", "keyDownHandler"]],
@@ -54261,7 +53972,7 @@ class TreeItem {
                 });
                 event.preventDefault();
                 break;
-            case "Enter": {
+            case "Enter":
                 // activates a node, i.e., performs its default action. For parent nodes, one possible default action is to open or close the node. In single-select trees where selection does not follow focus (see note below), the default action is typically to select the focused node.
                 const link = Array.from(this.el.children).find((el) => el.matches("a"));
                 this.userChangedValue = true;
@@ -54276,7 +53987,6 @@ class TreeItem {
                     });
                 }
                 event.preventDefault();
-            }
         }
     }
     //--------------------------------------------------------------------------