@esri/calcite-components 2.9.0-next.2 → 2.9.0-next.20

package/dist/calcite/p-a79a0ef2.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","connectLocalized","connectMessages","connectObserver","connectInteractive","setParentList","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidRender","updateHostInteraction","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectObserver","disconnectSortableComponent","disconnectInteractive","disconnectLocalized","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","handleOpenChange","emitCalciteInternalListItemToggle","handleSelectedChange","calciteInternalListItemSelect","handleCalciteInternalListDefaultSlotChanges","defaultSlotEl","level","setSelectionDefaults","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","calciteInternalListItemToggle","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 {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} 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\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    SortableComponent,\n    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(\"calciteInternalListItemToggle\")\n  handleCalciteListItemToggle(event: CustomEvent): void {\n    if (this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\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    connectLocalized(this);\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    disconnectLocalized(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                        ref={this.setFilterEl}\n                        value={filterText}\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 px-3 py-0;\n  color: theme(\"borderColor.color.input\");\n}\n\n.selection-container--single {\n  color: transparent;\n}\n\n:host(:not([disabled]):not([selected])) .container:hover .selection-container--single {\n  color: theme(\"borderColor.color.1\");\n}\n\n:host([selected]:hover) .selection-container,\n:host([selected]:hover) .selection-container--single,\n:host([selected]) .selection-container {\n  color: var(--calcite-list-item-icon-color);\n}\n\n.open-container {\n  color: theme(\"textColor.color.3\");\n}\n\n:host(:not([disabled])) .container:hover .open-container {\n  color: theme(\"textColor.color.1\");\n}\n\n.actions-start,\n.actions-end,\n.content-start,\n.content-end,\n.selection-container,\n.drag-container,\n.open-container {\n  @apply flex items-center;\n\n  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  @Watch(\"open\")\n  handleOpenChange(): void {\n    this.emitCalciteInternalListItemToggle();\n  }\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  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemToggle: 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        ref={(el) => (this.handleGridEl = el)}\n        role=\"gridcell\"\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        ref={(el) => (this.actionsStartEl = el)}\n        role=\"gridcell\"\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        ref={(el) => (this.actionsEndEl = el)}\n        role=\"gridcell\"\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          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        ref={(el) => (this.contentEl = el)}\n        role=\"gridcell\"\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              ref={(el) => (this.containerEl = el)}\n              role=\"row\"\n              tabIndex={active ? 0 : -1}\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 emitCalciteInternalListItemToggle(): void {\n    this.calciteInternalListItemToggle.emit();\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":";;;;;qmBAAO,MAAMA,EAAM,CACjBC,QAAS,UACTC,gBAAiB,oBACjBC,UAAW,YACXC,OAAQ,SACRC,eAAgB,mBAChBC,gBAAiB,oBACjBC,wBAAyB,6BACzBC,0BAA2B,+BAC3BC,iBAAkB,oBAClBC,2BAA4B,gCAC5BC,iCAAkC,wCAClCC,gBAAiB,mBACjBC,sBAAuB,2BACvBC,QAAS,UACTC,cAAe,iBACfC,aAAc,gBACdC,aAAc,gBACdC,MAAO,QACPC,YAAa,cACbC,WAAY,cACZC,cAAe,iBACfC,WAAY,cACZC,mBAAoB,sBACpBC,yBAA0B,8BAC1BC,cAAe,iBACfC,cAAe,kBAGV,MAAMC,EAAQ,CACnBX,aAAc,gBACdC,aAAc,gBACdH,QAAS,UACTO,cAAe,iBACfD,WAAY,cACZE,WAAY,eAIP,MAAMM,EAAc,EAEpB,MAAMC,EAAQ,CACnBC,iBAAkB,iBAClBC,eAAgB,qBAChBC,mBAAoB,SACpBC,iBAAkB,qBAClBC,UAAW,gBACXC,UAAW,eACXC,KAAM,eACNC,MAAO,QACPC,MAAO,KAGF,MAAMC,EAA0B,mBCnDvC,MAAMC,EAAe,eACrB,MAAMC,EAAwB,0BAC9B,MAAMC,EAAmB,oB,SAETC,EAAsBC,GACpC,OAAOC,MAAMC,KACXF,EAAOG,iBAAiB,CAAEC,QAAS,OAAQC,QAAQC,GAAOA,EAAGC,QAAQX,KAEzE,C,SAEgBY,EAAoBR,GAClC,MAAMG,EAAmBH,EAAOG,iBAAiB,CAAEC,QAAS,OAE5D,MAAMK,EACJN,EAAiBE,QAAQC,GAAOA,GAAIC,QAAQV,KAE3Ca,KAAKC,GAAUV,MAAMC,KAAKS,EAAMC,iBAAiBd,MACjDe,QAAO,CAACC,EAAeC,IAAiB,IAAID,KAAkBC,IAAe,IAEhF,MAAMC,EAAmBb,EAAiBE,QAAQC,GAChDA,GAAIC,QAAQT,KAGd,MAAMmB,EAAwBd,EAAiBE,QAAQC,GAAOA,GAAIC,QAAQX,KACvEc,KAAKQ,GAASjB,MAAMC,KAAKgB,EAAKN,iBAAiBd,MAC/Ce,QAAO,CAACC,EAAeC,IAAiB,IAAID,KAAkBC,IAAe,IAEhF,MAAO,IAAIE,KAAyBR,KAA0BO,EAChE,C,SAEgBG,EAAuBH,GACrCA,EAAiBI,SAASC,IACxBA,EAASC,YAAcN,EAAiBO,QAAQF,GAAY,EAC5DA,EAASG,QAAUR,EAAiBS,MAAM,GAE9C,C,SAEgBC,EAASC,EAAsBC,EAAe,OAK5D,MAAMC,EAAaD,EACf,kEACA,8BAEJ,MAAME,EAASC,SAASC,SAASH,EAAYF,EAAS,KAAMM,YAAYC,6BAA8B,MAEtG,OAAOJ,EAAOK,cAChB,CCnDO,MAAM/E,EAAM,CACjBG,UAAW,YACX6E,MAAO,QACPC,MAAO,QACPC,MAAO,QACPC,eAAgB,kBAChBC,OAAQ,aACRC,cAAe,kBAGV,MAAMC,EAAkB,EAIxB,MAAM3D,EAAQ,CACnB4D,gBAAiB,oBACjBC,mBAAoB,uBACpBC,iBAAkB,sBCjBpB,MAAMC,EAAU,2hCAChB,MAAAC,EAAeD,EC2Df,MAAMhD,EAAmB,oBACzB,MAAMkD,EAAyB,6BAC/B,MAAMC,EAAiB,6C,MAgBVC,EAAI,M,+YA+XfC,KAAAC,aAAetD,EAIfqD,KAAAE,eAA+C,GAE/CF,KAAAG,eAAiB,iBAQjBH,KAAAI,UAA0C,GAE1CJ,KAAAK,iBAAmBC,EAAe,YAAY,IAAMN,KAAKO,oBAEzDP,KAAAQ,aAA6C,GA6MrCR,KAAAS,wBAA2BC,IACjC1C,EAAuBX,EAAoBqD,EAAMC,SACjD,GAAIX,KAAKY,aAAc,CACrBZ,KAAKa,qCAAqCC,M,GAItCd,KAAAe,mCAAsCL,IAC5CV,KAAKgB,sBAAwBC,EAA6BP,EAAM,EAG1DV,KAAAkB,iCAAoCR,IAC1CV,KAAKmB,oBAAsBF,EAA6BP,EAAM,EAGxDV,KAAAoB,gCAAmCV,IACzCV,KAAKqB,mBAAqBJ,EAA6BP,EAAM,EAGvDV,KAAAsB,kBAAoB,KAC1B,MAAMpB,eAAEA,GAAmBF,KAE3B,IAAKE,EAAeqB,MAAMC,GAASA,EAAKC,SAAS,CAC/C,GAAIvB,EAAe,GAAI,CACrBA,EAAe,GAAGuB,OAAS,I,IAKzBzB,KAAA0B,oBAAsB,CAACZ,EAAO,SACpCd,KAAK2B,cAAgB3B,KAAKQ,aAAatD,QAAQsE,GAASA,EAAKI,WAC7D,GAAId,EAAM,CACRd,KAAK6B,kBAAkBf,M,GAiDnBd,KAAA8B,YAAc,KACpB,MAAMtB,EAAeR,KAAKQ,aAAatD,QACpCsE,IAAUA,EAAKO,cAAgB/B,KAAKgC,uBAAuBR,KAG9DhB,EAAavC,SACVuD,GAAUA,EAAKS,SAAWT,IAAShB,EAAaA,EAAalC,OAAS,IACxE,EAGK0B,KAAAkC,oBAAsB,CAACpB,EAAO,SACpC,MAAMN,aAAEA,EAAY2B,aAAEA,EAAYC,WAAEA,GAAepC,KAEnD,MAAMqC,EAASF,EAAa5E,KAAKiE,GAASA,EAAKc,QAE/C,MAAMC,EAAsB/B,GAActD,QAAQgB,GAChDsC,EAAagC,OAAOC,GAAOA,IAAOvE,IAAaA,EAASwE,SAASD,OAGnE,MAAME,EACJnC,EAAatD,QAAQsE,IAAUY,GAAcC,EAAOO,SAASpB,EAAKc,UAAW,GAE/E,MAAMO,EAAiB,IAAIC,QAE3BP,EAAoBtE,SAASC,GAC3B8B,KAAK+C,eAAe,CAAE5F,GAAIe,EAAUyE,gBAAeE,qBAGrD7C,KAAK2C,cAAgBA,EAErB,GAAI7B,EAAM,CACRd,KAAKgD,kBAAkBlC,M,GA8BnBd,KAAAiD,YAAe9F,IACrB6C,KAAKkD,SAAW/F,EAChB6C,KAAKmD,eAAe,EAGdnD,KAAAoD,mBAAsB1C,IAC5BA,EAAM2C,kBACN,MAAMf,MAAEA,GAAU5B,EAAM4C,cACxBtD,KAAKoC,WAAaE,EAClBtC,KAAKuD,mBAAmB,KAAK,EAGvBvD,KAAAwD,YAAc,IACbxD,KAAKI,UAAU7C,KAAKiE,IAAI,CAC7BrG,MAAOqG,EAAKrG,MACZC,YAAaoG,EAAKpG,YAClBqI,SAAUjC,EAAKiC,SACfnB,MAAOd,EAAKc,UAIRtC,KAAAO,gBAAkBmD,GAAS,CAAC5C,EAAO,SACzC,MAAM6C,oBAAEA,EAAmBC,cAAEA,EAAaC,YAAEA,GAAgB7D,KAE5D,MAAM8D,EAAQ9D,KAAK+D,iBACnBD,EAAM7F,SAASuD,IACbA,EAAKmC,oBAAsBA,EAC3BnC,EAAKoC,cAAgBA,CAAa,IAGpC,MAAMI,EAAchE,KAAK+D,eAAe,MACxCC,EAAY/F,SAASuD,IACnBA,EAAKyC,WAAaJ,CAAW,IAG/B,GAAI7D,KAAKY,aAAc,CACrBZ,KAAKkE,eACL,M,CAGFlE,KAAKI,UAAY0D,EACjB,GAAI9D,KAAKmE,cAAe,CACtBnE,KAAKoE,cAAgBpE,KAAKwD,cAC1B,GAAIxD,KAAKkD,SAAU,CACjBlD,KAAKkD,SAASY,MAAQ9D,KAAKoE,a,EAG/BpE,KAAKQ,aAAeR,KAAKI,UAAUlD,QAAQsE,IAAUA,EAAK6C,SAAW7C,EAAK8C,SAC1EtE,KAAKkC,oBAAoBpB,GACzBd,KAAK8B,cACL9B,KAAKE,eAAiBF,KAAK2C,cAAczF,QAAQsE,IAAUA,EAAK+C,WAChEvE,KAAKsB,oBACLtB,KAAK0B,oBAAoBZ,GACzBd,KAAKkE,cAAc,GAClB3E,GAEKS,KAAA+D,eAAiB,CAACS,EAAS,QAC1B1H,MAAMC,KAAKiD,KAAK7C,GAAGM,iBAAiB+G,EAAS3E,EAAyBlD,IAGvEqD,KAAAyE,SAAYC,IAClB,MAAMxE,eAAEA,GAAmBF,KAE3B,IAAK0E,EAAS,CACZ,M,CAGFxE,EAAejC,SAASC,GAAcA,EAASuD,OAASvD,IAAawG,IAErEA,EAAQC,UAAU,EAGZ3E,KAAA4E,YAAe1G,IACrB,MAAM2G,EAAmB3G,EAAS4G,eAAeC,QAAQpI,GAEzD,IAAKkI,EAAkB,CACrB,OAAO,I,CAGT,OAAOA,EAAiBxI,MAAQ2D,KAAK4E,YAAYC,EAAiB,EAG5D7E,KAAAgF,kBAAqBtE,IAC3B,GAAIA,EAAMuE,oBAAsBjF,KAAKY,aAAc,CACjD,M,CAGF,MAAMsE,IAAEA,GAAQxE,EAChB,MAAMyE,EAAiBnF,KAAKE,eAAehD,QAAQgB,GAAa8B,KAAK4E,YAAY1G,KACjF,MAAMkH,EAAeD,EAAeE,WAAWnH,GAAaA,EAASuD,SAErE,GAAIyD,IAAQ,YAAa,CACvBxE,EAAM4E,iBACN,MAAMC,EAAY7E,EAAMC,SAAWX,KAAKkD,SAAW,EAAIkC,EAAe,EAEtE,GAAID,EAAeI,GAAY,CAC7BvF,KAAKyE,SAASU,EAAeI,G,OAE1B,GAAIL,IAAQ,UAAW,CAC5BxE,EAAM4E,iBAEN,GAAIF,IAAiB,GAAKpF,KAAKmE,cAAe,CAC5CnE,KAAKkD,UAAUyB,WACf,M,CAGF,MAAMa,EAAYJ,EAAe,EAEjC,GAAID,EAAeK,GAAY,CAC7BxF,KAAKyE,SAASU,EAAeK,G,OAE1B,GAAIN,IAAQ,OAAQ,CACzBxE,EAAM4E,iBACN,MAAMG,EAAWN,EAAe,GAEhC,GAAIM,EAAU,CACZzF,KAAKyE,SAASgB,E,OAEX,GAAIP,IAAQ,MAAO,CACxBxE,EAAM4E,iBACN,MAAMI,EAAUP,EAAeA,EAAe7G,OAAS,GAEvD,GAAIoH,EAAS,CACX1F,KAAKyE,SAASiB,E,kBAt1BgB,M,8DAeG,M,wCAYE,M,mBAO8B,G,kBAOrB,G,6FAyBf,M,qGA+BhB,M,mBAOoD,G,mBAgBnE,O,yBAKgE,O,qBAkOzC,G,+EAaQ,G,yBAUJ,M,2BAEE,M,wBAEH,K,CApU9B,4BAAMC,GACJ3F,KAAKmD,e,CA4BP,gBAAAyC,G,CAiDA,oBAAAC,GACE7F,KAAKO,iB,CAwCP,2BAAAuF,CAA4BpF,GAC1B,GAAIV,KAAKY,aAAc,CACrB,M,CAGFF,EAAM2C,kBACNrD,KAAK8B,a,CAIP,sCAAAiE,CAAuCrF,GACrC,GAAIV,KAAKY,aAAc,CACrB,M,CAGFF,EAAM2C,kBAEN,MAAMnD,eAAEA,GAAmBF,KAC3B,MAAMoF,EAAelF,EAAemF,WAAWnH,GAAaA,EAASuD,SAErE,MAAM+D,EAAYJ,EAAe,EAEjC,GAAIlF,EAAesF,GAAY,CAC7BxF,KAAKyE,SAASvE,EAAesF,G,EAKjC,mCAAAQ,CAAoCtF,GAClC,GAAIV,KAAKY,aAAc,CACrB,M,CAGFF,EAAM2C,kBACN,MAAM1C,EAASD,EAAMC,OACrB,MAAMP,UAAEA,GAAcJ,KAEtBI,EAAUnC,SAASC,IACjBA,EAASuD,OAASvD,IAAayC,CAAM,G,CAKzC,2BAAAsF,GACE,GAAIjG,KAAKY,aAAc,CACrB,M,CAGFZ,KAAK0B,oBAAoB,K,CAI3B,wCAAAwE,CAAyCxF,GACvCV,KAAKV,cAAgBoB,EAAMyF,OAAOC,QAClC1F,EAAM2C,iB,CAIR,wBAAAgD,CAAyB3F,GACvB,GAAIV,KAAKY,aAAc,CACrB,M,CAGFZ,KAAKsG,iBAAiB5F,E,CAIxB,mCAAA6F,CAAoC7F,GAClC,GAAIV,KAAKY,aAAc,CACrB,M,CAGFF,EAAM2C,kBACN,MAAM1C,EAASD,EAAMC,OACrB,MAAMP,UAAEA,EAASwD,cAAEA,GAAkB5D,KAErC,GAAIW,EAAOiB,WAAagC,IAAkB,UAAYA,IAAkB,kBAAmB,CACzFxD,EAAUnC,SAASC,GAAcA,EAAS0D,SAAW1D,IAAayC,G,CAGpEX,KAAK0B,qB,CAIP,2CAAA8E,CACE9F,GAIA,GAAIV,KAAKY,aAAc,CACrB,M,CAGFF,EAAM2C,kBACN,MAAM1C,OAAEA,EAAMwF,OAAEA,GAAWzF,EAC3B,MAAMR,eAAEA,EAAcuG,iBAAEA,GAAqBzG,KAC7C,MAAM0G,EAAe/F,EAErB,GAAIwF,EAAOQ,kBAAoBF,EAAkB,CAC/C,MAAMrB,EAAelF,EAAe9B,QAAQsI,GAC5C,MAAME,EAAoB1G,EAAe9B,QAAQqI,EAAiBC,cAClE,MAAMG,EAAaC,KAAKC,IAAIH,EAAmBxB,GAC/C,MAAM4B,EAAWF,KAAKG,IAAIL,EAAmBxB,GAE7ClF,EACGgH,MAAML,EAAYG,EAAW,GAC7B/I,SAASuD,GAAUA,EAAKI,SAAW6E,EAAiB7E,U,KAClD,CACL5B,KAAKyG,iBAAmB,CAAEC,eAAc9E,SAAU8E,EAAa9E,S,EAKnE,mCAAAuF,CAAoCzG,GAClC,GAAIV,KAAKY,aAAc,CACrB,M,CAGFF,EAAM2C,kBACNrD,KAAKO,iB,CAIP,mDAAA6G,CAAoD1G,GAClDA,EAAM2C,iB,CASR,iBAAAgE,GACE,GAAIC,EAAWtH,MAAO,CACpB,M,CAGFuH,EAAiBvH,MACjBwH,EAAgBxH,MAChBA,KAAKyH,kBACLzH,KAAKO,kBACLP,KAAKkE,eACLwD,EAAmB1H,MACnBA,KAAK2H,e,CAGP,uBAAMC,GACJC,EAAuB7H,YACjB8H,EAAc9H,K,CAGtB,kBAAA+H,GACEC,EAAsBhI,K,CAGxB,gBAAAiI,GACEC,EAAmBlI,K,CAGrB,oBAAAmI,GACE,GAAIb,EAAWtH,MAAO,CACpB,M,CAGFA,KAAKoI,qBACLC,EAA4BrI,MAC5BsI,EAAsBtI,MACtBuI,EAAoBvI,MACpBwI,EAAmBxI,K,CAYrB,qBAAAyI,GACEC,EAAe1I,KAAMA,KAAK2I,gB,CAiD5B,cAAMhE,SACEiE,EAAmB5I,MAEzB,GAAIA,KAAKmE,cAAe,CACtB,OAAOnE,KAAKkD,UAAUyB,U,CAGxB,OAAO3E,KAAKE,eAAe2I,MAAM3K,GAAaA,EAASuD,UAASkD,U,CASlE,MAAAmE,GACE,MAAMC,QACJA,EAAO5N,MACPA,EAAKoJ,SACLA,EAAQH,cACRA,EAAaD,cACbA,EAAa6E,kBACbA,EAAiB5G,WACjBA,EAAUO,cACVA,EAAa3B,sBACbA,EAAqBG,oBACrBA,EAAmBE,mBACnBA,GACErB,KACJ,OACEiJ,EAACC,EAAoB,CAAAhE,IAAA,2CAACX,SAAUvE,KAAKuE,UACnC0E,EAAA,OAAA/D,IAAA,2CAAKiE,MAAOlP,EAAIG,WACb4F,KAAK6D,YACJoF,EAAA,oBAAgB,YAAYE,MAAOlP,EAAIqF,eACpCU,KAAKV,eAEN,KACHU,KAAKoJ,qBACLL,EAAUE,EAAA,iBAAeE,MAAOlP,EAAIiF,MAAO6J,QAASA,IAAc,KACnEE,EAAA,SAAA/D,IAAA,uDACamE,EAAcN,GAAQ,aACrB5N,GAAS,GACrBgO,MAAOlP,EAAIgF,MACXqK,UAAWtJ,KAAKgF,kBAChBuE,KAAK,YAEJpF,GAAiBnD,GAAyBG,EACzC8H,EAAA,SAAOE,MAAOlP,EAAIoF,QAChB4J,EAAA,UACEA,EAAA,MAAIO,QAAS3N,GACXoN,EAAA,iBAAeE,MAAOlP,EAAIkF,OACxB8J,EAAA,QACEQ,KAAM7N,EAAM6D,mBACZiK,aAAc1J,KAAKe,mCACnB4I,KAAMC,EAAY3O,eAEpBgO,EAAA,+BACcD,EACZzE,SAAUA,EACVT,MAAOM,EACPyF,sBAAuB7J,KAAKoD,mBAC5B0G,YAAad,EACbe,IAAK/J,KAAKiD,YACVX,MAAOF,IAET6G,EAAA,QACEQ,KAAM7N,EAAM8D,iBACZgK,aAAc1J,KAAKkB,iCACnByI,KAAMC,EAAYrO,iBAM1B,KACJ0N,EAAA,SAAA/D,IAAA,2CAAOiE,MAAOlP,EAAImF,gBAChB6J,EAAA,QAAA/D,IAAA,2CAAMwE,aAAc1J,KAAKS,4BAG7BwI,EAAA,OAAA/D,IAAA,uDACY,SAAQ,eACL,uBACbZ,SAAUjD,GAAsB8C,GAAiB/B,IAAeO,EAAcrE,SAE9E2K,EAAA,QAAA/D,IAAA,2CACEuE,KAAM7N,EAAM4D,gBACZkK,aAAc1J,KAAKoB,oC,CAcvB,kBAAAgI,GACN,MAAMY,SACJA,EAAQrH,cACRA,EAAa/B,aACbA,EAAY+H,gBACZA,EAAesB,gBACfA,EAAe9F,cACfA,EAAa/B,WACbA,EAAUD,aACVA,GACEnC,KAEJkK,EAAsBC,oBAAsB,CAC1CC,OAAQzB,EACRsB,mBAGF,OAAQrJ,EACNqI,EAAA,mBAAe,SAASE,MAAOlP,EAAIqF,eAChC6E,GAAiB/B,GAAcD,GAAc7D,OAC5C2K,EAAA,OAAK/D,IAAI,uBAAuB8E,EAAS7F,eACvC,KACJ8E,EAAA,OAAK/D,IAAI,mBACN8E,EAASK,MAAMC,QACd,UACAJ,EAAsBK,SAAS5H,EAAcrE,OAAOkM,cAGvD7H,EAAcrE,OACb2K,EAAA,MAAI/D,IAAI,kBACLvC,EAAcpF,KAAKiE,GAClByH,EAAA,UAAKzH,EAAKrG,UAGZ,MAEJ,I,CAGE,eAAAsM,GACNzH,KAAKK,kBAAkBoK,QAAQzK,KAAK7C,GAAI,CAAEuN,UAAW,KAAMC,QAAS,M,CAG9D,kBAAAvC,GACNpI,KAAKK,kBAAkBuK,Y,CAGjB,YAAA1G,GACN,MAAML,YAAEA,GAAgB7D,KAExB,IAAK6D,EAAa,CAChB,M,CAGFgH,EAAyB7K,K,CAG3B,iBAAA8K,GACE9K,KAAKoI,oB,CAGP,eAAA2C,GACE/K,KAAKyH,iB,CAGP,SAAAuD,CAAU7E,GACRnG,KAAKiL,mBAAmBnK,KAAKqF,E,CAG/B,WAAA+E,CAAY/E,GACVnG,KAAKmL,qBAAqBrK,KAAKqF,E,CAGjC,UAAAiF,CAAWjF,GACTnG,KAAK2H,gBACL3H,KAAKO,kBAELP,KAAKqL,uBAAuBvK,KAAKqF,E,CAG3B,aAAAwB,GACN3H,KAAKY,aAAeZ,KAAK7C,GAAG2H,eAAeC,QAAQ,e,CAuC7C,cAAAhC,EAAe5F,GACrBA,EAAEwF,cACFA,EAAaE,eACbA,IAMA,MAAMd,GACHc,EAAeyI,IAAInO,KAAQwF,EAAcC,SAASzF,GAErDA,EAAG4E,aAAeA,EAElB,MAAMwJ,EAAgBpO,EAAG2H,cAAcC,QAAQjF,GAI/C,IAAKyL,EAAe,CAClB,M,CAGF,IAAKxJ,EAAc,CACjBc,EAAe2I,IAAID,E,CAGrBvL,KAAK+C,eAAe,CAClB5F,GAAIoO,EACJ5I,gBACAE,kB,CAII,sBAAAb,CAAuBR,GAC7B,MAAMiK,EAAajK,EAAKsD,eAAeC,QAAQpI,GAE/C,IAAK8O,EAAY,CACf,OAAO,I,MACF,IAAKA,EAAWpP,KAAM,CAC3B,OAAO,K,CAGT,OAAO2D,KAAKgC,uBAAuByJ,E,CAsC7B,kBAAAlI,CAAmBzC,EAAO,OAChC,MAAMoC,SAAEA,GAAalD,KAErB,IAAKkD,EAAU,CACb,M,CAGF,GAAIA,EAASP,cAAe,CAC1B3C,KAAKmC,aAAee,EAASP,a,CAG/B3C,KAAKO,gBAAgBO,E,CAGf,mBAAMqC,GACZ,MAAMD,SAAEA,EAAQd,WAAEA,GAAepC,KAEjC,IAAKkD,EAAU,CACb,M,CAGFA,EAASZ,MAAQF,QACXc,EAAShG,OAAOkF,GACtBpC,KAAKuD,oB,CAmIP,gBAAA+C,CAAiB5F,GACf,MAAMP,eAAEA,EAAcF,aAAEA,GAAiBD,KACzC,MAAM0L,UAAEA,GAAchL,EAAMyF,OAE5B,MAAMwF,EAAejL,EAAMiL,eAE3B,MAAMC,EAASD,EAAa9C,MACzB1L,GAAoBA,GAAI0O,SAAW1O,EAAGC,QAAQ+C,KAGjD,MAAM2L,EAASH,EAAa9C,MACzB1L,GAAoBA,GAAI0O,SAAW1O,EAAGC,QAAQ6C,KAGjD,MAAM8L,EAAWD,GAAQhH,cAEzB,IAAKiH,EAAU,CACb,M,CAGF,MAAMpJ,cAAEA,GAAkB3C,KAE1B,MAAMgM,EAAkBrJ,EAAczF,QAAQsE,GAASA,EAAKsD,gBAAkBiH,IAE9E,MAAME,EAAYD,EAAgB1N,OAAS,EAC3C,MAAM4N,EAAWF,EAAgB5N,QAAQ0N,GACzC,IAAIK,EAEJ,GAAIT,IAAc,KAAM,CACtBS,EAAWD,IAAa,EAAID,EAAYC,EAAW,C,KAC9C,CACLC,EAAWD,IAAaD,EAAY,EAAIC,EAAW,C,CAGrDlM,KAAKoI,qBACLwD,EAAOQ,qBAAuB,KAE9B,MAAMC,EACHX,IAAc,MAAQS,IAAaF,GAAeP,IAAc,QAAUS,IAAa,EACpFH,EAAgBG,GAChBH,EAAgBG,GAAUG,YAEhCP,EAASQ,aAAaT,EAAQO,GAE9BrM,KAAKO,kBACLP,KAAKyH,kBAELzH,KAAKqL,uBAAuBvK,KAAK,CAC/BgL,SACAU,OAAQT,EACRU,KAAMV,EACNI,WACAD,aAGFN,EAAOjH,WAAW+H,MAAK,IAAOd,EAAOQ,qBAAuB,O,iaCj/BhE,MAAMO,EAAc,y5JACpB,MAAAC,EAAeD,ECoDf,MAAME,EAAW,IAAIC,IACrB,MAAMrQ,EAAe,e,MAiBRsQ,GAAQ,M,mwBAooBX/M,KAAAgN,gCAAmCtM,IACzCV,KAAKiN,aAAgBvM,EAAMC,OAAoCiB,SAC/D5B,KAAKkN,gCAAgCpM,OACrCJ,EAAM2C,iBAAiB,EAGjBrD,KAAAmN,2BAA6B,KACnCnN,KAAKoN,8BAA8BtM,MAAM,EAGnCd,KAAAqN,gBAAkB,KACxBrN,KAAKsN,kBAAkBtN,KAAKuN,aAAa,EAGnCvN,KAAAwN,sBAAwB,KAC9BxN,KAAKsN,kBAAkBtN,KAAKyN,eAAe,EAGrCzN,KAAA0N,iBAAmB,KACzB1N,KAAKsN,kBAAkBtN,KAAK2N,UAAU,EAGhC3N,KAAA4N,oBAAsB,KAC5B5N,KAAKsN,kBAAkBtN,KAAK6N,aAAa,EAWnC7N,KAAA8N,iBAAmB,KACzB9N,KAAKqE,OAAS,KACdrE,KAAK+N,qBAAqBjN,MAAM,EAG1Bd,KAAAgO,wBAA2BtN,IACjCV,KAAKiO,iBAAmBhN,EAA6BP,EAAM,EAGrDV,KAAAkO,6BAAgCxN,IACtCV,KAAKmO,gBAAkBlN,EAA6BP,EAAM,EAGpDV,KAAAoO,2BAA8B1N,IACpCV,KAAKqO,cAAgBpN,EAA6BP,EAAM,EAGlDV,KAAAsO,6BAAgC5N,IACtCV,KAAKuO,gBAAkBtN,EAA6BP,EAAM,EAGpDV,KAAAwO,2BAA8B9N,IACpCV,KAAKyO,cAAgBxN,EAA6BP,EAAM,EAGlDV,KAAA0O,8BAAiChO,IACvCV,KAAK2O,iBAAmB1N,EAA6BP,EAAM,EA+BrDV,KAAAS,wBAA2BC,IACjCV,KAAK4O,qBAAqBlO,EAAMC,OAA0B,EAGpDX,KAAA6O,kBAAoB,KAC1B7O,KAAK8O,QAAQ,EAGP9O,KAAA8O,OAAS,CAACxM,GAAStC,KAAK3D,QAC9B2D,KAAK3D,KAAOiG,EACZtC,KAAK+O,sBAAsBjO,MAAM,EAG3Bd,KAAAgP,gBAAmBtO,IACzB,GAAIA,EAAMuE,iBAAkB,CAC1B,M,CAGFjF,KAAKiP,eAAevO,EAAMwO,SAAS,EAG7BlP,KAAAiP,eAAkBC,IACxB,MAAMtL,cAAEA,EAAahC,SAAEA,GAAa5B,KAEpC,GAAIA,KAAKuE,SAAU,CACjB,M,CAGF,GAAIX,IAAkB,YAAcA,IAAkB,SAAU,CAC9D5D,KAAK4B,UAAYA,C,MACZ,GAAIgC,IAAkB,iBAAkB,CAC7C5D,KAAK4B,SAAW,I,CAGlB5B,KAAKmP,sCAAsCrO,KAAK,CAC9C6F,eAAgBuI,GAAYtL,IAAkB,aAEhD5D,KAAKoP,sBAAsBtO,MAAM,EAS3Bd,KAAAqP,kBAAqB3O,IAC3B,GAAIA,EAAMuE,iBAAkB,CAC1B,M,CAGF,MAAMC,IAAEA,GAAQxE,EAChB,MAAMiL,EAAejL,EAAMiL,eAC3B,MAAM2D,YAAEA,EAAW7B,eAAEA,EAAcI,aAAEA,EAAYxR,KAAEA,EAAIkT,SAAEA,GAAavP,KAEtE,MAAMwP,EAAQxP,KAAKyP,eACnB,MAAMrK,EAAeoK,EAAMnK,WAAWqK,GAAS/D,EAAa/I,SAAS8M,KAErE,GACExK,IAAQ,UACPyG,EAAa/I,SAAS6K,KACtB9B,EAAa/I,SAASiL,GACvB,CACAnN,EAAM4E,iBACNtF,KAAKiP,eAAevO,EAAMwO,S,MACrB,GAAIhK,IAAQ,aAAc,CAC/BxE,EAAM4E,iBACN,MAAMC,EAAYH,EAAe,EACjC,GAAIA,KAAkB,EAAG,CACvB,IAAK/I,GAAQkT,EAAU,CACrBvP,KAAK8O,OAAO,MACZ9O,KAAK2P,UAAU,K,MACV,GAAIH,EAAM,GAAI,CACnBxP,KAAK2P,UAAUH,EAAM,G,OAElB,GAAIA,EAAMpK,IAAiBoK,EAAMjK,GAAY,CAClDvF,KAAK2P,UAAUH,EAAMjK,G,OAElB,GAAIL,IAAQ,YAAa,CAC9BxE,EAAM4E,iBACN,MAAME,EAAYJ,EAAe,EACjC,GAAIA,KAAkB,EAAG,CACvBpF,KAAK2P,UAAU,MACf,GAAItT,GAAQkT,EAAU,CACpBvP,KAAK8O,OAAO,M,KACP,CACL9O,KAAK4P,iCAAiC9O,M,OAEnC,GAAIsE,IAAiB,EAAG,CAC7BpF,KAAK2P,UAAU,MACfL,EAAYO,O,MACP,GAAIL,EAAMpK,IAAiBoK,EAAMhK,GAAY,CAClDxF,KAAK2P,UAAUH,EAAMhK,G,IAKnBxF,KAAA8P,cAAgB,KACtB9P,KAAK2P,UAAU,KAAK,EAGd3P,KAAAsN,kBAAqB5I,IAC3B1E,KAAK+P,aAAarL,EAASsL,EAAiBtL,GAAU,KAAK,EAIrD1E,KAAA+P,aAAe,CACrBrL,EACAuL,EACAC,KAEA,MAAMtP,aAAEA,GAAiBZ,KAEzB,GAAIkQ,EAAgB,CAClBrD,EAASsD,IAAIvP,EAAc,K,CAG7B,MAAMwP,EAAYpQ,KAAKyP,eAEvBW,EAAUnS,SAASoS,IACjBA,EAAUC,UAAY,EACtBD,EAAUE,gBAAgB/T,EAAwB,IAGpD,IAAKkI,EAAS,CACZ,M,CAGFA,EAAQ4L,SAAW5L,IAAYuL,EAAY,GAAK,EAChDvL,EAAQ8L,aAAahU,EAAyB,IAE9C,GAAI0T,EAAgB,CAClBrD,EAASsD,IAAIvP,EAAcwP,EAAUhS,QAAQsG,G,GAIzC1E,KAAA2P,UAAY,CAACjL,EAAsCwL,EAAiB,QAC1E,MAAMD,EAAYD,EAAiBtL,GACnC1E,KAAK+P,aAAarL,EAASuL,EAAWC,GACtCD,GAAWJ,OAAO,E,YAv1BH,M,cAcE,M,cAGiB,M,YAGa,M,yCAeb,M,kBAUI,M,gBAOnB,M,kBAKkC,M,kBAOf,M,uDAeO,M,aAYrB,K,iBAOI,K,cAKqB,M,wCAoB/C,K,yBAOgE,K,6EAqGzC,G,0CASF,K,0CAIL,M,qBAEO,M,mBAEF,M,sBAEG,M,qBAED,M,mBAEF,M,sBAEG,K,CA7P5B,aAAAY,CAAchP,GACZ,IAAKA,EAAQ,CACXzB,KAAK2P,UAAU,KAAM,M,EAkBzB,kBAAAe,GACE1Q,KAAK2Q,mC,CAcP,oBAAAC,GACE5Q,KAAK2Q,mC,CA2CP,gBAAAE,GACE7Q,KAAK8Q,mC,CAuBP,oBAAAC,GACE/Q,KAAKgR,8BAA8BlQ,M,CAwCrC,gBAAA8E,G,CAuEA,2CAAAqL,CAA4CvQ,GAC1CA,EAAM2C,kBACNrD,KAAK4O,qBAAqB5O,KAAKkR,c,CAcjC,qBAAAzI,GACEC,EAAe1I,KAAMA,KAAK2I,gB,CAyC5B,iBAAAtB,GACEK,EAAmB1H,MACnBuH,EAAiBvH,MACjBwH,EAAgBxH,MAChB,MAAM7C,GAAEA,GAAO6C,KACfA,KAAKY,aAAezD,EAAG4H,QAAQtI,GAC/BuD,KAAKmR,MAAQ5S,EAASpB,GAAM,EAC5B6C,KAAKoR,sB,CAGP,uBAAMxJ,GACJC,EAAuB7H,YACjB8H,EAAc9H,K,CAGtB,gBAAAiI,GACEC,EAAmBlI,K,CAGrB,kBAAA+H,GACEC,EAAsBhI,K,CAGxB,oBAAAmI,GACEG,EAAsBtI,MACtBuI,EAAoBvI,MACpBwI,EAAmBxI,K,CAWrB,cAAM2E,SACEiE,EAAmB5I,MACzB,MAAMsP,YAAEA,EAAW1O,aAAEA,GAAiBZ,KACtC,MAAMqR,EAAaxE,EAASyE,IAAI1Q,GAEhC,UAAWyQ,IAAe,SAAU,CAClC,MAAM7B,EAAQxP,KAAKyP,eACnB,GAAID,EAAM6B,GAAa,CACrBrR,KAAK2P,UAAUH,EAAM6B,G,KAChB,CACL/B,GAAaO,O,CAEf,M,CAGFP,GAAaO,O,CASf,cAAA0B,GACE,MAAM3P,SAAEA,EAAQgC,cAAEA,EAAaD,oBAAEA,GAAwB3D,KAEzD,GAAI4D,IAAkB,QAAUD,IAAwB,SAAU,CAChE,OAAO,I,CAGT,OACEsF,EAAA,MACEE,MAAO,CACL,CAAClP,EAAIuB,oBAAqB,KAC1B,CAACvB,EAAIwB,0BACHmI,IAAkB,UAAYA,IAAkB,kBAEpDsB,IAAI,sBACJsM,QAASxR,KAAKgP,iBAEd/F,EAAA,gBACEwI,KACE7P,EACIgC,IAAkB,WAChB9H,EAAMC,iBACND,EAAME,eACR4H,IAAkB,WAChB9H,EAAMG,mBACNH,EAAMI,iBAEdwV,MAAM,M,CAMd,gBAAAC,GACE,MAAMxW,MAAEA,EAAK8I,WAAEA,EAAUgJ,aAAEA,EAAY2E,aAAEA,EAAYzT,YAAEA,EAAWE,QAAEA,GAAY2B,KAEhF,OAAOiE,EACLgF,EAAA,mBACc9N,EACZgO,MAAOlP,EAAI0B,cACXuJ,IAAI,wBACJ2M,UAAW7R,KAAKqN,gBAChBtD,IAAM5M,GAAQ6C,KAAKuN,aAAepQ,EAClCoM,KAAK,YAELN,EAAA,kBACE1E,SAAUqN,EACVzW,MAAOA,EACP2W,sBAAuB9R,KAAKgN,gCAC5BpL,SAAUqL,EACV9O,YAAaA,EACbE,QAASA,KAGX,I,CAGN,UAAA0T,GACE,MAAM5U,GAAEA,EAAEd,KAAEA,EAAIkT,SAAEA,EAAQvF,SAAEA,GAAahK,KACzC,MAAMgS,EAAMC,EAAc9U,GAC1B,MAAMsU,EAAOpV,EAAOP,EAAMO,KAAO2V,IAAQ,MAAQlW,EAAMM,UAAYN,EAAMK,UACzE,MAAM+V,EAAU7V,EAAO2N,EAASmI,SAAWnI,EAASoI,OAEpD,OAAO7C,EACLtG,EAAA,MACEE,MAAOlP,EAAIyB,cACXwJ,IAAI,iBACJsM,QAASxR,KAAK6O,kBACdwD,MAAOH,GAEPjJ,EAAA,gBAAcwI,KAAMA,EAAMvM,IAAKuM,EAAMC,MAAM,OAE3C,I,CAGN,kBAAAY,GACE,MAAMnX,MAAEA,EAAKgT,gBAAEA,GAAoBnO,KACnC,OACEiJ,EAAA,mBACc9N,EACZgO,MAAOlP,EAAIgB,aACXqJ,QAAS6J,EACTjJ,IAAI,0BACJ2M,UAAW7R,KAAKwN,sBAChBzD,IAAM5M,GAAQ6C,KAAKyN,eAAiBtQ,EACpCoM,KAAK,YAELN,EAAA,QAAMQ,KAAM7N,EAAMX,aAAcyO,aAAc1J,KAAKkO,+B,CAKzD,gBAAAqE,GACE,MAAMpX,MAAEA,EAAKkT,cAAEA,EAAamE,SAAEA,EAAQxI,SAAEA,GAAahK,KACrD,OACEiJ,EAAA,mBACc9N,EACZgO,MAAOlP,EAAIsB,WACX+I,SAAU+J,GAAiBmE,GAC3BtN,IAAI,wBACJ2M,UAAW7R,KAAK4N,oBAChB7D,IAAM5M,GAAQ6C,KAAK6N,aAAe1Q,EAClCoM,KAAK,YAELN,EAAA,QAAMQ,KAAM7N,EAAML,WAAYmO,aAAc1J,KAAKoO,6BAChDoE,EACCvJ,EAAA,kBACEwJ,WAAW,cACXhB,KAAM3V,EAAMS,MACZ2I,IAAI,eACJ/J,MAAO6O,EAASzN,MAChBiV,QAASxR,KAAK8N,iBACd4E,KAAM1I,EAASzN,QAEf,K,CAKV,kBAAAoW,GACE,MAAMpE,gBAAEA,GAAoBvO,KAC5B,OACEiJ,EAAA,OAAKE,MAAOlP,EAAIiB,aAAcoJ,QAASiK,GACrCtF,EAAA,QAAMQ,KAAM7N,EAAMV,aAAcwO,aAAc1J,KAAKsO,+B,CAKzD,mBAAAsE,GACE,MAAM3E,iBAAEA,GAAqBjO,KAC7B,OACEiJ,EAAA,OAAKE,MAAOlP,EAAIe,cAAesJ,QAAS2J,GACtChF,EAAA,QAAMQ,KAAM7N,EAAMb,QAAS2O,aAAc1J,KAAKgO,0B,CAKpD,gBAAA6E,GACE,MAAMpE,cAAEA,GAAkBzO,KAC1B,OACEiJ,EAAA,OAAKE,MAAOlP,EAAIoB,WAAYiJ,QAASmK,GACnCxF,EAAA,QAAMQ,KAAM7N,EAAMP,WAAYqO,aAAc1J,KAAKwO,6B,CAKvD,mBAAAsE,GACE,MAAMnE,iBAAEA,GAAqB3O,KAC7B,OACEiJ,EAAA,OAAKE,MAAOlP,EAAIqB,cAAegJ,QAASqK,GACtC1F,EAAA,QAAMQ,KAAM7N,EAAMN,cAAeoO,aAAc1J,KAAK0O,gC,CAK1D,sBAAAqE,GACE,OACE9J,EAAA,OACEE,MAAO,CACL,CAAClP,EAAIY,iBAAkB,KACvB,CAACZ,EAAIa,uBAAwBkF,KAAKuP,WAAavP,KAAK3D,OAGtD4M,EAAA,QACES,aAAc1J,KAAKS,wBACnBsJ,IAAM5M,GAAyB6C,KAAKkR,cAAgB/T,I,CAM5D,uBAAA6V,GACE,MAAM7X,MAAEA,EAAKC,YAAEA,EAAW6S,iBAAEA,GAAqBjO,KAEjD,OAAQiO,MAAuB9S,KAAWC,GACxC6N,EAAA,OAAKE,MAAOlP,EAAIc,QAASmK,IAAI,WAC1B/J,EACC8N,EAAA,OAAKE,MAAOlP,EAAIkB,MAAO+J,IAAI,SACxB/J,GAED,KACHC,EACC6N,EAAA,OAAKE,MAAOlP,EAAImB,YAAa8J,IAAI,eAC9B9J,GAED,MAEJ,I,CAGN,sBAAA6X,GACE,MAAM7X,YAAEA,EAAWD,MAAEA,EAAKyI,cAAEA,EAAaqK,iBAAEA,GAAqBjO,KAChE,MAAMkT,EAAmBjF,KAAsB9S,KAAWC,EAC1D,MAAML,EAAU,CACdiF,KAAK2S,qBACL3S,KAAK4S,sBACL5S,KAAKgT,0BACLhT,KAAK6S,oBAGP,OACE5J,EAAA,mBACc9N,EACZgO,MAAO,CACL,CAAClP,EAAIS,kBAAmB,KACxB,CAACT,EAAIU,4BAA6BiJ,IAAkB,OACpD,CAAC3J,EAAIW,kCAAmCsY,GAE1ChO,IAAI,oBACJsM,QAASxR,KAAKgP,gBACd6C,UAAW7R,KAAK0N,iBAChB3D,IAAM5M,GAAQ6C,KAAK2N,UAAYxQ,EAC/BoM,KAAK,YAEJxO,E,CAKP,MAAA+N,GACE,MAAMyG,SACJA,EAAQlT,KACRA,EAAI8U,MACJA,EAAKhT,YACLA,EAAWE,QACXA,EAAOoD,OACPA,EAAMtG,MACNA,EAAKyG,SACLA,EAAQ+B,oBACRA,EAAmBC,cACnBA,EAAaS,OACbA,EAAMtC,aACNA,EAAYE,SACZA,EAAQsC,SACRA,GACEvE,KAEJ,MAAMmT,EAAavP,IAAkB,QAAUD,IAAwB,SACvE,MAAMyP,EAAiBD,GAAcvR,EACrC,MAAMyR,EAAmBF,IAAevR,EAExC,OACEqH,EAACqK,EAAI,CAAApO,IAAA,4CACH+D,EAACC,EAAoB,CAAAhE,IAAA,2CAACX,SAAUA,GAC9B0E,EAAA,OAAA/D,IAAA,2CAAKiE,MAAO,CAAE,CAAClP,EAAIC,SAAU,KAAM,CAACD,EAAIE,iBAAkB8H,IACxDgH,EAAA,MAAA/D,IAAA,2DACiBqK,EAAWlG,EAAchN,GAAQ,KAAI,aACxClB,EAAK,aACLgW,EAAK,gBACFhT,EAAW,gBACXkL,EAAczH,GAAS,eACxBvD,EACd8K,MAAO,CACL,CAAClP,EAAIG,WAAY,KACjB,CAACH,EAAIK,gBAAiB,KACtB,CAACL,EAAIM,iBAAkB4Y,EACvB,CAAClZ,EAAIO,yBAA0B4Y,EAC/B,CAACnZ,EAAIQ,2BAA4B4Y,GAEnC/O,OAAQD,GAAUtC,EAClBwR,QAASvT,KAAK8P,cACd+B,UAAW7R,KAAKmN,2BAChB7D,UAAWtJ,KAAKqP,kBAChBtF,IAAM5M,GAAQ6C,KAAKsP,YAAcnS,EACjCoM,KAAK,MACL+G,SAAU7O,EAAS,GAAK,GAEvBzB,KAAK2R,mBACL3R,KAAKuR,iBACLvR,KAAK+R,aACL/R,KAAKsS,qBACLtS,KAAKiT,yBACLjT,KAAKuS,oBAEPvS,KAAK8S,uBAER7J,EAAA,OAAA/D,IAAA,2CAAKiE,MAAOlP,EAAII,QAAS2F,KAAK+S,2B,CAsC9B,iCAAAjC,GACN9Q,KAAKwT,8BAA8B1S,M,CAG7B,iCAAA6P,GACN3Q,KAAKyT,8BAA8B3S,M,CAgC7B,oBAAAsQ,GACN,MAAMxQ,aAAEA,EAAYgD,cAAEA,EAAaD,oBAAEA,GAAwB3D,KAE7D,IAAKY,EAAc,CACjB,M,CAGF,IAAKgD,EAAe,CAClB5D,KAAK4D,cAAgBhD,EAAagD,a,CAGpC,IAAKD,EAAqB,CACxB3D,KAAK2D,oBAAsB/C,EAAa+C,mB,EAIpC,oBAAAiL,CAAqB/R,GAC3B,IAAKA,EAAQ,CACX,M,CAGF,MAAMgB,EAAmBR,EAAoBR,GAC7C,MAAM6W,EAAqB9W,EAAsBC,GACjDmB,EAAuBH,GAEvBmC,KAAKuP,WAAa1R,EAAiBS,UAAYoV,EAAmBpV,M,CA2C5D,YAAAmR,GACN,MAAO,CAACzP,KAAKuN,aAAcvN,KAAKyN,eAAgBzN,KAAK2N,UAAW3N,KAAK6N,cAAc3Q,QAChFC,GAAOA,IAAOA,EAAGmH,Q,kVCh1BjB,MAAMrK,GAAM,CACjBG,UAAW,YACXuZ,QAAS,WCFX,MAAMC,GAAmB,qtBACzB,MAAAC,GAAeD,G,MCiBFE,GAAa,M,sIA2FhB9T,KAAAS,wBAA0B,KAChCT,KAAK+T,8CAA8CjT,MAAM,E,cAlFvB,M,kBAOI,M,uBA0BxC,iBAAAuG,GACEK,EAAmB1H,K,CAGrB,kBAAA+H,GACEC,EAAsBhI,K,CAGxB,oBAAAmI,GACEG,EAAsBtI,K,CAiBxB,MAAA8I,GACE,MAAMvE,SAAEA,EAAQoP,QAAEA,GAAY3T,KAC9B,OACEiJ,EAACqK,EAAI,CAAApO,IAAA,4CACH+D,EAACC,EAAoB,CAAAhE,IAAA,2CAACX,SAAUA,GAC9B0E,EAAA,MAAA/D,IAAA,2CAAIiE,MAAOlP,GAAIG,WACb6O,EAAA,MAAA/D,IAAA,2CAAIiE,MAAOlP,GAAI0Z,QAASnK,QAAS3N,GAC9B8X,IAGL1K,EAAA,QAAA/D,IAAA,2CAAMwE,aAAc1J,KAAKS,2B"}

package/dist/calcite/p-aa1f3bb0.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.9.0-next.20
+ */
+import{d as _}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";var r="января_февраля_марта_апреля_мая_июня_июля_августа_сентября_октября_ноября_декабря".split("_");var t="январь_февраль_март_апрель_май_июнь_июль_август_сентябрь_октябрь_ноябрь_декабрь".split("_");var e="янв._февр._мар._апр._мая_июня_июля_авг._сент._окт._нояб._дек.".split("_");var m="янв._февр._март_апр._май_июнь_июль_авг._сент._окт._нояб._дек.".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function i(_,r){var t=_.split("_");return r%10===1&&r%100!==11?t[0]:r%10>=2&&r%10<=4&&(r%100<10||r%100>=20)?t[1]:t[2]}function s(_,r,t){var e={mm:r?"минута_минуты_минут":"минуту_минуты_минут",hh:"час_часа_часов",dd:"день_дня_дней",MM:"месяц_месяца_месяцев",yy:"год_года_лет"};if(t==="m"){return r?"минута":"минуту"}return _+" "+i(e[t],+_)}var o=function _(e,m){if(p.test(m)){return r[e.month()]}return t[e.month()]};o.s=t;o.f=r;var a=function _(r,t){if(p.test(t)){return e[r.month()]}return m[r.month()]};a.s=m;a.f=e;var n={name:"ru",weekdays:"воскресенье_понедельник_вторник_среда_четверг_пятница_суббота".split("_"),weekdaysShort:"вск_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"вс_пн_вт_ср_чт_пт_сб".split("_"),months:o,monthsShort:a,weekStart:1,yearStart:4,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY г.",LLL:"D MMMM YYYY г., H:mm",LLLL:"dddd, D MMMM YYYY г., H:mm"},relativeTime:{future:"через %s",past:"%s назад",s:"несколько секунд",m:s,mm:s,h:"час",hh:s,d:"день",dd:s,M:"месяц",MM:s,y:"год",yy:s},ordinal:function _(r){return r},meridiem:function _(r){if(r<4){return"ночи"}else if(r<12){return"утра"}else if(r<17){return"дня"}return"вечера"}};_.locale(n,null,true);export{n as default};
+//# sourceMappingURL=p-aa1f3bb0.js.map

package/dist/calcite/p-aa308524.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.9.0-next.20
+ */
+import{r as e,c as t,h as s,H as i,g as a}from"./p-e48d006d.js";import{k as c,d as o,t as d}from"./p-99726b90.js";import{c as r,u as n,d as h,I as l}from"./p-ae04d854.js";import{a as p,s as b,b as f}from"./p-bf0746a3.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-c5966b3e.js";import"./p-ae81e665.js";const u=":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{--calcite-card-group-gap:var(--calcite-size-md);display:block}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-gap)}: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 m=u;const g=class{constructor(s){e(this,s);this.calciteCardGroupSelect=t(this,"calciteCardGroupSelect",6);this.items=[];this.udpateItemsOnSelectionModeChange=()=>{this.updateSlottedItems(this.slotRefEl);this.updateSelectedItems()};this.updateItemsOnSlotChange=e=>{this.updateSlottedItems(e.target);this.updateSelectedItems()};this.updateSlottedItems=e=>{this.items=e.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-card")))};this.updateSelectedItems=()=>{this.items.forEach((e=>{e.selectionMode=this.selectionMode}));this.setSelectedItems(false)};this.setSelectedItems=(e,t)=>{if(t){this.items.forEach((e=>{const s=t===e;switch(this.selectionMode){case"multiple":if(s){e.selected=!e.selected}break;case"single":e.selected=s?!e.selected:false;break;case"single-persist":e.selected=!!s;break}}))}this.selectedItems=this.items.filter((e=>e.selected));if(e&&this.selectionMode!=="none"&&!this.disabled){this.calciteCardGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.udpateItemsOnSelectionModeChange()}connectedCallback(){r(this)}componentDidRender(){n(this)}componentDidLoad(){p(this)}disconnectedCallback(){h(this)}async componentWillLoad(){b(this)}calciteInternalCardKeyEventListener(e){if(e.composedPath().includes(this.el)){const t=this.items.filter((e=>!e.disabled));switch(e.detail["key"]){case"ArrowRight":c(t,e.target,"next");break;case"ArrowLeft":c(t,e.target,"previous");break;case"Home":c(t,e.target,"first");break;case"End":c(t,e.target,"last");break}}}calciteCardSelectListener(e){if(e.composedPath().includes(this.el)&&!e.target.selectable){this.setSelectedItems(true,e.target)}}async setFocus(){await f(this);if(!this.disabled){o(this.items[0])}}render(){const e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return s(i,{key:"f7d72ac0d0c8b0cec9b1c5c048ed2a8ee304d9e2"},s(l,{key:"b477bbced684168f1e68c1fe0d8511a689653995",disabled:this.disabled},s("div",{key:"ce0aa841b96ad23886e109203a14ac2b0e54b948","aria-disabled":d(this.disabled),"aria-label":this.label,class:"container",role:e},s("slot",{key:"338c12be0a5a675daf911aad6049aff6319d3064",onSlotchange:this.updateItemsOnSlotChange,ref:e=>this.slotRefEl=e}))))}get el(){return a(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};g.style=m;export{g as calcite_card_group};
+//# sourceMappingURL=p-aa308524.entry.js.map

package/dist/calcite/p-aa308524.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardGroupCss","CalciteCardGroupStyle0","CardGroup","this","items","udpateItemsOnSelectionModeChange","updateSlottedItems","slotRefEl","updateSelectedItems","updateItemsOnSlotChange","event","target","assignedElements","flatten","filter","el","matches","forEach","selectionMode","setSelectedItems","emit","elToMatch","matchingEl","selected","selectedItems","disabled","calciteCardGroupSelect","onSelectionModeChange","connectedCallback","connectInteractive","componentDidRender","updateHostInteraction","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","componentWillLoad","setUpLoadableComponent","calciteInternalCardKeyEventListener","composedPath","includes","interactiveItems","detail","focusElementInGroup","calciteCardSelectListener","selectable","setFocus","componentLoaded","focusElement","render","role","h","Host","key","InteractiveContainer","toAriaBoolean","label","class","onSlotchange","ref"],"sources":["src/components/card-group/card-group.scss?tag=calcite-card-group&encapsulation=shadow","src/components/card-group/card-group.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-card-group-gap: Specifies the gap between slotted components.\n */\n\n:host {\n  --calcite-card-group-gap: var(--calcite-size-md);\n  display: block;\n}\n\n.container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--calcite-card-group-gap);\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  h,\n  VNode,\n  Prop,\n  Element,\n  Listen,\n  EventEmitter,\n  Event,\n  Method,\n  Watch,\n  Host,\n} from \"@stencil/core\";\nimport { focusElement, focusElementInGroup, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { SelectionMode } from \"../interfaces\";\nimport {\n  LoadableComponent,\n  componentLoaded,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\n\n/**\n * @slot - A slot for adding one or more `calcite-card`s.\n */\n\n@Component({\n  tag: \"calcite-card-group\",\n  styleUrl: \"card-group.scss\",\n  shadow: true,\n})\nexport class CardGroup implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCardGroupElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies the selection mode of the component. */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"single\" | \"single-persist\" | \"none\",\n    SelectionMode\n  > = \"none\";\n\n  @Watch(\"selectionMode\")\n  onSelectionModeChange(): void {\n    this.udpateItemsOnSelectionModeChange();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteCardElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  private items: HTMLCalciteCardElement[] = [];\n\n  private slotRefEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Emits when the component's selection changes and the `selectionMode` is not `none`. */\n  @Event({ cancelable: false }) calciteCardGroupSelect: EventEmitter<void>;\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  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalCardKeyEvent\")\n  calciteInternalCardKeyEventListener(event: KeyboardEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      const interactiveItems = this.items.filter((el) => !el.disabled);\n      switch (event.detail[\"key\"]) {\n        case \"ArrowRight\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"next\");\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"previous\");\n          break;\n        case \"Home\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"first\");\n          break;\n        case \"End\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"last\");\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteCardSelect\")\n  calciteCardSelectListener(event: CustomEvent): void {\n    if (\n      event.composedPath().includes(this.el) &&\n      !(event.target as HTMLCalciteCardElement).selectable\n    ) {\n      this.setSelectedItems(true, event.target as HTMLCalciteCardElement);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentLoaded(this);\n    if (!this.disabled) {\n      focusElement(this.items[0]);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private udpateItemsOnSelectionModeChange = (): void => {\n    this.updateSlottedItems(this.slotRefEl);\n    this.updateSelectedItems();\n  };\n\n  private updateItemsOnSlotChange = (event: Event): void => {\n    this.updateSlottedItems(event.target as HTMLSlotElement);\n    this.updateSelectedItems();\n  };\n\n  private updateSlottedItems = (target: HTMLSlotElement): void => {\n    this.items = target\n      .assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-card\")) as HTMLCalciteCardElement[];\n  };\n\n  private updateSelectedItems = (): void => {\n    this.items.forEach((el) => {\n      el.selectionMode = this.selectionMode;\n    });\n\n    this.setSelectedItems(false);\n  };\n\n  private setSelectedItems = (emit: boolean, elToMatch?: HTMLCalciteCardElement): void => {\n    if (elToMatch) {\n      this.items.forEach((el) => {\n        const matchingEl = elToMatch === el;\n        switch (this.selectionMode) {\n          case \"multiple\":\n            if (matchingEl) {\n              el.selected = !el.selected;\n            }\n            break;\n\n          case \"single\":\n            el.selected = matchingEl ? !el.selected : false;\n            break;\n\n          case \"single-persist\":\n            el.selected = !!matchingEl;\n            break;\n        }\n      });\n    }\n\n    this.selectedItems = this.items.filter((el) => el.selected);\n\n    if (emit && this.selectionMode !== \"none\" && !this.disabled) {\n      this.calciteCardGroupSelect.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const role =\n      this.selectionMode === \"none\" || this.selectionMode === \"multiple\" ? \"group\" : \"radiogroup\";\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-disabled={toAriaBoolean(this.disabled)}\n            aria-label={this.label}\n            class=\"container\"\n            role={role}\n          >\n            <slot\n              onSlotchange={this.updateItemsOnSlotChange}\n              ref={(el) => (this.slotRefEl = el as HTMLSlotElement)}\n            />\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;6TAAA,MAAMA,EAAe,whBACrB,MAAAC,EAAeD,E,MCqCFE,EAAS,M,wFA6CZC,KAAAC,MAAkC,GAkGlCD,KAAAE,iCAAmC,KACzCF,KAAKG,mBAAmBH,KAAKI,WAC7BJ,KAAKK,qBAAqB,EAGpBL,KAAAM,wBAA2BC,IACjCP,KAAKG,mBAAmBI,EAAMC,QAC9BR,KAAKK,qBAAqB,EAGpBL,KAAAG,mBAAsBK,IAC5BR,KAAKC,MAAQO,EACVC,iBAAiB,CAAEC,QAAS,OAC5BC,QAAQC,GAAOA,GAAIC,QAAQ,iBAA4C,EAGpEb,KAAAK,oBAAsB,KAC5BL,KAAKC,MAAMa,SAASF,IAClBA,EAAGG,cAAgBf,KAAKe,aAAa,IAGvCf,KAAKgB,iBAAiB,MAAM,EAGtBhB,KAAAgB,iBAAmB,CAACC,EAAeC,KACzC,GAAIA,EAAW,CACblB,KAAKC,MAAMa,SAASF,IAClB,MAAMO,EAAaD,IAAcN,EACjC,OAAQZ,KAAKe,eACX,IAAK,WACH,GAAII,EAAY,CACdP,EAAGQ,UAAYR,EAAGQ,Q,CAEpB,MAEF,IAAK,SACHR,EAAGQ,SAAWD,GAAcP,EAAGQ,SAAW,MAC1C,MAEF,IAAK,iBACHR,EAAGQ,WAAaD,EAChB,M,IAKRnB,KAAKqB,cAAgBrB,KAAKC,MAAMU,QAAQC,GAAOA,EAAGQ,WAElD,GAAIH,GAAQjB,KAAKe,gBAAkB,SAAWf,KAAKsB,SAAU,CAC3DtB,KAAKuB,uBAAuBN,M,iBAhLI,M,wCAShC,O,mBAY+D,E,CATnE,qBAAAO,GACExB,KAAKE,kC,CAmCP,iBAAAuB,GACEC,EAAmB1B,K,CAGrB,kBAAA2B,GACEC,EAAsB5B,K,CAGxB,gBAAA6B,GACEC,EAAmB9B,K,CAGrB,oBAAA+B,GACEC,EAAsBhC,K,CAGxB,uBAAMiC,GACJC,EAAuBlC,K,CASzB,mCAAAmC,CAAoC5B,GAClC,GAAIA,EAAM6B,eAAeC,SAASrC,KAAKY,IAAK,CAC1C,MAAM0B,EAAmBtC,KAAKC,MAAMU,QAAQC,IAAQA,EAAGU,WACvD,OAAQf,EAAMgC,OAAO,QACnB,IAAK,aACHC,EAAoBF,EAAkB/B,EAAMC,OAAkC,QAC9E,MACF,IAAK,YACHgC,EAAoBF,EAAkB/B,EAAMC,OAAkC,YAC9E,MACF,IAAK,OACHgC,EAAoBF,EAAkB/B,EAAMC,OAAkC,SAC9E,MACF,IAAK,MACHgC,EAAoBF,EAAkB/B,EAAMC,OAAkC,QAC9E,M,EAMR,yBAAAiC,CAA0BlC,GACxB,GACEA,EAAM6B,eAAeC,SAASrC,KAAKY,MACjCL,EAAMC,OAAkCkC,WAC1C,CACA1C,KAAKgB,iBAAiB,KAAMT,EAAMC,O,EActC,cAAMmC,SACEC,EAAgB5C,MACtB,IAAKA,KAAKsB,SAAU,CAClBuB,EAAa7C,KAAKC,MAAM,G,EAqE5B,MAAA6C,GACE,MAAMC,EACJ/C,KAAKe,gBAAkB,QAAUf,KAAKe,gBAAkB,WAAa,QAAU,aAEjF,OACEiC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACG,EAAoB,CAAAD,IAAA,2CAAC5B,SAAUtB,KAAKsB,UACnC0B,EAAA,OAAAE,IAAA,2DACiBE,EAAcpD,KAAKsB,UAAS,aAC/BtB,KAAKqD,MACjBC,MAAM,YACNP,KAAMA,GAENC,EAAA,QAAAE,IAAA,2CACEK,aAAcvD,KAAKM,wBACnBkD,IAAM5C,GAAQZ,KAAKI,UAAYQ,M"}

package/dist/calcite/p-ac40db38.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.9.0-next.20
+ */
+import{d as r}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";var e={name:"hu",weekdays:"vasárnap_hétfő_kedd_szerda_csütörtök_péntek_szombat".split("_"),weekdaysShort:"vas_hét_kedd_sze_csüt_pén_szo".split("_"),weekdaysMin:"v_h_k_sze_cs_p_szo".split("_"),months:"január_február_március_április_május_június_július_augusztus_szeptember_október_november_december".split("_"),monthsShort:"jan_feb_márc_ápr_máj_jún_júl_aug_szept_okt_nov_dec".split("_"),ordinal:function r(e){return e+"."},weekStart:1,relativeTime:{future:"%s múlva",past:"%s",s:function r(e,t,n,p){return"néhány másodperc"+(p||t?"":"e")},m:function r(e,t,n,p){return"egy perc"+(p||t?"":"e")},mm:function r(e,t,n,p){return e+" perc"+(p||t?"":"e")},h:function r(e,t,n,p){return"egy "+(p||t?"óra":"órája")},hh:function r(e,t,n,p){return e+" "+(p||t?"óra":"órája")},d:function r(e,t,n,p){return"egy "+(p||t?"nap":"napja")},dd:function r(e,t,n,p){return e+" "+(p||t?"nap":"napja")},M:function r(e,t,n,p){return"egy "+(p||t?"hónap":"hónapja")},MM:function r(e,t,n,p){return e+" "+(p||t?"hónap":"hónapja")},y:function r(e,t,n,p){return"egy "+(p||t?"év":"éve")},yy:function r(e,t,n,p){return e+" "+(p||t?"év":"éve")}},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY. MMMM D.",LLL:"YYYY. MMMM D. H:mm",LLLL:"YYYY. MMMM D., dddd H:mm"}};r.locale(e,null,true);export{e as default};
+//# sourceMappingURL=p-ac40db38.js.map

package/dist/calcite/p-ad00867d.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.9.0-next.20
+ */
+var n=typeof global=="object"&&global&&global.Object===Object&&global;const e=n;var r=typeof self=="object"&&self&&self.Object===Object&&self;var t=e||r||Function("return this")();const u=t;var i=u.Symbol;const f=i;var a=Object.prototype;var o=a.hasOwnProperty;var c=a.toString;var v=f?f.toStringTag:undefined;function d(n){var e=o.call(n,v),r=n[v];try{n[v]=undefined;var t=true}catch(n){}var u=c.call(n);if(t){if(e){n[v]=r}else{delete n[v]}}return u}var l=Object.prototype;var s=l.toString;function b(n){return s.call(n)}var p="[object Null]",y="[object Undefined]";var j=f?f.toStringTag:undefined;function m(n){if(n==null){return n===undefined?y:p}return j&&j in Object(n)?d(n):b(n)}function h(n){return n!=null&&typeof n=="object"}var T="[object Symbol]";function g(n){return typeof n=="symbol"||h(n)&&m(n)==T}var O=/\s/;function x(n){var e=n.length;while(e--&&O.test(n.charAt(e))){}return e}var w=/^\s+/;function $(n){return n?n.slice(0,x(n)+1).replace(w,""):n}function E(n){var e=typeof n;return n!=null&&(e=="object"||e=="function")}var M=0/0;var S=/^[-+]0x[0-9a-f]+$/i;var F=/^0b[01]+$/i;var I=/^0o[0-7]+$/i;var N=parseInt;function U(n){if(typeof n=="number"){return n}if(g(n)){return M}if(E(n)){var e=typeof n.valueOf=="function"?n.valueOf():n;n=E(e)?e+"":e}if(typeof n!="string"){return n===0?n:+n}n=$(n);var r=F.test(n);return r||I.test(n)?N(n.slice(2),r?2:8):S.test(n)?M:+n}var W=function(){return u.Date.now()};const k=W;var q="Expected a function";var z=Math.max,A=Math.min;function B(n,e,r){var t,u,i,f,a,o,c=0,v=false,d=false,l=true;if(typeof n!="function"){throw new TypeError(q)}e=U(e)||0;if(E(r)){v=!!r.leading;d="maxWait"in r;i=d?z(U(r.maxWait)||0,e):i;l="trailing"in r?!!r.trailing:l}function s(e){var r=t,i=u;t=u=undefined;c=e;f=n.apply(i,r);return f}function b(n){c=n;a=setTimeout(j,e);return v?s(n):f}function p(n){var r=n-o,t=n-c,u=e-r;return d?A(u,i-t):u}function y(n){var r=n-o,t=n-c;return o===undefined||r>=e||r<0||d&&t>=i}function j(){var n=k();if(y(n)){return m(n)}a=setTimeout(j,p(n))}function m(n){a=undefined;if(l&&t){return s(n)}t=u=undefined;return f}function h(){if(a!==undefined){clearTimeout(a)}c=0;t=o=u=a=undefined}function T(){return a===undefined?f:m(k())}function g(){var n=k(),r=y(n);t=arguments;u=this;o=n;if(r){if(a===undefined){return b(o)}if(d){clearTimeout(a);a=setTimeout(j,e);return s(o)}}if(a===undefined){a=setTimeout(j,e)}return f}g.cancel=h;g.flush=T;return g}export{f as S,g as a,m as b,h as c,B as d,e as f,E as i,u as r};
+//# sourceMappingURL=p-ad00867d.js.map

package/dist/calcite/p-adf2e09b.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.9.0-next.20
+ */
+import{r as e,h as t,g as i}from"./p-e48d006d.js";import{i as s}from"./p-99726b90.js";import{h as n,i as r}from"./p-afaa8bd6.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";const o={thumbnail:"thumbnail",background:"background",initials:"initials",icon:"icon"};function a(e){e=c(e);let t=0;for(let i=0;i<e.length;i++){t=e.charCodeAt(i)+((t<<5)-t)}let i="#";for(let e=0;e<3;e++){const s=t>>e*8&255;i+=("00"+s.toString(16)).substr(-2)}return i}function c(e){const t=Math.floor(e.length/2);const i=e.split("").reverse().join("");return i.substring(t)+i.slice(0,t)}function l(e){let{r:t,g:i,b:s}=e;t/=255;i/=255;s/=255;const n=Math.max(t,i,s);const r=Math.min(t,i,s);const o=n-r;if(n===r){return 0}let a=(n+r)/2;switch(n){case t:a=(i-s)/o+(i<s?6:0);break;case i:a=(s-t)/o+2;break;case s:a=(t-i)/o+4;break}return Math.round(a*60)}function d(e){return l(n(e))}const u=":host{display:inline-block;overflow:hidden;border-radius:50%}:host([scale=s]){block-size:1.5rem;inline-size:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){block-size:2rem;inline-size:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){block-size:2.75rem;inline-size:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:flex}.background{display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;border-radius:50%}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase;color:var(--calcite-color-text-2)}.thumbnail{block-size:100%;inline-size:100%;border-radius:50%}:host([hidden]){display:none}[hidden]{display:none}";const h=u;const f=class{constructor(t){e(this,t);this.scale="m";this.thumbnail=undefined;this.fullName=undefined;this.username=undefined;this.userId=undefined;this.label=undefined;this.thumbnailFailedToLoad=false}render(){return this.determineContent()}determineContent(){if(this.thumbnail&&!this.thumbnailFailedToLoad){return t("img",{alt:this.label||"",class:o.thumbnail,onError:()=>this.thumbnailFailedToLoad=true,src:this.thumbnail})}const e=this.generateInitials();const i=this.generateFillColor();return t("span",{"aria-label":this.label||this.fullName,class:o.background,role:"figure",style:{backgroundColor:i}},e?t("span",{"aria-hidden":"true",class:o.initials},e):t("calcite-icon",{class:o.icon,icon:"user",scale:this.scale}))}generateFillColor(){const{userId:e,username:t,fullName:i,el:n}=this;const o=s(n);const c=e&&`#${e.substr(e.length-6)}`;const l=t||i||"";const u=c&&r(c)?c:a(l);if(!e&&!l||!r(u)){return`var(--calcite-color-foreground-2)`}const h=d(u);const f=o==="dark"?20:90;return`hsl(${h}, 60%, ${f}%)`}generateInitials(){const{fullName:e,username:t}=this;if(e){return e.trim().split(" ").map((e=>e.substring(0,1))).join("")}else if(t){return t.substring(0,2)}return false}get el(){return i(this)}};f.style=h;export{f as calcite_avatar};
+//# sourceMappingURL=p-adf2e09b.entry.js.map

package/dist/calcite/p-ae04d854.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.9.0-next.20
+ */
+import{h as n}from"./p-e48d006d.js";import{g as t}from"./p-c5966b3e.js";const i=/firefox/i.test(t());const o=i?new WeakMap:null;function e(){const{disabled:n}=this;if(!n){HTMLElement.prototype.click.call(this)}}function r(n){const t=n.target;if(i&&!o.get(t)){return}const{disabled:e}=t;if(e){n.preventDefault()}}const c=["mousedown","mouseup","click"];function u(n){const t=n.target;if(i&&!o.get(t)){return}if(t.disabled){n.stopImmediatePropagation();n.preventDefault()}}const f={capture:true};function s(n){if(n.disabled){n.el.setAttribute("aria-disabled","true");if(n.el.contains(document.activeElement)){document.activeElement.blur()}a(n);return}p(n);n.el.removeAttribute("aria-disabled")}function a(n){n.el.click=e;if(i){const t=l(n);const i=o.get(n.el);if(i!==t){m(i);o.set(n.el,t)}d(o.get(n.el));return}d(n.el)}function d(n){if(!n){return}n.addEventListener("pointerdown",r,f);c.forEach((t=>n.addEventListener(t,u,f)))}function l(n){return n.el.parentElement||n.el}function p(n){delete n.el.click;if(i){m(o.get(n.el));o.delete(n.el);return}m(n.el)}function m(n){if(!n){return}n.removeEventListener("pointerdown",r,f);c.forEach((t=>n.removeEventListener(t,u,f)))}function b(n){if(!n.disabled||!i){return}a(n)}function w(n){if(!i){return}p(n)}const h={container:"interaction-container"};function j({disabled:t},i){return n("div",{class:h.container,inert:t},...i)}export{j as I,b as c,w as d,s as u};
+//# sourceMappingURL=p-ae04d854.js.map

package/dist/calcite/p-ae81e665.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.9.0-next.20
+ */
+import"./p-e48d006d.js";function n(n){return n==="l"?"m":"s"}async function t(n){await(e(n)?n.componentOnReady():new Promise((n=>requestAnimationFrame((()=>n())))))}function e(n){return typeof n.componentOnReady==="function"}async function a(n){await t(n);return new Promise((n=>requestAnimationFrame((()=>n()))))}export{t as a,a as c,n as g};
+//# sourceMappingURL=p-ae81e665.js.map

package/dist/calcite/p-ae81e665.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getIconScale","componentScale","async","componentOnReady","el","isStencilEl","Promise","resolve","requestAnimationFrame","componentFocusable"],"sources":["src/utils/component.ts"],"sourcesContent":["import { Build, forceUpdate as stencilForceUpdate } from \"@stencil/core\";\nimport { HTMLStencilElement } from \"@stencil/core/internal\";\nimport { Scale } from \"../components/interfaces\";\n\nexport function getIconScale(componentScale: Scale): Extract<Scale, \"s\" | \"m\"> {\n  return componentScale === \"l\" ? \"m\" : \"s\";\n}\n\n/**\n * This util helps us wait for a component to be ready for both lazy-loading (`dist` output) and non-lazy-loading (`components` output) components.\n *\n * Based on https://github.com/ionic-team/ionic-framework/blob/1a8bd6d/core/src/utils/helpers.ts#L60C1-L79C3\n *\n * @param el - the host element to wait for\n */\nexport async function componentOnReady(el: HTMLElement): Promise<void> {\n  await (isStencilEl(el)\n    ? el.componentOnReady()\n    : new Promise<void>((resolve) => requestAnimationFrame(() => resolve())));\n}\n\nfunction isStencilEl(el: HTMLElement): el is HTMLStencilElement {\n  return typeof (el as HTMLStencilElement).componentOnReady === \"function\";\n}\n\n/**\n * Exported for testing purposes only.\n *\n * @internal\n */\nexport const forceUpdate = Build.isTesting\n  ? stencilForceUpdate\n  : () => {\n      /* noop */\n    };\n\n/**\n * This helper util can be used to ensuring the component is loaded and rendered by the browser (The \"componentDidLoad\" Stencil lifecycle method has been called and any internal elements are focusable).\n *\n * A component developer can await this method before proceeding with any logic that requires a component to be loaded first and then an internal element be focused.\n *\n * ```\n * async setFocus(): Promise<void> {\n *   await componentFocusable(this);\n *   this.internalElement?.focus();\n * }\n * ```\n *\n * @param el the component's host element\n * @returns Promise<void>\n */\nexport async function componentFocusable(el: HTMLElement): Promise<void> {\n  await componentOnReady(el);\n\n  if (!Build.isBrowser && !Build.isTesting) {\n    return;\n  }\n\n  forceUpdate(el);\n  return new Promise((resolve) => requestAnimationFrame(() => resolve()));\n}\n"],"mappings":";;;;;iCAIgBA,EAAaC,GAC3B,OAAOA,IAAmB,IAAM,IAAM,GACxC,CASOC,eAAeC,EAAiBC,SAC9BC,EAAYD,GACfA,EAAGD,mBACH,IAAIG,SAAeC,GAAYC,uBAAsB,IAAMD,QACjE,CAEA,SAASF,EAAYD,GACnB,cAAeA,EAA0BD,mBAAqB,UAChE,CA4BOD,eAAeO,EAAmBL,SACjCD,EAAiBC,GAOvB,OAAO,IAAIE,SAASC,GAAYC,uBAAsB,IAAMD,OAC9D,Q"}

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

package/dist/calcite/p-b29c10c7.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.9.0-next.20
+ */
+import{r as t,c as i,h as s,g as e}from"./p-e48d006d.js";import{e as a}from"./p-99726b90.js";import{c as n,d as c,u as o,I as r}from"./p-ae04d854.js";import{c as d,d as h,g as l}from"./p-9e5dd305.js";import{s as b,a as p,c as f}from"./p-bf0746a3.js";import{c as u,d as g}from"./p-8e3a4720.js";import{c as m}from"./p-2fec90cc.js";import{c as y,s as k,d as w,u as C}from"./p-dd1ec8aa.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-c5966b3e.js";import"./p-ae81e665.js";import"./p-70c530fa.js";const v={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",controlsWrapper:"controls-wrapper"};const j=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-color-foreground-2)}.wrapper{box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-color-foreground-1);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}.wrapper .input-wrapper{flex:1 1 0%}.controls-wrapper{display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-color-border-2)}: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 E=j;const x=class{constructor(s){t(this,s);this.calciteInlineEditableEditCancel=i(this,"calciteInlineEditableEditCancel",6);this.calciteInlineEditableEditConfirm=i(this,"calciteInlineEditableEditConfirm",6);this.calciteInternalInlineEditableEnableEditingChange=i(this,"calciteInternalInlineEditableEnableEditingChange",6);this.mutationObserver=m("mutation",(()=>this.mutationObserverCallback()));this.enableEditing=()=>{this.valuePriorToEditing=this.inputElement?.value;this.editingEnabled=true;this.inputElement?.setFocus();this.calciteInternalInlineEditableEnableEditingChange.emit()};this.disableEditing=()=>{this.editingEnabled=false};this.cancelEditing=()=>{if(this.inputElement){this.inputElement.value=this.valuePriorToEditing}this.disableEditing();this.enableEditingButton.setFocus();if(!this.editingEnabled&&!!this.shouldEmitCancel){this.calciteInlineEditableEditCancel.emit()}};this.escapeKeyHandler=async t=>{if(t.defaultPrevented){return}if(t.key==="Escape"){t.preventDefault();this.cancelEditing()}if(t.key==="Tab"&&this.shouldShowControls){if(!t.shiftKey&&t.target===this.inputElement){t.preventDefault();this.cancelEditingButton.setFocus()}if(!!t.shiftKey&&t.target===this.cancelEditingButton){t.preventDefault();this.inputElement?.setFocus()}}};this.cancelEditingHandler=async t=>{t.preventDefault();this.cancelEditing()};this.enableEditingHandler=async t=>{if(this.disabled||t.target===this.cancelEditingButton||t.target===this.confirmEditingButton){return}t.preventDefault();if(!this.editingEnabled){this.enableEditing()}};this.confirmChangesHandler=async t=>{t.preventDefault();this.calciteInlineEditableEditConfirm.emit();try{if(this.afterConfirm){this.loading=true;await this.afterConfirm();this.disableEditing();this.enableEditingButton.setFocus()}}catch(t){}finally{this.loading=false}};this.disabled=false;this.editingEnabled=false;this.loading=false;this.controls=false;this.scale=undefined;this.afterConfirm=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined}disabledWatcher(t){if(this.inputElement){this.inputElement.disabled=t}}editingEnabledWatcher(t,i){if(this.inputElement){this.inputElement.editingEnabled=t}if(!t&&!!i){this.shouldEmitCancel=true}}onMessagesChange(){}connectedCallback(){n(this);d(this);u(this);y(this);this.mutationObserver?.observe(this.el,{childList:true});this.mutationObserverCallback()}async componentWillLoad(){b(this);await k(this)}componentDidLoad(){p(this)}disconnectedCallback(){c(this);h(this);g(this);w(this);this.mutationObserver?.disconnect()}componentDidRender(){o(this)}render(){return s(r,{key:"47d77961bb70f18fdb31994c043a013f1400f892",disabled:this.disabled},s("div",{key:"c711aa022f759abdc6cc65184fb92d36ccbb629c",class:v.wrapper,onClick:this.enableEditingHandler,onKeyDown:this.escapeKeyHandler},s("div",{key:"21239055816c853b059f700a318fb2b772fb78f5",class:v.inputWrapper},s("slot",{key:"ca2ce871db7386f9e32264e9555f7a08eac7b9e0"})),s("div",{key:"31cad4378d3f71301dc3b5803a9b34a08e394b3c",class:v.controlsWrapper},s("calcite-button",{key:"942282672ebad6e33cddf76433b490ded2db7dcb",appearance:"transparent",class:v.enableEditingButton,disabled:this.disabled,iconStart:"pencil",kind:"neutral",label:this.messages.enableEditing,onClick:this.enableEditingHandler,ref:t=>this.enableEditingButton=t,scale:this.scale,style:{opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"},type:"button"}),this.shouldShowControls&&[s("div",{key:"b47f75ed7a102ba84ea82b5dd483bda894c49dc9",class:v.cancelEditingButtonWrapper},s("calcite-button",{key:"590dddf42b7c99f00f4a39af4e2e0eb4adf54697",appearance:"transparent",class:v.cancelEditingButton,disabled:this.disabled,iconStart:"x",kind:"neutral",label:this.messages.cancelEditing,onClick:this.cancelEditingHandler,ref:t=>this.cancelEditingButton=t,scale:this.scale,type:"button"})),s("calcite-button",{key:"bfbe94acd5313a70558bd6a6ad48127f4b63deed",appearance:"solid",class:v.confirmChangesButton,disabled:this.disabled,iconStart:"check",kind:"brand",label:this.messages.confirmChanges,loading:this.loading,onClick:this.confirmChangesHandler,ref:t=>this.confirmEditingButton=t,scale:this.scale,type:"button"})])))}blurHandler(){if(!this.controls){this.disableEditing()}}effectiveLocaleChange(){C(this,this.effectiveLocale)}async setFocus(){await f(this);this.el?.focus()}mutationObserverCallback(){this.updateSlottedInput();this.scale=this.scale||this.inputElement?.scale}onLabelClick(){this.setFocus()}updateSlottedInput(){const t=a(this.el,{matches:"calcite-input"});this.inputElement=t;if(!t){return}this.inputElement.disabled=this.disabled;this.inputElement.label=this.inputElement.label||l(this)}get shouldShowControls(){return this.editingEnabled&&this.controls}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{disabled:["disabledWatcher"],editingEnabled:["editingEnabledWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};x.style=E;export{x as calcite_inline_editable};
+//# sourceMappingURL=p-b29c10c7.entry.js.map

package/dist/calcite/p-b52b38a9.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.9.0-next.20
+ */
+import{r as t,c as e,h as i,H as o,g as s}from"./p-e48d006d.js";import{c as a,d as n}from"./p-0af75a98.js";import{s as c,b as l,f as d}from"./p-99726b90.js";import{a as r,s as h,c as p}from"./p-bf0746a3.js";import{c as u,d as f}from"./p-8e3a4720.js";import{c as b}from"./p-2fec90cc.js";import{u as g,c as x,s as m,d as y}from"./p-dd1ec8aa.js";import{t as v,o as w,q as j,g as z,a as H,E as A,b as C}from"./p-601d8185.js";import{d as k}from"./p-ad00867d.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae81e665.js";import"./p-70c530fa.js";import"./p-0e14f6ba.js";import"./p-8056b9f5.js";const D={actionGroupEnd:"action-group--end"};const L={actionsEnd:"actions-end",bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};const G=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{pointer-events:auto;display:inline-flex;align-self:stretch;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-block-end:0;border-inline-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal][expand-disabled]) ::slotted(calcite-action-group:last-of-type){border-inline-end:0}::slotted(calcite-action-group:last-child){border-block-end:0;border-inline-end:0}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}";const E=G;const S=class{constructor(i){t(this,i);this.calciteActionBarToggle=e(this,"calciteActionBarToggle",6);this.mutationObserver=b("mutation",(()=>{const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}));this.resizeObserver=b("resize",(t=>this.resizeHandlerEntries(t)));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const e=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!e.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)};this.resizeHandler=t=>{const{width:e,height:i}=t.contentRect;this.resize({width:e,height:i})};this.resize=k((({width:t,height:e})=>{const{el:i,expanded:o,expandDisabled:s,layout:a,overflowActionsDisabled:n}=this;if(n||a==="vertical"&&!e||a==="horizontal"&&!t){return}const c=j(i);const l=s?c.length:c.length+1;const d=Array.from(i.querySelectorAll("calcite-action-group"));this.setGroupLayout(d);const r=this.hasActionsEnd||this.hasBottomActions||!s?d.length+1:d.length;const{actionHeight:h,actionWidth:p}=z(c);const u=C({layout:a,actionCount:l,actionHeight:h,actionWidth:p,height:e,width:t,groupCount:r});H({actionGroups:d,expanded:o,overflowCount:u})}),w);this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionBarToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const e=c(t).filter((t=>t.matches("calcite-action-group")));this.setGroupLayout(e)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=l(t)};this.handleBottomActionsSlotChange=t=>{this.hasBottomActions=l(t)};this.handleTooltipSlotChange=t=>{const e=c(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=e[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.overlayPositioning="absolute";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.hasActionsEnd=false;this.hasBottomActions=false;this.expandTooltip=undefined;this.defaultMessages=undefined}expandHandler(){this.overflowActions()}expandedHandler(){const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}layoutHandler(){this.updateGroups()}overflowDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el);this.overflowActions()}onMessagesChange(){}effectiveLocaleChange(){g(this,this.effectiveLocale)}componentDidLoad(){const{el:t,expanded:e}=this;r(this);v({el:t,expanded:e});this.overflowActions()}connectedCallback(){const{el:t,expanded:e}=this;u(this);x(this);v({el:t,expanded:e});this.mutationObserver?.observe(t,{childList:true,subtree:true});if(!this.overflowActionsDisabled){this.resizeObserver?.observe(t)}this.overflowActions();a(this)}async componentWillLoad(){h(this);await m(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();n(this);f(this);y(this)}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await p(this);d(this.el)}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:e,el:o,position:s,toggleExpand:a,scale:n,layout:c,messages:l,actionsEndGroupLabel:d,overlayPositioning:r}=this;const h=!e?i(A,{collapseText:l.collapse,el:o,expandText:l.expand,expanded:t,position:s,ref:this.setExpandToggleRef,scale:n,toggle:a,tooltip:this.expandTooltip}):null;return i("calcite-action-group",{class:D.actionGroupEnd,hidden:this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions),label:d,layout:c,overlayPositioning:r,scale:n},i("slot",{name:L.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),i("slot",{name:L.bottomActions,onSlotchange:this.handleBottomActionsSlotChange}),i("slot",{name:L.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),h)}render(){return i(o,{key:"dceae74686052a5456cd292a29172e76eab7cfb2",onCalciteActionMenuOpen:this.actionMenuOpenHandler},i("slot",{key:"4fba033b9742564034eb58e3cbcf63b9cd68e6ea",onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],layout:["layoutHandler"],overflowActionsDisabled:["overflowDisabledHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=E;export{S as calcite_action_bar};
+//# sourceMappingURL=p-b52b38a9.entry.js.map

package/dist/calcite/p-b52b38a9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","actionGroupEnd","SLOTS","actionsEnd","bottomActions","expandTooltip","actionBarCss","CalciteActionBarStyle0","ActionBar","this","mutationObserver","createObserver","el","expanded","toggleChildActionText","overflowActions","resizeObserver","entries","resizeHandlerEntries","actionMenuOpenHandler","event","target","menuOpen","composedPath","Array","from","querySelectorAll","forEach","group","includes","resizeHandler","entry","width","height","contentRect","resize","debounce","expandDisabled","layout","overflowActionsDisabled","actions","queryActions","actionCount","length","actionGroups","setGroupLayout","groupCount","hasActionsEnd","hasBottomActions","actionHeight","actionWidth","geActionDimensions","overflowCount","getOverflowCount","overflowActionsDebounceInMs","toggleExpand","calciteActionBarToggle","emit","setExpandToggleRef","expandToggleEl","handleDefaultSlotChange","groups","slotChangeGetAssignedElements","filter","matches","handleActionsEndSlotChange","slotChangeHasAssignedElement","handleBottomActionsSlotChange","handleTooltipSlotChange","tooltips","expandHandler","expandedHandler","layoutHandler","updateGroups","overflowDisabledHandler","disconnect","observe","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectMessages","childList","subtree","connectConditionalSlotComponent","componentWillLoad","setUpLoadableComponent","setUpMessages","disconnectedCallback","disconnectConditionalSlotComponent","disconnectLocalized","disconnectMessages","clientWidth","clientHeight","setFocus","componentFocusable","focusFirstTabbable","renderBottomActionGroup","position","scale","messages","actionsEndGroupLabel","overlayPositioning","expandToggleNode","h","ExpandToggle","collapseText","collapse","expandText","expand","ref","toggle","tooltip","class","hidden","label","name","onSlotchange","render","Host","key","onCalciteActionMenuOpen"],"sources":["src/components/action-bar/resources.ts","src/components/action-bar/action-bar.scss?tag=calcite-action-bar&encapsulation=shadow","src/components/action-bar/action-bar.tsx"],"sourcesContent":["export const CSS = {\n  actionGroupEnd: \"action-group--end\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  bottomActions: \"bottom-actions\",\n  expandTooltip: \"expand-tooltip\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-action-bar-expanded-max-width: When `layout` is `\"vertical\"`, specifies the expanded max width of the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply pointer-events-auto\n    inline-flex\n    self-stretch;\n  --calcite-action-bar-expanded-max-width: auto;\n}\n\n:host([layout=\"vertical\"]) {\n  @apply flex-col;\n  .action-group--end {\n    margin-block-start: auto;\n  }\n}\n\n:host([layout=\"horizontal\"]) {\n  @apply flex-row;\n  .action-group--end {\n    @apply ms-auto;\n  }\n}\n\n:host([layout=\"vertical\"][overflow-actions-disabled]) {\n  overflow-y: auto;\n}\n\n:host([layout=\"horizontal\"][overflow-actions-disabled]) {\n  overflow-x: auto;\n}\n\n:host([layout=\"vertical\"][expanded]) {\n  max-inline-size: var(--calcite-action-bar-expanded-max-width);\n}\n\n::slotted(calcite-action-group) {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n:host([layout=\"horizontal\"]) ::slotted(calcite-action-group) {\n  border-block-end: 0;\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n}\n\n:host([layout=\"horizontal\"][expand-disabled]) ::slotted(calcite-action-group:last-of-type) {\n  border-inline-end: 0;\n}\n\n::slotted(calcite-action-group:last-child) {\n  border-block-end: 0;\n  border-inline-end: 0;\n}\n\n.action-group--end {\n  @apply justify-end;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { debounce } from \"lodash-es\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  focusFirstTabbable,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ExpandToggle, toggleChildActionText } from \"../functional/ExpandToggle\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { ActionBarMessages } from \"./assets/action-bar/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport {\n  geActionDimensions,\n  getOverflowCount,\n  overflowActions,\n  overflowActionsDebounceInMs,\n  queryActions,\n} from \"./utils\";\n\n/**\n * @slot - A slot for adding `calcite-action`s that will appear at the top of the component.\n * @slot bottom-actions - [Deprecated] Use the `\"actions-end\"` slot instead. A slot for adding `calcite-action`s that will appear at the bottom of the component, above the collapse/expand button.\n * @slot actions-end - A slot for adding `calcite-action`s that will appear at the end of the component, prior to the collapse/expand button.\n * @slot expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle.\n */\n@Component({\n  tag: \"calcite-action-bar\",\n  styleUrl: \"action-bar.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ActionBar\n  implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the accessible label for the last `calcite-action-group`.\n   */\n  @Prop() actionsEndGroupLabel: string;\n\n  /**\n   * When `true`, the expand-toggling behavior is disabled.\n   */\n  @Prop({ reflect: true }) expandDisabled = false;\n\n  @Watch(\"expandDisabled\")\n  expandHandler(): void {\n    this.overflowActions();\n  }\n\n  /**\n   * When `true`, the component is expanded.\n   */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(): void {\n    const { el, expanded } = this;\n    toggleChildActionText({ el, expanded });\n    this.overflowActions();\n  }\n\n  /**\n   *  Specifies the layout direction of the actions.\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"vertical\";\n\n  @Watch(\"layout\")\n  layoutHandler(): void {\n    this.updateGroups();\n  }\n\n  /**\n   * Disables automatically overflowing `calcite-action`s that won't fit into menus.\n   */\n  @Prop({ reflect: true }) overflowActionsDisabled = false;\n\n  @Watch(\"overflowActionsDisabled\")\n  overflowDisabledHandler(overflowActionsDisabled: boolean): void {\n    if (overflowActionsDisabled) {\n      this.resizeObserver?.disconnect();\n      return;\n    }\n\n    this.resizeObserver?.observe(this.el);\n    this.overflowActions();\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /**\n   * Arranges the component depending on the element's `dir` property.\n   */\n  @Prop({ reflect: true }) position: Position;\n\n  /**\n   * Specifies the size of the expand `calcite-action`.\n   */\n  @Prop({ reflect: true }) scale: Scale;\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: ActionBarMessages;\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<ActionBarMessages>;\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 `expanded` property is toggled.\n   */\n  @Event({ cancelable: false }) calciteActionBarToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteActionBarElement;\n\n  mutationObserver = createObserver(\"mutation\", () => {\n    const { el, expanded } = this;\n    toggleChildActionText({ el, expanded });\n    this.overflowActions();\n  });\n\n  resizeObserver = createObserver(\"resize\", (entries) => this.resizeHandlerEntries(entries));\n\n  expandToggleEl: HTMLCalciteActionElement;\n\n  @State() effectiveLocale: string;\n\n  @State() hasActionsEnd = false;\n\n  @State() hasBottomActions = false;\n\n  @State() expandTooltip: HTMLCalciteTooltipElement;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ActionBarMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  componentDidLoad(): void {\n    const { el, expanded } = this;\n\n    setComponentLoaded(this);\n    toggleChildActionText({ el, expanded });\n    this.overflowActions();\n  }\n\n  connectedCallback(): void {\n    const { el, expanded } = this;\n\n    connectLocalized(this);\n    connectMessages(this);\n    toggleChildActionText({ el, expanded });\n\n    this.mutationObserver?.observe(el, { childList: true, subtree: true });\n\n    if (!this.overflowActionsDisabled) {\n      this.resizeObserver?.observe(el);\n    }\n\n    this.overflowActions();\n    connectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n    disconnectConditionalSlotComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Overflows actions that won't fit into menus.\n   *\n   * @internal\n   */\n  @Method()\n  async overflowActions(): Promise<void> {\n    this.resize({ width: this.el.clientWidth, height: this.el.clientHeight });\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusFirstTabbable(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  actionMenuOpenHandler = (event: CustomEvent<void>): void => {\n    if ((event.target as HTMLCalciteActionGroupElement).menuOpen) {\n      const composedPath = event.composedPath();\n      Array.from(this.el.querySelectorAll(\"calcite-action-group\")).forEach((group) => {\n        if (!composedPath.includes(group)) {\n          group.menuOpen = false;\n        }\n      });\n    }\n  };\n\n  resizeHandlerEntries = (entries: ResizeObserverEntry[]): void => {\n    entries.forEach(this.resizeHandler);\n  };\n\n  resizeHandler = (entry: ResizeObserverEntry): void => {\n    const { width, height } = entry.contentRect;\n    this.resize({ width, height });\n  };\n\n  private resize = debounce(({ width, height }: { width: number; height: number }): void => {\n    const { el, expanded, expandDisabled, layout, overflowActionsDisabled } = this;\n\n    if (\n      overflowActionsDisabled ||\n      (layout === \"vertical\" && !height) ||\n      (layout === \"horizontal\" && !width)\n    ) {\n      return;\n    }\n\n    const actions = queryActions(el);\n    const actionCount = expandDisabled ? actions.length : actions.length + 1;\n    const actionGroups = Array.from(el.querySelectorAll(\"calcite-action-group\"));\n\n    this.setGroupLayout(actionGroups);\n\n    const groupCount =\n      this.hasActionsEnd || this.hasBottomActions || !expandDisabled\n        ? actionGroups.length + 1\n        : actionGroups.length;\n\n    const { actionHeight, actionWidth } = geActionDimensions(actions);\n\n    const overflowCount = getOverflowCount({\n      layout,\n      actionCount,\n      actionHeight,\n      actionWidth,\n      height,\n      width,\n      groupCount,\n    });\n\n    overflowActions({\n      actionGroups,\n      expanded,\n      overflowCount,\n    });\n  }, overflowActionsDebounceInMs);\n\n  toggleExpand = (): void => {\n    this.expanded = !this.expanded;\n    this.calciteActionBarToggle.emit();\n  };\n\n  setExpandToggleRef = (el: HTMLCalciteActionElement): void => {\n    this.expandToggleEl = el;\n  };\n\n  updateGroups(): void {\n    this.setGroupLayout(Array.from(this.el.querySelectorAll(\"calcite-action-group\")));\n  }\n\n  setGroupLayout(groups: HTMLCalciteActionGroupElement[]): void {\n    groups.forEach((group) => (group.layout = this.layout));\n  }\n\n  handleDefaultSlotChange = (event: Event): void => {\n    const groups = slotChangeGetAssignedElements(event).filter((el) =>\n      el.matches(\"calcite-action-group\"),\n    ) as HTMLCalciteActionGroupElement[];\n\n    this.setGroupLayout(groups);\n  };\n\n  handleActionsEndSlotChange = (event: Event): void => {\n    this.hasActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  handleBottomActionsSlotChange = (event: Event): void => {\n    this.hasBottomActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleTooltipSlotChange = (event: Event): void => {\n    const tooltips = slotChangeGetAssignedElements(event).filter((el) =>\n      el?.matches(\"calcite-tooltip\"),\n    ) as HTMLCalciteTooltipElement[];\n\n    this.expandTooltip = tooltips[0];\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderBottomActionGroup(): VNode {\n    const {\n      expanded,\n      expandDisabled,\n      el,\n      position,\n      toggleExpand,\n      scale,\n      layout,\n      messages,\n      actionsEndGroupLabel,\n      overlayPositioning,\n    } = this;\n\n    const expandToggleNode = !expandDisabled ? (\n      <ExpandToggle\n        collapseText={messages.collapse}\n        el={el}\n        expandText={messages.expand}\n        expanded={expanded}\n        position={position}\n        ref={this.setExpandToggleRef}\n        scale={scale}\n        toggle={toggleExpand}\n        tooltip={this.expandTooltip}\n      />\n    ) : null;\n\n    return (\n      <calcite-action-group\n        class={CSS.actionGroupEnd}\n        hidden={this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions)}\n        label={actionsEndGroupLabel}\n        layout={layout}\n        overlayPositioning={overlayPositioning}\n        scale={scale}\n      >\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.handleActionsEndSlotChange} />\n        <slot name={SLOTS.bottomActions} onSlotchange={this.handleBottomActionsSlotChange} />\n        <slot name={SLOTS.expandTooltip} onSlotchange={this.handleTooltipSlotChange} />\n        {expandToggleNode}\n      </calcite-action-group>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host onCalciteActionMenuOpen={this.actionMenuOpenHandler}>\n        <slot onSlotchange={this.handleDefaultSlotChange} />\n        {this.renderBottomActionGroup()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-b5e1810c.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.9.0-next.20
+ */
+import{d as e}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,a){var i=r[a];if(Array.isArray(i)){i=i[t?0:1]}return i.replace("%d",e)}var a={name:"de",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,yearStart:4,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(a,null,true);export{a as default};
+//# sourceMappingURL=p-b5e1810c.js.map

package/dist/calcite/p-b7961c5a.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.9.0-next.20
+ */
+import{r as e,c as t,h as i,f as s,H as a,g as o}from"./p-e48d006d.js";import{c as r,d as n,H as c}from"./p-8356a697.js";import{c as l,d,g as h}from"./p-9e5dd305.js";import{t as f,b as p}from"./p-99726b90.js";import{c as b,d as m,n as u}from"./p-8e3a4720.js";import{c as g}from"./p-2fec90cc.js";import{b as x,s as v,a as y,c as z}from"./p-bf0746a3.js";import{c as k,s as w,d as j,u as L}from"./p-dd1ec8aa.js";import{c as H,u as C,d as A,I as S}from"./p-ae04d854.js";import{g as W}from"./p-c26dde6d.js";import{V as D}from"./p-c6f9db24.js";import{s as I}from"./p-06264a70.js";import{t as M}from"./p-8214890d.js";import"./p-ae81e665.js";import"./p-57e21d44.js";import"./p-70c530fa.js";import"./p-c5966b3e.js";import"./p-ad00867d.js";const O={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",resizeDisabled:"resize--disabled",resizeDisabledX:"resize--disabled-x",resizeDisabledY:"resize--disabled-y",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",borderColor:"border--color",hide:"hide",blockSizeFull:"block-size--full",footerEndSlotOnly:"footer--end-only"};const E={footerStart:"footer-start",footerEnd:"footer-end"};const T=100;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{position:relative;display:inline-block;block-size:100%;inline-size:100%}textarea{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-font-family);color:var(--calcite-color-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-color-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea: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          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-status-danger)}textarea.text-area--invalid:focus{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          )}textarea.footer--slotted{min-inline-size:18rem}.footer{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}:host([resize=none]) textarea{resize:none}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=vertical]) textarea{resize:vertical}:host([scale=s]){font-size:var(--calcite-font-size--2)}:host([scale=s]) .footer{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}:host([scale=s]) textarea{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=s]) textarea,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}:host([scale=m]) textarea{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=m]) textarea,:host([scale=m]) .footer,:host([scale=m]) .character-limit{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}:host([scale=l]){font-size:var(--calcite-font-size-0)}:host([scale=l]) textarea{padding-block:0.75rem;padding-inline:1rem}:host([scale=l]) .footer{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}:host([scale=l]) textarea,:host([scale=l]) .footer,:host([scale=l]) .character-limit{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) textarea:focus{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          )}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.border--color{border-block-end-width:1px;border-color:var(--calcite-color-border-input)}.border--color:focus{border-block-end-width:2px}textarea.block-size--full{block-size:100%}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const G=F;const $=class{constructor(s){e(this,s);this.calciteTextAreaInput=t(this,"calciteTextAreaInput",7);this.calciteTextAreaChange=t(this,"calciteTextAreaChange",7);this.guid=W();this.handleInput=e=>{this.value=e.target["value"];this.calciteTextAreaInput.emit()};this.handleChange=()=>{this.calciteTextAreaChange.emit()};this.contentSlotChangeHandler=()=>{if(!this.value){const e=this.el.childNodes;e.forEach((e=>{if(e.nodeName==="#text"){this.value=e.nodeValue.trim()}}))}};this.renderCharacterLimit=()=>{if(this.maxLength){this.localizedCharacterLengthObj=this.getLocalizedCharacterLength();return i("span",{class:O.characterLimit},i("span",{class:{[O.characterOverLimit]:this.isCharacterLimitExceeded()}},this.localizedCharacterLengthObj.currentLength),"/",this.localizedCharacterLengthObj.maxLength)}return null};this.resizeObserver=g("resize",(async()=>{await x(this);const{textAreaHeight:e,textAreaWidth:t,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}=this.getHeightAndWidthOfElements();if(o>0&&o!==t){this.footerEl.style.width=`${t}px`}if(s!==t||i!==e+(a||0)){this.setHeightAndWidthToAuto()}}));this.setTextAreaEl=e=>{this.textAreaEl=e;this.resizeObserver.observe(e)};this.setHeightAndWidthToAuto=M((()=>{if(this.resize==="vertical"||this.resize==="both"){this.el.style.height="auto"}if(this.resize==="horizontal"||this.resize==="both"){this.el.style.width="auto"}}),T,{leading:false});this.columns=undefined;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.label=undefined;this.minLength=undefined;this.maxLength=undefined;this.messages=undefined;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.numberingSystem=undefined;this.placeholder=undefined;this.readOnly=false;this.required=false;this.resize="both";this.rows=undefined;this.scale="m";this.status="idle";this.value="";this.wrap="soft";this.messageOverrides=undefined;this.defaultMessages=undefined;this.endSlotHasElements=undefined;this.startSlotHasElements=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){s(this)}onMessagesChange(){}connectedCallback(){H(this);l(this);r(this);b(this);k(this)}async componentWillLoad(){v(this);await w(this)}componentDidLoad(){y(this)}componentDidRender(){C(this);this.setTextAreaHeight()}disconnectedCallback(){A(this);d(this);n(this);m(this);j(this);this.resizeObserver?.disconnect()}render(){const e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return i(a,{key:"d457e39960155acef2958e6ed809b1a3ac334028"},i(S,{key:"a3bfe30414830e1a793ab7e8231a126e6963906f",disabled:this.disabled},i("textarea",{key:"a1b350f2b9006bd6e05549edda0de0a1d259863e","aria-describedby":this.guid,"aria-invalid":f(this.isCharacterLimitExceeded()),"aria-label":h(this),autofocus:this.el.autofocus,class:{[O.readOnly]:this.readOnly,[O.textAreaInvalid]:this.isCharacterLimitExceeded(),[O.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[O.blockSizeFull]:!e,[O.borderColor]:!e},cols:this.columns,disabled:this.disabled,name:this.name,onChange:this.handleChange,onInput:this.handleInput,placeholder:this.placeholder,readOnly:this.readOnly,ref:this.setTextAreaEl,required:this.required,rows:this.rows,value:this.value,wrap:this.wrap}),i("span",{key:"03b147914ccd080d34c1a5c61cba86219257c64d",class:{[O.content]:true}},i("slot",{key:"691895ff47da98f0c79a51f109f8c7c2eb0bd7c6",onSlotchange:this.contentSlotChangeHandler})),i("footer",{key:"36c6ec87e6dc84b65969ccc455fb0ab6afa109a2",class:{[O.footer]:true,[O.readOnly]:this.readOnly,[O.hide]:!e},ref:e=>this.footerEl=e},i("div",{key:"d69b3f29142173f0748ea307509f402edb15670a",class:{[O.container]:true,[O.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements}},i("slot",{key:"7d65f2ba112d3257e732ed0be90f9d89f3df582f",name:E.footerStart,onSlotchange:e=>this.startSlotHasElements=p(e)}),i("slot",{key:"e1a972b08955ef23e97550a1749ffcd5c5e4935b",name:E.footerEnd,onSlotchange:e=>this.endSlotHasElements=p(e)})),this.renderCharacterLimit()),i(c,{key:"485490a69c92cb3def5e92c8b77c27d1c1981dd8",component:this}),this.isCharacterLimitExceeded()&&i("span",{key:"472b365d87b5b0c62c7eaafa9cb9a61c19541d98","aria-hidden":true,"aria-live":"polite",class:O.assistiveText,id:this.guid},this.replacePlaceHoldersInMessages()),this.validationMessage&&this.status==="invalid"?i(D,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}async setFocus(){await z(this);this.textAreaEl.focus()}async selectText(){await x(this);this.textAreaEl.select()}effectiveLocaleChange(){L(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}getLocalizedCharacterLength(){const e=this.value?this.value.length.toString():"0";const t=this.maxLength.toString();if(this.numberingSystem==="latn"){return{currentLength:e,maxLength:t}}u.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator};return{currentLength:u.localize(e),maxLength:u.localize(t)}}syncHiddenFormInput(e){e.setCustomValidity("");if(this.isCharacterLimitExceeded()){e.setCustomValidity(this.replacePlaceHoldersInMessages())}I("textarea",this,e)}setTextAreaHeight(){const{textAreaHeight:e,elHeight:t,footerHeight:i}=this.getHeightAndWidthOfElements();if(i>0&&e+i!=t){this.textAreaEl.style.height=`${t-i}px`}}getHeightAndWidthOfElements(){const{height:e,width:t}=this.textAreaEl.getBoundingClientRect();const{height:i,width:s}=this.el.getBoundingClientRect();const{height:a,width:o}=this.footerEl.getBoundingClientRect();return{textAreaHeight:e,textAreaWidth:t,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}}replacePlaceHoldersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};$.style=G;export{$ as calcite_text_area};
+//# sourceMappingURL=p-b7961c5a.entry.js.map