@esri/calcite-components 6.0.0-next.10 → 6.0.0-next.11

package/dist/chunks/resources4.js

@@ -1,25 +1,15 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { i as isTag } from "./resources3.js";
+import { i as isTag } from "./resources2.js";
 const CSS = {
-  button: "button",
-  buttonTextVisible: "button--text-visible",
-  buttonCompact: "button--compact",
-  iconContainer: "icon-container",
-  slotContainer: "slot-container",
-  slotContainerHidden: "slot-container--hidden",
-  textContainer: "text-container",
-  textContainerVisible: "text-container--visible",
-  indicatorWithIcon: "indicator-with-icon",
-  indicatorWithoutIcon: "indicator-without-icon"
+  container: "container",
+  containerNoSpacing: "container--no-spacing",
+  firstTitle: "first-title",
+  heading: "heading",
+  scale: (scale) => `scale--${scale}`,
+  separator: "separator"
 };
-const prefixId = "calcite-action";
-const IDS = {
-  button: (id) => `${prefixId}-${id}-button`,
-  indicator: (id) => `${prefixId}-${id}-indicator`
-};
-const isAction = isTag("calcite-action");
+const isAutocompleteItemGroup = isTag("calcite-autocomplete-item-group");
 export {
   CSS as C,
-  IDS as I,
-  isAction as i
+  isAutocompleteItemGroup as i
 };

package/dist/chunks/resources5.js

@@ -1,15 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { i as isTag } from "./resources3.js";
+import { i as isTag } from "./resources2.js";
 const CSS = {
   container: "container",
-  containerNoSpacing: "container--no-spacing",
-  firstTitle: "first-title",
+  containerActive: "container--active",
+  contentCenter: "content-center",
+  description: "description",
   heading: "heading",
-  scale: (scale) => `scale--${scale}`,
-  separator: "separator"
+  iconEnd: "icon-end",
+  iconStart: "icon-start",
+  scale: (scale) => `scale--${scale}`
 };
-const isAutocompleteItemGroup = isTag("calcite-autocomplete-item-group");
+const SLOTS = {
+  contentEnd: "content-end",
+  contentStart: "content-start"
+};
+const idPrefix = "autocomplete-item";
+const IDS = {
+  host: (id) => `${idPrefix}-${id}`
+};
+const isAutocompleteItem = isTag("calcite-autocomplete-item");
 export {
   CSS as C,
-  isAutocompleteItemGroup as i
+  IDS as I,
+  SLOTS as S,
+  isAutocompleteItem as i
 };

package/dist/chunks/resources6.js

@@ -1,27 +1,52 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { i as isTag } from "./resources3.js";
+import { i as isTag } from "./resources2.js";
+const IDS = {
+  content: "content",
+  toggle: "toggle",
+  header: "header"
+};
 const CSS = {
+  actionsEnd: "actions-end",
   container: "container",
-  containerActive: "container--active",
-  contentCenter: "content-center",
+  content: "content",
+  contentEnd: "content-end",
+  contentStart: "content-start",
   description: "description",
+  hasSlottedContent: "has-slotted-content",
+  header: "header",
+  headerContainer: "header-container",
+  headerHasContent: "header--has-content",
+  headerDraggable: "header--draggable",
   heading: "heading",
-  iconEnd: "icon-end",
-  iconStart: "icon-start",
-  scale: (scale) => `scale--${scale}`
+  icon: "icon",
+  iconStart: "icon--start",
+  iconEnd: "icon--end",
+  iconEndContainer: "icon-end-container",
+  invalid: "invalid",
+  statusIcon: "status-icon",
+  title: "title",
+  toggle: "toggle",
+  toggleIcon: "toggle-icon",
+  valid: "valid"
 };
 const SLOTS = {
+  actionsEnd: "actions-end",
   contentEnd: "content-end",
-  contentStart: "content-start"
+  contentStart: "content-start",
+  children: "children",
+  headerMenuActions: "header-menu-actions"
 };
-const idPrefix = "autocomplete-item";
-const IDS = {
-  host: (id) => `${idPrefix}-${id}`
+const ICONS = {
+  expanded: "chevron-up",
+  collapsed: "chevron-down",
+  valid: "check-circle",
+  invalid: "exclamation-mark-triangle"
 };
-const isAutocompleteItem = isTag("calcite-autocomplete-item");
+const isBlock = isTag("calcite-block");
 export {
   CSS as C,
-  IDS as I,
+  ICONS as I,
   SLOTS as S,
-  isAutocompleteItem as i
+  IDS as a,
+  isBlock as i
 };

package/dist/chunks/resources7.js

@@ -1,52 +1,34 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { i as isTag } from "./resources3.js";
-const IDS = {
-  content: "content",
-  toggle: "toggle",
-  header: "header"
-};
+import { i as isTag } from "./resources2.js";
 const CSS = {
-  actionsEnd: "actions-end",
   container: "container",
-  content: "content",
-  contentEnd: "content-end",
-  contentStart: "content-start",
-  description: "description",
-  hasSlottedContent: "has-slotted-content",
+  contentWrapper: "content-wrapper",
   header: "header",
-  headerContainer: "header-container",
-  headerHasContent: "header--has-content",
-  headerDraggable: "header--draggable",
-  heading: "heading",
-  icon: "icon",
-  iconStart: "icon--start",
-  iconEnd: "icon--end",
-  iconEndContainer: "icon-end-container",
-  invalid: "invalid",
-  statusIcon: "status-icon",
-  title: "title",
-  toggle: "toggle",
-  toggleIcon: "toggle-icon",
-  valid: "valid"
+  footer: "footer",
+  checkboxWrapper: "checkbox-wrapper",
+  checkboxWrapperDeprecated: "checkbox-wrapper-deprecated",
+  thumbnailWrapper: "thumbnail-wrapper",
+  headerTextContainer: "header-text-container",
+  cardContent: "card-content",
+  hasSlottedContent: "has-slotted-content"
 };
 const SLOTS = {
-  actionsEnd: "actions-end",
-  contentEnd: "content-end",
-  contentStart: "content-start",
-  children: "children",
-  headerMenuActions: "header-menu-actions"
+  thumbnail: "thumbnail",
+  heading: "heading",
+  description: "description",
+  footerStart: "footer-start",
+  footerEnd: "footer-end"
 };
 const ICONS = {
-  expanded: "chevron-up",
-  collapsed: "chevron-down",
-  valid: "check-circle",
-  invalid: "exclamation-mark-triangle"
+  selected: "check-square-f",
+  unselected: "square",
+  selectedSingle: "circle-f",
+  unselectedSingle: "circle"
 };
-const isBlock = isTag("calcite-block");
+const isCard = isTag("calcite-card");
 export {
   CSS as C,
   ICONS as I,
   SLOTS as S,
-  IDS as a,
-  isBlock as i
+  isCard as i
 };

package/dist/chunks/resources8.js

@@ -1,34 +1,36 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { i as isTag } from "./resources3.js";
+import { i as isTag } from "./resources2.js";
 const CSS = {
+  title: "title",
+  close: "close",
+  imageContainer: "image-container",
+  chipIcon: "chip-icon",
+  textSlotted: "text--slotted",
   container: "container",
-  contentWrapper: "content-wrapper",
-  header: "header",
-  footer: "footer",
-  checkboxWrapper: "checkbox-wrapper",
-  checkboxWrapperDeprecated: "checkbox-wrapper-deprecated",
-  thumbnailWrapper: "thumbnail-wrapper",
-  headerTextContainer: "header-text-container",
-  cardContent: "card-content",
-  hasSlottedContent: "has-slotted-content"
+  imageSlotted: "image--slotted",
+  closable: "closable",
+  multiple: "multiple",
+  single: "single",
+  selectable: "selectable",
+  selectIcon: "select-icon",
+  selectIconActive: "select-icon--active",
+  nonInteractive: "non-interactive",
+  isCircle: "is-circle",
+  selected: "selected"
 };
 const SLOTS = {
-  thumbnail: "thumbnail",
-  heading: "heading",
-  description: "description",
-  footerStart: "footer-start",
-  footerEnd: "footer-end"
+  image: "image"
 };
 const ICONS = {
-  selected: "check-square-f",
-  unselected: "square",
-  selectedSingle: "circle-f",
-  unselectedSingle: "circle"
+  close: "x",
+  checkedSingle: "circle-f",
+  uncheckedMultiple: "square",
+  checkedMultiple: "check-square-f"
 };
-const isCard = isTag("calcite-card");
+const isChip = isTag("calcite-chip");
 export {
   CSS as C,
   ICONS as I,
   SLOTS as S,
-  isCard as i
+  isChip as i
 };

package/dist/chunks/resources9.js

@@ -1,36 +1,61 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { i as isTag } from "./resources3.js";
+const ComboboxItemSelector = "CALCITE-COMBOBOX-ITEM";
+const ComboboxItemGroupSelector = "CALCITE-COMBOBOX-ITEM-GROUP";
+const AllComboboxChildrenSelector = `${ComboboxItemSelector}, ${ComboboxItemGroupSelector}`;
 const CSS = {
-  title: "title",
-  close: "close",
-  imageContainer: "image-container",
-  chipIcon: "chip-icon",
-  textSlotted: "text--slotted",
-  container: "container",
-  imageSlotted: "image--slotted",
-  closable: "closable",
-  multiple: "multiple",
-  single: "single",
-  selectable: "selectable",
-  selectIcon: "select-icon",
-  selectIconActive: "select-icon--active",
-  nonInteractive: "non-interactive",
-  isCircle: "is-circle",
-  selected: "selected"
+  allSelected: "all-selected",
+  chip: "chip",
+  chipInvisible: "chip--invisible",
+  icon: "icon",
+  input: "input",
+  inputHidden: "input--hidden",
+  label: "label",
+  labelIcon: "label--icon",
+  listContainer: "list-container",
+  noMatches: "no-matches",
+  noMatchesPlaceholder: "no-matches-placeholder",
+  placeholderIcon: "placeholder-icon",
+  selectAll: "select-all",
+  selectionDisplayFit: "selection-display--fit",
+  selectionDisplaySingle: "selection-display--single",
+  selectedIcon: "selected-icon",
+  floatingUIContainer: "floating-ui-container",
+  wrapper: "wrapper",
+  wrapperSingle: "wrapper--single",
+  wrapperActive: "wrapper--active",
+  gridInput: "grid-input",
+  inputSingle: "input--single",
+  inputIcon: "input--icon",
+  inputWrap: "input-wrap",
+  inputWrapSingle: "input-wrap--single",
+  iconEnd: "icon-end",
+  iconStart: "icon-start",
+  list: "list",
+  listHide: "list--hide",
+  disabled: "disabled"
 };
-const SLOTS = {
-  image: "image"
+const idPrefix = "combobox";
+const IDS = {
+  validationMessage: "comboboxValidationMessage",
+  item: (id) => `${idPrefix}-item-${id}`,
+  chip: (id) => `${idPrefix}-chip-${id}`,
+  label: (id) => `${idPrefix}-label-${id}`,
+  listbox: (id) => `${idPrefix}-listbox-${id}`,
+  input: (id) => `${idPrefix}-input-${id}`
 };
 const ICONS = {
-  close: "x",
-  checkedSingle: "circle-f",
-  uncheckedMultiple: "square",
-  checkedMultiple: "check-square-f"
+  chevronUp: "chevron-up",
+  chevronDown: "chevron-down"
+};
+const SLOTS = {
+  labelContent: "label-content"
 };
-const isChip = isTag("calcite-chip");
 export {
-  CSS as C,
-  ICONS as I,
+  AllComboboxChildrenSelector as A,
+  ComboboxItemSelector as C,
+  IDS as I,
   SLOTS as S,
-  isChip as i
+  ComboboxItemGroupSelector as a,
+  CSS as b,
+  ICONS as c
 };

package/dist/chunks/runtime.js

@@ -102,9 +102,9 @@ function getConfig() {
   }
   return effectiveConfig;
 }
-const version = "6.0.0-next.10";
+const version = "6.0.0-next.11";
 const buildDate = "2026-10-29";
-const revision = "d48a6d4b7";
+const revision = "31797c7b6";
 function stampVersion() {
   const config = getConfig();
   if (config && config.version) {
@@ -127,7 +127,7 @@ if (!isServer) {
 if (process.env.NODE_ENV !== "test") {
   queueMicrotask(stampVersion);
 }
-const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@6.0.0-next.10/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
+const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@6.0.0-next.11/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
 const originalSetAssetPath = runtime.setAssetPath;
 runtime.setAssetPath = (path) => {
   assetPathChanged = true;

package/dist/chunks/utils.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { isServer } from "lit";
 import { n as nodeListToArray } from "./dom.js";
-import { A as AllComboboxChildrenSelector, C as ComboboxItemSelector, a as ComboboxItemGroupSelector } from "./resources10.js";
+import { A as AllComboboxChildrenSelector, C as ComboboxItemSelector, a as ComboboxItemGroupSelector } from "./resources9.js";
 function getAncestors(element) {
   const parent = element.parentElement?.closest(AllComboboxChildrenSelector);
   const grandparent = parent?.parentElement?.closest(AllComboboxChildrenSelector);

package/dist/chunks/utils4.js

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { isServer } from "lit";
-import { i as isTag } from "./resources3.js";
+import { i as isTag } from "./resources2.js";
 import { i as isListItemGroup, c as isListItem } from "./resources34.js";
 const CSS = {
   container: "container",

package/dist/components/calcite-action/customElement.js

@@ -11,7 +11,7 @@ import { u as useT9n } from "../../chunks/useT9n.js";
 import { u as useFocusable } from "../../chunks/useFocusable.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 import { u as useFormTrigger } from "../../chunks/useFormTrigger.js";
-import { I as IDS, C as CSS } from "../../chunks/resources4.js";
+import { I as IDS, C as CSS } from "../../chunks/resources3.js";
 import { s as styles$1 } from "../../chunks/screen-reader.js";
 import { t as toAriaBoolean } from "../../chunks/aria.js";
 const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-action-font-size: var(--calcite-font-size--2);--calcite-internal-action-min-height: var(--calcite-size-sm);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-font-size: var(--calcite-font-size--1);--calcite-internal-action-min-height: var(--calcite-size-md);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-font-size: var(--calcite-font-size-0);--calcite-internal-action-min-height: var(--calcite-size-lg);--calcite-internal-action-line-height: 1.25rem;--calcite-internal-action-spacing: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:flex;cursor:pointer;background-color:transparent;--calcite-internal-action-text-color: var(--calcite-color-text-3);border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius-xs)))}.interaction-container{border-radius:inherit}:host([width=full]){flex:1 0 auto}:host([width=full]) .button{justify-content:center}:host([width=full]) .button .text-container--visible{flex:none}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.button{position:relative;margin:0;display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;outline-color:transparent;box-sizing:border-box;background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:inherit;color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));cursor:inherit;flex:1 0 auto;font-family:inherit;font-size:var(--calcite-internal-action-font-size);font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));line-height:var(--calcite-internal-action-line-height);min-block-size:var(--calcite-internal-action-height, var(--calcite-internal-action-min-height));max-block-size:var(--calcite-internal-action-height, none);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-internal-action-spacing));padding-inline:var(--calcite-internal-action-padding-inline, var(--calcite-internal-action-spacing));text-align:start}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-theme-space-base, var(--calcite-spacing-base))) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3))))}.button--text-visible{gap:var(--calcite-internal-action-spacing);inline-size:100%}.icon-container{pointer-events:none;margin:0;display:flex;align-items:center;justify-content:center}.text-container{margin:0;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition-property:opacity;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button{background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}:host([active]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([active]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3))))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([loading]) calcite-loader[inline]{margin-inline-end:0px;--calcite-loader-progress-color-inline: var(--calcite-action-loader-color)}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([appearance=transparent]) .button{transition-property:box-shadow;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);background-color:var(--calcite-action-background-color, var(--calcite-color-transparent))}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([selection-appearance=highlight]):host([active]) .button{background-color:var(--calcite-color-surface-highlight);color:var(--calcite-color-text-highlight)}:host([active-descendant]) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-theme-space-base, var(--calcite-spacing-base))) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:.25rem;inline-size:1rem;position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}:host([scale=s]) .indicator-with-icon{position:relative}:host([scale=s]) .indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.125rem;inset-inline-end:-.125rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([scale=s]) .indicator-without-icon{position:relative}:host([scale=s]) .indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.175rem;inset-inline-end:-.175rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;

package/dist/components/calcite-action-bar/customElement.js

@@ -1,21 +1,54 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { D as DEBOUNCE, l as logger, c as customElement } from "../../chunks/runtime.js";
 import { debounce } from "es-toolkit";
-import { css, html, nothing } from "lit";
+import { nothing, html, css } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
-import { createRef, ref } from "lit/directives/ref.js";
+import { ref, createRef } from "lit/directives/ref.js";
 import { useDirection } from "@arcgis/lumina/controllers";
 import { l as getStylePixelValue, C as filterDirectChildren, b as slotChangeGetAssignedElements, a as getSlotAssignedElements, e as focusElementInGroup } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
-import { t as toggleActionBarChildActionText, E as ExpandToggle } from "../../chunks/ExpandToggle.js";
+import { S as SLOTS, i as isActionGroup } from "../../chunks/resources.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { u as useCancelable } from "../../chunks/useCancelable.js";
-import { i as isTooltip } from "../../chunks/resources11.js";
+import { i as isTooltip } from "../../chunks/resources10.js";
 import { u as useFocusable } from "../../chunks/useFocusable.js";
-import { i as isAction } from "../../chunks/resources4.js";
-import { S as SLOTS, i as isActionGroup } from "../../chunks/resources.js";
-import { i as isActionMenu, S as SLOTS$1 } from "../../chunks/resources2.js";
+import { i as isAction } from "../../chunks/resources3.js";
+import { i as isActionMenu, S as SLOTS$1 } from "../../chunks/resources11.js";
 import { S as SLOTS$2, C as CSS } from "../../chunks/resources12.js";
+const ICONS = {
+  chevronsLeft: "chevrons-left",
+  chevronsRight: "chevrons-right"
+};
+function getCalcitePosition(el, position) {
+  return position || el.closest("calcite-shell-panel")?.position || "start";
+}
+function toggleActionBarChildActionText({ actions, expandables, expanded }) {
+  actions.filter((el) => el.slot !== SLOTS.menuActions).forEach((action) => action.textEnabled = expanded);
+  expandables.forEach((item) => item.expanded = expanded);
+}
+const setTooltipReference = ({ tooltip, referenceElement, expanded, ref: ref2 }) => {
+  if (tooltip) {
+    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : void 0;
+  }
+  if (ref2) {
+    ref2(referenceElement);
+  }
+  return referenceElement;
+};
+const ExpandToggle = ({ collapseText, collapseLabel, direction, expanded, expandText, expandLabel, toggle, el, position, tooltip, ref: ref$1, scale }) => {
+  const rtl = direction === "rtl";
+  const text = expanded ? collapseText : expandText;
+  const label = expanded ? collapseLabel : expandLabel;
+  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
+  if (rtl) {
+    icons.reverse();
+  }
+  const end = getCalcitePosition(el, position) === "end";
+  const expandIcon = end ? icons[1] : icons[0];
+  const collapseIcon = end ? icons[0] : icons[1];
+  const actionNode = html`<calcite-action .aria=${{ expanded }} .icon=${expanded ? expandIcon : collapseIcon} id=expand-toggle .label=${label} @click=${toggle} .scale=${scale} .text=${text} .textEnabled=${expanded} title=${(!expanded && !tooltip ? text : void 0) ?? nothing} ${ref((referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref: ref$1 }))}></calcite-action>`;
+  return actionNode;
+};
 const calculateMaxItems = ({
   bufferSize = 0,
   containerSize,

package/dist/components/calcite-action-group/customElement.js

@@ -3,10 +3,10 @@ import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { S as SLOTS } from "../../chunks/resources2.js";
+import { S as SLOTS } from "../../chunks/resources11.js";
 import { a as getSlotAssignedElements, s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
-import { i as isAction } from "../../chunks/resources4.js";
+import { i as isAction } from "../../chunks/resources3.js";
 import { u as useFocusable } from "../../chunks/useFocusable.js";
 import { I as ICONS, S as SLOTS$1, C as CSS } from "../../chunks/resources.js";
 const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-group-gap: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-group-gap: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-group-gap: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{display:flex;flex-direction:column;padding:0;background-color:transparent;border-color:var(--calcite-action-group-border-color, var(--calcite-color-border-3));border-style:solid;border-width:0;gap:var(--calcite-internal-action-group-gap)}.container{display:flex;flex-grow:1;flex-direction:column;gap:inherit}:host([columns="1"]){--calcite-internal-action-group-columns: 1}:host([columns="2"]){--calcite-internal-action-group-columns: 2}:host([columns="3"]){--calcite-internal-action-group-columns: 3}:host([columns="4"]){--calcite-internal-action-group-columns: 4}:host([columns="5"]){--calcite-internal-action-group-columns: 5}:host([columns="6"]){--calcite-internal-action-group-columns: 6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:transparent;gap:var(--calcite-action-group-gap, var(--calcite-internal-action-group-gap));grid-template-columns:repeat(var(--calcite-action-group-columns, var(--calcite-internal-action-group-columns, 3)),auto);padding:var(--calcite-action-group-gap, 1px)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-inline-end:var(--calcite-size-px)}:host([hidden]){display:none}[hidden]{display:none}`;

package/dist/components/calcite-action-menu/customElement.js

@@ -8,11 +8,11 @@ import { t as toAriaBoolean } from "../../chunks/aria.js";
 import { a as getSlotAssignedElements } from "../../chunks/dom.js";
 import { g as guid } from "../../chunks/guid.js";
 import { i as isActivationKey } from "../../chunks/key.js";
-import { i as isAction } from "../../chunks/resources4.js";
+import { i as isAction } from "../../chunks/resources3.js";
 import { i as isActionGroup } from "../../chunks/resources.js";
-import { i as isTooltip } from "../../chunks/resources11.js";
+import { i as isTooltip } from "../../chunks/resources10.js";
 import { u as useFocusable } from "../../chunks/useFocusable.js";
-import { I as IDS, C as CSS, S as SLOTS, a as ICONS } from "../../chunks/resources2.js";
+import { I as IDS, C as CSS, S as SLOTS, a as ICONS } from "../../chunks/resources11.js";
 const styles = css`:host([scale=s]){--calcite-internal-action-menu-gap: var( --calcite-action-menu-items-space, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) );--calcite-internal-action-menu-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-action-menu-gap: var( --calcite-action-menu-items-space, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) );--calcite-internal-action-menu-padding: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]){--calcite-internal-action-menu-gap: var( --calcite-action-menu-items-space, var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus)) );--calcite-internal-action-menu-padding: var(--calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus))}:host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-relative-lg)}::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);padding-block-end:var(--calcite-internal-action-menu-padding)}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{display:flex;max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px;gap:var(--calcite-internal-action-menu-gap);padding:var(--calcite-internal-action-menu-padding)}:host([hidden]){display:none}[hidden]{display:none}`;
 const SUPPORTED_MENU_NAV_KEYS = ["ArrowUp", "ArrowDown", "End", "Home"];
 class ActionMenu extends LitElement {

package/dist/components/calcite-alert/customElement.js

@@ -8,7 +8,7 @@ import { s as slotChangeHasAssignedElement, v as setRequestedIcon } from "../../
 import { g as getIconScale } from "../../chunks/component.js";
 import { N as NumberStringFormat } from "../../chunks/locale.js";
 import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
-import { K as KindIcons, a as KindIconsFilled } from "../../chunks/resources3.js";
+import { K as KindIcons, a as KindIconsFilled } from "../../chunks/resources2.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { u as useFocusable } from "../../chunks/useFocusable.js";
 import { u as useTopLayer } from "../../chunks/useTopLayer.js";

package/dist/components/calcite-autocomplete/customElement.js

@@ -11,8 +11,8 @@ import { g as getLabelText } from "../../chunks/label.js";
 import { s as slotChangeHasAssignedElement, a as getSlotAssignedElements } from "../../chunks/dom.js";
 import { g as guid } from "../../chunks/guid.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
-import { i as isAutocompleteItem } from "../../chunks/resources6.js";
-import { i as isAutocompleteItemGroup } from "../../chunks/resources5.js";
+import { i as isAutocompleteItem } from "../../chunks/resources5.js";
+import { i as isAutocompleteItemGroup } from "../../chunks/resources4.js";
 import { I as InternalLabel } from "../../chunks/InternalLabel.js";
 import { V as Validation } from "../../chunks/Validation.js";
 import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";

package/dist/components/calcite-autocomplete-item/customElement.js

@@ -6,7 +6,7 @@ import { g as getIconScale } from "../../chunks/component.js";
 import { g as guid } from "../../chunks/guid.js";
 import { h as highlightText } from "../../chunks/text.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
-import { I as IDS, S as SLOTS, C as CSS } from "../../chunks/resources6.js";
+import { I as IDS, S as SLOTS, C as CSS } from "../../chunks/resources5.js";
 const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-autocomplete-item-spacing-unit-l: .5rem;--calcite-internal-autocomplete-item-spacing-unit-s: .25rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-autocomplete-item-spacing-unit-l: .75rem;--calcite-internal-autocomplete-item-spacing-unit-s: .375rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-autocomplete-item-spacing-unit-l: 1rem;--calcite-internal-autocomplete-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size)}:host{display:flex}.container{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;outline-color:transparent;background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-3));gap:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-inline:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-block:var(--calcite-internal-autocomplete-item-spacing-unit-s);overflow-wrap:break-word;word-break:break-word;justify-content:space-around}.description{color:var(--calcite-autocomplete-description-text-color);font-size:var(--calcite-internal-autocomplete-item-description-font-size)}.heading{color:var(--calcite-autocomplete-heading-text-color, var(--calcite-color-text-1))}.heading,.description{line-height:var(--calcite-font-line-height-relative-snug)}:host([selected]) .container{color:var(--calcite-color-text-1);background-color:var(--calcite-color-surface-highlight)}:host([selected]) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}:host([selected]) .heading{font-weight:var(--calcite-font-weight-medium)}:host(:hover:not([disabled])) .container{background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host(:hover:not([disabled])) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}.container--active{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-theme-space-base, var(--calcite-spacing-base))) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content-center{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
 class AutocompleteItem extends LitElement {
   constructor() {

package/dist/components/calcite-autocomplete-item-group/customElement.js

@@ -4,8 +4,8 @@ import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap, nothing } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
 import { a as getSlotAssignedElements } from "../../chunks/dom.js";
-import { i as isAutocompleteItem } from "../../chunks/resources6.js";
-import { C as CSS } from "../../chunks/resources5.js";
+import { i as isAutocompleteItem } from "../../chunks/resources5.js";
+import { C as CSS } from "../../chunks/resources4.js";
 const styles = css`.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-sm, var(--calcite-spacing-sm) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs) )}.scale--s .first-title{padding-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}.scale--s .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-md, var(--calcite-spacing-md) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-xs, var(--calcite-spacing-xs) )}.scale--m .first-title{padding-block-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}.scale--m .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-lg, var(--calcite-spacing-lg) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus) )}.scale--l .first-title{padding-block-start:var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}.scale--l .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}:host{margin:0;display:flex;flex-direction:column}.container{display:flex;flex-direction:column;background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.container--no-spacing{padding-block-start:0}.separator{block-size:var(--calcite-theme-space-px, var(--calcite-spacing-px));background-color:var(--calcite-autocomplete-border-color, var(--calcite-color-border-3))}.heading{box-sizing:border-box;inline-size:100%;min-inline-size:0px;max-inline-size:100%;font-weight:var(--calcite-font-weight-bold);word-wrap:break-word;word-break:break-word;color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));padding-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);padding-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}:host([hidden]){display:none}[hidden]{display:none}`;
 const itemSelector = "calcite-autocomplete-item";
 class AutocompleteItemGroup extends LitElement {

package/dist/components/calcite-block/customElement.js

@@ -13,7 +13,7 @@ import { u as useFocusable } from "../../chunks/useFocusable.js";
 import { s as styles$2 } from "../../chunks/sortable.js";
 import { s as styles$1 } from "../../chunks/header.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
-import { C as CSS, I as ICONS, S as SLOTS, a as IDS } from "../../chunks/resources7.js";
+import { C as CSS, I as ICONS, S as SLOTS, a as IDS } from "../../chunks/resources6.js";
 import { t as toAriaBoolean } from "../../chunks/aria.js";
 const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .header{gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .icon-end-container{gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm)}:host([scale=s]) .description{font-size:var(--calcite-font-size-xs)}:host([scale=s]){--calcite-internal-block-actions-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-block-header-content-padding: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-sm, var(--calcite-spacing-sm))) )}:host([scale=m]) .header{gap:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .icon-end-container{gap:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .heading{font-size:var(--calcite-font-size)}:host([scale=m]) .description{font-size:var(--calcite-font-size-sm)}:host([scale=m]){--calcite-internal-block-actions-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-block-header-content-padding: var(--calcite-theme-space-md, var(--calcite-spacing-md));--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-sm, var(--calcite-spacing-sm))) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-md, var(--calcite-spacing-md))) )}:host([scale=l]) .header{gap:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .icon-end-container{gap:var(--calcite-theme-space-lg, var(--calcite-spacing-lg));padding-inline-end:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md)}:host([scale=l]) .description{font-size:var(--calcite-font-size)}:host([scale=l]){--calcite-internal-block-actions-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-block-header-content-padding: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-md, var(--calcite-spacing-md))) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-lg, var(--calcite-spacing-lg))) )}:host{transition-property:margin;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;transition-timing-function:var(--calcite-animation-easing-function);display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm);border-style:solid;padding:0;flex-basis:auto;border-color:var(--calcite-block-border-color, var(--calcite-color-border-3));background-color:var(--calcite-block-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{justify-content:flex-start}.header--has-content{padding:var(--calcite-internal-block-header-content-padding)}.header--draggable{padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto auto auto;grid-template-areas:"handle header icon-end menu actions-end"}.icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.actions-end{align-items:center;display:flex;gap:var(--calcite-internal-block-actions-spacing);grid-area:actions-end;padding-block:var(--calcite-internal-block-actions-spacing);padding-inline-end:var(--calcite-internal-block-actions-spacing)}.toggle{outline-color:transparent;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;margin:0;padding:0;font-family:inherit;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.toggle:active{background-color:var(--calcite-block-header-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}calcite-loader[inline]{align-self:center}calcite-sort-handle{align-self:center;grid-area:handle;margin-block:var(--calcite-internal-block-actions-spacing);padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.title{display:flex;flex-direction:column}.header .title .heading{overflow-wrap:break-word;word-break:break-word;padding:0;color:var(--calcite-block-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));line-height:var(--calcite-font-line-height-relative-snug)}.description{overflow-wrap:break-word;word-break:break-word;padding:0;color:var(--calcite-block-description-text-color, var(--calcite-color-text-3));font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-snug)}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;grid-area:icon-end}.toggle-icon{transition-property:color;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;align-self:center;justify-self:end;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-block-expandable-icon-color, var(--calcite-block-collapsible-icon-color, var(--calcite-block-icon-color, var(--calcite-color-text-3))))}.toggle:hover .toggle-icon{color:var(--calcite-block-expandable-icon-color-hover, var(--calcite-block-collapsible-icon-color-hover, var(--calcite-block-icon-color-hover, var(--calcite-color-text-1))))}.container{display:flex;flex-direction:column;block-size:100%;position:relative}.content{flex:1 1 0%;position:relative;min-block-size:0;opacity:0;transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.has-slotted-content{padding-block:var(--calcite-internal-block-padding-block);padding-inline:var(--calcite-internal-block-padding-inline)}.content-end,.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}calcite-action-menu{align-self:center;grid-area:menu;margin-inline-end:var(--calcite-internal-block-actions-spacing)}:host([expanded]){margin-block:var(--calcite-space-sm)}:host([expanded]) .header .title .heading{color:var(--calcite-block-heading-text-color, var(--calcite-block-heading-text-color-press, var(--calcite-color-text-1)));font-weight:var(--calcite-font-weight-medium)}:host([expanded]) .description{color:var(--calcite-block-description-text-color, var(--calcite-color-text-2))}:host([expanded]) .icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .content{opacity:1}@starting-style{:host([expanded]){margin-block-start:0;opacity:0}}:host([expanded][scale=s]){margin-block:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([expanded][scale=l]){margin-block:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([hidden]){display:none}[hidden]{display:none}slot[name=children]::slotted(calcite-block){border-block-end-width:0}`;
 class Block extends LitElement {