@esri/calcite-components 2.0.0-rc.2 → 2.0.0

package/dist/calcite/p-8fa3560f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","containerBorderSelected","containerBorderUnselected","contentContainer","contentContainerSelectable","contentContainerHasCenterContent","nestedContainer","nestedContainerHidden","content","customContent","actionsStart","contentStart","label","description","contentEnd","contentBottom","actionsEnd","selectionContainer","openContainer","dragContainer","SLOTS","MAX_COLUMNS","ICONS","selectedMultiple","selectedSingle","unselected","closedLTR","closedRTL","open","blank","close","listSelector","listItemGroupSelector","listItemSelector","getListItemChildLists","slotEl","Array","from","assignedElements","flatten","filter","el","matches","getListItemChildren","listItemGroupChildren","map","group","querySelectorAll","reduce","previousValue","currentValue","listItemChildren","listItemListChildren","list","updateListItemChildren","forEach","listItem","setPosition","indexOf","setSize","length","getDepth","element","includeGroup","expression","result","document","evaluate","XPathResult","UNORDERED_NODE_SNAPSHOT_TYPE","snapshotLength","table","scrim","stack","tableContainer","sticky","assistiveText","debounceTimeout","filterActionsStart","filterActionsEnd","listCss","listItemSelectorDirect","parentSelector","List","this","dragSelector","enabledListItems","handleSelector","listItems","mutationObserver","createObserver","updateListItems","handleDefaultSlotChange","event","target","parentListEl","calciteInternalListDefaultSlotChange","emit","handleFilterActionsStartSlotChange","hasFilterActionsStart","slotChangeHasAssignedElement","handleFilterActionsEndSlotChange","hasFilterActionsEnd","setActiveListItem","some","item","active","updateSelectedItems","selectedItems","selected","calciteListChange","updateFilteredItems","filteredData","filterText","values","value","lastDescendantItems","every","li","contains","filteredItems","includes","visibleParents","WeakSet","filterElements","findAncestorOfFirstFilteredItem","calciteListFilter","setFilterEl","filterEl","performFilter","handleFilterChange","stopPropagation","currentTarget","updateFilteredData","getItemData","metadata","debounce","selectionAppearance","selectionMode","dragEnabled","items","queryListItems","dragHandle","setUpSorting","dragItems","filterEnabled","dataForFilter","disabled","closed","direct","focusRow","focusEl","setFocus","isNavigable","parentListItemEl","parentElement","closest","handleListKeydown","defaultPrevented","key","currentIndex","findIndex","preventDefault","nextIndex","prevIndex","homeItem","endItem","ancestorOfFirstFilteredItem","removeAttribute","getTopLevelAncestorItemElement","setAttribute","closestParent","closestListItemAncestor","handleFilterTextChange","onMessagesChange","handleListItemChange","handleCalciteInternalFocusPreviousItem","handleCalciteInternalListItemActive","handleCalciteListItemSelect","handleCalciteInternalHandleChange","detail","message","handleCalciteHandleNudge","handleNudgeEvent","handleCalciteInternalListItemSelect","handleCalciteInternalListItemSelectMultiple","lastSelectedInfo","selectedItem","selectMultiple","lastSelectedIndex","startIndex","Math","min","endIndex","max","slice","handleCalciteInternalListItemChange","handleCalciteInternalListItemGroupDefaultSlotChange","connectedCallback","dragActive","connectMessages","connectObserver","connectInteractive","setParentList","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidRender","updateHostInteraction","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectObserver","disconnectSortableComponent","disconnectInteractive","disconnectMessages","effectiveLocaleChange","updateMessages","effectiveLocale","componentFocusable","find","render","loading","filterPlaceholder","h","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","onDragStart","onDragEnd","onDragSort","calciteListOrderChange","hidden","has","add","direction","composedPath","handle","tagName","sortItem","parentEl","sameParentItems","lastIndex","oldIndex","appendInstead","newIndex","appendChild","insertBefore","dragEl","fromEl","toEl","then","activated","listItemCss","focusMap","Map","ListItem","closeClickHandler","calciteListItemClose","handleContentSlotChange","hasCustomContent","handleActionsStartSlotChange","hasActionsStart","handleActionsEndSlotChange","hasActionsEnd","handleContentStartSlotChange","hasContentStart","handleContentEndSlotChange","hasContentEnd","handleContentBottomSlotChange","hasContentBottom","handleOpenableChange","toggleOpen","itemClicked","toggleSelected","shiftKey","calciteInternalListItemActive","calciteInternalListItemSelectMultiple","calciteListItemSelect","handleItemKeyDown","containerEl","contentEl","actionsStartEl","actionsEndEl","openable","cells","cell","focusCell","calciteInternalFocusPreviousItem","focus","focusCellNull","saveFocusIndex","set","focusedEl","getFirstTabbable","tableCell","cellIndex","tabIndexAttr","activeHandler","handleClosedChange","emitCalciteInternalListItemChange","handleDisabledChange","handleSelectedChange","calciteInternalListItemSelect","handleCalciteInternalListDefaultSlotChanges","defaultSlotEl","connectLocalized","level","visualLevel","setSelectionDefaults","disconnectLocalized","focusIndex","get","renderSelected","onClick","icon","scale","renderDragHandle","dragDisabled","renderOpen","dir","getElementDir","clickHandler","renderActionsStart","renderActionsEnd","closable","appearance","text","renderContentStart","renderCustomContent","renderContentEnd","renderContentBottom","style","renderDefaultContainer","renderContentProperties","renderContentContainer","hasCenterContent","showBorder","borderSelected","borderUnselected","Host","onFocus","tabIndex","calciteInternalListItemChange","listItemChildLists","heading","listItemGroupCss","ListItemGroup","calciteInternalListItemGroupDefaultSlotChange"],"sources":["src/components/list-item/resources.ts","src/components/list-item/utils.ts","src/components/list/resources.ts","src/components/list/list.scss?tag=calcite-list&encapsulation=shadow","src/components/list/list.tsx","src/components/list-item/list-item.scss?tag=calcite-list-item&encapsulation=shadow","src/components/list-item/list-item.tsx","src/components/list-item-group/resources.ts","src/components/list-item-group/list-item-group.scss?tag=calcite-list-item-group&encapsulation=shadow","src/components/list-item-group/list-item-group.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  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  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-circle-f\",\n  selectedSingle: \"circle-f\",\n  unselected: \"blank\",\n  closedLTR: \"caret-right\",\n  closedRTL: \"caret-left\",\n  open: \"caret-down\",\n  blank: \"blank\",\n  close: \"x\",\n};\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  filterActionsStart: \"filter-actions-start\",\n  filterActionsEnd: \"filter-actions-end\",\n};\n",":host {\n  @apply block;\n}\n\n@include disabled();\n\n.container {\n  position: relative;\n}\n\n.table-container {\n  @apply box-border\n  flex\n  w-full\n  flex-col\n  bg-transparent;\n  * {\n    @apply box-border;\n  }\n}\n\n.table {\n  @apply w-full border-collapse;\n}\n\n.stack {\n  --calcite-stack-padding-inline: 0;\n  --calcite-stack-padding-block: 0;\n}\n\n::slotted(calcite-list-item) {\n  @apply shadow-border-top;\n  margin-block-start: 1px;\n}\n\n::slotted(calcite-list-item:first-of-type) {\n  @apply shadow-none;\n}\n\n// removes shadow for the first item in filteredItems of the list.\n::slotted(calcite-list-item[data-filter]) {\n  @apply shadow-none;\n  margin-block-start: 0px;\n}\n\n.sticky-pos {\n  @apply sticky\n  top-0\n  z-sticky\n  bg-foreground-1;\n  & th {\n    @apply p-0;\n  }\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport { debounce } from \"lodash-es\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { SelectionMode } from \"../interfaces\";\nimport { ItemData } from \"../list-item/interfaces\";\nimport { MAX_COLUMNS } from \"../list-item/resources\";\nimport { getListItemChildren, updateListItemChildren } from \"../list-item/utils\";\nimport { CSS, debounceTimeout, SelectionAppearance, SLOTS } from \"./resources\";\nimport {\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { SLOTS as STACK_SLOTS } from \"../stack/resources\";\n\nconst listItemSelector = \"calcite-list-item\";\nconst listItemSelectorDirect = `:scope > calcite-list-item`;\nconst parentSelector = \"calcite-list-item-group, calcite-list-item\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { HandleNudge } from \"../handle/interfaces\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ListMessages } from \"./assets/list/t9n\";\nimport { NumberingSystem, numberStringFormatter } from \"../../utils/locale\";\nimport { ListDragDetail } from \"./interfaces\";\n\n/**\n * A general purpose list that enables users to construct list items that conform to Calcite styling.\n *\n * @slot - A slot for adding `calcite-list-item` elements.\n * @slot filter-actions-start - A slot for adding actionable `calcite-action` elements before the filter component.\n * @slot filter-actions-end - A slot for adding actionable `calcite-action` elements after the filter component.\n */\n@Component({\n  tag: \"calcite-list\",\n  styleUrl: \"list.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class List\n  implements InteractiveComponent, LoadableComponent, SortableComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: ListDragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: ListDragDetail) => boolean;\n\n  /**\n   * When `true`, `calcite-list-item`s are sortable via a draggable button.\n   */\n  @Prop({ reflect: true }) dragEnabled = false;\n\n  /**\n   * The list's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * When `true`, an input appears at the top of the component that can be used by end users to filter `calcite-list-item`s.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * The currently filtered `calcite-list-item`s.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalciteListItemElement[] = [];\n\n  /**\n   * The currently filtered `calcite-list-item` data.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * Placeholder text for the component's filter input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the component's filter input field.\n   */\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  @Watch(\"filterText\")\n  async handleFilterTextChange(): Promise<void> {\n    this.performFilter();\n  }\n\n  /**\n   * Specifies an accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ListMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ListMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /**\n   * One of the items within the list can be opened.\n   *\n   * @internal\n   */\n  @Prop() openable = false;\n\n  /**\n   * The currently selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteListItemElement[] = [];\n\n  /**\n   * Specifies the selection mode - `\"multiple\"` (allow any number of selected items), `\"single\"` (allow one selected item), `\"single-persist\"` (allow one selected item and prevent de-selection), or `\"none\"` (no selected items).\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"none\" | \"multiple\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = \"none\";\n\n  /**\n   * Specifies the selection appearance - `\"icon\"` (displays a checkmark or dot) or `\"border\"` (displays a border).\n   */\n  @Prop({ reflect: true }) selectionAppearance: SelectionAppearance = \"icon\";\n\n  @Watch(\"filterEnabled\")\n  @Watch(\"group\")\n  @Watch(\"dragEnabled\")\n  @Watch(\"selectionMode\")\n  @Watch(\"selectionAppearance\")\n  handleListItemChange(): void {\n    this.updateListItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the list item selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<void>;\n\n  /**\n   * Emits when the component's filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  /**\n   * Emitted when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<ListDragDetail>;\n\n  /**\n   * Emitted when the default slot has changes in order to notify parent lists.\n   */\n  @Event({ cancelable: false }) calciteInternalListDefaultSlotChange: EventEmitter<void>;\n\n  @Listen(\"calciteInternalFocusPreviousItem\")\n  handleCalciteInternalFocusPreviousItem(event: CustomEvent): void {\n    if (this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    const { enabledListItems } = this;\n    const currentIndex = enabledListItems.findIndex((listItem) => listItem.active);\n\n    const prevIndex = currentIndex - 1;\n\n    if (enabledListItems[prevIndex]) {\n      this.focusRow(enabledListItems[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(\"calciteInternalHandleChange\")\n  handleCalciteInternalHandleChange(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 { enabledListItems, lastSelectedInfo } = this;\n    const selectedItem = target as HTMLCalciteListItemElement;\n\n    if (detail.selectMultiple && !!lastSelectedInfo) {\n      const currentIndex = enabledListItems.indexOf(selectedItem);\n      const lastSelectedIndex = enabledListItems.indexOf(lastSelectedInfo.selectedItem);\n      const startIndex = Math.min(lastSelectedIndex, currentIndex);\n      const endIndex = Math.max(lastSelectedIndex, currentIndex);\n\n      enabledListItems\n        .slice(startIndex, endIndex + 1)\n        .forEach((item) => (item.selected = lastSelectedInfo.selected));\n    } else {\n      this.lastSelectedInfo = { selectedItem, selected: selectedItem.selected };\n    }\n  }\n\n  @Listen(\"calciteInternalListItemChange\")\n  handleCalciteInternalListItemChange(event: CustomEvent): void {\n    if (!!this.parentListEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    this.updateListItems();\n  }\n\n  @Listen(\"calciteInternalListItemGroupDefaultSlotChange\")\n  handleCalciteInternalListItemGroupDefaultSlotChange(event: CustomEvent): void {\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    connectMessages(this);\n    this.connectObserver();\n    this.updateListItems();\n    this.setUpSorting();\n    connectInteractive(this);\n    this.setParentList();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    this.disconnectObserver();\n    disconnectSortableComponent(this);\n    disconnectInteractive(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ListMessages;\n\n  @Element() el: HTMLCalciteListElement;\n\n  @State() assistiveText: string;\n\n  @State() dataForFilter: ItemData = [];\n\n  dragSelector = \"calcite-list-item\";\n\n  enabledListItems: HTMLCalciteListItemElement[] = [];\n\n  filterEl: HTMLCalciteFilterElement;\n\n  handleSelector = \"calcite-handle\";\n\n  @State() hasFilterActionsEnd = false;\n\n  @State() hasFilterActionsStart = false;\n\n  listItems: HTMLCalciteListItemElement[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateListItems());\n\n  parentListEl: HTMLCalciteListElement;\n\n  sortable: Sortable;\n\n  private ancestorOfFirstFilteredItem: HTMLCalciteListItemElement;\n\n  private lastSelectedInfo: { selectedItem: HTMLCalciteListItemElement; selected: boolean };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (this.filterEnabled) {\n      return this.filterEl?.setFocus();\n    }\n\n    return this.enabledListItems.find((listItem) => listItem.active)?.setFocus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const {\n      loading,\n      label,\n      disabled,\n      dataForFilter,\n      filterEnabled,\n      filterPlaceholder,\n      filterText,\n      hasFilterActionsStart,\n      hasFilterActionsEnd,\n    } = this;\n    return (\n      <div class={CSS.container}>\n        {this.dragEnabled ? (\n          <span aria-live=\"assertive\" class={CSS.assistiveText}>\n            {this.assistiveText}\n          </span>\n        ) : null}\n        {this.renderItemAriaLive()}\n        {loading ? <calcite-scrim class={CSS.scrim} loading={loading} /> : null}\n        <table\n          aria-busy={toAriaBoolean(loading)}\n          aria-label={label || \"\"}\n          class={CSS.table}\n          onKeyDown={this.handleListKeydown}\n          role=\"treegrid\"\n        >\n          {filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (\n            <thead>\n              <tr class={{ [CSS.sticky]: true }}>\n                <th colSpan={MAX_COLUMNS}>\n                  <calcite-stack class={CSS.stack}>\n                    <slot\n                      name={SLOTS.filterActionsStart}\n                      onSlotchange={this.handleFilterActionsStartSlotChange}\n                      slot={STACK_SLOTS.actionsStart}\n                    />\n                    <calcite-filter\n                      aria-label={filterPlaceholder}\n                      disabled={disabled}\n                      items={dataForFilter}\n                      onCalciteFilterChange={this.handleFilterChange}\n                      placeholder={filterPlaceholder}\n                      value={filterText}\n                      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                      ref={this.setFilterEl}\n                    />\n                    <slot\n                      name={SLOTS.filterActionsEnd}\n                      onSlotchange={this.handleFilterActionsEndSlotChange}\n                      slot={STACK_SLOTS.actionsEnd}\n                    />\n                  </calcite-stack>\n                </th>\n              </tr>\n            </thead>\n          ) : null}\n          <tbody class={CSS.tableContainer}>\n            <slot onSlotchange={this.handleDefaultSlotChange} />\n          </tbody>\n        </table>\n      </div>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private renderItemAriaLive(): VNode {\n    const {\n      messages,\n      enabledListItems,\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(enabledListItems.length.toString())\n          )}\n        </div>\n        {enabledListItems.length ? (\n          <ol key=\"aria-item-list\">\n            {enabledListItems.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  onDragStart(): void {\n    this.disconnectObserver();\n  }\n\n  onDragEnd(): void {\n    this.connectObserver();\n  }\n\n  onDragSort(detail: ListDragDetail): void {\n    this.setParentList();\n    this.updateListItems();\n\n    this.calciteListOrderChange.emit(detail);\n  }\n\n  private setParentList(): void {\n    this.parentListEl = this.el.parentElement?.closest(\"calcite-list\");\n  }\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    updateListItemChildren(getListItemChildren(event.target as HTMLSlotElement));\n    if (this.parentListEl) {\n      this.calciteInternalListDefaultSlotChange.emit();\n    }\n  };\n\n  private handleFilterActionsStartSlotChange = (event: Event): void => {\n    this.hasFilterActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleFilterActionsEndSlotChange = (event: Event): void => {\n    this.hasFilterActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private setActiveListItem = (): void => {\n    const { enabledListItems } = this;\n\n    if (!enabledListItems.some((item) => item.active)) {\n      if (enabledListItems[0]) {\n        enabledListItems[0].active = true;\n      }\n    }\n  };\n\n  private updateSelectedItems = (emit = false): void => {\n    this.selectedItems = this.enabledListItems.filter((item) => item.selected);\n    if (emit) {\n      this.calciteListChange.emit();\n    }\n  };\n\n  private filterElements({\n    el,\n    filteredItems,\n    visibleParents,\n  }: {\n    el: HTMLCalciteListItemElement | HTMLCalciteListItemGroupElement;\n    filteredItems: HTMLCalciteListItemElement[];\n    visibleParents: WeakSet<HTMLCalciteListItemElement | HTMLCalciteListItemGroupElement>;\n  }): void {\n    const hidden =\n      !visibleParents.has(el) && !filteredItems.includes(el as HTMLCalciteListItemElement);\n\n    el.hidden = hidden;\n\n    const closestParent = el.parentElement.closest(parentSelector) as\n      | HTMLCalciteListItemElement\n      | HTMLCalciteListItemGroupElement;\n\n    if (!closestParent) {\n      return;\n    }\n\n    if (!hidden) {\n      visibleParents.add(closestParent);\n    }\n\n    this.filterElements({\n      el: closestParent,\n      filteredItems,\n      visibleParents,\n    });\n  }\n\n  private updateFilteredItems = (emit = false): void => {\n    const { listItems, filteredData, filterText } = this;\n\n    const values = filteredData.map((item) => item.value);\n\n    const lastDescendantItems = listItems?.filter((listItem) =>\n      listItems.every((li) => li === listItem || !listItem.contains(li))\n    );\n\n    const filteredItems =\n      listItems.filter((item) => !filterText || values.includes(item.value)) || [];\n\n    const visibleParents = new WeakSet<HTMLElement>();\n\n    lastDescendantItems.forEach((listItem) =>\n      this.filterElements({ el: listItem, filteredItems, visibleParents })\n    );\n\n    if (filteredItems.length > 0) {\n      this.findAncestorOfFirstFilteredItem(filteredItems);\n    }\n\n    this.filteredItems = filteredItems;\n\n    if (emit) {\n      this.calciteListFilter.emit();\n    }\n  };\n\n  private updateFilteredData(emit = false): void {\n    const { filterEl } = this;\n\n    if (!filterEl) {\n      return;\n    }\n\n    if (filterEl.filteredItems) {\n      this.filteredData = filterEl.filteredItems as ItemData;\n    }\n\n    this.updateListItems(emit);\n  }\n\n  private async performFilter(): Promise<void> {\n    const { filterEl, filterText } = this;\n\n    if (!filterEl) {\n      return;\n    }\n\n    filterEl.value = filterText;\n    await filterEl.filter(filterText);\n    this.updateFilteredData();\n  }\n\n  private setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n    this.performFilter();\n  };\n\n  private handleFilterChange = (event: CustomEvent): void => {\n    event.stopPropagation();\n    const { value } = event.currentTarget as HTMLCalciteFilterElement;\n    this.filterText = value;\n    this.updateFilteredData(true);\n  };\n\n  private getItemData = (): ItemData => {\n    return this.listItems.map((item) => ({\n      label: item.label,\n      description: item.description,\n      metadata: item.metadata,\n      value: item.value,\n    }));\n  };\n\n  private updateListItems = debounce((emit = false): void => {\n    const { selectionAppearance, selectionMode, dragEnabled } = this;\n\n    if (!!this.parentListEl) {\n      const items = this.queryListItems(true);\n\n      items.forEach((item) => {\n        item.dragHandle = dragEnabled;\n      });\n\n      this.setUpSorting();\n      return;\n    }\n\n    const items = this.queryListItems();\n    items.forEach((item) => {\n      item.selectionAppearance = selectionAppearance;\n      item.selectionMode = selectionMode;\n    });\n    const dragItems = this.queryListItems(true);\n    dragItems.forEach((item) => {\n      item.dragHandle = dragEnabled;\n    });\n    this.listItems = items;\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n      if (this.filterEl) {\n        this.filterEl.items = this.dataForFilter;\n      }\n    }\n    this.updateFilteredItems(emit);\n    this.enabledListItems = this.filteredItems.filter((item) => !item.disabled && !item.closed);\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 { enabledListItems } = this;\n\n    if (!focusEl) {\n      return;\n    }\n\n    enabledListItems.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 filteredItems = this.enabledListItems.filter((listItem) => this.isNavigable(listItem));\n    const currentIndex = filteredItems.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 (filteredItems[nextIndex]) {\n        this.focusRow(filteredItems[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 (filteredItems[prevIndex]) {\n        this.focusRow(filteredItems[prevIndex]);\n      }\n    } else if (key === \"Home\") {\n      event.preventDefault();\n      const homeItem = filteredItems[0];\n\n      if (homeItem) {\n        this.focusRow(homeItem);\n      }\n    } else if (key === \"End\") {\n      event.preventDefault();\n      const endItem = filteredItems[filteredItems.length - 1];\n\n      if (endItem) {\n        this.focusRow(endItem);\n      }\n    }\n  };\n\n  private findAncestorOfFirstFilteredItem = (filteredItems: HTMLCalciteListItemElement[]): void => {\n    this.ancestorOfFirstFilteredItem?.removeAttribute(\"data-filter\");\n    filteredItems.forEach((item) => {\n      item.removeAttribute(\"data-filter\");\n    });\n\n    this.ancestorOfFirstFilteredItem = this.getTopLevelAncestorItemElement(filteredItems[0]);\n    filteredItems[0].setAttribute(\"data-filter\", \"0\");\n    this.ancestorOfFirstFilteredItem?.setAttribute(\"data-filter\", \"0\");\n  };\n\n  private getTopLevelAncestorItemElement = (\n    el: HTMLCalciteListItemElement\n  ): HTMLCalciteListItemElement | null => {\n    let closestParent = el.parentElement.closest<HTMLCalciteListItemElement>(\"calcite-list-item\");\n\n    while (closestParent) {\n      const closestListItemAncestor =\n        closestParent.parentElement.closest<HTMLCalciteListItemElement>(\"calcite-list-item\");\n\n      if (closestListItemAncestor) {\n        closestParent = closestListItemAncestor;\n      } else {\n        return closestParent;\n      }\n    }\n    return null;\n  };\n\n  handleNudgeEvent(event: CustomEvent<HandleNudge>): void {\n    const { direction } = event.detail;\n\n    const composedPath = event.composedPath();\n\n    const handle = composedPath.find(\n      (el: HTMLElement) => el.tagName === \"CALCITE-HANDLE\"\n    ) as HTMLCalciteHandleElement;\n\n    const sortItem = composedPath.find(\n      (el: HTMLElement) => el.tagName === \"CALCITE-LIST-ITEM\"\n    ) as HTMLCalciteListItemElement;\n\n    const parentEl = sortItem?.parentElement as HTMLCalciteListElement;\n\n    if (!parentEl) {\n      return;\n    }\n\n    const { enabledListItems } = this;\n\n    const sameParentItems = enabledListItems.filter((item) => item.parentElement === parentEl);\n\n    const lastIndex = sameParentItems.length - 1;\n    const oldIndex = sameParentItems.indexOf(sortItem);\n    let appendInstead = false;\n    let newIndex: number;\n\n    if (direction === \"up\") {\n      if (oldIndex === 0) {\n        appendInstead = true;\n        newIndex = lastIndex;\n      } else {\n        newIndex = oldIndex - 1;\n      }\n    } else {\n      if (oldIndex === lastIndex) {\n        newIndex = 0;\n      } else if (oldIndex === lastIndex - 1) {\n        appendInstead = true;\n        newIndex = lastIndex;\n      } else {\n        newIndex = oldIndex + 2;\n      }\n    }\n\n    this.disconnectObserver();\n\n    if (appendInstead) {\n      parentEl.appendChild(sortItem);\n    } else {\n      parentEl.insertBefore(sortItem, sameParentItems[newIndex]);\n    }\n\n    this.updateListItems();\n    this.connectObserver();\n\n    this.calciteListOrderChange.emit({\n      dragEl: sortItem,\n      fromEl: parentEl,\n      toEl: parentEl,\n      newIndex,\n      oldIndex,\n    });\n\n    handle.setFocus().then(() => {\n      handle.activated = true;\n    });\n  }\n}\n",":host {\n  @apply flex flex-col;\n  --calcite-list-item-icon-color: theme(\"colors.brand\");\n  --calcite-list-item-spacing-indent: theme(\"spacing.4\");\n}\n\n@include disabled();\n\n.container {\n  @apply bg-foreground-1\n  box-border\n  flex\n  flex-1 font-sans;\n  * {\n    @apply box-border;\n  }\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n.container:hover {\n  @apply bg-foreground-2 cursor-pointer;\n}\n\n.container:active {\n  @apply bg-foreground-1;\n}\n\n.container--border-selected {\n  border-inline-start: theme(\"borderWidth.4\") solid theme(\"colors.brand\");\n}\n\n.container--border-unselected {\n  border-inline-start: theme(\"borderWidth.4\") solid transparent;\n}\n\n.nested-container {\n  @apply bg-foreground-1 flex flex-col;\n}\n\n.nested-container--hidden {\n  @apply hidden;\n}\n\n.content-container {\n  @apply text-color-2\n    select-none\n    flex\n    flex-auto\n    font-sans\n    font-normal\n    items-stretch\n    p-0;\n}\n\ntr,\ntd {\n  @apply focus-base;\n}\n\ntr:focus,\ntd:focus {\n  @apply focus-inset;\n}\n\n.content,\n.custom-content {\n  @apply text-n2-wrap\n    flex\n    flex-auto\n    flex-col\n    justify-center\n    px-3\n    py-2;\n}\n\n.label,\n.description,\n.content-bottom {\n  @apply text-n2 word-break font-sans font-normal;\n  &:only-child {\n    @apply m-0 py-1;\n  }\n}\n\n.label {\n  @apply text-color-1;\n}\n\n.description {\n  @apply text-color-3 mt-0.5;\n}\n\n.content-start {\n  @apply justify-start;\n}\n\n.content-end {\n  @apply justify-end;\n}\n\n.content-start,\n.content-end {\n  @apply flex-auto;\n}\n\n.content-bottom {\n  @apply bg-foreground-1 flex flex-col;\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n.content-container--has-center-content .content-start,\n.content-container--has-center-content .content-end {\n  @apply flex-initial;\n}\n\n.selection-container {\n  @apply flex px-3;\n  color: var(--calcite-list-item-icon-color);\n}\n\n.actions-start,\n.actions-end,\n.content-start,\n.content-end,\n.selection-container,\n.drag-container,\n.open-container {\n  @apply flex items-center;\n}\n\n.open-container,\n.selection-container {\n  @apply cursor-pointer;\n}\n\n.content-start,\n.content-end {\n  ::slotted(calcite-icon) {\n    @apply self-center mx-3;\n  }\n}\n\n.actions-start,\n.actions-end {\n  ::slotted(calcite-action),\n  ::slotted(calcite-action-menu),\n  ::slotted(calcite-handle),\n  ::slotted(calcite-dropdown) {\n    @apply self-stretch;\n\n    color: inherit;\n  }\n}\n\n::slotted(calcite-list-item) {\n  @apply border-solid border-0 border-t border-color-3;\n}\n\n::slotted(calcite-list:empty) {\n  @apply py-3;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getElementDir,\n  getFirstTabbable,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { SelectionMode } from \"../interfaces\";\nimport { SelectionAppearance } from \"../list/resources\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\nimport {\n  getDepth,\n  getListItemChildren,\n  getListItemChildLists,\n  updateListItemChildren,\n} from \"./utils\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ListItemMessages } from \"./assets/list-item/t9n\";\n\nconst focusMap = new Map<HTMLCalciteListElement, number>();\n\nconst listSelector = \"calcite-list\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { SortableComponentItem } from \"../../utils/sortableComponent\";\n\n/**\n * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.\n * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.\n * @slot content-start - A slot for adding non-actionable elements before the label and description of the component.\n * @slot content - A slot for adding non-actionable, centered content in place of the `label` and `description` of the component.\n * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.\n * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.\n * @slot content-bottom - A slot for adding content below the component's `label` and `description`.\n */\n@Component({\n  tag: \"calcite-list-item\",\n  styleUrl: \"list-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ListItem\n  implements\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent,\n    SortableComponentItem\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets the item as focusable. Only one item should be focusable within a list.\n   *\n   * @internal\n   */\n  @Prop() active = false;\n\n  @Watch(\"active\")\n  activeHandler(active: boolean): void {\n    if (!active) {\n      this.focusCell(null, false);\n    }\n  }\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, hides the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  @Watch(\"closed\")\n  handleClosedChange(): void {\n    this.emitCalciteInternalListItemChange();\n  }\n\n  /**\n   * A description for the component. Displays below the label text.\n   */\n  @Prop() description: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(): void {\n    this.emitCalciteInternalListItemChange();\n  }\n\n  /**\n   * When `true`, the item is not draggable.\n   */\n  @Prop({ reflect: true }) dragDisabled = false;\n\n  /**\n   * When `true`, the component displays a draggable button.\n   *\n   * @internal\n   */\n  @Prop() dragHandle = false;\n\n  /**\n   * The label text of the component. Displays above the description text.\n   */\n  @Prop() label: string;\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.\n   */\n  @Prop() metadata: Record<string, unknown>;\n\n  /**\n   * When `true`, the item is open to show child components.\n   */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * Used to specify the aria-setsize attribute to define the number of items in the current set of list for accessibility.\n   *\n   * @internal\n   */\n  @Prop() setSize: number = null;\n\n  /**\n   * Used to specify the aria-posinset attribute to define the number or position in the current set of list items for accessibility.\n   *\n   * @internal\n   */\n  @Prop() setPosition: number = null;\n\n  /**\n   * When `true` and the parent `calcite-list`'s `selectionMode` is `\"single\"`, `\"single-persist\"', or `\"multiple\"`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  handleSelectedChange(): void {\n    this.calciteInternalListItemSelect.emit();\n  }\n\n  /**\n   * The component's value.\n   */\n  @Prop() value: any;\n\n  /**\n   * Specifies the selection mode - `\"multiple\"` (allow any number of selected items), `\"single\"` (allow one selected item), `\"single-persist\"` (allow one selected item and prevent de-selection), or `\"none\"` (no selected items).\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) selectionMode: Extract<\n    \"none\" | \"multiple\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = null;\n\n  /**\n   * Specifies the selection appearance - `\"icon\"` (displays a checkmark or dot) or `\"border\"` (displays a border).\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) selectionAppearance: SelectionAppearance = null;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ListItemMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ListItemMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the item's content is selected.\n   */\n  @Event({ cancelable: false }) calciteListItemSelect: EventEmitter<void>;\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calciteListItemClose: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemSelect: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalListItemSelectMultiple: EventEmitter<{\n    selectMultiple: boolean;\n  }>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemActive: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalFocusPreviousItem: EventEmitter<void>;\n\n  /**\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemChange: EventEmitter<void>;\n\n  @Listen(\"calciteInternalListItemGroupDefaultSlotChange\")\n  @Listen(\"calciteInternalListDefaultSlotChange\")\n  handleCalciteInternalListDefaultSlotChanges(event: CustomEvent<void>): void {\n    event.stopPropagation();\n    this.handleOpenableChange(this.defaultSlotEl);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteListItemElement;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ListItemMessages;\n\n  @State() level: number = null;\n\n  @State() visualLevel: number = null;\n\n  @State() parentListEl: HTMLCalciteListElement;\n\n  @State() openable = false;\n\n  @State() hasActionsStart = false;\n\n  @State() hasActionsEnd = false;\n\n  @State() hasCustomContent = false;\n\n  @State() hasContentStart = false;\n\n  @State() hasContentEnd = false;\n\n  @State() hasContentBottom = false;\n\n  containerEl: HTMLTableRowElement;\n\n  contentEl: HTMLTableCellElement;\n\n  actionsStartEl: HTMLTableCellElement;\n\n  actionsEndEl: HTMLTableCellElement;\n\n  defaultSlotEl: HTMLSlotElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    const { el } = this;\n    this.parentListEl = el.closest(listSelector);\n    this.level = getDepth(el) + 1;\n    this.visualLevel = getDepth(el, true);\n    this.setSelectionDefaults();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    const { containerEl, contentEl, actionsStartEl, actionsEndEl, parentListEl } = this;\n    const focusIndex = focusMap.get(parentListEl);\n\n    if (typeof focusIndex === \"number\") {\n      const cells = [actionsStartEl, contentEl, actionsEndEl].filter((el) => el && !el.hidden);\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 class={CSS.selectionContainer} key=\"selection-container\" onClick={this.itemClicked}>\n        <calcite-icon\n          icon={\n            selected\n              ? selectionMode === \"multiple\"\n                ? ICONS.selectedMultiple\n                : ICONS.selectedSingle\n              : ICONS.unselected\n          }\n          scale=\"s\"\n        />\n      </td>\n    );\n  }\n\n  renderDragHandle(): VNode {\n    return this.dragHandle ? (\n      <td class={CSS.dragContainer} key=\"drag-handle-container\">\n        <calcite-handle\n          disabled={this.dragDisabled}\n          label={this.label}\n          setPosition={this.setPosition}\n          setSize={this.setSize}\n        />\n      </td>\n    ) : null;\n  }\n\n  renderOpen(): VNode {\n    const { el, open, openable, parentListEl } = this;\n    const dir = getElementDir(el);\n\n    const icon = openable\n      ? open\n        ? ICONS.open\n        : dir === \"rtl\"\n        ? ICONS.closedRTL\n        : ICONS.closedLTR\n      : ICONS.blank;\n\n    const clickHandler = openable ? this.toggleOpen : this.itemClicked;\n\n    return openable || parentListEl?.openable ? (\n      <td class={CSS.openContainer} key=\"open-container\" onClick={clickHandler}>\n        <calcite-icon icon={icon} key={icon} scale=\"s\" />\n      </td>\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { label, hasActionsStart } = this;\n    return (\n      <td\n        aria-label={label}\n        class={CSS.actionsStart}\n        hidden={!hasActionsStart}\n        key=\"actions-start-container\"\n        role=\"gridcell\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.actionsStartEl = el)}\n      >\n        <slot name={SLOTS.actionsStart} onSlotchange={this.handleActionsStartSlotChange} />\n      </td>\n    );\n  }\n\n  renderActionsEnd(): VNode {\n    const { label, hasActionsEnd, closable, messages } = this;\n    return (\n      <td\n        aria-label={label}\n        class={CSS.actionsEnd}\n        hidden={!(hasActionsEnd || closable)}\n        key=\"actions-end-container\"\n        role=\"gridcell\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.actionsEndEl = el)}\n      >\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.handleActionsEndSlotChange} />\n        {closable ? (\n          <calcite-action\n            appearance=\"transparent\"\n            icon={ICONS.close}\n            key=\"close-action\"\n            label={messages.close}\n            onClick={this.closeClickHandler}\n            text={messages.close}\n          />\n        ) : null}\n      </td>\n    );\n  }\n\n  renderContentStart(): VNode {\n    const { hasContentStart } = this;\n    return (\n      <div class={CSS.contentStart} hidden={!hasContentStart}>\n        <slot name={SLOTS.contentStart} onSlotchange={this.handleContentStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderCustomContent(): VNode {\n    const { hasCustomContent } = this;\n    return (\n      <div class={CSS.customContent} hidden={!hasCustomContent}>\n        <slot name={SLOTS.content} onSlotchange={this.handleContentSlotChange} />\n      </div>\n    );\n  }\n\n  renderContentEnd(): VNode {\n    const { hasContentEnd } = this;\n    return (\n      <div class={CSS.contentEnd} hidden={!hasContentEnd}>\n        <slot name={SLOTS.contentEnd} onSlotchange={this.handleContentEndSlotChange} />\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    const { hasContentBottom, visualLevel } = this;\n    return (\n      <div\n        class={CSS.contentBottom}\n        hidden={!hasContentBottom}\n        style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n      >\n        <slot name={SLOTS.contentBottom} onSlotchange={this.handleContentBottomSlotChange} />\n      </div>\n    );\n  }\n\n  renderDefaultContainer(): VNode {\n    return (\n      <div\n        class={{\n          [CSS.nestedContainer]: true,\n          [CSS.nestedContainerHidden]: this.openable && !this.open,\n        }}\n      >\n        <slot\n          onSlotchange={this.handleDefaultSlotChange}\n          ref={(el: HTMLSlotElement) => (this.defaultSlotEl = el)}\n        />\n      </div>\n    );\n  }\n\n  renderContentProperties(): VNode {\n    const { label, description, hasCustomContent } = this;\n\n    return !hasCustomContent && (!!label || !!description) ? (\n      <div class={CSS.content} key=\"content\">\n        {label ? (\n          <div class={CSS.label} key=\"label\">\n            {label}\n          </div>\n        ) : null}\n        {description ? (\n          <div class={CSS.description} key=\"description\">\n            {description}\n          </div>\n        ) : null}\n      </div>\n    ) : null;\n  }\n\n  renderContentContainer(): VNode {\n    const { description, label, selectionMode, hasCustomContent } = this;\n    const hasCenterContent = hasCustomContent || !!label || !!description;\n    const content = [\n      this.renderContentStart(),\n      this.renderCustomContent(),\n      this.renderContentProperties(),\n      this.renderContentEnd(),\n    ];\n\n    return (\n      <td\n        aria-label={label}\n        class={{\n          [CSS.contentContainer]: true,\n          [CSS.contentContainerSelectable]: selectionMode !== \"none\",\n          [CSS.contentContainerHasCenterContent]: hasCenterContent,\n        }}\n        key=\"content-container\"\n        onClick={this.itemClicked}\n        role=\"gridcell\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.contentEl = el)}\n      >\n        {content}\n      </td>\n    );\n  }\n\n  render(): VNode {\n    const {\n      openable,\n      open,\n      level,\n      setPosition,\n      setSize,\n      active,\n      label,\n      selected,\n      selectionAppearance,\n      selectionMode,\n      closed,\n      visualLevel,\n    } = this;\n\n    const showBorder = selectionMode !== \"none\" && selectionAppearance === \"border\";\n    const borderSelected = showBorder && selected;\n    const borderUnselected = showBorder && !selected;\n\n    return (\n      <Host>\n        <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.containerBorderSelected]: borderSelected,\n            [CSS.containerBorderUnselected]: borderUnselected,\n          }}\n          hidden={closed}\n          onFocus={this.focusCellNull}\n          onKeyDown={this.handleItemKeyDown}\n          role=\"row\"\n          style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n          tabIndex={active ? 0 : -1}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={(el) => (this.containerEl = el)}\n        >\n          {this.renderDragHandle()}\n          {this.renderSelected()}\n          {this.renderOpen()}\n          {this.renderActionsStart()}\n          {this.renderContentContainer()}\n          {this.renderActionsEnd()}\n        </tr>\n        {this.renderContentBottom()}\n        {this.renderDefaultContainer()}\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private emitCalciteInternalListItemChange(): void {\n    this.calciteInternalListItemChange.emit();\n  }\n\n  closeClickHandler = (): void => {\n    this.closed = true;\n    this.calciteListItemClose.emit();\n  };\n\n  handleContentSlotChange = (event: Event): void => {\n    this.hasCustomContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleActionsStartSlotChange = (event: Event): void => {\n    this.hasActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  handleActionsEndSlotChange = (event: Event): void => {\n    this.hasActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  handleContentStartSlotChange = (event: Event): void => {\n    this.hasContentStart = slotChangeHasAssignedElement(event);\n  };\n\n  handleContentEndSlotChange = (event: Event): void => {\n    this.hasContentEnd = slotChangeHasAssignedElement(event);\n  };\n\n  handleContentBottomSlotChange = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n\n  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  handleOpenableChange(slotEl: HTMLSlotElement): void {\n    if (!slotEl) {\n      return;\n    }\n\n    const { parentListEl } = this;\n    const listItemChildren = getListItemChildren(slotEl);\n    const listItemChildLists = getListItemChildLists(slotEl);\n    updateListItemChildren(listItemChildren);\n    const openable = !!listItemChildren.length || !!listItemChildLists.length;\n\n    if (openable && parentListEl && !parentListEl.openable) {\n      parentListEl.openable = true;\n    }\n\n    this.openable = openable;\n\n    if (!openable) {\n      this.open = false;\n    }\n  }\n\n  handleDefaultSlotChange = (event: Event): void => {\n    this.handleOpenableChange(event.target as HTMLSlotElement);\n  };\n\n  toggleOpen = (): void => {\n    this.open = !this.open;\n  };\n\n  itemClicked = (event: PointerEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    this.toggleSelected(event.shiftKey);\n    this.calciteInternalListItemActive.emit();\n  };\n\n  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  handleItemKeyDown = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const { key } = event;\n    const composedPath = event.composedPath();\n    const { containerEl, contentEl, actionsStartEl, actionsEndEl, open, openable } = this;\n\n    const cells = [actionsStartEl, contentEl, actionsEndEl].filter((el) => el && !el.hidden);\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.open = 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.open = 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  focusCellNull = (): void => {\n    this.focusCell(null);\n  };\n\n  focusCell = (focusEl: HTMLTableCellElement, saveFocusIndex = true): void => {\n    const { contentEl, actionsStartEl, actionsEndEl, parentListEl } = this;\n\n    if (saveFocusIndex) {\n      focusMap.set(parentListEl, null);\n    }\n\n    const focusedEl = getFirstTabbable(focusEl);\n\n    [actionsStartEl, contentEl, actionsEndEl]\n      .filter((el) => el && !el.hidden)\n      .forEach((tableCell, cellIndex) => {\n        const tabIndexAttr = \"tabindex\";\n        if (tableCell === focusEl) {\n          focusEl === focusedEl && tableCell.setAttribute(tabIndexAttr, \"0\");\n          saveFocusIndex && focusMap.set(parentListEl, cellIndex);\n        } else {\n          tableCell.removeAttribute(tabIndexAttr);\n        }\n      });\n\n    focusedEl?.focus();\n  };\n}\n","export const CSS = {\n  container: \"container\",\n  heading: \"heading\",\n};\n",":host {\n  @apply flex flex-col bg-foreground-1;\n  --calcite-list-item-spacing-indent: theme(\"spacing.4\");\n}\n\n@include disabled();\n\n.container {\n  @apply bg-foreground-2 text-n1 text-color-2 m-0 flex flex-1 p-3 font-sans font-bold;\n}\n\n.heading {\n  padding-inline-start: calc(\n    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)\n  );\n}\n\n::slotted(calcite-list-item) {\n  @apply shadow-border-top;\n  margin-block-start: 1px;\n}\n\n// removes shadow for the first item of the group for both filtered and unfiltered items.\n::slotted(calcite-list-item:nth-child(1 of :not([hidden]))) {\n  @apply shadow-none;\n  margin-block-start: 0px;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { MAX_COLUMNS } from \"../list-item/resources\";\nimport { getDepth } from \"../list-item/utils\";\nimport { CSS } from \"./resources\";\n/**\n * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.\n */\n@Component({\n  tag: \"calcite-list-item-group\",\n  styleUrl: \"list-item-group.scss\",\n  shadow: true,\n})\nexport class ListItemGroup implements InteractiveComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The header text for all nested `calcite-list-item` rows.\n   *\n   */\n  @Prop({ reflect: true }) heading: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emitted when the default slot has changes in order to notify parent lists.\n   */\n  @Event({ cancelable: false })\n  calciteInternalListItemGroupDefaultSlotChange: EventEmitter<DragEvent>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { el } = this;\n    this.visualLevel = getDepth(el, true);\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteListItemGroupElement;\n\n  @State() visualLevel: number = null;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { heading, visualLevel } = this;\n    return (\n      <Host>\n        <tr\n          class={CSS.container}\n          style={{ \"--calcite-list-item-spacing-indent-multiplier\": `${visualLevel}` }}\n        >\n          <td class={CSS.heading} colSpan={MAX_COLUMNS}>\n            {heading}\n          </td>\n        </tr>\n        <slot onSlotchange={this.handleDefaultSlotChange} />\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleDefaultSlotChange = (): void => {\n    this.calciteInternalListItemGroupDefaultSlotChange.emit();\n  };\n}\n"],"mappings":";;;;;skBAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,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,cAAe,iBACfC,cAAe,kBAGV,MAAMC,EAAQ,CACnBV,aAAc,gBACdC,aAAc,gBACdH,QAAS,UACTO,cAAe,iBACfD,WAAY,cACZE,WAAY,eAIP,MAAMK,EAAc,EAEpB,MAAMC,EAAQ,CACnBC,iBAAkB,iBAClBC,eAAgB,WAChBC,WAAY,QACZC,UAAW,cACXC,UAAW,aACXC,KAAM,aACNC,MAAO,QACPC,MAAO,KCzCT,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,MAAMvE,EAAM,CACjBC,UAAW,YACXuE,MAAO,QACPC,MAAO,QACPC,MAAO,QACPC,eAAgB,kBAChBC,OAAQ,aACRC,cAAe,kBAGV,MAAMC,EAAkB,EAIxB,MAAMzD,EAAQ,CACnB0D,mBAAoB,uBACpBC,iBAAkB,sBChBpB,MAAMC,EAAU,upDCoChB,MAAM/C,EAAmB,oBACzB,MAAMgD,EAAyB,6BAC/B,MAAMC,EAAiB,6C,MAiCVC,EAAI,M,6RA4VfC,KAAAC,aAAe,oBAEfD,KAAAE,iBAAiD,GAIjDF,KAAAG,eAAiB,iBAMjBH,KAAAI,UAA0C,GAE1CJ,KAAAK,iBAAmBC,EAAe,YAAY,IAAMN,KAAKO,oBA0LjDP,KAAAQ,wBAA2BC,IACjCvC,EAAuBX,EAAoBkD,EAAMC,SACjD,GAAIV,KAAKW,aAAc,CACrBX,KAAKY,qCAAqCC,M,GAItCb,KAAAc,mCAAsCL,IAC5CT,KAAKe,sBAAwBC,EAA6BP,EAAM,EAG1DT,KAAAiB,iCAAoCR,IAC1CT,KAAKkB,oBAAsBF,EAA6BP,EAAM,EAGxDT,KAAAmB,kBAAoB,KAC1B,MAAMjB,iBAAEA,GAAqBF,KAE7B,IAAKE,EAAiBkB,MAAMC,GAASA,EAAKC,SAAS,CACjD,GAAIpB,EAAiB,GAAI,CACvBA,EAAiB,GAAGoB,OAAS,I,IAK3BtB,KAAAuB,oBAAsB,CAACV,EAAO,SACpCb,KAAKwB,cAAgBxB,KAAKE,iBAAiB9C,QAAQiE,GAASA,EAAKI,WACjE,GAAIZ,EAAM,CACRb,KAAK0B,kBAAkBb,M,GAqCnBb,KAAA2B,oBAAsB,CAACd,EAAO,SACpC,MAAMT,UAAEA,EAASwB,aAAEA,EAAYC,WAAEA,GAAe7B,KAEhD,MAAM8B,EAASF,EAAanE,KAAK4D,GAASA,EAAKU,QAE/C,MAAMC,EAAsB5B,GAAWhD,QAAQgB,GAC7CgC,EAAU6B,OAAOC,GAAOA,IAAO9D,IAAaA,EAAS+D,SAASD,OAGhE,MAAME,EACJhC,EAAUhD,QAAQiE,IAAUQ,GAAcC,EAAOO,SAAShB,EAAKU,UAAW,GAE5E,MAAMO,EAAiB,IAAIC,QAE3BP,EAAoB7D,SAASC,GAC3B4B,KAAKwC,eAAe,CAAEnF,GAAIe,EAAUgE,gBAAeE,qBAGrD,GAAIF,EAAc5D,OAAS,EAAG,CAC5BwB,KAAKyC,gCAAgCL,E,CAGvCpC,KAAKoC,cAAgBA,EAErB,GAAIvB,EAAM,CACRb,KAAK0C,kBAAkB7B,M,GA8BnBb,KAAA2C,YAAetF,IACrB2C,KAAK4C,SAAWvF,EAChB2C,KAAK6C,eAAe,EAGd7C,KAAA8C,mBAAsBrC,IAC5BA,EAAMsC,kBACN,MAAMhB,MAAEA,GAAUtB,EAAMuC,cACxBhD,KAAK6B,WAAaE,EAClB/B,KAAKiD,mBAAmB,KAAK,EAGvBjD,KAAAkD,YAAc,IACblD,KAAKI,UAAU3C,KAAK4D,IAAI,CAC7B7F,MAAO6F,EAAK7F,MACZC,YAAa4F,EAAK5F,YAClB0H,SAAU9B,EAAK8B,SACfpB,MAAOV,EAAKU,UAIR/B,KAAAO,gBAAkB6C,GAAS,CAACvC,EAAO,SACzC,MAAMwC,oBAAEA,EAAmBC,cAAEA,EAAaC,YAAEA,GAAgBvD,KAE5D,KAAMA,KAAKW,aAAc,CACvB,MAAM6C,EAAQxD,KAAKyD,eAAe,MAElCD,EAAMrF,SAASkD,IACbA,EAAKqC,WAAaH,CAAW,IAG/BvD,KAAK2D,eACL,M,CAGF,MAAMH,EAAQxD,KAAKyD,iBACnBD,EAAMrF,SAASkD,IACbA,EAAKgC,oBAAsBA,EAC3BhC,EAAKiC,cAAgBA,CAAa,IAEpC,MAAMM,EAAY5D,KAAKyD,eAAe,MACtCG,EAAUzF,SAASkD,IACjBA,EAAKqC,WAAaH,CAAW,IAE/BvD,KAAKI,UAAYoD,EACjB,GAAIxD,KAAK6D,cAAe,CACtB7D,KAAK8D,cAAgB9D,KAAKkD,cAC1B,GAAIlD,KAAK4C,SAAU,CACjB5C,KAAK4C,SAASY,MAAQxD,KAAK8D,a,EAG/B9D,KAAK2B,oBAAoBd,GACzBb,KAAKE,iBAAmBF,KAAKoC,cAAchF,QAAQiE,IAAUA,EAAK0C,WAAa1C,EAAK2C,SACpFhE,KAAKmB,oBACLnB,KAAKuB,oBAAoBV,GACzBb,KAAK2D,cAAc,GAClBlE,GAEKO,KAAAyD,eAAiB,CAACQ,EAAS,QAC1BjH,MAAMC,KAAK+C,KAAK3C,GAAGM,iBAAiBsG,EAASpE,EAAyBhD,IAGvEmD,KAAAkE,SAAYC,IAClB,MAAMjE,iBAAEA,GAAqBF,KAE7B,IAAKmE,EAAS,CACZ,M,CAGFjE,EAAiB/B,SAASC,GAAcA,EAASkD,OAASlD,IAAa+F,IAEvEA,EAAQC,UAAU,EAGZpE,KAAAqE,YAAejG,IACrB,MAAMkG,EAAmBlG,EAASmG,eAAeC,QAAQ3H,GAEzD,IAAKyH,EAAkB,CACrB,OAAO,I,CAGT,OAAOA,EAAiB9H,MAAQwD,KAAKqE,YAAYC,EAAiB,EAG5DtE,KAAAyE,kBAAqBhE,IAC3B,GAAIA,EAAMiE,oBAAsB1E,KAAKW,aAAc,CACjD,M,CAGF,MAAMgE,IAAEA,GAAQlE,EAChB,MAAM2B,EAAgBpC,KAAKE,iBAAiB9C,QAAQgB,GAAa4B,KAAKqE,YAAYjG,KAClF,MAAMwG,EAAexC,EAAcyC,WAAWzG,GAAaA,EAASkD,SAEpE,GAAIqD,IAAQ,YAAa,CACvBlE,EAAMqE,iBACN,MAAMC,EAAYtE,EAAMC,SAAWV,KAAK4C,SAAW,EAAIgC,EAAe,EAEtE,GAAIxC,EAAc2C,GAAY,CAC5B/E,KAAKkE,SAAS9B,EAAc2C,G,OAEzB,GAAIJ,IAAQ,UAAW,CAC5BlE,EAAMqE,iBAEN,GAAIF,IAAiB,GAAK5E,KAAK6D,cAAe,CAC5C7D,KAAK4C,UAAUwB,WACf,M,CAGF,MAAMY,EAAYJ,EAAe,EAEjC,GAAIxC,EAAc4C,GAAY,CAC5BhF,KAAKkE,SAAS9B,EAAc4C,G,OAEzB,GAAIL,IAAQ,OAAQ,CACzBlE,EAAMqE,iBACN,MAAMG,EAAW7C,EAAc,GAE/B,GAAI6C,EAAU,CACZjF,KAAKkE,SAASe,E,OAEX,GAAIN,IAAQ,MAAO,CACxBlE,EAAMqE,iBACN,MAAMI,EAAU9C,EAAcA,EAAc5D,OAAS,GAErD,GAAI0G,EAAS,CACXlF,KAAKkE,SAASgB,E,IAKZlF,KAAAyC,gCAAmCL,IACzCpC,KAAKmF,6BAA6BC,gBAAgB,eAClDhD,EAAcjE,SAASkD,IACrBA,EAAK+D,gBAAgB,cAAc,IAGrCpF,KAAKmF,4BAA8BnF,KAAKqF,+BAA+BjD,EAAc,IACrFA,EAAc,GAAGkD,aAAa,cAAe,KAC7CtF,KAAKmF,6BAA6BG,aAAa,cAAe,IAAI,EAG5DtF,KAAAqF,+BACNhI,IAEA,IAAIkI,EAAgBlI,EAAGkH,cAAcC,QAAoC,qBAEzE,MAAOe,EAAe,CACpB,MAAMC,EACJD,EAAchB,cAAcC,QAAoC,qBAElE,GAAIgB,EAAyB,CAC3BD,EAAgBC,C,KACX,CACL,OAAOD,C,EAGX,OAAO,IAAI,E,cA5yBuB,M,8DAeG,M,wCAYE,M,mBAO8B,G,kBAOrB,G,6FAyBf,M,qGA+BhB,M,mBAOoD,G,mBAQnE,O,yBAKgE,O,qBA4MzC,G,+EAaQ,G,yBAUJ,M,2BAEE,K,CApSjC,4BAAME,GACJzF,KAAK6C,e,CA4BP,gBAAA6C,G,CAyCA,oBAAAC,GACE3F,KAAKO,iB,CA8BP,sCAAAqF,CAAuCnF,GACrC,GAAIT,KAAKW,aAAc,CACrB,M,CAGFF,EAAMsC,kBAEN,MAAM7C,iBAAEA,GAAqBF,KAC7B,MAAM4E,EAAe1E,EAAiB2E,WAAWzG,GAAaA,EAASkD,SAEvE,MAAM0D,EAAYJ,EAAe,EAEjC,GAAI1E,EAAiB8E,GAAY,CAC/BhF,KAAKkE,SAAShE,EAAiB8E,G,EAKnC,mCAAAa,CAAoCpF,GAClC,KAAMT,KAAKW,aAAc,CACvB,M,CAGFF,EAAMsC,kBACN,MAAMrC,EAASD,EAAMC,OACrB,MAAMN,UAAEA,GAAcJ,KAEtBI,EAAUjC,SAASC,IACjBA,EAASkD,OAASlD,IAAasC,CAAM,G,CAKzC,2BAAAoF,GACE,KAAM9F,KAAKW,aAAc,CACvB,M,CAGFX,KAAKuB,oBAAoB,K,CAI3B,iCAAAwE,CAAkCtF,GAChCT,KAAKR,cAAgBiB,EAAMuF,OAAOC,QAClCxF,EAAMsC,iB,CAIR,wBAAAmD,CAAyBzF,GACvB,KAAMT,KAAKW,aAAc,CACvB,M,CAGFX,KAAKmG,iBAAiB1F,E,CAIxB,mCAAA2F,CAAoC3F,GAClC,KAAMT,KAAKW,aAAc,CACvB,M,CAGFF,EAAMsC,kBACN,MAAMrC,EAASD,EAAMC,OACrB,MAAMN,UAAEA,EAASkD,cAAEA,GAAkBtD,KAErC,GAAIU,EAAOe,WAAa6B,IAAkB,UAAYA,IAAkB,kBAAmB,CACzFlD,EAAUjC,SAASC,GAAcA,EAASqD,SAAWrD,IAAasC,G,CAGpEV,KAAKuB,qB,CAIP,2CAAA8E,CACE5F,GAIA,KAAMT,KAAKW,aAAc,CACvB,M,CAGFF,EAAMsC,kBACN,MAAMrC,OAAEA,EAAMsF,OAAEA,GAAWvF,EAC3B,MAAMP,iBAAEA,EAAgBoG,iBAAEA,GAAqBtG,KAC/C,MAAMuG,EAAe7F,EAErB,GAAIsF,EAAOQ,kBAAoBF,EAAkB,CAC/C,MAAM1B,EAAe1E,EAAiB5B,QAAQiI,GAC9C,MAAME,EAAoBvG,EAAiB5B,QAAQgI,EAAiBC,cACpE,MAAMG,EAAaC,KAAKC,IAAIH,EAAmB7B,GAC/C,MAAMiC,EAAWF,KAAKG,IAAIL,EAAmB7B,GAE7C1E,EACG6G,MAAML,EAAYG,EAAW,GAC7B1I,SAASkD,GAAUA,EAAKI,SAAW6E,EAAiB7E,U,KAClD,CACLzB,KAAKsG,iBAAmB,CAAEC,eAAc9E,SAAU8E,EAAa9E,S,EAKnE,mCAAAuF,CAAoCvG,GAClC,KAAMT,KAAKW,aAAc,CACvB,M,CAGFF,EAAMsC,kBACN/C,KAAKO,iB,CAIP,mDAAA0G,CAAoDxG,GAClDA,EAAMsC,iB,CASR,iBAAAmE,GACE,GAAIC,EAAWnH,MAAO,CACpB,M,CAGFoH,EAAgBpH,MAChBA,KAAKqH,kBACLrH,KAAKO,kBACLP,KAAK2D,eACL2D,EAAmBtH,MACnBA,KAAKuH,e,CAGP,uBAAMC,GACJC,EAAuBzH,YACjB0H,EAAc1H,K,CAGtB,kBAAA2H,GACEC,EAAsB5H,K,CAGxB,gBAAA6H,GACEC,EAAmB9H,K,CAGrB,oBAAA+H,GACE,GAAIZ,EAAWnH,MAAO,CACpB,M,CAGFA,KAAKgI,qBACLC,EAA4BjI,MAC5BkI,EAAsBlI,MACtBmI,EAAmBnI,K,CAYrB,qBAAAoI,GACEC,EAAerI,KAAMA,KAAKsI,gB,CA+C5B,cAAMlE,SACEmE,EAAmBvI,MAEzB,GAAIA,KAAK6D,cAAe,CACtB,OAAO7D,KAAK4C,UAAUwB,U,CAGxB,OAAOpE,KAAKE,iBAAiBsI,MAAMpK,GAAaA,EAASkD,UAAS8C,U,CASpE,MAAAqE,GACE,MAAMC,QACJA,EAAOlN,MACPA,EAAKuI,SACLA,EAAQD,cACRA,EAAaD,cACbA,EAAa8E,kBACbA,EAAiB9G,WACjBA,EAAUd,sBACVA,EAAqBG,oBACrBA,GACElB,KACJ,OACE4I,EAAA,OAAKC,MAAOlO,EAAIC,WACboF,KAAKuD,YACJqF,EAAA,oBAAgB,YAAYC,MAAOlO,EAAI6E,eACpCQ,KAAKR,eAEN,KACHQ,KAAK8I,qBACLJ,EAAUE,EAAA,iBAAeC,MAAOlO,EAAIyE,MAAOsJ,QAASA,IAAc,KACnEE,EAAA,qBACaG,EAAcL,GAAQ,aACrBlN,GAAS,GACrBqN,MAAOlO,EAAIwE,MACX6J,UAAWhJ,KAAKyE,kBAChBwE,KAAK,YAEJpF,GAAiB9C,GAAyBG,EACzC0H,EAAA,aACEA,EAAA,MAAIC,MAAO,CAAE,CAAClO,EAAI4E,QAAS,OACzBqJ,EAAA,MAAIM,QAASjN,GACX2M,EAAA,iBAAeC,MAAOlO,EAAI0E,OACxBuJ,EAAA,QACEO,KAAMnN,EAAM0D,mBACZ0J,aAAcpJ,KAAKc,mCACnBuI,KAAMC,EAAYhO,eAEpBsN,EAAA,+BACcD,EACZ5E,SAAUA,EACVP,MAAOM,EACPyF,sBAAuBvJ,KAAK8C,mBAC5B0G,YAAab,EACb5G,MAAOF,EAEP4H,IAAKzJ,KAAK2C,cAEZiG,EAAA,QACEO,KAAMnN,EAAM2D,iBACZyJ,aAAcpJ,KAAKiB,iCACnBoI,KAAMC,EAAY1N,iBAM1B,KACJgN,EAAA,SAAOC,MAAOlO,EAAI2E,gBAChBsJ,EAAA,QAAMQ,aAAcpJ,KAAKQ,4B,CAa3B,kBAAAsI,GACN,MAAMY,SACJA,EAAQxJ,iBACRA,EAAgBS,aAChBA,EAAY2H,gBACZA,EAAeqB,gBACfA,EAAe9F,cACfA,EAAahC,WACbA,EAAUD,aACVA,GACE5B,KAEJ4J,EAAsBC,oBAAsB,CAC1CC,OAAQxB,EACRqB,mBAGF,OAAQhJ,EACNiI,EAAA,mBAAe,SAASC,MAAOlO,EAAI6E,eAChCqE,GAAiBhC,GAAcD,GAAcpD,OAC5CoK,EAAA,OAAKjE,IAAI,uBAAuB+E,EAAS7F,eACvC,KACJ+E,EAAA,OAAKjE,IAAI,mBACN+E,EAASK,MAAMC,QACd,UACAJ,EAAsBK,SAAS/J,EAAiB1B,OAAO0L,cAG1DhK,EAAiB1B,OAChBoK,EAAA,MAAIjE,IAAI,kBACLzE,EAAiBzC,KAAK4D,GACrBuH,EAAA,UAAKvH,EAAK7F,UAGZ,MAEJ,I,CAGE,eAAA6L,GACNrH,KAAKK,kBAAkB8J,QAAQnK,KAAK3C,GAAI,CAAE+M,UAAW,KAAMC,QAAS,M,CAG9D,kBAAArC,GACNhI,KAAKK,kBAAkBiK,Y,CAGjB,YAAA3G,GACN,MAAMJ,YAAEA,GAAgBvD,KAExB,IAAKuD,EAAa,CAChB,M,CAGFgH,EAAyBvK,K,CAG3B,WAAAwK,GACExK,KAAKgI,oB,CAGP,SAAAyC,GACEzK,KAAKqH,iB,CAGP,UAAAqD,CAAW1E,GACThG,KAAKuH,gBACLvH,KAAKO,kBAELP,KAAK2K,uBAAuB9J,KAAKmF,E,CAG3B,aAAAuB,GACNvH,KAAKW,aAAeX,KAAK3C,GAAGkH,eAAeC,QAAQ,e,CAmC7C,cAAAhC,EAAenF,GACrBA,EAAE+E,cACFA,EAAaE,eACbA,IAMA,MAAMsI,GACHtI,EAAeuI,IAAIxN,KAAQ+E,EAAcC,SAAShF,GAErDA,EAAGuN,OAASA,EAEZ,MAAMrF,EAAgBlI,EAAGkH,cAAcC,QAAQ1E,GAI/C,IAAKyF,EAAe,CAClB,M,CAGF,IAAKqF,EAAQ,CACXtI,EAAewI,IAAIvF,E,CAGrBvF,KAAKwC,eAAe,CAClBnF,GAAIkI,EACJnD,gBACAE,kB,CAiCI,kBAAAW,CAAmBpC,EAAO,OAChC,MAAM+B,SAAEA,GAAa5C,KAErB,IAAK4C,EAAU,CACb,M,CAGF,GAAIA,EAASR,cAAe,CAC1BpC,KAAK4B,aAAegB,EAASR,a,CAG/BpC,KAAKO,gBAAgBM,E,CAGf,mBAAMgC,GACZ,MAAMD,SAAEA,EAAQf,WAAEA,GAAe7B,KAEjC,IAAK4C,EAAU,CACb,M,CAGFA,EAASb,MAAQF,QACXe,EAASxF,OAAOyE,GACtB7B,KAAKiD,oB,CAkKP,gBAAAkD,CAAiB1F,GACf,MAAMsK,UAAEA,GAActK,EAAMuF,OAE5B,MAAMgF,EAAevK,EAAMuK,eAE3B,MAAMC,EAASD,EAAaxC,MACzBnL,GAAoBA,EAAG6N,UAAY,mBAGtC,MAAMC,EAAWH,EAAaxC,MAC3BnL,GAAoBA,EAAG6N,UAAY,sBAGtC,MAAME,EAAWD,GAAU5G,cAE3B,IAAK6G,EAAU,CACb,M,CAGF,MAAMlL,iBAAEA,GAAqBF,KAE7B,MAAMqL,EAAkBnL,EAAiB9C,QAAQiE,GAASA,EAAKkD,gBAAkB6G,IAEjF,MAAME,EAAYD,EAAgB7M,OAAS,EAC3C,MAAM+M,EAAWF,EAAgB/M,QAAQ6M,GACzC,IAAIK,EAAgB,MACpB,IAAIC,EAEJ,GAAIV,IAAc,KAAM,CACtB,GAAIQ,IAAa,EAAG,CAClBC,EAAgB,KAChBC,EAAWH,C,KACN,CACLG,EAAWF,EAAW,C,MAEnB,CACL,GAAIA,IAAaD,EAAW,CAC1BG,EAAW,C,MACN,GAAIF,IAAaD,EAAY,EAAG,CACrCE,EAAgB,KAChBC,EAAWH,C,KACN,CACLG,EAAWF,EAAW,C,EAI1BvL,KAAKgI,qBAEL,GAAIwD,EAAe,CACjBJ,EAASM,YAAYP,E,KAChB,CACLC,EAASO,aAAaR,EAAUE,EAAgBI,G,CAGlDzL,KAAKO,kBACLP,KAAKqH,kBAELrH,KAAK2K,uBAAuB9J,KAAK,CAC/B+K,OAAQT,EACRU,OAAQT,EACRU,KAAMV,EACNK,WACAF,aAGFN,EAAO7G,WAAW2H,MAAK,KACrBd,EAAOe,UAAY,IAAI,G,iaCp8B7B,MAAMC,EAAc,8xHC6CpB,MAAMC,EAAW,IAAIC,IAErB,MAAMxP,EAAe,e,MAyBRyP,EAAQ,M,wiBA4kBnBpM,KAAAqM,kBAAoB,KAClBrM,KAAKgE,OAAS,KACdhE,KAAKsM,qBAAqBzL,MAAM,EAGlCb,KAAAuM,wBAA2B9L,IACzBT,KAAKwM,iBAAmBxL,EAA6BP,EAAM,EAG7DT,KAAAyM,6BAAgChM,IAC9BT,KAAK0M,gBAAkB1L,EAA6BP,EAAM,EAG5DT,KAAA2M,2BAA8BlM,IAC5BT,KAAK4M,cAAgB5L,EAA6BP,EAAM,EAG1DT,KAAA6M,6BAAgCpM,IAC9BT,KAAK8M,gBAAkB9L,EAA6BP,EAAM,EAG5DT,KAAA+M,2BAA8BtM,IAC5BT,KAAKgN,cAAgBhM,EAA6BP,EAAM,EAG1DT,KAAAiN,8BAAiCxM,IAC/BT,KAAKkN,iBAAmBlM,EAA6BP,EAAM,EAyC7DT,KAAAQ,wBAA2BC,IACzBT,KAAKmN,qBAAqB1M,EAAMC,OAA0B,EAG5DV,KAAAoN,WAAa,KACXpN,KAAKxD,MAAQwD,KAAKxD,IAAI,EAGxBwD,KAAAqN,YAAe5M,IACb,GAAIA,EAAMiE,iBAAkB,CAC1B,M,CAGF1E,KAAKsN,eAAe7M,EAAM8M,UAC1BvN,KAAKwN,8BAA8B3M,MAAM,EAG3Cb,KAAAsN,eAAkBC,IAChB,MAAMjK,cAAEA,EAAa7B,SAAEA,GAAazB,KAEpC,GAAIA,KAAK+D,SAAU,CACjB,M,CAGF,GAAIT,IAAkB,YAAcA,IAAkB,SAAU,CAC9DtD,KAAKyB,UAAYA,C,MACZ,GAAI6B,IAAkB,iBAAkB,CAC7CtD,KAAKyB,SAAW,I,CAGlBzB,KAAKyN,sCAAsC5M,KAAK,CAC9C2F,eAAgB+G,GAAYjK,IAAkB,aAEhDtD,KAAK0N,sBAAsB7M,MAAM,EAGnCb,KAAA2N,kBAAqBlN,IACnB,GAAIA,EAAMiE,iBAAkB,CAC1B,M,CAGF,MAAMC,IAAEA,GAAQlE,EAChB,MAAMuK,EAAevK,EAAMuK,eAC3B,MAAM4C,YAAEA,EAAWC,UAAEA,EAASC,eAAEA,EAAcC,aAAEA,EAAYvR,KAAEA,EAAIwR,SAAEA,GAAahO,KAEjF,MAAMiO,EAAQ,CAACH,EAAgBD,EAAWE,GAAc3Q,QAAQC,GAAOA,IAAOA,EAAGuN,SACjF,MAAMhG,EAAeqJ,EAAMpJ,WAAWqJ,GAASlD,EAAa3I,SAAS6L,KAErE,GACEvJ,IAAQ,UACPqG,EAAa3I,SAASyL,KACtB9C,EAAa3I,SAAS0L,GACvB,CACAtN,EAAMqE,iBACN9E,KAAKsN,eAAe7M,EAAM8M,S,MACrB,GAAI5I,IAAQ,aAAc,CAC/BlE,EAAMqE,iBACN,MAAMC,EAAYH,EAAe,EACjC,GAAIA,KAAkB,EAAG,CACvB,IAAKpI,GAAQwR,EAAU,CACrBhO,KAAKxD,KAAO,KACZwD,KAAKmO,UAAU,K,MACV,GAAIF,EAAM,GAAI,CACnBjO,KAAKmO,UAAUF,EAAM,G,OAElB,GAAIA,EAAMrJ,IAAiBqJ,EAAMlJ,GAAY,CAClD/E,KAAKmO,UAAUF,EAAMlJ,G,OAElB,GAAIJ,IAAQ,YAAa,CAC9BlE,EAAMqE,iBACN,MAAME,EAAYJ,EAAe,EACjC,GAAIA,KAAkB,EAAG,CACvB5E,KAAKmO,UAAU,MACf,GAAI3R,GAAQwR,EAAU,CACpBhO,KAAKxD,KAAO,K,KACP,CACLwD,KAAKoO,iCAAiCvN,M,OAEnC,GAAI+D,IAAiB,EAAG,CAC7B5E,KAAKmO,UAAU,MACfP,EAAYS,O,MACP,GAAIJ,EAAMrJ,IAAiBqJ,EAAMjJ,GAAY,CAClDhF,KAAKmO,UAAUF,EAAMjJ,G,IAK3BhF,KAAAsO,cAAgB,KACdtO,KAAKmO,UAAU,KAAK,EAGtBnO,KAAAmO,UAAY,CAAChK,EAA+BoK,EAAiB,QAC3D,MAAMV,UAAEA,EAASC,eAAEA,EAAcC,aAAEA,EAAYpN,aAAEA,GAAiBX,KAElE,GAAIuO,EAAgB,CAClBrC,EAASsC,IAAI7N,EAAc,K,CAG7B,MAAM8N,EAAYC,EAAiBvK,GAEnC,CAAC2J,EAAgBD,EAAWE,GACzB3Q,QAAQC,GAAOA,IAAOA,EAAGuN,SACzBzM,SAAQ,CAACwQ,EAAWC,KACnB,MAAMC,EAAe,WACrB,GAAIF,IAAcxK,EAAS,CACzBA,IAAYsK,GAAaE,EAAUrJ,aAAauJ,EAAc,KAC9DN,GAAkBrC,EAASsC,IAAI7N,EAAciO,E,KACxC,CACLD,EAAUvJ,gBAAgByJ,E,KAIhCJ,GAAWJ,OAAO,E,YA5uBH,M,cAUmB,M,YAGa,M,yCAeb,M,kBAUI,M,gBAOnB,M,uDAe0B,M,aAOrB,K,iBAOI,K,cAKqB,M,wCAoB/C,K,yBAOgE,K,6EAqFzC,G,0CASF,K,iBAEM,K,0CAIX,M,qBAEO,M,mBAEF,M,sBAEG,M,qBAED,M,mBAEF,M,sBAEG,K,CAvN5B,aAAAS,CAAcxN,GACZ,IAAKA,EAAQ,CACXtB,KAAKmO,UAAU,KAAM,M,EAWzB,kBAAAY,GACE/O,KAAKgP,mC,CAcP,oBAAAC,GACEjP,KAAKgP,mC,CAkDP,oBAAAE,GACElP,KAAKmP,8BAA8BtO,M,CAwCrC,gBAAA6E,G,CAuDA,2CAAA0J,CAA4C3O,GAC1CA,EAAMsC,kBACN/C,KAAKmN,qBAAqBnN,KAAKqP,c,CAcjC,qBAAAjH,GACEC,EAAerI,KAAMA,KAAKsI,gB,CAyC5B,iBAAApB,GACEI,EAAmBtH,MACnBsP,EAAiBtP,MACjBoH,EAAgBpH,MAChB,MAAM3C,GAAEA,GAAO2C,KACfA,KAAKW,aAAetD,EAAGmH,QAAQ7H,GAC/BqD,KAAKuP,MAAQ9Q,EAASpB,GAAM,EAC5B2C,KAAKwP,YAAc/Q,EAASpB,EAAI,MAChC2C,KAAKyP,sB,CAGP,uBAAMjI,GACJC,EAAuBzH,YACjB0H,EAAc1H,K,CAGtB,gBAAA6H,GACEC,EAAmB9H,K,CAGrB,kBAAA2H,GACEC,EAAsB5H,K,CAGxB,oBAAA+H,GACEG,EAAsBlI,MACtB0P,EAAoB1P,MACpBmI,EAAmBnI,K,CAWrB,cAAMoE,SACEmE,EAAmBvI,MACzB,MAAM4N,YAAEA,EAAWC,UAAEA,EAASC,eAAEA,EAAcC,aAAEA,EAAYpN,aAAEA,GAAiBX,KAC/E,MAAM2P,EAAazD,EAAS0D,IAAIjP,GAEhC,UAAWgP,IAAe,SAAU,CAClC,MAAM1B,EAAQ,CAACH,EAAgBD,EAAWE,GAAc3Q,QAAQC,GAAOA,IAAOA,EAAGuN,SACjF,GAAIqD,EAAM0B,GAAa,CACrB3P,KAAKmO,UAAUF,EAAM0B,G,KAChB,CACL/B,GAAaS,O,CAEf,M,CAGFT,GAAaS,O,CASf,cAAAwB,GACE,MAAMpO,SAAEA,EAAQ6B,cAAEA,EAAaD,oBAAEA,GAAwBrD,KAEzD,GAAIsD,IAAkB,QAAUD,IAAwB,SAAU,CAChE,OAAO,I,CAGT,OACEuF,EAAA,MAAIC,MAAOlO,EAAIkB,mBAAoB8I,IAAI,sBAAsBmL,QAAS9P,KAAKqN,aACzEzE,EAAA,gBACEmH,KACEtO,EACI6B,IAAkB,WAChBpH,EAAMC,iBACND,EAAME,eACRF,EAAMG,WAEZ2T,MAAM,M,CAMd,gBAAAC,GACE,OAAOjQ,KAAK0D,WACVkF,EAAA,MAAIC,MAAOlO,EAAIoB,cAAe4I,IAAI,yBAChCiE,EAAA,kBACE7E,SAAU/D,KAAKkQ,aACf1U,MAAOwE,KAAKxE,MACZ6C,YAAa2B,KAAK3B,YAClBE,QAASyB,KAAKzB,WAGhB,I,CAGN,UAAA4R,GACE,MAAM9S,GAAEA,EAAEb,KAAEA,EAAIwR,SAAEA,EAAQrN,aAAEA,GAAiBX,KAC7C,MAAMoQ,EAAMC,EAAchT,GAE1B,MAAM0S,EAAO/B,EACTxR,EACEN,EAAMM,KACN4T,IAAQ,MACRlU,EAAMK,UACNL,EAAMI,UACRJ,EAAMO,MAEV,MAAM6T,EAAetC,EAAWhO,KAAKoN,WAAapN,KAAKqN,YAEvD,OAAOW,GAAYrN,GAAcqN,SAC/BpF,EAAA,MAAIC,MAAOlO,EAAImB,cAAe6I,IAAI,iBAAiBmL,QAASQ,GAC1D1H,EAAA,gBAAcmH,KAAMA,EAAMpL,IAAKoL,EAAMC,MAAM,OAE3C,I,CAGN,kBAAAO,GACE,MAAM/U,MAAEA,EAAKkR,gBAAEA,GAAoB1M,KACnC,OACE4I,EAAA,mBACcpN,EACZqN,MAAOlO,EAAIW,aACXsP,QAAS8B,EACT/H,IAAI,0BACJsE,KAAK,WAELQ,IAAMpM,GAAQ2C,KAAK8N,eAAiBzQ,GAEpCuL,EAAA,QAAMO,KAAMnN,EAAMV,aAAc8N,aAAcpJ,KAAKyM,+B,CAKzD,gBAAA+D,GACE,MAAMhV,MAAEA,EAAKoR,cAAEA,EAAa6D,SAAEA,EAAQ/G,SAAEA,GAAa1J,KACrD,OACE4I,EAAA,mBACcpN,EACZqN,MAAOlO,EAAIiB,WACXgP,SAAUgC,GAAiB6D,GAC3B9L,IAAI,wBACJsE,KAAK,WAELQ,IAAMpM,GAAQ2C,KAAK+N,aAAe1Q,GAElCuL,EAAA,QAAMO,KAAMnN,EAAMJ,WAAYwN,aAAcpJ,KAAK2M,6BAChD8D,EACC7H,EAAA,kBACE8H,WAAW,cACXX,KAAM7T,EAAMQ,MACZiI,IAAI,eACJnJ,MAAOkO,EAAShN,MAChBoT,QAAS9P,KAAKqM,kBACdsE,KAAMjH,EAAShN,QAEf,K,CAKV,kBAAAkU,GACE,MAAM9D,gBAAEA,GAAoB9M,KAC5B,OACE4I,EAAA,OAAKC,MAAOlO,EAAIY,aAAcqP,QAASkC,GACrClE,EAAA,QAAMO,KAAMnN,EAAMT,aAAc6N,aAAcpJ,KAAK6M,+B,CAKzD,mBAAAgE,GACE,MAAMrE,iBAAEA,GAAqBxM,KAC7B,OACE4I,EAAA,OAAKC,MAAOlO,EAAIU,cAAeuP,QAAS4B,GACtC5D,EAAA,QAAMO,KAAMnN,EAAMZ,QAASgO,aAAcpJ,KAAKuM,0B,CAKpD,gBAAAuE,GACE,MAAM9D,cAAEA,GAAkBhN,KAC1B,OACE4I,EAAA,OAAKC,MAAOlO,EAAIe,WAAYkP,QAASoC,GACnCpE,EAAA,QAAMO,KAAMnN,EAAMN,WAAY0N,aAAcpJ,KAAK+M,6B,CAKvD,mBAAAgE,GACE,MAAM7D,iBAAEA,EAAgBsC,YAAEA,GAAgBxP,KAC1C,OACE4I,EAAA,OACEC,MAAOlO,EAAIgB,cACXiP,QAASsC,EACT8D,MAAO,CAAE,gDAAiD,GAAGxB,MAE7D5G,EAAA,QAAMO,KAAMnN,EAAML,cAAeyN,aAAcpJ,KAAKiN,gC,CAK1D,sBAAAgE,GACE,OACErI,EAAA,OACEC,MAAO,CACL,CAAClO,EAAIO,iBAAkB,KACvB,CAACP,EAAIQ,uBAAwB6E,KAAKgO,WAAahO,KAAKxD,OAGtDoM,EAAA,QACEQ,aAAcpJ,KAAKQ,wBACnBiJ,IAAMpM,GAAyB2C,KAAKqP,cAAgBhS,I,CAM5D,uBAAA6T,GACE,MAAM1V,MAAEA,EAAKC,YAAEA,EAAW+Q,iBAAEA,GAAqBxM,KAEjD,OAAQwM,MAAuBhR,KAAWC,GACxCmN,EAAA,OAAKC,MAAOlO,EAAIS,QAASuJ,IAAI,WAC1BnJ,EACCoN,EAAA,OAAKC,MAAOlO,EAAIa,MAAOmJ,IAAI,SACxBnJ,GAED,KACHC,EACCmN,EAAA,OAAKC,MAAOlO,EAAIc,YAAakJ,IAAI,eAC9BlJ,GAED,MAEJ,I,CAGN,sBAAA0V,GACE,MAAM1V,YAAEA,EAAWD,MAAEA,EAAK8H,cAAEA,EAAakJ,iBAAEA,GAAqBxM,KAChE,MAAMoR,EAAmB5E,KAAsBhR,KAAWC,EAC1D,MAAML,EAAU,CACd4E,KAAK4Q,qBACL5Q,KAAK6Q,sBACL7Q,KAAKkR,0BACLlR,KAAK8Q,oBAGP,OACElI,EAAA,mBACcpN,EACZqN,MAAO,CACL,CAAClO,EAAII,kBAAmB,KACxB,CAACJ,EAAIK,4BAA6BsI,IAAkB,OACpD,CAAC3I,EAAIM,kCAAmCmW,GAE1CzM,IAAI,oBACJmL,QAAS9P,KAAKqN,YACdpE,KAAK,WAELQ,IAAMpM,GAAQ2C,KAAK6N,UAAYxQ,GAE9BjC,E,CAKP,MAAAqN,GACE,MAAMuF,SACJA,EAAQxR,KACRA,EAAI+S,MACJA,EAAKlR,YACLA,EAAWE,QACXA,EAAO+C,OACPA,EAAM9F,MACNA,EAAKiG,SACLA,EAAQ4B,oBACRA,EAAmBC,cACnBA,EAAaU,OACbA,EAAMwL,YACNA,GACExP,KAEJ,MAAMqR,EAAa/N,IAAkB,QAAUD,IAAwB,SACvE,MAAMiO,EAAiBD,GAAc5P,EACrC,MAAM8P,EAAmBF,IAAe5P,EAExC,OACEmH,EAAC4I,EAAI,KACH5I,EAAA,sBACiBoF,EAAWjF,EAAcvM,GAAQ,KAAI,aACxChB,EAAK,aACL+T,EAAK,gBACFlR,EAAW,gBACX0K,EAActH,GAAS,eACxBlD,EACdsK,MAAO,CACL,CAAClO,EAAIC,WAAY,KACjB,CAACD,EAAIE,yBAA0ByW,EAC/B,CAAC3W,EAAIG,2BAA4ByW,GAEnC3G,OAAQ5G,EACRyN,QAASzR,KAAKsO,cACdtF,UAAWhJ,KAAK2N,kBAChB1E,KAAK,MACL+H,MAAO,CAAE,gDAAiD,GAAGxB,KAC7DkC,SAAUpQ,EAAS,GAAK,EAExBmI,IAAMpM,GAAQ2C,KAAK4N,YAAcvQ,GAEhC2C,KAAKiQ,mBACLjQ,KAAK6P,iBACL7P,KAAKmQ,aACLnQ,KAAKuQ,qBACLvQ,KAAKmR,yBACLnR,KAAKwQ,oBAEPxQ,KAAK+Q,sBACL/Q,KAAKiR,yB,CAWJ,iCAAAjC,GACNhP,KAAK2R,8BAA8B9Q,M,CAgCrC,oBAAA4O,GACE,MAAM9O,aAAEA,EAAY2C,cAAEA,EAAaD,oBAAEA,GAAwBrD,KAE7D,IAAKW,EAAc,CACjB,M,CAGF,IAAK2C,EAAe,CAClBtD,KAAKsD,cAAgB3C,EAAa2C,a,CAGpC,IAAKD,EAAqB,CACxBrD,KAAKqD,oBAAsB1C,EAAa0C,mB,EAI5C,oBAAA8J,CAAqBpQ,GACnB,IAAKA,EAAQ,CACX,M,CAGF,MAAM4D,aAAEA,GAAiBX,KACzB,MAAMjC,EAAmBR,EAAoBR,GAC7C,MAAM6U,EAAqB9U,EAAsBC,GACjDmB,EAAuBH,GACvB,MAAMiQ,IAAajQ,EAAiBS,UAAYoT,EAAmBpT,OAEnE,GAAIwP,GAAYrN,IAAiBA,EAAaqN,SAAU,CACtDrN,EAAaqN,SAAW,I,CAG1BhO,KAAKgO,SAAWA,EAEhB,IAAKA,EAAU,CACbhO,KAAKxD,KAAO,K,wTCntBX,MAAM7B,EAAM,CACjBC,UAAW,YACXiX,QAAS,WCFX,MAAMC,EAAmB,q2C,MC4BZC,EAAa,M,sIAyFhB/R,KAAAQ,wBAA0B,KAChCR,KAAKgS,8CAA8CnR,MAAM,E,cAhFvB,M,wCAgDL,I,CAtB/B,iBAAAqG,GACE,MAAM7J,GAAEA,GAAO2C,KACfA,KAAKwP,YAAc/Q,EAASpB,EAAI,MAChCiK,EAAmBtH,K,CAGrB,kBAAA2H,GACEC,EAAsB5H,K,CAGxB,oBAAA+H,GACEG,EAAsBlI,K,CAmBxB,MAAAyI,GACE,MAAMoJ,QAAEA,EAAOrC,YAAEA,GAAgBxP,KACjC,OACE4I,EAAC4I,EAAI,KACH5I,EAAA,MACEC,MAAOlO,EAAIC,UACXoW,MAAO,CAAE,gDAAiD,GAAGxB,MAE7D5G,EAAA,MAAIC,MAAOlO,EAAIkX,QAAS3I,QAASjN,GAC9B4V,IAGLjJ,EAAA,QAAMQ,aAAcpJ,KAAKQ,0B"}

package/dist/calcite/p-9291ca89.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.0.0
+ */
+import{d as a}from"./p-04e21ce4.js";import"./p-0faa893e.js";import"./p-7793d8b8.js";import"./p-a4e37044.js";import"./p-9de53d34.js";import"./p-bd01ae71.js";import"./p-2281fa0c.js";import"./p-94e156da.js";import"./p-96ccc966.js";import"./p-a4c447ea.js";import"./p-f4f8cdea.js";import"./p-735a0e5a.js";import"./p-83bf4ad1.js";import"./p-d6fab242.js";import"./p-ca2ccc73.js";import"./p-1d7e1024.js";import"./p-ab400372.js";import"./p-8aecb511.js";var e={name:"en-gb",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekStart:1,yearStart:4,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},ordinal:function a(e){var r=["th","st","nd","rd"];var t=e%100;return"["+e+(r[(t-20)%10]||r[t]||r[0])+"]"}};a.locale(e,null,true);export default e;
+//# sourceMappingURL=p-9291ca89.js.map

package/dist/calcite/p-94e156da.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.0.0
+ */
+function n(){return navigator.userAgentData}function r(){const r=n();return r?.brands?r.brands.map((({brand:n,version:r})=>`${n}/${r}`)).join(" "):navigator.userAgent}export{r as g};
+//# sourceMappingURL=p-94e156da.js.map

package/dist/calcite/p-95338076.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.0.0
+ */
+import{d as r}from"./p-04e21ce4.js";import"./p-0faa893e.js";import"./p-7793d8b8.js";import"./p-a4e37044.js";import"./p-9de53d34.js";import"./p-bd01ae71.js";import"./p-2281fa0c.js";import"./p-94e156da.js";import"./p-96ccc966.js";import"./p-a4c447ea.js";import"./p-f4f8cdea.js";import"./p-735a0e5a.js";import"./p-83bf4ad1.js";import"./p-d6fab242.js";import"./p-ca2ccc73.js";import"./p-1d7e1024.js";import"./p-ab400372.js";import"./p-8aecb511.js";var t="يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر".split("_");var p={1:"١",2:"٢",3:"٣",4:"٤",5:"٥",6:"٦",7:"٧",8:"٨",9:"٩",0:"٠"};var e={"١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","٠":"0"};var m={name:"ar",weekdays:"الأحد_الإثنين_الثلاثاء_الأربعاء_الخميس_الجمعة_السبت".split("_"),weekdaysShort:"أحد_إثنين_ثلاثاء_أربعاء_خميس_جمعة_سبت".split("_"),weekdaysMin:"ح_ن_ث_ر_خ_ج_س".split("_"),months:t,monthsShort:t,weekStart:6,meridiem:function r(t){return t>12?"م":"ص"},relativeTime:{future:"بعد %s",past:"منذ %s",s:"ثانية واحدة",m:"دقيقة واحدة",mm:"%d دقائق",h:"ساعة واحدة",hh:"%d ساعات",d:"يوم واحد",dd:"%d أيام",M:"شهر واحد",MM:"%d أشهر",y:"عام واحد",yy:"%d أعوام"},preparse:function r(t){return t.replace(/[١٢٣٤٥٦٧٨٩٠]/g,(function(r){return e[r]})).replace(/،/g,",")},postformat:function r(t){return t.replace(/\d/g,(function(r){return p[r]})).replace(/,/g,"،")},ordinal:function r(t){return t},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"D/‏M/‏YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"}};r.locale(m,null,true);export default m;
+//# sourceMappingURL=p-95338076.js.map

package/dist/calcite/p-96ccc966.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.0.0
+ */
+function n(n){return n==="Enter"||n===" "}const t=["0","1","2","3","4","5","6","7","8","9"];export{n as i,t as n};
+//# sourceMappingURL=p-96ccc966.js.map

package/dist/calcite/p-99aced38.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.0.0
+ */
+import{r as a,h as e,H as i,g as t}from"./p-0faa893e.js";import{g as r}from"./p-9de53d34.js";const n='@charset "UTF-8";@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-color-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem)}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-color-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));animation-name:loader-clockwise}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear}@supports (display: grid){.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}}:host([type=determinate]){animation:none;stroke:var(--calcite-color-border-3)}:host([type=determinate]) .loader__svgs{animation:none}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-color-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-color-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-83.7757333333}100%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:-279.2524444444}}.loader__svg--2{stroke-dasharray:55.8504888889 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-97.7383555556}100%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:-279.2524444444}}.loader__svg--3{stroke-dasharray:13.9626222222 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-76.7944222222}100%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:-279.2524444444}}@keyframes loader-color-shift{0%{stroke:var(--calcite-color-brand)}33%{stroke:var(--calcite-color-brand-press)}66%{stroke:var(--calcite-color-brand-hover)}100%{stroke:var(--calcite-color-brand)}}@keyframes loader-clockwise{100%{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}';const o=class{constructor(e){a(this,e);this.inline=false;this.label=undefined;this.scale="m";this.type=undefined;this.value=0;this.text=""}render(){const{el:a,inline:t,label:n,scale:o,text:l,type:s,value:c}=this;const d=a.id||r();const m=.45;const v=t?this.getInlineSize(o):this.getSize(o);const f=v*m;const g=`0 0 ${v} ${v}`;const h=s==="determinate";const k=2*f*Math.PI;const z=c/100*k;const _=k-z;const p=Math.floor(c);const u={"aria-valuenow":p,"aria-valuemin":0,"aria-valuemax":100,complete:p===100};const y={r:f,cx:v/2,cy:v/2};const b={"stroke-dasharray":`${z} ${_}`};return e(i,{"aria-label":n,id:d,role:"progressbar",...h?u:{}},e("div",{class:"loader__svgs"},e("svg",{"aria-hidden":"true",class:"loader__svg loader__svg--1",viewBox:g},e("circle",{...y})),e("svg",{"aria-hidden":"true",class:"loader__svg loader__svg--2",viewBox:g},e("circle",{...y})),e("svg",{"aria-hidden":"true",class:"loader__svg loader__svg--3",viewBox:g,...h?{style:b}:{}},e("circle",{...y}))),l&&e("div",{class:"loader__text"},l),h&&e("div",{class:"loader__percentage"},c))}getSize(a){return{s:32,m:56,l:80}[a]}getInlineSize(a){return{s:12,m:16,l:20}[a]}get el(){return t(this)}};o.style=n;export{o as calcite_loader};
+//# sourceMappingURL=p-99aced38.entry.js.map

package/dist/calcite/p-9ae3c213.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.0.0
+ */
+import{d as e}from"./p-04e21ce4.js";import"./p-0faa893e.js";import"./p-7793d8b8.js";import"./p-a4e37044.js";import"./p-9de53d34.js";import"./p-bd01ae71.js";import"./p-2281fa0c.js";import"./p-94e156da.js";import"./p-96ccc966.js";import"./p-a4c447ea.js";import"./p-f4f8cdea.js";import"./p-735a0e5a.js";import"./p-83bf4ad1.js";import"./p-d6fab242.js";import"./p-ca2ccc73.js";import"./p-1d7e1024.js";import"./p-ab400372.js";import"./p-8aecb511.js";var m={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"}};e.locale(m,null,true);export default m;
+//# sourceMappingURL=p-9ae3c213.js.map

package/dist/calcite/p-9b6b839e.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.0.0
+ */
+import{r as t,c as e,h as i,H as o,g as s}from"./p-0faa893e.js";import{c as a,d as n}from"./p-f4b23a2b.js";import{s as l,b as c,f as d}from"./p-a4e37044.js";import{a as r,s as h,c as p}from"./p-735a0e5a.js";import{c as u,d as f}from"./p-83bf4ad1.js";import{c as g}from"./p-d6fab242.js";import{u as b,c as x,s as m,d as y}from"./p-ab400372.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-c11f1e89.js";import{d as D}from"./p-7c3aa1f4.js";import"./p-9de53d34.js";import"./p-bd01ae71.js";import"./p-96ccc966.js";import"./p-bab6fe64.js";import"./p-84ad01a3.js";const L={actionGroupEnd:"action-group--end"};const k={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=class{constructor(i){t(this,i);this.calciteActionBarToggle=e(this,"calciteActionBarToggle",6);this.mutationObserver=g("mutation",(()=>{const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}));this.resizeObserver=g("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=D((({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 l=j(i);const c=s?l.length:l.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(l);const u=C({layout:a,actionCount:c,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=l(t).filter((t=>t.matches("calcite-action-group")));this.setGroupLayout(e)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=c(t)};this.handleBottomActionsSlotChange=t=>{this.hasBottomActions=c(t)};this.handleTooltipSlotChange=t=>{const e=l(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.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(){b(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:l,messages:c,actionsEndGroupLabel:d}=this;const r=!e?i(A,{collapseText:c.collapse,el:o,expandText:c.expand,expanded:t,position:s,scale:n,toggle:a,tooltip:this.expandTooltip,ref:this.setExpandToggleRef}):null;return i("calcite-action-group",{class:L.actionGroupEnd,hidden:this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions),label:d,layout:l,scale:n},i("slot",{name:k.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),i("slot",{name:k.bottomActions,onSlotchange:this.handleBottomActionsSlotChange}),i("slot",{name:k.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),r)}render(){return i(o,{onCalciteActionMenuOpen:this.actionMenuOpenHandler},i("slot",{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"]}}};E.style=G;export{E as calcite_action_bar};
+//# sourceMappingURL=p-9b6b839e.entry.js.map

package/dist/calcite/p-9b75b290.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.0.0
+ */
+import{d as _}from"./p-04e21ce4.js";import"./p-0faa893e.js";import"./p-7793d8b8.js";import"./p-a4e37044.js";import"./p-9de53d34.js";import"./p-bd01ae71.js";import"./p-2281fa0c.js";import"./p-94e156da.js";import"./p-96ccc966.js";import"./p-a4c447ea.js";import"./p-f4f8cdea.js";import"./p-735a0e5a.js";import"./p-83bf4ad1.js";import"./p-d6fab242.js";import"./p-ca2ccc73.js";import"./p-1d7e1024.js";import"./p-ab400372.js";import"./p-8aecb511.js";var r={name:"bg",weekdays:"неделя_понеделник_вторник_сряда_четвъртък_петък_събота".split("_"),weekdaysShort:"нед_пон_вто_сря_чет_пет_съб".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:"януари_февруари_март_април_май_юни_юли_август_септември_октомври_ноември_декември".split("_"),monthsShort:"янр_фев_мар_апр_май_юни_юли_авг_сеп_окт_ное_дек".split("_"),weekStart:1,ordinal:function _(r){var p=r%100;if(p>10&&p<20){return r+"-ти"}var e=r%10;if(e===1){return r+"-ви"}else if(e===2){return r+"-ри"}else if(e===7||e===8){return r+"-ми"}return r+"-ти"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"след %s",past:"преди %s",s:"няколко секунди",m:"минута",mm:"%d минути",h:"час",hh:"%d часа",d:"ден",dd:"%d дена",M:"месец",MM:"%d месеца",y:"година",yy:"%d години"}};_.locale(r,null,true);export default r;
+//# sourceMappingURL=p-9b75b290.js.map

package/dist/calcite/p-9b7e5b21.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.0.0
+ */
+import{r as t,c as e,h as i,H as n,g as o}from"./p-0faa893e.js";import{t as s,i as r,l as a,d as c}from"./p-a4e37044.js";import{f as l,c as d,d as h,a as p,F as m,r as f}from"./p-79fa2e04.js";import{g as u}from"./p-9de53d34.js";import{c as g,u as w,d as b}from"./p-2281fa0c.js";import{i as v}from"./p-96ccc966.js";import{c as k,s as x,a as y}from"./p-735a0e5a.js";import{c as z}from"./p-d6fab242.js";import{o as D}from"./p-8aecb511.js";import{g as C}from"./p-f4f8cdea.js";import"./p-bd01ae71.js";import"./p-7c3aa1f4.js";import"./p-94e156da.js";const I={dropdownTrigger:"trigger"};const E=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{visibility:visible}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;block-size:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width-scale=s]){--calcite-dropdown-width:12rem}:host([width-scale=m]){--calcite-dropdown-width:14rem}:host([width-scale=l]){--calcite-dropdown-width:16rem}:host([hidden]){display:none}[hidden]{display:none}";const H=class{constructor(i){t(this,i);this.calciteDropdownSelect=e(this,"calciteDropdownSelect",6);this.calciteDropdownBeforeClose=e(this,"calciteDropdownBeforeClose",6);this.calciteDropdownClose=e(this,"calciteDropdownClose",6);this.calciteDropdownBeforeOpen=e(this,"calciteDropdownBeforeOpen",6);this.calciteDropdownOpen=e(this,"calciteDropdownOpen",6);this.items=[];this.groups=[];this.mutationObserver=z("mutation",(()=>this.updateItems()));this.resizeObserver=z("resize",(t=>this.resizeObserverCallback(t)));this.openTransitionProp="opacity";this.guid=`calcite-dropdown-${u()}`;this.defaultAssignedElements=[];this.slotChangeHandler=t=>{this.defaultAssignedElements=t.target.assignedElements({flatten:true});this.updateItems()};this.setFilteredPlacements=()=>{const{el:t,flipPlacements:e}=this;this.filteredFlipPlacements=e?l(e,t):null};this.updateTriggers=t=>{this.triggers=t.target.assignedElements({flatten:true});this.reposition(true)};this.updateItems=()=>{this.items=this.groups.map((t=>Array.from(t?.querySelectorAll("calcite-dropdown-item")))).reduce(((t,e)=>[...t,...e]),[]);this.updateSelectedItems();this.reposition(true);this.items.forEach((t=>t.scale=this.scale))};this.updateGroups=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-dropdown-group")));this.groups=e;this.updateItems()};this.resizeObserverCallback=t=>{t.forEach((t=>{const{target:e}=t;if(e===this.referenceEl){this.setDropdownWidth()}else if(e===this.scrollerEl){this.setMaxScrollerHeight()}}))};this.setDropdownWidth=()=>{const{referenceEl:t,scrollerEl:e}=this;const i=t?.clientWidth;if(!i||!e){return}e.style.minWidth=`${i}px`};this.setMaxScrollerHeight=()=>{const{scrollerEl:t}=this;if(!t){return}this.reposition(true);const e=this.getMaxScrollerHeight();t.style.maxHeight=e>0?`${e}px`:"";this.reposition(true)};this.setScrollerAndTransitionEl=t=>{this.resizeObserver.observe(t);this.scrollerEl=t;this.transitionEl=t};this.setReferenceEl=t=>{this.referenceEl=t;d(this,this.referenceEl,this.floatingEl);this.resizeObserver.observe(t)};this.setFloatingEl=t=>{this.floatingEl=t;d(this,this.referenceEl,this.floatingEl)};this.keyDownHandler=t=>{if(!t.composedPath().includes(this.referenceEl)){return}const{defaultPrevented:e,key:i}=t;if(e){return}if(this.open){if(i==="Escape"){this.closeCalciteDropdown();t.preventDefault();return}else if(t.shiftKey&&i==="Tab"){this.closeCalciteDropdown();t.preventDefault();return}}if(v(i)){this.openCalciteDropdown();t.preventDefault()}else if(i==="Escape"){this.closeCalciteDropdown();t.preventDefault()}};this.focusOnFirstActiveOrFirstItem=()=>{this.getFocusableElement(this.items.find((t=>t.selected))||this.items[0])};this.toggleOpenEnd=()=>{this.focusOnFirstActiveOrFirstItem();this.el.removeEventListener("calciteDropdownOpen",this.toggleOpenEnd)};this.openCalciteDropdown=()=>{this.open=!this.open;if(this.open){this.el.addEventListener("calciteDropdownOpen",this.toggleOpenEnd)}};this.open=false;this.closeOnSelectDisabled=false;this.disabled=false;this.flipPlacements=undefined;this.maxItems=0;this.overlayPositioning="absolute";this.placement=h;this.selectedItems=[];this.type="click";this.widthScale=undefined;this.scale="m"}openHandler(){if(!this.disabled){D(this);return}this.open=false}handleDisabledChange(t){if(!t){this.open=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}handlePropsChange(){this.updateItems()}async setFocus(){await k(this);this.el.focus()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.setFilteredPlacements();this.reposition(true);if(this.open){this.openHandler();D(this)}g(this);this.updateItems();d(this,this.referenceEl,this.floatingEl)}componentWillLoad(){x(this)}componentDidLoad(){y(this);this.reposition(true)}componentDidRender(){w(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();b(this);p(this,this.referenceEl,this.floatingEl)}render(){const{open:t,guid:e}=this;return i(n,null,i("div",{class:"calcite-trigger-container",id:`${e}-menubutton`,onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},i("slot",{"aria-controls":`${e}-menu`,"aria-expanded":s(t),"aria-haspopup":"menu",name:I.dropdownTrigger,onSlotchange:this.updateTriggers})),i("div",{"aria-hidden":s(!t),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},i("div",{"aria-labelledby":`${e}-menubutton`,class:{["calcite-dropdown-content"]:true,[m.animation]:true,[m.animationActive]:t},id:`${e}-menu`,role:"menu",ref:this.setScrollerAndTransitionEl},i("slot",{onSlotchange:this.updateGroups}))))}async reposition(t=false){const{floatingEl:e,referenceEl:i,placement:n,overlayPositioning:o,filteredFlipPlacements:s}=this;return f(this,{floatingEl:e,referenceEl:i,overlayPositioning:o,placement:n,flipPlacements:s,type:"menu"},t)}closeCalciteDropdownOnClick(t){if(this.disabled||!r(t)||!this.open||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)}closeCalciteDropdownOnEvent(t){this.closeCalciteDropdown();t.stopPropagation()}closeCalciteDropdownOnOpenEvent(t){if(t.composedPath().includes(this.el)){return}this.open=false}pointerEnterHandler(){if(this.disabled||this.type!=="hover"){return}this.openCalciteDropdown()}pointerLeaveHandler(){if(this.disabled||this.type!=="hover"){return}this.closeCalciteDropdown()}calciteInternalDropdownItemKeyEvent(t){const{keyboardEvent:e}=t.detail;const i=e.target;switch(e.key){case"Tab":this.open=false;this.updateTabIndexOfItems(i);break;case"ArrowDown":a(this.items,i,"next");break;case"ArrowUp":a(this.items,i,"previous");break;case"Home":a(this.items,i,"first");break;case"End":a(this.items,i,"last");break}t.stopPropagation()}handleItemSelect(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.closeOnSelectDisabled||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}t.stopPropagation()}onBeforeOpen(){this.reposition(true);this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit();this.reposition(true)}updateSelectedItems(){this.selectedItems=this.items.filter((t=>t.selected))}getMaxScrollerHeight(){const{maxItems:t,items:e}=this;let i=0;let n=0;let o;this.groups.forEach((e=>{if(t>0&&i<t){Array.from(e.children).forEach(((e,s)=>{if(s===0){if(isNaN(o)){o=e.offsetTop}n+=o}if(i<t){n+=e.offsetHeight;i+=1}}))}}));return e.length>t?n:0}closeCalciteDropdown(t=true){this.open=false;if(t){c(this.triggers[0])}}getFocusableElement(t){if(!t){return}const e=t.attributes.isLink?t.shadowRoot.querySelector("a"):t;c(e)}updateTabIndexOfItems(t){this.items.forEach((e=>{e.tabIndex=t!==e?-1:0}))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],scale:["handlePropsChange"]}}};H.style=E;const P={container:"container",containerLink:"container--link",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon-end",iconStart:"dropdown-item-icon-start",itemContent:"dropdown-item-content",link:"dropdown-link"};const j=":host{position:relative;display:block}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const O=class{constructor(i){t(this,i);this.calciteInternalDropdownItemChange=e(this,"calciteInternalDropdownItemChange",6);this.updateItems=()=>{Array.from(this.el.querySelectorAll("calcite-dropdown-item")).forEach((t=>t.selectionMode=this.selectionMode))};this.mutationObserver=z("mutation",(()=>this.updateItems()));this.groupTitle=undefined;this.scale="m";this.selectionMode="single"}handlePropsChange(){this.updateItems()}connectedCallback(){this.updateItems();this.mutationObserver?.observe(this.el,{childList:true})}componentWillLoad(){this.groupPosition=this.getGroupPosition()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const t=this.groupTitle?i("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;const e=this.groupPosition>0?i("div",{class:"dropdown-separator",role:"separator"}):null;return i(n,{"aria-label":this.groupTitle,role:"group"},i("div",{class:{[P.container]:true,[`${P.container}--${this.scale}`]:true}},e,t,i("slot",null)))}updateActiveItemOnChange(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})}getGroupPosition(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{selectionMode:["handlePropsChange"]}}};O.style=j;const A=".container--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}.container--s.container--none-selection{padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{padding-inline-start:0px}.container--m.container--none-selection{padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{padding-inline-start:0px}.container--l.container--none-selection{padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{padding-inline-start:0px}:host{position:relative;display:flex;flex-grow:1;align-items:center}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem;padding-inline-end:auto;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container--link{padding:0px}.container--link a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-color-text-1)}:host(:focus) .container{color:var(--calcite-color-text-1);text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-color-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([selected]) .container:not(.container--none-selection),:host([selected]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .container:not(.container--none-selection):before,:host([selected]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-color-brand)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .container--link .dropdown-link calcite-icon{color:var(--calcite-color-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-color-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-color-brand);opacity:1}.container--s .dropdown-item-icon-start{margin-inline-end:0.5rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{margin-inline-end:0.75rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{margin-inline-end:1rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}";const $=class{constructor(i){t(this,i);this.calciteDropdownItemSelect=e(this,"calciteDropdownItemSelect",6);this.calciteInternalDropdownItemSelect=e(this,"calciteInternalDropdownItemSelect",6);this.calciteInternalDropdownItemKeyEvent=e(this,"calciteInternalDropdownItemKeyEvent",6);this.calciteInternalDropdownCloseRequest=e(this,"calciteInternalDropdownCloseRequest",6);this.selected=false;this.iconFlipRtl=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.href=undefined;this.label=undefined;this.rel=undefined;this.target=undefined;this.selectionMode="single";this.scale="m"}async setFocus(){await k(this);this.el?.focus()}componentWillLoad(){x(this);this.initialize()}componentDidLoad(){y(this)}connectedCallback(){this.initialize()}render(){const{href:t,selectionMode:e,label:o,iconFlipRtl:r,scale:a}=this;const c=i("calcite-icon",{class:P.iconStart,flipRtl:r==="start"||r==="both",icon:this.iconStart,scale:C(this.scale)});const l=i("span",{class:P.itemContent},i("slot",null));const d=i("calcite-icon",{class:P.iconEnd,flipRtl:r==="end"||r==="both",icon:this.iconEnd,scale:C(this.scale)});const h=this.iconStart&&this.iconEnd?[c,l,d]:this.iconStart?[c,l]:this.iconEnd?[l,d]:l;const p=!t?h:i("a",{"aria-label":o,class:P.link,href:t,rel:this.rel,tabIndex:-1,target:this.target,ref:t=>this.childLink=t},h);const m=t?null:e==="single"?"menuitemradio":e==="multiple"?"menuitemcheckbox":"menuitem";const f=e!=="none"?s(this.selected):null;return i(n,{"aria-checked":f,"aria-label":!t?o:"",role:m,tabindex:"0"},i("div",{class:{[P.container]:true,[P.containerLink]:!!t,[`${P.container}--${a}`]:true,[P.containerMulti]:e==="multiple",[P.containerSingle]:e==="single",[P.containerNone]:e==="none"}},e!=="none"?i("calcite-icon",{class:P.icon,icon:e==="multiple"?"check":"bullet-point",scale:C(this.scale)}):null,p))}onClick(){this.emitRequestedItem()}keyDownHandler(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break}}updateActiveItemOnChange(t){const e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}t.stopPropagation()}initialize(){this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.selected=false}}determineActiveItem(){switch(this.selectionMode){case"multiple":if(this.el===this.requestedDropdownItem){this.selected=!this.selected}break;case"single":if(this.el===this.requestedDropdownItem){this.selected=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.selected=false}break;case"none":this.selected=false;break}}emitRequestedItem(){this.calciteDropdownItemSelect.emit();this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}get el(){return o(this)}};$.style=A;export{H as calcite_dropdown,O as calcite_dropdown_group,$ as calcite_dropdown_item};
+//# sourceMappingURL=p-9b7e5b21.entry.js.map

package/dist/calcite/p-9b7e5b21.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SLOTS","dropdownTrigger","dropdownCss","Dropdown","this","items","groups","mutationObserver","createObserver","updateItems","resizeObserver","entries","resizeObserverCallback","openTransitionProp","guid","defaultAssignedElements","slotChangeHandler","event","target","assignedElements","flatten","setFilteredPlacements","el","flipPlacements","filteredFlipPlacements","filterComputedPlacements","updateTriggers","triggers","reposition","map","group","Array","from","querySelectorAll","reduce","previousValue","currentValue","updateSelectedItems","forEach","item","scale","updateGroups","filter","matches","entry","referenceEl","setDropdownWidth","scrollerEl","setMaxScrollerHeight","referenceElWidth","clientWidth","style","minWidth","maxScrollerHeight","getMaxScrollerHeight","maxHeight","setScrollerAndTransitionEl","observe","transitionEl","setReferenceEl","connectFloatingUI","floatingEl","setFloatingEl","keyDownHandler","composedPath","includes","defaultPrevented","key","open","closeCalciteDropdown","preventDefault","shiftKey","isActivationKey","openCalciteDropdown","focusOnFirstActiveOrFirstItem","getFocusableElement","find","selected","toggleOpenEnd","removeEventListener","addEventListener","defaultMenuPlacement","openHandler","disabled","onToggleOpenCloseComponent","handleDisabledChange","value","flipPlacementsHandler","maxItemsHandler","overlayPositioningHandler","placementHandler","handlePropsChange","setFocus","componentFocusable","focus","connectedCallback","childList","subtree","connectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnect","disconnectInteractive","disconnectFloatingUI","render","h","Host","class","id","onClick","onKeyDown","ref","toAriaBoolean","name","onSlotchange","FloatingCSS","animation","animationActive","role","delayed","placement","overlayPositioning","type","closeCalciteDropdownOnClick","isPrimaryPointerButton","closeCalciteDropdownOnEvent","stopPropagation","closeCalciteDropdownOnOpenEvent","pointerEnterHandler","pointerLeaveHandler","calciteInternalDropdownItemKeyEvent","keyboardEvent","detail","updateTabIndexOfItems","focusElementInGroup","handleItemSelect","calciteDropdownSelect","emit","closeOnSelectDisabled","requestedDropdownGroup","selectionMode","onBeforeOpen","calciteDropdownBeforeOpen","onOpen","calciteDropdownOpen","onBeforeClose","calciteDropdownBeforeClose","onClose","calciteDropdownClose","selectedItems","maxItems","itemsToProcess","groupHeaderHeight","children","index","isNaN","offsetTop","offsetHeight","length","focusTrigger","focusElement","attributes","isLink","shadowRoot","querySelector","tabIndex","CSS","container","containerLink","containerMulti","containerSingle","containerNone","icon","iconEnd","iconStart","itemContent","link","dropdownGroupCss","DropdownGroup","groupPosition","getGroupPosition","groupTitle","dropdownSeparator","updateActiveItemOnChange","requestedDropdownItem","calciteInternalDropdownItemChange","prototype","indexOf","call","parentElement","dropdownItemCss","DropdownItem","initialize","href","label","iconFlipRtl","iconStartEl","flipRtl","getIconScale","contentNode","iconEndEl","slottedContent","contentEl","rel","childLink","itemRole","itemAria","tabindex","emitRequestedItem","click","calciteInternalDropdownCloseRequest","parentEmittedChange","parentDropdownGroupEl","determineActiveItem","closest","calciteDropdownItemSelect","calciteInternalDropdownItemSelect"],"sources":["src/components/dropdown/resources.ts","src/components/dropdown/dropdown.scss?tag=calcite-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx","src/components/dropdown-item/resources.ts","src/components/dropdown-group/dropdown-group.scss?tag=calcite-dropdown-group&encapsulation=shadow","src/components/dropdown-group/dropdown-group.tsx","src/components/dropdown-item/dropdown-item.scss?tag=calcite-dropdown-item&encapsulation=shadow","src/components/dropdown-item/dropdown-item.tsx"],"sourcesContent":["export const SLOTS = {\n  dropdownTrigger: \"trigger\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-dropdown-width: Specifies the width of the component's wrapper.\n */\n\n:host {\n  @apply inline-block;\n}\n\n@include disabled();\n\n:host .calcite-dropdown-wrapper {\n  --calcite-floating-ui-z-index: theme(\"zIndex.dropdown\");\n  @include floatingUIContainer();\n  @include floatingUIWrapper();\n}\n\n@include floatingUIElemAnim(\".calcite-dropdown-wrapper\");\n:host([open]) .calcite-dropdown-wrapper {\n  @include floatingUIWrapperActive();\n}\n\n:host .calcite-dropdown-content {\n  @apply bg-foreground-1\n    w-auto\n    overflow-y-auto\n    overflow-x-hidden\n    max-h-menu;\n  inline-size: var(--calcite-dropdown-width);\n}\n.calcite-trigger-container {\n  @apply relative flex flex-auto h-full;\n  @include word-break;\n}\n\n@media (forced-colors: active) {\n  /* use real border since box-shadow is removed in high contrast mode */\n  :host([open]) .calcite-dropdown-wrapper {\n    border: 1px solid canvasText;\n  }\n}\n\n// width\n:host([width-scale=\"s\"]) {\n  --calcite-dropdown-width: theme(\"spacing.48\");\n}\n:host([width-scale=\"m\"]) {\n  --calcite-dropdown-width: theme(\"spacing.56\");\n}\n:host([width-scale=\"l\"]) {\n  --calcite-dropdown-width: theme(\"spacing.64\");\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  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { ItemKeyboardEvent } from \"./interfaces\";\n\nimport {\n  focusElement,\n  focusElementInGroup,\n  isPrimaryPointerButton,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  connectFloatingUI,\n  defaultMenuPlacement,\n  disconnectFloatingUI,\n  EffectivePlacement,\n  filterComputedPlacements,\n  FloatingCSS,\n  FloatingUIComponent,\n  MenuPlacement,\n  OverlayPositioning,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.\n * @slot trigger - A slot for the element that triggers the `calcite-dropdown`.\n */\n@Component({\n  tag: \"calcite-dropdown\",\n  styleUrl: \"dropdown.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Dropdown\n  implements InteractiveComponent, LoadableComponent, OpenCloseComponent, FloatingUIComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, displays and positions the component.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    if (!this.disabled) {\n      onToggleOpenCloseComponent(this);\n      return;\n    }\n\n    this.open = false;\n  }\n\n  /**\n   * When `true`, the component will remain open after a selection is made.\n   *\n   * If the `selectionMode` of the selected `calcite-dropdown-item`'s containing `calcite-dropdown-group` is `\"none\"`, the component will always close.\n   *\n   */\n  @Prop({ reflect: true }) closeOnSelectDisabled = false;\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(value: boolean): void {\n    if (!value) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: EffectivePlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller.\n   * Value must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.\n   */\n  @Prop({ reflect: true }) maxItems = 0;\n\n  @Watch(\"maxItems\")\n  maxItemsHandler(): void {\n    this.setMaxScrollerHeight();\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  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Determines where the component will be positioned relative to the container element.\n   *\n   * @default \"bottom-start\"\n   */\n  @Prop({ reflect: true }) placement: MenuPlacement = defaultMenuPlacement;\n\n  @Watch(\"placement\")\n  placementHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteDropdownItemElement[] = [];\n\n  /**\n   * Specifies the action to open the component from the container element.\n   */\n  @Prop({ reflect: true }) type: \"hover\" | \"click\" = \"click\";\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) widthScale: Scale;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"scale\")\n  handlePropsChange(): void {\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    this.setFilteredPlacements();\n    this.reposition(true);\n    if (this.open) {\n      this.openHandler();\n      onToggleOpenCloseComponent(this);\n    }\n    connectInteractive(this);\n    this.updateItems();\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.reposition(true);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  render(): VNode {\n    const { open, guid } = this;\n    return (\n      <Host>\n        <div\n          class=\"calcite-trigger-container\"\n          id={`${guid}-menubutton`}\n          onClick={this.openCalciteDropdown}\n          onKeyDown={this.keyDownHandler}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.setReferenceEl}\n        >\n          <slot\n            aria-controls={`${guid}-menu`}\n            aria-expanded={toAriaBoolean(open)}\n            aria-haspopup=\"menu\"\n            name={SLOTS.dropdownTrigger}\n            onSlotchange={this.updateTriggers}\n          />\n        </div>\n        <div\n          aria-hidden={toAriaBoolean(!open)}\n          class=\"calcite-dropdown-wrapper\"\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.setFloatingEl}\n        >\n          <div\n            aria-labelledby={`${guid}-menubutton`}\n            class={{\n              [\"calcite-dropdown-content\"]: true,\n              [FloatingCSS.animation]: true,\n              [FloatingCSS.animationActive]: open,\n            }}\n            id={`${guid}-menu`}\n            role=\"menu\"\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setScrollerAndTransitionEl}\n          >\n            <slot onSlotchange={this.updateGroups} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;\n\n    return reposition(\n      this,\n      {\n        floatingEl,\n        referenceEl,\n        overlayPositioning,\n        placement,\n        flipPlacements: filteredFlipPlacements,\n        type: \"menu\",\n      },\n      delayed\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when a `calcite-dropdown-item`'s selection changes. */\n  @Event({ cancelable: false }) calciteDropdownSelect: EventEmitter<void>;\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteDropdownBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteDropdownBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownOpen: EventEmitter<void>;\n\n  @Listen(\"pointerdown\", { target: \"window\" })\n  closeCalciteDropdownOnClick(event: PointerEvent): void {\n    if (\n      this.disabled ||\n      !isPrimaryPointerButton(event) ||\n      !this.open ||\n      event.composedPath().includes(this.el)\n    ) {\n      return;\n    }\n\n    this.closeCalciteDropdown(false);\n  }\n\n  @Listen(\"calciteInternalDropdownCloseRequest\")\n  closeCalciteDropdownOnEvent(event: Event): void {\n    this.closeCalciteDropdown();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteDropdownOpen\", { target: \"window\" })\n  closeCalciteDropdownOnOpenEvent(event: Event): void {\n    if (event.composedPath().includes(this.el)) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.openCalciteDropdown();\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.closeCalciteDropdown();\n  }\n\n  @Listen(\"calciteInternalDropdownItemKeyEvent\")\n  calciteInternalDropdownItemKeyEvent(event: CustomEvent<ItemKeyboardEvent>): void {\n    const { keyboardEvent } = event.detail;\n    const target = keyboardEvent.target as HTMLCalciteDropdownItemElement;\n\n    switch (keyboardEvent.key) {\n      case \"Tab\":\n        this.open = false;\n        this.updateTabIndexOfItems(target);\n        break;\n      case \"ArrowDown\":\n        focusElementInGroup(this.items, target, \"next\");\n        break;\n      case \"ArrowUp\":\n        focusElementInGroup(this.items, target, \"previous\");\n        break;\n      case \"Home\":\n        focusElementInGroup(this.items, target, \"first\");\n        break;\n      case \"End\":\n        focusElementInGroup(this.items, target, \"last\");\n        break;\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  handleItemSelect(event: CustomEvent<RequestedItem>): void {\n    this.updateSelectedItems();\n    event.stopPropagation();\n    this.calciteDropdownSelect.emit();\n    if (\n      !this.closeOnSelectDisabled ||\n      event.detail.requestedDropdownGroup.selectionMode === \"none\"\n    ) {\n      this.closeCalciteDropdown();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownElement;\n\n  filteredFlipPlacements: EffectivePlacement[];\n\n  private items: HTMLCalciteDropdownItemElement[] = [];\n\n  private groups: HTMLCalciteDropdownGroupElement[] = [];\n\n  /** trigger elements */\n  private triggers: HTMLElement[];\n\n  floatingEl: HTMLDivElement;\n\n  referenceEl: HTMLDivElement;\n\n  private scrollerEl: HTMLDivElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  resizeObserver = createObserver(\"resize\", (entries) => this.resizeObserverCallback(entries));\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  guid = `calcite-dropdown-${guid()}`;\n\n  defaultAssignedElements: Element[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  slotChangeHandler = (event: Event): void => {\n    this.defaultAssignedElements = (event.target as HTMLSlotElement).assignedElements({\n      flatten: true,\n    });\n\n    this.updateItems();\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterComputedPlacements(flipPlacements, el)\n      : null;\n  };\n\n  updateTriggers = (event: Event): void => {\n    this.triggers = (event.target as HTMLSlotElement).assignedElements({\n      flatten: true,\n    }) as HTMLElement[];\n\n    this.reposition(true);\n  };\n\n  updateItems = (): void => {\n    this.items = this.groups\n      .map((group) => Array.from(group?.querySelectorAll(\"calcite-dropdown-item\")))\n      .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n    this.updateSelectedItems();\n\n    this.reposition(true);\n\n    this.items.forEach((item) => (item.scale = this.scale));\n  };\n\n  updateGroups = (event: Event): void => {\n    const groups = (event.target as HTMLSlotElement)\n      .assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-dropdown-group\")) as HTMLCalciteDropdownGroupElement[];\n\n    this.groups = groups;\n\n    this.updateItems();\n  };\n\n  resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n    entries.forEach((entry) => {\n      const { target } = entry;\n      if (target === this.referenceEl) {\n        this.setDropdownWidth();\n      } else if (target === this.scrollerEl) {\n        this.setMaxScrollerHeight();\n      }\n    });\n  };\n\n  setDropdownWidth = (): void => {\n    const { referenceEl, scrollerEl } = this;\n    const referenceElWidth = referenceEl?.clientWidth;\n\n    if (!referenceElWidth || !scrollerEl) {\n      return;\n    }\n\n    scrollerEl.style.minWidth = `${referenceElWidth}px`;\n  };\n\n  setMaxScrollerHeight = (): void => {\n    const { scrollerEl } = this;\n    if (!scrollerEl) {\n      return;\n    }\n\n    this.reposition(true);\n    const maxScrollerHeight = this.getMaxScrollerHeight();\n    scrollerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : \"\";\n    this.reposition(true);\n  };\n\n  setScrollerAndTransitionEl = (el: HTMLDivElement): void => {\n    this.resizeObserver.observe(el);\n    this.scrollerEl = el;\n\n    this.transitionEl = el;\n  };\n\n  onBeforeOpen(): void {\n    this.reposition(true);\n    this.calciteDropdownBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteDropdownOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteDropdownBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteDropdownClose.emit();\n    this.reposition(true);\n  }\n\n  setReferenceEl = (el: HTMLDivElement): void => {\n    this.referenceEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n    this.resizeObserver.observe(el);\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (!event.composedPath().includes(this.referenceEl)) {\n      return;\n    }\n\n    const { defaultPrevented, key } = event;\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (this.open) {\n      if (key === \"Escape\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      } else if (event.shiftKey && key === \"Tab\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      }\n    }\n\n    if (isActivationKey(key)) {\n      this.openCalciteDropdown();\n      event.preventDefault();\n    } else if (key === \"Escape\") {\n      this.closeCalciteDropdown();\n      event.preventDefault();\n    }\n  };\n\n  private updateSelectedItems(): void {\n    this.selectedItems = this.items.filter((item) => item.selected);\n  }\n\n  private getMaxScrollerHeight(): number {\n    const { maxItems, items } = this;\n    let itemsToProcess = 0;\n    let maxScrollerHeight = 0;\n    let groupHeaderHeight: number;\n\n    this.groups.forEach((group) => {\n      if (maxItems > 0 && itemsToProcess < maxItems) {\n        Array.from(group.children).forEach((item: HTMLCalciteDropdownItemElement, index) => {\n          if (index === 0) {\n            if (isNaN(groupHeaderHeight)) {\n              groupHeaderHeight = item.offsetTop;\n            }\n\n            maxScrollerHeight += groupHeaderHeight;\n          }\n\n          if (itemsToProcess < maxItems) {\n            maxScrollerHeight += item.offsetHeight;\n            itemsToProcess += 1;\n          }\n        });\n      }\n    });\n\n    return items.length > maxItems ? maxScrollerHeight : 0;\n  }\n\n  private closeCalciteDropdown(focusTrigger = true) {\n    this.open = false;\n\n    if (focusTrigger) {\n      focusElement(this.triggers[0]);\n    }\n  }\n\n  private focusOnFirstActiveOrFirstItem = (): void => {\n    this.getFocusableElement(this.items.find((item) => item.selected) || this.items[0]);\n  };\n\n  private getFocusableElement(item): void {\n    if (!item) {\n      return;\n    }\n\n    const target = item.attributes.isLink\n      ? item.shadowRoot.querySelector(\"a\")\n      : (item as HTMLCalciteDropdownItemElement);\n\n    focusElement(target);\n  }\n\n  private toggleOpenEnd = (): void => {\n    this.focusOnFirstActiveOrFirstItem();\n    this.el.removeEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n  };\n\n  private openCalciteDropdown = () => {\n    this.open = !this.open;\n    if (this.open) {\n      this.el.addEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n    }\n  };\n\n  private updateTabIndexOfItems(target: HTMLCalciteDropdownItemElement): void {\n    this.items.forEach((item: HTMLCalciteDropdownItemElement) => {\n      item.tabIndex = target !== item ? -1 : 0;\n    });\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  containerLink: \"container--link\",\n  containerMulti: \"container--multi-selection\",\n  containerSingle: \"container--single-selection\",\n  containerNone: \"container--none-selection\",\n  icon: \"dropdown-item-icon\",\n  iconEnd: \"dropdown-item-icon-end\",\n  iconStart: \"dropdown-item-icon-start\",\n  itemContent: \"dropdown-item-content\",\n  link: \"dropdown-link\",\n};\n",":host {\n  // we make the host relative, so items can consistently compute their offsetTop based on the group\n  @apply block relative;\n}\n\n.container {\n  text-align: start;\n}\n\n.container--s {\n  @apply text-n2h;\n  .dropdown-title {\n    @apply p-2;\n  }\n}\n\n.container--m {\n  @apply text-n1h;\n  .dropdown-title {\n    @apply p-3;\n  }\n}\n\n.container--l {\n  @apply text-0h;\n  .dropdown-title {\n    @apply p-4;\n  }\n}\n\n.dropdown-title {\n  @apply border-color-3\n  text-color-2\n  -mb-px\n  block\n  cursor-default\n  break-words\n  border-0\n  border-b\n  border-solid\n  font-bold;\n}\n\n.dropdown-separator {\n  @apply block h-px;\n  background-color: theme(\"borderColor.color.3\");\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport { RequestedItem } from \"./interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS } from \"../dropdown-item/resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-item`s.\n */\n@Component({\n  tag: \"calcite-dropdown-group\",\n  styleUrl: \"dropdown-group.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DropdownGroup {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies and displays a group title. */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode for `calcite-dropdown-item` children, defaults to `single`:\n   * - `multiple` allows any number of selected items,\n   * - `single` allows only one selection (default),\n   * - `none` doesn't allow for any selection.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> =\n    \"single\";\n\n  @Watch(\"selectionMode\")\n  handlePropsChange(): void {\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemChange: EventEmitter<RequestedItem>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.updateItems();\n    this.mutationObserver?.observe(this.el, { childList: true });\n  }\n\n  componentWillLoad(): void {\n    this.groupPosition = this.getGroupPosition();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const groupTitle = this.groupTitle ? (\n      <span aria-hidden=\"true\" class=\"dropdown-title\">\n        {this.groupTitle}\n      </span>\n    ) : null;\n\n    const dropdownSeparator =\n      this.groupPosition > 0 ? <div class=\"dropdown-separator\" role=\"separator\" /> : null;\n\n    return (\n      <Host aria-label={this.groupTitle} role=\"group\">\n        <div\n          class={{\n            [CSS.container]: true,\n            [`${CSS.container}--${this.scale}`]: true,\n          }}\n        >\n          {dropdownSeparator}\n          {groupTitle}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  updateActiveItemOnChange(event: CustomEvent): void {\n    this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n    this.requestedDropdownItem = event.detail.requestedDropdownItem;\n    this.calciteInternalDropdownItemChange.emit({\n      requestedDropdownGroup: this.requestedDropdownGroup,\n      requestedDropdownItem: this.requestedDropdownItem,\n    });\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownGroupElement;\n\n  /** position of group within a dropdown */\n  private groupPosition: number;\n\n  /** the requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** the requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  private updateItems = (): void => {\n    Array.from(this.el.querySelectorAll(\"calcite-dropdown-item\")).forEach(\n      (item) => (item.selectionMode = this.selectionMode)\n    );\n  };\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private getGroupPosition(): number {\n    return Array.prototype.indexOf.call(\n      this.el.parentElement.querySelectorAll(\"calcite-dropdown-group\"),\n      this.el\n    );\n  }\n}\n",".container--s {\n  @apply text-n2h py-1;\n  padding-inline-end: theme(\"padding.2\");\n  padding-inline-start: theme(\"padding.6\");\n}\n\n.container--m {\n  @apply text-n1h py-2;\n  padding-inline-end: theme(\"padding.3\");\n  padding-inline-start: theme(\"padding.8\");\n}\n\n.container--l {\n  @apply text-0h py-2.5;\n  padding-inline-end: theme(\"padding.4\");\n  padding-inline-start: theme(\"padding.10\");\n}\n\n// none-selection mode\n.container--s.container--none-selection {\n  padding-inline-start: theme(\"padding.1\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n.container--m.container--none-selection {\n  padding-inline-start: theme(\"padding.2\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n.container--l.container--none-selection {\n  padding-inline-start: theme(\"padding.3\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n@mixin itemStyling {\n  @apply text-color-3\n    relative\n    flex\n    flex-grow\n    cursor-pointer\n    items-center\n    no-underline\n    duration-150\n    ease-in-out;\n}\n\n:host {\n  @apply relative\n    flex\n    flex-grow\n    items-center;\n}\n\n.container {\n  @include itemStyling;\n  text-align: start;\n}\n\n.dropdown-item-content {\n  @apply flex-auto py-0.5;\n  padding-inline-end: theme(\"margin.auto\");\n  padding-inline-start: theme(\"margin.1\");\n}\n\n//focus\n:host,\n.container--link a {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-inset outline-none;\n}\n\n// when used as link move styling anchor\n.container--link {\n  @apply p-0;\n  & a {\n    @include itemStyling;\n  }\n}\n\n.container--s .dropdown-link {\n  @apply text-n2h py-1;\n  padding-inline-end: theme(\"padding.2\");\n  padding-inline-start: theme(\"padding.6\");\n}\n\n.container--m .dropdown-link {\n  @apply text-n1h py-2;\n  padding-inline-end: theme(\"padding.3\");\n  padding-inline-start: theme(\"padding.8\");\n}\n\n.container--l .dropdown-link {\n  @apply text-0h py-3;\n  padding-inline-end: theme(\"padding.4\");\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host(:hover) .container,\n:host(:active) .container {\n  @apply bg-foreground-2 text-color-1 no-underline;\n}\n\n:host(:hover) .container--link .dropdown-link,\n:host(:active) .container--link .dropdown-link {\n  @apply text-color-1;\n}\n\n:host(:focus) .container {\n  @apply text-color-1 no-underline;\n}\n\n:host(:active) .container {\n  @apply bg-foreground-3;\n}\n\n:host(:hover) .container:before,\n:host(:active) .container:before,\n:host(:focus) .container:before {\n  @apply opacity-100;\n}\n\n:host([selected]) .container:not(.container--none-selection),\n:host([selected]) .container--link .dropdown-link {\n  @apply text-color-1 font-medium;\n  &:before {\n    @apply opacity-100;\n    color: theme(\"backgroundColor.brand\");\n  }\n  & calcite-icon {\n    color: theme(\"backgroundColor.brand\");\n  }\n}\n\n// no dot for none and multi modes\n.container--multi-selection:before,\n.container--none-selection:before {\n  @apply hidden;\n}\n\n// single select \"icon\"\n.container--s:before {\n  inset-inline-start: theme(\"spacing.2\");\n}\n.container--m:before {\n  inset-inline-start: theme(\"spacing.3\");\n}\n.container--l:before {\n  inset-inline-start: theme(\"spacing.4\");\n}\n\n// item icon\n.dropdown-item-icon {\n  @apply absolute\n    opacity-0\n    duration-150\n    ease-in-out;\n  transform: scale(0.9);\n}\n\n.container--s .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.1\");\n}\n\n.container--m .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n.container--l .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host(:hover) .dropdown-item-icon {\n  color: theme(\"borderColor.color.1\");\n  @apply opacity-100;\n}\n\n:host([selected]) .dropdown-item-icon {\n  color: theme(\"backgroundColor.brand\");\n  @apply opacity-100;\n}\n\n// icon start & end\n.container--s {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.2\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.2\");\n  }\n}\n\n.container--m {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.3\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.3\");\n  }\n}\n\n.container--l {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.4\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.4\");\n  }\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  VNode,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { ItemKeyboardEvent } from \"../dropdown/interfaces\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { FlipContext, Scale, SelectionMode } from \"../interfaces\";\nimport { CSS } from \"./resources\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-dropdown-item\",\n  styleUrl: \"dropdown-item.scss\",\n  shadow: true,\n})\nexport class DropdownItem implements LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is selected. */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /**\n   *  Specifies the URL of the linked resource, which can be set as an absolute or relative path.\n   *\n   * Determines if the component will render as an anchor.\n   */\n  @Prop({ reflect: true }) href: string;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** Specifies the relationship to the linked document defined in `href`. */\n  @Prop({ reflect: true }) rel: string;\n\n  /** Specifies the frame or window to open the linked document. */\n  @Prop({ reflect: true }) target: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is selected. */\n  @Event({ cancelable: false }) calciteDropdownItemSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemSelect: EventEmitter<RequestedItem>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalDropdownItemKeyEvent: EventEmitter<ItemKeyboardEvent>;\n\n  /** @internal */\n  @Event({ cancelable: false }) calciteInternalDropdownCloseRequest: EventEmitter<void>;\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\n    this.el?.focus();\n  }\n\n  /**\n   * Specifies the selection mode inherited from `calcite-dropdown-group`, defaults to `single`:\n   * - `multiple` allows any number of selected items,\n   * - `single` allows only one selection (default),\n   * - `none` doesn't allow for any selection.\n   *\n   * @internal\n   */\n  @Prop() selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> = \"single\";\n\n  /**\n   * Specifies the size of the component inherited from `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    this.initialize();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.initialize();\n  }\n\n  render(): VNode {\n    const { href, selectionMode, label, iconFlipRtl, scale } = this;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={CSS.iconStart}\n        flipRtl={iconFlipRtl === \"start\" || iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n    const contentNode = (\n      <span class={CSS.itemContent}>\n        <slot />\n      </span>\n    );\n    const iconEndEl = (\n      <calcite-icon\n        class={CSS.iconEnd}\n        flipRtl={iconFlipRtl === \"end\" || iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const slottedContent =\n      this.iconStart && this.iconEnd\n        ? [iconStartEl, contentNode, iconEndEl]\n        : this.iconStart\n        ? [iconStartEl, contentNode]\n        : this.iconEnd\n        ? [contentNode, iconEndEl]\n        : contentNode;\n\n    const contentEl = !href ? (\n      slottedContent\n    ) : (\n      <a\n        aria-label={label}\n        class={CSS.link}\n        href={href}\n        rel={this.rel}\n        tabIndex={-1}\n        target={this.target}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.childLink = el)}\n      >\n        {slottedContent}\n      </a>\n    );\n\n    const itemRole = href\n      ? null\n      : selectionMode === \"single\"\n      ? \"menuitemradio\"\n      : selectionMode === \"multiple\"\n      ? \"menuitemcheckbox\"\n      : \"menuitem\";\n\n    const itemAria = selectionMode !== \"none\" ? toAriaBoolean(this.selected) : null;\n\n    return (\n      <Host aria-checked={itemAria} aria-label={!href ? label : \"\"} role={itemRole} tabindex=\"0\">\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerLink]: !!href,\n            [`${CSS.container}--${scale}`]: true,\n            [CSS.containerMulti]: selectionMode === \"multiple\",\n            [CSS.containerSingle]: selectionMode === \"single\",\n            [CSS.containerNone]: selectionMode === \"none\",\n          }}\n        >\n          {selectionMode !== \"none\" ? (\n            <calcite-icon\n              class={CSS.icon}\n              icon={selectionMode === \"multiple\" ? \"check\" : \"bullet-point\"}\n              scale={getIconScale(this.scale)}\n            />\n          ) : null}\n          {contentEl}\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\") onClick(): void {\n    this.emitRequestedItem();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        this.emitRequestedItem();\n        if (this.href) {\n          this.childLink.click();\n        }\n        event.preventDefault();\n        break;\n      case \"Escape\":\n        this.calciteInternalDropdownCloseRequest.emit();\n        event.preventDefault();\n        break;\n      case \"Tab\":\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n      case \"Home\":\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n    }\n  }\n\n  @Listen(\"calciteInternalDropdownItemChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent): void {\n    const parentEmittedChange = event.composedPath().includes(this.parentDropdownGroupEl);\n\n    if (parentEmittedChange) {\n      this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n      this.requestedDropdownItem = event.detail.requestedDropdownItem;\n      this.determineActiveItem();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownItemElement;\n\n  /** id of containing group */\n  private parentDropdownGroupEl: HTMLCalciteDropdownGroupElement;\n\n  /** requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  /** if href is requested, track the rendered child link*/\n  private childLink: HTMLAnchorElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private initialize(): void {\n    this.parentDropdownGroupEl = this.el.closest(\"calcite-dropdown-group\");\n    if (this.selectionMode === \"none\") {\n      this.selected = false;\n    }\n  }\n\n  private determineActiveItem(): void {\n    switch (this.selectionMode) {\n      case \"multiple\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = !this.selected;\n        }\n        break;\n\n      case \"single\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = true;\n        } else if (this.requestedDropdownGroup === this.parentDropdownGroupEl) {\n          this.selected = false;\n        }\n        break;\n\n      case \"none\":\n        this.selected = false;\n        break;\n    }\n  }\n\n  private emitRequestedItem(): void {\n    this.calciteDropdownItemSelect.emit();\n    this.calciteInternalDropdownItemSelect.emit({\n      requestedDropdownItem: this.el,\n      requestedDropdownGroup: this.parentDropdownGroupEl,\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-9de53d34.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.0.0
+ */
+function t(t){return t.map((t=>{let r="";for(let e=0;e<t;e++){r+=((1+Math.random())*65536|0).toString(16).substring(1)}return r})).join("-")}const r=()=>t([2,1,1,1,3]);export{r as g};
+//# sourceMappingURL=p-9de53d34.js.map

package/dist/calcite/p-9f52e690.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.0.0
+ */
+class t{constructor(){this._formatterCache=new Map;this._commonDateTimeFormatterOptions={year:"numeric",month:"2-digit",day:"2-digit",timeZoneName:"shortOffset"}}get name(){return"native"}create(t){return new Date(t)}increase(t){const e=864e5;return new Date(t.getTime()+e)}formatToIsoDateString(t){const e=t.getFullYear();const n=t.getMonth()+1;const s=t.getDate();return`${e}-${n.toString().padStart(2,"0")}-${s.toString().padStart(2,"0")}`}isoToTimeZone(t,e){const n=this._toDate(t);const s=this._getFormatter(e);const r=s.formatToParts(n);const[o]=r.filter((({type:t})=>t==="timeZoneName")).map((({value:t})=>t));const i=this._getTimeZoneOffsetInMins(o);const a=n.getMinutes()-(n.getTimezoneOffset()-i);n.setMinutes(a);return n}same(t,e){return t.getTime()===e.getTime()}_toDate(t){return new Date(t)}_getFormatter(t){let e=this._formatterCache.get(t);if(!e){e=new Intl.DateTimeFormat("en-US",{timeZone:t,...this._commonDateTimeFormatterOptions});this._formatterCache.set(t,e)}return e}_getTimeZoneOffsetInMins(t){const[e,...n]=t.slice(3);const[s,r]=n.join("").split(":");const o=e==="+"?1:-1;return o*(Number(s)*60+Number(r||0))}}export{t as DateEngine};
+//# sourceMappingURL=p-9f52e690.js.map