@esri/calcite-components 2.8.1-next.5 → 2.8.2

package/dist/calcite/p-236405b2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","wrapper","wrapperBordered","container","indent","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","filterNoResults","filterActionsStart","filterActionsEnd","listCss","CalciteListStyle0","listItemSelectorDirect","parentSelector","List","this","dragSelector","focusableItems","handleSelector","listItems","mutationObserver","createObserver","updateListItems","visibleItems","handleDefaultSlotChange","event","target","parentListEl","calciteInternalListDefaultSlotChange","emit","handleFilterActionsStartSlotChange","hasFilterActionsStart","slotChangeHasAssignedElement","handleFilterActionsEndSlotChange","hasFilterActionsEnd","handleFilterNoResultsSlotChange","hasFilterNoResults","setActiveListItem","some","item","active","updateSelectedItems","selectedItems","selected","calciteListChange","borderItems","filterHidden","allParentListItemsOpen","bordered","updateFilteredItems","filteredData","filterText","values","value","lastDescendantItems","every","li","contains","filteredItems","includes","visibleParents","WeakSet","filterElements","calciteListFilter","setFilterEl","filterEl","performFilter","handleFilterChange","stopPropagation","currentTarget","updateFilteredData","getItemData","metadata","debounce","selectionAppearance","selectionMode","dragEnabled","items","queryListItems","directItems","dragHandle","setUpSorting","filterEnabled","dataForFilter","closed","hidden","disabled","direct","focusRow","focusEl","setFocus","isNavigable","parentListItemEl","parentElement","closest","handleListKeydown","defaultPrevented","key","navigableItems","currentIndex","findIndex","preventDefault","nextIndex","prevIndex","homeItem","endItem","handleFilterTextChange","onMessagesChange","handleListItemChange","handleCalciteListItemToggle","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","has","closestParent","add","parentItem","direction","composedPath","handle","tagName","dragEl","parentEl","sameParentItems","lastIndex","oldIndex","newIndex","blurUnselectDisabled","referenceEl","nextSibling","insertBefore","fromEl","toEl","then","listItemCss","CalciteListItemStyle0","focusMap","Map","ListItem","dragHandleSelectedChangeHandler","dragSelected","calciteListItemDragHandleChange","emitInternalListItemActive","calciteInternalListItemActive","focusCellHandle","handleCellFocusIn","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","focusCell","calciteInternalFocusPreviousItem","focus","focusCellNull","setFocusCell","getFirstTabbable","focusedEl","saveFocusIndex","set","gridCells","tableCell","tabIndex","removeAttribute","setAttribute","activeHandler","handleClosedChange","emitCalciteInternalListItemChange","handleDisabledChange","handleSelectedChange","calciteInternalListItemSelect","handleCalciteInternalListDefaultSlotChanges","defaultSlotEl","connectLocalized","level","setSelectionDefaults","disconnectLocalized","focusIndex","get","renderSelected","onClick","icon","scale","renderDragHandle","dragDisabled","onFocusin","onCalciteHandleChange","renderOpen","dir","getElementDir","tooltip","collapse","expand","title","renderActionsStart","renderActionsEnd","closable","appearance","text","renderContentStart","renderCustomContent","renderContentEnd","renderContentBottom","renderDefaultContainer","renderContentProperties","renderContentContainer","hasCenterContent","showBorder","borderSelected","borderUnselected","Host","onFocus","calciteInternalListItemChange","listItemChildLists","heading","listItemGroupCss","CalciteListItemGroupStyle0","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  wrapper: \"wrapper\",\n  wrapperBordered: \"wrapper--bordered\",\n  container: \"container\",\n  indent: \"indent\",\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((el) =>\n    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  filterNoResults: \"filter-no-results\",\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.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 {\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { SLOTS as STACK_SLOTS } from \"../stack/resources\";\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 { NumberingSystem, numberStringFormatter } from \"../../utils/locale\";\nimport { CSS, debounceTimeout, SelectionAppearance, SLOTS } from \"./resources\";\nimport { ListMessages } from \"./assets/list/t9n\";\nimport { ListDragDetail } from \"./interfaces\";\n\nconst listItemSelector = \"calcite-list-item\";\nconst listItemSelectorDirect = `:scope > calcite-list-item`;\nconst parentSelector = \"calcite-list-item-group, calcite-list-item\";\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 * @slot filter-no-results - When `filterEnabled` is `true`, a slot for adding content to display when no results are found.\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 of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection,\n   *\n   * `\"single-persist\"` allows one selection and prevents de-selection, and\n   *\n   * `\"none\"` does not allow any selections.\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   * Fires when the component's selected items have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<void>;\n\n  /**\n   * Fires when the component's dragging has ended.\n   */\n  @Event({ cancelable: false }) calciteListDragEnd: EventEmitter<ListDragDetail>;\n\n  /**\n   * Fires when the component's dragging has started.\n   */\n  @Event({ cancelable: false }) calciteListDragStart: EventEmitter<ListDragDetail>;\n\n  /**\n   * Fires when the component's filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  /**\n   * Fires when the component's item order changes.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<ListDragDetail>;\n\n  /**\n   * Fires when the default slot has changes in order to notify parent lists.\n   */\n  @Event({ cancelable: false }) calciteInternalListDefaultSlotChange: EventEmitter<void>;\n\n  @Listen(\"calciteListItemToggle\")\n  handleCalciteListItemToggle(): void {\n    if (this.parentListEl) {\n      return;\n    }\n\n    this.borderItems();\n  }\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  @State() hasFilterNoResults = false;\n\n  listItems: HTMLCalciteListItemElement[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateListItems());\n\n  visibleItems: HTMLCalciteListItemElement[] = [];\n\n  parentListEl: HTMLCalciteListElement;\n\n  sortable: Sortable;\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      filteredItems,\n      hasFilterActionsStart,\n      hasFilterActionsEnd,\n      hasFilterNoResults,\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 class={CSS.sticky}>\n                <tr>\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            aria-live=\"polite\"\n            data-test-id=\"no-results-container\"\n            hidden={!(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length)}\n          >\n            <slot\n              name={SLOTS.filterNoResults}\n              onSlotchange={this.handleFilterNoResultsSlotChange}\n            />\n          </div>\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 handleFilterNoResultsSlotChange = (event: Event): void => {\n    this.hasFilterNoResults = 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.visibleItems.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 filterHidden =\n      !visibleParents.has(el) && !filteredItems.includes(el as HTMLCalciteListItemElement);\n\n    el.filterHidden = filterHidden;\n\n    const closestParent = el.parentElement.closest(parentSelector) as\n      | HTMLCalciteListItemElement\n      | HTMLCalciteListItemGroupElement;\n\n    if (!closestParent) {\n      return;\n    }\n\n    if (!filterHidden) {\n      visibleParents.add(closestParent);\n    }\n\n    this.filterElements({\n      el: closestParent,\n      filteredItems,\n      visibleParents,\n    });\n  }\n\n  private allParentListItemsOpen(item: HTMLCalciteListItemElement): boolean {\n    const parentItem = item.parentElement?.closest(listItemSelector);\n\n    if (!parentItem) {\n      return true;\n    } else if (!parentItem.open) {\n      return false;\n    }\n\n    return this.allParentListItemsOpen(parentItem);\n  }\n\n  private borderItems = (): void => {\n    const visibleItems = this.visibleItems.filter(\n      (item) => !item.filterHidden && this.allParentListItemsOpen(item),\n    );\n\n    visibleItems.forEach(\n      (item) => (item.bordered = item !== visibleItems[visibleItems.length - 1]),\n    );\n  };\n\n  private updateFilteredItems = (emit = false): void => {\n    const { visibleItems, filteredData, filterText } = this;\n\n    const values = filteredData.map((item) => item.value);\n\n    const lastDescendantItems = visibleItems?.filter((listItem) =>\n      visibleItems.every((li) => li === listItem || !listItem.contains(li)),\n    );\n\n    const filteredItems =\n      visibleItems.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    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    const items = this.queryListItems();\n    items.forEach((item) => {\n      item.selectionAppearance = selectionAppearance;\n      item.selectionMode = selectionMode;\n    });\n\n    const directItems = this.queryListItems(true);\n    directItems.forEach((item) => {\n      item.dragHandle = dragEnabled;\n    });\n\n    if (!!this.parentListEl) {\n      this.setUpSorting();\n      return;\n    }\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.visibleItems = this.listItems.filter((item) => !item.closed && !item.hidden);\n    this.updateFilteredItems(emit);\n    this.borderItems();\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  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 bg-foreground-1;\n  --calcite-list-item-icon-color: theme(\"colors.brand\");\n}\n\n:host([filter-hidden]),\n:host([closed]) {\n  @apply hidden;\n}\n\n.wrapper--bordered {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n@include disabled();\n\n.indent {\n  @apply flex\n    flex-col\n    border-solid\n    border-0\n    border-color-3;\n\n  margin-inline-start: var(--calcite-list-item-spacing-indent, theme(\"spacing.6\"));\n}\n\n.container {\n  @apply bg-foreground-1\n  box-border\n  flex\n  flex-1;\n  * {\n    @apply box-border;\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 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-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  ::slotted(calcite-icon) {\n    @apply self-center mx-3;\n  }\n}\n\n.content-bottom {\n  @apply flex flex-col;\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 py-0;\n  color: theme(\"borderColor.color.input\");\n  padding-inline: var(--calcite-spacing-md) var(--calcite-spacing-xxs);\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  calcite-action,\n  calcite-handle {\n    @apply self-stretch;\n  }\n}\n\n.open-container,\n.selection-container {\n  @apply cursor-pointer;\n}\n\n.actions-start,\n.actions-end {\n  @apply p-0;\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:empty) {\n  @apply border-t-0;\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 { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { SortableComponentItem } from \"../../utils/sortableComponent\";\nimport { ListItemMessages } from \"./assets/list-item/t9n\";\nimport {\n  getDepth,\n  getListItemChildren,\n  getListItemChildLists,\n  updateListItemChildren,\n} from \"./utils\";\nimport { CSS, activeCellTestAttribute, ICONS, SLOTS } from \"./resources\";\n\nconst focusMap = new Map<HTMLCalciteListElement, number>();\nconst listSelector = \"calcite-list\";\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  /**\n   * Sets the item to display a border.\n   *\n   * @internal\n   */\n  @Prop() bordered = false;\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   * When `true`, the component's drag handle is selected.\n   */\n  @Prop({ mutable: true, reflect: true }) dragSelected = false;\n\n  /**\n   * Hides the component when filtered.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) filterHidden = 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   * Fires when the component 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 drag handle is selected.\n   */\n  @Event({ cancelable: false }) calciteListItemDragHandleChange: 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() 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.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, dragSelected, 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          onCalciteHandleChange={this.dragHandleSelectedChangeHandler}\n          selected={dragSelected}\n          setPosition={setPosition}\n          setSize={setSize}\n        />\n      </td>\n    ) : null;\n  }\n\n  renderOpen(): VNode {\n    const { el, open, openable, messages } = this;\n    const dir = getElementDir(el);\n    const icon = open ? ICONS.open : dir === \"rtl\" ? ICONS.closedRTL : ICONS.closedLTR;\n    const tooltip = open ? messages.collapse : messages.expand;\n\n    return openable ? (\n      <td\n        class={CSS.openContainer}\n        key=\"open-container\"\n        onClick={this.handleToggleClick}\n        title={tooltip}\n      >\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 } = this;\n    return (\n      <div class={CSS.contentBottom} hidden={!hasContentBottom}>\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          // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop\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      filterHidden,\n      bordered,\n      disabled,\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={disabled}>\n          <div class={{ [CSS.wrapper]: true, [CSS.wrapperBordered]: bordered }}>\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]: true,\n                [CSS.containerBorder]: showBorder,\n                [CSS.containerBorderSelected]: borderSelected,\n                [CSS.containerBorderUnselected]: borderUnselected,\n              }}\n              hidden={closed || filterHidden}\n              onFocus={this.focusCellNull}\n              onFocusin={this.emitInternalListItemActive}\n              onKeyDown={this.handleItemKeyDown}\n              role=\"row\"\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          </div>\n          <div class={CSS.indent}>{this.renderDefaultContainer()}</div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private dragHandleSelectedChangeHandler = (event: CustomEvent): void => {\n    this.dragSelected = (event.target as HTMLCalciteHandleElement).selected;\n    this.calciteListItemDragHandleChange.emit();\n    event.stopPropagation();\n  };\n\n  private emitInternalListItemActive = (): void => {\n    this.calciteInternalListItemActive.emit();\n  };\n\n  private focusCellHandle = (): void => {\n    this.handleCellFocusIn(this.handleGridEl);\n  };\n\n  private focusCellActionsStart = (): void => {\n    this.handleCellFocusIn(this.actionsStartEl);\n  };\n\n  private focusCellContent = (): void => {\n    this.handleCellFocusIn(this.contentEl);\n  };\n\n  private focusCellActionsEnd = (): void => {\n    this.handleCellFocusIn(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 listItemChildren = getListItemChildren(slotEl);\n    const listItemChildLists = getListItemChildLists(slotEl);\n    updateListItemChildren(listItemChildren);\n\n    this.openable = !!listItemChildren.length || !!listItemChildLists.length;\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 handleCellFocusIn = (focusEl: HTMLTableCellElement): void => {\n    this.setFocusCell(focusEl, getFirstTabbable(focusEl), true);\n  };\n\n  // Only one cell within a list-item should be focusable at a time. Ensures the active cell is focusable.\n  private setFocusCell = (\n    focusEl: HTMLTableCellElement | null,\n    focusedEl: HTMLElement,\n    saveFocusIndex: boolean,\n  ): 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    if (!focusEl) {\n      return;\n    }\n\n    focusEl.tabIndex = focusEl === focusedEl ? 0 : -1;\n    focusEl.setAttribute(activeCellTestAttribute, \"\");\n\n    if (saveFocusIndex) {\n      focusMap.set(parentListEl, gridCells.indexOf(focusEl));\n    }\n  };\n\n  private focusCell = (focusEl: HTMLTableCellElement | null, saveFocusIndex = true): void => {\n    const focusedEl = getFirstTabbable(focusEl);\n    this.setFocusCell(focusEl, focusedEl, saveFocusIndex);\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}\n\n:host([filter-hidden]) {\n  @apply hidden;\n}\n\n@include disabled();\n\n.container {\n  @apply text-n1 text-color-2 m-0 flex flex-1 p-3 font-medium;\n}\n\n.heading {\n  @apply p-0;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, VNode } 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 { 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   * Hides the component when filtered.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) filterHidden = 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   * Fires when changes occur in the default slot, notifying parent lists of the changes.\n   */\n  @Event({ cancelable: false })\n  calciteInternalListItemGroupDefaultSlotChange: EventEmitter<DragEvent>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\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  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { disabled, heading } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <tr class={CSS.container}>\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-2415d5e6.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.8.2
+ */
+import{r as e,c as t,h as i,F as n,g as a}from"./p-c5b35348.js";import{c as s,d as o}from"./p-76193900.js";import{e as c,g as r,t as l}from"./p-616d6ff5.js";import{c as d,d as h}from"./p-33fa3a3b.js";import{u as p,c as g,s as f,d as m}from"./p-31f01517.js";import{H as u,c as x}from"./p-3f7e1926.js";import{c as b}from"./p-6e5f26cf.js";import"./p-32a6e756.js";import"./p-2cb39843.js";import"./p-a1178c3e.js";const v={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};const y={close:"x"};const k={thumbnail:"thumbnail"};const z=":host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const w=z;const C=class{constructor(i){e(this,i);this.calciteTipDismiss=t(this,"calciteTipDismiss",6);this.hideTip=()=>{this.closed=true;this.calciteTipDismiss.emit()};this.closed=false;this.closeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.selected=false;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){s(this);d(this);g(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){o(this);h(this);m(this)}renderHeader(){const{heading:e,headingLevel:t,el:n}=this;const a=n.closest("calcite-tip-manager")?.headingLevel;const s=a?x(a+1):null;const o=t||s;return e?i("header",{class:v.header},i(u,{class:v.heading,level:o},e)):null}renderDismissButton(){const{closeDisabled:e,hideTip:t}=this;return!e?i("calcite-action",{class:v.close,icon:y.close,onClick:t,scale:"l",text:this.messages.close}):null}renderImageFrame(){const{el:e}=this;return c(e,k.thumbnail)?i("div",{class:v.imageFrame,key:"thumbnail"},i("slot",{name:k.thumbnail})):null}renderInfoNode(){return i("div",{class:v.info},i("slot",null))}renderContent(){return i("div",{class:v.content},this.renderImageFrame(),this.renderInfoNode())}render(){return i(n,{key:"0c1a204f565a12f4e359f1c6c050258bf70c2b18"},i("article",{key:"1e2ea801101e4280b0b073e780ef1db6f064856b",class:v.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};C.style=w;const L=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";const j=L;const T=class{constructor(t){e(this,t);this.groupTitle=undefined}render(){return i("slot",{key:"1c37ce2b89bdd6c4e386dcaefbfd9aebcf91bd4c"})}};T.style=j;const H={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};const I={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};const D=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}";const M=D;const _=class{constructor(i){e(this,i);this.calciteTipManagerClose=t(this,"calciteTipManagerClose",6);this.mutationObserver=b("mutation",(()=>this.setUpTips()));this.hideTipManager=()=>{this.closed=true;this.calciteTipManagerClose.emit()};this.previousClicked=()=>{this.previousTip()};this.nextClicked=()=>{this.nextTip()};this.tipManagerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case"ArrowRight":e.preventDefault();this.nextTip();break;case"ArrowLeft":e.preventDefault();this.previousTip();break;case"Home":e.preventDefault();this.selectedIndex=0;break;case"End":e.preventDefault();this.selectedIndex=this.total-1;break}};this.storeContainerRef=e=>{this.container=e};this.closed=false;this.headingLevel=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedIndex=undefined;this.tips=undefined;this.total=undefined;this.direction=undefined;this.groupTitle=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip();this.updateGroupTitle()}async effectiveLocaleChange(){await p(this,this.effectiveLocale);this.updateGroupTitle()}connectedCallback(){d(this);g(this);this.setUpTips();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){await f(this);this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect();h(this);m(this)}async nextTip(){this.direction="advancing";const e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";const e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}setUpTips(){const e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}const t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((e=>{e.closeDisabled=true}));this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((e,t)=>{const i=this.selectedIndex===t;e.selected=i;e.hidden=!i}))}updateGroupTitle(){if(this.tips){const e=this.tips[this.selectedIndex];const t=e.closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const e=r(this.el);const{selectedIndex:t,tips:n,total:a,messages:s}=this;const o=s.next;const c=s.previous;const l=s.defaultPaginationLabel;return n.length>1?i("footer",{class:H.pagination},i("calcite-action",{class:H.pagePrevious,icon:e==="ltr"?I.chevronLeft:I.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),i("span",{class:H.pagePosition},`${l} ${t+1}/${a}`),i("calcite-action",{class:H.pageNext,icon:e==="ltr"?I.chevronRight:I.chevronLeft,onClick:this.nextClicked,scale:"m",text:o})):null}render(){const{closed:e,direction:t,headingLevel:n,groupTitle:a,selectedIndex:s,messages:o,total:c}=this;const r=o.close;if(c===0){return null}return i("section",{"aria-hidden":l(e),class:H.container,hidden:e,onKeyDown:this.tipManagerKeyDownHandler,tabIndex:0,ref:this.storeContainerRef},i("header",{class:H.header},i(u,{class:H.heading,level:n},a),i("calcite-action",{class:H.close,onClick:this.hideTipManager,scale:"m",text:r},i("calcite-icon",{icon:I.close,scale:"m"}))),i("div",{class:{[H.tipContainer]:true,[H.tipContainerAdvancing]:!e&&t==="advancing",[H.tipContainerRetreating]:!e&&t==="retreating"},key:s,tabIndex:0},i("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};_.style=M;export{C as calcite_tip,T as calcite_tip_group,_ as calcite_tip_manager};
+//# sourceMappingURL=p-2415d5e6.entry.js.map

package/dist/calcite/p-2441c9aa.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.8.2
+ */
+import{r as e,c as t,h as n,F as i,H as o,g as a}from"./p-c5b35348.js";import{b as s}from"./p-616d6ff5.js";import{c,s as r,a as l}from"./p-65d66925.js";import{H as d}from"./p-3f7e1926.js";import"./p-32a6e756.js";import"./p-2cb39843.js";const h={container:"container",containerContent:"container-content",hasProgress:"progress-bar",hide:"hide",primary:"primary",secondary:"secondary",tertiary:"tertiary"};const f={logo:"logo",user:"user",progress:"progress",navigationAction:"navigation-action",contentStart:"content-start",contentEnd:"content-end",contentCenter:"content-center",navSecondary:"navigation-secondary",navTertiary:"navigation-tertiary"};const u={hamburger:"hamburger"};const b=":host([hidden]){display:none}[hidden]{display:none}.container{margin-inline:auto;display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background, var(--calcite-color-foreground-1))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:4rem}.secondary{block-size:3rem}.tertiary{block-size:3rem}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:0.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0px}";const m=b;const g=class{constructor(n){e(this,n);this.calciteNavigationActionSelect=t(this,"calciteNavigationActionSelect",6);this.actionClickHandler=()=>{this.calciteNavigationActionSelect.emit()};this.handleUserSlotChange=e=>{if(this.isPrimaryLevel()){this.userSlotHasElements=s(e)}};this.handleLogoSlotChange=e=>{if(this.isPrimaryLevel()){this.logoSlotHasElements=s(e)}};this.handleContentStartSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentStartSlotHasElements=s(e)}};this.handleContentEndSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentEndSlotHasElements=s(e)}};this.handleContentCenterSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentCenterSlotHasElements=s(e)}};this.handleSecondarySlotChange=e=>{this.secondarySlotHasElements=s(e)};this.handleTertiarySlotChange=e=>{this.tertiarySlotHasElements=s(e)};this.handleMenuActionSlotChange=e=>{if(this.isPrimaryLevel()){this.navigationActionSlotHasElements=s(e);if(this.navigationActionSlotHasElements){this.navigationAction=false}}};this.handleProgressSlotChange=e=>{if(this.isPrimaryLevel()){this.progressSlotHasElement=s(e)}};this.label=undefined;this.navigationAction=false;this.logoSlotHasElements=undefined;this.navigationActionSlotHasElements=undefined;this.primaryContentCenterSlotHasElements=undefined;this.primaryContentEndSlotHasElements=undefined;this.primaryContentStartSlotHasElements=undefined;this.progressSlotHasElement=undefined;this.secondarySlotHasElements=undefined;this.tertiarySlotHasElements=undefined;this.userSlotHasElements=undefined}async setFocus(){await c(this);return this.navigationActionEl?.setFocus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}isPrimaryLevel(){return this.el.slot!==f.navSecondary&&this.el.slot!==f.navTertiary}renderMenuAction(){return n("slot",{name:f.navigationAction,onSlotchange:this.handleMenuActionSlotChange},this.navigationAction&&n("calcite-action",{icon:u.hamburger,onClick:this.actionClickHandler,text:this.label,ref:e=>this.navigationActionEl=e}))}render(){const e=this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction;const t=this.el.slot;return n(o,{key:"8bbdbb63ced5dbf54b0e2f7d21327780ec02c461"},n("div",{key:"30f9b294f2d7589b879ebf6444c7d50291544395",class:{[h.container]:true,[h.secondary]:t===f.navSecondary,[h.tertiary]:t===f.navTertiary,[h.primary]:e}},n("div",{key:"b5e645212bd0eb7fe7188fedf8a9a97022012698",class:{[h.hide]:!this.progressSlotHasElement,[f.progress]:true}},n("slot",{key:"138fe1bcec98a49c9d2a70ab13c057f2e5f14b7c",name:f.progress,onSlotchange:this.handleProgressSlotChange})),n("div",{key:"ef62d2575a2620b8530a4fc2e1df97adce0fabd7",class:{[h.containerContent]:true,[h.hasProgress]:this.progressSlotHasElement}},this.renderMenuAction(),n("div",{key:"c775762b072e199be013daa9821fcb9833ac08b8",class:{[h.hide]:!this.logoSlotHasElements,[f.logo]:true}},n("slot",{key:"6925a8a345685c3bb90d5e994454c24bac80611a",name:f.logo,onSlotchange:this.handleLogoSlotChange})),n("slot",{key:"0121dc1a80006070b325c19e73a80f0374301392",name:f.contentStart,onSlotchange:this.handleContentStartSlotChange}),n("slot",{key:"3257e07e02c5aa5ae517306069eed4ca8abf3b8f",name:f.contentCenter,onSlotchange:this.handleContentCenterSlotChange}),n("slot",{key:"23f105f826d3fe35f9270b552927bbf89aa7dbbd",name:f.contentEnd,onSlotchange:this.handleContentEndSlotChange}),n("div",{key:"469ad09b41f4cbdc09473065fa5fcf8638a82c1d",class:{[h.hide]:!this.userSlotHasElements,[f.user]:true}},n("slot",{key:"78bb1fe16546fa871887991ab1916fb32ebf8186",name:f.user,onSlotchange:this.handleUserSlotChange})))),n(i,{key:"28d6c126b06c4c4a52c425e90772c5f151468014"},n("slot",{key:"913e9cce3188cc23d87eb0471f5d91cbdb3788b8",name:f.navSecondary,onSlotchange:this.handleSecondarySlotChange}),n("slot",{key:"ff4d86c572567ca4993b6091185fc9d48ecb1ab0",name:f.navTertiary,onSlotchange:this.handleTertiarySlotChange})))}get el(){return a(this)}};g.style=m;const p={container:"container",heading:"heading",description:"description",anchor:"anchor",image:"image",standalone:"standalone",icon:"icon"};const v=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}.anchor{margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;text-decoration-line:none;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:inherit;border-block-end:2px solid transparent}.anchor:hover,.anchor:focus{background-color:var(--calcite-color-foreground-2)}.anchor:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.anchor:active{background-color:var(--calcite-color-foreground-3)}.image,.icon{margin:0px;display:flex;block-size:1.75rem;padding-inline:1rem}.image~.icon{padding-inline-start:0px}.image~.container,.icon~.container{padding-inline-start:0px}:host(:active) .anchor{color:var(--calcite-color-text-1)}:host([active]) .anchor{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand);--calcite-ui-icon-color:var(--calcite-color-brand)}.container{margin-block-start:0.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1rem;text-align:start}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.standalone{font-size:var(--calcite-font-size-1)}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const y=v;const x=class{constructor(t){e(this,t);this.active=undefined;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.rel=undefined;this.description=undefined;this.target=undefined;this.heading=undefined;this.thumbnail=undefined;this.headingLevel=undefined}async setFocus(){await c(this);if(this.href){this.el.focus()}}componentWillLoad(){r(this)}componentDidLoad(){l(this)}renderIcon(){return n("calcite-icon",{class:p.icon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"l"})}renderHeaderContent(){const{heading:e,headingLevel:t,description:i}=this;const o=e?n(d,{class:{[p.heading]:true,[p.standalone]:!this.description},key:p.heading,level:t},e):null;const a=i?n("span",{class:p.description,key:p.description},i):null;return o||a?n("div",{class:p.container,key:p.container},o,a):null}render(){const{thumbnail:e}=this;return n(o,{key:"cd8a1c95e9c72a494942c09285db6ce4e554e6a1"},n("a",{key:"bcb1a269e0d6cde0969de9d822f1f98e689f826a",class:p.anchor,href:this.href,rel:this.rel,target:this.target},e&&n("img",{key:"c028ae89a0e3ae62e90280e3646894e9ee70458b",alt:this.label||"",class:p.image,src:e}),this.icon&&this.renderIcon(),this.renderHeaderContent()))}static get delegatesFocus(){return true}get el(){return a(this)}};x.style=y;const k={textContainer:"text-container",fullName:"full-name",username:"username",button:"button"};const z=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}:host(:hover) .button,:host(:focus) .button{background-color:var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:active) .button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([active]) .button{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1);--calcite-ui-icon-color:var(--calcite-color-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.username{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const w=z;const S=class{constructor(t){e(this,t);this.active=undefined;this.fullName=undefined;this.label=undefined;this.textDisabled=false;this.thumbnail=undefined;this.userId=undefined;this.username=undefined}async setFocus(){await c(this);this.el.focus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}render(){return n(o,{key:"869bc0b518ff407bf3f110ebda48571f456229a8"},n("button",{key:"0cb5497ebcbf9fad2bfb6ffdd3bfad151594460d","aria-label":this.label,class:k.button},n("calcite-avatar",{key:"6de54637d077afa83f7520636037b6da33b24334","full-name":this.fullName,label:this.label,thumbnail:this.thumbnail,"user-id":this.userId,username:this.username}),(this.fullName||this.username)&&!this.textDisabled&&n("div",{key:"0d0be3d6ba276d6c3e24a67b7085dd75e56b3e5b",class:k.textContainer},this.fullName&&n("span",{class:k.fullName,key:k.fullName},this.fullName),this.username&&n("span",{class:k.username,key:k.username},this.username))))}static get delegatesFocus(){return true}get el(){return a(this)}};S.style=w;export{g as calcite_navigation,x as calcite_navigation_logo,S as calcite_navigation_user};
+//# sourceMappingURL=p-2441c9aa.entry.js.map

package/dist/calcite/p-252f5021.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.8.2
+ */
+import{r as e,c as t,h as i,g as s,F as a}from"./p-c5b35348.js";import{c as n,d as o,u as c,I as l}from"./p-6ea3ac52.js";import{s as r,a as d,c as h}from"./p-65d66925.js";import{c as f}from"./p-6e5f26cf.js";import{m as p,d as b,a as m,s as u,h as g,b as v,c as x,k,i as y,f as w,l as z,j as C,r as L,o as j,p as I,n as H,q as W,t as F,I as _,L as D,u as R,v as M,w as S,C as V,S as A}from"./p-597c940f.js";import{c as P,d as T}from"./p-76193900.js";import{e as U,t as K}from"./p-616d6ff5.js";import{H as O,c as q}from"./p-3f7e1926.js";import{c as E,d as B}from"./p-33fa3a3b.js";import{u as G,c as J,s as N,d as Q}from"./p-31f01517.js";import"./p-4d009089.js";import"./p-905d1ed3.js";import"./p-c2e26084.js";import"./p-32a6e756.js";import"./p-2cb39843.js";import"./p-a1178c3e.js";const X=":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:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;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}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;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)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";const Y=X;const Z=class{constructor(i){e(this,i);this.calciteListChange=t(this,"calciteListChange",6);this.calciteListFilter=t(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=f("mutation",p.bind(this));this.setFilterEl=e=>{this.filterEl=e};this.setFilteredItems=e=>{this.filteredItems=e};this.deselectRemovedItems=b.bind(this);this.deselectSiblingItems=m.bind(this);this.selectSiblings=u.bind(this);this.handleFilter=g.bind(this);this.handleFilterEvent=v.bind(this);this.getItemData=x.bind(this);this.keyDownHandler=k.bind(this);this.disabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.headingLevel=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.selectedValues=new Map;this.dataForFilter=[]}connectedCallback(){y.call(this);w.call(this);n(this)}disconnectedCallback(){z.call(this);o(this)}componentWillLoad(){r(this)}componentDidLoad(){d(this);C.call(this)}componentDidRender(){c(this)}calciteListItemRemoveHandler(e){L.call(this,e)}calciteListItemChangeHandler(e){j.call(this,e)}calciteInternalListItemPropsChangeHandler(e){e.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(e){I.call(this,e);e.stopPropagation()}calciteListFocusOutHandler(e){H.call(this,e)}setUpItems(){W.call(this,"calcite-pick-list-item")}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}async getSelectedItems(){return this.selectedValues}async setFocus(e){await h(this);return F.call(this,e)}getIconType(){return this.multiple?_.square:_.circle}render(){return i(D,{key:"a0d80f1773d8607a5ce49062f89358b475b1e0b6",onKeyDown:this.keyDownHandler,props:this})}get el(){return s(this)}};Z.style=Y;const $=":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-color-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";const ee=$;const te=class{constructor(t){e(this,t);this.groupTitle=undefined;this.headingLevel=undefined}connectedCallback(){P(this)}disconnectedCallback(){T(this)}render(){const{el:e,groupTitle:t,headingLevel:s}=this;const n=U(e,R.parentItem)!==null;const o={[M.container]:true,[M.indented]:n};const c=t;const l=e.closest("calcite-pick-list")?.headingLevel;const r=l?q(l+1):null;const d=s||r;return i(a,{key:"6380a5a015cc5b2d7e41abdd74cf27eefec2c966"},c?i(O,{class:M.heading,level:d},c):null,i("slot",{key:"db5d5d42699ec83085a91875a76e7aa82b29a0ed",name:R.parentItem}),i("section",{key:"e9dc462160bed69c1362f3b0268e2bcc0c316ff9",class:o},i("slot",{key:"6230b773bae6f2f834c363db00185bd9fd0e5fca"})))}get el(){return s(this)}};te.style=ee;const ie='@charset "UTF-8";: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:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-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);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover{background-color:var(--calcite-color-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-color-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-color-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-color-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}: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 se=ie;const ae=class{constructor(i){e(this,i);this.calciteListItemChange=t(this,"calciteListItemChange",6);this.calciteListItemRemove=t(this,"calciteListItemRemove",7);this.calciteInternalListItemPropsChange=t(this,"calciteInternalListItemPropsChange",6);this.calciteInternalListItemValueChange=t(this,"calciteInternalListItemValueChange",6);this.pickListClickHandler=e=>{if(this.disabled||this.deselectDisabled&&this.selected||this.nonInteractive){return}this.shiftPressed=e.shiftKey;this.selected=!this.selected};this.pickListKeyDownHandler=e=>{if(e.key===" "){e.preventDefault();if(this.deselectDisabled&&this.selected||this.nonInteractive){return}this.selected=!this.selected}};this.removeClickHandler=()=>{this.calciteListItemRemove.emit()};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.messageOverrides=undefined;this.messages=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}descriptionWatchHandler(){this.calciteInternalListItemPropsChange.emit()}labelWatchHandler(){this.calciteInternalListItemPropsChange.emit()}onMessagesChange(){}metadataWatchHandler(){this.calciteInternalListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed});this.shiftPressed=false}valueWatchHandler(e,t){this.calciteInternalListItemValueChange.emit({oldValue:t,newValue:e})}effectiveLocaleChange(){G(this,this.effectiveLocale)}connectedCallback(){n(this);E(this);J(this);P(this)}async componentWillLoad(){await N(this);r(this)}componentDidLoad(){d(this)}disconnectedCallback(){o(this);B(this);Q(this);T(this)}componentDidRender(){c(this)}async toggleSelected(e){this.selected=typeof e==="boolean"?e:!this.selected}async setFocus(){await h(this);this.focusEl?.focus()}renderIcon(){const{icon:e,iconFlipRtl:t}=this;if(!e){return null}return i("span",{class:{[V.icon]:true,[V.iconDot]:e===_.circle},onClick:this.pickListClickHandler},e===_.square?i("calcite-icon",{flipRtl:t,icon:S.checked,scale:"s"}):null)}renderRemoveAction(){return this.removable?i("calcite-action",{class:V.remove,icon:S.remove,onClick:this.removeClickHandler,slot:A.actionsEnd,text:this.messages.remove}):null}renderActionsStart(){const{el:e}=this;const t=U(e,A.actionsStart);return t?i("div",{class:{[V.actions]:true,[V.actionsStart]:true}},i("slot",{name:A.actionsStart})):null}renderActionsEnd(){const{el:e,removable:t}=this;const s=U(e,A.actionsEnd);return s||t?i("div",{class:{[V.actions]:true,[V.actionsEnd]:true}},i("slot",{name:A.actionsEnd}),this.renderRemoveAction()):null}render(){const{description:e,label:t}=this;return i(l,{key:"0fe5f95f3d7cdef6b48161b17be4438fabdedb4c",disabled:this.disabled},this.renderIcon(),this.renderActionsStart(),i("label",{key:"590f9ede824896af0d67a3cf1c787717d99be358","aria-label":t,class:V.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,tabIndex:0,ref:e=>this.focusEl=e},i("div",{key:"31786370e21ca8f471cbf28f705565281c143da7","aria-checked":K(this.selected),class:V.textContainer,role:"menuitemcheckbox"},i("span",{key:"99471ca36bdd459d27661ad6b5a4071fb81ca8b2",class:V.title},t),e?i("span",{class:V.description},e):null)),this.renderActionsEnd())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],defaultMessages:["onMessagesChange"],messageOverrides:["onMessagesChange"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"],effectiveLocale:["effectiveLocaleChange"]}}};ae.style=se;export{Z as calcite_pick_list,te as calcite_pick_list_group,ae as calcite_pick_list_item};
+//# sourceMappingURL=p-252f5021.entry.js.map

package/dist/calcite/p-27b2402c.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.8.2
+ */
+import{r as e,h as t,H as i,g as n}from"./p-c5b35348.js";import{s as a,a as l}from"./p-65d66925.js";import{a as s,c as r,d as c}from"./p-6011cbd3.js";import{g as o,n as h,c as d,d as b}from"./p-33fa3a3b.js";import{v as u}from"./p-616d6ff5.js";import{c as p}from"./p-6e5f26cf.js";import"./p-a1178c3e.js";import"./p-32a6e756.js";import"./p-2cb39843.js";const g={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"};const f=":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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-meter-space-internal:0.125rem;--calcite-meter-height-internal:1rem;--calcite-meter-font-size-internal:var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal:0.75rem;--calcite-meter-font-size-internal:var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal:1.5rem;--calcite-meter-font-size-internal:var(--calcite-font-size-0)}.container{position:relative;margin:0px;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + 0.5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + 0.5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size, background-color, box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}";const m=f;const v=class{constructor(t){e(this,t);this.labelFlipMax=.8;this.labelFlipProximity=.15;this.maxPercent=100;this.minPercent=0;this.resizeObserver=p("resize",(()=>this.resizeHandler()));this.formatLabel=(e,t)=>{if(t==="percent"){if(!this.percentFormatting){const e=o(this.effectiveLocale);const t=new Intl.NumberFormat(e,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:t,locale:e}}return this.percentFormatting.formatter.format(e)}else{h.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return h.localize(e.toString())}};this.appearance="outline-fill";this.disabled=false;this.fillType="range";this.form=undefined;this.groupSeparator=false;this.high=undefined;this.label=undefined;this.low=undefined;this.max=100;this.min=0;this.name=undefined;this.numberingSystem=undefined;this.rangeLabels=false;this.rangeLabelType="percent";this.scale="m";this.unitLabel="";this.value=undefined;this.valueLabel=false;this.valueLabelType="percent";this.currentPercent=undefined;this.effectiveLocale=undefined;this.highActive=undefined;this.highPercent=undefined;this.lowActive=undefined;this.lowPercent=undefined}handleRangeChange(){this.calculateValues();this.updateLabels()}handleLabelChange(){this.updateLabels()}async componentWillLoad(){a(this);this.calculateValues();s(this,this.value)}componentDidLoad(){l(this);this.updateLabels()}connectedCallback(){d(this);r(this);this.resizeObserver?.observe(this.el)}disconnectedCallback(){b(this);c(this);this.resizeObserver?.disconnect()}resizeHandler(){this.updateLabels()}updateLabels(){if(this.valueLabelEl){this.determineValueLabelPosition()}if(this.rangeLabels){this.determineVisibleLabels()}}calculateValues(){const{min:e,max:t,low:i,high:n,value:a}=this;const l=100*(i-e)/(t-e);const s=100*(n-e)/(t-e);const r=100*(a-e)/(t-e);if(!i||i<e||i>n||i>t){this.low=e}if(!n||n>t||n<i||n<e){this.high=t}if(!a){this.value=e}this.lowPercent=l;this.highPercent=s;this.currentPercent=a?r:0;this.lowActive=!!i&&i>e&&(!a||i>a)&&(!n||i<n);this.highActive=!!n&&e<=n&&n<t&&(!a||n>a)&&(!i||n>i)}getMeterKindCssClass(){const{low:e,high:t,min:i,max:n,value:a}=this;const l=e?e:i;const s=t?t:n;const r=a>=l;const c=a<l;const o=a>=s;const h=a<s;if(!a||!e&&h||c){return g.success}else if(r&&h){return g.warning}else if(o){return g.danger}else{return g.success}}intersects(e,t){return e&&t&&u(e.getBoundingClientRect(),t.getBoundingClientRect())}determineVisibleLabels(){const{minLabelEl:e,lowLabelEl:t,highLabelEl:i,maxLabelEl:n}=this;const a=this.intersects(i,n);const l=this.intersects(t,i);const s=this.intersects(t,n);const r=this.intersects(e,i);const c=this.intersects(e,t);const o=this.intersects(e,n);const h=g.labelHidden;if(t){if(c||s||l){t.classList.add(h)}else{t.classList.remove(h)}}if(i){if(r||s||a){i.classList.add(h)}else{i.classList.remove(h)}}if(e&&n){if(o){n.classList.add(h)}else{n.classList.remove(h)}}}determineValueLabelPosition(){const{valueLabelEl:e,meterContainerEl:t,currentPercent:i}=this;const n=i>100?100:i>0?i:0;const a=e.getBoundingClientRect().width;const l=t.getBoundingClientRect().width;const s=100*(a-0)/(l-0);if(n+s>=100){e.style.insetInlineEnd="0%";e.style.removeProperty("inset-inline-start")}else{e.style.insetInlineStart=`${n}% `;e.style.removeProperty("inset-inline-end")}}renderMeterFill(){const{currentPercent:e,fillType:i}=this;const n=this.getMeterKindCssClass();return t("div",{class:{[g.fill]:true,[n]:i!=="single"},style:{width:`${e}%`}})}renderRangeLine(e){const i={insetInlineStart:`${e}%`};return t("div",{class:g.stepLine,style:i})}renderValueLabel(){const{currentPercent:e,valueLabelType:i,unitLabel:n,value:a}=this;const l=this.formatLabel(i==="percent"?e/100:a||0,i);return t("div",{class:{[g.label]:true,[g.labelValue]:true},key:"low-label-line",ref:e=>this.valueLabelEl=e},l,n&&i!=="percent"&&t("span",{class:g.unitLabel}," ",n))}renderMinLabel(){const{rangeLabelType:e,min:i,minPercent:n,unitLabel:a}=this;const l={insetInlineStart:`${n}%`};const s=this.formatLabel(e==="percent"?n:i,e);return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"min-label-line",style:l,ref:e=>this.minLabelEl=e},s,a&&e!=="percent"&&t("span",{class:g.unitLabel}," ",a))}renderLowLabel(){const{rangeLabelType:e,low:i,lowPercent:n,highPercent:a,labelFlipProximity:l}=this;const s=i?this.formatLabel(e==="percent"?n/100:i,e):"";const r={insetInlineStart:`${n}%`};const c={insetInlineEnd:`${100-n}%`};const o=(a-n)/100<l?c:r;return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"low-label-line",style:o,ref:e=>this.lowLabelEl=e},s)}renderHighLabel(){const{rangeLabelType:e,high:i,highPercent:n,labelFlipMax:a}=this;const l=i?this.formatLabel(e==="percent"?n/100:i,e):"";const s={insetInlineStart:`${n}%`};const r={insetInlineEnd:`${100-n}%`};const c=n/100>=a?r:s;return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"high-label-line",style:c,ref:e=>this.highLabelEl=e},l)}renderMaxLabel(){const{rangeLabelType:e,max:i,maxPercent:n}=this;const a={insetInlineEnd:`${100-n}%`};const l=this.formatLabel(e==="percent"?n/100:i,e);return t("div",{class:{[g.label]:true,[g.labelRange]:true},key:"max-label-line",style:a,ref:e=>this.maxLabelEl=e},l)}render(){const{appearance:e,currentPercent:n,highActive:a,highPercent:l,label:s,lowActive:r,lowPercent:c,max:o,maxPercent:h,min:d,minPercent:b,rangeLabels:u,rangeLabelType:p,unitLabel:f,value:m,valueLabel:v,valueLabelType:y}=this;const L=this.formatLabel(n/100,"percent");const x=`${m} ${f}`;const w=y==="percent"?L:f?x:undefined;return t(i,{key:"4d680b8b390c26c00418c1947db18379e9499319"},t("div",{key:"d1cc9301427c9ec89a606f269119b8f7cceb9970","aria-label":s,"aria-valuemax":p==="percent"?h:o,"aria-valuemin":p==="percent"?b:d,"aria-valuenow":y==="percent"?n:m,"aria-valuetext":w,class:{[g.container]:true,[g.stepsVisible]:u,[g.valueVisible]:v,[e]:e!=="outline-fill"},role:"meter",ref:e=>this.meterContainerEl=e},this.renderMeterFill(),v&&this.renderValueLabel(),r&&this.renderRangeLine(c),a&&this.renderRangeLine(l),u&&this.renderMinLabel(),u&&r&&this.renderLowLabel(),u&&a&&this.renderHighLabel(),u&&this.renderMaxLabel()))}get el(){return n(this)}static get watchers(){return{min:["handleRangeChange"],max:["handleRangeChange"],low:["handleRangeChange"],high:["handleRangeChange"],value:["handleRangeChange"],rangeLabels:["handleLabelChange"],rangeLabelType:["handleLabelChange"],unitLabel:["handleLabelChange"],valueLabel:["handleLabelChange"],valueLabelType:["handleLabelChange"]}}};v.style=m;export{v as calcite_meter};
+//# sourceMappingURL=p-27b2402c.entry.js.map

package/dist/calcite/p-29075708.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.8.2
+ */
+import{h as t,r as i,c as e,H as s,g as o}from"./p-c5b35348.js";import{c as n}from"./p-a34ba35c.js";import{f as a}from"./p-4ca78e64.js";import{B as c,D as l,E as r,t as h,e as d}from"./p-616d6ff5.js";import{d as p,f as b,c as u,r as f,a as m,F as g}from"./p-f7188d12.js";import{s as x,c as v,a as y,d as w,H as C}from"./p-6011cbd3.js";import{g as k}from"./p-32a6e756.js";import{c as I,u as z,d as $,I as E}from"./p-6ea3ac52.js";import{c as S,d as H,g as A}from"./p-04e67155.js";import{b as D,c as j,s as O,a as M}from"./p-65d66925.js";import{c as P,d as L}from"./p-33fa3a3b.js";import{c as F}from"./p-6e5f26cf.js";import{o as B}from"./p-7d1ab21b.js";import{c as T,s as R,d as W,u as V}from"./p-31f01517.js";import{g as G}from"./p-9604d280.js";import{V as U}from"./p-fb9993c7.js";import{d as X}from"./p-c2e26084.js";import{c as _,d as Y}from"./p-76193900.js";import"./p-2cb39843.js";import"./p-4d009089.js";import"./p-a1178c3e.js";const K={button:"x-button"};function N({disabled:i,key:e,label:s,onClick:o,ref:n,scale:a}){return t("button",{"aria-label":s,class:K.button,disabled:i,key:e,onClick:o,tabIndex:-1,type:"button",ref:n},t("calcite-icon",{icon:"x",scale:G(a)}))}const q="CALCITE-COMBOBOX-ITEM";const J="CALCITE-COMBOBOX-ITEM-GROUP";const Q=`${q}, ${J}`;const Z={input:"input",chipInvisible:"chip--invisible",selectionDisplayFit:"selection-display-fit",selectionDisplaySingle:"selection-display-single",listContainer:"list-container",icon:"icon"};function tt(t){const i=t.parentElement?.closest(Q);const e=i?.parentElement?.closest(Q);return[i,e].filter((t=>t))}function it(t){return t.ancestors?.filter((t=>t.nodeName==="CALCITE-COMBOBOX-ITEM"))||[]}function et(t){return c(t.querySelectorAll("calcite-combobox-item"))}function st(t){const i=c(t.querySelectorAll("calcite-combobox-item"));return i.filter((t=>t.selected)).length>0}function ot(t){const i=document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return i.snapshotLength}function nt(t){return t.includes("single")}const at=":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;display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]) .x-button{inline-size:1rem;block-size:1rem}:host([scale=m]) .x-button{inline-size:1.5rem;block-size:1.5rem}:host([scale=l]) .x-button{inline-size:2rem;block-size:2rem}.x-button{margin:0px;display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-width:2px;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-radius:50%;border-color:transparent;background-color:var(--calcite-color-foreground-2)}.x-button:active,.x-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.x-button:active{border-style:solid;border-color:var(--calcite-color-brand)}.x-button calcite-icon{color:inherit}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.25rem - 1px)}:host([scale=s]) .x-button{margin-inline:0.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.5rem - 1px)}:host([scale=m]) .x-button{margin-inline-end:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:1.5rem;--calcite-internal-combobox-input-margin-block:calc(0.625rem - 1px)}:host([scale=l]) .x-button{margin-inline-end:1rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.wrapper:hover .icon{color:var(--calcite-color-text-1)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([read-only]) .wrapper{background-color:var(--calcite-color-background)}:host([read-only]) .label{font-weight:var(--calcite-font-weight-medium)}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{outline:2px solid var(--calcite-color-status-danger);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          )}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{position:relative;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;gap:var(--calcite-combobox-item-spacing-unit-s);margin-inline-end:var(--calcite-combobox-item-spacing-unit-s)}.grid-input.selection-display-fit,.grid-input.selection-display-single{flex-wrap:nowrap;overflow:hidden}.input{flex-grow:1;appearance:none;overflow:hidden;text-overflow:ellipsis;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-color-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-combobox-item-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:2px solid transparent;outline-offset:2px}.input:placeholder-shown{text-overflow:ellipsis}.input--transparent{opacity:0}.input--single{padding:0px;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.icon-end .icon{color:var(--calcite-color-text-3)}.floating-ui-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}.floating-ui-container--active{visibility:visible}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{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}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}calcite-chip{--calcite-animation-timing:0}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);max-inline-size:100%}.chip--active{background-color:var(--calcite-color-foreground-3)}.chip--invisible{visibility:hidden;position:absolute}.item{display:block}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::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}::slotted(calcite-combobox-item-group:not(:first-child)){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}";const ct=at;const lt=t=>t.tagName===J;const rt="combobox-item-";const ht="combobox-chip-";const dt="combobox-label-";const pt="combobox-listbox-";const bt="combobox-input-";const ut=class{constructor(t){i(this,t);this.calciteComboboxChange=e(this,"calciteComboboxChange",6);this.calciteComboboxFilterChange=e(this,"calciteComboboxFilterChange",6);this.calciteComboboxChipClose=e(this,"calciteComboboxChipClose",6);this.calciteComboboxBeforeClose=e(this,"calciteComboboxBeforeClose",6);this.calciteComboboxClose=e(this,"calciteComboboxClose",6);this.calciteComboboxBeforeOpen=e(this,"calciteComboboxBeforeOpen",6);this.calciteComboboxOpen=e(this,"calciteComboboxOpen",6);this.placement=p;this.internalValueChangeFlag=false;this.textInput=null;this.mutationObserver=F("mutation",(()=>this.updateItems()));this.resizeObserver=F("resize",(()=>{this.setMaxScrollerHeight();this.refreshSelectionDisplay()}));this.guid=k();this.inputHeight=0;this.ignoreSelectedEventsFlag=false;this.openTransitionProp="opacity";this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?b(i,t):null};this.getValue=()=>{const t=this.selectedItems.map((t=>t?.value?.toString()));return t?.length?t.length>1?t:t[0]:""};this.onLabelClick=()=>{this.setFocus()};this.keyDownHandler=t=>{if(this.readOnly){return}const{key:i}=t;switch(i){case"Tab":this.activeChipIndex=-1;this.activeItemIndex=-1;if(this.allowCustomValues&&this.text){this.addCustomChip(this.text,true);t.preventDefault()}else if(this.open){this.open=false;t.preventDefault()}else if(!this.allowCustomValues&&this.text){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}break;case"ArrowLeft":this.previousChip();t.preventDefault();break;case"ArrowRight":this.nextChip();t.preventDefault();break;case"ArrowUp":t.preventDefault();if(this.open){this.shiftActiveItemIndex(-1)}if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"ArrowDown":t.preventDefault();if(this.open){this.shiftActiveItemIndex(1)}else{this.open=true;this.ensureRecentSelectedItemIsActive()}if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case" ":if(!this.textInput.value&&!t.defaultPrevented){if(!this.open){this.open=true;this.shiftActiveItemIndex(1)}t.preventDefault()}break;case"Home":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(0);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"End":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(this.filteredItems.length-1);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"Escape":if(!this.clearDisabled&&!this.open){this.clearValue()}this.open=false;t.preventDefault();break;case"Enter":if(this.open&&this.activeItemIndex>-1){this.toggleSelection(this.filteredItems[this.activeItemIndex]);t.preventDefault()}else if(this.activeChipIndex>-1){this.removeActiveChip();t.preventDefault()}else if(this.allowCustomValues&&this.text){this.addCustomChip(this.text,true);t.preventDefault()}else if(!t.defaultPrevented){if(x(this)){t.preventDefault()}}break;case"Delete":case"Backspace":const i=this.selectionDisplay==="single"||this.selectionDisplay==="fit"&&this.selectedHiddenChipsCount>0;if(i){return}if(this.activeChipIndex>-1){t.preventDefault();this.removeActiveChip()}else if(!this.text&&this.isMulti()){t.preventDefault();this.removeLastChip()}break}};this.toggleCloseEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxClose",this.toggleCloseEnd)};this.toggleOpenEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxOpen",this.toggleOpenEnd)};this.setMaxScrollerHeight=async()=>{const{listContainerEl:t,open:i,referenceEl:e}=this;if(!t||!i){return}await this.reposition(true);const s=this.getMaxScrollerHeight();t.style.maxHeight=s>0?`${s}px`:"";t.style.minWidth=`${e.clientWidth}px`;await this.reposition(true)};this.calciteChipCloseHandler=t=>{this.open=false;const i=this.items.find((i=>i===t));if(i){this.toggleSelection(i,false)}this.calciteComboboxChipClose.emit()};this.clickHandler=t=>{if(this.readOnly){return}const i=t.composedPath();if(i.some((t=>t.tagName==="CALCITE-CHIP"))){this.open=false;t.preventDefault();return}if(i.some((t=>t.classList?.contains(K.button)))){this.clearValue();t.preventDefault();return}this.open=!this.open;this.ensureRecentSelectedItemIsActive()};this.refreshSelectionDisplay=async()=>{await D(this);if(nt(this.selectionMode)){return}if(!this.textInput){return}const{allSelectedIndicatorChipEl:t,chipContainerEl:i,selectionDisplay:e,placeholder:s,selectedIndicatorChipEl:o,textInput:a}=this;const c=parseInt(getComputedStyle(i).gap.replace("px",""));const h=l(i);const{fontSize:d,fontFamily:p}=getComputedStyle(a);const b=r(s,`${d} ${p}`);const u=(b||parseInt(n))+c;const f=l(t);const m=l(o);const g=Math.max(f,m);this.setCompactSelectionDisplay({chipContainerElGap:c,chipContainerElWidth:h,inputWidth:u,largestSelectedIndicatorChipWidth:g});if(e==="fit"){const t=Array.from(this.el.shadowRoot.querySelectorAll("calcite-chip")).filter((t=>t.closable));const i=Math.round(h-((this.selectedHiddenChipsCount>0?m:0)+c+u+c));this.refreshChipDisplay({availableHorizontalChipElSpace:i,chipContainerElGap:c,chipEls:t});this.setVisibleAndHiddenChips(t)}};this.setFloatingEl=t=>{this.floatingEl=t;u(this,this.referenceEl,this.floatingEl)};this.setContainerEl=t=>{this.resizeObserver.observe(t);this.listContainerEl=t;this.transitionEl=t};this.setChipContainerEl=t=>{this.resizeObserver.observe(t);this.chipContainerEl=t};this.setReferenceEl=t=>{this.referenceEl=t;u(this,this.referenceEl,this.floatingEl)};this.setAllSelectedIndicatorChipEl=t=>{this.allSelectedIndicatorChipEl=t};this.setSelectedIndicatorChipEl=t=>{this.selectedIndicatorChipEl=t};this.inputHandler=t=>{const i=t.target.value;this.text=i;this.filterItems(i);if(i){this.activeChipIndex=-1}};this.filterItems=(()=>{const t=(t,i)=>t&&i.some((({label:i,value:e})=>lt(t)?i===t.label:e===t.value&&i===t.textLabel));return X((i=>{const e=a(this.data,i);const s=this.getItemsAndGroups();s.forEach((i=>{const s=!t(i,e);i.hidden=s;const[o,n]=i.ancestors;if(t(o,e)||t(n,e)){i.hidden=false}if(!s){i.ancestors.forEach((t=>t.hidden=false))}}));this.filteredItems=this.getFilteredItems();this.calciteComboboxFilterChange.emit()}),100)})();this.internalComboboxChangeEvent=()=>{this.calciteComboboxChange.emit()};this.emitComboboxChange=X(this.internalComboboxChangeEvent,0);this.getSelectedItems=()=>{if(!this.isMulti()){const t=this.items.find((({selected:t})=>t));return t?[t]:[]}return this.items.filter((t=>t.selected&&(this.selectionMode!=="ancestors"||!st(t)))).sort(((t,i)=>{const e=this.selectedItems.indexOf(t);const s=this.selectedItems.indexOf(i);if(e>-1&&s>-1){return e-s}return s-e}))};this.updateItems=()=>{this.items=this.getItems();this.groupItems=this.getGroupItems();this.data=this.getData();this.selectedItems=this.getSelectedItems();this.filteredItems=this.getFilteredItems();this.needsIcon=this.getNeedsIcon();this.items.forEach((t=>{t.selectionMode=this.selectionMode;t.scale=this.scale}));if(!this.allowCustomValues){this.setMaxScrollerHeight()}this.groupItems.forEach(((t,i,e)=>{if(i===0){t.afterEmptyGroup=false}const s=e[i+1];if(s){s.afterEmptyGroup=t.children.length===0}}))};this.scrollToActiveItem=()=>{const t=this.filteredItems[this.activeItemIndex];if(!t){return}const i=this.calculateSingleItemHeight(t);const{offsetHeight:e,scrollTop:s}=this.listContainerEl;if(e+s<t.offsetTop+i){this.listContainerEl.scrollTop=t.offsetTop-e+i}else if(t.offsetTop<s){this.listContainerEl.scrollTop=t.offsetTop}};this.comboboxFocusHandler=()=>{if(this.disabled){return}this.textInput?.focus()};this.clearDisabled=false;this.selectionDisplay="all";this.open=false;this.disabled=false;this.form=undefined;this.label=undefined;this.placeholder=undefined;this.placeholderIcon=undefined;this.placeholderIconFlipRtl=false;this.maxItems=0;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.allowCustomValues=undefined;this.overlayPositioning="absolute";this.required=false;this.selectionMode="multiple";this.scale="m";this.status="idle";this.value=null;this.flipPlacements=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedItems=[];this.filteredItems=[];this.readOnly=false;this.items=[];this.groupItems=[];this.needsIcon=undefined;this.activeItemIndex=-1;this.activeChipIndex=-1;this.activeDescendant="";this.compactSelectionDisplay=false;this.selectedHiddenChipsCount=0;this.selectedVisibleChipsCount=0;this.text="";this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){B(this);if(this.disabled){this.open=false;return}this.setMaxScrollerHeight()}handleDisabledChange(t){if(!t){this.open=false}}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}handlePropsChange(){this.updateItems()}valueHandler(t){if(!this.internalValueChangeFlag){const i=this.getItems();if(Array.isArray(t)){i.forEach((i=>i.selected=t.includes(i.value)))}else if(t){i.forEach((i=>i.selected=t===i.value))}else{i.forEach((t=>t.selected=false))}this.updateItems()}}onMessagesChange(){}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}selectedItemsHandler(){this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false}documentClickHandler(t){if(this.disabled){return}const i=t.composedPath();if(i.includes(this.el)||i.includes(this.referenceEl)){return}if(!this.allowCustomValues&&this.textInput.value){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}if(this.allowCustomValues&&this.text.trim().length){this.addCustomChip(this.text)}this.open=false}calciteComboboxItemChangeHandler(t){if(this.ignoreSelectedEventsFlag){return}const i=t.target;const e=this.filteredItems.indexOf(i);this.updateActiveItemIndex(e);this.toggleSelection(i,i.selected)}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:o,filteredFlipPlacements:n}=this;return f(this,{floatingEl:i,referenceEl:e,overlayPositioning:o,placement:s,flipPlacements:n,type:"menu"},t)}async setFocus(){await j(this);this.textInput?.focus();this.activeChipIndex=-1;this.activeItemIndex=-1}connectedCallback(){I(this);P(this);T(this);S(this);v(this);this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false;this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.updateItems();this.setFilteredPlacements();if(this.open){this.openHandler();B(this)}u(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){O(this);this.updateItems();await R(this)}componentDidLoad(){y(this,this.getValue());u(this,this.referenceEl,this.floatingEl);M(this)}componentDidRender(){if(this.el.offsetHeight!==this.inputHeight){this.reposition(true);this.inputHeight=this.el.offsetHeight}z(this)}componentDidUpdate(){this.refreshSelectionDisplay()}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();$(this);H(this);w(this);m(this,this.referenceEl,this.floatingEl);L(this);W(this)}textHandler(){this.updateActiveItemIndex(-1)}effectiveLocaleChange(){V(this,this.effectiveLocale)}clearValue(){this.ignoreSelectedEventsFlag=true;this.items.forEach((t=>t.selected=false));this.ignoreSelectedEventsFlag=false;this.selectedItems=[];this.emitComboboxChange();this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("");this.setFocus()}clearInputValue(){this.textInput.value="";this.text=""}comboboxInViewport(){const t=this.el.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.right<=(window.innerWidth||document.documentElement.clientWidth)&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)}onBeforeOpen(){this.scrollToActiveItem();this.calciteComboboxBeforeOpen.emit()}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit()}ensureRecentSelectedItemIsActive(){const{selectedItems:t}=this;const i=t.length===0?0:this.items.indexOf(t[t.length-1]);this.updateActiveItemIndex(i)}hideChip(t){t.classList.add(Z.chipInvisible)}showChip(t){t.classList.remove(Z.chipInvisible)}refreshChipDisplay({chipEls:t,availableHorizontalChipElSpace:i,chipContainerElGap:e}){t.forEach((t=>{if(!t.selected){this.hideChip(t)}else{const s=l(t);if(s&&s<i){i-=s+e;this.showChip(t);return}}this.hideChip(t)}))}setCompactSelectionDisplay({chipContainerElGap:t,chipContainerElWidth:i,inputWidth:e,largestSelectedIndicatorChipWidth:s}){const o=Math.round(s+t+e);if(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<o){this.maxCompactBreakpoint=o}this.compactSelectionDisplay=i<this.maxCompactBreakpoint}setVisibleAndHiddenChips(t){let i=0;t.forEach((t=>{if(t.selected&&!t.classList.contains(Z.chipInvisible)){i++}}));if(i!==this.selectedVisibleChipsCount){this.selectedVisibleChipsCount=i}const e=this.getSelectedItems().length-i;if(e!==this.selectedHiddenChipsCount){this.selectedHiddenChipsCount=e}}getMaxScrollerHeight(){const t=this.getItemsAndGroups().filter((t=>!t.hidden));const{maxItems:i}=this;let e=0;let s=0;if(t.length>i){t.forEach((t=>{if(e<i&&i>0){const i=this.calculateSingleItemHeight(t);if(i>0){s+=i;e++}}}))}return s}calculateSingleItemHeight(t){if(!t){return}let i=t.offsetHeight;const e=Array.from(t.querySelectorAll(Q));e.map((t=>t?.offsetHeight)).forEach((t=>{i-=t}));return i}getItemsAndGroups(){return[...this.groupItems,...this.items]}toggleSelection(t,i=!t.selected){if(!t||this.selectionMode==="single-persist"&&t.selected&&t.value===this.value){return}if(this.isMulti()){t.selected=i;this.updateAncestors(t);this.selectedItems=this.getSelectedItems();this.emitComboboxChange();this.resetText();this.filterItems("")}else{this.ignoreSelectedEventsFlag=true;this.items.forEach((e=>e.selected=e===t?i:false));this.ignoreSelectedEventsFlag=false;this.selectedItems=this.getSelectedItems();this.emitComboboxChange();if(this.textInput){this.textInput.value=t.textLabel}this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("")}}updateAncestors(t){if(this.selectionMode!=="ancestors"){return}const i=it(t);const e=et(t);if(t.selected){i.forEach((t=>{t.selected=true}))}else{e.forEach((t=>t.selected=false));[...i].forEach((t=>{if(!st(t)){t.selected=false}}))}}getFilteredItems(){return this.items.filter((t=>!t.hidden))}getData(){return this.items.map((t=>({filterDisabled:t.filterDisabled,value:t.value,label:t.textLabel})))}getNeedsIcon(){return nt(this.selectionMode)&&this.items.some((t=>t.icon))}resetText(){if(this.textInput){this.textInput.value=""}this.text=""}getItems(){const t=Array.from(this.el.querySelectorAll(q));return t.filter((t=>!t.disabled))}getGroupItems(){return Array.from(this.el.querySelectorAll(J))}addCustomChip(t,i){const e=this.items.find((i=>i.textLabel===t));if(e){this.toggleSelection(e,true)}else{if(!this.isMulti()){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false)}const e=document.createElement("calcite-combobox-item");e.value=t;e.textLabel=t;e.selected=true;this.el.appendChild(e);this.resetText();if(i){this.setFocus()}this.updateItems();this.filterItems("");this.emitComboboxChange()}}removeActiveChip(){this.toggleSelection(this.selectedItems[this.activeChipIndex],false);this.setFocus()}removeLastChip(){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false);this.setFocus()}previousChip(){if(this.text){return}const t=this.selectedItems.length-1;const i=this.activeChipIndex;this.activeChipIndex=i===-1?t:Math.max(i-1,0);this.updateActiveItemIndex(-1);this.focusChip()}nextChip(){if(this.text||this.activeChipIndex===-1){return}const t=this.selectedItems.length-1;const i=this.activeChipIndex+1;if(i>t){this.activeChipIndex=-1;this.setFocus()}else{this.activeChipIndex=i;this.focusChip()}this.updateActiveItemIndex(-1)}focusChip(){const t=this.selectedItems[this.activeChipIndex]?.guid;const i=t?this.referenceEl.querySelector(`#${ht}${t}`):null;i?.setFocus()}shiftActiveItemIndex(t){const{length:i}=this.filteredItems;const e=(this.activeItemIndex+i+t)%i;this.updateActiveItemIndex(e);this.scrollToActiveItem()}updateActiveItemIndex(t){this.activeItemIndex=t;let i=null;this.filteredItems.forEach(((e,s)=>{if(s===t){e.active=true;i=`${rt}${e.guid}`}else{e.active=false}}));this.activeDescendant=i;if(this.activeItemIndex>-1){this.activeChipIndex=-1}}isAllSelected(){return this.getItems().length===this.getSelectedItems().length}isMulti(){return!nt(this.selectionMode)}renderChips(){const{activeChipIndex:i,readOnly:e,scale:s,selectionMode:o,messages:n}=this;return this.selectedItems.map(((a,c)=>{const l={chip:true,"chip--active":i===c};const r=[...it(a)].reverse();const h=[...r,a].map((t=>t.textLabel));const d=o!=="ancestors"?a.textLabel:h.join(" / ");return t("calcite-chip",{appearance:e?"outline":"solid",class:l,closable:!e,icon:a.icon,iconFlipRtl:a.iconFlipRtl,id:a.guid?`${ht}${a.guid}`:null,key:a.textLabel,messageOverrides:{dismissLabel:n.removeTag},onCalciteChipClose:()=>this.calciteChipCloseHandler(a),scale:s,selected:a.selected,title:d,value:a.value},d)}))}renderAllSelectedIndicatorChip(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s,setAllSelectedIndicatorChipEl:o}=this;const n=this.messages.allSelected;return t("calcite-chip",{class:{chip:true,[Z.chipInvisible]:!(this.isAllSelected()&&!s&&!i)},scale:e,title:n,value:"",ref:o},n)}renderAllSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s}=this;const o=this.messages.all||"All";return t("calcite-chip",{class:{chip:true,[Z.chipInvisible]:!(this.isAllSelected()&&!s&&i)},scale:e,title:o,value:""},o)}renderSelectedIndicatorChip(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n,selectedVisibleChipsCount:a,setSelectedIndicatorChipEl:c}=this;let l;let r;if(i){l=true}else{if(e==="single"){const t=s().length;if(this.isAllSelected()){l=true}else if(t>0){l=false}else{l=true}r=`${t} ${this.messages.selected}`}else if(e==="fit"){l=!!(this.isAllSelected()&&a===0||n===0);r=a>0?`+${n}`:`${n} ${this.messages.selected}`}}return t("calcite-chip",{class:{chip:true,[Z.chipInvisible]:l},scale:o,title:r,value:"",ref:c},r)}renderSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n}=this;let a;let c;if(i){const t=s().length;if(this.isAllSelected()){a=true}else if(e==="fit"){a=!(n>0);c=`${n||0}`}else if(e==="single"){a=!(t>0);c=`${t}`}}else{a=true}return t("calcite-chip",{class:{chip:true,[Z.chipInvisible]:a},scale:o,title:c,value:""},c)}get showingInlineIcon(){const{placeholderIcon:t,selectionMode:i,selectedItems:e,open:s}=this;const o=e[0];const n=o?.icon;const a=nt(i);return!s&&o?!!n&&a:!!t&&(!o||a)}renderInput(){const{guid:i,disabled:e,placeholder:s,selectionMode:o,selectedItems:n,open:a}=this;const c=nt(o);const l=n[0];const r=!a&&c&&!!l;return t("span",{class:{"input-wrap":true,"input-wrap--single":c}},r&&t("span",{class:{label:true,"label--icon":!!l?.icon},key:"label"},l.textLabel),t("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":`${pt}${i}`,"aria-expanded":h(a),"aria-haspopup":"listbox","aria-label":A(this),"aria-owns":`${pt}${i}`,class:{[Z.input]:true,"input--single":true,"input--transparent":this.activeChipIndex>-1,"input--hidden":r,"input--icon":this.showingInlineIcon&&!!this.placeholderIcon},disabled:e,id:`${bt}${i}`,key:"input",onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:s,readOnly:this.readOnly,role:"combobox",type:"text",ref:t=>this.textInput=t}))}renderListBoxOptions(){return this.filteredItems.map((i=>t("li",{"aria-selected":h(i.selected),id:i.guid?`${rt}${i.guid}`:null,role:"option",tabindex:"-1"},i.textLabel)))}renderFloatingUIContainer(){const{setFloatingEl:i,setContainerEl:e,open:s}=this;const o={[Z.listContainer]:true,[g.animation]:true,[g.animationActive]:s};return t("div",{"aria-hidden":"true",class:{"floating-ui-container":true,"floating-ui-container--active":s},ref:i},t("div",{class:o,ref:e},t("ul",{class:{list:true,"list--hide":!s}},t("slot",null))))}renderSelectedOrPlaceholderIcon(){const{selectedItems:i,placeholderIcon:e,placeholderIconFlipRtl:s}=this;const o=i[0];const n=o?.icon;return this.showingInlineIcon&&t("span",{class:"icon-start",key:"selected-placeholder-icon"},t("calcite-icon",{class:"selected-icon",flipRtl:this.open&&o?o.iconFlipRtl:s,icon:!this.open&&o?n:e,scale:G(this.scale)}))}renderChevronIcon(){const{open:i}=this;return t("span",{class:"icon-end",key:"chevron"},t("calcite-icon",{class:Z.icon,icon:i?"chevron-up":"chevron-down",scale:G(this.scale)}))}render(){const{selectionDisplay:i,guid:e,label:o,open:n,readOnly:a}=this;const c=nt(this.selectionMode);const l=i==="all";const r=i==="single";const h=!c&&i==="fit";const d=!this.clearDisabled&&this.value?.length>0;return t(s,{key:"d7bb6fbd99d46d6baacd027bf67d440156aa8235",onClick:this.comboboxFocusHandler},t(E,{key:"f0e960f155ffed736782818874432e49aec7da43",disabled:this.disabled},t("div",{key:"5b69d59411f589c99d1087ffc9d2f34a02ce4abf","aria-live":"polite",class:{wrapper:true,"wrapper--single":c||!this.selectedItems.length,"wrapper--active":n},onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},this.renderSelectedOrPlaceholderIcon(),t("div",{class:{"grid-input":true,[Z.selectionDisplayFit]:h,[Z.selectionDisplaySingle]:r},key:"grid",ref:this.setChipContainerEl},!c&&!r&&this.renderChips(),!c&&!l&&[this.renderSelectedIndicatorChip(),this.renderSelectedIndicatorChipCompact(),this.renderAllSelectedIndicatorChip(),this.renderAllSelectedIndicatorChipCompact()],t("label",{key:"9b9988f68638cbf4b5379e815dd9ed88b5b83430",class:"screen-readers-only",htmlFor:`${bt}${e}`,id:`${dt}${e}`},o),this.renderInput()),!a&&d?t(N,{disabled:this.disabled,key:"close-button",label:this.messages.clear,scale:this.scale}):null,!a&&this.renderChevronIcon()),t("ul",{key:"e52aae918a2ad75c1f84e6761d4651a59397e5f7","aria-labelledby":`${dt}${e}`,"aria-multiselectable":"true",class:"screen-readers-only",id:`${pt}${e}`,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderFloatingUIContainer(),t(C,{key:"feb9c678d698e149bc58b0aed458dee9d6fb8115",component:this}),this.validationMessage&&this.status==="invalid"?t(U,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],selectionMode:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],messageOverrides:["onMessagesChange"],flipPlacements:["flipPlacementsHandler"],selectedItems:["selectedItemsHandler"],text:["textHandler"],effectiveLocale:["effectiveLocaleChange"]}}};ut.style=ct;const ft={icon:"icon",iconActive:"icon--active",iconIndent:"icon--indent",custom:"icon--custom",dot:"icon--dot",single:"label--single",label:"label",active:"label--active",selected:"label--selected",title:"title",textContainer:"text-container"};const mt='@charset "UTF-8";: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([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem;--calcite-combobox-item-selector-icon-size:1rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem;--calcite-combobox-item-selector-icon-size:1rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.625rem;--calcite-combobox-item-spacing-indent:1rem;--calcite-combobox-item-selector-icon-size:1.5rem}.container{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  )}:host(:focus){--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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent;word-wrap:break-word;word-break:break-word;padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host([disabled]) .label{cursor:default}.label--selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.label--active{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover,.label:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--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)}.title{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon{display:inline-flex;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-color-border-1)}.icon--indent{padding-inline-start:var(--calcite-combobox-item-indent-value)}.icon--custom{margin-block-start:-1px;padding-inline-start:var(--calcite-combobox-item-spacing-unit-l);color:var(--calcite-color-text-3)}.icon--active{color:var(--calcite-color-text-1)}.icon--dot{display:flex;justify-content:center;min-inline-size:var(--calcite-combobox-item-selector-icon-size)}.icon--dot:before{text-align:start;content:"•"}.label--active .icon{opacity:1}.label--selected .icon{opacity:1;color:var(--calcite-color-brand)}:host(:hover[disabled]) .icon{opacity:1}';const gt=mt;const xt=class{constructor(t){i(this,t);this.calciteComboboxItemChange=e(this,"calciteComboboxItemChange",6);this.itemClickHandler=()=>{this.toggleSelected()};this.disabled=false;this.selected=false;this.active=false;this.ancestors=undefined;this.guid=k();this.icon=undefined;this.iconFlipRtl=false;this.textLabel=undefined;this.value=undefined;this.filterDisabled=undefined;this.selectionMode="multiple";this.scale="m"}selectedWatchHandler(){this.calciteComboboxItemChange.emit()}connectedCallback(){this.ancestors=tt(this.el);_(this);I(this)}disconnectedCallback(){Y(this);$(this)}componentDidRender(){z(this)}toggleSelected(){const t=this.selectionMode==="single-persist";if(this.disabled||t&&this.selected){return}this.selected=!this.selected}renderIcon(i){return this.icon?t("calcite-icon",{class:{[ft.custom]:!!this.icon,[ft.iconActive]:this.icon&&this.selected,[ft.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:this.icon||i,key:"icon",scale:G(this.scale)}):null}renderSelectIndicator(i,e){return i?t("span",{class:{[ft.icon]:true,[ft.dot]:true,[ft.iconIndent]:true}}):t("calcite-icon",{class:{[ft.icon]:true,[ft.iconActive]:this.selected,[ft.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:e,key:"indicator",scale:G(this.scale)})}renderChildren(){if(d(this.el)){return t("ul",{key:"default-slot-container"},t("slot",null))}return null}render(){const{disabled:i}=this;const e=nt(this.selectionMode);const o=e&&!i;const n=e?"dot":"check";const a=i?"":n;const c={[ft.label]:true,[ft.selected]:this.selected,[ft.active]:this.active,[ft.single]:e};const l=ot(this.el);return t(s,{key:"a10ab7e95408a8cffef4f42d3b87ae98450489b9","aria-hidden":"true"},t(E,{key:"091b8f1a3f713899a3f14c1c39a6fdb70abab7a2",disabled:i},t("div",{key:"43d200730971b71b3030437885e6ab99c55b2ce6",class:`container scale--${this.scale}`,style:{"--calcite-combobox-item-spacing-indent-multiplier":`${l}`}},t("li",{key:"8de885b34e9bc6b53a30396d54cbcec488790dd7",class:c,id:this.guid,onClick:this.itemClickHandler},this.renderSelectIndicator(o,a),this.renderIcon(a),t("span",{key:"daba9ce50923261dce8896a74d8204b1e922a638",class:"title"},this.textLabel)),this.renderChildren())))}get el(){return o(this)}static get watchers(){return{selected:["selectedWatchHandler"]}}};xt.style=gt;const vt={list:"list",label:"label",title:"title"};const yt=".scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}:host,.list{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-color-text-3)}.title{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  );border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-color-border-3);padding-block:var(--calcite-combobox-item-spacing-unit-l);padding-inline:var(--calcite-combobox-item-spacing-unit-s);margin-inline-start:var(--calcite-combobox-item-indent-value)}::slotted(calcite-combobox-item-group:not([after-empty-group])){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}:host([hidden]){display:none}[hidden]{display:none}";const wt=yt;const Ct=class{constructor(t){i(this,t);this.guid=k();this.afterEmptyGroup=false;this.ancestors=undefined;this.label=undefined;this.scale="m"}connectedCallback(){this.ancestors=tt(this.el)}render(){const{el:i,scale:e}=this;const s=ot(i);return t("ul",{key:"f97f7287323229be32779d451a7e816b016c02b4","aria-labelledby":this.guid,class:{[vt.list]:true,[`scale--${e}`]:true},role:"group"},t("li",{key:"e7aa9b0a2955562d9687c294b3b39eafbd04c5a2",class:{[vt.label]:true},id:this.guid,role:"presentation",style:{"--calcite-combobox-item-spacing-indent-multiplier":`${s}`}},t("span",{key:"5b02b92d24c05a93a5aeeda140f7422c50fb52b0",class:vt.title},this.label)),t("slot",{key:"1a2e106d97304df29b2cbf5841e65726e55960ae"}))}get el(){return o(this)}};Ct.style=wt;export{ut as calcite_combobox,xt as calcite_combobox_item,Ct as calcite_combobox_item_group};
+//# sourceMappingURL=p-29075708.entry.js.map