@esri/calcite-components 2.2.0-next.8 → 2.2.0-next.9

package/dist/calcite/p-6278691e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","containerHover","containerBorder","containerBorderSelected","containerBorderUnselected","contentContainer","contentContainerSelectable","contentContainerHasCenterContent","nestedContainer","nestedContainerHidden","content","customContent","actionsStart","contentStart","label","description","contentEnd","contentBottom","actionsEnd","selectionContainer","selectionContainerSingle","openContainer","dragContainer","SLOTS","MAX_COLUMNS","ICONS","selectedMultiple","selectedSingle","unselectedMultiple","unselectedSingle","closedLTR","closedRTL","open","blank","close","activeCellTestAttribute","listSelector","listItemGroupSelector","listItemSelector","getListItemChildLists","slotEl","Array","from","assignedElements","flatten","filter","el","matches","getListItemChildren","listItemGroupChildren","map","group","querySelectorAll","reduce","previousValue","currentValue","listItemChildren","listItemListChildren","list","updateListItemChildren","forEach","listItem","setPosition","indexOf","setSize","length","getDepth","element","includeGroup","expression","result","document","evaluate","XPathResult","UNORDERED_NODE_SNAPSHOT_TYPE","snapshotLength","table","scrim","stack","tableContainer","sticky","assistiveText","debounceTimeout","filterActionsStart","filterActionsEnd","listCss","listItemSelectorDirect","parentSelector","List","this","dragSelector","focusableItems","handleSelector","listItems","mutationObserver","createObserver","updateListItems","openItems","handleDefaultSlotChange","event","target","parentListEl","calciteInternalListDefaultSlotChange","emit","handleFilterActionsStartSlotChange","hasFilterActionsStart","slotChangeHasAssignedElement","handleFilterActionsEndSlotChange","hasFilterActionsEnd","setActiveListItem","some","item","active","updateSelectedItems","selectedItems","selected","calciteListChange","updateFilteredItems","filteredData","filterText","values","value","lastDescendantItems","every","li","contains","filteredItems","includes","visibleParents","WeakSet","filterElements","findAncestorOfFirstFilteredItem","calciteListFilter","setFilterEl","filterEl","performFilter","handleFilterChange","stopPropagation","currentTarget","updateFilteredData","getItemData","metadata","debounce","selectionAppearance","selectionMode","dragEnabled","items","queryListItems","dragHandle","setUpSorting","dragItems","filterEnabled","dataForFilter","closed","disabled","direct","focusRow","focusEl","setFocus","isNavigable","parentListItemEl","parentElement","closest","handleListKeydown","defaultPrevented","key","navigableItems","currentIndex","findIndex","preventDefault","nextIndex","prevIndex","homeItem","endItem","ancestorOfFirstFilteredItem","removeAttribute","getTopLevelAncestorItemElement","setAttribute","closestParent","closestListItemAncestor","handleFilterTextChange","onMessagesChange","handleListItemChange","handleCalciteInternalFocusPreviousItem","handleCalciteInternalListItemActive","handleCalciteListItemSelect","handleCalciteInternalAssistiveTextChange","detail","message","handleCalciteHandleNudge","handleNudgeEvent","handleCalciteInternalListItemSelect","handleCalciteInternalListItemSelectMultiple","lastSelectedInfo","selectedItem","selectMultiple","lastSelectedIndex","startIndex","Math","min","endIndex","max","slice","handleCalciteInternalListItemChange","handleCalciteInternalListItemGroupDefaultSlotChange","connectedCallback","dragActive","connectMessages","connectObserver","connectInteractive","setParentList","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidRender","updateHostInteraction","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectObserver","disconnectSortableComponent","disconnectInteractive","disconnectMessages","effectiveLocaleChange","updateMessages","effectiveLocale","componentFocusable","find","render","loading","filterPlaceholder","h","InteractiveContainer","class","renderItemAriaLive","toAriaBoolean","onKeyDown","role","colSpan","name","onSlotchange","slot","STACK_SLOTS","onCalciteFilterChange","placeholder","ref","messages","numberingSystem","numberStringFormatter","numberFormatOptions","locale","total","replace","localize","toString","observe","childList","subtree","disconnect","connectSortableComponent","onGlobalDragStart","onGlobalDragEnd","onDragEnd","calciteListDragEnd","onDragStart","calciteListDragStart","onDragSort","calciteListOrderChange","hidden","has","add","direction","composedPath","handle","tagName","dragEl","parentEl","sameParentItems","lastIndex","oldIndex","newIndex","blurUnselectDisabled","referenceEl","nextSibling","insertBefore","fromEl","toEl","then","listItemCss","focusMap","Map","ListItem","emitInternalListItemActive","calciteInternalListItemActive","focusCellHandle","focusCell","handleGridEl","focusCellActionsStart","actionsStartEl","focusCellContent","contentEl","focusCellActionsEnd","actionsEndEl","handleCloseClick","calciteListItemClose","handleContentSlotChange","hasCustomContent","handleActionsStartSlotChange","hasActionsStart","handleActionsEndSlotChange","hasActionsEnd","handleContentStartSlotChange","hasContentStart","handleContentEndSlotChange","hasContentEnd","handleContentBottomSlotChange","hasContentBottom","handleOpenableChange","handleToggleClick","toggle","calciteListItemToggle","handleItemClick","toggleSelected","shiftKey","calciteInternalListItemSelectMultiple","calciteListItemSelect","handleItemKeyDown","containerEl","openable","cells","getGridCells","cell","calciteInternalFocusPreviousItem","focus","focusCellNull","saveFocusIndex","set","gridCells","tableCell","tabIndex","focusedEl","getFirstTabbable","activeHandler","handleClosedChange","emitCalciteInternalListItemChange","handleDisabledChange","handleSelectedChange","calciteInternalListItemSelect","handleCalciteInternalListDefaultSlotChanges","defaultSlotEl","connectLocalized","level","visualLevel","setSelectionDefaults","disconnectLocalized","focusIndex","get","renderSelected","onClick","icon","scale","renderDragHandle","dragDisabled","onFocusin","renderOpen","dir","getElementDir","clickHandler","renderActionsStart","renderActionsEnd","closable","appearance","text","renderContentStart","renderCustomContent","renderContentEnd","renderContentBottom","style","renderDefaultContainer","renderContentProperties","renderContentContainer","hasCenterContent","showBorder","borderSelected","borderUnselected","Host","onFocus","calciteInternalListItemChange","listItemChildLists","heading","listItemGroupCss","ListItemGroup","calciteInternalListItemGroupDefaultSlotChange"],"sources":["src/components/list-item/resources.ts","src/components/list-item/utils.ts","src/components/list/resources.ts","src/components/list/list.scss?tag=calcite-list&encapsulation=shadow","src/components/list/list.tsx","src/components/list-item/list-item.scss?tag=calcite-list-item&encapsulation=shadow","src/components/list-item/list-item.tsx","src/components/list-item-group/resources.ts","src/components/list-item-group/list-item-group.scss?tag=calcite-list-item-group&encapsulation=shadow","src/components/list-item-group/list-item-group.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  containerHover: \"container--hover\",\n  containerBorder: \"container--border\",\n  containerBorderSelected: \"container--border-selected\",\n  containerBorderUnselected: \"container--border-unselected\",\n  contentContainer: \"content-container\",\n  contentContainerSelectable: \"content-container--selectable\",\n  contentContainerHasCenterContent: \"content-container--has-center-content\",\n  nestedContainer: \"nested-container\",\n  nestedContainerHidden: \"nested-container--hidden\",\n  content: \"content\",\n  customContent: \"custom-content\",\n  actionsStart: \"actions-start\",\n  contentStart: \"content-start\",\n  label: \"label\",\n  description: \"description\",\n  contentEnd: \"content-end\",\n  contentBottom: \"content-bottom\",\n  actionsEnd: \"actions-end\",\n  selectionContainer: \"selection-container\",\n  selectionContainerSingle: \"selection-container--single\",\n  openContainer: \"open-container\",\n  dragContainer: \"drag-container\",\n};\n\nexport const SLOTS = {\n  actionsStart: \"actions-start\",\n  contentStart: \"content-start\",\n  content: \"content\",\n  contentBottom: \"content-bottom\",\n  contentEnd: \"content-end\",\n  actionsEnd: \"actions-end\",\n};\n\n// Set to zero to extend until the end of the table section.\nexport const MAX_COLUMNS = 0;\n\nexport const ICONS = {\n  selectedMultiple: \"check-square-f\",\n  selectedSingle: \"bullet-point-large\",\n  unselectedMultiple: \"square\",\n  unselectedSingle: \"bullet-point-large\",\n  closedLTR: \"chevron-right\",\n  closedRTL: \"chevron-left\",\n  open: \"chevron-down\",\n  blank: \"blank\",\n  close: \"x\",\n};\n\nexport const activeCellTestAttribute = \"data-test-active\";\n","import { Build } from \"@stencil/core\";\n\nconst listSelector = \"calcite-list\";\nconst listItemGroupSelector = \"calcite-list-item-group\";\nconst listItemSelector = \"calcite-list-item\";\n\nexport function getListItemChildLists(slotEl: HTMLSlotElement): HTMLCalciteListElement[] {\n  return Array.from(\n    slotEl.assignedElements({ flatten: true }).filter((el) => el.matches(listSelector)),\n  ) as HTMLCalciteListElement[];\n}\n\nexport function getListItemChildren(slotEl: HTMLSlotElement): HTMLCalciteListItemElement[] {\n  const assignedElements = slotEl.assignedElements({ flatten: true });\n\n  const listItemGroupChildren = (\n    assignedElements.filter((el) => el?.matches(listItemGroupSelector)) as HTMLCalciteListItemGroupElement[]\n  )\n    .map((group) => Array.from(group.querySelectorAll(listItemSelector)))\n    .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n  const listItemChildren = assignedElements.filter(\n    (el) => el?.matches(listItemSelector),\n  ) as HTMLCalciteListItemElement[];\n\n  const listItemListChildren = (assignedElements.filter((el) => el?.matches(listSelector)) as HTMLCalciteListElement[])\n    .map((list) => Array.from(list.querySelectorAll(listItemSelector)))\n    .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n  return [...listItemListChildren, ...listItemGroupChildren, ...listItemChildren];\n}\n\nexport function updateListItemChildren(listItemChildren: HTMLCalciteListItemElement[]): void {\n  listItemChildren.forEach((listItem) => {\n    listItem.setPosition = listItemChildren.indexOf(listItem) + 1;\n    listItem.setSize = listItemChildren.length;\n  });\n}\n\nexport function getDepth(element: HTMLElement, includeGroup = false): number {\n  if (!Build.isBrowser) {\n    return 0;\n  }\n\n  const expression = includeGroup\n    ? \"ancestor::calcite-list-item | ancestor::calcite-list-item-group\"\n    : \"ancestor::calcite-list-item\";\n\n  const result = document.evaluate(expression, element, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);\n\n  return result.snapshotLength;\n}\n","export const CSS = {\n  container: \"container\",\n  table: \"table\",\n  scrim: \"scrim\",\n  stack: \"stack\",\n  tableContainer: \"table-container\",\n  sticky: \"sticky-pos\",\n  assistiveText: \"assistive-text\",\n};\n\nexport const debounceTimeout = 0;\n\nexport type SelectionAppearance = \"border\" | \"icon\";\n\nexport const SLOTS = {\n  filterActionsStart: \"filter-actions-start\",\n  filterActionsEnd: \"filter-actions-end\",\n};\n",":host {\n  @apply block;\n}\n\n@include disabled();\n\n.container {\n  position: relative;\n}\n\n.table-container {\n  @apply box-border\n  flex\n  w-full\n  flex-col\n  bg-transparent;\n  * {\n    @apply box-border;\n  }\n}\n\n.table {\n  @apply w-full border-collapse;\n}\n\n.stack {\n  --calcite-stack-padding-inline: 0;\n  --calcite-stack-padding-block: 0;\n}\n\n::slotted(calcite-list-item) {\n  @apply shadow-border-top;\n  margin-block-start: 1px;\n}\n\n::slotted(calcite-list-item:first-of-type) {\n  @apply shadow-none;\n}\n\n// removes shadow for the first item in filteredItems of the list.\n::slotted(calcite-list-item[data-filter]) {\n  @apply shadow-none;\n  margin-block-start: 0px;\n}\n\n.sticky-pos {\n  @apply sticky\n  top-0\n  z-sticky\n  bg-foreground-1;\n  & th {\n    @apply p-0;\n  }\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport { debounce } from \"lodash-es\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { SelectionMode } from \"../interfaces\";\nimport { ItemData } from \"../list-item/interfaces\";\nimport { MAX_COLUMNS } from \"../list-item/resources\";\nimport { getListItemChildren, updateListItemChildren } from \"../list-item/utils\";\nimport { CSS, debounceTimeout, SelectionAppearance, SLOTS } from \"./resources\";\nimport {\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { SLOTS as STACK_SLOTS } from \"../stack/resources\";\n\nconst listItemSelector = \"calcite-list-item\";\nconst listItemSelectorDirect = `:scope > calcite-list-item`;\nconst parentSelector = \"calcite-list-item-group, calcite-list-item\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { HandleNudge } from \"../handle/interfaces\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ListMessages } from \"./assets/list/t9n\";\nimport { NumberingSystem, numberStringFormatter } from \"../../utils/locale\";\nimport { ListDragDetail } from \"./interfaces\";\n\n/**\n * A general purpose list that enables users to construct list items that conform to Calcite styling.\n *\n * @slot - A slot for adding `calcite-list-item` elements.\n * @slot filter-actions-start - A slot for adding actionable `calcite-action` elements before the filter component.\n * @slot filter-actions-end - A slot for adding actionable `calcite-action` elements after the filter component.\n */\n@Component({\n  tag: \"calcite-list\",\n  styleUrl: \"list.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class List\n  implements InteractiveComponent, LoadableComponent, SortableComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: ListDragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: ListDragDetail) => boolean;\n\n  /**\n   * When `true`, `calcite-list-item`s are sortable via a draggable button.\n   */\n  @Prop({ reflect: true }) dragEnabled = false;\n\n  /**\n   * The list's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * When `true`, an input appears at the top of the component that can be used by end users to filter `calcite-list-item`s.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * The currently filtered `calcite-list-item`s.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalciteListItemElement[] = [];\n\n  /**\n   * The currently filtered `calcite-list-item` data.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * Placeholder text for the component's filter input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the component's filter input field.\n   */\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  @Watch(\"filterText\")\n  async handleFilterTextChange(): Promise<void> {\n    this.performFilter();\n  }\n\n  /**\n   * Specifies an accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ListMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ListMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /**\n   * One of the items within the list can be opened.\n   *\n   * @internal\n   */\n  @Prop() openable = false;\n\n  /**\n   * The currently selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteListItemElement[] = [];\n\n  /**\n   * Specifies the selection mode - `\"multiple\"` (allow any number of selected items), `\"single\"` (allow one selected item), `\"single-persist\"` (allow one selected item and prevent de-selection), or `\"none\"` (no selected items).\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"none\" | \"multiple\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = \"none\";\n\n  /**\n   * Specifies the selection appearance - `\"icon\"` (displays a checkmark or dot) or `\"border\"` (displays a border).\n   */\n  @Prop({ reflect: true }) selectionAppearance: SelectionAppearance = \"icon\";\n\n  @Watch(\"filterEnabled\")\n  @Watch(\"group\")\n  @Watch(\"dragEnabled\")\n  @Watch(\"selectionMode\")\n  @Watch(\"selectionAppearance\")\n  handleListItemChange(): void {\n    this.updateListItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the list item selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<void>;\n\n  /**\n   * Emits when the component's dragging has ended.\n   */\n  @Event({ cancelable: false }) calciteListDragEnd: EventEmitter<ListDragDetail>;\n\n  /**\n   * Emits when the component's dragging has started.\n   */\n  @Event({ cancelable: false }) calciteListDragStart: EventEmitter<ListDragDetail>;\n\n  /**\n   * Emits when the component's filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  /**\n   * Emitted when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<ListDragDetail>;\n\n  /**\n   * Emitted when the default slot has changes in order to notify parent lists.\n   */\n  @Event({ cancelable: false }) calciteInternalListDefaultSlotChange: EventEmitter<void>;\n\n  @Listen(\"calciteInternalFocusPreviousItem\")\n  handleCalciteInternalFocusPreviousItem(event: CustomEvent): void {\n    if (this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    const { focusableItems } = this;\n    const currentIndex = focusableItems.findIndex((listItem) => listItem.active);\n\n    const prevIndex = currentIndex - 1;\n\n    if (focusableItems[prevIndex]) {\n      this.focusRow(focusableItems[prevIndex]);\n    }\n  }\n\n  @Listen(\"calciteInternalListItemActive\")\n  handleCalciteInternalListItemActive(event: CustomEvent): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    const target = event.target as HTMLCalciteListItemElement;\n    const { listItems } = this;\n\n    listItems.forEach((listItem) => {\n      listItem.active = listItem === target;\n    });\n  }\n\n  @Listen(\"calciteListItemSelect\")\n  handleCalciteListItemSelect(): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    this.updateSelectedItems(true);\n  }\n\n  @Listen(\"calciteInternalAssistiveTextChange\")\n  handleCalciteInternalAssistiveTextChange(event: CustomEvent): void {\n    this.assistiveText = event.detail.message;\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteHandleNudge\")\n  handleCalciteHandleNudge(event: CustomEvent<HandleNudge>): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    this.handleNudgeEvent(event);\n  }\n\n  @Listen(\"calciteInternalListItemSelect\")\n  handleCalciteInternalListItemSelect(event: CustomEvent): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    const target = event.target as HTMLCalciteListItemElement;\n    const { listItems, selectionMode } = this;\n\n    if (target.selected && (selectionMode === \"single\" || selectionMode === \"single-persist\")) {\n      listItems.forEach((listItem) => (listItem.selected = listItem === target));\n    }\n\n    this.updateSelectedItems();\n  }\n\n  @Listen(\"calciteInternalListItemSelectMultiple\")\n  handleCalciteInternalListItemSelectMultiple(\n    event: CustomEvent<{\n      selectMultiple: boolean;\n    }>,\n  ): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    const { target, detail } = event;\n    const { focusableItems, lastSelectedInfo } = this;\n    const selectedItem = target as HTMLCalciteListItemElement;\n\n    if (detail.selectMultiple && !!lastSelectedInfo) {\n      const currentIndex = focusableItems.indexOf(selectedItem);\n      const lastSelectedIndex = focusableItems.indexOf(lastSelectedInfo.selectedItem);\n      const startIndex = Math.min(lastSelectedIndex, currentIndex);\n      const endIndex = Math.max(lastSelectedIndex, currentIndex);\n\n      focusableItems\n        .slice(startIndex, endIndex + 1)\n        .forEach((item) => (item.selected = lastSelectedInfo.selected));\n    } else {\n      this.lastSelectedInfo = { selectedItem, selected: selectedItem.selected };\n    }\n  }\n\n  @Listen(\"calciteInternalListItemChange\")\n  handleCalciteInternalListItemChange(event: CustomEvent): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    this.updateListItems();\n  }\n\n  @Listen(\"calciteInternalListItemGroupDefaultSlotChange\")\n  handleCalciteInternalListItemGroupDefaultSlotChange(event: CustomEvent): void {\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    connectMessages(this);\n    this.connectObserver();\n    this.updateListItems();\n    this.setUpSorting();\n    connectInteractive(this);\n    this.setParentList();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    this.disconnectObserver();\n    disconnectSortableComponent(this);\n    disconnectInteractive(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ListMessages;\n\n  @Element() el: HTMLCalciteListElement;\n\n  @State() assistiveText: string;\n\n  @State() dataForFilter: ItemData = [];\n\n  dragSelector = listItemSelector;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  focusableItems: HTMLCalciteListItemElement[] = [];\n\n  handleSelector = \"calcite-handle\";\n\n  @State() hasFilterActionsEnd = false;\n\n  @State() hasFilterActionsStart = false;\n\n  listItems: HTMLCalciteListItemElement[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateListItems());\n\n  openItems: HTMLCalciteListItemElement[] = [];\n\n  parentListEl: HTMLCalciteListElement;\n\n  sortable: Sortable;\n\n  private ancestorOfFirstFilteredItem: HTMLCalciteListItemElement;\n\n  private lastSelectedInfo: { selectedItem: HTMLCalciteListItemElement; selected: boolean };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (this.filterEnabled) {\n      return this.filterEl?.setFocus();\n    }\n\n    return this.focusableItems.find((listItem) => listItem.active)?.setFocus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const {\n      loading,\n      label,\n      disabled,\n      dataForFilter,\n      filterEnabled,\n      filterPlaceholder,\n      filterText,\n      hasFilterActionsStart,\n      hasFilterActionsEnd,\n    } = this;\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div class={CSS.container}>\n          {this.dragEnabled ? (\n            <span aria-live=\"assertive\" class={CSS.assistiveText}>\n              {this.assistiveText}\n            </span>\n          ) : null}\n          {this.renderItemAriaLive()}\n          {loading ? <calcite-scrim class={CSS.scrim} loading={loading} /> : null}\n          <table\n            aria-busy={toAriaBoolean(loading)}\n            aria-label={label || \"\"}\n            class={CSS.table}\n            onKeyDown={this.handleListKeydown}\n            role=\"treegrid\"\n          >\n            {filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (\n              <thead>\n                <tr class={{ [CSS.sticky]: true }}>\n                  <th colSpan={MAX_COLUMNS}>\n                    <calcite-stack class={CSS.stack}>\n                      <slot\n                        name={SLOTS.filterActionsStart}\n                        onSlotchange={this.handleFilterActionsStartSlotChange}\n                        slot={STACK_SLOTS.actionsStart}\n                      />\n                      <calcite-filter\n                        aria-label={filterPlaceholder}\n                        disabled={disabled}\n                        items={dataForFilter}\n                        onCalciteFilterChange={this.handleFilterChange}\n                        placeholder={filterPlaceholder}\n                        value={filterText}\n                        // 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)\n                        ref={this.setFilterEl}\n                      />\n                      <slot\n                        name={SLOTS.filterActionsEnd}\n                        onSlotchange={this.handleFilterActionsEndSlotChange}\n                        slot={STACK_SLOTS.actionsEnd}\n                      />\n                    </calcite-stack>\n                  </th>\n                </tr>\n              </thead>\n            ) : null}\n            <tbody class={CSS.tableContainer}>\n              <slot onSlotchange={this.handleDefaultSlotChange} />\n            </tbody>\n          </table>\n        </div>\n      </InteractiveContainer>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private renderItemAriaLive(): VNode {\n    const {\n      messages,\n      filteredItems,\n      parentListEl,\n      effectiveLocale,\n      numberingSystem,\n      filterEnabled,\n      filterText,\n      filteredData,\n    } = this;\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: effectiveLocale,\n      numberingSystem,\n    };\n\n    return !parentListEl ? (\n      <div aria-live=\"polite\" class={CSS.assistiveText}>\n        {filterEnabled && filterText && filteredData?.length ? (\n          <div key=\"aria-filter-enabled\">{messages.filterEnabled}</div>\n        ) : null}\n        <div key=\"aria-item-count\">\n          {messages.total.replace(\n            \"{count}\",\n            numberStringFormatter.localize(filteredItems.length.toString()),\n          )}\n        </div>\n        {filteredItems.length ? (\n          <ol key=\"aria-item-list\">\n            {filteredItems.map((item) => (\n              <li>{item.label}</li>\n            ))}\n          </ol>\n        ) : null}\n      </div>\n    ) : null;\n  }\n\n  private connectObserver(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  private disconnectObserver(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  private setUpSorting(): void {\n    const { dragEnabled } = this;\n\n    if (!dragEnabled) {\n      return;\n    }\n\n    connectSortableComponent(this);\n  }\n\n  onGlobalDragStart(): void {\n    this.disconnectObserver();\n  }\n\n  onGlobalDragEnd(): void {\n    this.connectObserver();\n  }\n\n  onDragEnd(detail: ListDragDetail): void {\n    this.calciteListDragEnd.emit(detail);\n  }\n\n  onDragStart(detail: ListDragDetail): void {\n    this.calciteListDragStart.emit(detail);\n  }\n\n  onDragSort(detail: ListDragDetail): void {\n    this.setParentList();\n    this.updateListItems();\n\n    this.calciteListOrderChange.emit(detail);\n  }\n\n  private setParentList(): void {\n    this.parentListEl = this.el.parentElement?.closest(\"calcite-list\");\n  }\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    updateListItemChildren(getListItemChildren(event.target as HTMLSlotElement));\n    if (this.parentListEl) {\n      this.calciteInternalListDefaultSlotChange.emit();\n    }\n  };\n\n  private handleFilterActionsStartSlotChange = (event: Event): void => {\n    this.hasFilterActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleFilterActionsEndSlotChange = (event: Event): void => {\n    this.hasFilterActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private setActiveListItem = (): void => {\n    const { focusableItems } = this;\n\n    if (!focusableItems.some((item) => item.active)) {\n      if (focusableItems[0]) {\n        focusableItems[0].active = true;\n      }\n    }\n  };\n\n  private updateSelectedItems = (emit = false): void => {\n    this.selectedItems = this.openItems.filter((item) => item.selected);\n    if (emit) {\n      this.calciteListChange.emit();\n    }\n  };\n\n  private filterElements({\n    el,\n    filteredItems,\n    visibleParents,\n  }: {\n    el: HTMLCalciteListItemElement | HTMLCalciteListItemGroupElement;\n    filteredItems: HTMLCalciteListItemElement[];\n    visibleParents: WeakSet<HTMLCalciteListItemElement | HTMLCalciteListItemGroupElement>;\n  }): void {\n    const hidden =\n      !visibleParents.has(el) && !filteredItems.includes(el as HTMLCalciteListItemElement);\n\n    el.hidden = hidden;\n\n    const closestParent = el.parentElement.closest(parentSelector) as\n      | HTMLCalciteListItemElement\n      | HTMLCalciteListItemGroupElement;\n\n    if (!closestParent) {\n      return;\n    }\n\n    if (!hidden) {\n      visibleParents.add(closestParent);\n    }\n\n    this.filterElements({\n      el: closestParent,\n      filteredItems,\n      visibleParents,\n    });\n  }\n\n  private updateFilteredItems = (emit = false): void => {\n    const { openItems, filteredData, filterText } = this;\n\n    const values = filteredData.map((item) => item.value);\n\n    const lastDescendantItems = openItems?.filter((listItem) =>\n      openItems.every((li) => li === listItem || !listItem.contains(li)),\n    );\n\n    const filteredItems =\n      openItems.filter((item) => !filterText || values.includes(item.value)) || [];\n\n    const visibleParents = new WeakSet<HTMLElement>();\n\n    lastDescendantItems.forEach((listItem) =>\n      this.filterElements({ el: listItem, filteredItems, visibleParents }),\n    );\n\n    if (filteredItems.length > 0) {\n      this.findAncestorOfFirstFilteredItem(filteredItems);\n    }\n\n    this.filteredItems = filteredItems;\n\n    if (emit) {\n      this.calciteListFilter.emit();\n    }\n  };\n\n  private updateFilteredData(emit = false): void {\n    const { filterEl } = this;\n\n    if (!filterEl) {\n      return;\n    }\n\n    if (filterEl.filteredItems) {\n      this.filteredData = filterEl.filteredItems as ItemData;\n    }\n\n    this.updateListItems(emit);\n  }\n\n  private async performFilter(): Promise<void> {\n    const { filterEl, filterText } = this;\n\n    if (!filterEl) {\n      return;\n    }\n\n    filterEl.value = filterText;\n    await filterEl.filter(filterText);\n    this.updateFilteredData();\n  }\n\n  private setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n    this.performFilter();\n  };\n\n  private handleFilterChange = (event: CustomEvent): void => {\n    event.stopPropagation();\n    const { value } = event.currentTarget as HTMLCalciteFilterElement;\n    this.filterText = value;\n    this.updateFilteredData(true);\n  };\n\n  private getItemData = (): ItemData => {\n    return this.listItems.map((item) => ({\n      label: item.label,\n      description: item.description,\n      metadata: item.metadata,\n      value: item.value,\n    }));\n  };\n\n  private updateListItems = debounce((emit = false): void => {\n    const { selectionAppearance, selectionMode, dragEnabled } = this;\n\n    if (!!this.parentListEl) {\n      const items = this.queryListItems(true);\n\n      items.forEach((item) => {\n        item.dragHandle = dragEnabled;\n      });\n\n      this.setUpSorting();\n      return;\n    }\n\n    const items = this.queryListItems();\n    items.forEach((item) => {\n      item.selectionAppearance = selectionAppearance;\n      item.selectionMode = selectionMode;\n    });\n    const dragItems = this.queryListItems(true);\n    dragItems.forEach((item) => {\n      item.dragHandle = dragEnabled;\n    });\n    this.listItems = items;\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n      if (this.filterEl) {\n        this.filterEl.items = this.dataForFilter;\n      }\n    }\n    this.openItems = this.listItems.filter((item) => !item.closed);\n    this.updateFilteredItems(emit);\n    this.focusableItems = this.filteredItems.filter((item) => !item.disabled);\n    this.setActiveListItem();\n    this.updateSelectedItems(emit);\n    this.setUpSorting();\n  }, debounceTimeout);\n\n  private queryListItems = (direct = false): HTMLCalciteListItemElement[] => {\n    return Array.from(this.el.querySelectorAll(direct ? listItemSelectorDirect : listItemSelector));\n  };\n\n  private focusRow = (focusEl: HTMLCalciteListItemElement): void => {\n    const { focusableItems } = this;\n\n    if (!focusEl) {\n      return;\n    }\n\n    focusableItems.forEach((listItem) => (listItem.active = listItem === focusEl));\n\n    focusEl.setFocus();\n  };\n\n  private isNavigable = (listItem: HTMLCalciteListItemElement): boolean => {\n    const parentListItemEl = listItem.parentElement?.closest(listItemSelector);\n\n    if (!parentListItemEl) {\n      return true;\n    }\n\n    return parentListItemEl.open && this.isNavigable(parentListItemEl);\n  };\n\n  private handleListKeydown = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented || !!this.parentListEl) {\n      return;\n    }\n\n    const { key } = event;\n    const navigableItems = this.focusableItems.filter((listItem) => this.isNavigable(listItem));\n    const currentIndex = navigableItems.findIndex((listItem) => listItem.active);\n\n    if (key === \"ArrowDown\") {\n      event.preventDefault();\n      const nextIndex = event.target === this.filterEl ? 0 : currentIndex + 1;\n\n      if (navigableItems[nextIndex]) {\n        this.focusRow(navigableItems[nextIndex]);\n      }\n    } else if (key === \"ArrowUp\") {\n      event.preventDefault();\n\n      if (currentIndex === 0 && this.filterEnabled) {\n        this.filterEl?.setFocus();\n        return;\n      }\n\n      const prevIndex = currentIndex - 1;\n\n      if (navigableItems[prevIndex]) {\n        this.focusRow(navigableItems[prevIndex]);\n      }\n    } else if (key === \"Home\") {\n      event.preventDefault();\n      const homeItem = navigableItems[0];\n\n      if (homeItem) {\n        this.focusRow(homeItem);\n      }\n    } else if (key === \"End\") {\n      event.preventDefault();\n      const endItem = navigableItems[navigableItems.length - 1];\n\n      if (endItem) {\n        this.focusRow(endItem);\n      }\n    }\n  };\n\n  private findAncestorOfFirstFilteredItem = (filteredItems: HTMLCalciteListItemElement[]): void => {\n    this.ancestorOfFirstFilteredItem?.removeAttribute(\"data-filter\");\n    filteredItems.forEach((item) => {\n      item.removeAttribute(\"data-filter\");\n    });\n\n    this.ancestorOfFirstFilteredItem = this.getTopLevelAncestorItemElement(filteredItems[0]);\n    filteredItems[0].setAttribute(\"data-filter\", \"0\");\n    this.ancestorOfFirstFilteredItem?.setAttribute(\"data-filter\", \"0\");\n  };\n\n  private getTopLevelAncestorItemElement = (\n    el: HTMLCalciteListItemElement,\n  ): HTMLCalciteListItemElement | null => {\n    let closestParent = el.parentElement.closest<HTMLCalciteListItemElement>(listItemSelector);\n\n    while (closestParent) {\n      const closestListItemAncestor =\n        closestParent.parentElement.closest<HTMLCalciteListItemElement>(listItemSelector);\n\n      if (closestListItemAncestor) {\n        closestParent = closestListItemAncestor;\n      } else {\n        return closestParent;\n      }\n    }\n    return null;\n  };\n\n  handleNudgeEvent(event: CustomEvent<HandleNudge>): void {\n    const { handleSelector, dragSelector } = this;\n    const { direction } = event.detail;\n\n    const composedPath = event.composedPath();\n\n    const handle = composedPath.find(\n      (el: HTMLElement) => el?.tagName && el.matches(handleSelector),\n    ) as HTMLCalciteHandleElement;\n\n    const dragEl = composedPath.find(\n      (el: HTMLElement) => el?.tagName && el.matches(dragSelector),\n    ) as HTMLCalciteListItemElement;\n\n    const parentEl = dragEl?.parentElement as HTMLCalciteListElement;\n\n    if (!parentEl) {\n      return;\n    }\n\n    const { filteredItems } = this;\n\n    const sameParentItems = filteredItems.filter((item) => item.parentElement === parentEl);\n\n    const lastIndex = sameParentItems.length - 1;\n    const oldIndex = sameParentItems.indexOf(dragEl);\n    let newIndex: number;\n\n    if (direction === \"up\") {\n      newIndex = oldIndex === 0 ? lastIndex : oldIndex - 1;\n    } else {\n      newIndex = oldIndex === lastIndex ? 0 : oldIndex + 1;\n    }\n\n    this.disconnectObserver();\n    handle.blurUnselectDisabled = true;\n\n    const referenceEl =\n      (direction === \"up\" && newIndex !== lastIndex) || (direction === \"down\" && newIndex === 0)\n        ? sameParentItems[newIndex]\n        : sameParentItems[newIndex].nextSibling;\n\n    parentEl.insertBefore(dragEl, referenceEl);\n\n    this.updateListItems();\n    this.connectObserver();\n\n    this.calciteListOrderChange.emit({\n      dragEl,\n      fromEl: parentEl,\n      toEl: parentEl,\n      newIndex,\n      oldIndex,\n    });\n\n    handle.setFocus().then(() => (handle.blurUnselectDisabled = false));\n  }\n}\n",":host {\n  @apply flex flex-col;\n  --calcite-list-item-icon-color: theme(\"colors.brand\");\n  --calcite-list-item-spacing-indent: theme(\"spacing.4\");\n}\n\n@include disabled();\n\n.container {\n  @apply bg-foreground-1\n  box-border\n  flex\n  flex-1 font-sans;\n  * {\n    @apply box-border;\n  }\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n.container--hover:hover {\n  @apply bg-foreground-2 cursor-pointer;\n}\n\n.container:active {\n  @apply bg-foreground-1;\n}\n\n.container--border {\n  border-inline-start-width: theme(\"borderWidth.4\");\n  border-inline-start-style: solid;\n}\n\n.container--border-selected {\n  border-inline-start-color: theme(\"colors.brand\");\n}\n\n.container--border-unselected {\n  border-inline-start-color: transparent;\n}\n\n.container:hover {\n  &.container--border-unselected {\n    @apply border-color-1;\n  }\n}\n\n.nested-container {\n  @apply bg-foreground-1 flex flex-col;\n}\n\n.nested-container--hidden {\n  @apply hidden;\n}\n\n.content-container {\n  @apply text-color-2\n    select-none\n    flex\n    flex-auto\n    font-sans\n    font-normal\n    items-stretch\n    p-0;\n}\n\ntr,\ntd {\n  @apply focus-base;\n}\n\ntr:focus,\ntd:focus {\n  @apply focus-inset;\n}\n\n.content,\n.custom-content {\n  @apply text-n2-wrap\n    flex\n    flex-auto\n    flex-col\n    justify-center\n    px-3\n    py-2;\n}\n\n.label,\n.description,\n.content-bottom {\n  @apply text-n2 word-break font-sans font-normal;\n  &:only-child {\n    @apply m-0 py-1;\n  }\n}\n\n.label {\n  @apply text-color-1;\n}\n\n:host([selected]) .label {\n  @apply font-medium;\n}\n\n.description {\n  @apply text-color-3 mt-0.5;\n}\n\n:host([selected]) .description {\n  @apply text-color-2;\n}\n\n.content-start {\n  @apply justify-start;\n}\n\n.content-end {\n  @apply justify-end;\n}\n\n.content-start,\n.content-end {\n  @apply flex-auto;\n}\n\n.content-bottom {\n  @apply bg-foreground-1 flex flex-col;\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n.content-container--has-center-content .content-start,\n.content-container--has-center-content .content-end {\n  @apply flex-initial;\n}\n\n.selection-container {\n  @apply flex px-3;\n  color: theme(\"borderColor.color.input\");\n}\n\n.selection-container--single {\n  color: transparent;\n}\n\n:host(:not([disabled]):not([selected])) .container:hover .selection-container--single {\n  color: theme(\"borderColor.color.1\");\n}\n\n:host([selected]:hover) .selection-container,\n:host([selected]:hover) .selection-container--single,\n:host([selected]) .selection-container {\n  color: var(--calcite-list-item-icon-color);\n}\n\n.open-container {\n  color: theme(\"textColor.color.3\");\n}\n\n:host(:not([disabled])) .container:hover .open-container {\n  color: theme(\"textColor.color.1\");\n}\n\n.actions-start,\n.actions-end,\n.content-start,\n.content-end,\n.selection-container,\n.drag-container,\n.open-container {\n  @apply flex items-center;\n}\n\n.open-container,\n.selection-container {\n  @apply cursor-pointer;\n}\n\n.content-start,\n.content-end {\n  ::slotted(calcite-icon) {\n    @apply self-center mx-3;\n  }\n}\n\n.actions-start,\n.actions-end {\n  ::slotted(calcite-action),\n  ::slotted(calcite-action-menu),\n  ::slotted(calcite-handle),\n  ::slotted(calcite-dropdown) {\n    @apply self-stretch;\n\n    color: inherit;\n  }\n}\n\n::slotted(calcite-list-item) {\n  @apply border-solid border-0 border-t border-color-3;\n}\n\n::slotted(calcite-list:empty) {\n  @apply py-3;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getElementDir,\n  getFirstTabbable,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { SelectionMode } from \"../interfaces\";\nimport { SelectionAppearance } from \"../list/resources\";\nimport { CSS, activeCellTestAttribute, ICONS, SLOTS } from \"./resources\";\nimport {\n  getDepth,\n  getListItemChildren,\n  getListItemChildLists,\n  updateListItemChildren,\n} from \"./utils\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ListItemMessages } from \"./assets/list-item/t9n\";\n\nconst focusMap = new Map<HTMLCalciteListElement, number>();\n\nconst listSelector = \"calcite-list\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { SortableComponentItem } from \"../../utils/sortableComponent\";\n\n/**\n * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.\n * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.\n * @slot content-start - A slot for adding non-actionable elements before the label and description of the component.\n * @slot content - A slot for adding non-actionable, centered content in place of the `label` and `description` of the component.\n * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.\n * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.\n * @slot content-bottom - A slot for adding content below the component's `label` and `description`.\n */\n@Component({\n  tag: \"calcite-list-item\",\n  styleUrl: \"list-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ListItem\n  implements\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent,\n    SortableComponentItem\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets the item as focusable. Only one item should be focusable within a list.\n   *\n   * @internal\n   */\n  @Prop() active = false;\n\n  @Watch(\"active\")\n  activeHandler(active: boolean): void {\n    if (!active) {\n      this.focusCell(null, false);\n    }\n  }\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, hides the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  @Watch(\"closed\")\n  handleClosedChange(): void {\n    this.emitCalciteInternalListItemChange();\n  }\n\n  /**\n   * A description for the component. Displays below the label text.\n   */\n  @Prop() description: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(): void {\n    this.emitCalciteInternalListItemChange();\n  }\n\n  /**\n   * When `true`, the item is not draggable.\n   */\n  @Prop({ reflect: true }) dragDisabled = false;\n\n  /**\n   * When `true`, the component displays a draggable button.\n   *\n   * @internal\n   */\n  @Prop() dragHandle = false;\n\n  /**\n   * The label text of the component. Displays above the description text.\n   */\n  @Prop() label: string;\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.\n   */\n  @Prop() metadata: Record<string, unknown>;\n\n  /**\n   * When `true`, the item is open to show child components.\n   */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * Used to specify the aria-setsize attribute to define the number of items in the current set of list for accessibility.\n   *\n   * @internal\n   */\n  @Prop() setSize: number = null;\n\n  /**\n   * Used to specify the aria-posinset attribute to define the number or position in the current set of list items for accessibility.\n   *\n   * @internal\n   */\n  @Prop() setPosition: number = null;\n\n  /**\n   * When `true` and the parent `calcite-list`'s `selectionMode` is `\"single\"`, `\"single-persist\"', or `\"multiple\"`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  handleSelectedChange(): void {\n    this.calciteInternalListItemSelect.emit();\n  }\n\n  /**\n   * The component's value.\n   */\n  @Prop() value: any;\n\n  /**\n   * Specifies the selection mode - `\"multiple\"` (allow any number of selected items), `\"single\"` (allow one selected item), `\"single-persist\"` (allow one selected item and prevent de-selection), or `\"none\"` (no selected items).\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) selectionMode: Extract<\n    \"none\" | \"multiple\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = null;\n\n  /**\n   * Specifies the selection appearance - `\"icon\"` (displays a checkmark or dot) or `\"border\"` (displays a border).\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) selectionAppearance: SelectionAppearance = null;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ListItemMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ListItemMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the item's content is selected.\n   */\n  @Event({ cancelable: false }) calciteListItemSelect: EventEmitter<void>;\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calciteListItemClose: EventEmitter<void>;\n\n  /**\n   * Fires when the open button is clicked.\n   */\n  @Event({ cancelable: false }) calciteListItemToggle: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemSelect: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalListItemSelectMultiple: EventEmitter<{\n    selectMultiple: boolean;\n  }>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemActive: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalFocusPreviousItem: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemChange: EventEmitter<void>;\n\n  @Listen(\"calciteInternalListItemGroupDefaultSlotChange\")\n  @Listen(\"calciteInternalListDefaultSlotChange\")\n  handleCalciteInternalListDefaultSlotChanges(event: CustomEvent<void>): void {\n    event.stopPropagation();\n    this.handleOpenableChange(this.defaultSlotEl);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteListItemElement;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ListItemMessages;\n\n  @State() level: number = null;\n\n  @State() visualLevel: number = null;\n\n  @State() parentListEl: HTMLCalciteListElement;\n\n  @State() openable = false;\n\n  @State() hasActionsStart = false;\n\n  @State() hasActionsEnd = false;\n\n  @State() hasCustomContent = false;\n\n  @State() hasContentStart = false;\n\n  @State() hasContentEnd = false;\n\n  @State() hasContentBottom = false;\n\n  containerEl: HTMLTableRowElement;\n\n  contentEl: HTMLTableCellElement;\n\n  actionsStartEl: HTMLTableCellElement;\n\n  actionsEndEl: HTMLTableCellElement;\n\n  handleGridEl: HTMLTableCellElement;\n\n  defaultSlotEl: HTMLSlotElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    const { el } = this;\n    this.parentListEl = el.closest(listSelector);\n    this.level = getDepth(el) + 1;\n    this.visualLevel = getDepth(el, true);\n    this.setSelectionDefaults();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    const { containerEl, parentListEl } = this;\n    const focusIndex = focusMap.get(parentListEl);\n\n    if (typeof focusIndex === \"number\") {\n      const cells = this.getGridCells();\n      if (cells[focusIndex]) {\n        this.focusCell(cells[focusIndex]);\n      } else {\n        containerEl?.focus();\n      }\n      return;\n    }\n\n    containerEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderSelected(): VNode {\n    const { selected, selectionMode, selectionAppearance } = this;\n\n    if (selectionMode === \"none\" || selectionAppearance === \"border\") {\n      return null;\n    }\n\n    return (\n      <td\n        class={{\n          [CSS.selectionContainer]: true,\n          [CSS.selectionContainerSingle]:\n            selectionMode === \"single\" || selectionMode === \"single-persist\",\n        }}\n        key=\"selection-container\"\n        onClick={this.handleItemClick}\n      >\n        <calcite-icon\n          icon={\n            selected\n              ? selectionMode === \"multiple\"\n                ? ICONS.selectedMultiple\n                : ICONS.selectedSingle\n              : selectionMode === \"multiple\"\n                ? ICONS.unselectedMultiple\n                : ICONS.unselectedSingle\n          }\n          scale=\"s\"\n        />\n      </td>\n    );\n  }\n\n  renderDragHandle(): VNode {\n    const { label, dragHandle, dragDisabled, setPosition, setSize } = this;\n\n    return dragHandle ? (\n      <td\n        aria-label={label}\n        class={CSS.dragContainer}\n        key=\"drag-handle-container\"\n        onFocusin={this.focusCellHandle}\n        role=\"gridcell\"\n        // 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)\n        ref={(el) => (this.handleGridEl = el)}\n      >\n        <calcite-handle\n          disabled={dragDisabled}\n          label={label}\n          setPosition={setPosition}\n          setSize={setSize}\n        />\n      </td>\n    ) : null;\n  }\n\n  renderOpen(): VNode {\n    const { el, open, openable, parentListEl } = this;\n    const dir = getElementDir(el);\n\n    const icon = openable\n      ? open\n        ? ICONS.open\n        : dir === \"rtl\"\n          ? ICONS.closedRTL\n          : ICONS.closedLTR\n      : ICONS.blank;\n\n    const clickHandler = openable ? this.handleToggleClick : this.handleItemClick;\n\n    return openable || parentListEl?.openable ? (\n      <td class={CSS.openContainer} key=\"open-container\" onClick={clickHandler}>\n        <calcite-icon icon={icon} key={icon} scale=\"s\" />\n      </td>\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { label, hasActionsStart } = this;\n    return (\n      <td\n        aria-label={label}\n        class={CSS.actionsStart}\n        hidden={!hasActionsStart}\n        key=\"actions-start-container\"\n        onFocusin={this.focusCellActionsStart}\n        role=\"gridcell\"\n        // 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)\n        ref={(el) => (this.actionsStartEl = el)}\n      >\n        <slot name={SLOTS.actionsStart} onSlotchange={this.handleActionsStartSlotChange} />\n      </td>\n    );\n  }\n\n  renderActionsEnd(): VNode {\n    const { label, hasActionsEnd, closable, messages } = this;\n    return (\n      <td\n        aria-label={label}\n        class={CSS.actionsEnd}\n        hidden={!(hasActionsEnd || closable)}\n        key=\"actions-end-container\"\n        onFocusin={this.focusCellActionsEnd}\n        role=\"gridcell\"\n        // 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)\n        ref={(el) => (this.actionsEndEl = el)}\n      >\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.handleActionsEndSlotChange} />\n        {closable ? (\n          <calcite-action\n            appearance=\"transparent\"\n            icon={ICONS.close}\n            key=\"close-action\"\n            label={messages.close}\n            onClick={this.handleCloseClick}\n            text={messages.close}\n          />\n        ) : null}\n      </td>\n    );\n  }\n\n  renderContentStart(): VNode {\n    const { hasContentStart } = this;\n    return (\n      <div class={CSS.contentStart} hidden={!hasContentStart}>\n        <slot name={SLOTS.contentStart} onSlotchange={this.handleContentStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderCustomContent(): VNode {\n    const { hasCustomContent } = this;\n    return (\n      <div class={CSS.customContent} hidden={!hasCustomContent}>\n        <slot name={SLOTS.content} onSlotchange={this.handleContentSlotChange} />\n      </div>\n    );\n  }\n\n  renderContentEnd(): VNode {\n    const { hasContentEnd } = this;\n    return (\n      <div class={CSS.contentEnd} hidden={!hasContentEnd}>\n        <slot name={SLOTS.contentEnd} onSlotchange={this.handleContentEndSlotChange} />\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    const { hasContentBottom, visualLevel } = this;\n    return (\n      <div\n        class={CSS.contentBottom}\n        hidden={!hasContentBottom}\n        style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n      >\n        <slot name={SLOTS.contentBottom} onSlotchange={this.handleContentBottomSlotChange} />\n      </div>\n    );\n  }\n\n  renderDefaultContainer(): VNode {\n    return (\n      <div\n        class={{\n          [CSS.nestedContainer]: true,\n          [CSS.nestedContainerHidden]: this.openable && !this.open,\n        }}\n      >\n        <slot\n          onSlotchange={this.handleDefaultSlotChange}\n          ref={(el: HTMLSlotElement) => (this.defaultSlotEl = el)}\n        />\n      </div>\n    );\n  }\n\n  renderContentProperties(): VNode {\n    const { label, description, hasCustomContent } = this;\n\n    return !hasCustomContent && (!!label || !!description) ? (\n      <div class={CSS.content} key=\"content\">\n        {label ? (\n          <div class={CSS.label} key=\"label\">\n            {label}\n          </div>\n        ) : null}\n        {description ? (\n          <div class={CSS.description} key=\"description\">\n            {description}\n          </div>\n        ) : null}\n      </div>\n    ) : null;\n  }\n\n  renderContentContainer(): VNode {\n    const { description, label, selectionMode, hasCustomContent } = this;\n    const hasCenterContent = hasCustomContent || !!label || !!description;\n    const content = [\n      this.renderContentStart(),\n      this.renderCustomContent(),\n      this.renderContentProperties(),\n      this.renderContentEnd(),\n    ];\n\n    return (\n      <td\n        aria-label={label}\n        class={{\n          [CSS.contentContainer]: true,\n          [CSS.contentContainerSelectable]: selectionMode !== \"none\",\n          [CSS.contentContainerHasCenterContent]: hasCenterContent,\n        }}\n        key=\"content-container\"\n        onClick={this.handleItemClick}\n        onFocusin={this.focusCellContent}\n        role=\"gridcell\"\n        // 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)\n        ref={(el) => (this.contentEl = el)}\n      >\n        {content}\n      </td>\n    );\n  }\n\n  render(): VNode {\n    const {\n      openable,\n      open,\n      level,\n      setPosition,\n      setSize,\n      active,\n      label,\n      selected,\n      selectionAppearance,\n      selectionMode,\n      closed,\n      visualLevel,\n    } = this;\n\n    const showBorder = selectionMode !== \"none\" && selectionAppearance === \"border\";\n    const borderSelected = showBorder && selected;\n    const borderUnselected = showBorder && !selected;\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <tr\n            aria-expanded={openable ? toAriaBoolean(open) : null}\n            aria-label={label}\n            aria-level={level}\n            aria-posinset={setPosition}\n            aria-selected={toAriaBoolean(selected)}\n            aria-setsize={setSize}\n            class={{\n              [CSS.container]: true,\n              [CSS.containerHover]: selectionMode !== \"none\",\n              [CSS.containerBorder]: showBorder,\n              [CSS.containerBorderSelected]: borderSelected,\n              [CSS.containerBorderUnselected]: borderUnselected,\n            }}\n            hidden={closed}\n            onFocus={this.focusCellNull}\n            onFocusin={this.emitInternalListItemActive}\n            onKeyDown={this.handleItemKeyDown}\n            role=\"row\"\n            style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n            tabIndex={active ? 0 : -1}\n            // 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)\n            ref={(el) => (this.containerEl = el)}\n          >\n            {this.renderDragHandle()}\n            {this.renderSelected()}\n            {this.renderOpen()}\n            {this.renderActionsStart()}\n            {this.renderContentContainer()}\n            {this.renderActionsEnd()}\n          </tr>\n          {this.renderContentBottom()}\n          {this.renderDefaultContainer()}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private emitInternalListItemActive = (): void => {\n    this.calciteInternalListItemActive.emit();\n  };\n\n  private focusCellHandle = (): void => {\n    this.focusCell(this.handleGridEl);\n  };\n\n  private focusCellActionsStart = (): void => {\n    this.focusCell(this.actionsStartEl);\n  };\n\n  private focusCellContent = (): void => {\n    this.focusCell(this.contentEl);\n  };\n\n  private focusCellActionsEnd = (): void => {\n    this.focusCell(this.actionsEndEl);\n  };\n\n  private emitCalciteInternalListItemChange(): void {\n    this.calciteInternalListItemChange.emit();\n  }\n\n  private handleCloseClick = (): void => {\n    this.closed = true;\n    this.calciteListItemClose.emit();\n  };\n\n  private handleContentSlotChange = (event: Event): void => {\n    this.hasCustomContent = slotChangeHasAssignedElement(event);\n  };\n\n  private handleActionsStartSlotChange = (event: Event): void => {\n    this.hasActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleActionsEndSlotChange = (event: Event): void => {\n    this.hasActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentStartSlotChange = (event: Event): void => {\n    this.hasContentStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentEndSlotChange = (event: Event): void => {\n    this.hasContentEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private handleContentBottomSlotChange = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n\n  private setSelectionDefaults(): void {\n    const { parentListEl, selectionMode, selectionAppearance } = this;\n\n    if (!parentListEl) {\n      return;\n    }\n\n    if (!selectionMode) {\n      this.selectionMode = parentListEl.selectionMode;\n    }\n\n    if (!selectionAppearance) {\n      this.selectionAppearance = parentListEl.selectionAppearance;\n    }\n  }\n\n  private handleOpenableChange(slotEl: HTMLSlotElement): void {\n    if (!slotEl) {\n      return;\n    }\n\n    const { parentListEl } = this;\n    const listItemChildren = getListItemChildren(slotEl);\n    const listItemChildLists = getListItemChildLists(slotEl);\n    updateListItemChildren(listItemChildren);\n    const openable = !!listItemChildren.length || !!listItemChildLists.length;\n\n    if (openable && parentListEl && !parentListEl.openable) {\n      parentListEl.openable = true;\n    }\n\n    this.openable = openable;\n\n    if (!openable) {\n      this.open = false;\n    }\n  }\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    this.handleOpenableChange(event.target as HTMLSlotElement);\n  };\n\n  private handleToggleClick = (): void => {\n    this.toggle();\n  };\n\n  private toggle = (value = !this.open): void => {\n    this.open = value;\n    this.calciteListItemToggle.emit();\n  };\n\n  private handleItemClick = (event: PointerEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    this.toggleSelected(event.shiftKey);\n  };\n\n  private toggleSelected = (shiftKey: boolean): void => {\n    const { selectionMode, selected } = this;\n\n    if (this.disabled) {\n      return;\n    }\n\n    if (selectionMode === \"multiple\" || selectionMode === \"single\") {\n      this.selected = !selected;\n    } else if (selectionMode === \"single-persist\") {\n      this.selected = true;\n    }\n\n    this.calciteInternalListItemSelectMultiple.emit({\n      selectMultiple: shiftKey && selectionMode === \"multiple\",\n    });\n    this.calciteListItemSelect.emit();\n  };\n\n  private getGridCells(): HTMLTableCellElement[] {\n    return [this.handleGridEl, this.actionsStartEl, this.contentEl, this.actionsEndEl].filter(\n      (el) => el && !el.hidden,\n    );\n  }\n\n  private handleItemKeyDown = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const { key } = event;\n    const composedPath = event.composedPath();\n    const { containerEl, actionsStartEl, actionsEndEl, open, openable } = this;\n\n    const cells = this.getGridCells();\n    const currentIndex = cells.findIndex((cell) => composedPath.includes(cell));\n\n    if (\n      key === \"Enter\" &&\n      !composedPath.includes(actionsStartEl) &&\n      !composedPath.includes(actionsEndEl)\n    ) {\n      event.preventDefault();\n      this.toggleSelected(event.shiftKey);\n    } else if (key === \"ArrowRight\") {\n      event.preventDefault();\n      const nextIndex = currentIndex + 1;\n      if (currentIndex === -1) {\n        if (!open && openable) {\n          this.toggle(true);\n          this.focusCell(null);\n        } else if (cells[0]) {\n          this.focusCell(cells[0]);\n        }\n      } else if (cells[currentIndex] && cells[nextIndex]) {\n        this.focusCell(cells[nextIndex]);\n      }\n    } else if (key === \"ArrowLeft\") {\n      event.preventDefault();\n      const prevIndex = currentIndex - 1;\n      if (currentIndex === -1) {\n        this.focusCell(null);\n        if (open && openable) {\n          this.toggle(false);\n        } else {\n          this.calciteInternalFocusPreviousItem.emit();\n        }\n      } else if (currentIndex === 0) {\n        this.focusCell(null);\n        containerEl.focus();\n      } else if (cells[currentIndex] && cells[prevIndex]) {\n        this.focusCell(cells[prevIndex]);\n      }\n    }\n  };\n\n  private focusCellNull = (): void => {\n    this.focusCell(null);\n  };\n\n  private focusCell = (focusEl: HTMLTableCellElement, saveFocusIndex = true): void => {\n    const { parentListEl } = this;\n\n    if (saveFocusIndex) {\n      focusMap.set(parentListEl, null);\n    }\n\n    const gridCells = this.getGridCells();\n\n    gridCells.forEach((tableCell) => {\n      tableCell.tabIndex = -1;\n      tableCell.removeAttribute(activeCellTestAttribute);\n    });\n\n    const focusedEl = getFirstTabbable(focusEl);\n\n    // Only one cell within a list-item should be focusable at a time. Ensures the active cell is focusable.\n    if (focusEl) {\n      focusEl.tabIndex = focusEl === focusedEl ? 0 : -1;\n      saveFocusIndex && focusMap.set(parentListEl, gridCells.indexOf(focusEl));\n      focusEl.setAttribute(activeCellTestAttribute, \"\");\n    }\n\n    focusedEl?.focus();\n  };\n}\n","export const CSS = {\n  container: \"container\",\n  heading: \"heading\",\n};\n",":host {\n  @apply flex flex-col bg-foreground-1;\n  --calcite-list-item-spacing-indent: theme(\"spacing.4\");\n}\n\n@include disabled();\n\n.container {\n  @apply bg-foreground-2 text-n1 text-color-2 m-0 flex flex-1 p-3 font-sans font-bold;\n}\n\n.heading {\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n::slotted(calcite-list-item) {\n  @apply shadow-border-top;\n  margin-block-start: 1px;\n}\n\n// removes shadow for the first item of the group for both filtered and unfiltered items.\n::slotted(calcite-list-item:nth-child(1 of :not([hidden]))) {\n  @apply shadow-none;\n  margin-block-start: 0px;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { MAX_COLUMNS } from \"../list-item/resources\";\nimport { getDepth } from \"../list-item/utils\";\nimport { CSS } from \"./resources\";\n/**\n * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.\n */\n@Component({\n  tag: \"calcite-list-item-group\",\n  styleUrl: \"list-item-group.scss\",\n  shadow: true,\n})\nexport class ListItemGroup implements InteractiveComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The header text for all nested `calcite-list-item` rows.\n   *\n   */\n  @Prop({ reflect: true }) heading: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emitted when the default slot has changes in order to notify parent lists.\n   */\n  @Event({ cancelable: false })\n  calciteInternalListItemGroupDefaultSlotChange: EventEmitter<DragEvent>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { el } = this;\n    this.visualLevel = getDepth(el, true);\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteListItemGroupElement;\n\n  @State() visualLevel: number = null;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { disabled, heading, visualLevel } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <tr\n            class={CSS.container}\n            style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n          >\n            <td class={CSS.heading} colSpan={MAX_COLUMNS}>\n              {heading}\n            </td>\n          </tr>\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleDefaultSlotChange = (): void => {\n    this.calciteInternalListItemGroupDefaultSlotChange.emit();\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-63687579.entry.js

@@ -0,0 +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.2.0-next.9
+ */
+import{r as t,c as s,h as i,g as e,H as a}from"./p-ec22d595.js";import{c as o,u as n,d as r,I as c}from"./p-fe23be3b.js";import{s as l,a as h,c as d}from"./p-c6526343.js";import{c as f,d as u}from"./p-237cdb7a.js";import{c as p}from"./p-c375bbed.js";import{u as m,c as b,s as w,d as g}from"./p-4ae3e947.js";import{g as v,m as x,d as y,a as k,s as L,h as j,b as I,c as C,k as D,e as z,i as H,f as S,j as A,l as F,n as R,r as B,o as E,p as U,q as _,t as M,L as O,I as V,C as q,S as G}from"./p-52278d2c.js";import{d as K,a as T,c as W}from"./p-e2645362.js";import{d as $,e as P}from"./p-e5d688cd.js";import{c as J,d as N}from"./p-c7134f7d.js";import{g as Q}from"./p-3a37f05c.js";import"./p-cfe069dc.js";import"./p-8b7c7089.js";import"./p-ddcefeb7.js";import"./p-f8f762e0.js";import"./p-7203e0f6.js";const X={container:"container",handle:"handle"};var Y;(function(t){t["grip"]="grip"})(Y||(Y={}));function Z(t,s,i){const{items:e,messages:a}=i;const o=e.length;const n=v(i,t)+1;const r=s==="idle"?a.dragHandleIdle:s==="active"?a.dragHandleActive:s==="change"?a.dragHandleChange:a.dragHandleCommit;return st(r,t.label,n,o)}function tt(t){const s=t.composedPath().find((t=>t.dataset?.jsHandle!==undefined));const i=t.composedPath().find((t=>t.tagName?.toLowerCase()==="calcite-value-list-item"));return{handle:s,item:i}}function st(t,s,i,e){const a=t.replace("{position}",i.toString());const o=a.replace("{itemLabel}",s);return o.replace("{total}",e.toString())}const it=":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{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-value-list-item:last-of-type{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky)}calcite-filter{margin-block-end:1px}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const et=class{constructor(i){t(this,i);this.calciteListChange=s(this,"calciteListChange",6);this.calciteListOrderChange=s(this,"calciteListOrderChange",6);this.calciteListFilter=s(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=p("mutation",x.bind(this));this.handleSelector=`.${X.handle}`;this.dragSelector="calcite-value-list-item";this.setFilterEl=t=>{this.filterEl=t};this.setFilteredItems=t=>{this.filteredItems=t};this.deselectRemovedItems=y.bind(this);this.deselectSiblingItems=k.bind(this);this.selectSiblings=L.bind(this);this.handleFilter=j.bind(this);this.handleFilterEvent=I.bind(this);this.getItemData=C.bind(this);this.keyDownHandler=t=>{if(t.defaultPrevented){return}const{handle:s,item:i}=tt(t);if(s&&!i.handleActivated&&t.key===" "){this.updateScreenReaderText(Z(i,"commit",this))}if(!s||!i.handleActivated){D.call(this,t);return}t.preventDefault();const{items:e}=this;if(t.key===" "){this.updateScreenReaderText(Z(i,"active",this))}if(t.key!=="ArrowUp"&&t.key!=="ArrowDown"||e.length<=1){return}const{el:a}=this;const o=z(this,i,t.key==="ArrowUp"?"up":"down");if(o===e.length-1){a.appendChild(i)}else{const t=a.children[o];const s=t===i.nextElementSibling?t.nextElementSibling:t;a.insertBefore(i,s)}this.items=this.getItems();this.calciteListOrderChange.emit(this.items.map((({value:t})=>t)));requestAnimationFrame((()=>$(s)));i.handleActivated=true;this.updateHandleAriaLabel(s,Z(i,"change",this))};this.storeAssistiveEl=t=>{this.assistiveTextEl=t};this.handleFocusIn=t=>{const{handle:s,item:i}=tt(t);if(!i?.handleActivated&&i&&s){this.updateHandleAriaLabel(s,Z(i,"idle",this))}};this.disabled=false;this.canPull=undefined;this.canPut=undefined;this.dragEnabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.group=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.messageOverrides=undefined;this.messages=undefined;this.dataForFilter=[];this.defaultMessages=undefined;this.effectiveLocale="";this.selectedValues=new Map}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){if(K(this)){return}o(this);f(this);b(this);H.call(this);S.call(this);this.setUpSorting()}async componentWillLoad(){l(this);await w(this)}componentDidLoad(){h(this);A.call(this)}componentDidRender(){n(this)}disconnectedCallback(){if(K(this)){return}r(this);T(this);u(this);g(this);F.call(this)}calciteListFocusOutHandler(t){R.call(this,t)}calciteListItemRemoveHandler(t){B.call(this,t)}calciteListItemChangeHandler(t){E.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){U.call(this,t);t.stopPropagation()}onGlobalDragStart(){F.call(this)}onGlobalDragEnd(){S.call(this)}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map((t=>t.value));this.calciteListOrderChange.emit(t)}getItems(){return Array.from(this.el.querySelectorAll("calcite-value-list-item"))}setUpItems(){_.call(this,"calcite-value-list-item");this.setUpSorting()}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}setUpSorting(){const{dragEnabled:t}=this;if(!t){return}W(this)}handleBlur(){if(this.dragEnabled){this.updateScreenReaderText("")}}async getSelectedItems(){return this.selectedValues}async setFocus(t){await d(this);return M.call(this,t)}getIconType(){let t=null;if(this.dragEnabled){t=Y.grip}return t}updateScreenReaderText(t){this.assistiveTextEl.textContent=t}updateHandleAriaLabel(t,s){t.ariaLabel=s}handleValueListItemBlur(t){const{item:s,handle:i}=t.detail;if(!s?.handleActivated&&s){this.updateHandleAriaLabel(i,Z(s,"idle",this))}t.stopPropagation()}render(){return i(O,{onBlur:this.handleBlur,onFocusin:this.handleFocusIn,onKeyDown:this.keyDownHandler,props:this})}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};et.style=it;const at={drag:"drag"};const ot={actionsEnd:"actions-end",actionsStart:"actions-start"};const nt=":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{margin-block-end:1px;box-sizing:border-box;display:flex;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}:host *{box-sizing:border-box}calcite-pick-list-item{position:relative;margin:0px;flex-grow:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([active]),:host([selected]){--tw-shadow:0 0 0 1px var(--calcite-color-brand);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.handle{display:flex;cursor:move;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding-block:0px;padding-inline:0.25rem;color:var(--calcite-color-border-input);outline-color:transparent}.handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.handle:focus{outline:2px solid 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          )}.handle--activated{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.handle calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const rt=class{constructor(i){t(this,i);this.calciteListItemChange=s(this,"calciteListItemChange",6);this.calciteListItemRemove=s(this,"calciteListItemRemove",7);this.calciteValueListItemDragHandleBlur=s(this,"calciteValueListItemDragHandleBlur",6);this.pickListItem=null;this.guid=`calcite-value-list-item-${Q()}`;this.getPickListRef=t=>this.pickListItem=t;this.handleKeyDown=t=>{if(t.key===" "){this.handleActivated=!this.handleActivated}};this.handleBlur=()=>{this.handleActivated=false;this.calciteValueListItemDragHandleBlur.emit({item:this.el,handle:this.handleEl})};this.handleSelectChange=t=>{this.selected=t.detail.selected};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.handleActivated=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined}connectedCallback(){J(this);o(this)}disconnectedCallback(){N(this);r(this)}componentWillLoad(){l(this)}componentDidLoad(){h(this)}componentDidRender(){n(this)}async toggleSelected(t){this.pickListItem.toggleSelected(t)}async setFocus(){await d(this);return this.pickListItem?.setFocus()}calciteListItemChangeHandler(t){t.detail.item=this.el}renderActionsEnd(){const{el:t}=this;const s=P(t,ot.actionsEnd);return s?i("slot",{name:ot.actionsEnd,slot:G.actionsEnd}):null}renderActionsStart(){const{el:t}=this;const s=P(t,ot.actionsStart);return s?i("slot",{name:ot.actionsStart,slot:G.actionsStart}):null}renderHandle(){const{icon:t,iconFlipRtl:s}=this;if(t===V.grip){return i("span",{class:{[q.handle]:true,[q.handleActivated]:this.handleActivated},"data-js-handle":true,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,role:"button",tabindex:"0",ref:t=>this.handleEl=t},i("calcite-icon",{flipRtl:s,icon:at.drag,scale:"s"}))}}render(){return i(a,{id:this.el.id||this.guid},i(c,{disabled:this.disabled},this.renderHandle(),i("calcite-pick-list-item",{description:this.description,deselectDisabled:this.deselectDisabled,disabled:this.disabled,label:this.label,metadata:this.metadata,nonInteractive:this.nonInteractive,onCalciteListItemChange:this.handleSelectChange,removable:this.removable,selected:this.selected,value:this.value,ref:this.getPickListRef},this.renderActionsStart(),this.renderActionsEnd())))}get el(){return e(this)}};rt.style=nt;export{et as calcite_value_list,rt as calcite_value_list_item};
+//# sourceMappingURL=p-63687579.entry.js.map

package/dist/calcite/p-656789eb.entry.js

@@ -0,0 +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.2.0-next.9
+ */
+import{r as e,c as o,h as t,H as i,g as r}from"./p-ec22d595.js";import{d as s,t as a}from"./p-e5d688cd.js";import{c as n,d as c,H as l}from"./p-d56226db.js";import{c as d,d as h,u as p,I as b}from"./p-fe23be3b.js";import{i as m}from"./p-8b7c7089.js";import{c as u,d as k,g as v}from"./p-5dc62d29.js";import{c as f,s as g,a as x}from"./p-c6526343.js";import"./p-3a37f05c.js";import"./p-7203e0f6.js";import"./p-cfe069dc.js";import"./p-61732713.js";const z=":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]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}:host(:focus) .track{outline:2px solid 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          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const y=class{constructor(t){e(this,t);this.calciteSwitchChange=o(this,"calciteSwitchChange",6);this.keyDownHandler=e=>{if(!this.disabled&&m(e.key)){this.toggle();e.preventDefault()}};this.clickHandler=()=>{if(this.disabled){return}this.toggle()};this.setSwitchEl=e=>{this.switchEl=e};this.disabled=false;this.form=undefined;this.label=undefined;this.name=undefined;this.scale="m";this.checked=false;this.value=undefined}async setFocus(){await f(this);s(this.switchEl)}syncHiddenFormInput(e){e.type="checkbox"}onLabelClick(){if(!this.disabled){this.toggle();this.setFocus()}}toggle(){this.checked=!this.checked;this.calciteSwitchChange.emit()}connectedCallback(){d(this);u(this);n(this)}componentWillLoad(){g(this)}componentDidLoad(){x(this)}disconnectedCallback(){h(this);k(this);c(this)}componentDidRender(){p(this)}render(){return t(i,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},t(b,{disabled:this.disabled},t("div",{"aria-checked":a(this.checked),"aria-label":v(this),class:"container",role:"switch",tabIndex:0,ref:this.setSwitchEl},t("div",{class:"track"},t("div",{class:"handle"})),t(l,{component:this}))))}get el(){return r(this)}};y.style=z;export{y as calcite_switch};
+//# sourceMappingURL=p-656789eb.entry.js.map

package/dist/calcite/p-66478478.entry.js

@@ -0,0 +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.2.0-next.9
+ */
+import{r as t,c as e,h as i,F as s,g as n}from"./p-ec22d595.js";import{g as o}from"./p-ddcefeb7.js";import{t as a,i as r,d as c}from"./p-e5d688cd.js";import{g as l}from"./p-3a37f05c.js";import{i as h}from"./p-8b7c7089.js";import{s as d,a as u,c as p}from"./p-c6526343.js";import{a as f,C as m,I as x,S as b}from"./p-c932a174.js";import"./p-7203e0f6.js";const g=":host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-2)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}::slotted(calcite-action-group:last-child){border-block-end:0}.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{max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";const v=["ArrowUp","ArrowDown","End","Home"];const w=class{constructor(i){t(this,i);this.calciteActionMenuOpen=e(this,"calciteActionMenuOpen",6);this.actionElements=[];this.guid=`calcite-action-menu-${l()}`;this.menuId=`${this.guid}-menu`;this.menuButtonId=`${this.guid}-menu-button`;this.connectMenuButtonEl=()=>{const{menuButtonId:t,menuId:e,open:i,label:s}=this;const n=this.slottedMenuButtonEl||this.defaultMenuButtonEl;if(this.menuButtonEl===n){return}this.disconnectMenuButtonEl();this.menuButtonEl=n;this.setTooltipReferenceElement();if(!n){return}n.active=i;n.setAttribute("aria-controls",e);n.setAttribute("aria-expanded",a(i));n.setAttribute("aria-haspopup","true");if(!n.id){n.id=t}if(!n.label){n.label=s}if(!n.text){n.text=s}n.addEventListener("pointerdown",this.menuButtonClick);n.addEventListener("keydown",this.menuButtonKeyDown)};this.disconnectMenuButtonEl=()=>{const{menuButtonEl:t}=this;if(!t){return}t.removeEventListener("pointerdown",this.menuButtonClick);t.removeEventListener("keydown",this.menuButtonKeyDown)};this.setMenuButtonEl=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-action")));this.slottedMenuButtonEl=e[0];this.connectMenuButtonEl()};this.setDefaultMenuButtonEl=t=>{this.defaultMenuButtonEl=t;this.connectMenuButtonEl()};this.handleCalciteActionClick=()=>{this.open=false;this.setFocus()};this.menuButtonClick=t=>{if(!r(t)){return}this.toggleOpen()};this.updateTooltip=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));this.tooltipEl=e[0];this.setTooltipReferenceElement()};this.setTooltipReferenceElement=()=>{const{tooltipEl:t,expanded:e,menuButtonEl:i,open:s}=this;if(t){t.referenceElement=!e&&!s?i:null}};this.updateAction=(t,e)=>{const{guid:i,activeMenuItemIndex:s}=this;const n=`${i}-action-${e}`;t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=n}t.toggleAttribute(f,e===s)};this.updateActions=t=>{t?.forEach(this.updateAction)};this.handleDefaultSlotChange=t=>{const e=t.target.assignedElements({flatten:true}).reduce(((t,e)=>{if(e?.matches("calcite-action")){t.push(e);return t}if(e?.matches("calcite-action-group")){return t.concat(Array.from(e.querySelectorAll("calcite-action")))}return t}),[]);this.actionElements=e.filter((t=>!t.disabled&&!t.hidden))};this.menuButtonKeyDown=t=>{const{key:e}=t;const{actionElements:i,activeMenuItemIndex:s,open:n}=this;if(!i.length){return}if(h(e)){t.preventDefault();if(!n){this.toggleOpen();return}const e=i[s];e?e.click():this.toggleOpen(false)}if(e==="Tab"){this.open=false;return}if(e==="Escape"){this.toggleOpen(false);t.preventDefault();return}this.handleActionNavigation(t,e,i)};this.handleActionNavigation=(t,e,i)=>{if(!this.isValidKey(e,v)){return}t.preventDefault();if(!this.open){this.toggleOpen();if(e==="Home"||e==="ArrowDown"){this.activeMenuItemIndex=0}if(e==="End"||e==="ArrowUp"){this.activeMenuItemIndex=i.length-1}return}if(e==="Home"){this.activeMenuItemIndex=0}if(e==="End"){this.activeMenuItemIndex=i.length-1}const s=this.activeMenuItemIndex;if(e==="ArrowUp"){this.activeMenuItemIndex=o(Math.max(s-1,-1),i.length)}if(e==="ArrowDown"){this.activeMenuItemIndex=o(s+1,i.length)}};this.toggleOpenEnd=()=>{this.setFocus();this.el.removeEventListener("calcitePopoverOpen",this.toggleOpenEnd)};this.toggleOpen=(t=!this.open)=>{this.el.addEventListener("calcitePopoverOpen",this.toggleOpenEnd);this.open=t};this.handlePopoverOpen=()=>{this.open=true};this.handlePopoverClose=()=>{this.open=false};this.appearance="solid";this.expanded=false;this.flipPlacements=undefined;this.label=undefined;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.scale=undefined;this.menuButtonEl=undefined;this.activeMenuItemIndex=-1}connectedCallback(){this.connectMenuButtonEl()}componentWillLoad(){d(this)}componentDidLoad(){u(this)}disconnectedCallback(){this.disconnectMenuButtonEl()}expandedHandler(){this.open=false;this.setTooltipReferenceElement()}openHandler(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpen.emit();this.setTooltipReferenceElement()}activeMenuItemIndexHandler(){this.updateActions(this.actionElements)}async setFocus(){await p(this);return c(this.menuButtonEl)}renderMenuButton(){const{appearance:t,label:e,scale:s,expanded:n}=this;const o=i("slot",{name:b.trigger,onSlotchange:this.setMenuButtonEl},i("calcite-action",{appearance:t,class:m.defaultTrigger,icon:x.menu,scale:s,text:e,textEnabled:n,ref:this.setDefaultMenuButtonEl}));return o}renderMenuItems(){const{actionElements:t,activeMenuItemIndex:e,open:s,menuId:n,menuButtonEl:o,label:a,placement:r,overlayPositioning:c,flipPlacements:l}=this;const h=t[e];const d=h?.id||null;return i("calcite-popover",{autoClose:true,flipPlacements:l,focusTrapDisabled:true,label:a,offsetDistance:0,onCalcitePopoverClose:this.handlePopoverClose,onCalcitePopoverOpen:this.handlePopoverOpen,open:s,overlayPositioning:c,placement:r,pointerDisabled:true,referenceElement:o},i("div",{"aria-activedescendant":d,"aria-labelledby":o?.id,class:m.menu,id:n,onClick:this.handleCalciteActionClick,role:"menu",tabIndex:-1},i("slot",{onSlotchange:this.handleDefaultSlotChange})))}render(){return i(s,null,this.renderMenuButton(),this.renderMenuItems(),i("slot",{name:b.tooltip,onSlotchange:this.updateTooltip}))}isValidKey(t,e){return!!e.find((e=>e===t))}get el(){return n(this)}static get watchers(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}}};w.style=g;export{w as calcite_action_menu};
+//# sourceMappingURL=p-66478478.entry.js.map

package/dist/calcite/p-67c61fe3.entry.js

@@ -0,0 +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.2.0-next.9
+ */
+import{r as e,c as t,h as n,H as i,g as o}from"./p-ec22d595.js";import{d as s,z as c,e as a,b as r,g as l,t as h,A as d}from"./p-e5d688cd.js";import{c as f,d as m}from"./p-c7134f7d.js";import{c as u,d as p,u as b,I as k}from"./p-fe23be3b.js";import{C as x}from"./p-7203e0f6.js";import{g}from"./p-61732713.js";import"./p-3a37f05c.js";import"./p-c375bbed.js";import"./p-cfe069dc.js";function v(e){return e?.tagName==="CALCITE-TREE-ITEM"}function y(e){return Array.from(e.querySelectorAll("calcite-tree-item:not([disabled])")).filter((t=>{let n=t;while(n!==e&&n!==undefined){const e=n.parentElement;const t=!v(e)||!e.hasChildren||e.expanded;if(!t){return false}n=n.parentElement}return true}))}const w=":host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";const z=class{constructor(n){e(this,n);this.calciteTreeSelect=t(this,"calciteTreeSelect",6);this.keyDownHandler=e=>{if(this.child){return}const t=this.el;const n=e.target;const i=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(v(n)&&this.el.contains(n))||!i.includes(e.key)){return}const o=y(t);if(e.key==="Tab"){o.forEach((e=>e.tabIndex=-1));return}if(e.key==="ArrowDown"){const t=o.indexOf(n);const i=o[t+1];i?.focus();e.preventDefault();return}if(e.key==="ArrowUp"){const t=o.indexOf(n);const i=o[t-1];i?.focus();e.preventDefault();return}if(e.key==="ArrowLeft"){if(n.hasChildren&&n.expanded){n.expanded=false;e.preventDefault();return}const t=o.slice(0,o.indexOf(n)).reverse();const i=t.find((e=>e.depth===n.depth-1));i?.focus();e.preventDefault();return}if(e.key==="ArrowRight"){if(!n.disabled&&n.hasChildren){if(!n.expanded){n.expanded=true;e.preventDefault()}else{const t=o.indexOf(n);const i=o[t+1];i?.focus();e.preventDefault()}}return}if(e.key==="Home"){const t=o.shift();if(t){t.focus();e.preventDefault()}return}if(e.key==="End"){const t=o.pop();if(t){t.focus();e.preventDefault()}return}};this.lines=false;this.child=undefined;this.scale="m";this.selectionMode="single";this.selectedItems=[]}componentWillRender(){const e=this.el.parentElement?.closest("calcite-tree");this.lines=e?e.lines:this.lines;this.scale=e?e.scale:this.scale;this.selectionMode=e?e.selectionMode:this.selectionMode;this.child=!!e}render(){return n(i,{"aria-multiselectable":this.child?undefined:(this.selectionMode==="multiple"||this.selectionMode==="multichildren").toString(),onKeyDown:this.keyDownHandler,role:!this.child?"tree":undefined,tabIndex:this.getRootTabIndex()},n("slot",null))}onFocus(){if(!this.child){const e=this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])");s(e)}}onFocusIn(e){const t=e.relatedTarget===this.el||!this.el.contains(e.relatedTarget);if(t){this.el.removeAttribute("tabindex")}}onFocusOut(e){const t=!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=this.getRootTabIndex()}}onInternalTreeItemSelect(e){if(this.child){return}const t=e.target;const n=c(t.querySelectorAll("calcite-tree-item"));e.preventDefault();e.stopPropagation();if(this.selectionMode==="ancestors"){this.updateAncestorTree(e);return}const i=this.selectionMode==="none";const o=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren"));const s=this.selectionMode==="multichildren"&&t.hasChildren;const a=!i&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren");const r=!a&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&n.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren");const l=["multiple","none","single","single-persist"].includes(this.selectionMode)&&t.hasChildren;const h=[];if(o){h.push(t)}if(r){const e=c(this.el.querySelectorAll("calcite-tree-item[selected]"));e.forEach((e=>{if(!h.includes(e)){e.selected=false}}))}if(l&&["multiple","none","single","single-persist"].includes(this.selectionMode)){t.expanded=!t.expanded}if(s){n.forEach((e=>{e.selected=false;if(e.hasChildren){e.expanded=false}}))}if(a){window.getSelection().removeAllRanges()}if(a&&t.selected){h.forEach((e=>{if(!e.disabled){e.selected=false}}))}else if(!i){h.forEach((e=>{if(!e.disabled){e.selected=true}}))}this.selectedItems=i?[]:c(this.el.querySelectorAll("calcite-tree-item")).filter((e=>e.selected));this.calciteTreeSelect.emit();e.stopPropagation()}updateAncestorTree(e){const t=e.target;const n=e.detail.updateItem;if(t.disabled||t.indeterminate&&!n){return}const i=[];let o=t.parentElement.closest("calcite-tree-item");while(o){i.push(o);o=o.parentElement.closest("calcite-tree-item")}const s=Array.from(t.querySelectorAll("calcite-tree-item:not([disabled])"));const a=s.filter((e=>!e.hasChildren));const r=s.filter((e=>e.hasChildren));let l;if(n){l=t.hasChildren?!(t.selected||t.indeterminate):!t.selected}else{l=t.selected}a.forEach((e=>{e.selected=l;e.indeterminate=false}));function h(e,t){const n=e.filter((e=>e.selected));const i=e.filter((e=>!e.selected));t.selected=n.length===e.length;t.indeterminate=n.length>0&&i.length>0}r.reverse().forEach((e=>{const t=Array.from(e.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));h(t,e)}));if(n){if(t.hasChildren){h(s,t)}else{t.selected=l;t.indeterminate=false}}i.forEach((e=>{const t=c(e.querySelectorAll("calcite-tree-item"));const n=t.filter((e=>e.selected));if(n.length===0){e.selected=false;e.indeterminate=false;return}const i=n.length<t.length;e.indeterminate=i;e.selected=!i}));this.selectedItems=c(this.el.querySelectorAll("calcite-tree-item")).filter((e=>e.selected));if(n){this.calciteTreeSelect.emit()}}getRootTabIndex(){return!this.child?0:-1}get el(){return o(this)}};z.style=w;const A={actionsEnd:"actions-end",checkboxLabel:"checkbox-label",checkbox:"checkbox",chevron:"chevron",nodeContainer:"node-container",childrenContainer:"children-container",bulletPointIcon:"bullet-point",checkmarkIcon:"checkmark",itemExpanded:"item--expanded",iconStart:"icon-start",nodeAndActionsContainer:"node-actions-container"};const I={actionsEnd:"actions-end",children:"children"};const C={bulletPoint:"bullet-point",checkmark:"check",chevronRight:"chevron-right",blank:"blank"};const E=':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{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-color-text-3)}.node-actions-container{display:flex}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-actions-container{min-block-size:1.5rem}:host([scale=s]) .node-actions-container .node-container .checkbox,:host([scale=s]) .node-actions-container .node-container .chevron,:host([scale=s]) .node-actions-container .node-container .checkmark,:host([scale=s]) .node-actions-container .node-container .bullet-point{margin-inline:0.25rem}:host([scale=s]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-actions-container{min-block-size:2rem}:host([scale=m]) .node-actions-container .node-container .checkbox,:host([scale=m]) .node-actions-container .node-container .chevron,:host([scale=m]) .node-actions-container .node-container .checkmark,:host([scale=m]) .node-actions-container .node-container .bullet-point{margin-inline:0.5rem}:host([scale=m]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-actions-container{min-block-size:2.75rem}:host([scale=l]) .node-actions-container .node-container .checkbox,:host([scale=l]) .node-actions-container .node-container .chevron,:host([scale=l]) .node-actions-container .node-container .checkmark,:host([scale=l]) .node-actions-container .node-container .bullet-point{margin-inline:0.75rem}:host([scale=l]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-z-index);inline-size:1px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:96%;content:"";background-color:var(--calcite-color-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{outline:2px solid 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(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;outline:2px solid 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          )}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox{line-height:0}.checkbox-label{pointer-events:none;display:flex;align-items:center}.checkbox:focus{outline:2px solid transparent;outline-offset:2px}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;margin-inline-start:1.25rem;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-color-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-color-brand)}:host([selection-mode=none]:not([has-children])):host([scale=s]) .node-container{padding-inline-start:0.5rem}:host([selection-mode=none]:not([has-children])):host([scale=m]) .node-container{padding-inline-start:1rem}:host([selection-mode=none]:not([has-children])):host([scale=l]) .node-container{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=s]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.75rem}:host([has-children]) .node-container[data-selection-mode=ancestors] .checkbox{margin-inline-start:0}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}.chevron{position:relative;align-self:center;color:var(--calcite-color-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;flex:0 0 auto;transform:rotate(0deg)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-color-brand)}:host([hidden]){display:none}[hidden]{display:none}';const S=class{constructor(n){e(this,n);this.calciteInternalTreeItemSelect=t(this,"calciteInternalTreeItemSelect",6);this.iconClickHandler=e=>{e.stopPropagation();this.expanded=!this.expanded};this.childrenClickHandler=e=>e.stopPropagation();this.userChangedValue=false;this.updateParentIsExpanded=(e,t)=>{const n=a(e,I.children,{all:true,selector:"calcite-tree-item"});n.forEach((e=>e.parentExpanded=t))};this.actionsEndSlotChangeHandler=e=>{this.hasEndActions=r(e)};this.disabled=false;this.expanded=false;this.iconFlipRtl=undefined;this.iconStart=undefined;this.selected=false;this.parentExpanded=false;this.depth=-1;this.hasChildren=null;this.lines=undefined;this.scale=undefined;this.indeterminate=false;this.selectionMode=undefined;this.hasEndActions=false;this.updateAfterInitialRender=false}expandedHandler(e){this.updateParentIsExpanded(this.el,e)}handleSelectedChange(e){if(this.selectionMode==="ancestors"&&!this.userChangedValue){if(e){this.indeterminate=false}this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:true,updateItem:false})}}getSelectionMode(){this.isSelectionMultiLike=this.selectionMode==="multiple"||this.selectionMode==="multichildren"}connectedCallback(){this.parentTreeItem=this.el.parentElement?.closest("calcite-tree-item");if(this.parentTreeItem){const{expanded:e}=this.parentTreeItem;this.updateParentIsExpanded(this.parentTreeItem,e)}f(this);u(this)}disconnectedCallback(){m(this);p(this)}componentWillRender(){this.hasChildren=!!this.el.querySelector("calcite-tree");this.depth=0;let e=this.el.closest("calcite-tree");if(!e){return}this.selectionMode=e.selectionMode;this.scale=e.scale||"m";this.lines=e.lines;let t;while(e){t=e.parentElement?.closest("calcite-tree");if(t===e){break}else{e=t;this.depth=this.depth+1}}}componentWillLoad(){requestAnimationFrame((()=>this.updateAfterInitialRender=true))}componentDidLoad(){this.updateAncestorTree()}componentDidRender(){b(this)}render(){const e=l(this.el)==="rtl";const t=this.selectionMode==="single"||this.selectionMode==="children";const o=this.selectionMode==="multiple"||this.selectionMode==="multichildren";const s=this.selectionMode==="none"&&!this.hasChildren;const c=this.hasChildren?n("calcite-icon",{class:{[A.chevron]:true,[x.rtl]:e},"data-test-id":"icon",icon:C.chevronRight,onClick:this.iconClickHandler,scale:g(this.scale)}):null;const a=n("slot",{key:"default-slot"});const r=this.selectionMode==="ancestors"?n("label",{class:A.checkboxLabel,key:"checkbox-label"},n("calcite-checkbox",{checked:this.selected,class:A.checkbox,"data-test-id":"checkbox",indeterminate:this.hasChildren&&this.indeterminate,scale:this.scale,tabIndex:-1}),a):null;const d=t?C.bulletPoint:o?C.checkmark:s?C.blank:null;const f=d?n("calcite-icon",{class:{[A.bulletPointIcon]:d===C.bulletPoint,[A.checkmarkIcon]:d===C.checkmark,[x.rtl]:e},icon:d,scale:g(this.scale)}):null;const m=!(this.parentExpanded||this.depth===1);const u=this.updateAfterInitialRender&&this.expanded;const{hasEndActions:p}=this;const b=n("slot",{key:"actionsEndSlot",name:I.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler});const v=n("calcite-icon",{class:A.iconStart,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:g(this.scale)});return n(i,{"aria-expanded":this.hasChildren?h(u):undefined,"aria-hidden":h(m),"aria-selected":this.selected?"true":o?"false":undefined,"calcite-hydrated-hidden":m,role:"treeitem",tabIndex:this.disabled?-1:0},n(k,{disabled:this.disabled},n("div",{class:{[A.itemExpanded]:u}},n("div",{class:A.nodeAndActionsContainer},n("div",{class:{[A.nodeContainer]:true,[x.rtl]:e},"data-selection-mode":this.selectionMode,ref:e=>this.defaultSlotWrapper=e},c,f,this.iconStart?v:null,r?r:a),n("div",{class:A.actionsEnd,hidden:!p,ref:e=>this.actionSlotWrapper=e},b)),n("div",{class:{[A.childrenContainer]:true,[x.rtl]:e},"data-test-id":"calcite-tree-children",onClick:this.childrenClickHandler,role:this.hasChildren?"group":undefined},n("slot",{name:I.children})))))}onClick(e){if(this.disabled||this.isActionEndEvent(e)){return}const[t]=d(this.el,"a");if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){const e=t.target===""?"_self":t.target;window.open(t.href,e)}this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.selectionMode==="ancestors"||this.isSelectionMultiLike,updateItem:true});this.userChangedValue=true}keyDownHandler(e){if(this.isActionEndEvent(e)||e.defaultPrevented){return}switch(e.key){case" ":this.userChangedValue=true;this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:true});e.preventDefault();break;case"Enter":const t=Array.from(this.el.children).find((e=>e.matches("a")));this.userChangedValue=true;if(t){t.click();this.selected=true}else{this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:true})}e.preventDefault()}}isActionEndEvent(e){const t=e.composedPath();return t.includes(this.actionSlotWrapper)}updateAncestorTree(){const e=this.parentTreeItem;if(this.selectionMode!=="ancestors"||!e){return}if(this.selected){const t=this.el.parentElement;const n=Array.from(t?.children);const i=n.filter((e=>e.selected));if(n.length===i.length){e.selected=true;e.indeterminate=false}else if(i.length>0){e.indeterminate=true}const o=Array.from(this.el.querySelectorAll("calcite-tree-item:not([disabled])"));o.forEach((e=>{e.selected=true;e.indeterminate=false}))}else if(this.indeterminate){const e=this.parentTreeItem;e.indeterminate=true}}get el(){return o(this)}static get watchers(){return{expanded:["expandedHandler"],selected:["handleSelectedChange"],selectionMode:["getSelectionMode"]}}};S.style=E;export{z as calcite_tree,S as calcite_tree_item};
+//# sourceMappingURL=p-67c61fe3.entry.js.map

package/dist/calcite/p-697e9e3c.js

@@ -0,0 +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.2.0-next.9
+ */
+import{d as _}from"./p-a8ae6599.js";import"./p-ec22d595.js";import"./p-d56226db.js";import"./p-e5d688cd.js";import"./p-3a37f05c.js";import"./p-7203e0f6.js";import"./p-fe23be3b.js";import"./p-cfe069dc.js";import"./p-8b7c7089.js";import"./p-5dc62d29.js";import"./p-61732713.js";import"./p-c6526343.js";import"./p-237cdb7a.js";import"./p-c375bbed.js";import"./p-3b681245.js";import"./p-ce2cd73e.js";import"./p-4ae3e947.js";import"./p-7e1c0e98.js";import"./p-cb79b91e.js";var p={name:"hi",weekdays:"रविवार_सोमवार_मंगलवार_बुधवार_गुरूवार_शुक्रवार_शनिवार".split("_"),months:"जनवरी_फ़रवरी_मार्च_अप्रैल_मई_जून_जुलाई_अगस्त_सितम्बर_अक्टूबर_नवम्बर_दिसम्बर".split("_"),weekdaysShort:"रवि_सोम_मंगल_बुध_गुरू_शुक्र_शनि".split("_"),monthsShort:"जन._फ़र._मार्च_अप्रै._मई_जून_जुल._अग._सित._अक्टू._नव._दिस.".split("_"),weekdaysMin:"र_सो_मं_बु_गु_शु_श".split("_"),ordinal:function _(p){return p},formats:{LT:"A h:mm बजे",LTS:"A h:mm:ss बजे",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm बजे",LLLL:"dddd, D MMMM YYYY, A h:mm बजे"},relativeTime:{future:"%s में",past:"%s पहले",s:"कुछ ही क्षण",m:"एक मिनट",mm:"%d मिनट",h:"एक घंटा",hh:"%d घंटे",d:"एक दिन",dd:"%d दिन",M:"एक महीने",MM:"%d महीने",y:"एक वर्ष",yy:"%d वर्ष"}};_.locale(p,null,true);export default p;
+//# sourceMappingURL=p-697e9e3c.js.map

package/dist/calcite/p-699e26cc.js

@@ -0,0 +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.2.0-next.9
+ */
+import{d as a}from"./p-a8ae6599.js";import"./p-ec22d595.js";import"./p-d56226db.js";import"./p-e5d688cd.js";import"./p-3a37f05c.js";import"./p-7203e0f6.js";import"./p-fe23be3b.js";import"./p-cfe069dc.js";import"./p-8b7c7089.js";import"./p-5dc62d29.js";import"./p-61732713.js";import"./p-c6526343.js";import"./p-237cdb7a.js";import"./p-c375bbed.js";import"./p-3b681245.js";import"./p-ce2cd73e.js";import"./p-4ae3e947.js";import"./p-7e1c0e98.js";import"./p-cb79b91e.js";var e="siječnja_veljače_ožujka_travnja_svibnja_lipnja_srpnja_kolovoza_rujna_listopada_studenoga_prosinca".split("_");var s="siječanj_veljača_ožujak_travanj_svibanj_lipanj_srpanj_kolovoz_rujan_listopad_studeni_prosinac".split("_");var r=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;var p=function a(p,t){if(r.test(t)){return e[p.month()]}return s[p.month()]};p.s=s;p.f=e;var t={name:"hr",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:p,monthsShort:"sij._velj._ožu._tra._svi._lip._srp._kol._ruj._lis._stu._pro.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"},relativeTime:{future:"za %s",past:"prije %s",s:"sekunda",m:"minuta",mm:"%d minuta",h:"sat",hh:"%d sati",d:"dan",dd:"%d dana",M:"mjesec",MM:"%d mjeseci",y:"godina",yy:"%d godine"},ordinal:function a(e){return e+"."}};a.locale(t,null,true);export default t;
+//# sourceMappingURL=p-699e26cc.js.map

package/dist/calcite/p-6cf5d83b.js

@@ -0,0 +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.2.0-next.9
+ */
+import{a as r,S as t,i as e,b as n,c as o,r as u,f as a}from"./p-f8f762e0.js";function c(r,t){var e=-1,n=r==null?0:r.length,o=Array(n);while(++e<n){o[e]=t(r[e],e,r)}return o}var f=Array.isArray;var i=1/0;var b=t?t.prototype:undefined,v=b?b.toString:undefined;function l(t){if(typeof t=="string"){return t}if(f(t)){return c(t,l)+""}if(r(t)){return v?v.call(t):""}var e=t+"";return e=="0"&&1/t==-i?"-0":e}function j(r){return r}var s="[object AsyncFunction]",y="[object Function]",p="[object GeneratorFunction]",d="[object Proxy]";function m(r){if(!e(r)){return false}var t=n(r);return t==y||t==p||t==s||t==d}var A=9007199254740991;var x=/^(?:0|[1-9]\d*)$/;function g(r,t){var e=typeof r;t=t==null?A:t;return!!t&&(e=="number"||e!="symbol"&&x.test(r))&&(r>-1&&r%1==0&&r<t)}var h=9007199254740991;function O(r){return typeof r=="number"&&r>-1&&r%1==0&&r<=h}function w(r){return r!=null&&O(r.length)&&!m(r)}var F=Object.prototype;function E(r){var t=r&&r.constructor,e=typeof t=="function"&&t.prototype||F;return r===e}function S(r,t){var e=-1,n=Array(r);while(++e<r){n[e]=t(e)}return n}var U="[object Arguments]";function I(r){return o(r)&&n(r)==U}var R=Object.prototype;var $=R.hasOwnProperty;var k=R.propertyIsEnumerable;var B=I(function(){return arguments}())?I:function(r){return o(r)&&$.call(r,"callee")&&!k.call(r,"callee")};function D(){return false}var M=typeof exports=="object"&&exports&&!exports.nodeType&&exports;var N=M&&typeof module=="object"&&module&&!module.nodeType&&module;var C=N&&N.exports===M;var G=C?u.Buffer:undefined;var L=G?G.isBuffer:undefined;var P=L||D;var T="[object Arguments]",V="[object Array]",W="[object Boolean]",q="[object Date]",z="[object Error]",H="[object Function]",J="[object Map]",K="[object Number]",Q="[object Object]",X="[object RegExp]",Y="[object Set]",Z="[object String]",_="[object WeakMap]";var rr="[object ArrayBuffer]",tr="[object DataView]",er="[object Float32Array]",nr="[object Float64Array]",or="[object Int8Array]",ur="[object Int16Array]",ar="[object Int32Array]",cr="[object Uint8Array]",fr="[object Uint8ClampedArray]",ir="[object Uint16Array]",br="[object Uint32Array]";var vr={};vr[er]=vr[nr]=vr[or]=vr[ur]=vr[ar]=vr[cr]=vr[fr]=vr[ir]=vr[br]=true;vr[T]=vr[V]=vr[rr]=vr[W]=vr[tr]=vr[q]=vr[z]=vr[H]=vr[J]=vr[K]=vr[Q]=vr[X]=vr[Y]=vr[Z]=vr[_]=false;function lr(r){return o(r)&&O(r.length)&&!!vr[n(r)]}function jr(r){return function(t){return r(t)}}var sr=typeof exports=="object"&&exports&&!exports.nodeType&&exports;var yr=sr&&typeof module=="object"&&module&&!module.nodeType&&module;var pr=yr&&yr.exports===sr;var dr=pr&&a.process;var mr=function(){try{var r=yr&&yr.require&&yr.require("util").types;if(r){return r}return dr&&dr.binding&&dr.binding("util")}catch(r){}}();var Ar=mr&&mr.isTypedArray;var xr=Ar?jr(Ar):lr;var gr=Object.prototype;var hr=gr.hasOwnProperty;function Or(r,t){var e=f(r),n=!e&&B(r),o=!e&&!n&&P(r),u=!e&&!n&&!o&&xr(r),a=e||n||o||u,c=a?S(r.length,String):[],i=c.length;for(var b in r){if((t||hr.call(r,b))&&!(a&&(b=="length"||o&&(b=="offset"||b=="parent")||u&&(b=="buffer"||b=="byteLength"||b=="byteOffset")||g(b,i)))){c.push(b)}}return c}function wr(r){var t=[];if(r!=null){for(var e in Object(r)){t.push(e)}}return t}var Fr=Object.prototype;var Er=Fr.hasOwnProperty;function Sr(r){if(!e(r)){return wr(r)}var t=E(r),n=[];for(var o in r){if(!(o=="constructor"&&(t||!Er.call(r,o)))){n.push(o)}}return n}function Ur(r){return w(r)?Or(r,true):Sr(r)}function Ir(r){return r==null?"":l(r)}function Rr(r){return function(t,e,n){var o=-1,u=Object(t),a=n(t),c=a.length;while(c--){var f=a[r?c:++o];if(e(u[f],f,u)===false){break}}return t}}var $r=Rr();function kr(r){return typeof r=="function"?r:j}var Br=/[\\^$.*+?()[\]{}|]/g,Dr=RegExp(Br.source);function Mr(r){r=Ir(r);return r&&Dr.test(r)?r.replace(Br,"\\$&"):r}function Nr(r,t){return r==null?r:$r(r,kr(t),Ur)}const Cr=(r,t)=>{const e=Mr(t);const n=new RegExp(e,"i");if(r.length===0){console.warn(`No data was passed to the filter function.\n    The data argument should be an array of objects`)}const o=(r,t)=>{if(r?.constant||r?.filterDisabled){return true}let e=false;Nr(r,(r=>{if(typeof r==="function"||r==null){return}if(Array.isArray(r)||typeof r==="object"&&r!==null){if(o(r,t)){e=true}}else if(t.test(r)){e=true}}));return e};const u=r.filter((r=>o(r,n)));return u};export{Cr as f};
+//# sourceMappingURL=p-6cf5d83b.js.map

package/dist/calcite/p-7015844f.js

@@ -0,0 +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.2.0-next.9
+ */
+import{d as _}from"./p-a8ae6599.js";import"./p-ec22d595.js";import"./p-d56226db.js";import"./p-e5d688cd.js";import"./p-3a37f05c.js";import"./p-7203e0f6.js";import"./p-fe23be3b.js";import"./p-cfe069dc.js";import"./p-8b7c7089.js";import"./p-5dc62d29.js";import"./p-61732713.js";import"./p-c6526343.js";import"./p-237cdb7a.js";import"./p-c375bbed.js";import"./p-3b681245.js";import"./p-ce2cd73e.js";import"./p-4ae3e947.js";import"./p-7e1c0e98.js";import"./p-cb79b91e.js";var r={name:"bg",weekdays:"неделя_понеделник_вторник_сряда_четвъртък_петък_събота".split("_"),weekdaysShort:"нед_пон_вто_сря_чет_пет_съб".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:"януари_февруари_март_април_май_юни_юли_август_септември_октомври_ноември_декември".split("_"),monthsShort:"янр_фев_мар_апр_май_юни_юли_авг_сеп_окт_ное_дек".split("_"),weekStart:1,ordinal:function _(r){var e=r%100;if(e>10&&e<20){return r+"-ти"}var p=r%10;if(p===1){return r+"-ви"}else if(p===2){return r+"-ри"}else if(p===7||p===8){return r+"-ми"}return r+"-ти"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"след %s",past:"преди %s",s:"няколко секунди",m:"минута",mm:"%d минути",h:"час",hh:"%d часа",d:"ден",dd:"%d дена",M:"месец",MM:"%d месеца",y:"година",yy:"%d години"}};_.locale(r,null,true);export default r;
+//# sourceMappingURL=p-7015844f.js.map

package/dist/calcite/p-71924e85.entry.js

@@ -0,0 +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.2.0-next.9
+ */
+import{r as e,c as t,h as a,H as i,g as n}from"./p-ec22d595.js";import{a as s,l as o,b as l}from"./p-5dc62d29.js";import"./p-e5d688cd.js";import"./p-3a37f05c.js";import"./p-7203e0f6.js";import"./p-61732713.js";const c={container:"container"};const r=":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{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const d=class{constructor(a){e(this,a);this.calciteInternalLabelClick=t(this,"calciteInternalLabelClick",2);this.labelClickHandler=e=>{this.calciteInternalLabelClick.emit({sourceEvent:e})};this.alignment="start";this.for=undefined;this.scale="m";this.layout="default"}handleForChange(){s(this.el)}connectedCallback(){document.dispatchEvent(new CustomEvent(o))}disconnectedCallback(){document.dispatchEvent(new CustomEvent(l))}render(){return a(i,{onClick:this.labelClickHandler},a("div",{class:c.container},a("slot",null)))}get el(){return n(this)}static get watchers(){return{for:["handleForChange"]}}};d.style=r;export{d as calcite_label};
+//# sourceMappingURL=p-71924e85.entry.js.map

package/dist/calcite/p-7203e0f6.js

@@ -0,0 +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.2.0-next.9
+ */
+const a="calcite-mode-auto";const t="calcite-mode-dark";const e="calcite-mode-light";const c={autoMode:a,darkMode:t,lightMode:e,rtl:"calcite--rtl",calciteAnimate:"calcite-animate",calciteAnimateIn:"calcite-animate__in",calciteAnimateInUp:"calcite-animate__in-up",calciteAnimateInDown:"calcite-animate__in-down",calciteAnimateInRight:"calcite-animate__in-right",calciteAnimateInLeft:"calcite-animate__in-left",calciteAnimateInScale:"calcite-animate__in-scale"};export{c as C,a,t as d};
+//# sourceMappingURL=p-7203e0f6.js.map

package/dist/calcite/p-7473c7c3.entry.js

@@ -0,0 +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.2.0-next.9
+ */
+import{r as e,c as i,h as t,H as n,g as c}from"./p-ec22d595.js";import{b as s,t as a}from"./p-e5d688cd.js";import{c as o,d as l}from"./p-c7134f7d.js";import{a as r,s as h,c as d}from"./p-c6526343.js";import{u as p,c as m,d as u,s as v}from"./p-4ae3e947.js";import{c as b,u as f,d as g,I as k}from"./p-fe23be3b.js";import{c as x,d as y}from"./p-237cdb7a.js";import{c as z}from"./p-c375bbed.js";import{i as w}from"./p-8b7c7089.js";import{g as j}from"./p-61732713.js";import"./p-3a37f05c.js";import"./p-7203e0f6.js";import"./p-cfe069dc.js";const C={title:"title",close:"close",imageContainer:"image-container",chipIcon:"chip-icon",textSlotted:"text--slotted",container:"container",imageSlotted:"image--slotted",closable:"closable",multiple:"multiple",selectable:"selectable",selectIcon:"select-icon",selectIconActive:"select-icon--active",nonInteractive:"non-interactive",isCircle:"is-circle"};const I={image:"image"};const L={close:"x",unchecked:"circle",checkedSingle:"circle-f",checked:"check-circle-f"};const S=":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]){block-size:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-s-internal:0.25rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale=s]) .close,:host([scale=s]) .select-icon--active{block-size:1rem;inline-size:1rem}:host([scale=s]) .image-container{block-size:1.25rem;inline-size:1.25rem}:host([scale=s]) .container.is-circle{block-size:1.5rem;inline-size:1.5rem}:host([scale=m]){block-size:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-s-internal:0.375rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale=m]) .close,:host([scale=m]) .image-container,:host([scale=m]) .select-icon--active{block-size:1.5rem;inline-size:1.5rem}:host([scale=m]) .container.is-circle{block-size:2rem;inline-size:2rem}:host([scale=l]){block-size:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-s-internal:0.5rem;--calcite-chip-spacing-l-internal:0.75rem}:host([scale=l]) .image-container,:host([scale=l]) .close,:host([scale=l]) .select-icon--active{block-size:2rem;inline-size:2rem}:host([scale=l]) .container.is-circle{block-size:2.75rem;inline-size:2.75rem}:host{display:inline-flex;cursor:default;border-radius:9999px}.container{box-sizing:border-box;display:inline-flex;block-size:100%;max-inline-size:100%;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);font-weight:var(--calcite-font-weight-medium);outline-color:transparent}.container:not(.is-circle){padding-inline:var(--calcite-chip-spacing-s-internal)}.container.selectable{cursor:pointer}.container:not(.non-interactive):focus{outline:2px solid 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([scale=s]) .container.image--slotted{padding-inline-start:calc(0.125rem / 2)}:host([scale=s]) .container.is-circle{padding-inline:0}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:var(--calcite-chip-spacing-s-internal)}.container:not(.text--slotted) .title{display:none}.container:not(.image--slotted) .image-container{display:none}.container.closable{padding-inline-end:calc(var(--calcite-chip-spacing-l-internal) / 2)}.container:not(.is-circle).image--slotted{padding-inline-start:calc(var(--calcite-chip-spacing-l-internal) / 2)}.container:not(.is-circle).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).image--slotted .image-container~.chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).selectable:not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.selectable):not(.text--slotted) .chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text-slotted).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container{margin-inline-end:0}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container~.chip-icon{margin-inline-start:calc(var(--calcite-chip-spacing-s-internal) * 2)}.chip-icon{position:relative;margin-block:0px;display:inline-flex;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline:var(--calcite-chip-spacing-s-internal)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none}.close{margin:0px;cursor:pointer;align-items:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;display:flex;border-radius:50%;align-content:center;justify-content:center;--calcite-chip-transparent-hover:var(--calcite-color-transparent-hover);--calcite-chip-transparent-press:var(--calcite-color-transparent-press)}.close:hover{background-color:var(--calcite-chip-transparent-hover)}.close:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid 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          )}.close:active{background-color:var(--calcite-chip-transparent-press)}.close calcite-icon{color:inherit}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:relative;visibility:hidden;inline-size:0;opacity:0;transition:opacity 0.15s ease-in-out, inline-size 0.15s ease-in-out}.select-icon.select-icon--active{visibility:visible;opacity:0.5}.container:not(.is-circle).image--slotted .select-icon.select-icon--active{margin-inline-end:var(--calcite-chip-spacing-s-internal)}:host([selected]) .select-icon{opacity:1}.container:hover .select-icon--active{opacity:1}slot[name=image]::slotted(*){display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}:host([kind=neutral]){background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host([kind=neutral]) .container{border-color:transparent}:host([kind=neutral]) .close{color:var(--calcite-color-text-3)}:host([kind=neutral]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-3))}:host([kind=inverse]){background-color:var(--calcite-color-inverse);color:var(--calcite-color-text-inverse)}:host([kind=inverse]) .container{border-color:transparent}:host([kind=inverse]) .close{color:var(--calcite-color-text-inverse)}:host([kind=inverse]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-inverse))}:host([kind=brand]){background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind=brand]) .container{border-color:transparent}:host([kind=brand]) .close{color:var(--calcite-color-text-inverse)}:host([kind=brand]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-inverse))}:host([appearance=outline-fill]),:host([appearance=outline]){background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}:host([appearance=outline-fill]) .close,:host([appearance=outline]) .close{color:var(--calcite-color-text-3)}:host([appearance=outline-fill]) .chip-icon,:host([appearance=outline]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-3))}:host([appearance=outline-fill]){background-color:var(--calcite-color-foreground-1)}:host([appearance=outline]){background-color:transparent}:host([kind=neutral][appearance=outline-fill]) .container,:host([kind=neutral][appearance=outline]) .container{border-color:var(--calcite-color-border-1)}:host([kind=inverse][appearance=outline-fill]) .container,:host([kind=inverse][appearance=outline]) .container{border-color:var(--calcite-color-border-inverse)}:host([kind=brand][appearance=outline-fill]) .container,:host([kind=brand][appearance=outline]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand][appearance=solid]) button,:host([kind=inverse][appearance=solid]) button{outline-color:var(--calcite-color-text-inverse)}:host([closed]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const D=class{constructor(t){e(this,t);this.calciteChipClose=i(this,"calciteChipClose",6);this.calciteChipSelect=i(this,"calciteChipSelect",6);this.calciteInternalChipKeyEvent=i(this,"calciteInternalChipKeyEvent",6);this.mutationObserver=z("mutation",(()=>this.updateHasText()));this.close=()=>{this.calciteChipClose.emit();this.selected=false;this.closed=true};this.closeButtonKeyDownHandler=e=>{if(w(e.key)){e.preventDefault();this.close()}};this.handleSlotImageChange=e=>{this.hasImage=s(e)};this.handleEmittingEvent=()=>{if(this.interactive){this.calciteChipSelect.emit()}};this.disabled=false;this.appearance="solid";this.kind="neutral";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.label=undefined;this.value=undefined;this.closed=false;this.selectionMode="none";this.selected=false;this.messageOverrides=undefined;this.messages=undefined;this.interactive=false;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false;this.hasImage=false}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){o(this);b(this);x(this);m(this);this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentDidLoad(){r(this)}componentDidRender(){f(this)}disconnectedCallback(){l(this);g(this);y(this);u(this);this.mutationObserver?.disconnect()}async componentWillLoad(){h(this);{await v(this);this.updateHasText()}}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.handleEmittingEvent();e.preventDefault();break;case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalChipKeyEvent.emit(e);e.preventDefault();break}}}clickHandler(){if(!this.interactive&&this.closable){this.closeButtonEl.focus()}}async setFocus(){await d(this);if(!this.disabled&&this.interactive){this.containerEl?.focus()}else if(!this.disabled&&this.closable){this.closeButtonEl?.focus()}}updateHasText(){this.hasText=this.el.textContent.trim().length>0}renderChipImage(){return t("div",{class:C.imageContainer},t("slot",{name:I.image,onSlotchange:this.handleSlotImageChange}))}renderSelectionIcon(){const e=this.selectionMode==="multiple"&&this.selected?L.checked:this.selectionMode==="multiple"?L.unchecked:this.selected?L.checkedSingle:undefined;return t("div",{class:{[C.selectIcon]:true,[C.selectIconActive]:this.selectionMode==="multiple"||this.selected}},t("calcite-icon",{icon:e,scale:j(this.scale)}))}renderCloseButton(){return t("button",{"aria-label":this.messages.dismissLabel,class:C.close,onClick:this.close,onKeyDown:this.closeButtonKeyDownHandler,tabIndex:this.disabled?-1:0,ref:e=>this.closeButtonEl=e},t("calcite-icon",{icon:L.close,scale:j(this.scale)}))}renderIcon(){return t("calcite-icon",{class:C.chipIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:j(this.scale)})}render(){const{disabled:e}=this;const i=e||!e&&!this.interactive;const c=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":undefined;return t(n,null,t(k,{disabled:e},t("div",{"aria-checked":this.selectionMode!=="none"&&this.interactive?a(this.selected):undefined,"aria-disabled":i?a(e):undefined,"aria-label":this.label,class:{[C.container]:true,[C.textSlotted]:this.hasText,[C.imageSlotted]:this.hasImage,[C.selectable]:this.selectionMode!=="none",[C.multiple]:this.selectionMode==="multiple",[C.closable]:this.closable,[C.nonInteractive]:!this.interactive,[C.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)},onClick:this.handleEmittingEvent,role:c,tabIndex:i?-1:0,ref:e=>this.containerEl=e},this.selectionMode!=="none"&&this.renderSelectionIcon(),this.renderChipImage(),this.icon&&this.renderIcon(),t("span",{class:C.title},t("slot",null)),this.closable&&this.renderCloseButton())))}static get assetsDirs(){return["assets"]}get el(){return c(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};D.style=S;export{D as calcite_chip};
+//# sourceMappingURL=p-7473c7c3.entry.js.map

package/dist/calcite/p-74d9c35b.js

@@ -0,0 +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.2.0-next.9
+ */
+import{d as e}from"./p-a8ae6599.js";import"./p-ec22d595.js";import"./p-d56226db.js";import"./p-e5d688cd.js";import"./p-3a37f05c.js";import"./p-7203e0f6.js";import"./p-fe23be3b.js";import"./p-cfe069dc.js";import"./p-8b7c7089.js";import"./p-5dc62d29.js";import"./p-61732713.js";import"./p-c6526343.js";import"./p-237cdb7a.js";import"./p-c375bbed.js";import"./p-3b681245.js";import"./p-ce2cd73e.js";import"./p-4ae3e947.js";import"./p-7e1c0e98.js";import"./p-cb79b91e.js";var r={name:"nb",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"sø._ma._ti._on._to._fr._lø.".split("_"),weekdaysMin:"sø_ma_ti_on_to_fr_lø".split("_"),months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan._feb._mars_april_mai_juni_juli_aug._sep._okt._nov._des.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] HH:mm",LLLL:"dddd D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"noen sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",M:"en måned",MM:"%d måneder",y:"ett år",yy:"%d år"}};e.locale(r,null,true);export default r;
+//# sourceMappingURL=p-74d9c35b.js.map

package/dist/calcite/p-7609f756.js

@@ -0,0 +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.2.0-next.9
+ */
+const n=/^[0-9A-F]$/i;const t=/^#[0-9A-F]{3}$/i;const r=/^#[0-9A-F]{6}$/i;const s=/^#[0-9A-F]{4}$/i;const e=/^#[0-9A-F]{8}$/i;const a=n=>Number((n*100).toFixed());const u=n=>Number((n/100).toFixed(2));function f(n,t=false){return o(n,t)||i(n,t)}function c(n,t,r){if(!n){return false}return n.length===t&&r.test(n)}function o(n,r=false){const e=r?5:4;const a=r?s:t;return c(n,e,a)}function i(n,t=false){const s=t?9:7;const a=t?e:r;return c(n,s,a)}function l(n,t=false,r=false){n=n.toLowerCase();if(!n.startsWith("#")){n=`#${n}`}if(o(n,t)){return h(p(n,t))}if(t&&r&&f(n,false)){const t=o(n,false);return h(p(`${n}${t?"f":"ff"}`,true))}return n}function $(n,t=false){return t?n.hexa():n.hex()}function h(n){const{r:t,g:r,b:s}=n;const e=b(t);const a=b(r);const u=b(s);const f="a"in n?b(n.a*255):"";return`#${e}${a}${u}${f}`.toLowerCase()}function b(n){return n.toString(16).padStart(2,"0")}function S(n){const t={...n,a:n.alpha??1};delete t.alpha;return t}function g(n){const t={...n,alpha:n.a??1};delete t.a;return t}function p(n,t=false){if(!f(n,t)){return null}n=n.replace("#","");let r;let s;let e;let a;const u=n.length===3||n.length===4;if(u){const[t,u,f,c]=n.split("");r=parseInt(`${t}${t}`,16);s=parseInt(`${u}${u}`,16);e=parseInt(`${f}${f}`,16);a=parseInt(`${c}${c}`,16)/255}else{r=parseInt(n.slice(0,2),16);s=parseInt(n.slice(2,4),16);e=parseInt(n.slice(4,6),16);a=parseInt(n.slice(6,8),16)/255}return isNaN(a)?{r,g:s,b:e}:{r,g:s,b:e,a}}const A=n=>n;const H=A({HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"});const I=A({RGB:"rgb",RGBA:"rgba",HSL:"hsl",HSLA:"hsla",HSV:"hsv",HSVA:"hsva"});function C(n){if(typeof n==="string"){if(n.startsWith("#")){const{length:t}=n;if(t===4||t===7){return H.HEX}if(t===5||t===9){return H.HEXA}}if(n.startsWith("rgba(")){return H.RGBA_CSS}if(n.startsWith("rgb(")){return H.RGB_CSS}if(n.startsWith("hsl(")){return H.HSL_CSS}if(n.startsWith("hsla(")){return H.HSLA_CSS}}if(typeof n==="object"){if(F(n,"r","g","b")){return F(n,"a")?I.RGBA:I.RGB}if(F(n,"h","s","l")){return F(n,"a")?I.HSLA:I.HSL}if(F(n,"h","s","v")){return F(n,"a")?I.HSVA:I.HSV}}return null}function F(n,...t){return t.every((t=>t&&n&&`${t}`in n))}function B(n,t){return n?.rgb().array().toString()===t?.rgb().array().toString()}function G(n){return n===H.HEXA||n===H.RGBA_CSS||n===H.HSLA_CSS||n===I.RGBA||n===I.HSLA||n===I.HSVA}function L(n){const t=n===H.HEX?H.HEXA:n===H.RGB_CSS?H.RGBA_CSS:n===H.HSL_CSS?H.HSLA_CSS:n===I.RGB?I.RGBA:n===I.HSL?I.HSLA:n===I.HSV?I.HSVA:n;return t}function N(n){const t=n===H.HEXA?H.HEX:n===H.RGBA_CSS?H.RGB_CSS:n===H.HSLA_CSS?H.HSL_CSS:n===I.RGBA?I.RGB:n===I.HSLA?I.HSL:n===I.HSVA?I.HSV:n;return t}export{H as C,$ as a,a as b,G as c,B as d,S as e,L as f,g,p as h,f as i,i as j,n as k,l as n,u as o,C as p,h as r,N as t};
+//# sourceMappingURL=p-7609f756.js.map

package/dist/calcite/p-765db695.js

@@ -0,0 +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.2.0-next.9
+ */
+import{d as e,a as t}from"./p-7203e0f6.js";function o(){const{classList:o}=document.body;const n=window.matchMedia("(prefers-color-scheme: dark)").matches;const c=()=>o.contains(e)||o.contains(t)&&n?"dark":"light";const d=e=>document.body.dispatchEvent(new CustomEvent("calciteModeChange",{bubbles:true,detail:{mode:e}}));const i=e=>{s!==e&&d(e);s=e};let s=c();d(s);window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(e=>i(e.matches?"dark":"light")));new MutationObserver((()=>i(c()))).observe(document.body,{attributes:true,attributeFilter:["class"]})}function n(){const e=typeof window!=="undefined"&&typeof location!=="undefined"&&typeof document!=="undefined"&&window.location===location&&window.document===document;if(e){if(document.readyState==="interactive"){o()}else{document.addEventListener("DOMContentLoaded",(()=>o()),{once:true})}}}const c=n;export{c as g};
+//# sourceMappingURL=p-765db695.js.map

package/dist/calcite/p-7b5c3c9b.js

@@ -0,0 +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.2.0-next.9
+ */
+import{d as e}from"./p-a8ae6599.js";import"./p-ec22d595.js";import"./p-d56226db.js";import"./p-e5d688cd.js";import"./p-3a37f05c.js";import"./p-7203e0f6.js";import"./p-fe23be3b.js";import"./p-cfe069dc.js";import"./p-8b7c7089.js";import"./p-5dc62d29.js";import"./p-61732713.js";import"./p-c6526343.js";import"./p-237cdb7a.js";import"./p-c375bbed.js";import"./p-3b681245.js";import"./p-ce2cd73e.js";import"./p-4ae3e947.js";import"./p-7e1c0e98.js";import"./p-cb79b91e.js";var r={name:"fr",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},ordinal:function e(r){var m=r===1?"er":"";return""+r+m}};e.locale(r,null,true);export default r;
+//# sourceMappingURL=p-7b5c3c9b.js.map