@esri/calcite-components 2.8.0-next.9 → 2.8.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["isTreeItem","element","tagName","getTraversableItems","root","Array","from","querySelectorAll","filter","item","currentItem","undefined","parent","parentElement","traversable","hasChildren","expanded","treeCss","CalciteTreeStyle0","Tree","this","keyDownHandler","event","child","el","target","supportedKeys","contains","includes","key","traversableItems","forEach","tabIndex","currentItemIndex","indexOf","nextItem","focus","preventDefault","previousItem","rootToItemPath","slice","reverse","parentItem","find","depth","disabled","firstNode","shift","lastNode","pop","componentWillRender","closest","lines","scale","selectionMode","render","h","Host","toString","onKeyDown","role","getRootTabIndex","onFocus","focusTarget","querySelector","focusElement","onFocusIn","focusedFromRootOrOutsideTree","relatedTarget","removeAttribute","onFocusOut","willFocusOutsideTree","onInternalTreeItemSelect","childItems","nodeListToArray","stopPropagation","updateAncestorTree","isNoneSelectionMode","shouldSelect","shouldDeselectAllChildren","shouldModifyToCurrentSelection","detail","modifyCurrentSelection","shouldClearCurrentSelection","length","shouldUpdateExpand","targetItems","push","selectedItems","treeItem","selected","window","getSelection","removeAllRanges","i","calciteTreeSelect","emit","updateItem","indeterminate","ancestors","childItemsWithNoChildren","childItemsWithChildren","futureSelected","updateItemState","unselected","directChildItems","ancestor","descendants","activeDescendants","CSS","actionsEnd","checkboxLabel","checkbox","chevron","nodeContainer","childrenContainer","bulletPointIcon","checkmarkIcon","itemExpanded","iconStart","nodeAndActionsContainer","SLOTS","children","ICONS","bulletPoint","checkmark","chevronRight","blank","treeItemCss","CalciteTreeItemStyle0","TreeItem","iconClickHandler","childrenClickHandler","userChangedValue","updateParentIsExpanded","items","getSlotted","all","selector","parentExpanded","actionsEndSlotChangeHandler","hasEndActions","slotChangeHasAssignedElement","expandedHandler","newValue","handleSelectedChange","value","calciteInternalTreeItemSelect","getSelectionMode","isSelectionMultiLike","connectedCallback","parentTreeItem","connectConditionalSlotComponent","connectInteractive","disconnectedCallback","disconnectConditionalSlotComponent","disconnectInteractive","parentTree","nextParentTree","componentWillLoad","requestAnimationFrame","updateAfterInitialRender","componentDidLoad","componentDidRender","updateHostInteraction","rtl","getElementDir","showBulletPoint","showCheckmark","showBlank","class","CSS_UTILITY","icon","onClick","getIconScale","defaultSlotNode","checked","selectedIcon","itemIndicator","hidden","isExpanded","slotNode","name","onSlotchange","iconStartEl","flipRtl","iconFlipRtl","toAriaBoolean","InteractiveContainer","ref","defaultSlotWrapper","actionSlotWrapper","isActionEndEvent","link","filterDirectChildren","composedPath","toLowerCase","open","href","defaultPrevented","matches","click","siblings","selectedSiblings"],"sources":["src/components/tree/utils.ts","src/components/tree/tree.scss?tag=calcite-tree&encapsulation=shadow","src/components/tree/tree.tsx","src/components/tree-item/resources.ts","src/components/tree-item/tree-item.scss?tag=calcite-tree-item&encapsulation=shadow","src/components/tree-item/tree-item.tsx"],"sourcesContent":["export function isTreeItem(element: Element): element is HTMLCalciteTreeItemElement {\n  return element?.tagName === \"CALCITE-TREE-ITEM\";\n}\n\nexport function getTraversableItems(root: HTMLCalciteTreeElement): HTMLCalciteTreeItemElement[] {\n  return Array.from(root.querySelectorAll<HTMLCalciteTreeItemElement>(\"calcite-tree-item:not([disabled])\")).filter(\n    (item): boolean => {\n      let currentItem: HTMLElement = item;\n\n      while (currentItem !== root && currentItem !== undefined) {\n        const parent = currentItem.parentElement;\n        const traversable = !isTreeItem(parent) || !parent.hasChildren || parent.expanded;\n\n        if (!traversable) {\n          return false;\n        }\n\n        currentItem = currentItem.parentElement;\n      }\n\n      return true;\n    },\n  );\n}\n",":host {\n  @apply block;\n}\n\n:host(:focus) {\n  @apply outline-none;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { focusElement, nodeListToArray } from \"../../utils/dom\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport { TreeItemSelectDetail } from \"../tree-item/interfaces\";\nimport { getTraversableItems, isTreeItem } from \"./utils\";\n\n/**\n * @slot - A slot for `calcite-tree-item` elements.\n */\n@Component({\n  tag: \"calcite-tree\",\n  styleUrl: \"tree.scss\",\n  shadow: true,\n})\nexport class Tree {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays indentation guide lines. */\n  @Prop({ mutable: true, reflect: true }) lines = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) child: boolean;\n\n  /** Specifies the size of the component. */\n  @Prop({ mutable: true, reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"ancestors\"` displays with a checkbox and allows any number of selections from corresponding parent and child selections,\n   *\n   * `\"children\"` allows any number of selections from one parent from corresponding parent and child selections,\n   *\n   * `\"multichildren\"` allows any number of selections from corresponding parent and child selections,\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"none\"` allows no selections,\n   *\n   * `\"single\"` allows one selection, and\n   *\n   * `\"single-persist\"` allows and requires one selection.\n   *\n   * @default \"single\"\n   */\n  @Prop({ mutable: true, reflect: true }) selectionMode: SelectionMode = \"single\";\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteTreeItemElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillRender(): void {\n    const parent: HTMLCalciteTreeElement = this.el.parentElement?.closest(\"calcite-tree\");\n    this.lines = parent ? parent.lines : this.lines;\n    this.scale = parent ? parent.scale : this.scale;\n    this.selectionMode = parent ? parent.selectionMode : this.selectionMode;\n    this.child = !!parent;\n  }\n\n  render(): VNode {\n    return (\n      <Host\n        aria-multiselectable={\n          this.child\n            ? undefined\n            : (\n                this.selectionMode === \"multiple\" || this.selectionMode === \"multichildren\"\n              ).toString()\n        }\n        onKeyDown={this.keyDownHandler}\n        role={!this.child ? \"tree\" : undefined}\n        tabIndex={this.getRootTabIndex()}\n      >\n        <slot />\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"focus\") onFocus(): void {\n    if (!this.child) {\n      const focusTarget =\n        this.el.querySelector<HTMLCalciteTreeItemElement>(\n          \"calcite-tree-item[selected]:not([disabled])\",\n        ) || this.el.querySelector<HTMLCalciteTreeItemElement>(\"calcite-tree-item:not([disabled])\");\n\n      focusElement(focusTarget);\n    }\n  }\n\n  @Listen(\"focusin\") onFocusIn(event: FocusEvent): void {\n    const focusedFromRootOrOutsideTree =\n      event.relatedTarget === this.el || !this.el.contains(event.relatedTarget as HTMLElement);\n\n    if (focusedFromRootOrOutsideTree) {\n      // gives user the ability to tab into external elements (modifying tabindex property will not work in firefox)\n      this.el.removeAttribute(\"tabindex\");\n    }\n  }\n\n  @Listen(\"focusout\") onFocusOut(event: FocusEvent): void {\n    const willFocusOutsideTree = !this.el.contains(event.relatedTarget as HTMLElement);\n\n    if (willFocusOutsideTree) {\n      this.el.tabIndex = this.getRootTabIndex();\n    }\n  }\n\n  @Listen(\"calciteInternalTreeItemSelect\")\n  onInternalTreeItemSelect(event: CustomEvent<TreeItemSelectDetail>): void {\n    if (this.child) {\n      return;\n    }\n\n    const target = event.target as HTMLCalciteTreeItemElement;\n    const childItems = nodeListToArray(\n      target.querySelectorAll(\"calcite-tree-item\"),\n    ) as HTMLCalciteTreeItemElement[];\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.selectionMode === \"ancestors\") {\n      this.updateAncestorTree(event);\n      return;\n    }\n\n    const isNoneSelectionMode = this.selectionMode === \"none\";\n\n    const shouldSelect =\n      this.selectionMode !== null &&\n      (!target.hasChildren ||\n        (target.hasChildren &&\n          (this.selectionMode === \"children\" || this.selectionMode === \"multichildren\")));\n\n    const shouldDeselectAllChildren = this.selectionMode === \"multichildren\" && target.hasChildren;\n\n    const shouldModifyToCurrentSelection =\n      !isNoneSelectionMode &&\n      event.detail.modifyCurrentSelection &&\n      (this.selectionMode === \"multiple\" || this.selectionMode === \"multichildren\");\n\n    const shouldClearCurrentSelection =\n      !shouldModifyToCurrentSelection &&\n      (((this.selectionMode === \"single\" || this.selectionMode === \"multiple\") &&\n        childItems.length <= 0) ||\n        this.selectionMode === \"children\" ||\n        this.selectionMode === \"multichildren\");\n\n    const shouldUpdateExpand =\n      [\"multiple\", \"none\", \"single\", \"single-persist\"].includes(this.selectionMode) &&\n      target.hasChildren;\n\n    const targetItems: HTMLCalciteTreeItemElement[] = [];\n\n    if (shouldSelect) {\n      targetItems.push(target);\n    }\n\n    if (shouldClearCurrentSelection) {\n      const selectedItems = nodeListToArray(\n        this.el.querySelectorAll(\"calcite-tree-item[selected]\"),\n      ) as HTMLCalciteTreeItemElement[];\n\n      selectedItems.forEach((treeItem) => {\n        if (!targetItems.includes(treeItem)) {\n          treeItem.selected = false;\n        }\n      });\n    }\n\n    if (\n      shouldUpdateExpand &&\n      [\"multiple\", \"none\", \"single\", \"single-persist\"].includes(this.selectionMode)\n    ) {\n      target.expanded = !target.expanded;\n    }\n\n    if (shouldDeselectAllChildren) {\n      childItems.forEach((item) => {\n        item.selected = false;\n        if (item.hasChildren) {\n          item.expanded = false;\n        }\n      });\n    }\n\n    if (shouldModifyToCurrentSelection) {\n      window.getSelection().removeAllRanges();\n    }\n\n    if (shouldModifyToCurrentSelection && target.selected) {\n      targetItems.forEach((treeItem) => {\n        if (!treeItem.disabled) {\n          treeItem.selected = false;\n        }\n      });\n    } else if (!isNoneSelectionMode) {\n      targetItems.forEach((treeItem) => {\n        if (!treeItem.disabled) {\n          treeItem.selected = true;\n        }\n      });\n    }\n\n    this.selectedItems = isNoneSelectionMode\n      ? []\n      : (nodeListToArray(this.el.querySelectorAll(\"calcite-tree-item\")).filter(\n          (i) => i.selected,\n        ) as HTMLCalciteTreeItemElement[]);\n\n    this.calciteTreeSelect.emit();\n\n    event.stopPropagation();\n  }\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.child) {\n      return;\n    }\n\n    const root = this.el;\n    const target = event.target as HTMLCalciteTreeItemElement;\n\n    const supportedKeys = [\"ArrowRight\", \"ArrowDown\", \"ArrowLeft\", \"ArrowUp\", \"Home\", \"End\", \"Tab\"];\n\n    if (!(isTreeItem(target) && this.el.contains(target)) || !supportedKeys.includes(event.key)) {\n      return;\n    }\n\n    const traversableItems = getTraversableItems(root);\n\n    if (event.key === \"Tab\") {\n      // root tabindex will be restored when blurred/focused\n      traversableItems.forEach((item) => (item.tabIndex = -1));\n      return;\n    }\n\n    if (event.key === \"ArrowDown\") {\n      const currentItemIndex = traversableItems.indexOf(target);\n      const nextItem = traversableItems[currentItemIndex + 1];\n      nextItem?.focus();\n      event.preventDefault();\n      return;\n    }\n\n    if (event.key === \"ArrowUp\") {\n      const currentItemIndex = traversableItems.indexOf(target);\n      const previousItem = traversableItems[currentItemIndex - 1];\n      previousItem?.focus();\n      event.preventDefault();\n      return;\n    }\n\n    if (event.key === \"ArrowLeft\") {\n      if (target.hasChildren && target.expanded) {\n        target.expanded = false;\n        event.preventDefault();\n        return;\n      }\n\n      const rootToItemPath = traversableItems.slice(0, traversableItems.indexOf(target)).reverse();\n      const parentItem = rootToItemPath.find((item) => item.depth === target.depth - 1);\n\n      parentItem?.focus();\n      event.preventDefault();\n\n      return;\n    }\n\n    if (event.key === \"ArrowRight\") {\n      if (!target.disabled && target.hasChildren) {\n        if (!target.expanded) {\n          target.expanded = true;\n          event.preventDefault();\n        } else {\n          const currentItemIndex = traversableItems.indexOf(target);\n          const nextItem = traversableItems[currentItemIndex + 1];\n          nextItem?.focus();\n          event.preventDefault();\n        }\n      }\n\n      return;\n    }\n\n    if (event.key === \"Home\") {\n      const firstNode = traversableItems.shift();\n      if (firstNode) {\n        firstNode.focus();\n        event.preventDefault();\n      }\n      return;\n    }\n\n    if (event.key === \"End\") {\n      const lastNode = traversableItems.pop();\n      if (lastNode) {\n        lastNode.focus();\n        event.preventDefault();\n      }\n      return;\n    }\n  };\n\n  private updateAncestorTree(event: CustomEvent<TreeItemSelectDetail>): void {\n    const item = event.target as HTMLCalciteTreeItemElement;\n    const updateItem = event.detail.updateItem;\n\n    if (item.disabled || (item.indeterminate && !updateItem)) {\n      return;\n    }\n\n    const ancestors: HTMLCalciteTreeItemElement[] = [];\n    let parent = item.parentElement.closest<HTMLCalciteTreeItemElement>(\"calcite-tree-item\");\n    while (parent) {\n      ancestors.push(parent);\n      parent = parent.parentElement.closest<HTMLCalciteTreeItemElement>(\"calcite-tree-item\");\n    }\n\n    const childItems = Array.from(\n      item.querySelectorAll<HTMLCalciteTreeItemElement>(\"calcite-tree-item:not([disabled])\"),\n    );\n    const childItemsWithNoChildren = childItems.filter((child) => !child.hasChildren);\n    const childItemsWithChildren = childItems.filter((child) => child.hasChildren);\n\n    let futureSelected;\n    if (updateItem) {\n      futureSelected = item.hasChildren ? !(item.selected || item.indeterminate) : !item.selected;\n    } else {\n      futureSelected = item.selected;\n    }\n\n    childItemsWithNoChildren.forEach((el) => {\n      el.selected = futureSelected;\n      el.indeterminate = false;\n    });\n\n    function updateItemState(\n      childItems: HTMLCalciteTreeItemElement[],\n      item: HTMLCalciteTreeItemElement,\n    ): void {\n      const selected = childItems.filter((child) => child.selected);\n      const unselected = childItems.filter((child) => !child.selected);\n\n      item.selected = selected.length === childItems.length;\n      item.indeterminate = selected.length > 0 && unselected.length > 0;\n    }\n\n    childItemsWithChildren.reverse().forEach((el) => {\n      const directChildItems = Array.from(\n        el.querySelectorAll<HTMLCalciteTreeItemElement>(\n          \":scope > calcite-tree > calcite-tree-item\",\n        ),\n      );\n\n      updateItemState(directChildItems, el);\n    });\n\n    if (updateItem) {\n      if (item.hasChildren) {\n        updateItemState(childItems, item);\n      } else {\n        item.selected = futureSelected;\n        item.indeterminate = false;\n      }\n    }\n\n    ancestors.forEach((ancestor) => {\n      const descendants = nodeListToArray(ancestor.querySelectorAll(\"calcite-tree-item\"));\n      const activeDescendants = descendants.filter((el) => el.selected);\n      if (activeDescendants.length === 0) {\n        ancestor.selected = false;\n        ancestor.indeterminate = false;\n        return;\n      }\n\n      const indeterminate = activeDescendants.length < descendants.length;\n      ancestor.indeterminate = indeterminate;\n      ancestor.selected = !indeterminate;\n    });\n\n    this.selectedItems = (\n      nodeListToArray(this.el.querySelectorAll(\"calcite-tree-item\")) as HTMLCalciteTreeItemElement[]\n    ).filter((i) => i.selected);\n\n    if (updateItem) {\n      this.calciteTreeSelect.emit();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the user selects/deselects `calcite-tree-items`.\n   */\n  @Event({ cancelable: false }) calciteTreeSelect: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTreeElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  getRootTabIndex(): number {\n    return !this.child ? 0 : -1;\n  }\n}\n","export const CSS = {\n  actionsEnd: \"actions-end\",\n  checkboxLabel: \"checkbox-label\",\n  checkbox: \"checkbox\",\n  chevron: \"chevron\",\n  nodeContainer: \"node-container\",\n  childrenContainer: \"children-container\",\n  bulletPointIcon: \"bullet-point\",\n  checkmarkIcon: \"checkmark\",\n  itemExpanded: \"item--expanded\",\n  iconStart: \"icon-start\",\n  nodeAndActionsContainer: \"node-actions-container\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  children: \"children\",\n};\n\nexport const ICONS = {\n  bulletPoint: \"bullet-point\",\n  checkmark: \"check\",\n  chevronRight: \"chevron-right\",\n  blank: \"blank\",\n};\n",":host {\n  @apply text-color-3\n    block\n    max-w-full\n    cursor-pointer;\n}\n\n.node-actions-container {\n  @apply flex;\n}\n\n@include calciteHydratedHidden();\n@include disabled();\n\n:host([scale=\"s\"]) {\n  @apply text-n2h;\n\n  .node-actions-container {\n    @apply min-h-[1.5rem];\n    .node-container {\n      .checkbox,\n      .checkmark,\n      .bullet-point {\n        margin-inline: theme(\"margin.1\");\n      }\n      .icon-start {\n        margin-inline: theme(\"margin.3\");\n      }\n      .chevron {\n        padding: theme(\"padding.1\");\n      }\n    }\n  }\n}\n\n:host([scale=\"m\"]) {\n  @apply text-n1h;\n\n  .node-actions-container {\n    @apply min-h-[2rem];\n    .node-container {\n      .checkbox,\n      .checkmark,\n      .bullet-point {\n        margin-inline: theme(\"margin.2\");\n      }\n      .icon-start {\n        margin-inline: theme(\"margin.3\");\n      }\n      .chevron {\n        padding: theme(\"padding.2\");\n      }\n    }\n  }\n}\n\n:host([scale=\"l\"]) {\n  @apply text-0h;\n\n  .node-actions-container {\n    @apply min-h-[2.75rem];\n    .node-container {\n      .checkbox,\n      .checkmark,\n      .bullet-point {\n        margin-inline: theme(\"margin.3\");\n      }\n      .icon-start {\n        margin-inline: theme(\"margin.3\");\n      }\n      .chevron {\n        padding-inline: var(--calcite-size-md);\n        padding-block: var(--calcite-size-sm-plus);\n      }\n    }\n  }\n}\n\n:host([lines]) {\n  .children-container:after {\n    @apply transition-default\n        absolute\n        top-0\n        w-px\n        transition-colors\n        z-default;\n    // ensure lines don't overlap focus outline\n    block-size: 96%;\n    content: \"\";\n    background-color: var(--calcite-color-border-2);\n  }\n}\n\n:host(:not([lines])) .node-container:after {\n  @apply hidden;\n}\n\n::slotted(*) {\n  @apply min-w-0 max-w-full break-words;\n  color: inherit;\n  text-decoration: none !important;\n\n  &:hover {\n    text-decoration: none !important;\n  }\n}\n\n::slotted(a) {\n  @apply w-full no-underline;\n}\n\n// focus styles\n:host {\n  @apply outline-none;\n\n  .node-container {\n    @apply focus-base;\n  }\n  &:focus,\n  &:active {\n    .node-container {\n      @apply focus-inset;\n    }\n  }\n}\n\n:host(:focus:not([disabled])) {\n  .node-container {\n    @apply focus-inset outline-none;\n  }\n}\n\n.actions-end {\n  @apply flex self-stretch flex-row items-center;\n}\n\n.checkbox {\n  line-height: 0;\n}\n\n.checkbox-label {\n  @apply pointer-events-none flex items-center;\n}\n\n.checkbox:focus {\n  @apply outline-none;\n}\n\n.children-container {\n  @apply relative h-0 overflow-hidden opacity-0 origin-top;\n  margin-inline-start: theme(\"margin.5\");\n  transform: scaleY(0);\n  transition:\n    var(--calcite-animation-timing) $easing-function,\n    opacity var(--calcite-animation-timing) $easing-function,\n    all var(--calcite-animation-timing) ease-in-out; // note that we're transitioning transform, not height!\n\n  .item--expanded > & {\n    @apply overflow-visible opacity-100;\n    transform: none;\n    block-size: auto;\n  }\n}\n\n.node-container {\n  @apply relative flex grow items-center min-w-0;\n\n  .checkmark,\n  .bullet-point {\n    @apply transition-default opacity-0;\n    color: var(--calcite-color-border-1);\n  }\n}\n\n.node-container:hover,\n:host([selected]) .node-container:hover,\n:host(:focus:not([disabled])) .node-container {\n  .checkmark,\n  .bullet-point {\n    @apply opacity-100;\n  }\n}\n\n:host([selected]) .node-container,\n:host([selected]) .node-container:hover {\n  @apply font-medium text-color-1;\n\n  .bullet-point,\n  .checkmark {\n    @apply opacity-100;\n    color: theme(\"colors.brand\");\n  }\n}\n\n:host([selection-mode=\"none\"]:not([has-children])) {\n  &:host([scale=\"s\"]) .node-container {\n    padding-inline-start: theme(\"padding.2\");\n  }\n  &:host([scale=\"m\"]) .node-container {\n    padding-inline-start: theme(\"padding.4\");\n  }\n  &:host([scale=\"l\"]) .node-container {\n    padding-inline-start: theme(\"padding.6\");\n  }\n}\n\n// ancestors selection-mode, dropdown without children\n:host(:not([has-children])) {\n  &:host([scale=\"s\"]) .node-container[data-selection-mode=\"ancestors\"] .checkbox {\n    padding-inline-start: theme(\"padding.5\");\n  }\n  &:host([scale=\"m\"]) .node-container[data-selection-mode=\"ancestors\"] .checkbox {\n    padding-inline-start: theme(\"padding.6\");\n  }\n  &:host([scale=\"l\"]) .node-container[data-selection-mode=\"ancestors\"] .checkbox {\n    padding-inline-start: 1.75rem;\n  }\n}\n// ancestors selection-mode, dropdown with children\n:host([has-children]) .node-container[data-selection-mode=\"ancestors\"] {\n  .checkbox {\n    margin-inline-start: 0;\n  }\n}\n\n// dropdown with children\n:host([has-children]) .node-container {\n  .bullet-point,\n  .checkmark {\n    @apply hidden;\n  }\n}\n\n.chevron {\n  @apply transition-default\n    text-color-3\n    relative\n    self-center;\n  flex: 0 0 auto;\n  transform: rotate(0deg);\n\n  .calcite--rtl & {\n    transform: rotate(180deg);\n  }\n\n  .item--expanded .node-container > & {\n    transform: rotate(90deg);\n  }\n}\n\n:host([selected]) {\n  .checkmark,\n  .bullet-point {\n    color: var(--calcite-color-brand);\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  filterDirectChildren,\n  getElementDir,\n  getSlotted,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { FlipContext, Scale, SelectionMode } from \"../interfaces\";\nimport { getIconScale } from \"../../utils/component\";\nimport { TreeItemSelectDetail } from \"./interfaces\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding text.\n * @slot children - A slot for adding nested `calcite-tree` elements.\n * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or fewer actions.\n */\n@Component({\n  tag: \"calcite-tree-item\",\n  styleUrl: \"tree-item.scss\",\n  shadow: true,\n})\nexport class TreeItem implements ConditionalSlotComponent, 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  /** When `true`, the component is expanded. */\n  @Prop({ mutable: true, reflect: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(newValue: boolean): void {\n    this.updateParentIsExpanded(this.el, newValue);\n  }\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** When `true`, the component is selected. */\n  @Prop({ mutable: true, reflect: true }) selected = false;\n\n  @Watch(\"selected\")\n  handleSelectedChange(value: boolean): void {\n    if (this.selectionMode === \"ancestors\" && !this.userChangedValue) {\n      if (value) {\n        this.indeterminate = false;\n      }\n      this.calciteInternalTreeItemSelect.emit({\n        modifyCurrentSelection: true,\n        updateItem: false,\n      });\n    }\n  }\n\n  /**\n   * @internal\n   */\n  @Prop() parentExpanded = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) depth = -1;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) hasChildren: boolean = null;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) lines: boolean;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) scale: Scale;\n\n  /**\n   * In ancestor selection mode, show as indeterminate when only some children are selected.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) indeterminate = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) selectionMode: SelectionMode;\n\n  @Watch(\"selectionMode\")\n  getSelectionMode(): void {\n    this.isSelectionMultiLike =\n      this.selectionMode === \"multiple\" || this.selectionMode === \"multichildren\";\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.parentTreeItem = this.el.parentElement?.closest(\"calcite-tree-item\");\n    if (this.parentTreeItem) {\n      const { expanded } = this.parentTreeItem;\n      this.updateParentIsExpanded(this.parentTreeItem, expanded);\n    }\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectInteractive(this);\n  }\n\n  componentWillRender(): void {\n    this.hasChildren = !!this.el.querySelector(\"calcite-tree\");\n    this.depth = 0;\n    let parentTree = this.el.closest(\"calcite-tree\");\n\n    if (!parentTree) {\n      return;\n    }\n\n    this.selectionMode = parentTree.selectionMode;\n    this.scale = parentTree.scale || \"m\";\n    this.lines = parentTree.lines;\n\n    let nextParentTree;\n    while (parentTree) {\n      nextParentTree = parentTree.parentElement?.closest(\"calcite-tree\");\n      if (nextParentTree === parentTree) {\n        break;\n      } else {\n        parentTree = nextParentTree;\n        this.depth = this.depth + 1;\n      }\n    }\n  }\n\n  componentWillLoad(): void {\n    requestAnimationFrame(() => (this.updateAfterInitialRender = true));\n  }\n\n  componentDidLoad(): void {\n    this.updateAncestorTree();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTreeItemElement;\n\n  private isSelectionMultiLike: boolean;\n\n  render(): VNode {\n    const rtl = getElementDir(this.el) === \"rtl\";\n    const showBulletPoint = this.selectionMode === \"single\" || this.selectionMode === \"children\";\n    const showCheckmark =\n      this.selectionMode === \"multiple\" || this.selectionMode === \"multichildren\";\n    const showBlank = this.selectionMode === \"none\" && !this.hasChildren;\n\n    const chevron = this.hasChildren ? (\n      <calcite-icon\n        class={{\n          [CSS.chevron]: true,\n          [CSS_UTILITY.rtl]: rtl,\n        }}\n        data-test-id=\"icon\"\n        icon={ICONS.chevronRight}\n        onClick={this.iconClickHandler}\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const defaultSlotNode: VNode = <slot key=\"default-slot\" />;\n\n    const checkbox =\n      this.selectionMode === \"ancestors\" ? (\n        <label class={CSS.checkboxLabel} key=\"checkbox-label\">\n          <calcite-checkbox\n            checked={this.selected}\n            class={CSS.checkbox}\n            data-test-id=\"checkbox\"\n            indeterminate={this.hasChildren && this.indeterminate}\n            scale={this.scale}\n            tabIndex={-1}\n          />\n          {defaultSlotNode}\n        </label>\n      ) : null;\n    const selectedIcon = showBulletPoint\n      ? ICONS.bulletPoint\n      : showCheckmark\n        ? ICONS.checkmark\n        : showBlank\n          ? ICONS.blank\n          : null;\n    const itemIndicator = selectedIcon ? (\n      <calcite-icon\n        class={{\n          [CSS.bulletPointIcon]: selectedIcon === ICONS.bulletPoint,\n          [CSS.checkmarkIcon]: selectedIcon === ICONS.checkmark,\n          [CSS_UTILITY.rtl]: rtl,\n        }}\n        icon={selectedIcon}\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n\n    const hidden = !(this.parentExpanded || this.depth === 1);\n    const isExpanded = this.updateAfterInitialRender && this.expanded;\n    const { hasEndActions } = this;\n    const slotNode = (\n      <slot\n        key=\"actionsEndSlot\"\n        name={SLOTS.actionsEnd}\n        onSlotchange={this.actionsEndSlotChangeHandler}\n      />\n    );\n\n    const iconStartEl = (\n      <calcite-icon\n        class={CSS.iconStart}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    return (\n      <Host\n        aria-expanded={this.hasChildren ? toAriaBoolean(isExpanded) : undefined}\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-selected={this.selected ? \"true\" : showCheckmark ? \"false\" : undefined}\n        calcite-hydrated-hidden={hidden}\n        role=\"treeitem\"\n        tabIndex={this.disabled ? -1 : 0}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={{ [CSS.itemExpanded]: isExpanded }}>\n            <div class={CSS.nodeAndActionsContainer}>\n              <div\n                class={{\n                  [CSS.nodeContainer]: true,\n                  [CSS_UTILITY.rtl]: rtl,\n                }}\n                data-selection-mode={this.selectionMode}\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.defaultSlotWrapper = el as HTMLElement)}\n              >\n                {chevron}\n                {itemIndicator}\n                {this.iconStart ? iconStartEl : null}\n                {checkbox ? checkbox : defaultSlotNode}\n              </div>\n              <div\n                class={CSS.actionsEnd}\n                hidden={!hasEndActions}\n                // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop\n                ref={(el) => (this.actionSlotWrapper = el as HTMLElement)}\n              >\n                {slotNode}\n              </div>\n            </div>\n\n            <div\n              class={{\n                [CSS.childrenContainer]: true,\n                [CSS_UTILITY.rtl]: rtl,\n              }}\n              data-test-id=\"calcite-tree-children\"\n              onClick={this.childrenClickHandler}\n              role={this.hasChildren ? \"group\" : undefined}\n            >\n              <slot name={SLOTS.children} />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\")\n  onClick(event: Event): void {\n    if (this.disabled || this.isActionEndEvent(event)) {\n      return;\n    }\n\n    // Solve for if the item is clicked somewhere outside the slotted anchor.\n    // Anchor is triggered anywhere you click\n    const [link] = filterDirectChildren<HTMLAnchorElement>(this.el, \"a\");\n    if (link && (event.composedPath()[0] as any).tagName.toLowerCase() !== \"a\") {\n      const target = link.target === \"\" ? \"_self\" : link.target;\n      window.open(link.href, target);\n    }\n    this.calciteInternalTreeItemSelect.emit({\n      modifyCurrentSelection: this.selectionMode === \"ancestors\" || this.isSelectionMultiLike,\n      updateItem: true,\n    });\n    this.userChangedValue = true;\n  }\n\n  private iconClickHandler = (event: MouseEvent): void => {\n    event.stopPropagation();\n    this.expanded = !this.expanded;\n  };\n\n  private childrenClickHandler = (event: MouseEvent): void => event.stopPropagation();\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    if (this.isActionEndEvent(event) || event.defaultPrevented) {\n      return;\n    }\n\n    switch (event.key) {\n      case \" \":\n        this.userChangedValue = true;\n        this.calciteInternalTreeItemSelect.emit({\n          modifyCurrentSelection: this.isSelectionMultiLike,\n          updateItem: true,\n        });\n        event.preventDefault();\n        break;\n      case \"Enter\":\n        // activates a node, i.e., performs its default action. For parent nodes, one possible default action is to open or close the node. In single-select trees where selection does not follow focus (see note below), the default action is typically to select the focused node.\n        const link = Array.from(this.el.children).find((el) =>\n          el.matches(\"a\"),\n        ) as HTMLAnchorElement;\n\n        this.userChangedValue = true;\n\n        if (link) {\n          link.click();\n          this.selected = true;\n        } else {\n          this.calciteInternalTreeItemSelect.emit({\n            modifyCurrentSelection: this.isSelectionMultiLike,\n            updateItem: true,\n          });\n        }\n        event.preventDefault();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTreeItemSelect: EventEmitter<TreeItemSelectDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @State() hasEndActions = false;\n\n  /**\n   * Used to make sure initially expanded tree-item can properly\n   * transition and emit events from closed state when rendered.\n   *\n   * @private\n   */\n  @State() updateAfterInitialRender = false;\n\n  actionSlotWrapper!: HTMLElement;\n\n  childrenSlotWrapper!: HTMLElement;\n\n  defaultSlotWrapper!: HTMLElement;\n\n  private parentTreeItem?: HTMLCalciteTreeItemElement;\n\n  private userChangedValue = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private isActionEndEvent(event: Event): boolean {\n    const composedPath = event.composedPath();\n    return composedPath.includes(this.actionSlotWrapper);\n  }\n\n  private updateParentIsExpanded = (el: HTMLCalciteTreeItemElement, expanded: boolean): void => {\n    const items = getSlotted<HTMLCalciteTreeItemElement>(el, SLOTS.children, {\n      all: true,\n      selector: \"calcite-tree-item\",\n    });\n    items.forEach((item) => (item.parentExpanded = expanded));\n  };\n\n  /**\n   * This is meant to be called in `componentDidLoad` in order to take advantage of the hierarchical component lifecycle\n   * and help check for item selection as items are initialized\n   *\n   * @private\n   */\n  private updateAncestorTree(): void {\n    const parentItem = this.parentTreeItem;\n    if (this.selectionMode !== \"ancestors\" || !parentItem) {\n      return;\n    }\n\n    if (this.selected) {\n      const parentTree = this.el.parentElement;\n      const siblings = Array.from(parentTree?.children);\n      const selectedSiblings = siblings.filter(\n        (child: HTMLCalciteTreeItemElement) => child.selected,\n      );\n\n      if (siblings.length === selectedSiblings.length) {\n        parentItem.selected = true;\n        parentItem.indeterminate = false;\n      } else if (selectedSiblings.length > 0) {\n        parentItem.indeterminate = true;\n      }\n\n      const childItems = Array.from(\n        this.el.querySelectorAll<HTMLCalciteTreeItemElement>(\"calcite-tree-item:not([disabled])\"),\n      );\n\n      childItems.forEach((item: HTMLCalciteTreeItemElement) => {\n        item.selected = true;\n        item.indeterminate = false;\n      });\n    } else if (this.indeterminate) {\n      const parentItem = this.parentTreeItem;\n      parentItem.indeterminate = true;\n    }\n  }\n\n  private actionsEndSlotChangeHandler = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-fb90f4b0.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.8.0
+ */
+import{d as e}from"./p-7d3bce5c.js";import"./p-2cca1b5a.js";import"./p-028b0bc6.js";import"./p-471227bd.js";import"./p-46e63924.js";import"./p-696889fe.js";import"./p-827bd580.js";import"./p-7a70c542.js";import"./p-f8ee4dc8.js";import"./p-45e5e6ed.js";import"./p-c6aeed91.js";import"./p-01eca752.js";import"./p-4a2aba9a.js";import"./p-720054c4.js";import"./p-4c915f5e.js";import"./p-c54d178f.js";import"./p-9ca50819.js";import"./p-bdac53eb.js";import"./p-3870e69b.js";var r={name:"zh-cn",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"周日_周一_周二_周三_周四_周五_周六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function e(r,t){switch(t){case"W":return r+"周";default:return r+"日"}},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日Ah点mm分",LLLL:"YYYY年M月D日ddddAh点mm分",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s内",past:"%s前",s:"几秒",m:"1 分钟",mm:"%d 分钟",h:"1 小时",hh:"%d 小时",d:"1 天",dd:"%d 天",M:"1 个月",MM:"%d 个月",y:"1 年",yy:"%d 年"},meridiem:function e(r,t){var _=r*100+t;if(_<600){return"凌晨"}else if(_<900){return"早上"}else if(_<1100){return"上午"}else if(_<1300){return"中午"}else if(_<1800){return"下午"}return"晚上"}};e.locale(r,null,true);export{r as default};
+//# sourceMappingURL=p-fb90f4b0.js.map

package/dist/calcite/p-fb9619a8.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.8.0
+ */
+import{r as e,c as t,h as i,H as o,g as a}from"./p-2cca1b5a.js";import{c as n,d as s}from"./p-e659b430.js";import{e as r,b as l,f as c,w as d}from"./p-471227bd.js";import{d as h,a as m,c as b,u as p}from"./p-4c915f5e.js";import{s as f,a as u,c as g}from"./p-01eca752.js";import{c as x}from"./p-720054c4.js";import{o as v}from"./p-bdac53eb.js";import{c as k,d as y}from"./p-4a2aba9a.js";import{s as z,c as w,d as C,u as j}from"./p-9ca50819.js";import{g as $,c as M}from"./p-c6aeed91.js";import"./p-46e63924.js";import"./p-696889fe.js";import"./p-f8ee4dc8.js";const O={modal:"modal",title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",container:"container",containerOpen:"container--open",content:"content",contentNoFooter:"content--no-footer",contentBottom:"content-bottom",contentTop:"content-top",slottedInShell:"slotted-in-shell",openingIdle:"modal--opening-idle",openingActive:"modal--opening-active",closingIdle:"modal--closing-idle",closingActive:"modal--closing-active"};const B={close:"x"};const F={content:"content",contentBottom:"content-bottom",contentTop:"content-top",header:"header",back:"back",secondary:"secondary",primary:"primary"};const D=":host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container.slotted-in-shell{position:absolute;pointer-events:auto}.container.slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";const T=D;let L=0;let S="";const A=class{constructor(i){e(this,i);this.calciteModalBeforeClose=t(this,"calciteModalBeforeClose",6);this.calciteModalClose=t(this,"calciteModalClose",6);this.calciteModalBeforeOpen=t(this,"calciteModalBeforeOpen",6);this.calciteModalOpen=t(this,"calciteModalOpen",6);this.ignoreOpenChange=false;this.mutationObserver=x("mutation",(()=>this.handleMutationObserver()));this.cssVarObserver=x("mutation",(()=>{this.updateSizeCssVars()}));this.openTransitionProp="opacity";this.setTransitionEl=e=>{this.transitionEl=e};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteModalOpen",this.openEnd)};this.handleCloseClick=()=>{this.open=false};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeModal=async()=>{if(this.beforeClose){try{await this.beforeClose(this.el)}catch(e){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}L--;this.opened=false;this.removeOverflowHiddenClass()};this.handleMutationObserver=()=>{this.updateFooterVisibility();this.updateFocusTrapElements()};this.updateFooterVisibility=()=>{this.hasFooter=!!r(this.el,[F.back,F.primary,F.secondary])};this.updateSizeCssVars=()=>{this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width");this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")};this.contentTopSlotChangeHandler=e=>{this.hasContentTop=l(e)};this.contentBottomSlotChangeHandler=e=>{this.hasContentBottom=l(e)};this.open=false;this.opened=false;this.beforeClose=undefined;this.closeButtonDisabled=false;this.focusTrapDisabled=false;this.outsideCloseDisabled=false;this.docked=undefined;this.escapeDisabled=false;this.scale="m";this.widthScale="m";this.fullscreen=undefined;this.kind=undefined;this.messages=undefined;this.messageOverrides=undefined;this.slottedInShell=undefined;this.cssWidth=undefined;this.cssHeight=undefined;this.hasFooter=true;this.hasContentTop=false;this.hasContentBottom=false;this.effectiveLocale=undefined;this.defaultMessages=undefined}handleFocusTrapDisabled(e){if(!this.open){return}e?h(this):m(this)}onMessagesChange(){}async componentWillLoad(){await z(this);f(this);if(this.open){this.openModal()}}componentDidLoad(){u(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]});this.updateSizeCssVars();this.updateFooterVisibility();n(this);k(this);w(this);b(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();this.cssVarObserver?.disconnect();s(this);h(this);y(this);C(this);this.slottedInShell=false}render(){return i(o,{key:"b7f4d97818454e50db3870714f97cc626b97dd33","aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},i("div",{key:"721d5a12fdfcc99dc9dba820b17cd7ffecd9d0b1",class:{[O.container]:true,[O.containerOpen]:this.opened,[O.slottedInShell]:this.slottedInShell}},i("calcite-scrim",{key:"842588afb9d19ec36a355277ba06b8cb1a454ba3",class:O.scrim,onClick:this.handleOutsideClose}),this.renderStyle(),i("div",{key:"b98514b2ef65856b94cca345285785fc0b056f45",class:{[O.modal]:true},ref:this.setTransitionEl},i("div",{key:"fdbe8abc670bd2889c05ccd6597f485bc0c0b135",class:O.header},this.renderCloseButton(),i("header",{key:"d956c14a762c22d13920e0e34b11fc8bc1b9305b",class:O.title},i("slot",{key:"d7dcd4a9a4e2029a8e5961519538aeaad6092942",name:O.header}))),this.renderContentTop(),i("div",{key:"5b3fd60ed69388e2b001bd188be169c86f5d40db",class:{[O.content]:true,[O.contentNoFooter]:!this.hasFooter},ref:e=>this.modalContent=e},i("slot",{key:"84a4dbeb3d1188c3f9c5b7877bf751f735262a87",name:F.content})),this.renderContentBottom(),this.renderFooter())))}renderFooter(){return this.hasFooter?i("div",{class:O.footer,key:"footer"},i("span",{class:O.back},i("slot",{name:F.back})),i("span",{class:O.secondary},i("slot",{name:F.secondary})),i("span",{class:O.primary},i("slot",{name:F.primary}))):null}renderContentTop(){return i("div",{class:O.contentTop,hidden:!this.hasContentTop},i("slot",{name:F.contentTop,onSlotchange:this.contentTopSlotChangeHandler}))}renderContentBottom(){return i("div",{class:O.contentBottom,hidden:!this.hasContentBottom},i("slot",{name:F.contentBottom,onSlotchange:this.contentBottomSlotChangeHandler}))}renderCloseButton(){return!this.closeButtonDisabled?i("button",{"aria-label":this.messages.close,class:O.close,key:"button",onClick:this.handleCloseClick,title:this.messages.close,ref:e=>this.closeButtonEl=e},i("calcite-icon",{icon:B.close,scale:$(this.scale)})):null}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight)){return i("style",null,`.${O.container} {\n              ${this.docked&&this.cssWidth?`align-items: center !important;`:""}\n            }\n            .${O.modal} {\n              block-size: ${this.cssHeight?this.cssHeight:"auto"} !important;\n              ${this.cssWidth?`inline-size: ${this.cssWidth} !important;`:""}\n              ${this.cssWidth?`max-inline-size: ${this.cssWidth} !important;`:""}\n              ${this.docked?`border-radius: var(--calcite-border-radius) !important;`:""}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${O.container} {\n                ${this.docked?`align-items: flex-end !important;`:""}\n              }\n              .${O.modal} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${!this.docked?`block-size: 100% !important;`:""}\n                ${!this.docked?`border-radius: 0 !important;`:""}\n                ${this.docked?`border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;`:""}\n              }\n            }\n          `)}}effectiveLocaleChange(){j(this,this.effectiveLocale)}handleEscape(e){if(this.open&&!this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented){this.open=false;e.preventDefault()}}async setFocus(){await g(this);c(this.el)}async updateFocusTrapElements(){p(this)}async scrollContent(e=0,t=0){if(this.modalContent){if(this.modalContent.scrollTo){this.modalContent.scrollTo({top:e,left:t,behavior:"smooth"})}else{this.modalContent.scrollTop=e;this.modalContent.scrollLeft=t}}}onBeforeOpen(){this.transitionEl.classList.add(O.openingActive);this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove(O.openingIdle,O.openingActive);this.calciteModalOpen.emit();m(this)}onBeforeClose(){this.transitionEl.classList.add(O.closingActive);this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl.classList.remove(O.closingIdle,O.closingActive);this.calciteModalClose.emit();h(this)}toggleModal(e){if(this.ignoreOpenChange){return}if(e){this.openModal()}else{this.closeModal()}}handleOpenedChange(e){const t=e?O.openingIdle:O.closingIdle;this.transitionEl.classList.add(t);v(this)}async openModal(){await M(this.el);this.el.addEventListener("calciteModalOpen",this.openEnd);this.opened=true;const e=r(this.el,F.header);const t=r(this.el,F.content);this.titleId=d(e);this.contentId=d(t);if(!this.slottedInShell){if(L===0){S=document.documentElement.style.overflow}L++;document.documentElement.style.setProperty("overflow","hidden")}}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",S)}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleModal"],opened:["handleOpenedChange"]}}};A.style=T;export{A as calcite_modal};
+//# sourceMappingURL=p-fb9619a8.entry.js.map

package/dist/calcite/p-fcbb956b.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.8.0
+ */
+import"./p-2cca1b5a.js";import{g as t}from"./p-471227bd.js";import{d as n}from"./p-991190ac.js";const e=["top","right","bottom","left"];const o=["start","end"];const s=e.reduce(((t,n)=>t.concat(n,n+"-"+o[0],n+"-"+o[1])),[]);const i=Math.min;const r=Math.max;const c=Math.round;const l=Math.floor;const a=t=>({x:t,y:t});const f={left:"right",right:"left",bottom:"top",top:"bottom"};const u={start:"end",end:"start"};function d(t,n,e){return r(t,i(n,e))}function m(t,n){return typeof t==="function"?t(n):t}function p(t){return t.split("-")[0]}function y(t){return t.split("-")[1]}function h(t){return t==="x"?"y":"x"}function g(t){return t==="y"?"height":"width"}function w(t){return["top","bottom"].includes(p(t))?"y":"x"}function x(t){return h(w(t))}function v(t,n,e){if(e===void 0){e=false}const o=y(t);const s=x(t);const i=g(s);let r=s==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[i]>n.floating[i]){r=D(r)}return[r,D(r)]}function b(t){const n=D(t);return[A(t),n,A(n)]}function A(t){return t.replace(/start|end/g,(t=>u[t]))}function k(t,n,e){const o=["left","right"];const s=["right","left"];const i=["top","bottom"];const r=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?s:o;return n?o:s;case"left":case"right":return n?i:r;default:return[]}}function S(t,n,e,o){const s=y(t);let i=k(p(t),e==="start",o);if(s){i=i.map((t=>t+"-"+s));if(n){i=i.concat(i.map(A))}}return i}function D(t){return t.replace(/left|right|bottom|top/g,(t=>f[t]))}function P(t){return{top:0,right:0,bottom:0,left:0,...t}}function R(t){return typeof t!=="number"?P(t):{top:t,right:t,bottom:t,left:t}}function O(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function E(t,n,e){let{reference:o,floating:s}=t;const i=w(n);const r=x(n);const c=g(r);const l=p(n);const a=i==="y";const f=o.x+o.width/2-s.width/2;const u=o.y+o.height/2-s.height/2;const d=o[c]/2-s[c]/2;let m;switch(l){case"top":m={x:f,y:o.y-s.height};break;case"bottom":m={x:f,y:o.y+o.height};break;case"right":m={x:o.x+o.width,y:u};break;case"left":m={x:o.x-s.width,y:u};break;default:m={x:o.x,y:o.y}}switch(y(n)){case"start":m[r]-=d*(e&&a?-1:1);break;case"end":m[r]+=d*(e&&a?-1:1);break}return m}const F=async(t,n,e)=>{const{placement:o="bottom",strategy:s="absolute",middleware:i=[],platform:r}=e;const c=i.filter(Boolean);const l=await(r.isRTL==null?void 0:r.isRTL(n));let a=await r.getElementRects({reference:t,floating:n,strategy:s});let{x:f,y:u}=E(a,o,l);let d=o;let m={};let p=0;for(let e=0;e<c.length;e++){const{name:i,fn:y}=c[e];const{x:h,y:g,data:w,reset:x}=await y({x:f,y:u,initialPlacement:o,placement:d,strategy:s,middlewareData:m,rects:a,platform:r,elements:{reference:t,floating:n}});f=h!=null?h:f;u=g!=null?g:u;m={...m,[i]:{...m[i],...w}};if(x&&p<=50){p++;if(typeof x==="object"){if(x.placement){d=x.placement}if(x.rects){a=x.rects===true?await r.getElementRects({reference:t,floating:n,strategy:s}):x.rects}({x:f,y:u}=E(a,d,l))}e=-1}}return{x:f,y:u,placement:d,strategy:s,middlewareData:m}};async function M(t,n){var e;if(n===void 0){n={}}const{x:o,y:s,platform:i,rects:r,elements:c,strategy:l}=t;const{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:d=false,padding:p=0}=m(n,t);const y=R(p);const h=u==="floating"?"reference":"floating";const g=c[d?h:u];const w=O(await i.getClippingRect({element:((e=await(i.isElement==null?void 0:i.isElement(g)))!=null?e:true)?g:g.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(c.floating)),boundary:a,rootBoundary:f,strategy:l}));const x=u==="floating"?{...r.floating,x:o,y:s}:r.reference;const v=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c.floating));const b=await(i.isElement==null?void 0:i.isElement(v))?await(i.getScale==null?void 0:i.getScale(v))||{x:1,y:1}:{x:1,y:1};const A=O(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:v,strategy:l}):x);return{top:(w.top-A.top+y.top)/b.y,bottom:(A.bottom-w.bottom+y.bottom)/b.y,left:(w.left-A.left+y.left)/b.x,right:(A.right-w.right+y.right)/b.x}}const C=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:o,placement:s,rects:r,platform:c,elements:l,middlewareData:a}=n;const{element:f,padding:u=0}=m(t,n)||{};if(f==null){return{}}const p=R(u);const h={x:e,y:o};const w=x(s);const v=g(w);const b=await c.getDimensions(f);const A=w==="y";const k=A?"top":"left";const S=A?"bottom":"right";const D=A?"clientHeight":"clientWidth";const P=r.reference[v]+r.reference[w]-h[w]-r.floating[v];const O=h[w]-r.reference[w];const E=await(c.getOffsetParent==null?void 0:c.getOffsetParent(f));let F=E?E[D]:0;if(!F||!await(c.isElement==null?void 0:c.isElement(E))){F=l.floating[D]||r.floating[v]}const M=P/2-O/2;const C=F/2-b[v]/2-1;const T=i(p[k],C);const z=i(p[S],C);const B=T;const $=F-b[v]-z;const j=F/2-b[v]/2+M;const H=d(B,j,$);const L=!a.arrow&&y(s)!=null&&j!==H&&r.reference[v]/2-(j<B?T:z)-b[v]/2<0;const W=L?j<B?j-B:j-$:0;return{[w]:h[w]+W,data:{[w]:H,centerOffset:j-H-W,...L&&{alignmentOffset:W}},reset:L}}});function T(t,n,e){const o=t?[...e.filter((n=>y(n)===t)),...e.filter((n=>y(n)!==t))]:e.filter((t=>p(t)===t));return o.filter((e=>{if(t){return y(e)===t||(n?A(e)!==e:false)}return true}))}const z=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,async fn(n){var e,o,i;const{rects:r,middlewareData:c,placement:l,platform:a,elements:f}=n;const{crossAxis:u=false,alignment:d,allowedPlacements:h=s,autoAlignment:g=true,...w}=m(t,n);const x=d!==undefined||h===s?T(d||null,g,h):h;const b=await M(n,w);const A=((e=c.autoPlacement)==null?void 0:e.index)||0;const k=x[A];if(k==null){return{}}const S=v(k,r,await(a.isRTL==null?void 0:a.isRTL(f.floating)));if(l!==k){return{reset:{placement:x[0]}}}const D=[b[p(k)],b[S[0]],b[S[1]]];const P=[...((o=c.autoPlacement)==null?void 0:o.overflows)||[],{placement:k,overflows:D}];const R=x[A+1];if(R){return{data:{index:A+1,overflows:P},reset:{placement:R}}}const O=P.map((t=>{const n=y(t.placement);return[t.placement,n&&u?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1]));const E=O.filter((t=>t[2].slice(0,y(t[0])?2:3).every((t=>t<=0))));const F=((i=E[0])==null?void 0:i[0])||O[0][0];if(F!==l){return{data:{index:A+1,overflows:P},reset:{placement:F}}}return{}}}};const B=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:s,middlewareData:i,rects:r,initialPlacement:c,platform:l,elements:a}=n;const{mainAxis:f=true,crossAxis:u=true,fallbackPlacements:d,fallbackStrategy:y="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:g=true,...w}=m(t,n);if((e=i.arrow)!=null&&e.alignmentOffset){return{}}const x=p(s);const A=p(c)===c;const k=await(l.isRTL==null?void 0:l.isRTL(a.floating));const P=d||(A||!g?[D(c)]:b(c));if(!d&&h!=="none"){P.push(...S(c,g,h,k))}const R=[c,...P];const O=await M(n,w);const E=[];let F=((o=i.flip)==null?void 0:o.overflows)||[];if(f){E.push(O[x])}if(u){const t=v(s,r,k);E.push(O[t[0]],O[t[1]])}F=[...F,{placement:s,overflows:E}];if(!E.every((t=>t<=0))){var C,T;const t=(((C=i.flip)==null?void 0:C.index)||0)+1;const n=R[t];if(n){return{data:{index:t,overflows:F},reset:{placement:n}}}let e=(T=F.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:T.placement;if(!e){switch(y){case"bestFit":{var z;const t=(z=F.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:z[0];if(t){e=t}break}case"initialPlacement":e=c;break}}if(s!==e){return{reset:{placement:e}}}}return{}}}};function $(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function j(t){return e.some((n=>t[n]>=0))}const H=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...s}=m(t,n);switch(o){case"referenceHidden":{const t=await M(n,{...s,elementContext:"reference"});const o=$(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:j(o)}}}case"escaped":{const t=await M(n,{...s,altBoundary:true});const o=$(t,e.floating);return{data:{escapedOffsets:o,escaped:j(o)}}}default:{return{}}}}}};function L(t){const n=i(...t.map((t=>t.left)));const e=i(...t.map((t=>t.top)));const o=r(...t.map((t=>t.right)));const s=r(...t.map((t=>t.bottom)));return{x:n,y:e,width:o-n,height:s-e}}function W(t){const n=t.slice().sort(((t,n)=>t.y-n.y));const e=[];let o=null;for(let t=0;t<n.length;t++){const s=n[t];if(!o||s.y-o.y>o.height/2){e.push([s])}else{e[e.length-1].push(s)}o=s}return e.map((t=>O(L(t))))}const I=function(t){if(t===void 0){t={}}return{name:"inline",options:t,async fn(n){const{placement:e,elements:o,rects:s,platform:c,strategy:l}=n;const{padding:a=2,x:f,y:u}=m(t,n);const d=Array.from(await(c.getClientRects==null?void 0:c.getClientRects(o.reference))||[]);const y=W(d);const h=O(L(d));const g=R(a);function x(){if(y.length===2&&y[0].left>y[1].right&&f!=null&&u!=null){return y.find((t=>f>t.left-g.left&&f<t.right+g.right&&u>t.top-g.top&&u<t.bottom+g.bottom))||h}if(y.length>=2){if(w(e)==="y"){const t=y[0];const n=y[y.length-1];const o=p(e)==="top";const s=t.top;const i=n.bottom;const r=o?t.left:n.left;const c=o?t.right:n.right;const l=c-r;const a=i-s;return{top:s,bottom:i,left:r,right:c,width:l,height:a,x:r,y:s}}const t=p(e)==="left";const n=r(...y.map((t=>t.right)));const o=i(...y.map((t=>t.left)));const s=y.filter((e=>t?e.left===o:e.right===n));const c=s[0].top;const l=s[s.length-1].bottom;const a=o;const f=n;const u=f-a;const d=l-c;return{top:c,bottom:l,left:a,right:f,width:u,height:d,x:a,y:c}}return h}const v=await c.getElementRects({reference:{getBoundingClientRect:x},floating:o.floating,strategy:l});if(s.reference.x!==v.reference.x||s.reference.y!==v.reference.y||s.reference.width!==v.reference.width||s.reference.height!==v.reference.height){return{reset:{rects:v}}}return{}}}};async function N(t,n){const{placement:e,platform:o,elements:s}=t;const i=await(o.isRTL==null?void 0:o.isRTL(s.floating));const r=p(e);const c=y(e);const l=w(e)==="y";const a=["left","top"].includes(r)?-1:1;const f=i&&l?-1:1;const u=m(n,t);let{mainAxis:d,crossAxis:h,alignmentAxis:g}=typeof u==="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...u};if(c&&typeof g==="number"){h=c==="end"?g*-1:g}return l?{x:h*f,y:d*a}:{x:d*a,y:h*f}}const q=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:s,y:i,placement:r,middlewareData:c}=n;const l=await N(n,t);if(r===((e=c.offset)==null?void 0:e.placement)&&(o=c.arrow)!=null&&o.alignmentOffset){return{}}return{x:s+l.x,y:i+l.y,data:{...l,placement:r}}}}};const Y=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:s}=n;const{mainAxis:i=true,crossAxis:r=false,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...l}=m(t,n);const a={x:e,y:o};const f=await M(n,l);const u=w(p(s));const y=h(u);let g=a[y];let x=a[u];if(i){const t=y==="y"?"top":"left";const n=y==="y"?"bottom":"right";const e=g+f[t];const o=g-f[n];g=d(e,g,o)}if(r){const t=u==="y"?"top":"left";const n=u==="y"?"bottom":"right";const e=x+f[t];const o=x-f[n];x=d(e,x,o)}const v=c.fn({...n,[y]:g,[u]:x});return{...v,data:{x:v.x-e,y:v.y-o}}}}};const V=function(t){if(t===void 0){t={}}return{options:t,fn(n){const{x:e,y:o,placement:s,rects:i,middlewareData:r}=n;const{offset:c=0,mainAxis:l=true,crossAxis:a=true}=m(t,n);const f={x:e,y:o};const u=w(s);const d=h(u);let y=f[d];let g=f[u];const x=m(c,n);const v=typeof x==="number"?{mainAxis:x,crossAxis:0}:{mainAxis:0,crossAxis:0,...x};if(l){const t=d==="y"?"height":"width";const n=i.reference[d]-i.floating[t]+v.mainAxis;const e=i.reference[d]+i.reference[t]-v.mainAxis;if(y<n){y=n}else if(y>e){y=e}}if(a){var b,A;const t=d==="y"?"width":"height";const n=["top","left"].includes(p(s));const e=i.reference[u]-i.floating[t]+(n?((b=r.offset)==null?void 0:b[u])||0:0)+(n?0:v.crossAxis);const o=i.reference[u]+i.reference[t]+(n?0:((A=r.offset)==null?void 0:A[u])||0)-(n?v.crossAxis:0);if(g<e){g=e}else if(g>o){g=o}}return{[d]:y,[u]:g}}}};const X=function(t){if(t===void 0){t={}}return{name:"size",options:t,async fn(n){const{placement:e,rects:o,platform:s,elements:c}=n;const{apply:l=(()=>{}),...a}=m(t,n);const f=await M(n,a);const u=p(e);const d=y(e);const h=w(e)==="y";const{width:g,height:x}=o.floating;let v;let b;if(u==="top"||u==="bottom"){v=u;b=d===(await(s.isRTL==null?void 0:s.isRTL(c.floating))?"start":"end")?"left":"right"}else{b=u;v=d==="end"?"top":"bottom"}const A=x-f[v];const k=g-f[b];const S=!n.middlewareData.shift;let D=A;let P=k;if(h){const t=g-f.left-f.right;P=d||S?i(k,t):t}else{const t=x-f.top-f.bottom;D=d||S?i(A,t):t}if(S&&!d){const t=r(f.left,0);const n=r(f.right,0);const e=r(f.top,0);const o=r(f.bottom,0);if(h){P=g-2*(t!==0||n!==0?t+n:r(f.left,f.right))}else{D=x-2*(e!==0||o!==0?e+o:r(f.top,f.bottom))}}await l({...n,availableWidth:P,availableHeight:D});const R=await s.getDimensions(c.floating);if(g!==R.width||x!==R.height){return{reset:{rects:true}}}return{}}}};function _(t){if(K(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function G(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function J(t){var n;return(n=(K(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function K(t){return t instanceof Node||t instanceof G(t).Node}function Q(t){return t instanceof Element||t instanceof G(t).Element}function U(t){return t instanceof HTMLElement||t instanceof G(t).HTMLElement}function Z(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof G(t).ShadowRoot}function tt(t){const{overflow:n,overflowX:e,overflowY:o,display:s}=rt(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(s)}function nt(t){return["table","td","th"].includes(_(t))}function et(t){const n=st();const e=rt(t);return e.transform!=="none"||e.perspective!=="none"||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function ot(t){let n=lt(t);while(U(n)&&!it(n)){if(et(n)){return n}else{n=lt(n)}}return null}function st(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function it(t){return["html","body","#document"].includes(_(t))}function rt(t){return G(t).getComputedStyle(t)}function ct(t){if(Q(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function lt(t){if(_(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||Z(t)&&t.host||J(t);return Z(n)?n.host:n}function at(t){const n=lt(t);if(it(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(U(n)&&tt(n)){return n}return at(n)}function ft(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const s=at(t);const i=s===((o=t.ownerDocument)==null?void 0:o.body);const r=G(s);if(i){return n.concat(r,r.visualViewport||[],tt(s)?s:[],r.frameElement&&e?ft(r.frameElement):[])}return n.concat(s,ft(s,[],e))}function ut(t){const n=rt(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const s=U(t);const i=s?t.offsetWidth:e;const r=s?t.offsetHeight:o;const l=c(e)!==i||c(o)!==r;if(l){e=i;o=r}return{width:e,height:o,$:l}}function dt(t){return!Q(t)?t.contextElement:t}function mt(t){const n=dt(t);if(!U(n)){return a(1)}const e=n.getBoundingClientRect();const{width:o,height:s,$:i}=ut(n);let r=(i?c(e.width):e.width)/o;let l=(i?c(e.height):e.height)/s;if(!r||!Number.isFinite(r)){r=1}if(!l||!Number.isFinite(l)){l=1}return{x:r,y:l}}const pt=a(0);function yt(t){const n=G(t);if(!st()||!n.visualViewport){return pt}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function ht(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==G(t)){return false}return n}function gt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const s=t.getBoundingClientRect();const i=dt(t);let r=a(1);if(n){if(o){if(Q(o)){r=mt(o)}}else{r=mt(t)}}const c=ht(i,e,o)?yt(i):a(0);let l=(s.left+c.x)/r.x;let f=(s.top+c.y)/r.y;let u=s.width/r.x;let d=s.height/r.y;if(i){const t=G(i);const n=o&&Q(o)?G(o):o;let e=t;let s=e.frameElement;while(s&&o&&n!==e){const t=mt(s);const n=s.getBoundingClientRect();const o=rt(s);const i=n.left+(s.clientLeft+parseFloat(o.paddingLeft))*t.x;const r=n.top+(s.clientTop+parseFloat(o.paddingTop))*t.y;l*=t.x;f*=t.y;u*=t.x;d*=t.y;l+=i;f+=r;e=G(s);s=e.frameElement}}return O({width:u,height:d,x:l,y:f})}const wt=[":popover-open",":modal"];function xt(t){return wt.some((n=>{try{return t.matches(n)}catch(t){return false}}))}function vt(t){let{elements:n,rect:e,offsetParent:o,strategy:s}=t;const i=s==="fixed";const r=J(o);const c=n?xt(n.floating):false;if(o===r||c&&i){return e}let l={scrollLeft:0,scrollTop:0};let f=a(1);const u=a(0);const d=U(o);if(d||!d&&!i){if(_(o)!=="body"||tt(r)){l=ct(o)}if(U(o)){const t=gt(o);f=mt(o);u.x=t.x+o.clientLeft;u.y=t.y+o.clientTop}}return{width:e.width*f.x,height:e.height*f.y,x:e.x*f.x-l.scrollLeft*f.x+u.x,y:e.y*f.y-l.scrollTop*f.y+u.y}}function bt(t){return Array.from(t.getClientRects())}function At(t){return gt(J(t)).left+ct(t).scrollLeft}function kt(t){const n=J(t);const e=ct(t);const o=t.ownerDocument.body;const s=r(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const i=r(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let c=-e.scrollLeft+At(t);const l=-e.scrollTop;if(rt(o).direction==="rtl"){c+=r(n.clientWidth,o.clientWidth)-s}return{width:s,height:i,x:c,y:l}}function St(t,n){const e=G(t);const o=J(t);const s=e.visualViewport;let i=o.clientWidth;let r=o.clientHeight;let c=0;let l=0;if(s){i=s.width;r=s.height;const t=st();if(!t||t&&n==="fixed"){c=s.offsetLeft;l=s.offsetTop}}return{width:i,height:r,x:c,y:l}}function Dt(t,n){const e=gt(t,true,n==="fixed");const o=e.top+t.clientTop;const s=e.left+t.clientLeft;const i=U(t)?mt(t):a(1);const r=t.clientWidth*i.x;const c=t.clientHeight*i.y;const l=s*i.x;const f=o*i.y;return{width:r,height:c,x:l,y:f}}function Pt(t,n,e){let o;if(n==="viewport"){o=St(t,e)}else if(n==="document"){o=kt(J(t))}else if(Q(n)){o=Dt(n,e)}else{const e=yt(t);o={...n,x:n.x-e.x,y:n.y-e.y}}return O(o)}function Rt(t,n){const e=lt(t);if(e===n||!Q(e)||it(e)){return false}return rt(e).position==="fixed"||Rt(e,n)}function Ot(t,n){const e=n.get(t);if(e){return e}let o=ft(t,[],false).filter((t=>Q(t)&&_(t)!=="body"));let s=null;const i=rt(t).position==="fixed";let r=i?lt(t):t;while(Q(r)&&!it(r)){const n=rt(r);const e=et(r);if(!e&&n.position==="fixed"){s=null}const c=i?!e&&!s:!e&&n.position==="static"&&!!s&&["absolute","fixed"].includes(s.position)||tt(r)&&!e&&Rt(t,r);if(c){o=o.filter((t=>t!==r))}else{s=n}r=lt(r)}n.set(t,o);return o}function Et(t){let{element:n,boundary:e,rootBoundary:o,strategy:s}=t;const c=e==="clippingAncestors"?Ot(n,this._c):[].concat(e);const l=[...c,o];const a=l[0];const f=l.reduce(((t,e)=>{const o=Pt(n,e,s);t.top=r(o.top,t.top);t.right=i(o.right,t.right);t.bottom=i(o.bottom,t.bottom);t.left=r(o.left,t.left);return t}),Pt(n,a,s));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Ft(t){const{width:n,height:e}=ut(t);return{width:n,height:e}}function Mt(t,n,e){const o=U(n);const s=J(n);const i=e==="fixed";const r=gt(t,true,i,n);let c={scrollLeft:0,scrollTop:0};const l=a(0);if(o||!o&&!i){if(_(n)!=="body"||tt(s)){c=ct(n)}if(o){const t=gt(n,true,i,n);l.x=t.x+n.clientLeft;l.y=t.y+n.clientTop}else if(s){l.x=At(s)}}const f=r.left+c.scrollLeft-l.x;const u=r.top+c.scrollTop-l.y;return{x:f,y:u,width:r.width,height:r.height}}function Ct(t,n){if(!U(t)||rt(t).position==="fixed"){return null}if(n){return n(t)}return t.offsetParent}function Tt(t,n){const e=G(t);if(!U(t)||xt(t)){return e}let o=Ct(t,n);while(o&&nt(o)&&rt(o).position==="static"){o=Ct(o,n)}if(o&&(_(o)==="html"||_(o)==="body"&&rt(o).position==="static"&&!et(o))){return e}return o||ot(t)||e}const zt=async function(t){const n=this.getOffsetParent||Tt;const e=this.getDimensions;return{reference:Mt(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,...await e(t.floating)}}};function Bt(t){return rt(t).direction==="rtl"}const $t={convertOffsetParentRelativeRectToViewportRelativeRect:vt,getDocumentElement:J,getClippingRect:Et,getOffsetParent:Tt,getElementRects:zt,getClientRects:bt,getDimensions:Ft,getScale:mt,isElement:Q,isRTL:Bt};function jt(t,n){let e=null;let o;const s=J(t);function c(){var t;clearTimeout(o);(t=e)==null||t.disconnect();e=null}function a(f,u){if(f===void 0){f=false}if(u===void 0){u=1}c();const{left:d,top:m,width:p,height:y}=t.getBoundingClientRect();if(!f){n()}if(!p||!y){return}const h=l(m);const g=l(s.clientWidth-(d+p));const w=l(s.clientHeight-(m+y));const x=l(d);const v=-h+"px "+-g+"px "+-w+"px "+-x+"px";const b={rootMargin:v,threshold:r(0,i(1,u))||1};let A=true;function k(t){const n=t[0].intersectionRatio;if(n!==u){if(!A){return a()}if(!n){o=setTimeout((()=>{a(false,1e-7)}),100)}else{a(false,n)}}A=false}try{e=new IntersectionObserver(k,{...b,root:s.ownerDocument})}catch(t){e=new IntersectionObserver(k,b)}e.observe(t)}a(true);return c}function Ht(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:s=true,ancestorResize:i=true,elementResize:r=typeof ResizeObserver==="function",layoutShift:c=typeof IntersectionObserver==="function",animationFrame:l=false}=o;const a=dt(t);const f=s||i?[...a?ft(a):[],...ft(n)]:[];f.forEach((t=>{s&&t.addEventListener("scroll",e,{passive:true});i&&t.addEventListener("resize",e)}));const u=a&&c?jt(a,e):null;let d=-1;let m=null;if(r){m=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===a&&m){m.unobserve(n);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{var t;(t=m)==null||t.observe(n)}))}e()}));if(a&&!l){m.observe(a)}m.observe(n)}let p;let y=l?gt(t):null;if(l){h()}function h(){const n=gt(t);if(y&&(n.x!==y.x||n.y!==y.y||n.width!==y.width||n.height!==y.height)){e()}y=n;p=requestAnimationFrame(h)}e();return()=>{var t;f.forEach((t=>{s&&t.removeEventListener("scroll",e);i&&t.removeEventListener("resize",e)}));u==null||u();(t=m)==null||t.disconnect();m=null;if(l){cancelAnimationFrame(p)}}}const Lt=z;const Wt=Y;const It=B;X;const Nt=H;const qt=C;I;V;const Yt=(t,n,e)=>{const o=new Map;const s={platform:$t,...e};const i={...s.platform,_c:o};return F(t,n,{...s,platform:i})};function Vt(t){return _t(t)}function Xt(t){if(t.assignedSlot){return t.assignedSlot}if(t.parentNode instanceof ShadowRoot){return t.parentNode.host}return t.parentNode}function _t(t){for(let n=t;n;n=Xt(n)){if(!(n instanceof Element)){continue}if(getComputedStyle(n).display==="none"){return null}}for(let n=Xt(t);n;n=Xt(n)){if(!(n instanceof Element)){continue}const t=getComputedStyle(n);if(t.display==="contents"){continue}if(t.position!=="static"||t.filter!=="none"){return n}if(n.tagName==="BODY"){return n}}return null}(function t(){{const t=$t.getOffsetParent;$t.getOffsetParent=n=>t(n,Vt)}})();function Gt(t){const n=window.devicePixelRatio||1;return Math.round(t*n)/n}const Jt=async(t,{referenceEl:n,floatingEl:e,overlayPositioning:o="absolute",placement:s,flipDisabled:i,flipPlacements:r,offsetDistance:c,offsetSkidding:l,arrowEl:a,type:f})=>{if(!n||!e){return null}const{x:u,y:d,placement:m,strategy:p,middlewareData:y}=await Yt(n,e,{strategy:o,placement:s==="auto"||s==="auto-start"||s==="auto-end"?undefined:on(e,s),middleware:nn({placement:s,flipDisabled:i,flipPlacements:r,offsetDistance:c,offsetSkidding:l,arrowEl:a,type:f})});if(a&&y.arrow){const{x:n,y:e}=y.arrow;const o=m.split("-")[0];const s=n!=null?"left":"top";const i=cn[o];const r={left:"",top:"",bottom:"",right:""};if("floatingLayout"in t){t.floatingLayout=o==="left"||o==="right"?"horizontal":"vertical"}Object.assign(a.style,{...r,[s]:`${s=="left"?n:e}px`,[o]:"100%",transform:i})}const h=y.hide?.referenceHidden;const g=h?"hidden":null;const w=g?"none":null;e.setAttribute(Kt,m);const{open:x}=t;Object.assign(e.style,{visibility:g,pointerEvents:w,position:p,transform:x?`translate(${Gt(u)}px,${Gt(d)}px)`:"",top:0,left:0})};const Kt="data-placement";const Qt=100;const Ut=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end"];const Zt="bottom-start";const tn={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function nn({placement:t,flipDisabled:n,flipPlacements:e,offsetDistance:o,offsetSkidding:s,arrowEl:i,type:r}){const c=[Wt(),Nt()];if(r==="menu"){return[...c,It({fallbackPlacements:e||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})]}if(r==="popover"||r==="tooltip"){const r=[...c,q({mainAxis:typeof o==="number"?o:0,crossAxis:typeof s==="number"?s:0})];if(t==="auto"||t==="auto-start"||t==="auto-end"){r.push(Lt({alignment:t==="auto-start"?"start":t==="auto-end"?"end":null}))}else if(!n){r.push(It(e?{fallbackPlacements:e}:{}))}if(i){r.push(qt({element:i}))}return r}return[]}function en(t,n){const e=t.filter((t=>Ut.includes(t)));if(e.length!==t.length){console.warn(`${n.tagName}: Invalid value found in: flipPlacements. Try any of these: ${Ut.map((t=>`"${t}"`)).join(", ").trim()}`,{el:n})}return e}function on(n,e){const o=["left","right"];if(t(n)==="rtl"){o.reverse()}return e.replace(/leading/gi,o[0]).replace(/trailing/gi,o[1])}async function sn(t,n,e=false){if(!t.open){return}const o=e?rn(t):Jt;return o(t,n)}function rn(t){let e=an.get(t);if(e){return e}e=n(Jt,Qt,{leading:true,maxWait:Qt});an.set(t,e);return e}const cn={top:"",left:"rotate(-90deg)",bottom:"rotate(180deg)",right:"rotate(90deg)"};const ln=new WeakMap;const an=new WeakMap;function fn(t,n,e){if(!e||!n){return}un(t,n,e);Object.assign(e.style,{visibility:"hidden",pointerEvents:"none",position:t.overlayPositioning});const o=Ht;ln.set(t,o(n,e,(()=>t.reposition())))}function un(t,n,e){if(!e||!n){return}ln.get(t)?.();ln.delete(t);an.get(t)?.cancel();an.delete(t)}const dn=4;const mn=Math.ceil(Math.hypot(dn,dn));export{tn as F,un as a,mn as b,fn as c,Zt as d,en as f,sn as r};
+//# sourceMappingURL=p-fcbb956b.js.map