@esri/calcite-components 2.8.0 → 2.8.1-hotfix.0

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

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

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0
- */
-const e={actionBarContainer:"action-bar-container",backButton:"back-button",container:"container",header:"header",headerContainer:"header-container",headerContainerBorderEnd:"header-container--border-end",heading:"heading",summary:"summary",description:"description",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",fabContainer:"fab-container",footer:"footer"};const n={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right",expand:"chevron-down",collapse:"chevron-up"};const a={actionBar:"action-bar",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};export{e as C,n as I,a as S};
-//# sourceMappingURL=p-9022554f.js.map

package/dist/calcite/p-93f9182d.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0
- */
-const n={menuActions:"menu-actions",menuTooltip:"menu-tooltip"};const o={menu:"ellipsis"};const t={container:"container"};export{t as C,o as I,n as S};
-//# sourceMappingURL=p-93f9182d.js.map

package/dist/calcite/p-957772e9.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0
- */
-import{r as e,c as t,h as i,H as a,g as n}from"./p-2cca1b5a.js";import{s as o,k as r,t as s,g as c}from"./p-471227bd.js";import{c as l,d as h}from"./p-4a2aba9a.js";import{g as d}from"./p-46e63924.js";import{c as u,u as p,d as f,I as m}from"./p-827bd580.js";import{a as g,s as v,c as b}from"./p-01eca752.js";import{c as k,d as y,s as w,u as x}from"./p-9ca50819.js";import{g as C}from"./p-fe5d2d5f.js";import"./p-696889fe.js";import"./p-f8ee4dc8.js";import"./p-720054c4.js";import"./p-7a70c542.js";const z=6e3;const j={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemSelected:"pagination-item--selected",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"};const I={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"};const L=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%;--calcite-internal-internal-carousel-item-space:1.5rem;--calcite-internal-internal-carousel-item-space-wide:3.5rem;--calcite-internal-internal-carousel-item-background-color:var(\n    --calcite-internal-carousel-item-background-color,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-background-color-hover:var(\n    --calcite-internal-carousel-item-background-color-hover,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-active:var(\n    --calcite-internal-carousel-item-background-color-active,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-selected:var(\n    --calcite-internal-carousel-item-background-color-selected,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-icon-color-hover:var(\n    --calcite-internal-carousel-item-icon-color-hover,\n    var(--calcite-action-color-transparent-hover)\n  );--calcite-internal-internal-carousel-item-icon-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-item-icon-color-selected:var(\n    --calcite-internal-carousel-item-icon-color-selected,\n    var(--calcite-color-brand)\n  );--calcite-internal-internal-carousel-control-color-hover:var(\n    --calcite-internal-carousel-control-color-hover,\n    var(--calcite-internal-carousel-item-icon-color-hover)\n  );--calcite-internal-internal-carousel-control-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-input)\n  );--calcite-internal-internal-carousel-autoplay-progress-background-color:var(\n    --calcite-internal-carousel-autoplay-progress-background-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-autoplay-progress-fill-color:var(\n    --calcite-internal-carousel-autoplay-progress-fill-color,\n    var(--calcite-color-brand)\n  )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);outline-color:transparent}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-internal-carousel-item-space-wide);inline-size:calc(100% - var(--calcite-internal-internal-carousel-item-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:0.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0px}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination{margin:0.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-internal-carousel-control-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-internal-carousel-control-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-internal-carousel-control-color);--calcite-color-brand:var(--calcite-internal-internal-carousel-autoplay-progress-fill-color);--calcite-color-border-3:var(--calcite-internal-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{margin:0px;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color);color:var(--calcite-internal-internal-carousel-item-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color-selected);--calcite-color-foreground-3:var(--calcite-internal-internal-carousel-item-background-color-selected);color:var(--calcite-internal-internal-carousel-item-icon-color-selected)}.container--overlaid .pagination-item{background-color:var(--calcite-internal-internal-carousel-item-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}@keyframes item-forward{0%{transform:translate3d(100px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes item-backward{0%{transform:translate3d(-100px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const W=L;const D=class{constructor(a){e(this,a);this.calciteCarouselChange=t(this,"calciteCarouselChange",6);this.calciteCarouselPlay=t(this,"calciteCarouselPlay",6);this.calciteCarouselStop=t(this,"calciteCarouselStop",6);this.calciteCarouselPause=t(this,"calciteCarouselPause",6);this.calciteCarouselResume=t(this,"calciteCarouselResume",6);this.containerId=`calcite-carousel-container-${d()}`;this.slideDurationInterval=null;this.slideInterval=null;this.autoplayHandler=()=>{this.clearIntervals();this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)};this.timer=()=>{let e=this.slideDurationRemaining;const t=!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend;if(t){if(e<=.01){e=1;this.nextItem(false)}else{e=e-.01}}if(e>0){this.slideDurationRemaining=e}};this.handleSlotChange=e=>{const t=o(e);if(t.length<1){return}const i=t.findIndex((e=>e.selected));const a=i>-1?i:0;this.items=t;this.setSelectedItem(a,false)};this.setSelectedItem=(e,t)=>{const i=this.selectedIndex;this.items.forEach(((t,i)=>{const a=e===i;t.selected=a;if(a){this.selectedItem=t;this.selectedIndex=i}}));if(t){this.playing=false;if(i!==this.selectedIndex){this.calciteCarouselChange.emit()}}};this.handleArrowClick=e=>{const t=e.target.dataset.direction;if(t==="next"){this.nextItem(true)}else if(t==="previous"){this.previousItem()}};this.handleItemSelection=e=>{if(this.playing){this.handlePause(true)}const t=e.target;const i=parseInt(t.dataset.index);this.direction=i>this.selectedIndex?"forward":"backward";this.setSelectedItem(i,true)};this.toggleRotation=()=>{this.userPreventsSuspend=true;if(this.playing){this.handlePause(true)}else{this.handlePlay(true)}};this.handleFocusIn=()=>{const e=this.playing;if(e){this.suspendedDueToFocus=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e){this.calciteCarouselPause.emit()}};this.handleMouseIn=()=>{const e=this.playing;if(e){this.suspendedDueToHover=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e){this.calciteCarouselPause.emit()}};this.handleMouseOut=e=>{const t=!this.el.contains(e.relatedTarget);const i=this.playing;if(t&&i){this.suspendedDueToHover=false}if(t&&i&&!this.suspendedDueToFocus){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.handleFocusOut=e=>{const t=!e.composedPath().includes(e.relatedTarget);const i=this.playing;if(t&&i){this.suspendedDueToFocus=false}if(t&&i&&!this.suspendedDueToHover){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.containerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case" ":case"Enter":e.preventDefault();this.toggleRotation();break;case"ArrowRight":this.direction="forward";this.nextItem(true);break;case"ArrowLeft":this.direction="backward";this.previousItem();break;case"Home":e.preventDefault();this.direction="backward";this.setSelectedItem(0,true);break;case"End":e.preventDefault();this.direction="forward";this.setSelectedItem(this.items.length-1,true);break}};this.tabListKeyDownHandler=e=>{const t=Array(...this.tabList.querySelectorAll("button"));const i=e.target;switch(e.key){case"ArrowRight":r(t,i,"next");break;case"ArrowLeft":r(t,i,"previous");break;case"Home":e.preventDefault();r(t,i,"first");break;case"End":e.preventDefault();r(t,i,"last");break}};this.storeTabListRef=e=>{this.tabList=e};this.storeContainerRef=e=>{this.container=e};this.renderRotationControl=()=>{const e=this.playing?this.messages.pause:this.messages.play;return i("button",{"aria-label":e,class:{[j.paginationItem]:true,[j.autoplayControl]:true},onClick:this.toggleRotation,title:e},i("calcite-icon",{icon:this.playing?I.pause:I.play,scale:"s"}),this.playing&&i("calcite-progress",{class:j.autoplayProgress,label:this.messages.carouselItemProgress,value:this.slideDurationRemaining}))};this.renderPaginationArea=()=>i("div",{class:{[j.pagination]:true,[j.containerOverlaid]:this.controlOverlay},onKeyDown:this.tabListKeyDownHandler,ref:this.storeTabListRef},(this.playing||this.autoplay===""||this.autoplay||this.autoplay==="paused")&&this.renderRotationControl(),this.arrowType==="inline"&&this.renderArrow("previous"),this.renderPaginationItems(),this.arrowType==="inline"&&this.renderArrow("next"));this.renderPaginationItems=()=>i("div",{"aria-label":this.label,class:j.paginationItems,role:"tablist"},this.items.map(((e,t)=>{const a=t===this.selectedIndex;return i("button",{"aria-controls":!a?e.id:undefined,"aria-selected":s(a),class:{[j.paginationItem]:true,[j.paginationItemIndividual]:true,[j.paginationItemSelected]:a},"data-index":t,key:e.id,onClick:this.handleItemSelection,role:"tab",title:e.label},i("calcite-icon",{icon:a?I.active:I.inactive,scale:"l"}))})));this.renderArrow=e=>{const t=e==="previous";const a=c(this.el);const n=this.arrowType==="edge"?"m":"s";const o=t?j.pagePrevious:j.pageNext;const r=t?this.messages.previous:this.messages.next;const s=t?I.chevronLeft:I.chevronRight;return i("button",{"aria-controls":this.containerId,class:{[j.paginationItem]:true,[o]:true},"data-direction":e,onClick:this.handleArrowClick,title:r},i("calcite-icon",{flipRtl:a==="rtl",icon:s,scale:n}))};this.autoplay=false;this.arrowType="inline";this.autoplayDuration=z;this.controlOverlay=false;this.disabled=false;this.label=undefined;this.messages=undefined;this.messageOverrides=undefined;this.paused=undefined;this.selectedItem=undefined;this.selectedIndex=undefined;this.items=[];this.direction=undefined;this.defaultMessages=undefined;this.playing=false;this.suspendedDueToFocus=false;this.suspendedDueToHover=false;this.userPreventsSuspend=false;this.effectiveLocale="";this.suspendedSlideDurationRemaining=1;this.slideDurationRemaining=1}autoplayWatcher(e){if(!e){this.handlePause(false)}}onMessagesChange(){}connectedCallback(){u(this);l(this);k(this)}componentDidLoad(){g(this)}componentDidRender(){p(this)}disconnectedCallback(){f(this);h(this);y(this);this.clearIntervals()}async componentWillLoad(){if((this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"){this.handlePlay(false)}else if(this.autoplay==="paused"){this.paused=true}v(this);await w(this)}async setFocus(){await b(this);this.container?.focus()}async play(){if(this.playing||this.autoplay!==""&&!this.autoplay&&this.autoplay!=="paused"){return}this.handlePlay(true)}async stop(){if(!this.playing){return}this.handlePause(true)}playingWatcher(){this.paused=!this.playing}suspendWatcher(){if(!this.suspendedDueToFocus&&!this.suspendedDueToHover){this.suspendEnd()}else{this.suspendStart()}}async effectiveLocaleChange(){await x(this,this.effectiveLocale)}clearIntervals(){clearInterval(this.slideDurationInterval);clearInterval(this.slideInterval)}nextItem(e){if(this.playing&&e){this.playing=false}const t=C(this.selectedIndex+1,this.items.length);this.setSelectedItem(t,e)}previousItem(){this.playing=false;const e=C(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(e,true)}handlePlay(e){this.playing=true;this.autoplayHandler();this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration);if(e){this.calciteCarouselPlay.emit()}}handlePause(e){this.playing=false;this.clearIntervals();this.slideDurationRemaining=1;this.suspendedSlideDurationRemaining=1;if(e){this.calciteCarouselStop.emit()}}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}render(){const{direction:e}=this;return i(a,{key:"692bc42380aad4126c4d14f825c8209b32edb20e"},i(m,{key:"96affe45d0c2e7594158389751b7e628039476f8",disabled:this.disabled},i("div",{key:"1b2caef5c5ea571c342423118074198f986ecb62","aria-label":this.label,"aria-live":this.playing?"off":"polite","aria-roledescription":this.messages.carousel,class:{[j.container]:true,[j.containerOverlaid]:this.controlOverlay,[j.containerEdged]:this.arrowType==="edge"},onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.containerKeyDownHandler,onMouseEnter:this.handleMouseIn,onMouseLeave:this.handleMouseOut,role:"group",tabIndex:0,ref:this.storeContainerRef},i("section",{key:"a5eb3108e7a3dc72038b0907e21d698dc1674280",class:{[j.itemContainer]:true,[j.itemContainerForward]:e==="forward",[j.itemContainerBackward]:e==="backward"},id:this.containerId},i("slot",{key:"95f76e6b958c3559095aa4e5135168619f2bc0e5",onSlotchange:this.handleSlotChange})),this.items.length>1&&this.renderPaginationArea(),this.arrowType==="edge"&&this.renderArrow("previous"),this.arrowType==="edge"&&this.renderArrow("next"))))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{autoplay:["autoplayWatcher"],messageOverrides:["onMessagesChange"],playing:["playingWatcher"],suspendedDueToFocus:["suspendWatcher"],suspendedDueToHover:["suspendWatcher"],effectiveLocale:["effectiveLocaleChange"]}}};D.style=W;const E={container:"container",selected:"selected"};const P=":host{display:flex}.container{display:none;inline-size:var(--calcite-container-size-content-fluid)}:host([selected]) .container{display:block}:host([hidden]){display:none}[hidden]{display:none}";const R=P;const A=class{constructor(t){e(this,t);this.guid=`calcite-carousel-item-${d()}`;this.label=undefined;this.selected=false}render(){const e=this.el.id||this.guid;return i(a,{key:"6d4ac387ae1b4748050c82d8387edd30e6c0e662",id:e},i("div",{key:"c6a4c67d99dd6e34198b2d128efb518e757277ce","aria-label":this.label,class:{[E.container]:true,[E.selected]:this.selected},role:"tabpanel"},i("slot",{key:"2ed94883d41dba5430a39933c6fe91bb25b12703"})))}get el(){return n(this)}};A.style=R;export{D as calcite_carousel,A as calcite_carousel_item};
-//# sourceMappingURL=p-957772e9.entry.js.map

package/dist/calcite/p-957772e9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DURATION","CSS","container","containerOverlaid","containerEdged","itemContainer","itemContainerForward","itemContainerBackward","pagination","paginationItems","paginationItem","paginationItemIndividual","paginationItemSelected","pageNext","pagePrevious","autoplayControl","autoplayProgress","ICONS","chevronLeft","chevronRight","inactive","active","pause","play","carouselCss","CalciteCarouselStyle0","Carousel","this","containerId","guid","slideDurationInterval","slideInterval","autoplayHandler","clearIntervals","setInterval","timer","autoplayDuration","time","slideDurationRemaining","notSuspended","suspendedDueToFocus","suspendedDueToHover","userPreventsSuspend","nextItem","handleSlotChange","event","items","slotChangeGetAssignedElements","length","activeItemIndex","findIndex","item","selected","requestedSelectedIndex","setSelectedItem","requestedIndex","emit","previousSelected","selectedIndex","forEach","el","index","isMatch","selectedItem","playing","calciteCarouselChange","handleArrowClick","direction","target","dataset","previousItem","handleItemSelection","handlePause","requestedPosition","parseInt","toggleRotation","handlePlay","handleFocusIn","isPlaying","calciteCarouselPause","handleMouseIn","handleMouseOut","leavingComponent","contains","relatedTarget","calciteCarouselResume","handleFocusOut","composedPath","includes","containerKeyDownHandler","key","preventDefault","tabListKeyDownHandler","interactiveItems","Array","tabList","querySelectorAll","currentEl","focusElementInGroup","storeTabListRef","storeContainerRef","renderRotationControl","text","messages","h","class","onClick","title","icon","scale","label","carouselItemProgress","value","renderPaginationArea","controlOverlay","onKeyDown","ref","autoplay","arrowType","renderArrow","renderPaginationItems","role","map","id","undefined","toAriaBoolean","isPrev","dir","getElementDir","css","previous","next","flipRtl","autoplayWatcher","onMessagesChange","connectedCallback","connectInteractive","connectLocalized","connectMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","componentWillLoad","paused","setUpLoadableComponent","setUpMessages","setFocus","componentFocusable","focus","stop","playingWatcher","suspendWatcher","suspendEnd","suspendStart","effectiveLocaleChange","updateMessages","effectiveLocale","clearInterval","nextIndex","getRoundRobinIndex","prevIndex","Math","max","calciteCarouselPlay","suspendedSlideDurationRemaining","calciteCarouselStop","render","Host","InteractiveContainer","disabled","carousel","onFocusin","onFocusout","onMouseEnter","onMouseLeave","tabIndex","onSlotchange","carouselItemCss","CalciteCarouselItemStyle0","CarouselItem"],"sources":["src/components/carousel/resources.ts","src/components/carousel/carousel.scss?tag=calcite-carousel&encapsulation=shadow","src/components/carousel/carousel.tsx","src/components/carousel-item/resources.ts","src/components/carousel-item/carousel-item.scss?tag=calcite-carousel-item&encapsulation=shadow","src/components/carousel-item/carousel-item.tsx"],"sourcesContent":["export const DURATION = 6000;\n\nexport const CSS = {\n  container: \"container\",\n  containerOverlaid: \"container--overlaid\",\n  containerEdged: \"container--edged\",\n  itemContainer: \"item-container\",\n  itemContainerForward: \"item-container--forward\",\n  itemContainerBackward: \"item-container--backward\",\n  pagination: \"pagination\",\n  paginationItems: \"pagination-items\",\n  paginationItem: \"pagination-item\",\n  paginationItemIndividual: \"pagination-item--individual\",\n  paginationItemSelected: \"pagination-item--selected\",\n  pageNext: \"page-next\",\n  pagePrevious: \"page-previous\",\n  autoplayControl: \"autoplay-control\",\n  autoplayProgress: \"autoplay-progress\",\n};\n\nexport const ICONS = {\n  chevronLeft: \"chevron-left\",\n  chevronRight: \"chevron-right\",\n  inactive: \"bullet-point\",\n  active: \"bullet-point-large\",\n  pause: \"pause-f\",\n  play: \"play-f\",\n};\n","/**\n  * Local props\n  * These properties are intended for internal component use only. It is not recommended that these properties be overwritten.\n  * These should be made public and documented post-release of token work.\n  *\n  * --calcite-internal-carousel-item-background-color-active: Specifies the background color of the component's slide item while active.\n  * --calcite-internal-carousel-item-background-color-hover: Specifies the background color of the component's slide item while hovered.\n  * --calcite-internal-carousel-item-background-color-selected: Specifies the background color of the component's slide item when selected.\n  * --calcite-internal-carousel-item-background-color: Specifies the background color of the component's slide item.\n  * --calcite-internal-carousel-item-icon-color-hover: Specifies the icon color of the component's slide item while hovered.\n  * --calcite-internal-carousel-item-icon-color-selected: Specifies the icon color of the component's slide item when selected.\n  * --calcite-internal-carousel-item-icon-color: Specifies the icon color of the component's slide item.\n  * --calcite-internal-carousel-control-color-hover: Specifies the icon color of the component's slide slide arrow and autoplay button while hovered.\n  * --calcite-internal-carousel-control-color: Specifies the icon color of the component's slide arrow and autoplay button.\n  * --calcite-internal-carousel-autoplay-progress-background-color: Specifies the background color of the component's progress when `autoplay`.\n  * --calcite-internal-carousel-autoplay-progress-fill-color: Specifies the fill color of the component's progress when `autoplay`.\n  *\n*/\n\n:host {\n  @apply flex w-full;\n  --calcite-internal-internal-carousel-item-space: 1.5rem;\n  --calcite-internal-internal-carousel-item-space-wide: 3.5rem;\n  --calcite-internal-internal-carousel-item-background-color: var(\n    --calcite-internal-carousel-item-background-color,\n    var(--calcite-color-foreground-1)\n  );\n  --calcite-internal-internal-carousel-item-background-color-hover: var(\n    --calcite-internal-carousel-item-background-color-hover,\n    var(--calcite-color-foreground-2)\n  );\n  --calcite-internal-internal-carousel-item-background-color-active: var(\n    --calcite-internal-carousel-item-background-color-active,\n    var(--calcite-color-foreground-2)\n  );\n  --calcite-internal-internal-carousel-item-background-color-selected: var(\n    --calcite-internal-carousel-item-background-color-selected,\n    var(--calcite-color-foreground-1)\n  );\n  --calcite-internal-internal-carousel-item-icon-color-hover: var(\n    --calcite-internal-carousel-item-icon-color-hover,\n    var(--calcite-action-color-transparent-hover)\n  );\n  --calcite-internal-internal-carousel-item-icon-color: var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-3)\n  );\n  --calcite-internal-internal-carousel-item-icon-color-selected: var(\n    --calcite-internal-carousel-item-icon-color-selected,\n    var(--calcite-color-brand)\n  );\n  --calcite-internal-internal-carousel-control-color-hover: var(\n    --calcite-internal-carousel-control-color-hover,\n    var(--calcite-internal-carousel-item-icon-color-hover)\n  );\n  --calcite-internal-internal-carousel-control-color: var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-input)\n  );\n  --calcite-internal-internal-carousel-autoplay-progress-background-color: var(\n    --calcite-internal-carousel-autoplay-progress-background-color,\n    var(--calcite-color-border-3)\n  );\n  --calcite-internal-internal-carousel-autoplay-progress-fill-color: var(\n    --calcite-internal-carousel-autoplay-progress-fill-color,\n    var(--calcite-color-brand)\n  );\n}\n\n.container {\n  @apply focus-base\n   relative\n    flex\n    flex-col\n    overflow-hidden\n    text-color-2\n    text-n1h\n    w-full;\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n.container--edged:not(.container--overlaid) {\n  padding-inline: var(--calcite-internal-internal-carousel-item-space-wide);\n  inline-size: calc(100% - var(--calcite-internal-internal-carousel-item-space-wide) * 2);\n}\n\n.item-container {\n  @apply flex\n    items-start\n    justify-center\n    overflow-auto\n    flex-auto\n    p-1;\n  animation-name: none;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.container--overlaid .item-container {\n  @apply p-0;\n}\n\n.item-container--forward {\n  animation-name: item-forward;\n}\n\n.item-container--backward {\n  animation-name: item-backward;\n}\n\ncalcite-carousel-item:not([selected]) {\n  opacity: 0;\n}\n\n.pagination {\n  @apply flex\n  flex-row\n  items-center\n  justify-center\n  m-3;\n  inline-size: auto;\n}\n\n.pagination-items {\n  @apply flex flex-row items-center;\n}\n\n.container--overlaid .pagination {\n  position: absolute;\n}\n\n.pagination-item.page-next,\n.pagination-item.page-previous {\n  color: var(--calcite-internal-internal-carousel-control-color);\n  &:hover {\n    color: var(--calcite-internal-internal-carousel-control-color-hover);\n  }\n}\n\n.container--edged {\n  .page-next,\n  .page-previous {\n    @apply h-12 w-12;\n    position: absolute;\n    inset-block-start: 50%;\n    transform: translateY(-50%);\n  }\n\n  .page-next {\n    inset-inline-end: 0;\n  }\n\n  .page-previous {\n    inset-inline-start: 0;\n  }\n}\n\n.container--overlaid .pagination {\n  inset-block-start: unset;\n  inset-block-end: 0;\n  inset-inline: 0;\n}\n\n.pagination-item.autoplay-control {\n  position: relative;\n  color: var(--calcite-internal-internal-carousel-control-color);\n  --calcite-color-brand: var(--calcite-internal-internal-carousel-autoplay-progress-fill-color);\n  --calcite-color-border-3: var(--calcite-internal-internal-carousel-autoplay-progress-background-color);\n}\n\n.autoplay-control:focus .autoplay-progress {\n  inset-block-end: 4px;\n  inset-inline: 2px;\n  inline-size: calc(100% - 4px);\n}\n\n.autoplay-progress {\n  position: absolute;\n  inset-block-end: 2px;\n  inset-inline: 0;\n  inline-size: 100%;\n}\n\n.pagination-item {\n  @apply focus-base\n    transition-default\n    m-0\n    h-8\n    w-8\n    cursor-pointer\n    items-center\n    border-none\n    bg-transparent;\n  -webkit-appearance: none;\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  --calcite-color-foreground-1: var(--calcite-internal-internal-carousel-item-background-color);\n  color: var(--calcite-internal-internal-carousel-item-icon-color);\n  &:hover {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-hover);\n    color: var(--calcite-internal-internal-carousel-item-icon-color-hover);\n  }\n  &:focus {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-active);\n    @apply focus-inset;\n  }\n  &:active {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-active);\n    color: var(--calcite-internal-internal-carousel-item-icon-color-hover);\n  }\n  & calcite-icon {\n    color: inherit;\n    pointer-events: none;\n  }\n  &.pagination-item--selected {\n    --calcite-color-foreground-1: var(--calcite-internal-internal-carousel-item-background-color-selected);\n    --calcite-color-foreground-3: var(--calcite-internal-internal-carousel-item-background-color-selected);\n    color: var(--calcite-internal-internal-carousel-item-icon-color-selected);\n  }\n}\n\n.container--overlaid .pagination-item {\n  background-color: var(--calcite-internal-internal-carousel-item-background-color);\n  &:hover {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-hover);\n  }\n  &:focus {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-active);\n  }\n  &:active {\n    background-color: var(--calcite-internal-internal-carousel-item-background-color-active);\n  }\n}\n\n@keyframes item-forward {\n  0% {\n    transform: translate3d(100px, 0, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes item-backward {\n  0% {\n    transform: translate3d(-100px, 0, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n@include disabled();\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  h,\n  Host,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  focusElementInGroup,\n  getElementDir,\n  slotChangeGetAssignedElements,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  updateHostInteraction,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n} from \"../../utils/interactive\";\nimport {\n  LoadableComponent,\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { CSS, DURATION, ICONS } from \"./resources\";\nimport { CarouselMessages } from \"./assets/carousel/t9n\";\nimport { ArrowType, AutoplayType } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding `calcite-carousel-item`s.\n */\n@Component({\n  tag: \"calcite-carousel\",\n  styleUrl: \"carousel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Carousel\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the carousel will autoplay and controls will be displayed. When \"paused\" at time of initialization, the carousel will not autoplay, but controls will be displayed.\n   */\n  @Prop({ reflect: true }) autoplay: AutoplayType = false;\n\n  @Watch(\"autoplay\")\n  autoplayWatcher(autoplay: boolean): void {\n    if (!autoplay) {\n      this.handlePause(false);\n    }\n  }\n\n  /**\n   * Specifies how and if the \"previous\" and \"next\" arrows are displayed.\n   */\n  @Prop({ reflect: true }) arrowType: ArrowType = \"inline\";\n\n  /**\n   *  When `autoplay` is `true`, specifies in milliseconds the length of time to display each Carousel Item.\n   */\n  @Prop({ reflect: true }) autoplayDuration = DURATION;\n\n  /**\n   * Specifies if the component's controls are positioned absolutely on top of slotted Carousel Items.\n   */\n  @Prop({ reflect: true }) controlOverlay = 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  /**\n   * Accessible name for the component.\n   */\n  @Prop() label!: string;\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: CarouselMessages;\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<CarouselMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) paused: boolean;\n\n  /**\n   * The component's selected `calcite-carousel-item`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItem: HTMLCalciteCarouselItemElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(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    this.clearIntervals();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    /* When the 'autoplay' property of type 'boolean | string' is set to true, the value is \"\". */\n    if ((this.autoplay === \"\" || this.autoplay) && this.autoplay !== \"paused\") {\n      this.handlePlay(false);\n    } else if (this.autoplay === \"paused\") {\n      this.paused = true;\n    }\n    setUpLoadableComponent(this);\n\n    await setUpMessages(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    this.container?.focus();\n  }\n\n  /** Play the carousel. If `autoplay` is not enabled (initialized either to `true` or `\"paused\"`), these methods will have no effect. */\n  @Method()\n  async play(): Promise<void> {\n    /* When the 'autoplay' property of type 'boolean | string' is set to true, the value is \"\". */\n    if (this.playing || (this.autoplay !== \"\" && !this.autoplay && this.autoplay !== \"paused\")) {\n      return;\n    }\n    this.handlePlay(true);\n  }\n\n  /** Stop the carousel. If `autoplay` is not enabled (initialized either to `true` or `\"paused\"`), these methods will have no effect. */\n  @Method()\n  async stop(): Promise<void> {\n    if (!this.playing) {\n      return;\n    }\n    this.handlePause(true);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCarouselElement;\n\n  @State() selectedIndex: number;\n\n  @State() items: HTMLCalciteCarouselItemElement[] = [];\n\n  @State() direction: \"forward\" | \"backward\";\n\n  @State() defaultMessages: CarouselMessages;\n\n  @State() playing = false;\n\n  @Watch(\"playing\")\n  playingWatcher(): void {\n    this.paused = !this.playing;\n  }\n\n  @State() suspendedDueToFocus = false;\n\n  @State() suspendedDueToHover = false;\n\n  @Watch(\"suspendedDueToFocus\")\n  @Watch(\"suspendedDueToHover\")\n  suspendWatcher(): void {\n    if (!this.suspendedDueToFocus && !this.suspendedDueToHover) {\n      this.suspendEnd();\n    } else {\n      this.suspendStart();\n    }\n  }\n\n  @State() userPreventsSuspend = false;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  async effectiveLocaleChange(): Promise<void> {\n    await updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() suspendedSlideDurationRemaining = 1;\n\n  @State() slideDurationRemaining = 1;\n\n  private container: HTMLDivElement;\n\n  private containerId = `calcite-carousel-container-${guid()}`;\n\n  private slideDurationInterval = null;\n\n  private slideInterval = null;\n\n  private tabList: HTMLDivElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /** Fires when the selected `calcite-carousel-item` changes. */\n  @Event({ cancelable: false }) calciteCarouselChange: EventEmitter<void>;\n\n  /** Fires when the carousel autoplay is invoked by the user. */\n  @Event({ cancelable: false }) calciteCarouselPlay: EventEmitter<void>;\n\n  /** Fires when the carousel autoplay state is stopped by a user. */\n  @Event({ cancelable: false }) calciteCarouselStop: EventEmitter<void>;\n\n  /** Fires when the carousel autoplay state pauses due to a user hovering over the component or focusing on the component or slotted content */\n  @Event({ cancelable: false }) calciteCarouselPause: EventEmitter<void>;\n\n  /** Fires when the carousel autoplay state resumes due to a user no longer hovering over the component or focusing on the component or slotted content */\n  @Event({ cancelable: false }) calciteCarouselResume: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private clearIntervals() {\n    clearInterval(this.slideDurationInterval);\n    clearInterval(this.slideInterval);\n  }\n\n  private nextItem(emit: boolean) {\n    if (this.playing && emit) {\n      this.playing = false;\n    }\n    const nextIndex = getRoundRobinIndex(this.selectedIndex + 1, this.items.length);\n    this.setSelectedItem(nextIndex, emit);\n  }\n\n  private previousItem() {\n    this.playing = false;\n    const prevIndex = getRoundRobinIndex(Math.max(this.selectedIndex - 1, -1), this.items.length);\n    this.setSelectedItem(prevIndex, true);\n  }\n\n  private handlePlay(emit: boolean) {\n    this.playing = true;\n    this.autoplayHandler();\n    this.slideInterval = setInterval(this.autoplayHandler, this.autoplayDuration);\n    if (emit) {\n      this.calciteCarouselPlay.emit();\n    }\n  }\n\n  private handlePause(emit: boolean) {\n    this.playing = false;\n    this.clearIntervals();\n    this.slideDurationRemaining = 1;\n    this.suspendedSlideDurationRemaining = 1;\n    if (emit) {\n      this.calciteCarouselStop.emit();\n    }\n  }\n\n  private suspendStart() {\n    this.suspendedSlideDurationRemaining = this.slideDurationRemaining;\n  }\n\n  private suspendEnd() {\n    this.slideDurationRemaining = this.suspendedSlideDurationRemaining;\n  }\n\n  private autoplayHandler = (): void => {\n    this.clearIntervals();\n    this.slideDurationInterval = setInterval(this.timer, this.autoplayDuration / 100);\n  };\n\n  private timer = (): void => {\n    let time = this.slideDurationRemaining;\n    const notSuspended =\n      (!this.suspendedDueToFocus && !this.suspendedDueToHover) || this.userPreventsSuspend;\n    if (notSuspended) {\n      if (time <= 0.01) {\n        time = 1;\n        this.nextItem(false);\n      } else {\n        time = time - 0.01;\n      }\n    }\n    if (time > 0) {\n      this.slideDurationRemaining = time;\n    }\n  };\n\n  private handleSlotChange = (event: Event): void => {\n    const items = slotChangeGetAssignedElements(event) as HTMLCalciteCarouselItemElement[];\n\n    if (items.length < 1) {\n      return;\n    }\n\n    const activeItemIndex = items.findIndex((item) => item.selected);\n    const requestedSelectedIndex = activeItemIndex > -1 ? activeItemIndex : 0;\n\n    this.items = items;\n    this.setSelectedItem(requestedSelectedIndex, false);\n  };\n\n  private setSelectedItem = (requestedIndex: number, emit: boolean): void => {\n    const previousSelected = this.selectedIndex;\n    this.items.forEach((el, index) => {\n      const isMatch = requestedIndex === index;\n      el.selected = isMatch;\n      if (isMatch) {\n        this.selectedItem = el;\n        this.selectedIndex = index;\n      }\n    });\n\n    if (emit) {\n      this.playing = false;\n      if (previousSelected !== this.selectedIndex) {\n        this.calciteCarouselChange.emit();\n      }\n    }\n  };\n\n  private handleArrowClick = (event: MouseEvent): void => {\n    const direction = (event.target as HTMLDivElement).dataset.direction;\n    if (direction === \"next\") {\n      this.nextItem(true);\n    } else if (direction === \"previous\") {\n      this.previousItem();\n    }\n  };\n\n  private handleItemSelection = (event: MouseEvent): void => {\n    if (this.playing) {\n      this.handlePause(true);\n    }\n    const item = event.target as HTMLCalciteActionElement;\n    const requestedPosition = parseInt(item.dataset.index);\n    this.direction = requestedPosition > this.selectedIndex ? \"forward\" : \"backward\";\n    this.setSelectedItem(requestedPosition, true);\n  };\n\n  private toggleRotation = (): void => {\n    this.userPreventsSuspend = true;\n    if (this.playing) {\n      this.handlePause(true);\n    } else {\n      this.handlePlay(true);\n    }\n  };\n\n  private handleFocusIn = (): void => {\n    const isPlaying = this.playing;\n\n    if (isPlaying) {\n      this.suspendedDueToFocus = true;\n    }\n    if ((!this.suspendedDueToFocus || !this.suspendedDueToHover) && isPlaying) {\n      this.calciteCarouselPause.emit();\n    }\n  };\n\n  private handleMouseIn = (): void => {\n    const isPlaying = this.playing;\n\n    if (isPlaying) {\n      this.suspendedDueToHover = true;\n    }\n    if ((!this.suspendedDueToFocus || !this.suspendedDueToHover) && isPlaying) {\n      this.calciteCarouselPause.emit();\n    }\n  };\n\n  private handleMouseOut = (event: MouseEvent): void => {\n    const leavingComponent = !this.el.contains(event.relatedTarget as HTMLElement);\n    const isPlaying = this.playing;\n\n    if (leavingComponent && isPlaying) {\n      this.suspendedDueToHover = false;\n    }\n    if (leavingComponent && isPlaying && !this.suspendedDueToFocus) {\n      this.userPreventsSuspend = false;\n      this.calciteCarouselResume.emit();\n    }\n  };\n\n  private handleFocusOut = (event: FocusEvent): void => {\n    const leavingComponent = !event.composedPath().includes(event.relatedTarget as HTMLElement);\n    const isPlaying = this.playing;\n\n    if (leavingComponent && isPlaying) {\n      this.suspendedDueToFocus = false;\n    }\n    if (leavingComponent && isPlaying && !this.suspendedDueToHover) {\n      this.userPreventsSuspend = false;\n      this.calciteCarouselResume.emit();\n    }\n  };\n\n  private containerKeyDownHandler = (event: KeyboardEvent): void => {\n    if (event.target !== this.container) {\n      return;\n    }\n\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        event.preventDefault();\n        this.toggleRotation();\n        break;\n      case \"ArrowRight\":\n        this.direction = \"forward\";\n        this.nextItem(true);\n        break;\n      case \"ArrowLeft\":\n        this.direction = \"backward\";\n        this.previousItem();\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.direction = \"backward\";\n        this.setSelectedItem(0, true);\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.direction = \"forward\";\n        this.setSelectedItem(this.items.length - 1, true);\n        break;\n    }\n  };\n\n  private tabListKeyDownHandler = (event: KeyboardEvent): void => {\n    const interactiveItems = Array(...this.tabList.querySelectorAll(\"button\"));\n    const currentEl = event.target as HTMLCalciteActionElement;\n    switch (event.key) {\n      case \"ArrowRight\":\n        focusElementInGroup(interactiveItems, currentEl, \"next\");\n        break;\n      case \"ArrowLeft\":\n        focusElementInGroup(interactiveItems, currentEl, \"previous\");\n        break;\n      case \"Home\":\n        event.preventDefault();\n        focusElementInGroup(interactiveItems, currentEl, \"first\");\n        break;\n      case \"End\":\n        event.preventDefault();\n        focusElementInGroup(interactiveItems, currentEl, \"last\");\n        break;\n    }\n  };\n\n  private storeTabListRef = (el: HTMLDivElement): void => {\n    this.tabList = el;\n  };\n\n  private storeContainerRef = (el: HTMLDivElement): void => {\n    this.container = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderRotationControl = (): VNode => {\n    const text = this.playing ? this.messages.pause : this.messages.play;\n    return (\n      <button\n        aria-label={text}\n        class={{\n          [CSS.paginationItem]: true,\n          [CSS.autoplayControl]: true,\n        }}\n        onClick={this.toggleRotation}\n        title={text}\n      >\n        <calcite-icon icon={this.playing ? ICONS.pause : ICONS.play} scale=\"s\" />\n        {this.playing && (\n          <calcite-progress\n            class={CSS.autoplayProgress}\n            label={this.messages.carouselItemProgress}\n            value={this.slideDurationRemaining}\n          />\n        )}\n      </button>\n    );\n  };\n\n  renderPaginationArea = (): VNode => (\n    <div\n      class={{\n        [CSS.pagination]: true,\n        [CSS.containerOverlaid]: this.controlOverlay,\n      }}\n      onKeyDown={this.tabListKeyDownHandler}\n      // eslint-disable-next-line react/jsx-sort-props\n      ref={this.storeTabListRef}\n    >\n      {(this.playing || this.autoplay === \"\" || this.autoplay || this.autoplay === \"paused\") &&\n        this.renderRotationControl()}\n      {this.arrowType === \"inline\" && this.renderArrow(\"previous\")}\n      {this.renderPaginationItems()}\n      {this.arrowType === \"inline\" && this.renderArrow(\"next\")}\n    </div>\n  );\n\n  renderPaginationItems = (): VNode => (\n    <div aria-label={this.label} class={CSS.paginationItems} role=\"tablist\">\n      {this.items.map((item, index) => {\n        const isMatch = index === this.selectedIndex;\n        return (\n          <button\n            aria-controls={!isMatch ? item.id : undefined}\n            aria-selected={toAriaBoolean(isMatch)}\n            class={{\n              [CSS.paginationItem]: true,\n              [CSS.paginationItemIndividual]: true,\n              [CSS.paginationItemSelected]: isMatch,\n            }}\n            data-index={index}\n            key={item.id}\n            onClick={this.handleItemSelection}\n            role=\"tab\"\n            title={item.label}\n          >\n            <calcite-icon icon={isMatch ? ICONS.active : ICONS.inactive} scale=\"l\" />\n          </button>\n        );\n      })}\n    </div>\n  );\n\n  renderArrow = (direction: \"previous\" | \"next\"): VNode => {\n    const isPrev = direction === \"previous\";\n    const dir = getElementDir(this.el);\n    const scale = this.arrowType === \"edge\" ? \"m\" : \"s\";\n    const css = isPrev ? CSS.pagePrevious : CSS.pageNext;\n    const title = isPrev ? this.messages.previous : this.messages.next;\n    const icon = isPrev ? ICONS.chevronLeft : ICONS.chevronRight;\n    return (\n      <button\n        aria-controls={this.containerId}\n        class={{ [CSS.paginationItem]: true, [css]: true }}\n        data-direction={direction}\n        onClick={this.handleArrowClick}\n        title={title}\n      >\n        <calcite-icon flipRtl={dir === \"rtl\"} icon={icon} scale={scale} />\n      </button>\n    );\n  };\n\n  render(): VNode {\n    const { direction } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-label={this.label}\n            aria-live={this.playing ? \"off\" : \"polite\"}\n            aria-roledescription={this.messages.carousel}\n            class={{\n              [CSS.container]: true,\n              [CSS.containerOverlaid]: this.controlOverlay,\n              [CSS.containerEdged]: this.arrowType === \"edge\",\n            }}\n            onFocusin={this.handleFocusIn}\n            onFocusout={this.handleFocusOut}\n            onKeyDown={this.containerKeyDownHandler}\n            onMouseEnter={this.handleMouseIn}\n            onMouseLeave={this.handleMouseOut}\n            role=\"group\"\n            tabIndex={0}\n            // eslint-disable-next-line react/jsx-sort-props\n            ref={this.storeContainerRef}\n          >\n            <section\n              class={{\n                [CSS.itemContainer]: true,\n                [CSS.itemContainerForward]: direction === \"forward\",\n                [CSS.itemContainerBackward]: direction === \"backward\",\n              }}\n              id={this.containerId}\n            >\n              <slot onSlotchange={this.handleSlotChange} />\n            </section>\n            {this.items.length > 1 && this.renderPaginationArea()}\n            {this.arrowType === \"edge\" && this.renderArrow(\"previous\")}\n            {this.arrowType === \"edge\" && this.renderArrow(\"next\")}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  selected: \"selected\",\n};\n",":host {\n  @apply flex;\n}\n\n.container {\n  @apply hidden;\n  inline-size: var(--calcite-container-size-content-fluid);\n}\n\n:host([selected]) .container {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Element, h, Host, Prop, VNode } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding content.\n */\n@Component({\n  tag: \"calcite-carousel-item\",\n  styleUrl: \"carousel-item.scss\",\n  shadow: true,\n})\nexport class CarouselItem {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label!: string;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true }) selected = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCarouselItemElement;\n\n  private guid = `calcite-carousel-item-${guid()}`;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const id = this.el.id || this.guid;\n    return (\n      <Host id={id}>\n        <div\n          aria-label={this.label}\n          class={{ [CSS.container]: true, [CSS.selected]: this.selected }}\n          role=\"tabpanel\"\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;gfAAO,MAAMA,EAAW,IAEjB,MAAMC,EAAM,CACjBC,UAAW,YACXC,kBAAmB,sBACnBC,eAAgB,mBAChBC,cAAe,iBACfC,qBAAsB,0BACtBC,sBAAuB,2BACvBC,WAAY,aACZC,gBAAiB,mBACjBC,eAAgB,kBAChBC,yBAA0B,8BAC1BC,uBAAwB,4BACxBC,SAAU,YACVC,aAAc,gBACdC,gBAAiB,mBACjBC,iBAAkB,qBAGb,MAAMC,EAAQ,CACnBC,YAAa,eACbC,aAAc,gBACdC,SAAU,eACVC,OAAQ,qBACRC,MAAO,UACPC,KAAM,UC1BR,MAAMC,EAAc,m0OACpB,MAAAC,EAAeD,E,MCsDFE,EAAQ,M,gUA0MXC,KAAAC,YAAc,8BAA8BC,MAE5CF,KAAAG,sBAAwB,KAExBH,KAAAI,cAAgB,KA6EhBJ,KAAAK,gBAAkB,KACxBL,KAAKM,iBACLN,KAAKG,sBAAwBI,YAAYP,KAAKQ,MAAOR,KAAKS,iBAAmB,IAAI,EAG3ET,KAAAQ,MAAQ,KACd,IAAIE,EAAOV,KAAKW,uBAChB,MAAMC,GACFZ,KAAKa,sBAAwBb,KAAKc,qBAAwBd,KAAKe,oBACnE,GAAIH,EAAc,CAChB,GAAIF,GAAQ,IAAM,CAChBA,EAAO,EACPV,KAAKgB,SAAS,M,KACT,CACLN,EAAOA,EAAO,G,EAGlB,GAAIA,EAAO,EAAG,CACZV,KAAKW,uBAAyBD,C,GAI1BV,KAAAiB,iBAAoBC,IAC1B,MAAMC,EAAQC,EAA8BF,GAE5C,GAAIC,EAAME,OAAS,EAAG,CACpB,M,CAGF,MAAMC,EAAkBH,EAAMI,WAAWC,GAASA,EAAKC,WACvD,MAAMC,EAAyBJ,GAAmB,EAAIA,EAAkB,EAExEtB,KAAKmB,MAAQA,EACbnB,KAAK2B,gBAAgBD,EAAwB,MAAM,EAG7C1B,KAAA2B,gBAAkB,CAACC,EAAwBC,KACjD,MAAMC,EAAmB9B,KAAK+B,cAC9B/B,KAAKmB,MAAMa,SAAQ,CAACC,EAAIC,KACtB,MAAMC,EAAUP,IAAmBM,EACnCD,EAAGR,SAAWU,EACd,GAAIA,EAAS,CACXnC,KAAKoC,aAAeH,EACpBjC,KAAK+B,cAAgBG,C,KAIzB,GAAIL,EAAM,CACR7B,KAAKqC,QAAU,MACf,GAAIP,IAAqB9B,KAAK+B,cAAe,CAC3C/B,KAAKsC,sBAAsBT,M,IAKzB7B,KAAAuC,iBAAoBrB,IAC1B,MAAMsB,EAAatB,EAAMuB,OAA0BC,QAAQF,UAC3D,GAAIA,IAAc,OAAQ,CACxBxC,KAAKgB,SAAS,K,MACT,GAAIwB,IAAc,WAAY,CACnCxC,KAAK2C,c,GAID3C,KAAA4C,oBAAuB1B,IAC7B,GAAIlB,KAAKqC,QAAS,CAChBrC,KAAK6C,YAAY,K,CAEnB,MAAMrB,EAAON,EAAMuB,OACnB,MAAMK,EAAoBC,SAASvB,EAAKkB,QAAQR,OAChDlC,KAAKwC,UAAYM,EAAoB9C,KAAK+B,cAAgB,UAAY,WACtE/B,KAAK2B,gBAAgBmB,EAAmB,KAAK,EAGvC9C,KAAAgD,eAAiB,KACvBhD,KAAKe,oBAAsB,KAC3B,GAAIf,KAAKqC,QAAS,CAChBrC,KAAK6C,YAAY,K,KACZ,CACL7C,KAAKiD,WAAW,K,GAIZjD,KAAAkD,cAAgB,KACtB,MAAMC,EAAYnD,KAAKqC,QAEvB,GAAIc,EAAW,CACbnD,KAAKa,oBAAsB,I,CAE7B,KAAMb,KAAKa,sBAAwBb,KAAKc,sBAAwBqC,EAAW,CACzEnD,KAAKoD,qBAAqBvB,M,GAItB7B,KAAAqD,cAAgB,KACtB,MAAMF,EAAYnD,KAAKqC,QAEvB,GAAIc,EAAW,CACbnD,KAAKc,oBAAsB,I,CAE7B,KAAMd,KAAKa,sBAAwBb,KAAKc,sBAAwBqC,EAAW,CACzEnD,KAAKoD,qBAAqBvB,M,GAItB7B,KAAAsD,eAAkBpC,IACxB,MAAMqC,GAAoBvD,KAAKiC,GAAGuB,SAAStC,EAAMuC,eACjD,MAAMN,EAAYnD,KAAKqC,QAEvB,GAAIkB,GAAoBJ,EAAW,CACjCnD,KAAKc,oBAAsB,K,CAE7B,GAAIyC,GAAoBJ,IAAcnD,KAAKa,oBAAqB,CAC9Db,KAAKe,oBAAsB,MAC3Bf,KAAK0D,sBAAsB7B,M,GAIvB7B,KAAA2D,eAAkBzC,IACxB,MAAMqC,GAAoBrC,EAAM0C,eAAeC,SAAS3C,EAAMuC,eAC9D,MAAMN,EAAYnD,KAAKqC,QAEvB,GAAIkB,GAAoBJ,EAAW,CACjCnD,KAAKa,oBAAsB,K,CAE7B,GAAI0C,GAAoBJ,IAAcnD,KAAKc,oBAAqB,CAC9Dd,KAAKe,oBAAsB,MAC3Bf,KAAK0D,sBAAsB7B,M,GAIvB7B,KAAA8D,wBAA2B5C,IACjC,GAAIA,EAAMuB,SAAWzC,KAAKzB,UAAW,CACnC,M,CAGF,OAAQ2C,EAAM6C,KACZ,IAAK,IACL,IAAK,QACH7C,EAAM8C,iBACNhE,KAAKgD,iBACL,MACF,IAAK,aACHhD,KAAKwC,UAAY,UACjBxC,KAAKgB,SAAS,MACd,MACF,IAAK,YACHhB,KAAKwC,UAAY,WACjBxC,KAAK2C,eACL,MACF,IAAK,OACHzB,EAAM8C,iBACNhE,KAAKwC,UAAY,WACjBxC,KAAK2B,gBAAgB,EAAG,MACxB,MACF,IAAK,MACHT,EAAM8C,iBACNhE,KAAKwC,UAAY,UACjBxC,KAAK2B,gBAAgB3B,KAAKmB,MAAME,OAAS,EAAG,MAC5C,M,EAIErB,KAAAiE,sBAAyB/C,IAC/B,MAAMgD,EAAmBC,SAASnE,KAAKoE,QAAQC,iBAAiB,WAChE,MAAMC,EAAYpD,EAAMuB,OACxB,OAAQvB,EAAM6C,KACZ,IAAK,aACHQ,EAAoBL,EAAkBI,EAAW,QACjD,MACF,IAAK,YACHC,EAAoBL,EAAkBI,EAAW,YACjD,MACF,IAAK,OACHpD,EAAM8C,iBACNO,EAAoBL,EAAkBI,EAAW,SACjD,MACF,IAAK,MACHpD,EAAM8C,iBACNO,EAAoBL,EAAkBI,EAAW,QACjD,M,EAIEtE,KAAAwE,gBAAmBvC,IACzBjC,KAAKoE,QAAUnC,CAAE,EAGXjC,KAAAyE,kBAAqBxC,IAC3BjC,KAAKzB,UAAY0D,CAAE,EASrBjC,KAAA0E,sBAAwB,KACtB,MAAMC,EAAO3E,KAAKqC,QAAUrC,KAAK4E,SAASjF,MAAQK,KAAK4E,SAAShF,KAChE,OACEiF,EAAA,uBACcF,EACZG,MAAO,CACL,CAACxG,EAAIS,gBAAiB,KACtB,CAACT,EAAIc,iBAAkB,MAEzB2F,QAAS/E,KAAKgD,eACdgC,MAAOL,GAEPE,EAAA,gBAAcI,KAAMjF,KAAKqC,QAAU/C,EAAMK,MAAQL,EAAMM,KAAMsF,MAAM,MAClElF,KAAKqC,SACJwC,EAAA,oBACEC,MAAOxG,EAAIe,iBACX8F,MAAOnF,KAAK4E,SAASQ,qBACrBC,MAAOrF,KAAKW,yBAGT,EAIbX,KAAAsF,qBAAuB,IACrBT,EAAA,OACEC,MAAO,CACL,CAACxG,EAAIO,YAAa,KAClB,CAACP,EAAIE,mBAAoBwB,KAAKuF,gBAEhCC,UAAWxF,KAAKiE,sBAEhBwB,IAAKzF,KAAKwE,kBAERxE,KAAKqC,SAAWrC,KAAK0F,WAAa,IAAM1F,KAAK0F,UAAY1F,KAAK0F,WAAa,WAC3E1F,KAAK0E,wBACN1E,KAAK2F,YAAc,UAAY3F,KAAK4F,YAAY,YAChD5F,KAAK6F,wBACL7F,KAAK2F,YAAc,UAAY3F,KAAK4F,YAAY,SAIrD5F,KAAA6F,sBAAwB,IACtBhB,EAAA,oBAAiB7E,KAAKmF,MAAOL,MAAOxG,EAAIQ,gBAAiBgH,KAAK,WAC3D9F,KAAKmB,MAAM4E,KAAI,CAACvE,EAAMU,KACrB,MAAMC,EAAUD,IAAUlC,KAAK+B,cAC/B,OACE8C,EAAA,2BACkB1C,EAAUX,EAAKwE,GAAKC,UAAS,gBAC9BC,EAAc/D,GAC7B2C,MAAO,CACL,CAACxG,EAAIS,gBAAiB,KACtB,CAACT,EAAIU,0BAA2B,KAChC,CAACV,EAAIW,wBAAyBkD,GAC/B,aACWD,EACZ6B,IAAKvC,EAAKwE,GACVjB,QAAS/E,KAAK4C,oBACdkD,KAAK,MACLd,MAAOxD,EAAK2D,OAEZN,EAAA,gBAAcI,KAAM9C,EAAU7C,EAAMI,OAASJ,EAAMG,SAAUyF,MAAM,MAC5D,KAMjBlF,KAAA4F,YAAepD,IACb,MAAM2D,EAAS3D,IAAc,WAC7B,MAAM4D,EAAMC,EAAcrG,KAAKiC,IAC/B,MAAMiD,EAAQlF,KAAK2F,YAAc,OAAS,IAAM,IAChD,MAAMW,EAAMH,EAAS7H,EAAIa,aAAeb,EAAIY,SAC5C,MAAM8F,EAAQmB,EAASnG,KAAK4E,SAAS2B,SAAWvG,KAAK4E,SAAS4B,KAC9D,MAAMvB,EAAOkB,EAAS7G,EAAMC,YAAcD,EAAME,aAChD,OACEqF,EAAA,0BACiB7E,KAAKC,YACpB6E,MAAO,CAAE,CAACxG,EAAIS,gBAAiB,KAAMuH,CAACA,GAAM,MAAM,iBAClC9D,EAChBuC,QAAS/E,KAAKuC,iBACdyC,MAAOA,GAEPH,EAAA,gBAAc4B,QAASL,IAAQ,MAAOnB,KAAMA,EAAMC,MAAOA,IAClD,E,cAziBqC,M,eAYF,S,sBAKJ7G,E,oBAKF,M,cAKN,M,uKAyHe,G,qEAMhC,M,yBAOY,M,yBAEA,M,yBAYA,M,qBAEJ,G,qCAOgB,E,4BAET,C,CAvLlC,eAAAqI,CAAgBhB,GACd,IAAKA,EAAU,CACb1F,KAAK6C,YAAY,M,EA4CrB,gBAAA8D,G,CAwBA,iBAAAC,GACEC,EAAmB7G,MACnB8G,EAAiB9G,MACjB+G,EAAgB/G,K,CAGlB,gBAAAgH,GACEC,EAAmBjH,K,CAGrB,kBAAAkH,GACEC,EAAsBnH,K,CAGxB,oBAAAoH,GACEC,EAAsBrH,MACtBsH,EAAoBtH,MACpBuH,EAAmBvH,MACnBA,KAAKM,gB,CAGP,uBAAMkH,GAEJ,IAAKxH,KAAK0F,WAAa,IAAM1F,KAAK0F,WAAa1F,KAAK0F,WAAa,SAAU,CACzE1F,KAAKiD,WAAW,M,MACX,GAAIjD,KAAK0F,WAAa,SAAU,CACrC1F,KAAKyH,OAAS,I,CAEhBC,EAAuB1H,YAEjB2H,EAAc3H,K,CAWtB,cAAM4H,SACEC,EAAmB7H,MACzBA,KAAKzB,WAAWuJ,O,CAKlB,UAAMlI,GAEJ,GAAII,KAAKqC,SAAYrC,KAAK0F,WAAa,KAAO1F,KAAK0F,UAAY1F,KAAK0F,WAAa,SAAW,CAC1F,M,CAEF1F,KAAKiD,WAAW,K,CAKlB,UAAM8E,GACJ,IAAK/H,KAAKqC,QAAS,CACjB,M,CAEFrC,KAAK6C,YAAY,K,CAsBnB,cAAAmF,GACEhI,KAAKyH,QAAUzH,KAAKqC,O,CAStB,cAAA4F,GACE,IAAKjI,KAAKa,sBAAwBb,KAAKc,oBAAqB,CAC1Dd,KAAKkI,Y,KACA,CACLlI,KAAKmI,c,EAST,2BAAMC,SACEC,EAAerI,KAAMA,KAAKsI,gB,CA4C1B,cAAAhI,GACNiI,cAAcvI,KAAKG,uBACnBoI,cAAcvI,KAAKI,c,CAGb,QAAAY,CAASa,GACf,GAAI7B,KAAKqC,SAAWR,EAAM,CACxB7B,KAAKqC,QAAU,K,CAEjB,MAAMmG,EAAYC,EAAmBzI,KAAK+B,cAAgB,EAAG/B,KAAKmB,MAAME,QACxErB,KAAK2B,gBAAgB6G,EAAW3G,E,CAG1B,YAAAc,GACN3C,KAAKqC,QAAU,MACf,MAAMqG,EAAYD,EAAmBE,KAAKC,IAAI5I,KAAK+B,cAAgB,GAAI,GAAI/B,KAAKmB,MAAME,QACtFrB,KAAK2B,gBAAgB+G,EAAW,K,CAG1B,UAAAzF,CAAWpB,GACjB7B,KAAKqC,QAAU,KACfrC,KAAKK,kBACLL,KAAKI,cAAgBG,YAAYP,KAAKK,gBAAiBL,KAAKS,kBAC5D,GAAIoB,EAAM,CACR7B,KAAK6I,oBAAoBhH,M,EAIrB,WAAAgB,CAAYhB,GAClB7B,KAAKqC,QAAU,MACfrC,KAAKM,iBACLN,KAAKW,uBAAyB,EAC9BX,KAAK8I,gCAAkC,EACvC,GAAIjH,EAAM,CACR7B,KAAK+I,oBAAoBlH,M,EAIrB,YAAAsG,GACNnI,KAAK8I,gCAAkC9I,KAAKW,sB,CAGtC,UAAAuH,GACNlI,KAAKW,uBAAyBX,KAAK8I,+B,CAiSrC,MAAAE,GACE,MAAMxG,UAAEA,GAAcxC,KACtB,OACE6E,EAACoE,EAAI,CAAAlF,IAAA,4CACHc,EAACqE,EAAoB,CAAAnF,IAAA,2CAACoF,SAAUnJ,KAAKmJ,UACnCtE,EAAA,OAAAd,IAAA,wDACc/D,KAAKmF,MAAK,YACXnF,KAAKqC,QAAU,MAAQ,SAAQ,uBACpBrC,KAAK4E,SAASwE,SACpCtE,MAAO,CACL,CAACxG,EAAIC,WAAY,KACjB,CAACD,EAAIE,mBAAoBwB,KAAKuF,eAC9B,CAACjH,EAAIG,gBAAiBuB,KAAK2F,YAAc,QAE3C0D,UAAWrJ,KAAKkD,cAChBoG,WAAYtJ,KAAK2D,eACjB6B,UAAWxF,KAAK8D,wBAChByF,aAAcvJ,KAAKqD,cACnBmG,aAAcxJ,KAAKsD,eACnBwC,KAAK,QACL2D,SAAU,EAEVhE,IAAKzF,KAAKyE,mBAEVI,EAAA,WAAAd,IAAA,2CACEe,MAAO,CACL,CAACxG,EAAII,eAAgB,KACrB,CAACJ,EAAIK,sBAAuB6D,IAAc,UAC1C,CAAClE,EAAIM,uBAAwB4D,IAAc,YAE7CwD,GAAIhG,KAAKC,aAET4E,EAAA,QAAAd,IAAA,2CAAM2F,aAAc1J,KAAKiB,oBAE1BjB,KAAKmB,MAAME,OAAS,GAAKrB,KAAKsF,uBAC9BtF,KAAK2F,YAAc,QAAU3F,KAAK4F,YAAY,YAC9C5F,KAAK2F,YAAc,QAAU3F,KAAK4F,YAAY,U,kUCppBpD,MAAMtH,EAAM,CACjBC,UAAW,YACXkD,SAAU,YCFZ,MAAMkI,EAAkB,oMACxB,MAAAC,EAAeD,E,MCWFE,EAAY,M,yBAyBf7J,KAAAE,KAAO,yBAAyBA,M,mCAVJ,K,CAkBpC,MAAA8I,GACE,MAAMhD,EAAKhG,KAAKiC,GAAG+D,IAAMhG,KAAKE,KAC9B,OACE2E,EAACoE,EAAI,CAAAlF,IAAA,2CAACiC,GAAIA,GACRnB,EAAA,OAAAd,IAAA,wDACc/D,KAAKmF,MACjBL,MAAO,CAAE,CAACxG,EAAIC,WAAY,KAAM,CAACD,EAAImD,UAAWzB,KAAKyB,UACrDqE,KAAK,YAELjB,EAAA,QAAAd,IAAA,8C"}

package/dist/calcite/p-957c7c63.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0
- */
-import{r as a,h as e,H as i,g as t}from"./p-2cca1b5a.js";import{g as r}from"./p-46e63924.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);will-change:contents}: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}.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=n;const l=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:c,value:s}=this;const d=a.id||r();const f=.45;const m=t?this.getInlineSize(o):this.getSize(o);const v=m*f;const g=`0 0 ${m} ${m}`;const h=c==="determinate";const k=2*v*Math.PI;const b=s/100*k;const z=k-b;const _=Math.floor(s);const y={"aria-valuenow":_,"aria-valuemin":0,"aria-valuemax":100,complete:_===100};const p={r:v,cx:m/2,cy:m/2};const u={"stroke-dasharray":`${b} ${z}`};return e(i,{key:"1042b6b24e04a6e4582947c6a544da715ff255a4","aria-label":n,id:d,role:"progressbar",...h?y:{}},e("div",{key:"4fa16470d15e126378e330a03732e0f5f5fe12a6",class:"loader__svgs"},e("svg",{key:"f2f2349163dd4280309cae9a53d20596850e89ae","aria-hidden":"true",class:"loader__svg loader__svg--1",viewBox:g},e("circle",{key:"cab1f07b5e5f275709446ee13e9a06212bc544a9",...p})),e("svg",{key:"f8d6bedac7cef0c7f619eec7734a1cda1b8021db","aria-hidden":"true",class:"loader__svg loader__svg--2",viewBox:g},e("circle",{key:"778a680d0d93cdf7896c8bf225f153ea806e76ce",...p})),e("svg",{key:"80f42b04b4f0dd270c0a0f8063c9c5e6ed687b79","aria-hidden":"true",class:"loader__svg loader__svg--3",viewBox:g,...h?{style:u}:{}},e("circle",{key:"3d4cb781a9af29810069f020aecffba667c72335",...p}))),l&&e("div",{key:"4e7b35dddd29bbcfc4043aecd14ee22131c9f5cc",class:"loader__text"},l),h&&e("div",{key:"396313f330b54f7f7a45ebac7ccb1cf8b8116471",class:"loader__percentage"},s))}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)}};l.style=o;export{l as calcite_loader};
-//# sourceMappingURL=p-957c7c63.entry.js.map

package/dist/calcite/p-991190ac.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0
- */
-var n=typeof global=="object"&&global&&global.Object===Object&&global;const e=n;var r=typeof self=="object"&&self&&self.Object===Object&&self;var t=e||r||Function("return this")();const u=t;var i=u.Symbol;const f=i;var a=Object.prototype;var o=a.hasOwnProperty;var c=a.toString;var v=f?f.toStringTag:undefined;function d(n){var e=o.call(n,v),r=n[v];try{n[v]=undefined;var t=true}catch(n){}var u=c.call(n);if(t){if(e){n[v]=r}else{delete n[v]}}return u}var l=Object.prototype;var s=l.toString;function b(n){return s.call(n)}var p="[object Null]",y="[object Undefined]";var j=f?f.toStringTag:undefined;function m(n){if(n==null){return n===undefined?y:p}return j&&j in Object(n)?d(n):b(n)}function h(n){return n!=null&&typeof n=="object"}var T="[object Symbol]";function g(n){return typeof n=="symbol"||h(n)&&m(n)==T}var O=/\s/;function x(n){var e=n.length;while(e--&&O.test(n.charAt(e))){}return e}var w=/^\s+/;function $(n){return n?n.slice(0,x(n)+1).replace(w,""):n}function E(n){var e=typeof n;return n!=null&&(e=="object"||e=="function")}var M=0/0;var S=/^[-+]0x[0-9a-f]+$/i;var F=/^0b[01]+$/i;var I=/^0o[0-7]+$/i;var N=parseInt;function U(n){if(typeof n=="number"){return n}if(g(n)){return M}if(E(n)){var e=typeof n.valueOf=="function"?n.valueOf():n;n=E(e)?e+"":e}if(typeof n!="string"){return n===0?n:+n}n=$(n);var r=F.test(n);return r||I.test(n)?N(n.slice(2),r?2:8):S.test(n)?M:+n}var W=function(){return u.Date.now()};const k=W;var q="Expected a function";var z=Math.max,A=Math.min;function B(n,e,r){var t,u,i,f,a,o,c=0,v=false,d=false,l=true;if(typeof n!="function"){throw new TypeError(q)}e=U(e)||0;if(E(r)){v=!!r.leading;d="maxWait"in r;i=d?z(U(r.maxWait)||0,e):i;l="trailing"in r?!!r.trailing:l}function s(e){var r=t,i=u;t=u=undefined;c=e;f=n.apply(i,r);return f}function b(n){c=n;a=setTimeout(j,e);return v?s(n):f}function p(n){var r=n-o,t=n-c,u=e-r;return d?A(u,i-t):u}function y(n){var r=n-o,t=n-c;return o===undefined||r>=e||r<0||d&&t>=i}function j(){var n=k();if(y(n)){return m(n)}a=setTimeout(j,p(n))}function m(n){a=undefined;if(l&&t){return s(n)}t=u=undefined;return f}function h(){if(a!==undefined){clearTimeout(a)}c=0;t=o=u=a=undefined}function T(){return a===undefined?f:m(k())}function g(){var n=k(),r=y(n);t=arguments;u=this;o=n;if(r){if(a===undefined){return b(o)}if(d){clearTimeout(a);a=setTimeout(j,e);return s(o)}}if(a===undefined){a=setTimeout(j,e)}return f}g.cancel=h;g.flush=T;return g}export{f as S,g as a,m as b,h as c,B as d,e as f,E as i,u as r};
-//# sourceMappingURL=p-991190ac.js.map

package/dist/calcite/p-993184a4.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0
- */
-import{d as e}from"./p-7d3bce5c.js";import"./p-2cca1b5a.js";import"./p-028b0bc6.js";import"./p-471227bd.js";import"./p-46e63924.js";import"./p-696889fe.js";import"./p-827bd580.js";import"./p-7a70c542.js";import"./p-f8ee4dc8.js";import"./p-45e5e6ed.js";import"./p-c6aeed91.js";import"./p-01eca752.js";import"./p-4a2aba9a.js";import"./p-720054c4.js";import"./p-4c915f5e.js";import"./p-c54d178f.js";import"./p-9ca50819.js";import"./p-bdac53eb.js";import"./p-3870e69b.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,a){var i=r[a];if(Array.isArray(i)){i=i[t?0:1]}return i.replace("%d",e)}var a={name:"de",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,yearStart:4,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(a,null,true);export{a as default};
-//# sourceMappingURL=p-993184a4.js.map

package/dist/calcite/p-994aefa1.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0
- */
-import{a as t,r as i,h as s,H as n,g as e}from"./p-2cca1b5a.js";import{g as c,t as a}from"./p-471227bd.js";import{c as o}from"./p-720054c4.js";import"./p-46e63924.js";import"./p-696889fe.js";const l={icon:"icon",flipRtl:"flip-rtl"};const r={};const h={};const p={s:16,m:24,l:32};async function d({icon:i,scale:s}){const n=p[s];const e=f(i);const c=e.charAt(e.length-1)==="F";const a=c?e.substring(0,e.length-1):e;const o=`${a}${n}${c?"F":""}`;if(r[o]){return r[o]}if(!h[o]){h[o]=fetch(t(`./assets/icon/${o}.json`)).then((t=>t.json())).catch((()=>{console.error(`"${o}" is not a valid calcite-ui-icon name`);return""}))}const l=await h[o];r[o]=l;return l}function f(t){const i=!isNaN(Number(t.charAt(0)));const s=t.split("-");const n=s.length>0;if(n){const i=/[a-z]/i;t=s.map(((t,s)=>t.replace(i,(function t(i,n){const e=s===0&&n===0;if(e){return i}return i.toUpperCase()})))).join("")}return i?`i${t}`:t}const u=":host{display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}";const m=u;const b=class{constructor(t){i(this,t);this.icon=null;this.flipRtl=false;this.scale="m";this.textLabel=undefined;this.pathData=undefined;this.visible=false}connectedCallback(){this.waitUntilVisible((()=>{this.visible=true;this.loadIconPathData()}))}disconnectedCallback(){this.intersectionObserver?.disconnect();this.intersectionObserver=null}async componentWillLoad(){this.loadIconPathData()}render(){const{el:t,flipRtl:i,pathData:e,scale:o,textLabel:r}=this;const h=c(t);const d=p[o];const f=!!r;const u=[].concat(e||"");return s(n,{key:"5eb4d26c41c6df7a4fe28e6647a452d4a91106a2","aria-hidden":a(!f),"aria-label":f?r:null,role:f?"img":null},s("svg",{key:"cd87fba0ba564d4a16ca5f18176d99b1f974b8fa","aria-hidden":"true",class:{[l.flipRtl]:h==="rtl"&&i,svg:true},fill:"currentColor",height:"100%",viewBox:`0 0 ${d} ${d}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},u.map((t=>typeof t==="string"?s("path",{d:t}):s("path",{d:t.d,opacity:"opacity"in t?t.opacity:1})))))}async loadIconPathData(){const{icon:t,scale:i,visible:s}=this;if(!t||!s){return}const n=await d({icon:t,scale:i});if(t!==this.icon){return}this.pathData=n}waitUntilVisible(t){this.intersectionObserver=o("intersection",(i=>{i.forEach((i=>{if(i.isIntersecting){this.intersectionObserver.disconnect();this.intersectionObserver=null;t()}}))}),{rootMargin:"50px"});if(!this.intersectionObserver){t();return}this.intersectionObserver.observe(this.el)}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}}};b.style=m;export{b as calcite_icon};
-//# sourceMappingURL=p-994aefa1.entry.js.map

package/dist/calcite/p-9ca50819.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0
- */
-import{a as n}from"./p-2cca1b5a.js";import{g as t}from"./p-4a2aba9a.js";const s={};async function c(t,c){const a=`${c}_${t}`;if(s[a]){return s[a]}s[a]=fetch(n(`./assets/${c}/t9n/messages_${t}.json`)).then((n=>{if(!n.ok){o()}return n.json()})).catch((()=>o()));return s[a]}function o(){throw new Error("could not fetch component message bundle")}function a(n){n.messages={...n.defaultMessages,...n.messageOverrides}}async function e(n){n.defaultMessages=await i(n,n.effectiveLocale);a(n)}async function i(n,s){const{el:o}=n;const a=o.tagName.toLowerCase();const e=a.replace("calcite-","");return c(t(s,"t9n"),e)}async function r(n,t){n.defaultMessages=await i(n,t);a(n)}function u(n){n.onMessagesChange=m}function f(n){n.onMessagesChange=undefined}function m(){a(this)}export{u as c,f as d,e as s,r as u};
-//# sourceMappingURL=p-9ca50819.js.map

package/dist/calcite/p-9f43ffe3.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0
- */
-import{r as e,h as i,g as a}from"./p-2cca1b5a.js";import{g as t}from"./p-471227bd.js";import{C as r}from"./p-696889fe.js";import"./p-46e63924.js";const n=":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";const s=n;const o=class{constructor(i){e(this,i);this.type="determinate";this.value=0;this.label=undefined;this.text=undefined;this.reversed=false}render(){const e=this.type==="determinate";const a=e?{width:`${this.value*100}%`}:{};const n=t(this.el);return i("div",{key:"a86d3c94f7c5d86a8267372b3d89a5227b0f550d","aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},i("div",{key:"cf8ad842376e8713207892a53bc26fc7f3200bc2",class:"track"},i("div",{key:"3a7fb572aa02dc1d515556589f8b90b77a6e383d",class:{bar:true,indeterminate:this.type==="indeterminate",[r.rtl]:n==="rtl",reversed:this.reversed},style:a})),this.text?i("div",{class:"text"},this.text):null)}get el(){return a(this)}};o.style=s;export{o as calcite_progress};
-//# sourceMappingURL=p-9f43ffe3.entry.js.map