@esri/calcite-components 2.12.0 → 2.13.0-next.1

package/dist/calcite/p-5cd9e744.entry.js.map

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

package/dist/calcite/p-5daaab7f.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as e}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";var m={name:"id",weekdays:"Minggu_Senin_Selasa_Rabu_Kamis_Jumat_Sabtu".split("_"),months:"Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_November_Desember".split("_"),weekdaysShort:"Min_Sen_Sel_Rab_Kam_Jum_Sab".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Mei_Jun_Jul_Agt_Sep_Okt_Nov_Des".split("_"),weekdaysMin:"Mg_Sn_Sl_Rb_Km_Jm_Sb".split("_"),weekStart:1,formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},relativeTime:{future:"dalam %s",past:"%s yang lalu",s:"beberapa detik",m:"semenit",mm:"%d menit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"},ordinal:function e(m){return m+"."}};e.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-5daaab7f.js.map

package/dist/calcite/p-5fe70602.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/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as e,c as t,h as n,F as i,H as o,g as a}from"./p-e7104b8d.js";import{b as s}from"./p-27ab49c7.js";import{c,s as r,a as l}from"./p-5b45eef3.js";import{H as d}from"./p-a9cce7b0.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-3c4fe54e.js";const h={container:"container",containerContent:"container-content",hasProgress:"progress-bar",hide:"hide",primary:"primary",secondary:"secondary",tertiary:"tertiary"};const f={logo:"logo",user:"user",progress:"progress",navigationAction:"navigation-action",contentStart:"content-start",contentEnd:"content-end",contentCenter:"content-center",navSecondary:"navigation-secondary",navTertiary:"navigation-tertiary"};const u={hamburger:"hamburger"};const m=":host([hidden]){display:none}[hidden]{display:none}.container{margin-inline:auto;display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background, var(--calcite-color-foreground-1))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:4rem}.secondary{block-size:3rem}.tertiary{block-size:3rem}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:0.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0px}";const b=m;const g=class{constructor(n){e(this,n);this.calciteNavigationActionSelect=t(this,"calciteNavigationActionSelect",6);this.actionClickHandler=()=>{this.calciteNavigationActionSelect.emit()};this.handleUserSlotChange=e=>{if(this.isPrimaryLevel()){this.userSlotHasElements=s(e)}};this.handleLogoSlotChange=e=>{if(this.isPrimaryLevel()){this.logoSlotHasElements=s(e)}};this.handleContentStartSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentStartSlotHasElements=s(e)}};this.handleContentEndSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentEndSlotHasElements=s(e)}};this.handleContentCenterSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentCenterSlotHasElements=s(e)}};this.handleSecondarySlotChange=e=>{this.secondarySlotHasElements=s(e)};this.handleTertiarySlotChange=e=>{this.tertiarySlotHasElements=s(e)};this.handleMenuActionSlotChange=e=>{if(this.isPrimaryLevel()){this.navigationActionSlotHasElements=s(e);if(this.navigationActionSlotHasElements){this.navigationAction=false}}};this.handleProgressSlotChange=e=>{if(this.isPrimaryLevel()){this.progressSlotHasElement=s(e)}};this.label=undefined;this.navigationAction=false;this.logoSlotHasElements=undefined;this.navigationActionSlotHasElements=undefined;this.primaryContentCenterSlotHasElements=undefined;this.primaryContentEndSlotHasElements=undefined;this.primaryContentStartSlotHasElements=undefined;this.progressSlotHasElement=undefined;this.secondarySlotHasElements=undefined;this.tertiarySlotHasElements=undefined;this.userSlotHasElements=undefined}async setFocus(){await c(this);return this.navigationActionEl?.setFocus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}isPrimaryLevel(){return this.el.slot!==f.navSecondary&&this.el.slot!==f.navTertiary}renderMenuAction(){return n("slot",{name:f.navigationAction,onSlotchange:this.handleMenuActionSlotChange},this.navigationAction&&n("calcite-action",{icon:u.hamburger,onClick:this.actionClickHandler,ref:e=>this.navigationActionEl=e,text:this.label}))}render(){const e=this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction;const t=this.el.slot;return n(o,{key:"e7719159ddeee3397fd1e483c8417978b2b72c66"},n("div",{key:"9d3096793d009c813f1bc42f8fecf46736747afc",class:{[h.container]:true,[h.secondary]:t===f.navSecondary,[h.tertiary]:t===f.navTertiary,[h.primary]:e}},n("div",{key:"4e35300aeaea8f4ceb1b69d913157306d11a17ec",class:{[h.hide]:!this.progressSlotHasElement,[f.progress]:true}},n("slot",{key:"50c46611fcab6af0fe8d458641123d40823334bd",name:f.progress,onSlotchange:this.handleProgressSlotChange})),n("div",{key:"3f0b76520d4de477629397f607c0520472dd9419",class:{[h.containerContent]:true,[h.hasProgress]:this.progressSlotHasElement}},this.renderMenuAction(),n("div",{key:"fb5d2f6a84e5e7a05ced40f955f36e215a923217",class:{[h.hide]:!this.logoSlotHasElements,[f.logo]:true}},n("slot",{key:"53aa3fdadf8fedefa9a9aec810e28277629bfb01",name:f.logo,onSlotchange:this.handleLogoSlotChange})),n("slot",{key:"5e83ab5c75b1f1a76bbf0d12f3d3ae43625842f3",name:f.contentStart,onSlotchange:this.handleContentStartSlotChange}),n("slot",{key:"2b531019c48c10fc2d4dadfd34ae61f75233b80a",name:f.contentCenter,onSlotchange:this.handleContentCenterSlotChange}),n("slot",{key:"feb1fae923a3540158fc889fdaf0c70a8db2f964",name:f.contentEnd,onSlotchange:this.handleContentEndSlotChange}),n("div",{key:"99544caa2724f8ec40d1bbd54b018c28893b822e",class:{[h.hide]:!this.userSlotHasElements,[f.user]:true}},n("slot",{key:"2f0a3e1fc4ea5ba221699089b62986b96ed12f75",name:f.user,onSlotchange:this.handleUserSlotChange})))),n(i,{key:"0f289531aa4d3805ac0774643f43988095db2a8d"},n("slot",{key:"466d1b0aab0fd4ee4a4736746dd4eb441cfa6ebd",name:f.navSecondary,onSlotchange:this.handleSecondarySlotChange}),n("slot",{key:"3f2520c21f474cf0147865881724269970a9d8bd",name:f.navTertiary,onSlotchange:this.handleTertiarySlotChange})))}get el(){return a(this)}};g.style=b;const p={container:"container",heading:"heading",description:"description",anchor:"anchor",image:"image",standalone:"standalone",icon:"icon"};const v=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}.anchor{margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;text-decoration-line:none;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:inherit;border-block-end:2px solid transparent}.anchor:hover,.anchor:focus{background-color:var(--calcite-color-foreground-2)}.anchor:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.anchor:active{background-color:var(--calcite-color-foreground-3)}.image,.icon{margin:0px;display:flex;block-size:1.75rem;padding-inline:1rem}.image~.icon{padding-inline-start:0px}.image~.container,.icon~.container{padding-inline-start:0px}:host(:active) .anchor{color:var(--calcite-color-text-1)}:host([active]) .anchor{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand);--calcite-icon-color:var(--calcite-color-brand)}.container{margin-block-start:0.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1rem;text-align:start}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.standalone{font-size:var(--calcite-font-size-1)}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const y=v;const x=class{constructor(t){e(this,t);this.active=undefined;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.rel=undefined;this.description=undefined;this.target=undefined;this.heading=undefined;this.thumbnail=undefined;this.headingLevel=undefined}async setFocus(){await c(this);if(this.href){this.el.focus()}}componentWillLoad(){r(this)}componentDidLoad(){l(this)}renderIcon(){return n("calcite-icon",{class:p.icon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"l"})}renderHeaderContent(){const{heading:e,headingLevel:t,description:i}=this;const o=e?n(d,{class:{[p.heading]:true,[p.standalone]:!this.description},key:p.heading,level:t},e):null;const a=i?n("span",{class:p.description,key:p.description},i):null;return o||a?n("div",{class:p.container,key:p.container},o,a):null}render(){const{thumbnail:e}=this;return n(o,{key:"b76572e79734c7190d373225662f453423450d9a"},n("a",{key:"77d1604fd344f2d5aea65842067a615343aa591b",class:p.anchor,href:this.href,rel:this.rel,target:this.target},e&&n("img",{key:"abf6396d63acf26f5ad5e2bb5c9dd280c3728134",alt:this.label||"",class:p.image,src:e}),this.icon&&this.renderIcon(),this.renderHeaderContent()))}static get delegatesFocus(){return true}get el(){return a(this)}};x.style=y;const k={textContainer:"text-container",fullName:"full-name",username:"username",button:"button"};const z=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}:host(:hover) .button,:host(:focus) .button{background-color:var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:active) .button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([active]) .button{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1);--calcite-icon-color:var(--calcite-color-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.username{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const w=z;const S=class{constructor(t){e(this,t);this.active=undefined;this.fullName=undefined;this.label=undefined;this.textDisabled=false;this.thumbnail=undefined;this.userId=undefined;this.username=undefined}async setFocus(){await c(this);this.el.focus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}render(){return n(o,{key:"71dafc89185ed082fa48f68f10620f680703edf7"},n("button",{key:"e175503f28873b42aa231f29077449da12696072","aria-label":this.label,class:k.button},n("calcite-avatar",{key:"de83763dcb0811cd7abfdb32003e69fbaf580b6f","full-name":this.fullName,label:this.label,thumbnail:this.thumbnail,"user-id":this.userId,username:this.username}),(this.fullName||this.username)&&!this.textDisabled&&n("div",{key:"a54fd497c59ef3ad171b2f35394a27f5dd060d64",class:k.textContainer},this.fullName&&n("span",{class:k.fullName,key:k.fullName},this.fullName),this.username&&n("span",{class:k.username,key:k.username},this.username))))}static get delegatesFocus(){return true}get el(){return a(this)}};S.style=w;export{g as calcite_navigation,x as calcite_navigation_logo,S as calcite_navigation_user};
-//# sourceMappingURL=p-5fe70602.entry.js.map

package/dist/calcite/p-603d7196.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{f as t,h as o}from"./p-e7104b8d.js";import{g as e}from"./p-27ab49c7.js";import{S as n}from"./p-0c0aade7.js";import{S as c}from"./p-a4ac8fc3.js";const a=2;const i=t=>t.reduce(((t,o)=>t+o),0)/t.length;const s=t=>{const o=t.filter((t=>t.slot!==n.menuActions));const e=o?.length;return{actionWidth:e?i(o.map((t=>t.clientWidth||0))):0,actionHeight:e?i(o.map((t=>t.clientHeight||0))):0}};const l=({width:t,actionWidth:o,layout:e,height:n,actionHeight:c,groupCount:i})=>{const s=e==="horizontal"?t:n;const l=e==="horizontal"?o:c;return Math.floor((s-i*a)/l)};const r=({layout:t,actionCount:o,actionWidth:e,width:n,actionHeight:c,height:a,groupCount:i})=>Math.max(o-l({width:n,actionWidth:e,layout:t,height:a,actionHeight:c,groupCount:i}),0);const p=t=>Array.from(t.querySelectorAll("calcite-action")).filter((t=>t.closest("calcite-action-menu")?t.slot===c.trigger:true));const h=({actionGroups:o,expanded:e,overflowCount:c})=>{let a=c;o.reverse().forEach((o=>{let c=0;const i=p(o).reverse();i.forEach((t=>{if(t.slot===n.menuActions){t.removeAttribute("slot");t.textEnabled=e}}));if(a>0){i.some((t=>{const o=i.filter((t=>!t.slot));if(o.length>1&&i.length>2&&!t.closest("calcite-action-menu")){t.textEnabled=true;t.setAttribute("slot",n.menuActions);c++;if(c>1){a--}}return a<1}))}t(o)}))};const u={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function d(t,o){return t||o.closest("calcite-shell-panel")?.position||"start"}function f({el:t,expanded:o}){p(t).filter((t=>t.slot!==n.menuActions)).forEach((t=>t.textEnabled=o));t.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((t=>t.expanded=o))}const g=({tooltip:t,referenceElement:o,expanded:e,ref:n})=>{if(t){t.referenceElement=!e&&o?o:null}if(n){n(o)}return o};const m=({expanded:t,expandText:n,collapseText:c,expandLabel:a,collapseLabel:i,toggle:s,el:l,position:r,tooltip:p,ref:h,scale:f})=>{const m=e(l)==="rtl";const x=t?c:n;const b=t?i:a;const C=[u.chevronsLeft,u.chevronsRight];if(m){C.reverse()}const v=d(r,l)==="end";const j=v?C[1]:C[0];const w=v?C[0]:C[1];const y=o("calcite-action",{icon:t?j:w,id:"expand-toggle",label:b,onClick:s,ref:o=>g({tooltip:p,referenceElement:o,expanded:t,ref:h}),scale:f,text:x,textEnabled:t,title:!t&&!p?x:null});return y};export{m as E,r as a,s as g,h as o,p as q,f as t};
-//# sourceMappingURL=p-603d7196.js.map

package/dist/calcite/p-64329e55.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{j as n,q as t,a as c}from"./p-27ab49c7.js";import{c as e}from"./p-cbed8c79.js";const o="calciteInternalLabelClick";const s="calciteInternalLabelConnected";const r="calciteInternalLabelDisconnected";const i="calcite-label";const a=new WeakMap;const u=new WeakMap;const f=new WeakMap;const l=new WeakMap;const m=new Set;const d=n=>{const{id:e}=n;const o=e&&t(n,{selector:`${i}[for="${e}"]`});if(o){return o}const s=c(n,i);if(!s||b(s,n)){return null}return s};function b(n,t){let c;const e="custom-element-ancestor-check";const o=e=>{e.stopImmediatePropagation();const o=e.composedPath();c=o.slice(o.indexOf(t),o.indexOf(n))};n.addEventListener(e,o,{once:true});t.dispatchEvent(new CustomEvent(e,{composed:true,bubbles:true}));n.removeEventListener(e,o);const s=c.filter((c=>c!==t&&c!==n)).filter((n=>n.tagName?.includes("-")));return s.length>0}function p(n){if(!n){return}const t=d(n.el);if(u.has(t)&&t===n.labelEl||!t&&m.has(n)){return}const c=j.bind(n);if(t){n.labelEl=t;const e=a.get(t)||[];e.push(n);a.set(t,e.sort(k));if(!u.has(n.labelEl)){u.set(n.labelEl,M);n.labelEl.addEventListener(o,M)}m.delete(n);document.removeEventListener(s,f.get(n));l.set(n,c);document.addEventListener(r,c)}else if(!m.has(n)){c();document.removeEventListener(r,l.get(n))}}function h(n){if(!n){return}m.delete(n);document.removeEventListener(s,f.get(n));document.removeEventListener(r,l.get(n));f.delete(n);l.delete(n);if(!n.labelEl){return}const t=a.get(n.labelEl);if(t.length===1){n.labelEl.removeEventListener(o,u.get(n.labelEl));u.delete(n.labelEl)}a.set(n.labelEl,t.filter((t=>t!==n)).sort(k));n.labelEl=null}function k(t,c){return n(t.el,c.el)?-1:1}function w(n){return n.label||n.labelEl?.textContent?.trim()||""}function M(n){const t=n.detail.sourceEvent.target;const c=a.get(this);const e=c.find((n=>n.el===t));const o=c.includes(e);if(o){return}const s=c[0];if(s.disabled){return}s.onLabelClick(n)}function W(){if(m.has(this)){p(this)}}function j(){m.add(this);const n=f.get(this)||W.bind(this);f.set(this,n);document.addEventListener(s,n)}async function C(n){await e(n);const t=a.has(n);if(t){return}const c=n.ownerDocument?.getElementById(n.for);if(!c){return}requestAnimationFrame((()=>{for(const n of m){if(n.el===c){p(n);break}}}))}export{C as a,r as b,p as c,h as d,w as g,s as l};
-//# sourceMappingURL=p-64329e55.js.map

package/dist/calcite/p-655f7f65.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/dev/LICENSE.md for details.
- * v2.12.0
- */
-export{I as calcite_input_time_picker,T as calcite_time_picker}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";
-//# sourceMappingURL=p-655f7f65.entry.js.map

package/dist/calcite/p-656dc8f5.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/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as e,c as t,h as i,f as s,H as a,g as o}from"./p-e7104b8d.js";import{c as r,d as n,H as c}from"./p-d6a25fe2.js";import{c as l,d,g as h}from"./p-64329e55.js";import{t as f,b as p}from"./p-27ab49c7.js";import{c as b,d as m,n as u}from"./p-29c291d1.js";import{c as g}from"./p-9a2f96d2.js";import{b as x,s as v,a as y,c as z}from"./p-5b45eef3.js";import{c as k,s as w,d as j,u as L}from"./p-c60c7e01.js";import{c as H,u as C,d as A,I as M}from"./p-8f8cbbc7.js";import{g as S}from"./p-6f580f9d.js";import{V as W}from"./p-36ecadf9.js";import{s as D}from"./p-45d13552.js";import{t as I}from"./p-adfbff91.js";import"./p-cbed8c79.js";import"./p-56bab01f.js";import"./p-c473b37c.js";import"./p-3c4fe54e.js";import"./p-17c701ba.js";const O={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",resizeDisabled:"resize--disabled",resizeDisabledX:"resize--disabled-x",resizeDisabledY:"resize--disabled-y",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",borderColor:"border--color",hide:"hide",blockSizeFull:"block-size--full",footerEndSlotOnly:"footer--end-only"};const E={validationMessage:"textAreaValidationMessage"};const T={footerStart:"footer-start",footerEnd:"footer-end"};const F=100;const G=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%}textarea{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-font-family);color:var(--calcite-color-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-color-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-status-danger)}textarea.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}textarea.footer--slotted{min-inline-size:18rem}.footer{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}:host([resize=none]) textarea{resize:none}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=vertical]) textarea{resize:vertical}:host([scale=s]){font-size:var(--calcite-font-size--2)}:host([scale=s]) .footer{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}:host([scale=s]) textarea{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=s]) textarea,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}:host([scale=m]) textarea{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=m]) textarea,:host([scale=m]) .footer,:host([scale=m]) .character-limit{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}:host([scale=l]){font-size:var(--calcite-font-size-0)}:host([scale=l]) textarea{padding-block:0.75rem;padding-inline:1rem}:host([scale=l]) .footer{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}:host([scale=l]) textarea,:host([scale=l]) .footer,:host([scale=l]) .character-limit{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.border--color{border-block-end-width:1px;border-color:var(--calcite-color-border-input)}.border--color:focus{border-block-end-width:2px}textarea.block-size--full{block-size:100%}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const V=G;const $=class{constructor(s){e(this,s);this.calciteTextAreaInput=t(this,"calciteTextAreaInput",7);this.calciteTextAreaChange=t(this,"calciteTextAreaChange",7);this.guid=S();this.handleInput=e=>{this.value=e.target["value"];this.calciteTextAreaInput.emit()};this.handleChange=()=>{this.calciteTextAreaChange.emit()};this.contentSlotChangeHandler=()=>{if(!this.value){const e=this.el.childNodes;e.forEach((e=>{if(e.nodeName==="#text"){this.value=e.nodeValue.trim()}}))}};this.renderCharacterLimit=()=>{if(this.maxLength){this.localizedCharacterLengthObj=this.getLocalizedCharacterLength();return i("span",{class:O.characterLimit},i("span",{class:{[O.characterOverLimit]:this.isCharacterLimitExceeded()}},this.localizedCharacterLengthObj.currentLength),"/",this.localizedCharacterLengthObj.maxLength)}return null};this.resizeObserver=g("resize",(async()=>{await x(this);const{textAreaHeight:e,textAreaWidth:t,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}=this.getHeightAndWidthOfElements();if(o>0&&o!==t){this.footerEl.style.width=`${t}px`}if(s!==t||i!==e+(a||0)){this.setHeightAndWidthToAuto()}}));this.setTextAreaEl=e=>{this.textAreaEl=e;this.resizeObserver.observe(e)};this.setHeightAndWidthToAuto=I((()=>{if(this.resize==="vertical"||this.resize==="both"){this.el.style.height="auto"}if(this.resize==="horizontal"||this.resize==="both"){this.el.style.width="auto"}}),F,{leading:false});this.columns=undefined;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.label=undefined;this.minLength=undefined;this.maxLength=undefined;this.messages=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberingSystem=undefined;this.placeholder=undefined;this.readOnly=false;this.required=false;this.resize="both";this.rows=undefined;this.scale="m";this.status="idle";this.value="";this.wrap="soft";this.messageOverrides=undefined;this.defaultMessages=undefined;this.endSlotHasElements=undefined;this.startSlotHasElements=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){s(this)}onMessagesChange(){}connectedCallback(){H(this);l(this);r(this);b(this);k(this)}async componentWillLoad(){v(this);await w(this)}componentDidLoad(){y(this)}componentDidRender(){C(this);this.setTextAreaHeight()}disconnectedCallback(){A(this);d(this);n(this);m(this);j(this);this.resizeObserver?.disconnect()}render(){const e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return i(a,{key:"4bcfac668585f0f53f839dd7040c10c86466f7ea"},i(M,{key:"2731deb4f42e1ef61d5d53fbbba5fd267ba6ecc0",disabled:this.disabled},i("textarea",{key:"8746db6bd65da8641c449e1a3ab90371dd6a3aab","aria-describedby":this.guid,"aria-errormessage":E.validationMessage,"aria-invalid":f(this.status==="invalid"||this.isCharacterLimitExceeded()),"aria-label":h(this),autofocus:this.el.autofocus,class:{[O.readOnly]:this.readOnly,[O.textAreaInvalid]:this.isCharacterLimitExceeded(),[O.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[O.blockSizeFull]:!e,[O.borderColor]:!e},cols:this.columns,disabled:this.disabled,name:this.name,onChange:this.handleChange,onInput:this.handleInput,placeholder:this.placeholder,readOnly:this.readOnly,ref:this.setTextAreaEl,required:this.required,rows:this.rows,value:this.value,wrap:this.wrap}),i("span",{key:"18f5b2cc042e0072bf14585f097c59e033e90565",class:{[O.content]:true}},i("slot",{key:"5ad6ecb6e80821617067f206a2a96d1921ccd5f1",onSlotchange:this.contentSlotChangeHandler})),i("footer",{key:"bf75a8624f1d73bebfaf5a4dc9d49c4ffb9bdca0",class:{[O.footer]:true,[O.readOnly]:this.readOnly,[O.hide]:!e},ref:e=>this.footerEl=e},i("div",{key:"d16b1caa152ce0aeada636c9758b0424461c9123",class:{[O.container]:true,[O.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements}},i("slot",{key:"c488efe95fe4c0e7e83bb74644729f5ca864312b",name:T.footerStart,onSlotchange:e=>this.startSlotHasElements=p(e)}),i("slot",{key:"c0228767e3af06d68a9a887b9d26e08c95fa8d05",name:T.footerEnd,onSlotchange:e=>this.endSlotHasElements=p(e)})),this.renderCharacterLimit()),i(c,{key:"4d1b9b4a7c7fb7f0ac12045d85798340a9e127ce",component:this}),this.isCharacterLimitExceeded()&&i("span",{key:"a89f7f1c087d7c6f6ae4e3a4f33869d169323d1b","aria-hidden":true,"aria-live":"polite",class:O.assistiveText,id:this.guid},this.replacePlaceHoldersInMessages()),this.validationMessage&&this.status==="invalid"?i(W,{icon:this.validationIcon,id:E.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}async setFocus(){await z(this);this.textAreaEl.focus()}async selectText(){await x(this);this.textAreaEl.select()}effectiveLocaleChange(){L(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}getLocalizedCharacterLength(){const e=this.value?this.value.length.toString():"0";const t=this.maxLength.toString();if(this.numberingSystem==="latn"){return{currentLength:e,maxLength:t}}u.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator};return{currentLength:u.localize(e),maxLength:u.localize(t)}}syncHiddenFormInput(e){e.setCustomValidity("");if(this.isCharacterLimitExceeded()){e.setCustomValidity(this.replacePlaceHoldersInMessages())}D("textarea",this,e)}setTextAreaHeight(){const{textAreaHeight:e,elHeight:t,footerHeight:i}=this.getHeightAndWidthOfElements();if(i>0&&e+i!=t){this.textAreaEl.style.height=`${t-i}px`}}getHeightAndWidthOfElements(){const{height:e,width:t}=this.textAreaEl.getBoundingClientRect();const{height:i,width:s}=this.el.getBoundingClientRect();const{height:a,width:o}=this.footerEl.getBoundingClientRect();return{textAreaHeight:e,textAreaWidth:t,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}}replacePlaceHoldersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};$.style=V;export{$ as calcite_text_area};
-//# sourceMappingURL=p-656dc8f5.entry.js.map

package/dist/calcite/p-656dc8f5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","assistiveText","characterLimit","content","container","footer","resizeDisabled","resizeDisabledX","resizeDisabledY","characterOverLimit","readOnly","textAreaInvalid","footerSlotted","borderColor","hide","blockSizeFull","footerEndSlotOnly","IDS","validationMessage","SLOTS","footerStart","footerEnd","RESIZE_TIMEOUT","textAreaCss","CalciteTextAreaStyle0","TextArea","this","guid","handleInput","event","value","target","calciteTextAreaInput","emit","handleChange","calciteTextAreaChange","contentSlotChangeHandler","nodes","el","childNodes","forEach","nodeName","nodeValue","trim","renderCharacterLimit","maxLength","localizedCharacterLengthObj","getLocalizedCharacterLength","h","class","isCharacterLimitExceeded","currentLength","resizeObserver","createObserver","async","componentLoaded","textAreaHeight","textAreaWidth","elHeight","elWidth","footerHeight","footerWidth","getHeightAndWidthOfElements","footerEl","style","width","setHeightAndWidthToAuto","setTextAreaEl","textAreaEl","observe","throttle","resize","height","leading","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","handleGlobalAttributesChanged","forceUpdate","onMessagesChange","connectedCallback","connectInteractive","connectLabel","connectForm","connectLocalized","connectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","setTextAreaHeight","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","disconnect","render","hasFooter","startSlotHasElements","endSlotHasElements","Host","key","InteractiveContainer","disabled","toAriaBoolean","status","getLabelText","autofocus","cols","columns","name","onChange","onInput","placeholder","ref","required","rows","wrap","onSlotchange","slotChangeHasAssignedElement","HiddenFormInputSlot","component","id","replacePlaceHoldersInMessages","Validation","icon","validationIcon","message","scale","setFocus","componentFocusable","focus","selectText","select","effectiveLocaleChange","updateMessages","effectiveLocale","onLabelClick","length","toString","numberingSystem","numberStringFormatter","numberFormatOptions","locale","signDisplay","useGrouping","groupSeparator","localize","syncHiddenFormInput","input","setCustomValidity","getBoundingClientRect","messages","replace"],"sources":["src/components/text-area/resources.ts","src/components/text-area/text-area.scss?tag=calcite-text-area&encapsulation=shadow","src/components/text-area/text-area.tsx"],"sourcesContent":["export const CSS = {\n  assistiveText: \"assistive-text\",\n  characterLimit: \"character-limit\",\n  content: \"content\",\n  container: \"container\",\n  footer: \"footer\",\n  resizeDisabled: \"resize--disabled\",\n  resizeDisabledX: \"resize--disabled-x\",\n  resizeDisabledY: \"resize--disabled-y\",\n  characterOverLimit: \"character--over-limit\",\n  readOnly: \"readonly\",\n  textAreaInvalid: \"text-area--invalid\",\n  footerSlotted: \"footer--slotted\",\n  borderColor: \"border--color\",\n  hide: \"hide\",\n  blockSizeFull: \"block-size--full\",\n  footerEndSlotOnly: \"footer--end-only\",\n};\n\nexport const IDS = {\n  validationMessage: \"textAreaValidationMessage\",\n};\n\nexport const SLOTS = {\n  footerStart: \"footer-start\",\n  footerEnd: \"footer-end\",\n};\n\nexport const RESIZE_TIMEOUT = 100;\n",":host {\n  @apply inline-block\n  relative\n  w-full\n  h-full;\n}\n\ntextarea {\n  @apply font-sans\n    text-color-1\n    relative\n    block\n    bg-foreground-1\n    box-border\n    border-color-input\n    border\n    w-full\n    m-0;\n  min-inline-size: theme(\"spacing.48\");\n  border-block-end: 1px solid var(--calcite-color-border-3);\n  @media screen and (max-width: 480px) {\n    @apply resize-none;\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &.text-area--invalid {\n    @apply border-color-danger\n    border\n    border-solid\n    border-b;\n    &:focus {\n      @apply focus-inset-danger;\n    }\n  }\n  &.footer--slotted {\n    min-inline-size: theme(\"spacing.72\");\n  }\n}\n\n.footer {\n  @apply flex\n  bg-foreground-1\n  box-border\n  border-color-input\n  border\n  border-solid\n  border-t-0\n  items-center;\n}\n\n.character-limit {\n  @apply flex\n  justify-end\n  text-color-2\n  items-center\n  font-normal\n  whitespace-nowrap;\n}\n\n.character--over-limit {\n  @apply font-bold\n  text-danger;\n}\n\n:host([resize=\"none\"]) textarea {\n  @apply resize-none;\n}\n\n:host([resize=\"horizontal\"]) textarea {\n  @apply resize-x;\n}\n\n:host([resize=\"vertical\"]) textarea {\n  @apply resize-y;\n}\n\n:host([scale=\"s\"]) {\n  @apply text-n2;\n  .footer {\n    @apply py-1\n    px-2;\n    min-block-size: 1.75rem;\n  }\n  textarea {\n    @apply py-1\n    px-2;\n  }\n\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-n2\n    pl-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  textarea {\n    @apply py-2\n    px-3;\n  }\n  .footer {\n    @apply py-2\n    px-3;\n    min-block-size: 2.25rem;\n  }\n\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-n1\n    pl-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  @apply text-0;\n  textarea {\n    @apply py-3\n    px-4;\n  }\n  .footer {\n    @apply py-3\n    px-4;\n    min-block-size: 2.75rem;\n  }\n\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-0\n    pl-4;\n  }\n}\n\n:host([status=\"invalid\"]) {\n  textarea {\n    @apply border-color-danger;\n  }\n  textarea:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n.readonly {\n  @apply bg-background font-medium;\n}\n\n.border--color {\n  @apply border-b border-color-input;\n  &:focus {\n    @apply border-b-2;\n  }\n}\n\ntextarea.block-size--full {\n  @apply h-full;\n}\n\n.content,\n.hide {\n  @apply hidden;\n}\n\n.container {\n  @apply flex\n  justify-between\n  w-full;\n}\n\n.footer--end-only {\n  @apply justify-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  VNode,\n  Watch,\n  Method,\n  Host,\n  State,\n  forceUpdate,\n} from \"@stencil/core\";\nimport { throttle } from \"lodash-es\";\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  componentFocusable,\n  componentLoaded,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { guid } from \"../../utils/guid\";\nimport { Status } from \"../interfaces\";\nimport { Validation } from \"../functional/Validation\";\nimport { syncHiddenFormInput, TextualInputComponent } from \"../input/common/input\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CharacterLengthObj } from \"./interfaces\";\nimport { TextAreaMessages } from \"./assets/text-area/t9n\";\nimport { CSS, IDS, SLOTS, RESIZE_TIMEOUT } from \"./resources\";\n\n/**\n * @slot - A slot for adding text.\n * @slot footer-start - A slot for adding content to the start of the component's footer.\n * @slot footer-end - A slot for adding content to the end of the component's footer.\n */\n\n@Component({\n  tag: \"calcite-text-area\",\n  styleUrl: \"text-area.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TextArea\n  implements\n    FormComponent,\n    LabelableComponent,\n    LocalizedComponent,\n    LoadableComponent,\n    T9nComponent,\n    InteractiveComponent,\n    Omit<TextualInputComponent, \"pattern\">\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"autofocus\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the component's number of columns.\n   *\n   * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)\n   */\n  @Prop({ reflect: true }) columns: number;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * Specifies the minimum number of characters allowed.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\n\n  /**\n   * Specifies the maximum number of characters allowed.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\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: TextAreaMessages;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: IconNameOrString | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /**\n   * Specifies the placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * When `true`, the component's `value` can be read, but cannot be modified.\n   *\n   * @readonly\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies if the component is resizable. */\n  @Prop({ reflect: true }) resize: \"both\" | \"horizontal\" | \"vertical\" | \"none\" = \"both\";\n\n  /**\n   * Specifies the component's number of rows.\n   *\n   * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)\n   */\n  @Prop({ reflect: true }) rows: number;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\n\n  /**\n   * Specifies the wrapping mechanism for the text.\n   *\n   * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)\n   */\n  @Prop({ reflect: true }) wrap: \"soft\" | \"hard\" = \"soft\";\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<TextAreaMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Emitters\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Fires each time a new `value` is typed.\n   */\n  @Event() calciteTextAreaInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed and committed.\n   */\n  @Event() calciteTextAreaChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    connectLocalized(this);\n    connectMessages(this);\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    this.setTextAreaHeight();\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <textarea\n            aria-describedby={this.guid}\n            aria-errormessage={IDS.validationMessage}\n            aria-invalid={toAriaBoolean(\n              this.status === \"invalid\" || this.isCharacterLimitExceeded(),\n            )}\n            aria-label={getLabelText(this)}\n            autofocus={this.el.autofocus}\n            class={{\n              [CSS.readOnly]: this.readOnly,\n              [CSS.textAreaInvalid]: this.isCharacterLimitExceeded(),\n              [CSS.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,\n              [CSS.blockSizeFull]: !hasFooter,\n              [CSS.borderColor]: !hasFooter,\n            }}\n            cols={this.columns}\n            disabled={this.disabled}\n            name={this.name}\n            onChange={this.handleChange}\n            onInput={this.handleInput}\n            placeholder={this.placeholder}\n            readOnly={this.readOnly}\n            ref={this.setTextAreaEl}\n            required={this.required}\n            rows={this.rows}\n            value={this.value}\n            wrap={this.wrap}\n          />\n          <span class={{ [CSS.content]: true }}>\n            <slot onSlotchange={this.contentSlotChangeHandler} />\n          </span>\n          <footer\n            class={{\n              [CSS.footer]: true,\n              [CSS.readOnly]: this.readOnly,\n              [CSS.hide]: !hasFooter,\n            }}\n            ref={(el) => (this.footerEl = el as HTMLElement)}\n          >\n            <div\n              class={{\n                [CSS.container]: true,\n                [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,\n              }}\n            >\n              <slot\n                name={SLOTS.footerStart}\n                onSlotchange={(event) =>\n                  (this.startSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n              <slot\n                name={SLOTS.footerEnd}\n                onSlotchange={(event) =>\n                  (this.endSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n            </div>\n            {this.renderCharacterLimit()}\n          </footer>\n          <HiddenFormInputSlot component={this} />\n          {this.isCharacterLimitExceeded() && (\n            <span aria-hidden={true} aria-live=\"polite\" class={CSS.assistiveText} id={this.guid}>\n              {this.replacePlaceHoldersInMessages()}\n            </span>\n          )}\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              id={IDS.validationMessage}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\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.textAreaEl.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    await componentLoaded(this);\n    this.textAreaEl.select();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTextAreaElement;\n\n  defaultValue: TextArea[\"value\"];\n\n  footerEl: HTMLElement;\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  textAreaEl: HTMLTextAreaElement;\n\n  @State() defaultMessages: TextAreaMessages;\n\n  @State() endSlotHasElements: boolean;\n\n  @State() startSlotHasElements: boolean;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private guid = guid();\n\n  private localizedCharacterLengthObj: CharacterLengthObj;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  handleInput = (event: InputEvent): void => {\n    this.value = event.target[\"value\"];\n    this.calciteTextAreaInput.emit();\n  };\n\n  handleChange = (): void => {\n    this.calciteTextAreaChange.emit();\n  };\n\n  contentSlotChangeHandler = (): void => {\n    if (!this.value) {\n      const nodes = this.el.childNodes;\n      nodes.forEach((el) => {\n        if (el.nodeName === \"#text\") {\n          this.value = el.nodeValue.trim();\n        }\n      });\n    }\n  };\n\n  renderCharacterLimit = (): VNode | null => {\n    if (this.maxLength) {\n      this.localizedCharacterLengthObj = this.getLocalizedCharacterLength();\n      return (\n        <span class={CSS.characterLimit}>\n          <span class={{ [CSS.characterOverLimit]: this.isCharacterLimitExceeded() }}>\n            {this.localizedCharacterLengthObj.currentLength}\n          </span>\n          {\"/\"}\n          {this.localizedCharacterLengthObj.maxLength}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  getLocalizedCharacterLength(): CharacterLengthObj {\n    const currentLength = this.value ? this.value.length.toString() : \"0\";\n    const maxLength = this.maxLength.toString();\n    if (this.numberingSystem === \"latn\") {\n      return { currentLength, maxLength };\n    }\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"never\",\n      useGrouping: this.groupSeparator,\n    };\n    return {\n      currentLength: numberStringFormatter.localize(currentLength),\n      maxLength: numberStringFormatter.localize(maxLength),\n    };\n  }\n\n  resizeObserver = createObserver(\"resize\", async () => {\n    await componentLoaded(this);\n    const { textAreaHeight, textAreaWidth, elHeight, elWidth, footerHeight, footerWidth } =\n      this.getHeightAndWidthOfElements();\n    if (footerWidth > 0 && footerWidth !== textAreaWidth) {\n      this.footerEl.style.width = `${textAreaWidth}px`;\n    }\n    if (elWidth !== textAreaWidth || elHeight !== textAreaHeight + (footerHeight || 0)) {\n      this.setHeightAndWidthToAuto();\n    }\n  });\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.setCustomValidity(\"\");\n    if (this.isCharacterLimitExceeded()) {\n      input.setCustomValidity(this.replacePlaceHoldersInMessages());\n    }\n\n    syncHiddenFormInput(\"textarea\", this, input);\n  }\n\n  setTextAreaEl = (el: HTMLTextAreaElement): void => {\n    this.textAreaEl = el;\n    this.resizeObserver.observe(el);\n  };\n\n  setTextAreaHeight(): void {\n    const { textAreaHeight, elHeight, footerHeight } = this.getHeightAndWidthOfElements();\n    if (footerHeight > 0 && textAreaHeight + footerHeight != elHeight) {\n      this.textAreaEl.style.height = `${elHeight - footerHeight}px`;\n    }\n  }\n\n  getHeightAndWidthOfElements(): {\n    textAreaHeight: number;\n    textAreaWidth: number;\n    elHeight: number;\n    elWidth: number;\n    footerHeight: number;\n    footerWidth: number;\n  } {\n    const { height: textAreaHeight, width: textAreaWidth } =\n      this.textAreaEl.getBoundingClientRect();\n    const { height: elHeight, width: elWidth } = this.el.getBoundingClientRect();\n    const { height: footerHeight, width: footerWidth } = this.footerEl.getBoundingClientRect();\n\n    return {\n      textAreaHeight,\n      textAreaWidth,\n      elHeight,\n      elWidth,\n      footerHeight,\n      footerWidth,\n    };\n  }\n\n  private replacePlaceHoldersInMessages(): string {\n    return this.messages.tooLong\n      .replace(\"{maxLength}\", this.localizedCharacterLengthObj.maxLength)\n      .replace(\"{currentLength}\", this.localizedCharacterLengthObj.currentLength);\n  }\n\n  // height and width are set to auto here to avoid overlapping on to neighboring elements in the layout when user starts resizing.\n  // throttle is used to avoid flashing of textarea when user resizes.\n  private setHeightAndWidthToAuto = throttle(\n    (): void => {\n      if (this.resize === \"vertical\" || this.resize === \"both\") {\n        this.el.style.height = \"auto\";\n      }\n      if (this.resize === \"horizontal\" || this.resize === \"both\") {\n        this.el.style.width = \"auto\";\n      }\n    },\n    RESIZE_TIMEOUT,\n    { leading: false },\n  );\n\n  private isCharacterLimitExceeded(): boolean {\n    return this.value?.length > this.maxLength;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-67c605e1.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/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as t,c as i,h as e,g as a}from"./p-e7104b8d.js";import{c as n,u as o,d as l,I as r}from"./p-8f8cbbc7.js";import{c,s,a as d}from"./p-5b45eef3.js";import"./p-3c4fe54e.js";const h={container:"container",dividerContainer:"divider-container",divider:"divider",widthAuto:"width-auto",widthHalf:"width-half",widthFull:"width-full"};const p=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([kind=brand]){--calcite-internal-split-button-background:var(--calcite-color-brand);--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([kind=danger]){--calcite-internal-split-button-background:var(--calcite-color-status-danger);--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([kind=neutral]){--calcite-internal-split-button-background:var(--calcite-color-foreground-3);--calcite-internal-split-button-divider:var(--calcite-color-text-1)}:host([kind=inverse]){--calcite-internal-split-button-background:var(--calcite-color-inverse);--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([appearance=transparent]){--calcite-internal-split-button-background:transparent}:host([appearance=transparent]):host([kind=brand]){--calcite-internal-split-button-divider:var(--calcite-color-brand)}:host([appearance=transparent]):host([kind=danger]){--calcite-internal-split-button-divider:var(--calcite-color-status-danger)}:host([appearance=transparent]):host([kind=neutral]){--calcite-internal-split-button-divider:var(--calcite-color-text-1)}:host([appearance=transparent]):host([kind=inverse]){--calcite-internal-split-button-divider:var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline]):host([kind=danger]),:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline]):host([kind=inverse]){--calcite-internal-split-button-background:transparent}:host([appearance=outline-fill]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-background:var(--calcite-color-background)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-split-button-divider:var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-internal-split-button-divider:var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-split-button-divider:var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-divider:var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{display:flex;inline-size:1px;align-items:stretch;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;background-color:var(--calcite-internal-split-button-background)}.divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-internal-split-button-divider:var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-internal-split-button-divider:var(--calcite-color-status-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]):host([appearance=outline-fill]) .divider-container{background-color:var(--calcite-color-background)}:host([disabled]):host([appearance=outline]) .divider-container{background-color:transparent}: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 u=p;const b=class{constructor(e){t(this,e);this.calciteSplitButtonPrimaryClick=i(this,"calciteSplitButtonPrimaryClick",6);this.calciteSplitButtonSecondaryClick=i(this,"calciteSplitButtonSecondaryClick",6);this.calciteSplitButtonPrimaryClickHandler=()=>this.calciteSplitButtonPrimaryClick.emit();this.calciteSplitButtonSecondaryClickHandler=()=>this.calciteSplitButtonSecondaryClick.emit();this.appearance="solid";this.kind="brand";this.disabled=false;this.active=false;this.dropdownIconType="chevron";this.dropdownLabel=undefined;this.flipPlacements=undefined;this.loading=false;this.overlayPositioning="absolute";this.placement="bottom-end";this.primaryIconEnd=undefined;this.primaryIconFlipRtl=undefined;this.primaryIconStart=undefined;this.primaryLabel=undefined;this.primaryText=undefined;this.scale="m";this.width="auto"}handleDisabledChange(t){if(!t){this.active=false}}activeHandler(){if(this.disabled){this.active=false}}async setFocus(){await c(this);this.el.focus()}connectedCallback(){n(this)}componentWillLoad(){s(this)}componentDidLoad(){d(this)}componentDidRender(){o(this)}disconnectedCallback(){l(this)}render(){const t=this.width==="auto"?"auto":"full";return e(r,{key:"ee973a15275bc3f95af17c40a4b8badbe3462d79",disabled:this.disabled},e("div",{key:"b2c812632a9ae8cd96060fcc6b22d052e957a9a7",class:h.container},e("calcite-button",{key:"03a34e04ae9efa7811f1ac9d701fb230de7200a9",appearance:this.appearance,disabled:this.disabled,"icon-end":this.primaryIconEnd?this.primaryIconEnd:null,"icon-start":this.primaryIconStart?this.primaryIconStart:null,iconFlipRtl:this.primaryIconFlipRtl?this.primaryIconFlipRtl:null,kind:this.kind,label:this.primaryLabel,loading:this.loading,onClick:this.calciteSplitButtonPrimaryClickHandler,scale:this.scale,splitChild:"primary",type:"button",width:t},this.primaryText),e("div",{key:"1a1cfc004949b54b56cbc0f3076fb48e678ab314",class:h.dividerContainer},e("div",{key:"f38ecc61ec5712fe86924379347285977c285dc5",class:h.divider})),e("calcite-dropdown",{key:"719ccb5e274a7ccd04855daa1a39be9781fdcb76",disabled:this.disabled,flipPlacements:this.flipPlacements,onClick:this.calciteSplitButtonSecondaryClickHandler,open:this.active,overlayPositioning:this.overlayPositioning,placement:this.placement,scale:this.scale,"width-scale":this.scale},e("calcite-button",{key:"098292b17056e7431adaadc843ecee4a9453bb7a",appearance:this.appearance,disabled:this.disabled,"icon-start":this.dropdownIcon,kind:this.kind,label:this.dropdownLabel,scale:this.scale,slot:"trigger",splitChild:"secondary",type:"button"}),e("slot",{key:"cc73b47cb462df04f3572bb68565513f8abfa8a0"}))))}get dropdownIcon(){return this.dropdownIconType==="chevron"?"chevronDown":this.dropdownIconType==="caret"?"caretDown":this.dropdownIconType==="ellipsis"?"ellipsis":"handle-vertical"}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["handleDisabledChange"],active:["activeHandler"]}}};b.style=u;export{b as calcite_split_button};
-//# sourceMappingURL=p-67c605e1.entry.js.map

package/dist/calcite/p-67c605e1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","dividerContainer","divider","widthAuto","widthHalf","widthFull","splitButtonCss","CalciteSplitButtonStyle0","SplitButton","this","calciteSplitButtonPrimaryClickHandler","calciteSplitButtonPrimaryClick","emit","calciteSplitButtonSecondaryClickHandler","calciteSplitButtonSecondaryClick","handleDisabledChange","value","active","activeHandler","disabled","setFocus","componentFocusable","el","focus","connectedCallback","connectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","render","buttonWidth","width","h","InteractiveContainer","key","class","appearance","primaryIconEnd","primaryIconStart","iconFlipRtl","primaryIconFlipRtl","kind","label","primaryLabel","loading","onClick","scale","splitChild","type","primaryText","flipPlacements","open","overlayPositioning","placement","dropdownIcon","dropdownLabel","slot","dropdownIconType"],"sources":["src/components/split-button/resources.ts","src/components/split-button/split-button.scss?tag=calcite-split-button&encapsulation=shadow","src/components/split-button/split-button.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  dividerContainer: \"divider-container\",\n  divider: \"divider\",\n  widthAuto: \"width-auto\",\n  widthHalf: \"width-half\",\n  widthFull: \"width-full\",\n};\n",":host {\n  @apply inline-block;\n}\n\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-2/4;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n:host([kind=\"brand\"]) {\n  --calcite-internal-split-button-background: theme(\"colors.brand\");\n  --calcite-internal-split-button-divider: theme(\"colors.background.foreground.1\");\n}\n\n:host([kind=\"danger\"]) {\n  --calcite-internal-split-button-background: theme(\"colors.danger\");\n  --calcite-internal-split-button-divider: theme(\"colors.background.foreground.1\");\n}\n\n:host([kind=\"neutral\"]) {\n  --calcite-internal-split-button-background: theme(\"colors.background.foreground.3\");\n  --calcite-internal-split-button-divider: theme(\"colors.color.1\");\n}\n\n:host([kind=\"inverse\"]) {\n  --calcite-internal-split-button-background: var(--calcite-color-inverse);\n  --calcite-internal-split-button-divider: theme(\"colors.background.foreground.1\");\n}\n\n:host([appearance=\"transparent\"]) {\n  --calcite-internal-split-button-background: transparent;\n  &:host([kind=\"brand\"]) {\n    --calcite-internal-split-button-divider: theme(\"colors.brand\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-internal-split-button-divider: theme(\"colors.danger\");\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-internal-split-button-divider: theme(\"colors.color.1\");\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-internal-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n}\n\n:host([appearance=\"outline\"]) {\n  &:host([kind=\"brand\"]),\n  &:host([kind=\"danger\"]),\n  &:host([kind=\"neutral\"]),\n  &:host([kind=\"inverse\"]) {\n    --calcite-internal-split-button-background: transparent;\n  }\n}\n\n:host([appearance=\"outline-fill\"]) {\n  &:host([kind=\"brand\"]),\n  &:host([kind=\"danger\"]),\n  &:host([kind=\"neutral\"]),\n  &:host([kind=\"inverse\"]) {\n    --calcite-internal-split-button-background: var(--calcite-color-background);\n  }\n}\n\n:host([appearance=\"outline\"]),\n:host([appearance=\"outline-fill\"]) {\n  &:host([kind=\"brand\"]) {\n    --calcite-internal-split-button-divider: theme(\"colors.brand\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-internal-split-button-divider: theme(\"colors.danger\");\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-internal-split-button-divider: theme(\"borderColor.color.1\");\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-internal-split-button-divider: var(--calcite-color-inverse);\n  }\n}\n\n.container {\n  @apply flex items-stretch;\n  > calcite-dropdown > calcite-button {\n    @apply h-full align-top;\n  }\n}\n\n.divider-container {\n  @apply transition-default flex w-px items-stretch;\n  background-color: var(--calcite-internal-split-button-background);\n}\n\n.divider {\n  @apply my-1 inline-block w-px;\n  background-color: var(--calcite-internal-split-button-divider);\n}\n\n:host([appearance=\"outline-fill\"]),\n:host([appearance=\"outline\"]) {\n  .divider-container {\n    border-block: 1px solid var(--calcite-internal-split-button-divider);\n  }\n  &:hover .divider-container {\n    background-color: var(--calcite-internal-split-button-divider);\n  }\n}\n\n:host([appearance=\"outline-fill\"]:hover),\n:host([appearance=\"outline\"]:hover) {\n  .divider-container {\n    background-color: var(--calcite-internal-split-button-divider);\n  }\n}\n\n:host([appearance=\"outline-fill\"]:focus-within),\n:host([appearance=\"outline\"]:focus-within) {\n  &:host([kind=\"brand\"]) {\n    --calcite-internal-split-button-divider: theme(\"colors.brand-press\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-internal-split-button-divider: theme(\"colors.danger-press\");\n  }\n  .divider-container {\n    background-color: var(--calcite-internal-split-button-divider);\n  }\n}\n\n@include disabled() {\n  calcite-dropdown > calcite-button {\n    @apply pointer-events-none;\n  }\n  &:host([appearance=\"outline-fill\"]) .divider-container {\n    background-color: var(--calcite-color-background);\n  }\n  &:host([appearance=\"outline\"]) .divider-container {\n    background-color: transparent;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { FlipPlacement, MenuPlacement, OverlayPositioning } from \"../../utils/floating-ui\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { DropdownIconType } from \"../button/interfaces\";\nimport { Appearance, FlipContext, Kind, Scale, Width } from \"../interfaces\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown` content.\n */\n@Component({\n  tag: \"calcite-split-button\",\n  styleUrl: \"split-button.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class SplitButton implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\n    \"outline\" | \"outline-fill\" | \"solid\" | \"transparent\",\n    Appearance\n  > = \"solid\";\n\n  /** Specifies the kind of the component, which will apply to border and background, if applicable. */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind> =\n    \"brand\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(value: boolean): void {\n    if (!value) {\n      this.active = false;\n    }\n  }\n\n  /**\n   * When `true`, the component is active.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) active = false;\n\n  @Watch(\"active\")\n  activeHandler(): void {\n    if (this.disabled) {\n      this.active = false;\n    }\n  }\n\n  /** Specifies the icon used for the dropdown menu. */\n  @Prop({ reflect: true }) dropdownIconType: DropdownIconType = \"chevron\";\n\n  /** Accessible name for the dropdown menu. */\n  @Prop({ reflect: true }) dropdownLabel: string;\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: FlipPlacement[];\n\n  /**\n    When `true`, a busy indicator is displayed on the primary button.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /**\n   * Determines where the component will be positioned relative to the container element.\n   *\n   * @default \"bottom-end\"\n   */\n  @Prop({ reflect: true }) placement: MenuPlacement = \"bottom-end\";\n\n  /** Specifies an icon to display at the end of the primary button. */\n  @Prop({ reflect: true }) primaryIconEnd: IconNameOrString;\n\n  /**  Displays the `primaryIconStart` and/or `primaryIconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) primaryIconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the primary button. */\n  @Prop({ reflect: true }) primaryIconStart: IconNameOrString;\n\n  /** Accessible name for the primary button. */\n  @Prop({ reflect: true }) primaryLabel: string;\n\n  /** Text displayed in the primary button. */\n  @Prop({ reflect: true }) primaryText: string;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  /**\n   * Fires when the primary button is clicked.\n   */\n  @Event({ cancelable: false })\n  calciteSplitButtonPrimaryClick: EventEmitter<void>;\n\n  /**\n   * Fires when the dropdown menu is clicked.\n   */\n  @Event({ cancelable: false })\n  calciteSplitButtonSecondaryClick: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSplitButtonElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(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  }\n\n  render(): VNode {\n    const buttonWidth = this.width === \"auto\" ? \"auto\" : \"full\";\n\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div class={CSS.container}>\n          <calcite-button\n            appearance={this.appearance}\n            disabled={this.disabled}\n            icon-end={this.primaryIconEnd ? this.primaryIconEnd : null}\n            icon-start={this.primaryIconStart ? this.primaryIconStart : null}\n            iconFlipRtl={this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null}\n            kind={this.kind}\n            label={this.primaryLabel}\n            loading={this.loading}\n            onClick={this.calciteSplitButtonPrimaryClickHandler}\n            scale={this.scale}\n            splitChild={\"primary\"}\n            type=\"button\"\n            width={buttonWidth}\n          >\n            {this.primaryText}\n          </calcite-button>\n          <div class={CSS.dividerContainer}>\n            <div class={CSS.divider} />\n          </div>\n          <calcite-dropdown\n            disabled={this.disabled}\n            flipPlacements={this.flipPlacements}\n            onClick={this.calciteSplitButtonSecondaryClickHandler}\n            open={this.active}\n            overlayPositioning={this.overlayPositioning}\n            placement={this.placement}\n            scale={this.scale}\n            width-scale={this.scale}\n          >\n            <calcite-button\n              appearance={this.appearance}\n              disabled={this.disabled}\n              icon-start={this.dropdownIcon}\n              kind={this.kind}\n              label={this.dropdownLabel}\n              scale={this.scale}\n              slot=\"trigger\"\n              splitChild={\"secondary\"}\n              type=\"button\"\n            />\n            <slot />\n          </calcite-dropdown>\n        </div>\n      </InteractiveContainer>\n    );\n  }\n\n  private calciteSplitButtonPrimaryClickHandler = (): CustomEvent =>\n    this.calciteSplitButtonPrimaryClick.emit();\n\n  private calciteSplitButtonSecondaryClickHandler = (): CustomEvent =>\n    this.calciteSplitButtonSecondaryClick.emit();\n\n  private get dropdownIcon(): string {\n    return this.dropdownIconType === \"chevron\"\n      ? \"chevronDown\"\n      : this.dropdownIconType === \"caret\"\n        ? \"caretDown\"\n        : this.dropdownIconType === \"ellipsis\"\n          ? \"ellipsis\"\n          : \"handle-vertical\";\n  }\n}\n"],"mappings":";;;;;kLAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,iBAAkB,oBAClBC,QAAS,UACTC,UAAW,aACXC,UAAW,aACXC,UAAW,cCNb,MAAMC,EAAiB,y7JACvB,MAAAC,EAAeD,E,MCuCFE,EAAW,M,2LAgNdC,KAAAC,sCAAwC,IAC9CD,KAAKE,+BAA+BC,OAE9BH,KAAAI,wCAA0C,IAChDJ,KAAKK,iCAAiCF,O,gBAzMpC,Q,UAIF,Q,cAGkC,M,YAca,M,sBAUa,U,wEAa3B,M,wBAU+B,W,eAOd,a,kKAkBZ,I,WAGA,M,CAxExC,oBAAAG,CAAqBC,GACnB,IAAKA,EAAO,CACVP,KAAKQ,OAAS,K,EAYlB,aAAAC,GACE,GAAIT,KAAKU,SAAU,CACjBV,KAAKQ,OAAS,K,EA8ElB,cAAMG,SACEC,EAAmBZ,MACzBA,KAAKa,GAAGC,O,CAiBV,iBAAAC,GACEC,EAAmBhB,K,CAGrB,iBAAAiB,GACEC,EAAuBlB,K,CAGzB,gBAAAmB,GACEC,EAAmBpB,K,CAGrB,kBAAAqB,GACEC,EAAsBtB,K,CAGxB,oBAAAuB,GACEC,EAAsBxB,K,CAGxB,MAAAyB,GACE,MAAMC,EAAc1B,KAAK2B,QAAU,OAAS,OAAS,OAErD,OACEC,EAACC,EAAoB,CAAAC,IAAA,2CAACpB,SAAUV,KAAKU,UACnCkB,EAAA,OAAAE,IAAA,2CAAKC,MAAOzC,EAAIC,WACdqC,EAAA,kBAAAE,IAAA,2CACEE,WAAYhC,KAAKgC,WACjBtB,SAAUV,KAAKU,SAAQ,WACbV,KAAKiC,eAAiBjC,KAAKiC,eAAiB,KAAI,aAC9CjC,KAAKkC,iBAAmBlC,KAAKkC,iBAAmB,KAC5DC,YAAanC,KAAKoC,mBAAqBpC,KAAKoC,mBAAqB,KACjEC,KAAMrC,KAAKqC,KACXC,MAAOtC,KAAKuC,aACZC,QAASxC,KAAKwC,QACdC,QAASzC,KAAKC,sCACdyC,MAAO1C,KAAK0C,MACZC,WAAY,UACZC,KAAK,SACLjB,MAAOD,GAEN1B,KAAK6C,aAERjB,EAAA,OAAAE,IAAA,2CAAKC,MAAOzC,EAAIE,kBACdoC,EAAA,OAAAE,IAAA,2CAAKC,MAAOzC,EAAIG,WAElBmC,EAAA,oBAAAE,IAAA,2CACEpB,SAAUV,KAAKU,SACfoC,eAAgB9C,KAAK8C,eACrBL,QAASzC,KAAKI,wCACd2C,KAAM/C,KAAKQ,OACXwC,mBAAoBhD,KAAKgD,mBACzBC,UAAWjD,KAAKiD,UAChBP,MAAO1C,KAAK0C,MAAK,cACJ1C,KAAK0C,OAElBd,EAAA,kBAAAE,IAAA,2CACEE,WAAYhC,KAAKgC,WACjBtB,SAAUV,KAAKU,SAAQ,aACXV,KAAKkD,aACjBb,KAAMrC,KAAKqC,KACXC,MAAOtC,KAAKmD,cACZT,MAAO1C,KAAK0C,MACZU,KAAK,UACLT,WAAY,YACZC,KAAK,WAEPhB,EAAA,QAAAE,IAAA,+C,CAaV,gBAAYoB,GACV,OAAOlD,KAAKqD,mBAAqB,UAC7B,cACArD,KAAKqD,mBAAqB,QACxB,YACArD,KAAKqD,mBAAqB,WACxB,WACA,iB","ignoreList":[]}

package/dist/calcite/p-67e6ac12.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-const a={brand:"lightbulb",danger:"exclamationMarkTriangle",info:"information",success:"checkCircle",warning:"exclamationMarkTriangle"};export{a as K};
-//# sourceMappingURL=p-67e6ac12.js.map

package/dist/calcite/p-68012ee3.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/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as t,f as e,h as o,H as i,g as n}from"./p-e7104b8d.js";import{t as a}from"./p-27ab49c7.js";import{g as c}from"./p-6f580f9d.js";import{c as r,d as s,u as l,I as d}from"./p-8f8cbbc7.js";import{s as b,a as u,c as h}from"./p-5b45eef3.js";import{c as p,d as f}from"./p-29c291d1.js";import{c as m}from"./p-9a2f96d2.js";import{g as v}from"./p-cbed8c79.js";import{u as g,c as x,s as y,d as k}from"./p-c60c7e01.js";import{i as z}from"./p-3c4fe54e.js";import"./p-56bab01f.js";import"./p-c473b37c.js";const w={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",indicatorText:"indicator-text",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible",indicatorWithIcon:"indicator-with-icon",indicatorWithoutIcon:"indicator-without-icon"};const j={tooltip:"tooltip"};const C=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([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;background-color:transparent}.button{position:relative;margin:0px;display:flex;inline-size:auto;cursor:pointer;align-items:center;justify-content:flex-start;border-style:none;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);outline-color:transparent;background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));color:var(--calcite-action-text-color, var(--calcite-color-text-3));text-align:unset;flex:1 0 auto}.button:hover,.button:focus{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-action-text-color-pressed, var(--calcite-color-text-1))}.button: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          )}.button:active{background-color:var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3))}.icon-container{pointer-events:none;margin:0px;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1.5rem}.text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:margin;transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus{color:var(--calcite-action-text-color-pressed, var(--calcite-color-text-1));background-color:var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3))}:host([active]) .button:active{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) .text-container{opacity:var(--calcite-opacity-disabled)}:host([loading]) calcite-loader[inline]{margin-inline-end:0px}:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]) .button:active{background-color:var(--calcite-color-transparent-press)}:host([data-active]) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{margin-inline-end:0.5rem}:host([scale=m]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}.indicator-with-icon{position:relative}.indicator-with-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:0.25rem;inline-size:1rem;position:relative}.indicator-without-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-color-foreground-1);opacity:var(--calcite-opacity-disabled)}:host([disabled]):host([active]) .button,:host([disabled]):host([active]) .button:hover,:host([disabled]):host([active]) .button:focus{background-color:var(--calcite-color-foreground-3);opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}';const I=C;const L=class{constructor(o){t(this,o);this.mutationObserver=m("mutation",(()=>e(this)));this.guid=`calcite-action-${c()}`;this.indicatorId=`${this.guid}-indicator`;this.buttonId=`${this.guid}-button`;this.handleTooltipSlotChange=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));const o=e[0];if(o){o.referenceElement=this.buttonEl}};this.active=false;this.alignment=undefined;this.appearance="solid";this.compact=false;this.disabled=false;this.icon=undefined;this.iconFlipRtl=false;this.indicator=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined}onMessagesChange(){}effectiveLocaleChange(){g(this,this.effectiveLocale)}connectedCallback(){r(this);p(this);x(this);this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){b(this);if(z()){await y(this)}}componentDidLoad(){u(this)}disconnectedCallback(){s(this);f(this);k(this);this.mutationObserver?.disconnect()}componentDidRender(){l(this)}async setFocus(){await h(this);this.buttonEl?.focus()}renderTextContainer(){const{text:t,textEnabled:e}=this;const i={[w.textContainer]:true,[w.textContainerVisible]:e};return t?o("div",{class:i,key:"text-container"},t):null}renderIndicatorText(){const{indicator:t,messages:e,indicatorId:i,buttonId:n}=this;return o("div",{"aria-labelledby":n,"aria-live":"polite",class:w.indicatorText,id:i,role:"region"},t?e.indicator:null)}renderIconContainer(){const{loading:t,icon:e,scale:i,el:n,iconFlipRtl:a,indicator:c}=this;const r=i==="l"?"l":"m";const s=t?o("calcite-loader",{inline:true,label:this.messages.loading,scale:r}):null;const l=e?o("calcite-icon",{class:{[w.indicatorWithIcon]:c},flipRtl:a,icon:e,scale:v(this.scale)}):null;const d=s||l;const b=d||n.children?.length;const u=o("div",{class:{[w.slotContainer]:true,[w.slotContainerHidden]:t}},o("slot",null));return b?o("div",{"aria-hidden":"true",class:w.iconContainer,key:"icon-container"},d,u):null}render(){const{active:t,compact:e,disabled:n,icon:c,loading:r,textEnabled:s,label:l,text:b,indicator:u,indicatorId:h,buttonId:p,messages:f}=this;const m=l||b;const v=m?`${m}${u?` (${f.indicator})`:""}`:"";const g={[w.button]:true,[w.buttonTextVisible]:s,[w.buttonCompact]:e};return o(i,{key:"0e061330c72e61acb61e53d2d94e1478c03c8083"},o(d,{key:"d34028dbfeb72982aa3fe6847663b16672f3e6ea",disabled:n},o("button",{key:"c05c642ffb09bb466c0c4d1be0b8aac79b2dcdff","aria-busy":a(r),"aria-controls":u?h:null,"aria-disabled":a(n),"aria-label":v,"aria-pressed":a(t),class:g,disabled:n,id:p,ref:t=>this.buttonEl=t},this.renderIconContainer(),this.renderTextContainer(),!c&&u&&o("div",{class:w.indicatorWithoutIcon,key:"indicator-no-icon"})),o("slot",{key:"8ab8d03371d7cd7211e5ab1a083b9b7b9017db79",name:j.tooltip,onSlotchange:this.handleTooltipSlotChange}),this.renderIndicatorText()))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};L.style=I;export{L as calcite_action};
-//# sourceMappingURL=p-68012ee3.entry.js.map