@esri/calcite-components 2.7.0-next.1 → 2.7.0-next.2

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

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

package/dist/calcite/p-c1f0bcd1.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as e,a as t}from"./p-a6db335a.js";function o(){const{classList:o}=document.body;const n=window.matchMedia("(prefers-color-scheme: dark)").matches;const c=()=>o.contains(e)||o.contains(t)&&n?"dark":"light";const d=e=>document.body.dispatchEvent(new CustomEvent("calciteModeChange",{bubbles:true,detail:{mode:e}}));const i=e=>{s!==e&&d(e);s=e};let s=c();d(s);window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(e=>i(e.matches?"dark":"light")));new MutationObserver((()=>i(c()))).observe(document.body,{attributes:true,attributeFilter:["class"]})}function n(){const e=typeof window!=="undefined"&&typeof location!=="undefined"&&typeof document!=="undefined"&&window.location===location&&window.document===document;if(e){if(document.readyState==="interactive"){o()}else{document.addEventListener("DOMContentLoaded",(()=>o()),{once:true})}}}const c=n;export{c as g};
+//# sourceMappingURL=p-c1f0bcd1.js.map

package/dist/calcite/p-c2404e3b.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+class t{constructor(){this._formatterCache=new Map;this._commonDateTimeFormatterOptions={year:"numeric",month:"2-digit",day:"2-digit",timeZoneName:"shortOffset"}}get name(){return"native"}create(t){return new Date(t)}increase(t){const e=864e5;return new Date(t.getTime()+e)}formatToIsoDateString(t){const e=t.getFullYear();const n=t.getMonth()+1;const s=t.getDate();return`${e}-${n.toString().padStart(2,"0")}-${s.toString().padStart(2,"0")}`}isoToTimeZone(t,e){const n=this._toDate(t);const s=this._getFormatter(e);const r=s.formatToParts(n);const[o]=r.filter((({type:t})=>t==="timeZoneName")).map((({value:t})=>t));const i=this._getTimeZoneOffsetInMins(o);const a=n.getMinutes()-(n.getTimezoneOffset()-i);n.setMinutes(a);return n}same(t,e){return t.getTime()===e.getTime()}_toDate(t){return new Date(t)}_getFormatter(t){let e=this._formatterCache.get(t);if(!e){e=new Intl.DateTimeFormat("en-US",{timeZone:t,...this._commonDateTimeFormatterOptions});this._formatterCache.set(t,e)}return e}_getTimeZoneOffsetInMins(t){const[e,...n]=t.slice(3);const[s,r]=n.join("").split(":");const o=e==="+"?1:-1;return o*(Number(s)*60+Number(r||0))}}export{t as DateEngine};
+//# sourceMappingURL=p-c2404e3b.js.map

package/dist/calcite/p-c24ce2a4.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as t,c as i,h as a,H as s,g as e}from"./p-b803ea41.js";import{c as n}from"./p-4c100949.js";import{s as l,a as o,c}from"./p-395e11a4.js";import{V as h}from"./p-a3f74f31.js";const r={itemWrapper:"item-wrapper"};const d=":host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-md) * -1)}.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}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(a){t(this,a);this.calciteRadioButtonGroupChange=i(this,"calciteRadioButtonGroupChange",6);this.mutationObserver=n("mutation",(()=>this.passPropsToRadioButtons()));this.passPropsToRadioButtons=()=>{this.radioButtons=Array.from(this.el.querySelectorAll("calcite-radio-button"));this.selectedItem=Array.from(this.radioButtons).find((t=>t.checked))||null;if(this.radioButtons.length>0){this.radioButtons.forEach((t=>{t.disabled=this.disabled||t.disabled;t.hidden=this.el.hidden;t.name=this.name;t.required=this.required;t.scale=this.scale}))}};this.disabled=false;this.layout="horizontal";this.name=undefined;this.required=false;this.selectedItem=null;this.scale="m";this.status="idle";this.validationMessage=undefined;this.validationIcon=undefined;this.radioButtons=[]}handleHiddenChange(){this.passPropsToRadioButtons()}onDisabledChange(){this.passPropsToRadioButtons()}onLayoutChange(){this.passPropsToRadioButtons()}onScaleChange(){this.passPropsToRadioButtons()}connectedCallback(){this.passPropsToRadioButtons();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentWillLoad(){l(this)}componentDidLoad(){o(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}getFocusableRadioButton(){return this.radioButtons.find((t=>!t.disabled))??null}async setFocus(){await c(this);if(this.selectedItem&&!this.selectedItem.disabled){return this.selectedItem.setFocus()}if(this.radioButtons.length>0){return this.getFocusableRadioButton()?.setFocus()}}radioButtonChangeHandler(t){this.selectedItem=t.target;this.calciteRadioButtonGroupChange.emit()}render(){return a(s,{role:"radiogroup"},a("div",{class:r.itemWrapper},a("slot",null)),this.validationMessage&&this.status==="invalid"?a(h,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null)}get el(){return e(this)}static get watchers(){return{hidden:["handleHiddenChange"],disabled:["onDisabledChange"],layout:["onLayoutChange"],scale:["onScaleChange"]}}};p.style=d;export{p as calcite_radio_button_group};
+//# sourceMappingURL=p-c24ce2a4.entry.js.map

package/dist/calcite/p-c4f216b5.entry.js

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

package/dist/calcite/p-c518ebf8.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as t,c as i,h as e,H as s,g as o}from"./p-b803ea41.js";import{q as n,i as r,y as a,t as l}from"./p-45ff4eb2.js";import{c,b as h,a as f,r as d,F as u}from"./p-fe32cbd2.js";import{g as p}from"./p-61de3618.js";import{o as m}from"./p-fe4ceb2a.js";import{F as w}from"./p-ecba2fa5.js";import"./p-a6db335a.js";import"./p-c526578a.js";const g={container:"container"};const v=300;const b=500;const y="aria-describedby";function x(t){const{referenceElement:i}=t;return(typeof i==="string"?n(t,{id:i}):i)||null}class E{constructor(){this.registeredElements=new WeakMap;this.registeredShadowRootCounts=new WeakMap;this.hoverOpenTimeout=null;this.hoverCloseTimeout=null;this.hoveredTooltip=null;this.clickedTooltip=null;this.activeTooltip=null;this.registeredElementCount=0;this.queryTooltip=t=>{const{registeredElements:i}=this;const e=t.find((t=>i.has(t)));return i.get(e)};this.keyDownHandler=t=>{if(t.key==="Escape"&&!t.defaultPrevented){const{activeTooltip:i}=this;if(i?.open){this.clearHoverTimeout();this.closeActiveTooltip();const e=x(i);if(e instanceof Element&&e.contains(t.target)){t.preventDefault()}}}};this.pointerMoveHandler=t=>{const i=t.composedPath();const{activeTooltip:e}=this;const s=e?.open&&i.includes(e);if(s){this.clearHoverTimeout();return}const o=this.queryTooltip(i);this.hoveredTooltip=o;if(this.isClosableClickedTooltip(o)){return}this.clickedTooltip=null;if(o){this.openHoveredTooltip(o)}else if(e){this.closeHoveredTooltip()}};this.pointerDownHandler=t=>{if(!r(t)){return}const i=this.queryTooltip(t.composedPath());this.clickedTooltip=i;if(i?.closeOnClick){this.toggleTooltip(i,false);this.clearHoverTimeout()}};this.focusInHandler=t=>{this.queryFocusedTooltip(t,true)};this.focusOutHandler=t=>{this.queryFocusedTooltip(t,false)};this.openHoveredTooltip=t=>{this.hoverOpenTimeout=window.setTimeout((()=>{if(this.hoverOpenTimeout===null){return}this.clearHoverCloseTimeout();if(this.activeTooltip===this.hoveredTooltip){return}this.closeActiveTooltip();if(t!==this.hoveredTooltip){return}this.toggleTooltip(t,true)}),this.activeTooltip?0:v)};this.closeHoveredTooltip=()=>{this.hoverCloseTimeout=window.setTimeout((()=>{if(this.hoverCloseTimeout===null){return}this.closeActiveTooltip()}),b)}}registerElement(t,i){this.registeredElementCount++;this.registeredElements.set(t,i);const e=this.getReferenceElShadowRootNode(t);if(e){this.registerShadowRoot(e)}if(this.registeredElementCount===1){this.addListeners()}}unregisterElement(t){const i=this.getReferenceElShadowRootNode(t);if(i){this.unregisterShadowRoot(i)}if(this.registeredElements.delete(t)){this.registeredElementCount--}if(this.registeredElementCount===0){this.removeListeners()}}addShadowListeners(t){t.addEventListener("focusin",this.focusInHandler,{capture:true});t.addEventListener("focusout",this.focusOutHandler,{capture:true})}removeShadowListeners(t){t.removeEventListener("focusin",this.focusInHandler,{capture:true});t.removeEventListener("focusout",this.focusOutHandler,{capture:true})}addListeners(){window.addEventListener("keydown",this.keyDownHandler,{capture:true});window.addEventListener("pointermove",this.pointerMoveHandler,{capture:true});window.addEventListener("pointerdown",this.pointerDownHandler,{capture:true});window.addEventListener("focusin",this.focusInHandler,{capture:true});window.addEventListener("focusout",this.focusOutHandler,{capture:true})}removeListeners(){window.removeEventListener("keydown",this.keyDownHandler,{capture:true});window.removeEventListener("pointermove",this.pointerMoveHandler,{capture:true});window.removeEventListener("pointerdown",this.pointerDownHandler,{capture:true});window.removeEventListener("focusin",this.focusInHandler,{capture:true});window.removeEventListener("focusout",this.focusOutHandler,{capture:true})}clearHoverOpenTimeout(){window.clearTimeout(this.hoverOpenTimeout);this.hoverOpenTimeout=null}clearHoverCloseTimeout(){window.clearTimeout(this.hoverCloseTimeout);this.hoverCloseTimeout=null}clearHoverTimeout(){this.clearHoverOpenTimeout();this.clearHoverCloseTimeout()}closeActiveTooltip(){const{activeTooltip:t}=this;if(t?.open){this.toggleTooltip(t,false)}}toggleFocusedTooltip(t,i){this.closeActiveTooltip();if(i){this.clearHoverTimeout()}this.toggleTooltip(t,i)}toggleTooltip(t,i){t.open=i;this.activeTooltip=i?t:null}queryFocusedTooltip(t,i){const e=this.queryTooltip(t.composedPath());if(!e||this.isClosableClickedTooltip(e)){return}this.toggleFocusedTooltip(e,i)}isClosableClickedTooltip(t){return t?.closeOnClick&&t===this.clickedTooltip}registerShadowRoot(t){const{registeredShadowRootCounts:i}=this;const e=(i.get(t)??0)+1;if(e===1){this.addShadowListeners(t)}i.set(t,e)}unregisterShadowRoot(t){const{registeredShadowRootCounts:i}=this;const e=i.get(t)-1;if(e===0){this.removeShadowListeners(t)}i.set(t,e)}getReferenceElShadowRootNode(t){return t instanceof Element?a(t):null}}const k=":host{--calcite-floating-ui-z-index:var(--calcite-tooltip-z-index, var(--calcite-z-index-tooltip));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}.container{position:relative;overflow:hidden;border-radius:0.25rem;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const H=new E;const T=class{constructor(e){t(this,e);this.calciteTooltipBeforeClose=i(this,"calciteTooltipBeforeClose",6);this.calciteTooltipClose=i(this,"calciteTooltipClose",6);this.calciteTooltipBeforeOpen=i(this,"calciteTooltipBeforeOpen",6);this.calciteTooltipOpen=i(this,"calciteTooltipOpen",6);this.guid=`calcite-tooltip-${p()}`;this.hasLoaded=false;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.setUpReferenceElement=(t=true)=>{this.removeReferences();this.effectiveReferenceElement=x(this.el);c(this,this.effectiveReferenceElement,this.el);const{el:i,referenceElement:e,effectiveReferenceElement:s}=this;if(t&&e&&!s){console.warn(`${i.tagName}: reference-element id "${e}" was not found.`,{el:i})}this.addReferences()};this.getId=()=>this.el.id||this.guid;this.addReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t){return}const i=this.getId();if("setAttribute"in t){t.setAttribute(y,i)}H.registerElement(t,this.el)};this.removeReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t){return}if("removeAttribute"in t){t.removeAttribute(y)}H.unregisterElement(t)};this.closeOnClick=false;this.label=undefined;this.offsetDistance=h;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.referenceElement=undefined;this.effectiveReferenceElement=undefined;this.floatingLayout="vertical"}offsetDistanceOffsetHandler(){this.reposition(true)}offsetSkiddingHandler(){this.reposition(true)}openHandler(){m(this);this.reposition(true)}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}referenceElementHandler(){this.setUpReferenceElement()}connectedCallback(){this.setUpReferenceElement(this.hasLoaded);if(this.open){m(this)}c(this,this.effectiveReferenceElement,this.el)}async componentWillLoad(){if(this.open){m(this)}}componentDidLoad(){if(this.referenceElement&&!this.effectiveReferenceElement){this.setUpReferenceElement()}this.reposition(true);this.hasLoaded=true}disconnectedCallback(){this.removeReferences();f(this,this.effectiveReferenceElement,this.el)}async reposition(t=false){const{el:i,effectiveReferenceElement:e,placement:s,overlayPositioning:o,offsetDistance:n,offsetSkidding:r,arrowEl:a}=this;return d(this,{floatingEl:i,referenceEl:e,overlayPositioning:o,placement:s,offsetDistance:n,offsetSkidding:r,arrowEl:a,type:"tooltip"},t)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit()}render(){const{effectiveReferenceElement:t,label:i,open:o,floatingLayout:n}=this;const r=t&&o;const a=!r;return e(s,{"aria-hidden":l(a),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":a,id:this.getId(),role:"tooltip"},e("div",{class:{[u.animation]:true,[u.animationActive]:r},ref:this.setTransitionEl},e(w,{floatingLayout:n,ref:t=>this.arrowEl=t}),e("div",{class:g.container},e("slot",null))))}get el(){return o(this)}static get watchers(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}}};T.style=k;export{T as calcite_tooltip};
+//# sourceMappingURL=p-c518ebf8.entry.js.map

package/dist/calcite/p-c526578a.js

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

package/dist/calcite/p-c818f40a.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as i,i as r}from"./p-c526578a.js";var t="Expected a function";function n(n,a,e){var o=true,f=true;if(typeof n!="function"){throw new TypeError(t)}if(r(e)){o="leading"in e?!!e.leading:o;f="trailing"in e?!!e.trailing:f}return i(n,a,{leading:o,maxWait:a,trailing:f})}export{n as t};
+//# sourceMappingURL=p-c818f40a.js.map

package/dist/calcite/p-caa4e973.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as e,c as t,h as s,H as o,g as i}from"./p-b803ea41.js";import{g as a}from"./p-45ff4eb2.js";import{c as n,u as l,d as c,I as r}from"./p-e2450177.js";import{s as d,a as h,c as f}from"./p-395e11a4.js";import{c as p,d as b}from"./p-3e11754e.js";import{c as m,s as u,d as g,u as v}from"./p-f70e0d88.js";import{S as k}from"./p-0586ac07.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-4c100949.js";const w={backButton:"back-button"};const y={backLeft:"chevron-left",backRight:"chevron-right"};const C={actionBar:"action-bar",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};const j=":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{position:relative;display:flex;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}calcite-panel{--calcite-panel-footer-padding:var(--calcite-flow-item-footer-padding);--calcite-panel-header-border-block-end:var(--calcite-flow-item-header-border-block-end)}:host([hidden]){display:none}[hidden]{display:none}";const x=class{constructor(s){e(this,s);this.calciteFlowItemBack=t(this,"calciteFlowItemBack",7);this.calciteFlowItemScroll=t(this,"calciteFlowItemScroll",6);this.calciteFlowItemClose=t(this,"calciteFlowItemClose",6);this.calciteFlowItemToggle=t(this,"calciteFlowItemToggle",6);this.handlePanelScroll=e=>{e.stopPropagation();this.calciteFlowItemScroll.emit()};this.handlePanelClose=e=>{e.stopPropagation();this.calciteFlowItemClose.emit()};this.handlePanelToggle=e=>{e.stopPropagation();this.collapsed=e.target.collapsed;this.calciteFlowItemToggle.emit()};this.backButtonClick=()=>{this.calciteFlowItemBack.emit()};this.setBackRef=e=>{this.backButtonEl=e};this.setContainerRef=e=>{this.containerEl=e};this.closable=false;this.closed=false;this.collapsed=false;this.collapseDirection="down";this.collapsible=false;this.beforeBack=undefined;this.description=undefined;this.disabled=false;this.heading=undefined;this.headingLevel=undefined;this.loading=false;this.menuOpen=false;this.messageOverrides=undefined;this.messages=undefined;this.overlayPositioning="absolute";this.showBackButton=false;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}connectedCallback(){n(this);p(this);m(this)}async componentWillLoad(){await u(this);d(this)}componentDidRender(){l(this)}disconnectedCallback(){c(this);b(this);g(this)}componentDidLoad(){h(this)}effectiveLocaleChange(){v(this,this.effectiveLocale)}async setFocus(){await f(this);const{backButtonEl:e,containerEl:t}=this;if(e){return e.setFocus()}else if(t){return t.setFocus()}}async scrollContentTo(e){await(this.containerEl?.scrollContentTo(e))}renderBackButton(){const{el:e}=this;const t=a(e)==="rtl";const{showBackButton:o,backButtonClick:i,messages:n}=this;const l=n.back;const c=t?y.backRight:y.backLeft;return o?s("calcite-action",{"aria-label":l,class:w.backButton,icon:c,key:"flow-back-button",onClick:i,scale:"s",slot:"header-actions-start",text:l,title:l,ref:this.setBackRef}):null}render(){const{collapsed:e,collapseDirection:t,collapsible:i,closable:a,closed:n,description:l,disabled:c,heading:d,headingLevel:h,loading:f,menuOpen:p,messages:b,overlayPositioning:m}=this;return s(o,null,s(r,{disabled:c},s("calcite-panel",{closable:a,closed:n,collapseDirection:t,collapsed:e,collapsible:i,description:l,disabled:c,heading:d,headingLevel:h,loading:f,menuOpen:p,messageOverrides:b,onCalcitePanelClose:this.handlePanelClose,onCalcitePanelScroll:this.handlePanelScroll,onCalcitePanelToggle:this.handlePanelToggle,overlayPositioning:m,ref:this.setContainerRef},this.renderBackButton(),s("slot",{name:C.actionBar,slot:k.actionBar}),s("slot",{name:C.headerActionsStart,slot:k.headerActionsStart}),s("slot",{name:C.headerActionsEnd,slot:k.headerActionsEnd}),s("slot",{name:C.headerContent,slot:k.headerContent}),s("slot",{name:C.headerMenuActions,slot:k.headerMenuActions}),s("slot",{name:C.fab,slot:k.fab}),s("slot",{name:C.footerActions,slot:k.footerActions}),s("slot",{name:C.footer,slot:k.footer}),s("slot",null))))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};x.style=j;export{x as calcite_flow_item};
+//# sourceMappingURL=p-caa4e973.entry.js.map

package/dist/calcite/p-cc38ef82.js

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

package/dist/calcite/p-ccedf69e.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as e}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var o={name:"it",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"tra %s",past:"%s fa",s:"qualche secondo",m:"un minuto",mm:"%d minuti",h:"un' ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},ordinal:function e(o){return o+"º"}};e.locale(o,null,true);export default o;
+//# sourceMappingURL=p-ccedf69e.js.map

package/dist/calcite/p-cef3ebc6.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as t,c as e,h as s,g as n,F as i}from"./p-b803ea41.js";import{i as o,g as r,d as a,j as l}from"./p-45ff4eb2.js";import{C as c,n as h,a as u,o as d,b as f,c as p,p as g,d as b,t as m,e as w,f as y,g as v,j as k,i as x,r as C,k as M}from"./p-e9372c0b.js";import{c as S,d as A,u as j,I as z}from"./p-e2450177.js";import{i as F}from"./p-18fefdd4.js";import{c as O,s as $,a as D}from"./p-395e11a4.js";import{c as I,d as q}from"./p-3e11754e.js";import{r as E,c as N,a as L}from"./p-3cb9d125.js";import{u as K,s as U,c as P,d as T}from"./p-f70e0d88.js";import{t as _}from"./p-c818f40a.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-4ff2dc44.js";import"./p-4c100949.js";import"./p-c526578a.js";function B(t,e,s){return s={path:e,exports:{},require:function(t,e){return H()}},t(s,s.exports),s.exports}function H(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var V={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};var J=function t(e){if(!e||typeof e==="string"){return false}return e instanceof Array||Array.isArray(e)||e.length>=0&&(e.splice instanceof Function||Object.getOwnPropertyDescriptor(e,e.length-1)&&e.constructor.name!=="String")};var R=B((function(t){var e=Array.prototype.concat;var s=Array.prototype.slice;var n=t.exports=function t(n){var i=[];for(var o=0,r=n.length;o<r;o++){var a=n[o];if(J(a)){i=e.call(i,s.call(a))}else{i.push(a)}}return i};n.wrap=function(t){return function(){return t(n(arguments))}}}));var X=B((function(t){var e=Object.hasOwnProperty;var s=Object.create(null);for(var n in V){if(e.call(V,n)){s[V[n]]=n}}var i=t.exports={to:{},get:{}};i.get=function(t){var e=t.substring(0,3).toLowerCase();var s;var n;switch(e){case"hsl":s=i.get.hsl(t);n="hsl";break;case"hwb":s=i.get.hwb(t);n="hwb";break;default:s=i.get.rgb(t);n="rgb";break}if(!s){return null}return{model:n,value:s}};i.get.rgb=function(t){if(!t){return null}var s=/^#([a-f0-9]{3,4})$/i;var n=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i;var i=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var r=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var a=/^(\w+)$/;var l=[0,0,0,1];var c;var h;var u;if(c=t.match(n)){u=c[2];c=c[1];for(h=0;h<3;h++){var d=h*2;l[h]=parseInt(c.slice(d,d+2),16)}if(u){l[3]=parseInt(u,16)/255}}else if(c=t.match(s)){c=c[1];u=c[3];for(h=0;h<3;h++){l[h]=parseInt(c[h]+c[h],16)}if(u){l[3]=parseInt(u+u,16)/255}}else if(c=t.match(i)){for(h=0;h<3;h++){l[h]=parseInt(c[h+1],0)}if(c[4]){if(c[5]){l[3]=parseFloat(c[4])*.01}else{l[3]=parseFloat(c[4])}}}else if(c=t.match(r)){for(h=0;h<3;h++){l[h]=Math.round(parseFloat(c[h+1])*2.55)}if(c[4]){if(c[5]){l[3]=parseFloat(c[4])*.01}else{l[3]=parseFloat(c[4])}}}else if(c=t.match(a)){if(c[1]==="transparent"){return[0,0,0,0]}if(!e.call(V,c[1])){return null}l=V[c[1]];l[3]=1;return l}else{return null}for(h=0;h<3;h++){l[h]=o(l[h],0,255)}l[3]=o(l[3],0,1);return l};i.get.hsl=function(t){if(!t){return null}var e=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var s=t.match(e);if(s){var n=parseFloat(s[4]);var i=(parseFloat(s[1])%360+360)%360;var r=o(parseFloat(s[2]),0,100);var a=o(parseFloat(s[3]),0,100);var l=o(isNaN(n)?1:n,0,1);return[i,r,a,l]}return null};i.get.hwb=function(t){if(!t){return null}var e=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var s=t.match(e);if(s){var n=parseFloat(s[4]);var i=(parseFloat(s[1])%360+360)%360;var r=o(parseFloat(s[2]),0,100);var a=o(parseFloat(s[3]),0,100);var l=o(isNaN(n)?1:n,0,1);return[i,r,a,l]}return null};i.to.hex=function(){var t=R(arguments);return"#"+r(t[0])+r(t[1])+r(t[2])+(t[3]<1?r(Math.round(t[3]*255)):"")};i.to.rgb=function(){var t=R(arguments);return t.length<4||t[3]===1?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"};i.to.rgb.percent=function(){var t=R(arguments);var e=Math.round(t[0]/255*100);var s=Math.round(t[1]/255*100);var n=Math.round(t[2]/255*100);return t.length<4||t[3]===1?"rgb("+e+"%, "+s+"%, "+n+"%)":"rgba("+e+"%, "+s+"%, "+n+"%, "+t[3]+")"};i.to.hsl=function(){var t=R(arguments);return t.length<4||t[3]===1?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};i.to.hwb=function(){var t=R(arguments);var e="";if(t.length>=4&&t[3]!==1){e=", "+t[3]}return"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"};i.to.keyword=function(t){return s[t.slice(0,3)]};function o(t,e,s){return Math.min(Math.max(e,t),s)}function r(t){var e=Math.round(t).toString(16).toUpperCase();return e.length<2?"0"+e:e}}));var W={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const G={};for(const t of Object.keys(W)){G[W[t]]=t}const Y={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var Q=Y;for(const t of Object.keys(Y)){if(!("channels"in Y[t])){throw new Error("missing channels property: "+t)}if(!("labels"in Y[t])){throw new Error("missing channel labels property: "+t)}if(Y[t].labels.length!==Y[t].channels){throw new Error("channel and label counts mismatch: "+t)}const{channels:e,labels:s}=Y[t];delete Y[t].channels;delete Y[t].labels;Object.defineProperty(Y[t],"channels",{value:e});Object.defineProperty(Y[t],"labels",{value:s})}Y.rgb.hsl=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.min(e,s,n);const o=Math.max(e,s,n);const r=o-i;let a;let l;if(o===i){a=0}else if(e===o){a=(s-n)/r}else if(s===o){a=2+(n-e)/r}else if(n===o){a=4+(e-s)/r}a=Math.min(a*60,360);if(a<0){a+=360}const c=(i+o)/2;if(o===i){l=0}else if(c<=.5){l=r/(o+i)}else{l=r/(2-o-i)}return[a,l*100,c*100]};Y.rgb.hsv=function(t){let e;let s;let n;let i;let o;const r=t[0]/255;const a=t[1]/255;const l=t[2]/255;const c=Math.max(r,a,l);const h=c-Math.min(r,a,l);const u=function(t){return(c-t)/6/h+1/2};if(h===0){i=0;o=0}else{o=h/c;e=u(r);s=u(a);n=u(l);if(r===c){i=n-s}else if(a===c){i=1/3+e-n}else if(l===c){i=2/3+s-e}if(i<0){i+=1}else if(i>1){i-=1}}return[i*360,o*100,c*100]};Y.rgb.hwb=function(t){const e=t[0];const s=t[1];let n=t[2];const i=Y.rgb.hsl(t)[0];const o=1/255*Math.min(e,Math.min(s,n));n=1-1/255*Math.max(e,Math.max(s,n));return[i,o*100,n*100]};Y.rgb.cmyk=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.min(1-e,1-s,1-n);const o=(1-e-i)/(1-i)||0;const r=(1-s-i)/(1-i)||0;const a=(1-n-i)/(1-i)||0;return[o*100,r*100,a*100,i*100]};function Z(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}Y.rgb.keyword=function(t){const e=G[t];if(e){return e}let s=Infinity;let n;for(const e of Object.keys(W)){const i=W[e];const o=Z(t,i);if(o<s){s=o;n=e}}return n};Y.keyword.rgb=function(t){return W[t]};Y.rgb.xyz=function(t){let e=t[0]/255;let s=t[1]/255;let n=t[2]/255;e=e>.04045?((e+.055)/1.055)**2.4:e/12.92;s=s>.04045?((s+.055)/1.055)**2.4:s/12.92;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92;const i=e*.4124+s*.3576+n*.1805;const o=e*.2126+s*.7152+n*.0722;const r=e*.0193+s*.1192+n*.9505;return[i*100,o*100,r*100]};Y.rgb.lab=function(t){const e=Y.rgb.xyz(t);let s=e[0];let n=e[1];let i=e[2];s/=95.047;n/=100;i/=108.883;s=s>.008856?s**(1/3):7.787*s+16/116;n=n>.008856?n**(1/3):7.787*n+16/116;i=i>.008856?i**(1/3):7.787*i+16/116;const o=116*n-16;const r=500*(s-n);const a=200*(n-i);return[o,r,a]};Y.hsl.rgb=function(t){const e=t[0]/360;const s=t[1]/100;const n=t[2]/100;let i;let o;let r;if(s===0){r=n*255;return[r,r,r]}if(n<.5){i=n*(1+s)}else{i=n+s-n*s}const a=2*n-i;const l=[0,0,0];for(let t=0;t<3;t++){o=e+1/3*-(t-1);if(o<0){o++}if(o>1){o--}if(6*o<1){r=a+(i-a)*6*o}else if(2*o<1){r=i}else if(3*o<2){r=a+(i-a)*(2/3-o)*6}else{r=a}l[t]=r*255}return l};Y.hsl.hsv=function(t){const e=t[0];let s=t[1]/100;let n=t[2]/100;let i=s;const o=Math.max(n,.01);n*=2;s*=n<=1?n:2-n;i*=o<=1?o:2-o;const r=(n+s)/2;const a=n===0?2*i/(o+i):2*s/(n+s);return[e,a*100,r*100]};Y.hsv.rgb=function(t){const e=t[0]/60;const s=t[1]/100;let n=t[2]/100;const i=Math.floor(e)%6;const o=e-Math.floor(e);const r=255*n*(1-s);const a=255*n*(1-s*o);const l=255*n*(1-s*(1-o));n*=255;switch(i){case 0:return[n,l,r];case 1:return[a,n,r];case 2:return[r,n,l];case 3:return[r,a,n];case 4:return[l,r,n];case 5:return[n,r,a]}};Y.hsv.hsl=function(t){const e=t[0];const s=t[1]/100;const n=t[2]/100;const i=Math.max(n,.01);let o;let r;r=(2-s)*n;const a=(2-s)*i;o=s*i;o/=a<=1?a:2-a;o=o||0;r/=2;return[e,o*100,r*100]};Y.hwb.rgb=function(t){const e=t[0]/360;let s=t[1]/100;let n=t[2]/100;const i=s+n;let o;if(i>1){s/=i;n/=i}const r=Math.floor(6*e);const a=1-n;o=6*e-r;if((r&1)!==0){o=1-o}const l=s+o*(a-s);let c;let h;let u;switch(r){default:case 6:case 0:c=a;h=l;u=s;break;case 1:c=l;h=a;u=s;break;case 2:c=s;h=a;u=l;break;case 3:c=s;h=l;u=a;break;case 4:c=l;h=s;u=a;break;case 5:c=a;h=s;u=l;break}return[c*255,h*255,u*255]};Y.cmyk.rgb=function(t){const e=t[0]/100;const s=t[1]/100;const n=t[2]/100;const i=t[3]/100;const o=1-Math.min(1,e*(1-i)+i);const r=1-Math.min(1,s*(1-i)+i);const a=1-Math.min(1,n*(1-i)+i);return[o*255,r*255,a*255]};Y.xyz.rgb=function(t){const e=t[0]/100;const s=t[1]/100;const n=t[2]/100;let i;let o;let r;i=e*3.2406+s*-1.5372+n*-.4986;o=e*-.9689+s*1.8758+n*.0415;r=e*.0557+s*-.204+n*1.057;i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92;o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92;r=r>.0031308?1.055*r**(1/2.4)-.055:r*12.92;i=Math.min(Math.max(0,i),1);o=Math.min(Math.max(0,o),1);r=Math.min(Math.max(0,r),1);return[i*255,o*255,r*255]};Y.xyz.lab=function(t){let e=t[0];let s=t[1];let n=t[2];e/=95.047;s/=100;n/=108.883;e=e>.008856?e**(1/3):7.787*e+16/116;s=s>.008856?s**(1/3):7.787*s+16/116;n=n>.008856?n**(1/3):7.787*n+16/116;const i=116*s-16;const o=500*(e-s);const r=200*(s-n);return[i,o,r]};Y.lab.xyz=function(t){const e=t[0];const s=t[1];const n=t[2];let i;let o;let r;o=(e+16)/116;i=s/500+o;r=o-n/200;const a=o**3;const l=i**3;const c=r**3;o=a>.008856?a:(o-16/116)/7.787;i=l>.008856?l:(i-16/116)/7.787;r=c>.008856?c:(r-16/116)/7.787;i*=95.047;o*=100;r*=108.883;return[i,o,r]};Y.lab.lch=function(t){const e=t[0];const s=t[1];const n=t[2];let i;const o=Math.atan2(n,s);i=o*360/2/Math.PI;if(i<0){i+=360}const r=Math.sqrt(s*s+n*n);return[e,r,i]};Y.lch.lab=function(t){const e=t[0];const s=t[1];const n=t[2];const i=n/360*2*Math.PI;const o=s*Math.cos(i);const r=s*Math.sin(i);return[e,o,r]};Y.rgb.ansi16=function(t,e=null){const[s,n,i]=t;let o=e===null?Y.rgb.hsv(t)[2]:e;o=Math.round(o/50);if(o===0){return 30}let r=30+(Math.round(i/255)<<2|Math.round(n/255)<<1|Math.round(s/255));if(o===2){r+=60}return r};Y.hsv.ansi16=function(t){return Y.rgb.ansi16(Y.hsv.rgb(t),t[2])};Y.rgb.ansi256=function(t){const e=t[0];const s=t[1];const n=t[2];if(e===s&&s===n){if(e<8){return 16}if(e>248){return 231}return Math.round((e-8)/247*24)+232}const i=16+36*Math.round(e/255*5)+6*Math.round(s/255*5)+Math.round(n/255*5);return i};Y.ansi16.rgb=function(t){let e=t%10;if(e===0||e===7){if(t>50){e+=3.5}e=e/10.5*255;return[e,e,e]}const s=(~~(t>50)+1)*.5;const n=(e&1)*s*255;const i=(e>>1&1)*s*255;const o=(e>>2&1)*s*255;return[n,i,o]};Y.ansi256.rgb=function(t){if(t>=232){const e=(t-232)*10+8;return[e,e,e]}t-=16;let e;const s=Math.floor(t/36)/5*255;const n=Math.floor((e=t%36)/6)/5*255;const i=e%6/5*255;return[s,n,i]};Y.rgb.hex=function(t){const e=((Math.round(t[0])&255)<<16)+((Math.round(t[1])&255)<<8)+(Math.round(t[2])&255);const s=e.toString(16).toUpperCase();return"000000".substring(s.length)+s};Y.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e){return[0,0,0]}let s=e[0];if(e[0].length===3){s=s.split("").map((t=>t+t)).join("")}const n=parseInt(s,16);const i=n>>16&255;const o=n>>8&255;const r=n&255;return[i,o,r]};Y.rgb.hcg=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.max(Math.max(e,s),n);const o=Math.min(Math.min(e,s),n);const r=i-o;let a;let l;if(r<1){a=o/(1-r)}else{a=0}if(r<=0){l=0}else if(i===e){l=(s-n)/r%6}else if(i===s){l=2+(n-e)/r}else{l=4+(e-s)/r}l/=6;l%=1;return[l*360,r*100,a*100]};Y.hsl.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=s<.5?2*e*s:2*e*(1-s);let i=0;if(n<1){i=(s-.5*n)/(1-n)}return[t[0],n*100,i*100]};Y.hsv.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=e*s;let i=0;if(n<1){i=(s-n)/(1-n)}return[t[0],n*100,i*100]};Y.hcg.rgb=function(t){const e=t[0]/360;const s=t[1]/100;const n=t[2]/100;if(s===0){return[n*255,n*255,n*255]}const i=[0,0,0];const o=e%1*6;const r=o%1;const a=1-r;let l=0;switch(Math.floor(o)){case 0:i[0]=1;i[1]=r;i[2]=0;break;case 1:i[0]=a;i[1]=1;i[2]=0;break;case 2:i[0]=0;i[1]=1;i[2]=r;break;case 3:i[0]=0;i[1]=a;i[2]=1;break;case 4:i[0]=r;i[1]=0;i[2]=1;break;default:i[0]=1;i[1]=0;i[2]=a}l=(1-s)*n;return[(s*i[0]+l)*255,(s*i[1]+l)*255,(s*i[2]+l)*255]};Y.hcg.hsv=function(t){const e=t[1]/100;const s=t[2]/100;const n=e+s*(1-e);let i=0;if(n>0){i=e/n}return[t[0],i*100,n*100]};Y.hcg.hsl=function(t){const e=t[1]/100;const s=t[2]/100;const n=s*(1-e)+.5*e;let i=0;if(n>0&&n<.5){i=e/(2*n)}else if(n>=.5&&n<1){i=e/(2*(1-n))}return[t[0],i*100,n*100]};Y.hcg.hwb=function(t){const e=t[1]/100;const s=t[2]/100;const n=e+s*(1-e);return[t[0],(n-e)*100,(1-n)*100]};Y.hwb.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=1-s;const i=n-e;let o=0;if(i<1){o=(n-i)/(1-i)}return[t[0],i*100,o*100]};Y.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]};Y.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]};Y.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]};Y.gray.hsl=function(t){return[0,0,t[0]]};Y.gray.hsv=Y.gray.hsl;Y.gray.hwb=function(t){return[0,100,t[0]]};Y.gray.cmyk=function(t){return[0,0,0,t[0]]};Y.gray.lab=function(t){return[t[0],0,0]};Y.gray.hex=function(t){const e=Math.round(t[0]/100*255)&255;const s=(e<<16)+(e<<8)+e;const n=s.toString(16).toUpperCase();return"000000".substring(n.length)+n};Y.rgb.gray=function(t){const e=(t[0]+t[1]+t[2])/3;return[e/255*100]};function tt(){const t={};const e=Object.keys(Q);for(let s=e.length,n=0;n<s;n++){t[e[n]]={distance:-1,parent:null}}return t}function et(t){const e=tt();const s=[t];e[t].distance=0;while(s.length){const t=s.pop();const n=Object.keys(Q[t]);for(let i=n.length,o=0;o<i;o++){const i=n[o];const r=e[i];if(r.distance===-1){r.distance=e[t].distance+1;r.parent=t;s.unshift(i)}}}return e}function st(t,e){return function(s){return e(t(s))}}function nt(t,e){const s=[e[t].parent,t];let n=Q[e[t].parent][t];let i=e[t].parent;while(e[i].parent){s.unshift(e[i].parent);n=st(Q[e[i].parent][i],n);i=e[i].parent}n.conversion=s;return n}var it=function(t){const e=et(t);const s={};const n=Object.keys(e);for(let t=n.length,i=0;i<t;i++){const t=n[i];const o=e[t];if(o.parent===null){continue}s[t]=nt(t,e)}return s};const ot={};const rt=Object.keys(Q);function at(t){const e=function(...e){const s=e[0];if(s===undefined||s===null){return s}if(s.length>1){e=s}return t(e)};if("conversion"in t){e.conversion=t.conversion}return e}function lt(t){const e=function(...e){const s=e[0];if(s===undefined||s===null){return s}if(s.length>1){e=s}const n=t(e);if(typeof n==="object"){for(let t=n.length,e=0;e<t;e++){n[e]=Math.round(n[e])}}return n};if("conversion"in t){e.conversion=t.conversion}return e}rt.forEach((t=>{ot[t]={};Object.defineProperty(ot[t],"channels",{value:Q[t].channels});Object.defineProperty(ot[t],"labels",{value:Q[t].labels});const e=it(t);const s=Object.keys(e);s.forEach((s=>{const n=e[s];ot[t][s]=lt(n);ot[t][s].raw=at(n)}))}));var ct=ot;const ht=["keyword","gray","hex"];const ut={};for(const t of Object.keys(ct)){ut[[...ct[t].labels].sort().join("")]=t}const dt={};function ft(t,e){if(!(this instanceof ft)){return new ft(t,e)}if(e&&e in ht){e=null}if(e&&!(e in ct)){throw new Error("Unknown model: "+e)}let s;let n;if(t==null){this.model="rgb";this.color=[0,0,0];this.valpha=1}else if(t instanceof ft){this.model=t.model;this.color=[...t.color];this.valpha=t.valpha}else if(typeof t==="string"){const e=X.get(t);if(e===null){throw new Error("Unable to parse color from string: "+t)}this.model=e.model;n=ct[this.model].channels;this.color=e.value.slice(0,n);this.valpha=typeof e.value[n]==="number"?e.value[n]:1}else if(t.length>0){this.model=e||"rgb";n=ct[this.model].channels;const s=Array.prototype.slice.call(t,0,n);this.color=yt(s,n);this.valpha=typeof t[n]==="number"?t[n]:1}else if(typeof t==="number"){this.model="rgb";this.color=[t>>16&255,t>>8&255,t&255];this.valpha=1}else{this.valpha=1;const e=Object.keys(t);if("alpha"in t){e.splice(e.indexOf("alpha"),1);this.valpha=typeof t.alpha==="number"?t.alpha:0}const n=e.sort().join("");if(!(n in ut)){throw new Error("Unable to parse color from object: "+JSON.stringify(t))}this.model=ut[n];const{labels:i}=ct[this.model];const o=[];for(s=0;s<i.length;s++){o.push(t[i[s]])}this.color=yt(o)}if(dt[this.model]){n=ct[this.model].channels;for(s=0;s<n;s++){const t=dt[this.model][s];if(t){this.color[s]=t(this.color[s])}}}this.valpha=Math.max(0,Math.min(1,this.valpha));if(Object.freeze){Object.freeze(this)}}ft.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let e=this.model in X.to?this:this.rgb();e=e.round(typeof t==="number"?t:1);const s=e.valpha===1?e.color:[...e.color,this.valpha];return X.to[e.model](s)},percentString(t){const e=this.rgb().round(typeof t==="number"?t:1);const s=e.valpha===1?e.color:[...e.color,this.valpha];return X.to.rgb.percent(s)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){const t={};const{channels:e}=ct[this.model];const{labels:s}=ct[this.model];for(let n=0;n<e;n++){t[s[n]]=this.color[n]}if(this.valpha!==1){t.alpha=this.valpha}return t},unitArray(){const t=this.rgb().color;t[0]/=255;t[1]/=255;t[2]/=255;if(this.valpha!==1){t.push(this.valpha)}return t},unitObject(){const t=this.rgb().object();t.r/=255;t.g/=255;t.b/=255;if(this.valpha!==1){t.alpha=this.valpha}return t},round(t){t=Math.max(t||0,0);return new ft([...this.color.map(gt(t)),this.valpha],this.model)},alpha(t){if(t!==undefined){return new ft([...this.color,Math.max(0,Math.min(1,t))],this.model)}return this.valpha},red:bt("rgb",0,mt(255)),green:bt("rgb",1,mt(255)),blue:bt("rgb",2,mt(255)),hue:bt(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:bt("hsl",1,mt(100)),lightness:bt("hsl",2,mt(100)),saturationv:bt("hsv",1,mt(100)),value:bt("hsv",2,mt(100)),chroma:bt("hcg",1,mt(100)),gray:bt("hcg",2,mt(100)),white:bt("hwb",1,mt(100)),wblack:bt("hwb",2,mt(100)),cyan:bt("cmyk",0,mt(100)),magenta:bt("cmyk",1,mt(100)),yellow:bt("cmyk",2,mt(100)),black:bt("cmyk",3,mt(100)),x:bt("xyz",0,mt(95.047)),y:bt("xyz",1,mt(100)),z:bt("xyz",2,mt(108.833)),l:bt("lab",0,mt(100)),a:bt("lab",1),b:bt("lab",2),keyword(t){if(t!==undefined){return new ft(t)}return ct[this.model].keyword(this.color)},hex(t){if(t!==undefined){return new ft(t)}return X.to.hex(this.rgb().round().color)},hexa(t){if(t!==undefined){return new ft(t)}const e=this.rgb().round().color;let s=Math.round(this.valpha*255).toString(16).toUpperCase();if(s.length===1){s="0"+s}return X.to.hex(e)+s},rgbNumber(){const t=this.rgb().color;return(t[0]&255)<<16|(t[1]&255)<<8|t[2]&255},luminosity(){const t=this.rgb().color;const e=[];for(const[s,n]of t.entries()){const t=n/255;e[s]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity();const s=t.luminosity();if(e>s){return(e+.05)/(s+.05)}return(s+.05)/(e+.05)},level(t){const e=this.contrast(t);if(e>=7){return"AAA"}return e>=4.5?"AA":""},isDark(){const t=this.rgb().color;const e=(t[0]*2126+t[1]*7152+t[2]*722)/1e4;return e<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++){t.color[e]=255-t.color[e]}return t},lighten(t){const e=this.hsl();e.color[2]+=e.color[2]*t;return e},darken(t){const e=this.hsl();e.color[2]-=e.color[2]*t;return e},saturate(t){const e=this.hsl();e.color[1]+=e.color[1]*t;return e},desaturate(t){const e=this.hsl();e.color[1]-=e.color[1]*t;return e},whiten(t){const e=this.hwb();e.color[1]+=e.color[1]*t;return e},blacken(t){const e=this.hwb();e.color[2]+=e.color[2]*t;return e},grayscale(){const t=this.rgb().color;const e=t[0]*.3+t[1]*.59+t[2]*.11;return ft.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let s=e.color[0];s=(s+t)%360;s=s<0?360+s:s;e.color[0]=s;return e},mix(t,e){if(!t||!t.rgb){throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t)}const s=t.rgb();const n=this.rgb();const i=e===undefined?.5:e;const o=2*i-1;const r=s.alpha()-n.alpha();const a=((o*r===-1?o:(o+r)/(1+o*r))+1)/2;const l=1-a;return ft.rgb(a*s.red()+l*n.red(),a*s.green()+l*n.green(),a*s.blue()+l*n.blue(),s.alpha()*i+n.alpha()*(1-i))}};for(const t of Object.keys(ct)){if(ht.includes(t)){continue}const{channels:e}=ct[t];ft.prototype[t]=function(...e){if(this.model===t){return new ft(this)}if(e.length>0){return new ft(e,t)}return new ft([...wt(ct[this.model][t].raw(this.color)),this.valpha],t)};ft[t]=function(...s){let n=s[0];if(typeof n==="number"){n=yt(s,e)}return new ft(n,t)}}function pt(t,e){return Number(t.toFixed(e))}function gt(t){return function(e){return pt(e,t)}}function bt(t,e,s){t=Array.isArray(t)?t:[t];for(const n of t){(dt[n]||(dt[n]=[]))[e]=s}t=t[0];return function(n){let i;if(n!==undefined){if(s){n=s(n)}i=this[t]();i.color[e]=n;return i}i=this[t]().color[e];if(s){i=s(i)}return i}}function mt(t){return function(e){return Math.max(0,Math.min(t,e))}}function wt(t){return Array.isArray(t)?t:[t]}function yt(t,e){for(let s=0;s<e;s++){if(typeof t[s]!=="number"){t[s]=0}}return t}var vt=ft;const kt={channel:"channel",channels:"channels",colorField:"color-field",colorFieldScope:"scope--color-field",colorMode:"color-mode",colorModeContainer:"color-mode-container",container:"container",control:"control",controlAndScope:"control-and-scope",controlSection:"control-section",deleteColor:"delete-color",header:"header",hexAndChannelsGroup:"hex-and-channels-group",hexOptions:"color-hex-options",hueScope:"scope--hue",hueSlider:"hue-slider",opacityScope:"scope--opacity",opacitySlider:"opacity-slider",preview:"preview",previewAndSliders:"preview-and-sliders",saveColor:"save-color",savedColor:"saved-color",savedColors:"saved-colors",savedColorsButtons:"saved-colors-buttons",savedColorsSection:"saved-colors-section",scope:"scope",section:"section",slider:"slider",sliders:"sliders",splitSection:"section--split"};const xt=vt("#007AC2");const Ct="calcite-color-";const Mt={r:255,g:255,b:255};const St={h:360,s:100,v:100};const At=St.h-1;const jt={min:0,max:100};const zt={s:{slider:{height:12,width:104},colorField:{height:80,width:160},thumb:{radius:10}},m:{slider:{height:12,width:204},colorField:{height:150,width:272},thumb:{radius:10}},l:{slider:{height:12,width:384},colorField:{height:200,width:464},thumb:{radius:10}}};const Ft=1;const Ot=':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;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          );outline-offset:11px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index="3"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index="3"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index="3"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';const $t=16;const Dt=class{constructor(n){t(this,n);this.calciteColorPickerChange=e(this,"calciteColorPickerChange",6);this.calciteColorPickerInput=e(this,"calciteColorPickerInput",6);this.internalColorUpdateContext=null;this.mode=c.HEX;this.shiftKeyChannelAdjustment=0;this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode");this.updateChannelsFromColor(this.color)};this.handleColorFieldScopeKeyDown=t=>{const{key:e}=t;const s={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(s[e]){t.preventDefault();this.scopeOrientation=e==="ArrowDown"||e==="ArrowUp"?"vertical":"horizontal";this.captureColorFieldColor(this.colorFieldScopeLeft+s[e].x||0,this.colorFieldScopeTop+s[e].y||0,false)}};this.handleHueScopeKeyDown=t=>{const e=t.shiftKey?10:1;const{key:s}=t;const n={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(n[s]){t.preventDefault();const i=n[s]*e;const o=this.baseColorFieldColor.hue();const r=this.baseColorFieldColor.hue(o+i);this.internalColorSet(r,false)}};this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:e,color:s}=this;const n=t.target;const i=n.value;if(e&&!i){this.internalColorSet(null);return}const o=s&&h(u(s,p(this.mode)));if(i!==o){this.internalColorSet(vt(i))}};this.handleSavedColorSelect=t=>{const e=t.currentTarget;this.internalColorSet(vt(e.color))};this.handleChannelInput=t=>{const e=t.currentTarget;const s=Number(e.getAttribute("data-channel-index"));const n=s===3;const i=n?jt.max:this.channelMode==="rgb"?Mt[Object.keys(Mt)[s]]:St[Object.keys(St)[s]];let o;if(this.allowEmpty&&!e.value){o=""}else{const t=Number(e.value);const s=t+this.shiftKeyChannelAdjustment;const n=N(s,0,i);o=n.toString()}e.value=o;if(o!==""&&this.shiftKeyChannelAdjustment!==0){this.handleChannelChange(t)}};this.handleChannelChange=t=>{const e=t.currentTarget;const s=Number(e.getAttribute("data-channel-index"));const n=[...this.channels];const i=this.allowEmpty&&!e.value;if(i){this.channels=[null,null,null,null];this.internalColorSet(null);return}const o=s===3;const r=Number(e.value);n[s]=o?d(r):r;this.updateColorFromChannels(n)};this.handleSavedColorKeyDown=t=>{if(F(t.key)){t.preventDefault();this.handleSavedColorSelect(t)}};this.handleColorFieldPointerDown=t=>{if(!o(t)){return}const{offsetX:e,offsetY:s}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.colorFieldRenderingContext,bounds:this.colorFieldRenderingContext.canvas.getBoundingClientRect()};this.captureColorFieldColor(e,s);this.colorFieldScopeNode.focus()};this.handleHueSliderPointerDown=t=>{if(!o(t)){return}const{offsetX:e}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.hueSliderRenderingContext,bounds:this.hueSliderRenderingContext.canvas.getBoundingClientRect()};this.captureHueSliderColor(e);this.hueScopeNode.focus()};this.handleOpacitySliderPointerDown=t=>{if(!o(t)){return}const{offsetX:e}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.opacitySliderRenderingContext,bounds:this.opacitySliderRenderingContext.canvas.getBoundingClientRect()};this.captureOpacitySliderValue(e);this.opacityScopeNode.focus()};this.globalPointerUpHandler=t=>{if(!o(t)){return}const e=this.activeCanvasInfo;this.activeCanvasInfo=null;this.drawColorControls();if(e){this.calciteColorPickerChange.emit()}};this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:e,el:s}=this;if(!s.isConnected||!e){return}const{context:n,bounds:i}=e;let o;let r;const{clientX:a,clientY:l}=t;if(n.canvas.matches(":hover")){o=a-i.x;r=l-i.y}else{if(a<i.x+i.width&&a>i.x){o=a-i.x}else if(a<i.x){o=0}else{o=i.width}if(l<i.y+i.height&&l>i.y){r=l-i.y}else if(l<i.y){r=0}else{r=i.height}}if(n===this.colorFieldRenderingContext){this.captureColorFieldColor(o,r,false)}else if(n===this.hueSliderRenderingContext){this.captureHueSliderColor(o)}else if(n===this.opacitySliderRenderingContext){this.captureOpacitySliderValue(o)}};this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t};this.storeHueScope=t=>{this.hueScopeNode=t};this.renderChannelsTabTitle=t=>{const{channelMode:e,messages:n}=this;const i=t===e;const o=t==="rgb"?n.rgb:n.hsv;return s("calcite-tab-title",{class:kt.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:i},o)};this.renderChannelsTab=t=>{const{allowEmpty:e,channelMode:n,channels:i,messages:o,alphaChannel:a}=this;const l=t===n;const c=t==="rgb";const h=c?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value];const u=r(this.el);const d=a?i:i.slice(0,3);return s("calcite-tab",{class:kt.control,key:t,selected:l},s("div",{class:kt.channels,dir:"ltr"},d.map(((t,s)=>{const n=s===3;if(n){t=e&&!t?t:f(t)}return this.renderChannel(t,s,h[s],u,n?"%":"")}))))};this.renderChannel=(t,e,n,i,o)=>s("calcite-input-number",{class:kt.channel,"data-channel-index":e,dir:i,key:e,label:n,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onKeyDown:this.handleKeyDown,scale:this.scale==="l"?"m":"s",style:{marginLeft:e>0&&!(this.scale==="s"&&this.alphaChannel&&e===3)?"-1px":""},suffixText:o,value:t?.toString()});this.deleteColor=()=>{const t=u(this.color,this.alphaChannel);const e=this.savedColors.indexOf(t)>-1;if(!e){return}const s=this.savedColors.filter((e=>e!==t));this.savedColors=s;const n=`${Ct}${this.storageId}`;if(this.storageId){localStorage.setItem(n,JSON.stringify(s))}};this.saveColor=()=>{const t=u(this.color,this.alphaChannel);const e=this.savedColors.indexOf(t)>-1;if(e){return}const s=[...this.savedColors,t];this.savedColors=s;const n=`${Ct}${this.storageId}`;if(this.storageId){localStorage.setItem(n,JSON.stringify(s))}};this.drawColorControls=_(((t="all")=>{if((t==="all"||t==="color-field")&&this.colorFieldRenderingContext){this.drawColorField()}if((t==="all"||t==="hue-slider")&&this.hueSliderRenderingContext){this.drawHueSlider()}if(this.alphaChannel&&(t==="all"||t==="opacity-slider")&&this.opacitySliderRenderingContext){this.drawOpacitySlider()}}),$t);this.captureColorFieldColor=(t,e,s=true)=>{const{dimensions:{colorField:{height:n,width:i}}}=this;const o=Math.round(St.s/i*t);const r=Math.round(St.v/n*(n-e));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(o).value(r),s)};this.initColorField=t=>{this.colorFieldRenderingContext=t.getContext("2d");this.updateCanvasSize("color-field");this.drawColorControls()};this.initHueSlider=t=>{this.hueSliderRenderingContext=t.getContext("2d");this.updateCanvasSize("hue-slider");this.drawHueSlider()};this.initOpacitySlider=t=>{if(!t){return}this.opacitySliderRenderingContext=t.getContext("2d");this.updateCanvasSize("opacity-slider");this.drawOpacitySlider()};this.storeOpacityScope=t=>{this.opacityScopeNode=t};this.handleOpacityScopeKeyDown=t=>{const e=t.shiftKey?10:1;const{key:s}=t;const n={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(n[s]){t.preventDefault();const i=n[s]*e;const o=this.baseColorFieldColor.alpha();const r=this.baseColorFieldColor.alpha(o+i);this.internalColorSet(r,false)}};this.allowEmpty=false;this.alphaChannel=false;this.channelsDisabled=false;this.color=xt;this.disabled=false;this.format="auto";this.hideChannels=false;this.hexDisabled=false;this.hideHex=false;this.hideSaved=false;this.savedDisabled=false;this.scale="m";this.storageId=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.value=h(u(xt,this.alphaChannel));this.defaultMessages=undefined;this.channelMode="rgb";this.channels=this.toChannels(xt);this.dimensions=zt.m;this.effectiveLocale="";this.messages=undefined;this.savedColors=[];this.colorFieldScopeTop=undefined;this.colorFieldScopeLeft=undefined;this.hueScopeLeft=undefined;this.opacityScopeLeft=undefined;this.scopeOrientation=undefined}handleAlphaChannelChange(t){const{format:e}=this;if(t&&e!=="auto"&&!p(e)){console.warn(`ignoring alphaChannel as the current format (${e}) does not support alpha`);this.alphaChannel=false}}handleColorChange(t,e){this.drawColorControls();this.updateChannelsFromColor(t);this.previousColor=e}handleFormatOrAlphaChannelChange(){this.setMode(this.format);this.internalColorSet(this.color,false,"internal")}handleScaleChange(t="m"){this.updateDimensions(t);this.updateCanvasSize("all");this.drawColorControls()}onMessagesChange(){}handleValueChange(t,e){const{allowEmpty:s,format:n}=this;const i=!s||t;let o=false;if(i){const s=g(t);if(!s||n!=="auto"&&s!==n){this.showIncompatibleColorWarning(t,n);this.value=e;return}o=this.mode!==s;this.setMode(s,this.internalColorUpdateContext===null)}const r=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial"){return}if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit();if(!r){this.calciteColorPickerChange.emit()}return}const a=s&&!t?null:vt(t!=null&&typeof t==="object"&&p(this.mode)?v(t):t);const l=!b(a,this.color);if(o||l){this.internalColorSet(a,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}}get baseColorFieldColor(){return this.color||this.previousColor||xt}effectiveLocaleChange(){K(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:e}=t;if(e!=="ArrowUp"&&e!=="ArrowDown"||!t.composedPath().some((t=>t.classList?.contains(kt.channel)))){return}const{shiftKey:s}=t;t.preventDefault();if(!this.color){this.internalColorSet(this.previousColor);t.stopPropagation();return}const n=9;this.shiftKeyChannelAdjustment=e==="ArrowUp"&&s?n:e==="ArrowDown"&&s?-n:0}async setFocus(){await O(this);this.el.focus()}async componentWillLoad(){$(this);const{allowEmpty:t,color:e,format:s,value:n}=this;const i=t&&!n;const o=g(n);const r=i||s==="auto"&&o||s===o;const a=i?null:r?vt(n):e;if(!r){this.showIncompatibleColorWarning(n,s)}this.setMode(s,false);this.internalColorSet(a,false,"initial");this.updateDimensions(this.scale);const l=`${Ct}${this.storageId}`;if(this.storageId&&localStorage.getItem(l)){this.savedColors=JSON.parse(localStorage.getItem(l))}await U(this)}connectedCallback(){S(this);I(this);P(this)}componentDidLoad(){D(this)}disconnectedCallback(){window.removeEventListener("pointermove",this.globalPointerMoveHandler);window.removeEventListener("pointerup",this.globalPointerUpHandler);A(this);q(this);T(this)}componentDidRender(){j(this)}render(){const{allowEmpty:t,channelsDisabled:e,color:n,colorFieldScopeLeft:i,colorFieldScopeTop:o,dimensions:{slider:{width:r},thumb:{radius:a}},hexDisabled:l,hideChannels:c,hideHex:h,hideSaved:d,hueScopeLeft:p,messages:g,alphaChannel:b,opacityScopeLeft:m,savedColors:w,savedDisabled:y,scale:v,scopeOrientation:k}=this;const x=n?u(n,b):null;const C=a;const M=p??r*xt.hue()/St.h;const S=a;const A=m??r*f(xt.alpha())/jt.max;const j=n===null;const F=k==="vertical";const O=l||h;const $=e||c;const D=y||d;const[I,q]=this.getAdjustedScopePosition(i,o);const[E,N]=this.getAdjustedScopePosition(M,C);const[L,K]=this.getAdjustedScopePosition(A,S);return s(z,{disabled:this.disabled},s("div",{class:kt.container},s("div",{class:kt.controlAndScope},s("canvas",{class:kt.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),s("div",{"aria-label":F?g.value:g.saturation,"aria-valuemax":F?St.v:St.s,"aria-valuemin":"0","aria-valuenow":(F?n?.saturationv():n?.value())||"0",class:{[kt.scope]:true,[kt.colorFieldScope]:true},onKeyDown:this.handleColorFieldScopeKeyDown,role:"slider",style:{top:`${q||0}px`,left:`${I||0}px`},tabindex:"0",ref:this.storeColorFieldScope})),s("div",{class:kt.previewAndSliders},s("calcite-color-picker-swatch",{class:kt.preview,color:x,scale:"l"}),s("div",{class:kt.sliders},s("div",{class:kt.controlAndScope},s("canvas",{class:{[kt.slider]:true,[kt.hueSlider]:true},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),s("div",{"aria-label":g.hue,"aria-valuemax":St.h,"aria-valuemin":"0","aria-valuenow":n?.round().hue()||xt.round().hue(),class:{[kt.scope]:true,[kt.hueScope]:true},onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:`${N}px`,left:`${E}px`},tabindex:"0",ref:this.storeHueScope})),b?s("div",{class:kt.controlAndScope},s("canvas",{class:{[kt.slider]:true,[kt.opacitySlider]:true},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),s("div",{"aria-label":g.opacity,"aria-valuemax":jt.max,"aria-valuemin":jt.min,"aria-valuenow":(n||xt).round().alpha(),class:{[kt.scope]:true,[kt.opacityScope]:true},onKeyDown:this.handleOpacityScopeKeyDown,role:"slider",style:{top:`${K}px`,left:`${L}px`},tabindex:"0",ref:this.storeOpacityScope})):null)),O&&$?null:s("div",{class:{[kt.controlSection]:true,[kt.section]:true}},s("div",{class:kt.hexAndChannelsGroup},O?null:s("div",{class:kt.hexOptions},s("calcite-color-picker-hex-input",{allowEmpty:t,alphaChannel:b,class:kt.control,messages:g,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:v,value:x})),$?null:s("calcite-tabs",{class:{[kt.colorModeContainer]:true,[kt.splitSection]:true},scale:v==="l"?"m":"s"},s("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),D?null:s("div",{class:{[kt.savedColorsSection]:true,[kt.section]:true}},s("div",{class:kt.header},s("label",null,g.saved),s("div",{class:kt.savedColorsButtons},s("calcite-button",{appearance:"transparent",class:kt.deleteColor,disabled:j,iconStart:"minus",kind:"neutral",label:g.deleteColor,onClick:this.deleteColor,scale:v,type:"button"}),s("calcite-button",{appearance:"transparent",class:kt.saveColor,disabled:j,iconStart:"plus",kind:"neutral",label:g.saveColor,onClick:this.saveColor,scale:v,type:"button"}))),w.length>0?s("div",{class:kt.savedColors},[...w.map((t=>s("calcite-color-picker-swatch",{class:kt.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:v,tabIndex:0})))]):null)))}handleKeyDown(t){if(t.key==="Enter"){t.preventDefault()}}showIncompatibleColorWarning(t,e){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${e})`)}setMode(t,e=true){const s=t==="auto"?this.mode:t;this.mode=this.ensureCompatibleMode(s,e)}ensureCompatibleMode(t,e){const{alphaChannel:s}=this;const n=p(t);if(s&&!n){const s=y(t);if(e){console.warn(`setting format to (${s}) as the provided one (${t}) does not support alpha`)}return s}if(!s&&n){const s=m(t);if(e){console.warn(`setting format to (${s}) as the provided one (${t}) does not support alpha`)}return s}return t}captureHueSliderColor(t){const{dimensions:{slider:{width:e}}}=this;const s=At/e*t;this.internalColorSet(this.baseColorFieldColor.hue(s),false)}captureOpacitySliderValue(t){const{dimensions:{slider:{width:e}}}=this;const s=d(jt.max/e*t);this.internalColorSet(this.baseColorFieldColor.alpha(s),false)}internalColorSet(t,e=true,s="user-interaction"){if(e&&b(t,this.color)){return}this.internalColorUpdateContext=s;this.color=t;this.value=this.toValue(t);this.internalColorUpdateContext=null}toValue(t,e=this.mode){if(!t){return null}const s="hex";if(e.includes(s)){const s=e===c.HEXA;return h(u(t.round(),s),s)}if(e.includes("-css")){const s=t[e.replace("-css","").replace("a","")]().round().string();const n=(e.endsWith("a")||e.endsWith("a-css"))&&t.alpha()===1;if(n){const e=s.slice(0,3);const n=s.slice(4,-1);return`${e}a(${n}, ${t.alpha()})`}return s}const n=t[m(e)]().round().object();if(e.endsWith("a")){return w(n)}return n}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:e}}}=this;return e*2-t}updateDimensions(t="m"){this.dimensions=zt[t]}drawColorField(){const t=this.colorFieldRenderingContext;const{dimensions:{colorField:{height:e,width:s}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string();t.fillRect(0,0,s,e);const n=t.createLinearGradient(0,0,s,0);n.addColorStop(0,"rgba(255,255,255,1)");n.addColorStop(1,"rgba(255,255,255,0)");t.fillStyle=n;t.fillRect(0,0,s,e);const i=t.createLinearGradient(0,0,0,e);i.addColorStop(0,"rgba(0,0,0,0)");i.addColorStop(1,"rgba(0,0,0,1)");t.fillStyle=i;t.fillRect(0,0,s,e);this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:e,width:s}){if(!t){return}const n=window.devicePixelRatio||1;t.width=s*n;t.height=e*n;t.style.height=`${e}px`;t.style.width=`${s}px`;const i=t.getContext("2d");i.scale(n,n)}updateCanvasSize(t="all"){const{dimensions:e}=this;if(t==="all"||t==="color-field"){this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,e.colorField)}const s={width:e.slider.width,height:e.slider.height+(e.thumb.radius-e.slider.height/2)*2};if(t==="all"||t==="hue-slider"){this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,s)}if(t==="all"||t==="opacity-slider"){this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,s)}}drawActiveColorFieldColor(){const{color:t}=this;if(!t){return}const e=t.hsv();const{dimensions:{colorField:{height:s,width:n},thumb:{radius:i}}}=this;const o=e.saturationv()/(St.s/n);const r=s-e.value()/(St.v/s);requestAnimationFrame((()=>{this.colorFieldScopeLeft=o;this.colorFieldScopeTop=r}));this.drawThumb(this.colorFieldRenderingContext,i,o,r,e,false)}drawThumb(t,e,s,n,i,o){const r=0;const a=2*Math.PI;const l=1;t.beginPath();t.arc(s,n,e,r,a);t.fillStyle="#fff";t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=l;t.stroke();if(o&&i.alpha()<1){const i=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.beginPath();t.arc(s,n,e-3,r,a);t.fillStyle=i;t.fill()}t.globalCompositeOperation="source-atop";t.beginPath();t.arc(s,n,e-3,r,a);const c=o?i.alpha():1;t.fillStyle=i.rgb().alpha(c).string();t.fill();t.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){const{color:t}=this;if(!t){return}const e=t.hsv().saturationv(100).value(100);const{dimensions:{slider:{width:s},thumb:{radius:n}}}=this;const i=e.hue()/(At/s);const o=n;const r=this.getSliderBoundX(i,s,n);requestAnimationFrame((()=>{this.hueScopeLeft=r}));this.drawThumb(this.hueSliderRenderingContext,n,r,o,e,false)}drawHueSlider(){const t=this.hueSliderRenderingContext;const{dimensions:{slider:{height:e,width:s},thumb:{radius:n}}}=this;const i=0;const o=n-e/2;const r=t.createLinearGradient(0,0,s,0);const a=["red","yellow","lime","cyan","blue","magenta","#ff0004"];const l=1/(a.length-1);let c=0;a.forEach((t=>{r.addColorStop(c,vt(t).string());c+=l}));t.clearRect(0,0,s,e+this.getSliderCapSpacing()*2);this.drawSliderPath(t,e,s,i,o);t.fillStyle=r;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext;const{baseColorFieldColor:e,dimensions:{slider:{height:s,width:n},thumb:{radius:i}}}=this;const o=0;const r=i-s/2;t.clearRect(0,0,n,s+this.getSliderCapSpacing()*2);const a=t.createLinearGradient(0,r,n,0);const l=e.rgb().alpha(0);const c=e.rgb().alpha(.5);const h=e.rgb().alpha(1);a.addColorStop(0,l.string());a.addColorStop(.5,c.string());a.addColorStop(1,h.string());this.drawSliderPath(t,s,n,o,r);const u=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=u;t.fill();t.fillStyle=a;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveOpacitySliderColor()}drawSliderPath(t,e,s,n,i){const o=e/2+1;t.beginPath();t.moveTo(n+o,i);t.lineTo(n+s-o,i);t.quadraticCurveTo(n+s,i,n+s,i+o);t.lineTo(n+s,i+e-o);t.quadraticCurveTo(n+s,i+e,n+s-o,i+e);t.lineTo(n+o,i+e);t.quadraticCurveTo(n,i+e,n,i+e-o);t.lineTo(n,i+o);t.quadraticCurveTo(n,i,n+o,i);t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern){return this.checkerPattern}const t=document.createElement("canvas");t.width=10;t.height=10;const e=t.getContext("2d");e.fillStyle="#ccc";e.fillRect(0,0,10,10);e.fillStyle="#fff";e.fillRect(0,0,5,5);e.fillRect(5,5,5,5);this.checkerPattern=t;return t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t){return}const e=t;const{dimensions:{slider:{width:s},thumb:{radius:n}}}=this;const i=f(e.alpha())/(jt.max/s);const o=n;const r=this.getSliderBoundX(i,s,n);requestAnimationFrame((()=>{this.opacityScopeLeft=r}));this.drawThumb(this.opacitySliderRenderingContext,n,r,o,e,true)}getSliderBoundX(t,e,s){const n=L(t,e,s);return n===0?t:n===-1?E(t,0,e,s,s*2):E(t,0,e,e-s*2,e-s)}updateColorFromChannels(t){this.internalColorSet(vt(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:e}=this;const s=t[e]().array().map(((t,e)=>{const s=e===3;return s?t:Math.floor(t)}));if(s.length===3){s.push(1)}return s}getAdjustedScopePosition(t,e){return[t-Ft/2,e-Ft/2]}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{alphaChannel:["handleAlphaChannelChange","handleFormatOrAlphaChannelChange"],color:["handleColorChange"],format:["handleFormatOrAlphaChannelChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};Dt.style=Ot;const It={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"};const qt=":host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:68px;margin-inline-start:-1px}:host([scale=s]) .container{flex-wrap:wrap;row-gap:0.125rem}:host([scale=s]) .opacity-input{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .opacity-input{inline-size:88px}:host([hidden]){display:none}[hidden]{display:none}";const Et=vt();const Nt=class{constructor(s){t(this,s);this.calciteColorPickerHexInputChange=e(this,"calciteColorPickerHexInputChange",6);this.onHexInputBlur=()=>{const t=this.hexInputNode;const e=t.value;const s=`#${e}`;const{allowEmpty:n,internalColor:i}=this;const o=n&&!e;const r=k(s);this.onHexInputChange();if(o||x(s)&&r){return}t.value=n&&!i?"":this.formatHexForInternalInput(C(i.object()))};this.onOpacityInputBlur=()=>{const t=this.opacityInputNode;const e=t.value;const{allowEmpty:s,internalColor:n}=this;const i=s&&!e;if(i){return}t.value=s&&!n?"":this.formatOpacityForInternalInput(n)};this.onHexInputChange=()=>{const t=this.hexInputNode.value;let e=t;if(e){const t=h(e,false);const s=x(t)&&this.alphaChannel;if(s&&this.internalColor){const s=h(this.internalColor.hexa(),true).slice(-2);e=`${t+s}`}}this.internalSetValue(e,this.value)};this.onOpacityInputChange=()=>{const t=this.opacityInputNode;let e;if(!t.value){e=t.value}else{const s=d(Number(t.value));e=this.internalColor?.alpha(s).hexa()}this.internalSetValue(e,this.value)};this.onInputKeyDown=t=>{const{altKey:e,ctrlKey:s,metaKey:n,shiftKey:i}=t;const{alphaChannel:o,hexInputNode:r,internalColor:a,value:l}=this;const{key:c}=t;const h=t.composedPath();if(c==="Tab"||c==="Enter"){if(h.includes(r)){this.onHexInputChange()}else{this.onOpacityInputChange()}if(c==="Enter"){t.preventDefault()}return}const d=c==="ArrowDown"||c==="ArrowUp";const f=this.value;if(d){if(!l){this.internalSetValue(this.previousNonNullValue,f);t.preventDefault();return}const e=c==="ArrowUp"?1:-1;const s=i?10:1;this.internalSetValue(u(this.nudgeRGBChannels(a,s*e,h.includes(r)?"rgb":"a"),o),f);t.preventDefault();return}const p=e||s||n;const g=c.length===1;const b=M.test(c);if(g&&!p&&!b){t.preventDefault()}};this.onHexInputPaste=t=>{const e=t.clipboardData.getData("text");if(x(e)){t.preventDefault();this.hexInputNode.value=e.slice(1)}};this.previousNonNullValue=this.value;this.storeHexInputRef=t=>{this.hexInputNode=t};this.storeOpacityInputRef=t=>{this.opacityInputNode=t};this.allowEmpty=false;this.alphaChannel=false;this.hexLabel="Hex";this.messages=undefined;this.numberingSystem=undefined;this.scale="m";this.value=h(u(Et,this.alphaChannel),this.alphaChannel,true);this.internalColor=Et}connectedCallback(){const{allowEmpty:t,alphaChannel:e,value:s}=this;if(s){const t=h(s,e);if(x(t,e)){this.internalSetValue(t,t,false)}return}if(t){this.internalSetValue(null,null,false)}}componentWillLoad(){$(this)}componentDidLoad(){D(this)}handleValueChange(t,e){this.internalSetValue(t,e,false)}render(){const{alphaChannel:t,hexLabel:e,internalColor:n,messages:i,scale:o,value:r}=this;const a=this.formatHexForInternalInput(r);const l=this.formatOpacityForInternalInput(n);const c=o==="l"?"m":"s";return s("div",{class:It.container},s("calcite-input-text",{class:It.hexInput,label:i?.hex||e,maxLength:6,onCalciteInputTextChange:this.onHexInputChange,onCalciteInternalInputTextBlur:this.onHexInputBlur,onKeyDown:this.onInputKeyDown,onPaste:this.onHexInputPaste,prefixText:"#",scale:c,value:a,ref:this.storeHexInputRef}),t?s("calcite-input-number",{class:It.opacityInput,key:"opacity-input",label:i?.opacity,max:jt.max,maxLength:3,min:jt.min,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.onOpacityInputChange,onCalciteInternalInputNumberBlur:this.onOpacityInputBlur,onKeyDown:this.onInputKeyDown,scale:c,suffixText:"%",value:l,ref:this.storeOpacityInputRef}):null)}async setFocus(){await O(this);return a(this.hexInputNode)}internalSetValue(t,e,s=true){if(t){const{alphaChannel:e}=this;const n=h(t,e,e);if(x(n,e)){const{internalColor:t}=this;const i=vt(n);const o=h(u(i,e),e);const r=!t||o!==h(u(t,e),e);this.internalColor=i;this.previousNonNullValue=o;this.value=o;if(r&&s){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;if(s){this.calciteColorPickerHexInputChange.emit()}return}this.value=e}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${f(t.alpha())}`:""}nudgeRGBChannels(t,e,s){let n;const i=t.array();const o=i.slice(0,3);if(s==="rgb"){const t=o.map((t=>t+e));n=[...t,this.alphaChannel?i[3]:undefined]}else{const s=d(f(t.alpha())+e);n=[...o,s]}return vt(n)}get el(){return n(this)}static get watchers(){return{value:["handleValueChange"]}}};Nt.style=qt;const Lt={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"};const Kt={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"};const Ut=4;const Pt={squareSize:Ut,size:Ut*2};const Tt=":host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}";const _t=class{constructor(e){t(this,e);this.active=false;this.color=undefined;this.scale="m"}handleColorChange(t){this.internalColor=t?vt(t):null}componentWillLoad(){this.handleColorChange(this.color)}render(){const t=!this.internalColor;const e={[Lt.swatch]:true,[Lt.noColorSwatch]:t};return s("svg",{class:e,xmlns:"http://www.w3.org/2000/svg"},this.renderSwatch())}renderSwatch(){const{active:t,el:e,internalColor:n}=this;const o=t?"100%":"0";const r=l(e);const a=r==="light"?Kt.borderLight:Kt.borderDark;const c={height:"100%",rx:o,stroke:a,["stroke-width"]:"2",width:"100%"};const h=!n;if(h){return s(i,null,s("clipPath",{id:"shape"},s("rect",{height:"100%",rx:o,width:"100%"})),s("rect",{"clip-path":`inset(0 round ${o})`,rx:o,...c}),s("line",{"clip-path":"url(#shape)","stroke-width":"3",x1:"100%",x2:"0",y1:"0",y2:"100%"}))}const d=n.alpha();const f=u(n);const p=u(n,d<1);return s(i,null,s("title",null,p),s("defs",null,s("pattern",{height:Pt.size,id:"checker",patternUnits:"userSpaceOnUse",width:Pt.size,x:"0",y:"0"},s("rect",{class:Lt.checker,height:Pt.squareSize,width:Pt.squareSize,x:"0",y:"0"}),s("rect",{class:Lt.checker,height:Pt.squareSize,width:Pt.squareSize,x:Pt.squareSize,y:Pt.squareSize}))),s("rect",{fill:"url(#checker)",height:"100%",rx:o,width:"100%"}),s("rect",{fill:f,style:{"clip-path":d<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`},...c}),d<1?s("rect",{fill:p,key:"opacity-fill",style:{"clip-path":"polygon(100% 0, 100% 100%, 0 100%)"},...c}):null)}get el(){return n(this)}static get watchers(){return{color:["handleColorChange"]}}};_t.style=Tt;export{Dt as calcite_color_picker,Nt as calcite_color_picker_hex_input,_t as calcite_color_picker_swatch};
+//# sourceMappingURL=p-cef3ebc6.entry.js.map