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

package/dist/calcite/p-bacb6052.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","items","handleDefaultSlotChange","slotChangeGetAssignedElements","matches","updateItems","handleParentExpandedChange","componentWillRender","closest","lines","scale","selectionMode","render","h","Host","toAriaBoolean","onKeyDown","role","getRootTabIndex","onSlotchange","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","parentExpanded","CSS","actionsEnd","bulletPointIcon","checkbox","checkboxContainer","checkboxLabel","checkmarkIcon","chevron","childrenContainer","iconStart","itemExpanded","nodeAndActionsContainer","nodeContainer","SLOTS","children","ICONS","blank","bulletPoint","checkmark","checkSquareF","chevronRight","minusSquareF","square","treeItemCss","CalciteTreeItemStyle0","TreeItem","iconClickHandler","childrenClickHandler","userChangedValue","handleChildrenSlotChange","childTree","updateChildTree","actionsEndSlotChangeHandler","hasEndActions","slotChangeHasAssignedElement","expandedHandler","handleSelectedChange","value","calciteInternalTreeItemSelect","getSelectionMode","isSelectionMultiLike","connectedCallback","parentTreeItem","parentTree","nextParentTree","componentWillLoad","requestAnimationFrame","updateAfterInitialRender","componentDidLoad","componentDidRender","updateHostInteraction","rtl","getElementDir","showBulletPoint","showCheckmark","showBlank","checkboxIsIndeterminate","class","CSS_UTILITY","icon","onClick","getIconScale","defaultSlotNode","selectedIcon","itemIndicator","hidden","isExpanded","slotNode","name","iconStartEl","flipRtl","iconFlipRtl","InteractiveContainer","ref","actionSlotWrapper","isActionEndEvent","link","filterDirectChildren","composedPath","toLowerCase","open","href","defaultPrevented","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  Watch,\n} from \"@stencil/core\";\nimport {\n  focusElement,\n  nodeListToArray,\n  slotChangeGetAssignedElements,\n  toAriaBoolean,\n} 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  /**\n   * @internal\n   */\n  @Prop() parentExpanded = false;\n\n  @Watch(\"parentExpanded\")\n  handleParentExpandedChange(): void {\n    this.updateItems();\n  }\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            : toAriaBoolean(\n                this.selectionMode === \"multiple\" || this.selectionMode === \"multichildren\",\n              )\n        }\n        onKeyDown={this.keyDownHandler}\n        role={!this.child ? \"tree\" : undefined}\n        tabIndex={this.getRootTabIndex()}\n      >\n        <slot onSlotchange={this.handleDefaultSlotChange} />\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(target.querySelectorAll(\"calcite-tree-item\"));\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        (this.selectionMode === \"single-persist\" && !target.hasChildren));\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<HTMLCalciteTreeItemElement>(\"calcite-tree-item[selected]\"),\n      );\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 = this.selectionMode !== \"single\" || !treeItem.selected;\n        }\n      });\n    }\n\n    this.selectedItems = isNoneSelectionMode\n      ? []\n      : nodeListToArray(this.el.querySelectorAll(\"calcite-tree-item\")).filter((i) => i.selected);\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 = nodeListToArray(this.el.querySelectorAll(\"calcite-tree-item\")).filter(\n      (i) => i.selected,\n    );\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  private items: HTMLCalciteTreeItemElement[] = [];\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateItems(): void {\n    this.items.forEach((item) => (item.parentExpanded = this.parentExpanded));\n  }\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    const items = slotChangeGetAssignedElements(event).filter(\n      (el): el is HTMLCalciteTreeItemElement => el.matches(\"calcite-tree-item\"),\n    );\n\n    this.items = items;\n    this.updateItems();\n  };\n\n  getRootTabIndex(): number {\n    return !this.child ? 0 : -1;\n  }\n}\n","export const CSS = {\n  actionsEnd: \"actions-end\",\n  bulletPointIcon: \"bullet-point\",\n  checkbox: \"checkbox\",\n  checkboxContainer: \"checkbox-container\",\n  checkboxLabel: \"checkbox-label\",\n  checkmarkIcon: \"checkmark\",\n  chevron: \"chevron\",\n  childrenContainer: \"children-container\",\n  iconStart: \"icon-start\",\n  itemExpanded: \"item--expanded\",\n  nodeAndActionsContainer: \"node-actions-container\",\n  nodeContainer: \"node-container\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  children: \"children\",\n};\n\nexport const ICONS = {\n  blank: \"blank\",\n  bulletPoint: \"bullet-point\",\n  checkmark: \"check\",\n  checkSquareF: \"check-square-f\",\n  chevronRight: \"chevron-right\",\n  minusSquareF: \"minus-square-f\",\n  square: \"square\",\n} as const;\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 calcite-hydrated-hidden();\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  .checkbox {\n    @apply outline-none;\n  }\n}\n\n.actions-end {\n  @apply flex self-stretch flex-row items-center;\n}\n\n.checkbox-container {\n  display: flex;\n  align-items: center;\n}\n\n.checkbox {\n  line-height: 0;\n  color: var(--calcite-color-border-input);\n}\n\n.checkbox-label {\n  @apply pointer-events-none flex items-center;\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  .checkbox {\n    color: var(--calcite-color-brand);\n  }\n}\n\n:host([has-children][indeterminate]) {\n  .checkbox {\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  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\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 { IconNameOrString } from \"../icon/interfaces\";\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 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  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** When `true`, the component is expanded. */\n  @Prop({ mutable: true, reflect: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(): void {\n    this.updateChildTree();\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: IconNameOrString;\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  // eslint-disable-next-line @stencil-community/strict-mutable -- ignoring until https://github.com/stencil-community/stencil-eslint/issues/111 is fixed\n  @Prop({ reflect: true, mutable: 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  }\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 =\n      this.selectionMode === \"single\" ||\n      this.selectionMode === \"children\" ||\n      this.selectionMode === \"single-persist\";\n    const showCheckmark =\n      this.selectionMode === \"multiple\" || this.selectionMode === \"multichildren\";\n    const showBlank = this.selectionMode === \"none\" && !this.hasChildren;\n    const checkboxIsIndeterminate = this.hasChildren && this.indeterminate;\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        <div class={CSS.checkboxContainer}>\n          <calcite-icon\n            class={CSS.checkbox}\n            icon={\n              this.selected\n                ? ICONS.checkSquareF\n                : checkboxIsIndeterminate\n                  ? ICONS.minusSquareF\n                  : ICONS.square\n            }\n            scale={getIconScale(this.scale)}\n          />\n          <label class={CSS.checkboxLabel}>{defaultSlotNode}</label>\n        </div>\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-checked={\n          this.selectionMode === \"multiple\" ||\n          this.selectionMode === \"multichildren\" ||\n          this.selectionMode === \"ancestors\"\n            ? toAriaBoolean(this.selected)\n            : undefined\n        }\n        aria-expanded={this.hasChildren ? toAriaBoolean(isExpanded) : undefined}\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-live=\"polite\"\n        aria-selected={\n          this.selectionMode === \"single\" ||\n          this.selectionMode === \"children\" ||\n          this.selectionMode === \"single-persist\"\n            ? toAriaBoolean(this.selected)\n            : undefined\n        }\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              >\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                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} onSlotchange={this.handleChildrenSlotChange} />\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  //\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  private parentTreeItem?: HTMLCalciteTreeItemElement;\n\n  private userChangedValue = false;\n\n  private childTree: HTMLCalciteTreeElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateChildTree(): void {\n    const { childTree } = this;\n\n    if (!childTree) {\n      return;\n    }\n\n    childTree.parentExpanded = this.expanded;\n  }\n\n  private handleChildrenSlotChange = (event: Event): void => {\n    const childTree = slotChangeGetAssignedElements(event).filter(\n      (el): el is HTMLCalciteTreeElement => el.matches(\"calcite-tree\"),\n    )[0];\n\n    this.childTree = childTree;\n\n    this.updateChildTree();\n  };\n\n  private isActionEndEvent(event: Event): boolean {\n    const composedPath = event.composedPath();\n    return composedPath.includes(this.actionSlotWrapper);\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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","ignoreList":[]}

package/dist/calcite/p-becd67e2.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{d as i,i as r}from"./p-87d29c63.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-becd67e2.js.map

package/dist/calcite/p-c0676db2.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{d as _}from"./p-81a8f4c0.js";import"./p-2c99ffe4.js";import"./p-8f002581.js";import"./p-ed71fa1d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-d87cffea.js";import"./p-cd0e92b4.js";import"./p-141626e7.js";import"./p-561afd32.js";import"./p-953f312e.js";import"./p-f9b0742d.js";import"./p-756ee05a.js";import"./p-99ecc8bc.js";import"./p-97927874.js";import"./p-998886ff.js";import"./p-fd3e1697.js";import"./p-cbffb6ca.js";import"./p-3c53ef49.js";import"./p-0481b80a.js";var p={name:"el",weekdays:"Κυριακή_Δευτέρα_Τρίτη_Τετάρτη_Πέμπτη_Παρασκευή_Σάββατο".split("_"),weekdaysShort:"Κυρ_Δευ_Τρι_Τετ_Πεμ_Παρ_Σαβ".split("_"),weekdaysMin:"Κυ_Δε_Τρ_Τε_Πε_Πα_Σα".split("_"),months:"Ιανουάριος_Φεβρουάριος_Μάρτιος_Απρίλιος_Μάιος_Ιούνιος_Ιούλιος_Αύγουστος_Σεπτέμβριος_Οκτώβριος_Νοέμβριος_Δεκέμβριος".split("_"),monthsShort:"Ιαν_Φεβ_Μαρ_Απρ_Μαι_Ιουν_Ιουλ_Αυγ_Σεπτ_Οκτ_Νοε_Δεκ".split("_"),ordinal:function _(p){return p},weekStart:1,relativeTime:{future:"σε %s",past:"πριν %s",s:"μερικά δευτερόλεπτα",m:"ένα λεπτό",mm:"%d λεπτά",h:"μία ώρα",hh:"%d ώρες",d:"μία μέρα",dd:"%d μέρες",M:"ένα μήνα",MM:"%d μήνες",y:"ένα χρόνο",yy:"%d χρόνια"},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"}};_.locale(p,null,true);export{p as default};
+//# sourceMappingURL=p-c0676db2.js.map

package/dist/calcite/p-c2a97a17.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/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as e,c as t,h as i,H as s,g as a}from"./p-2c99ffe4.js";import{j as n,t as l}from"./p-ed71fa1d.js";import{i as o}from"./p-cd0e92b4.js";import{u as c,I as r}from"./p-d87cffea.js";import{g as h}from"./p-561afd32.js";import"./p-db4d93fd.js";import"./p-5c700653.js";const d={lastVisibleRow:"last-visible-row"};const b=":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{--calcite-internal-table-row-background:var(--calcite-table-row-background, var(--calcite-color-foreground-1));--calcite-internal-table-row-border-color:var(--calcite-table-row-border-color, transparent);display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}tr{border-block-end:1px solid var(--calcite-internal-table-row-border-color);background-color:var(--calcite-internal-table-row-background)}tr.last-visible-row{border-block-end:0}";const f=b;const u=class{constructor(i){e(this,i);this.calciteTableRowSelect=t(this,"calciteTableRowSelect",6);this.calciteInternalTableRowFocusRequest=t(this,"calciteInternalTableRowFocusRequest",6);this.rowCells=[];this.keyDownHandler=e=>{if(this.interactionMode!=="interactive"){return}const t=e.target;const i=e.key;const s=e.ctrlKey;const a=this.rowCells;if(t.matches("calcite-table-cell")||t.matches("calcite-table-header")){switch(i){case"ArrowUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"previous");e.preventDefault();break;case"ArrowDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"next");e.preventDefault();break;case"PageUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"first");e.preventDefault();break;case"PageDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"last");e.preventDefault();break;case"ArrowLeft":n(a,t,"previous",false);e.preventDefault();break;case"ArrowRight":n(a,t,"next",false);e.preventDefault();break;case"Home":if(s){this.emitTableRowFocusRequest(1,this.positionAll,"first");e.preventDefault()}else{n(a,t,"first",false);e.preventDefault()}break;case"End":if(s){this.emitTableRowFocusRequest(this.rowCells?.length,this.positionAll,"last",true);e.preventDefault()}else{n(a,t,"last",false);e.preventDefault()}break}}};this.emitTableRowFocusRequest=(e,t,i,s)=>{this.calciteInternalTableRowFocusRequest.emit({cellPosition:e,rowPosition:t,destination:i,lastCell:s})};this.updateCells=()=>{const e=this.alignment?this.alignment:this.rowType!=="head"?"center":"start";const t=this.tableRowSlotEl?.assignedElements({flatten:true})?.filter((e=>e.matches("calcite-table-cell")||e.matches("calcite-table-header")));const i=Array.from(this.tableRowEl?.querySelectorAll("calcite-table-header, calcite-table-cell"))?.filter((e=>e.numberCell||e.selectionCell));const s=i?i.concat(t):t;if(s.length>0){s?.forEach(((t,i)=>{t.interactionMode=this.interactionMode;t.lastCell=i===s.length-1;t.parentRowAlignment=e;t.parentRowIsSelected=this.selected;t.parentRowType=this.rowType;t.positionInRow=i+1;t.scale=this.scale;if(t.nodeName==="CALCITE-TABLE-CELL"){t.readCellContentsToAT=this.readCellContentsToAT;t.disabled=this.disabled}}))}this.rowCells=s||[];this.cellCount=s?.length};this.handleSelectionOfRow=()=>{this.calciteTableRowSelect.emit()};this.handleKeyboardSelection=e=>{if(o(e.key)){if(e.key===" "){e.preventDefault()}this.handleSelectionOfRow()}};this.alignment=undefined;this.disabled=false;this.selected=false;this.cellCount=undefined;this.interactionMode="interactive";this.lastVisibleRow=undefined;this.rowType=undefined;this.numbered=false;this.positionSection=undefined;this.positionSectionLocalized=undefined;this.positionAll=undefined;this.readCellContentsToAT=undefined;this.scale=undefined;this.selectionMode="none";this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.bodyRowCount=undefined;this.effectiveLocale=""}handleCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}handleDelayedCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){requestAnimationFrame((()=>this.updateCells()))}}componentDidLoad(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}componentDidRender(){c(this)}calciteInternalTableRowFocusChangeHandler(e){if(e.target.contains(this.el)){const t=e.detail.cellPosition;const i=e.detail.rowPosition;const s=e.detail.destination;const a=e.detail.lastCell;if(i===this.positionAll){if(this.disabled){const e=s==="last"?"previous":s==="first"?"next":s;this.emitTableRowFocusRequest(t,this.positionAll,e);return}const e=a?this.rowCells[this.rowCells.length-1]:this.rowCells?.find(((e,i)=>i+1===t));if(e){e.setFocus()}}}}renderSelectionIcon(){const e=this.selectionMode==="multiple"&&this.selected?"check-square-f":this.selectionMode==="multiple"?"square":this.selected?"circle-f":"circle";return i("calcite-icon",{icon:e,scale:h(this.scale)})}renderSelectableCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",bodyRowCount:this.bodyRowCount,key:"selection-head",onClick:this.selectionMode==="multiple"&&this.handleSelectionOfRow,onKeyDown:this.selectionMode==="multiple"&&this.handleKeyboardSelection,parentRowAlignment:this.alignment,selectedRowCount:this.selectedRowCount,selectedRowCountLocalized:this.selectedRowCountLocalized,selectionCell:true,selectionMode:this.selectionMode}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"selection-body",onClick:this.handleSelectionOfRow,onKeyDown:this.handleKeyboardSelection,parentRowAlignment:this.alignment,parentRowIsSelected:this.selected,parentRowPositionLocalized:this.positionSectionLocalized,selectionCell:true},this.renderSelectionIcon()):i("calcite-table-cell",{alignment:"center",key:"selection-foot",parentRowAlignment:this.alignment,selectionCell:true})}renderNumberedCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",key:"numbered-head",numberCell:true,parentRowAlignment:this.alignment}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"numbered-body",numberCell:true,parentRowAlignment:this.alignment},this.positionSectionLocalized):i("calcite-table-cell",{alignment:"center",key:"numbered-foot",numberCell:true,parentRowAlignment:this.alignment})}render(){return i(s,{key:"0c6f1907db6eb1fb303930e3ae7dfe4e8558ebee"},i(r,{key:"84ee485403fa3aa4f6b5606a505d0076e6fccfb5",disabled:this.disabled},i("tr",{key:"5717c1323cbe48bafb5eeb1e3d5b9fe957c60fd9","aria-rowindex":this.positionAll+1,"aria-selected":l(this.selected),class:{[d.lastVisibleRow]:this.lastVisibleRow},onKeyDown:this.keyDownHandler,ref:e=>this.tableRowEl=e},this.numbered&&this.renderNumberedCell(),this.selectionMode!=="none"&&this.renderSelectableCell(),i("slot",{key:"c410d8a20ac5e700f6a62b74dc7001fae9feb2ef",onSlotchange:this.updateCells,ref:e=>this.tableRowSlotEl=e}))))}get el(){return a(this)}static get watchers(){return{bodyRowCount:["handleCellChanges"],scale:["handleCellChanges"],selected:["handleCellChanges"],selectedRowCount:["handleCellChanges"],interactionMode:["handleCellChanges"],numbered:["handleDelayedCellChanges"],selectionMode:["handleDelayedCellChanges"]}}};u.style=f;export{u as calcite_table_row};
+//# sourceMappingURL=p-c2a97a17.entry.js.map

package/dist/calcite/p-c311c839.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/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as t,c as i,h as e,H as s,g as a}from"./p-2c99ffe4.js";import{d as n,a as r,b as o,i as c,c as l,g as h,e as d,f as p,h as f}from"./p-e10c53d8.js";import{f as u,t as m}from"./p-ed71fa1d.js";import{f as g,c as b,d as v,r as y,a as w,F as x}from"./p-7a59c339.js";import{s as k,c as D,d as C,H as I}from"./p-8f002581.js";import{u as z,I as A}from"./p-d87cffea.js";import{n as P}from"./p-cd0e92b4.js";import{c as j,d as F}from"./p-141626e7.js";import{c as T,s as O,a as M}from"./p-953f312e.js";import{n as E,c as R,d as S,b as B,e as H}from"./p-756ee05a.js";import{o as L}from"./p-9eaba705.js";import{c as W,s as $,d as q,u as N}from"./p-cbffb6ca.js";import{c as V,d as _,a as Y}from"./p-97927874.js";import{g as G}from"./p-db4d93fd.js";import{g as K}from"./p-561afd32.js";import{V as U}from"./p-3c53ef49.js";import{s as J}from"./p-0481b80a.js";import{i as Q}from"./p-f9b0742d.js";import"./p-5c700653.js";import"./p-87d29c63.js";import"./p-99ecc8bc.js";import"./p-998886ff.js";function X(t){if(!t){return false}const{year:i}=n(t);return Number(i)<100}function Z(t){const i=(new Date).getFullYear();const e=Math.floor(i/100)*100+t;return e}const tt={assistiveText:"assistive-text",calendarWrapper:"calendar-wrapper",calendarWrapperEnd:"calendar-wrapper--end",horizontalArrowContainer:"horizontal-arrow-container",inputBorderTopColorOne:"border-top-color-one",inputContainer:"input-container",inputNoBottomBorder:"no-bottom-border",inputWrapper:"input-wrapper",input:"input",menu:"menu-container",menuActive:"menu-container--active",toggleIcon:"toggle-icon",verticalArrowContainer:"vertical-arrow-container",chevronIcon:"chevron-icon"};const it={validationMessage:"inputDatePickerValidationMessage"};const et=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;inline-size:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset, left, 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 .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block:0;left:0}:host([scale=s]){--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-color-text-3)}.input-wrapper:focus-within .chevron-icon,.input-wrapper:active .chevron-icon,.input-wrapper:hover .chevron-icon{color:var(--calcite-color-text-1)}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([range]) .input-container{display:flex}:host([range]) .input-wrapper{flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:flex;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .calendar-wrapper--end{transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;z-index:var(--calcite-z-index);margin-inline:1px;background-color:var(--calcite-color-foreground-1);padding-inline:0.625rem;inset-inline-start:0}.menu-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset, left, 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}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block:0;left:0}:host([open]) .menu-container{visibility:visible}.menu-container--active{visibility:visible}.input .calcite-input__wrapper{margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{block-size:0.75rem;inline-size:0.75rem;min-inline-size:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{inset-block-start:2.25rem;padding-inline:0.875rem}:host([range][layout=vertical][open]) .vertical-arrow-container{display:none}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const st=et;const at=class{constructor(e){t(this,e);this.calciteInputDatePickerChange=i(this,"calciteInputDatePickerChange",6);this.calciteInputDatePickerBeforeClose=i(this,"calciteInputDatePickerBeforeClose",6);this.calciteInputDatePickerClose=i(this,"calciteInputDatePickerClose",6);this.calciteInputDatePickerBeforeOpen=i(this,"calciteInputDatePickerBeforeOpen",6);this.calciteInputDatePickerOpen=i(this,"calciteInputDatePickerOpen",6);this.calciteInternalInputInputHandler=t=>{const i=t.target;const e=i.value;const s=this.parseNumerals(e);const a=this.formatNumerals(s);i.value=a;const{year:n}=r(e,this.localeData);if(n&&n.length<4){return}const l=o(e,this.localeData);if(c(l,this.min,this.max)){this.datePickerActiveDate=l}};this.calciteInternalInputBlurHandler=()=>{this.commitValue()};this.dialogId=`date-picker-dialog--${G()}`;this.focusOnOpen=false;this.userChangedValue=false;this.openTransitionProp="opacity";this.valueAsDateChangedExternally=false;this.placeholderTextId=`calcite-input-date-picker-placeholder-${G()}`;this.onInputWrapperPointerDown=()=>{this.currentOpenInput=this.focusedInput};this.onInputWrapperClick=t=>{const{range:i,endInput:e,startInput:s,currentOpenInput:a}=this;const n=t.currentTarget;const r=n.getAttribute("data-position");const o=t.composedPath();const c=o.find((t=>t.classList?.contains(tt.toggleIcon)));if(c){const t=r==="start"?s:e;t.setFocus()}if(!i||!this.open||a===r){this.open=!this.open}};this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?g(i,t):null};this.setTransitionEl=t=>{this.transitionEl=t};this.setStartInput=t=>{this.startInput=t};this.setEndInput=t=>{this.endInput=t};this.blurHandler=()=>{this.open=false};this.keyDownHandler=t=>{const{defaultPrevented:i,key:e}=t;if(i){return}if(e==="Enter"){t.preventDefault();this.commitValue();if(this.shouldFocusRangeEnd()){this.endInput?.setFocus()}else if(this.shouldFocusRangeStart()){this.startInput?.setFocus()}if(k(this)){this.restoreInputFocus()}}else if(e==="ArrowDown"){this.open=true;this.focusOnOpen=true;t.preventDefault()}else if(e==="Escape"){this.open=false;t.preventDefault();this.restoreInputFocus()}};this.startInputFocus=()=>{this.focusedInput="start"};this.endInputFocus=()=>{this.focusedInput="end"};this.setFloatingEl=t=>{this.floatingEl=t;b(this,this.referenceEl,this.floatingEl)};this.setStartWrapper=t=>{this.startWrapper=t;this.setReferenceEl()};this.setEndWrapper=t=>{this.endWrapper=t;this.setReferenceEl()};this.setDatePickerRef=t=>{this.datePickerEl=t;V(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:false,setReturnFocus:false}})};this.handleDateChange=t=>{if(this.range){return}t.stopPropagation();this.setValue(t.target.valueAsDate);this.localizeInputValues();this.restoreInputFocus()};this.handleDateRangeChange=t=>{if(!this.range){return}t.stopPropagation();const i=t.target.valueAsDate;this.setRangeValue(i);this.localizeInputValues();this.restoreInputFocus()};this.setInputValue=(t,i="start")=>{const e=this[`${i}Input`];if(!e){return}e.value=t};this.setRangeValue=t=>{if(!this.range){return}const{value:i}=this;const e=Array.isArray(i);const s=Array.isArray(t);const a=s?t[0]:null;let n=s?l(a):"";if(n){n=this.getNormalizedDate(n)}const r=s?t[1]:null;let o=s?l(r):"";if(o){o=this.getNormalizedDate(o)}const c=n||o?[n,o]:"";if(c===i){return}this.userChangedValue=true;this.value=c;this.valueAsDate=c?h(c):undefined;const d=this.calciteInputDatePickerChange.emit();if(d&&d.defaultPrevented){this.value=i;if(e){this.setInputValue(i[0],"start");this.setInputValue(i[1],"end")}else{this.value=i;this.setInputValue(i)}}};this.setValue=t=>{if(this.range){return}const i=this.value;let e=l(t);e=this.getNormalizedDate(e);if(e===i){return}this.userChangedValue=true;this.valueAsDate=e?d(e):undefined;this.value=e||"";const s=this.calciteInputDatePickerChange.emit();if(s.defaultPrevented){this.value=i;this.setInputValue(i)}};this.commonDateSeparators=[".","-","/"];this.formatNumerals=t=>t?t.split("").map((t=>this.commonDateSeparators?.includes(t)?this.localeData?.separator:P?.includes(t)?E?.numberFormatter?.format(Number(t)):t)).join(""):"";this.parseNumerals=t=>t?t.split("").map((t=>P.includes(t)?E.delocalize(t):t)).join(""):"";this.disabled=false;this.focusTrapDisabled=false;this.form=undefined;this.readOnly=false;this.value="";this.flipPlacements=undefined;this.headingLevel=undefined;this.valueAsDate=undefined;this.messageOverrides=undefined;this.messages=undefined;this.minAsDate=undefined;this.maxAsDate=undefined;this.min=undefined;this.max=undefined;this.open=false;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberingSystem=undefined;this.scale="m";this.status="idle";this.placement=v;this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.datePickerActiveDate=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.focusedInput="start";this.localeData=undefined}handleFocusTrapDisabled(t){if(!this.open){return}t?_(this):Y(this)}handleDisabledAndReadOnlyChange(t){if(!t){this.open=false}}valueWatcher(t){if(!this.userChangedValue){let i;if(Array.isArray(t)){i=h(t)}else if(t){i=d(t)}else{i=undefined}if(!this.valueAsDateChangedExternally&&i!==this.valueAsDate){this.valueAsDate=i}this.localizeInputValues()}this.userChangedValue=false}valueAsDateWatcher(t){this.datePickerActiveDate=t;const i=this.range&&Array.isArray(t)?[l(t[0]),l(t[1])]:l(t);if(this.value!==i){this.valueAsDateChangedExternally=true;this.value=i;this.valueAsDateChangedExternally=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}onMessagesChange(){}onMinChanged(t){this.minAsDate=d(t)}onMaxChanged(t){this.maxAsDate=d(t)}openHandler(){L(this);if(this.disabled||this.readOnly){this.open=false;return}this.reposition(true)}overlayPositioningHandler(){this.reposition(true)}calciteDaySelectHandler(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.open=false}async setFocus(){await T(this);u(this.el)}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:a,filteredFlipPlacements:n}=this;return y(this,{floatingEl:i,referenceEl:e,overlayPositioning:a,placement:s,flipPlacements:n,type:"menu"},t)}connectedCallback(){R(this);this.handleDateTimeFormatChange();const{open:t}=this;t&&this.openHandler();if(this.min){this.minAsDate=d(this.min)}if(this.max){this.maxAsDate=d(this.max)}if(Array.isArray(this.value)){this.valueAsDate=h(this.value)}else if(this.value){try{const t=d(this.value);const i=p(t,this.minAsDate,this.maxAsDate);this.valueAsDate=i}catch(t){this.warnAboutInvalidValue(this.value);this.value=""}}else if(this.valueAsDate){if(this.range&&Array.isArray(this.valueAsDate)){this.value=[l(this.valueAsDate[0]),l(this.valueAsDate[1])]}else if(!this.range&&!Array.isArray(this.valueAsDate)){this.value=l(this.valueAsDate)}}j(this);D(this);W(this);this.setFilteredPlacements();E.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};if(this.open){L(this)}b(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){O(this);await Promise.all([this.loadLocaleData(),$(this)]);this.onMinChanged(this.min);this.onMaxChanged(this.max)}componentDidLoad(){M(this);this.localizeInputValues();b(this,this.referenceEl,this.floatingEl)}disconnectedCallback(){_(this);F(this);C(this);w(this,this.referenceEl,this.floatingEl);S(this);q(this)}componentDidRender(){z(this)}render(){const{disabled:t,effectiveLocale:i,messages:a,numberingSystem:n,readOnly:r}=this;E.numberFormatOptions={numberingSystem:n,locale:i,useGrouping:false};return e(s,{key:"af6a411d495acdf0b96d6aef7fcbc4a16dbee824",onBlur:this.blurHandler,onKeyDown:this.keyDownHandler},e(A,{key:"276559025b59e684be33145fdc1ebb54fc497905",disabled:this.disabled},this.localeData&&e("div",{key:"929abf4e68279ff6e121864678bb8256c35f3fac",class:tt.inputContainer},e("div",{key:"0b6c5aff1ee9c34f3384a756e24e0fd42402ff20",class:tt.inputWrapper,"data-position":"start",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setStartWrapper},e("calcite-input-text",{key:"88fc779558736b876d689c81f54625b12b2b3053","aria-autocomplete":"none","aria-controls":this.dialogId,"aria-describedby":this.placeholderTextId,"aria-errormessage":it.validationMessage,"aria-expanded":m(this.open),"aria-haspopup":"dialog","aria-invalid":m(this.status==="invalid"),class:{[tt.input]:true,[tt.inputNoBottomBorder]:this.layout==="vertical"&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.startInputFocus,placeholder:this.localeData?.placeholder,readOnly:r,ref:this.setStartInput,role:"combobox",scale:this.scale,status:this.status}),!this.readOnly&&this.renderToggleIcon(this.open&&this.focusedInput==="start"),e("span",{key:"63defeb887ec40a1a1444047a574b150530db269","aria-hidden":"true",class:tt.assistiveText,id:this.placeholderTextId},"Date Format: ",this.localeData?.placeholder)),e("div",{key:"29d287235f5f8080420470ab82800c3fc62d687a","aria-hidden":m(!this.open),"aria-label":a.chooseDate,"aria-live":"polite","aria-modal":"true",class:{[tt.menu]:true,[tt.menuActive]:this.open},id:this.dialogId,ref:this.setFloatingEl,role:"dialog"},e("div",{key:"2c3591bab4ba0dddae4d212e450d7f50ad8c08fc",class:{[tt.calendarWrapper]:true,[tt.calendarWrapperEnd]:this.focusedInput==="end",[x.animation]:true,[x.animationActive]:this.open},ref:this.setTransitionEl},e("calcite-date-picker",{key:"c1c74964ba43e80365bd5e4774dbf9e353f28960",activeDate:this.datePickerActiveDate,activeRange:this.focusedInput,headingLevel:this.headingLevel,max:this.max,maxAsDate:this.maxAsDate,messageOverrides:this.messageOverrides,min:this.min,minAsDate:this.minAsDate,numberingSystem:n,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,ref:this.setDatePickerRef,scale:this.scale,tabIndex:this.open?undefined:-1,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&e("div",{key:"2bdc3a8473b8e21ac202966ed8940216386a86dd",class:tt.horizontalArrowContainer},e("calcite-icon",{key:"fd80a1723c5132f6ecb73b850c2f29906783dc2f",flipRtl:true,icon:"arrow-right",scale:K(this.scale)})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&e("div",{key:"4bc93f2e6983024e186ec3deddf38d5e375940a6",class:tt.verticalArrowContainer},e("calcite-icon",{key:"7496a51302115c2ae7e5a4b67db033bcbfe190e4",icon:"arrow-down",scale:K(this.scale)})),this.range&&e("div",{key:"6a4bca2721c6ee243175dccbd3e55ab30715599b",class:tt.inputWrapper,"data-position":"end",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setEndWrapper},e("calcite-input-text",{key:"095b3d8b969e616e87d5de66c884d7ea8c8231e6","aria-autocomplete":"none","aria-controls":this.dialogId,"aria-errormessage":it.validationMessage,"aria-expanded":m(this.open),"aria-haspopup":"dialog","aria-invalid":m(this.status==="invalid"),class:{[tt.input]:true,[tt.inputBorderTopColorOne]:this.layout==="vertical"&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.endInputFocus,placeholder:this.localeData?.placeholder,readOnly:r,ref:this.setEndInput,role:"combobox",scale:this.scale,status:this.status}),!this.readOnly&&this.renderToggleIcon(this.open&&this.focusedInput==="end"))),e(I,{key:"b7c073ea8c135ee82bdb267701ad5c7fbea96af4",component:this}),this.validationMessage&&this.status==="invalid"?e(U,{icon:this.validationIcon,id:it.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return e("span",{class:tt.toggleIcon,tabIndex:-1},e("calcite-icon",{class:tt.chevronIcon,icon:t?"chevron-up":"chevron-down",scale:K(this.scale)}))}effectiveLocaleChange(){N(this,this.effectiveLocale);this.loadLocaleData()}handleDateTimeFormatChange(){const t={numberingSystem:H(this.numberingSystem)};this.dateTimeFormat=new Intl.DateTimeFormat(B(this.effectiveLocale),t)}setReferenceEl(){const{focusedInput:t,layout:i,endWrapper:e,startWrapper:s}=this;this.referenceEl=t==="end"||i==="vertical"?e||s:s||e;requestAnimationFrame((()=>b(this,this.referenceEl,this.floatingEl)))}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit()}onOpen(){Y(this,{onActivate:()=>{if(this.focusOnOpen){this.datePickerEl.setFocus();this.focusOnOpen=false}}});this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit();_(this);this.restoreInputFocus();this.focusOnOpen=false;this.datePickerEl.reset()}syncHiddenFormInput(t){J("date",this,t)}commitValue(){const{focusedInput:t,value:i}=this;const e=`${t}Input`;const s=this[e].value;const a=o(s,this.localeData);const n=l(a);const r=Array.isArray(i);if(this.range){const e=t==="start"?0:1;if(r){if(n===i[e]){return}if(a){this.setRangeValue([t==="start"?a:d(i[0]),t==="end"?a:d(i[1])]);this.localizeInputValues()}else{this.setRangeValue([t==="end"&&d(i[0]),t==="start"&&d(i[1])])}}else{if(a){this.setRangeValue([t==="start"?a:d(i[0]),t==="end"?a:d(i[1])]);this.localizeInputValues()}}}else{if(n===i){return}this.setValue(a);this.localizeInputValues()}}async loadLocaleData(){if(!Q()){return}E.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};this.localeData=await f(this.effectiveLocale);this.localizeInputValues()}shouldFocusRangeStart(){const t=this.value[0];const i=this.value[1];return!!(i&&!t&&this.focusedInput==="end"&&this.startInput)}shouldFocusRangeEnd(){const t=this.value[0];const i=this.value[1];return!!(t&&!i&&this.focusedInput==="start"&&this.endInput)}restoreInputFocus(){if(!this.range){this.startInput.setFocus();return}const t=this.focusedInput==="start"?this.startInput:this.endInput;t.setFocus()}localizeInputValues(){const t=p(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||undefined:this.valueAsDate,this.minAsDate,this.maxAsDate);const i=this.range?p(Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||undefined,this.minAsDate,this.maxAsDate):null;this.setInputValue((t&&this.dateTimeFormat.format(t))??"","start");this.setInputValue((this.range&&i&&this.dateTimeFormat.format(i))??"","end")}warnAboutInvalidValue(t){console.warn(`The specified value "${t}" does not conform to the required format, "YYYY-MM-DD".`)}getNormalizedDate(t){if(!t){return""}if(!X(t)){return t}const{day:i,month:e,year:s}=n(t);const a=Z(Number(s));return`${a}-${e}-${i}`}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],value:["valueWatcher"],valueAsDate:["valueAsDateWatcher"],flipPlacements:["flipPlacementsHandler"],messageOverrides:["onMessagesChange"],min:["onMinChanged"],max:["onMaxChanged"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],effectiveLocale:["effectiveLocaleChange","handleDateTimeFormatChange"],numberingSystem:["handleDateTimeFormatChange"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"]}}};at.style=st;export{at as calcite_input_date_picker};
+//# sourceMappingURL=p-c311c839.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isTwoDigitYear","value","year","datePartsFromISO","Number","normalizeToCurrentCentury","twoDigitYear","currentYear","Date","getFullYear","normalizedYear","Math","floor","CSS","assistiveText","calendarWrapper","calendarWrapperEnd","horizontalArrowContainer","inputBorderTopColorOne","inputContainer","inputNoBottomBorder","inputWrapper","input","menu","menuActive","toggleIcon","verticalArrowContainer","chevronIcon","IDS","validationMessage","inputDatePickerCss","CalciteInputDatePickerStyle0","InputDatePicker","this","calciteInternalInputInputHandler","event","target","parsedValue","parseNumerals","formattedValue","formatNumerals","datePartsFromLocalizedString","localeData","length","date","dateFromLocalizedString","inRange","min","max","datePickerActiveDate","calciteInternalInputBlurHandler","commitValue","dialogId","guid","focusOnOpen","userChangedValue","openTransitionProp","valueAsDateChangedExternally","placeholderTextId","onInputWrapperPointerDown","currentOpenInput","focusedInput","onInputWrapperClick","range","endInput","startInput","currentTarget","position","getAttribute","path","composedPath","wasToggleClicked","find","el","classList","contains","targetInput","setFocus","open","setFilteredPlacements","flipPlacements","filteredFlipPlacements","filterValidFlipPlacements","setTransitionEl","transitionEl","setStartInput","setEndInput","blurHandler","keyDownHandler","defaultPrevented","key","preventDefault","shouldFocusRangeEnd","shouldFocusRangeStart","submitForm","restoreInputFocus","startInputFocus","endInputFocus","setFloatingEl","floatingEl","connectFloatingUI","referenceEl","setStartWrapper","startWrapper","setReferenceEl","setEndWrapper","endWrapper","setDatePickerRef","datePickerEl","connectFocusTrap","focusTrapEl","focusTrapOptions","initialFocus","setReturnFocus","handleDateChange","stopPropagation","setValue","valueAsDate","localizeInputValues","handleDateRangeChange","setRangeValue","setInputValue","newValue","inputEl","oldValue","oldValueIsArray","Array","isArray","valueIsArray","newStartDate","newStartDateISO","dateToISO","getNormalizedDate","newEndDate","newEndDateISO","getValueAsDateRange","undefined","changeEvent","calciteInputDatePickerChange","emit","dateFromISO","commonDateSeparators","split","map","char","includes","separator","numberKeys","numberStringFormatter","numberFormatter","format","join","delocalize","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","defaultMenuPlacement","handleFocusTrapDisabled","focusTrapDisabled","deactivateFocusTrap","activateFocusTrap","handleDisabledAndReadOnlyChange","valueWatcher","newValueAsDate","valueAsDateWatcher","flipPlacementsHandler","reposition","onMessagesChange","onMinChanged","minAsDate","onMaxChanged","maxAsDate","openHandler","onToggleOpenCloseComponent","disabled","readOnly","overlayPositioningHandler","calciteDaySelectHandler","componentFocusable","focusFirstTabbable","delayed","placement","overlayPositioning","type","connectedCallback","connectLocalized","handleDateTimeFormatChange","dateInRange","dateFromRange","error","warnAboutInvalidValue","connectLabel","connectForm","connectMessages","numberFormatOptions","numberingSystem","locale","effectiveLocale","useGrouping","componentWillLoad","setUpLoadableComponent","Promise","all","loadLocaleData","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLabel","disconnectForm","disconnectFloatingUI","disconnectLocalized","disconnectMessages","componentDidRender","updateHostInteraction","render","messages","h","Host","onBlur","onKeyDown","InteractiveContainer","class","onClick","onPointerDown","ref","toAriaBoolean","status","layout","icon","onCalciteInputTextInput","onCalciteInternalInputTextBlur","onCalciteInternalInputTextFocus","placeholder","role","scale","renderToggleIcon","id","chooseDate","FloatingCSS","animation","animationActive","activeDate","activeRange","headingLevel","messageOverrides","onCalciteDatePickerChange","onCalciteDatePickerRangeChange","proximitySelectionDisabled","tabIndex","flipRtl","getIconScale","HiddenFormInputSlot","component","Validation","validationIcon","message","effectiveLocaleChange","updateMessages","formattingOptions","getSupportedNumberingSystem","dateTimeFormat","Intl","DateTimeFormat","getDateFormatSupportedLocale","requestAnimationFrame","onLabelClick","onBeforeOpen","calciteInputDatePickerBeforeOpen","onOpen","onActivate","calciteInputDatePickerOpen","onBeforeClose","calciteInputDatePickerBeforeClose","onClose","calciteInputDatePickerClose","reset","syncHiddenFormInput","focusedInputName","focusedInputValue","dateAsISO","focusedInputValueIndex","isBrowser","getLocaleData","startValue","endValue","endDate","console","warn","day","month"],"sources":["src/components/input-date-picker/utils.ts","src/components/input-date-picker/resources.ts","src/components/input-date-picker/input-date-picker.scss?tag=calcite-input-date-picker&encapsulation=shadow","src/components/input-date-picker/input-date-picker.tsx"],"sourcesContent":["import { datePartsFromISO } from \"../../utils/date\";\n\n/**\n * Specifies if an ISO string date (YYYY-MM-DD) has two digit year.\n *\n * @param {string} value\n * @returns {boolean}\n */\nexport function isTwoDigitYear(value: string): boolean {\n  if (!value) {\n    return false;\n  }\n  const { year } = datePartsFromISO(value);\n  return Number(year) < 100;\n}\n\n/**\n * Returns a normalized year to current century from a given two digit year number.\n *\n * @param {number} twoDigitYear\n * @returns {string}\n */\nexport function normalizeToCurrentCentury(twoDigitYear: number): number {\n  const currentYear = new Date().getFullYear();\n  const normalizedYear = Math.floor(currentYear / 100) * 100 + twoDigitYear;\n  return normalizedYear;\n}\n","export const CSS = {\n  assistiveText: \"assistive-text\",\n  calendarWrapper: \"calendar-wrapper\",\n  calendarWrapperEnd: \"calendar-wrapper--end\",\n  horizontalArrowContainer: \"horizontal-arrow-container\",\n  inputBorderTopColorOne: \"border-top-color-one\",\n  inputContainer: \"input-container\",\n  inputNoBottomBorder: \"no-bottom-border\",\n  inputWrapper: \"input-wrapper\",\n  input: \"input\",\n  menu: \"menu-container\",\n  menuActive: \"menu-container--active\",\n  toggleIcon: \"toggle-icon\",\n  verticalArrowContainer: \"vertical-arrow-container\",\n  chevronIcon: \"chevron-icon\",\n};\n\nexport const IDS = {\n  validationMessage: \"inputDatePickerValidationMessage\",\n};\n",":host {\n  @extend %component-spacing;\n  @include floating-ui-elem-anim(\".menu-container\");\n  @apply relative\n    inline-block\n    w-full\n    overflow-visible\n    align-top\n    shadow-none;\n}\n\n@function get-trailing-text-input-padding($chevron-spacing) {\n  @return calc(var(--calcite-toggle-spacing) + $chevron-spacing);\n}\n\n:host([scale=\"s\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.2\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.4\"))};\n}\n\n:host([scale=\"m\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.3\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.6\"))};\n}\n\n:host([scale=\"l\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.4\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.8\"))};\n}\n\n@include disabled();\n\n.calendar-wrapper {\n  @apply shadow-none;\n  transform: translate3d(0, 0, 0);\n}\n\n.input-wrapper {\n  @apply relative;\n\n  .chevron-icon {\n    color: var(--calcite-color-text-3);\n  }\n\n  &:focus-within,\n  &:active,\n  &:hover {\n    .chevron-icon {\n      color: var(--calcite-color-text-1);\n    }\n  }\n}\n\n.toggle-icon {\n  @apply absolute flex cursor-pointer items-center;\n  inset-inline-end: 0;\n  inset-block: 0;\n  padding-inline: var(--calcite-toggle-spacing);\n}\n\n:host([range]) {\n  .input-container {\n    @apply flex;\n  }\n\n  .input-wrapper {\n    @apply flex-auto;\n  }\n\n  .horizontal-arrow-container {\n    @apply bg-background\n      border-color-input\n      flex\n      items-center\n      border\n      border-l-0\n      border-r-0\n      border-solid\n      py-0\n      px-1;\n  }\n}\n\n:host([range][layout=\"vertical\"]) {\n  .input-wrapper {\n    @apply w-full;\n  }\n\n  .input-container {\n    @apply flex-col\n      items-start;\n  }\n\n  .calendar-wrapper--end {\n    transform: translate3d(0, 0, 0);\n  }\n\n  .vertical-arrow-container {\n    inset-block-start: theme(\"spacing.6\");\n    @apply bg-foreground-1\n      absolute\n      z-default\n      mx-px\n      px-2.5;\n    inset-inline-start: 0;\n  }\n}\n\n.menu-container {\n  --calcite-floating-ui-z-index: theme(\"zIndex.dropdown\");\n  @include floating-ui-container();\n  @include floating-ui-wrapper();\n  @apply invisible;\n}\n\n@include floating-ui-elem-anim(\".menu-container\");\n\n:host([open]) .menu-container {\n  @include floating-ui-wrapper-active();\n}\n\n.menu-container--active {\n  @include floating-ui-wrapper-active();\n}\n\n.input .calcite-input__wrapper {\n  @apply mt-0;\n}\n\n:host([range][layout=\"vertical\"][scale=\"m\"]) .vertical-arrow-container {\n  inset-block-start: theme(\"spacing.6\");\n  padding-inline-start: theme(\"spacing.3\");\n\n  calcite-icon {\n    @apply h-3\n      w-3\n      min-w-0;\n  }\n}\n\n:host([range][layout=\"vertical\"][scale=\"l\"]) .vertical-arrow-container {\n  inset-block-start: theme(\"spacing.9\");\n  @apply px-3.5;\n}\n\n:host([range][layout=\"vertical\"][open]) {\n  .vertical-arrow-container {\n    @apply hidden;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\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  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { FocusTrap } from \"focus-trap\";\nimport {\n  dateFromISO,\n  dateFromLocalizedString,\n  dateFromRange,\n  datePartsFromISO,\n  datePartsFromLocalizedString,\n  dateToISO,\n  inRange,\n} from \"../../utils/date\";\nimport { focusFirstTabbable, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectFloatingUI,\n  defaultMenuPlacement,\n  disconnectFloatingUI,\n  filterValidFlipPlacements,\n  FloatingCSS,\n  FloatingUIComponent,\n  FlipPlacement,\n  MenuPlacement,\n  OverlayPositioning,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { numberKeys } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  getSupportedNumberingSystem,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n  getDateFormatSupportedLocale,\n} from \"../../utils/locale\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { DatePickerMessages } from \"../date-picker/assets/date-picker/t9n\";\nimport { DateLocaleData, getLocaleData, getValueAsDateRange } from \"../date-picker/utils\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrapComponent,\n} from \"../../utils/focusTrapComponent\";\nimport { guid } from \"../../utils/guid\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Status } from \"../interfaces\";\nimport { Validation } from \"../functional/Validation\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { syncHiddenFormInput } from \"../input/common/input\";\nimport { isBrowser } from \"../../utils/browser\";\nimport { normalizeToCurrentCentury, isTwoDigitYear } from \"./utils\";\nimport { InputDatePickerMessages } from \"./assets/input-date-picker/t9n\";\nimport { CSS, IDS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-input-date-picker\",\n  styleUrl: \"input-date-picker.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class InputDatePicker\n  implements\n    FloatingUIComponent,\n    FocusTrapComponent,\n    FormComponent,\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    OpenCloseComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public 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 `true`, prevents focus trapping.\n   */\n  @Prop({ reflect: true }) focusTrapDisabled = false;\n\n  @Watch(\"focusTrapDisabled\")\n  handleFocusTrapDisabled(focusTrapDisabled: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);\n  }\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  @Watch(\"disabled\")\n  @Watch(\"readOnly\")\n  handleDisabledAndReadOnlyChange(value: boolean): void {\n    if (!value) {\n      this.open = false;\n    }\n  }\n\n  /** Selected date as a string in ISO format (`\"yyyy-mm-dd\"`). */\n  @Prop({ mutable: true }) value: string | string[] = \"\";\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string | string[]): void {\n    if (!this.userChangedValue) {\n      let newValueAsDate: Date | Date[];\n\n      if (Array.isArray(newValue)) {\n        newValueAsDate = getValueAsDateRange(newValue);\n      } else if (newValue) {\n        newValueAsDate = dateFromISO(newValue);\n      } else {\n        newValueAsDate = undefined;\n      }\n\n      if (!this.valueAsDateChangedExternally && newValueAsDate !== this.valueAsDate) {\n        this.valueAsDate = newValueAsDate;\n      }\n\n      this.localizeInputValues();\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"valueAsDate\")\n  valueAsDateWatcher(valueAsDate: Date): void {\n    this.datePickerActiveDate = valueAsDate;\n    const newValue =\n      this.range && Array.isArray(valueAsDate)\n        ? [dateToISO(valueAsDate[0]), dateToISO(valueAsDate[1])]\n        : dateToISO(valueAsDate);\n    if (this.value !== newValue) {\n      this.valueAsDateChangedExternally = true;\n      this.value = newValue;\n      this.valueAsDateChangedExternally = false;\n    }\n  }\n\n  /**\n   * Specifies the component's fallback `calcite-date-picker` `placement` when it's initial or specified `placement` has insufficient space available.\n   */\n  @Prop() flipPlacements: FlipPlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** The component's value as a full date object. */\n  @Prop({ mutable: true }) valueAsDate: Date | Date[];\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<InputDatePickerMessages & DatePickerMessages>;\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: InputDatePickerMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /** Specifies the earliest allowed date as a full date object. */\n  @Prop({ mutable: true }) minAsDate: Date;\n\n  /** Specifies the latest allowed date as a full date object. */\n  @Prop({ mutable: true }) maxAsDate: Date;\n\n  /** Specifies the earliest allowed date (\"yyyy-mm-dd\"). */\n  @Prop({ reflect: true }) min: string;\n\n  @Watch(\"min\")\n  onMinChanged(min: string): void {\n    this.minAsDate = dateFromISO(min);\n  }\n\n  /** Specifies the latest allowed date (\"yyyy-mm-dd\"). */\n  @Prop({ reflect: true }) max: string;\n\n  @Watch(\"max\")\n  onMaxChanged(max: string): void {\n    this.maxAsDate = dateFromISO(max);\n  }\n\n  /** When `true`, displays the `calcite-date-picker` component. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n\n    if (this.disabled || this.readOnly) {\n      this.open = false;\n      return;\n    }\n\n    this.reposition(true);\n  }\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: IconNameOrString | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.\n   *\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"s\" | \"m\" | \"l\" = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * Specifies the placement of the `calcite-date-picker` relative to the component.\n   *\n   * @default \"bottom-start\"\n   */\n  @Prop({ reflect: true }) placement: MenuPlacement = defaultMenuPlacement;\n\n  /** When `true`, activates a range for the component. */\n  @Prop({ reflect: true }) range = false;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, disables the default behavior on the third click of narrowing or extending the range.\n   * Instead starts a new range.\n   */\n  @Prop() proximitySelectionDisabled = false;\n\n  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: \"horizontal\" | \"vertical\" = \"horizontal\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteDaySelect\")\n  calciteDaySelectHandler(): void {\n    if (this.shouldFocusRangeStart() || this.shouldFocusRangeEnd()) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  private calciteInternalInputInputHandler = (event: CustomEvent<any>): void => {\n    const target = event.target as HTMLCalciteInputElement;\n    const value = target.value;\n    const parsedValue = this.parseNumerals(value);\n    const formattedValue = this.formatNumerals(parsedValue);\n\n    target.value = formattedValue;\n\n    const { year } = datePartsFromLocalizedString(value, this.localeData);\n\n    if (year && year.length < 4) {\n      return;\n    }\n\n    const date = dateFromLocalizedString(value, this.localeData);\n\n    if (inRange(date, this.min, this.max)) {\n      this.datePickerActiveDate = date;\n    }\n  };\n\n  private calciteInternalInputBlurHandler = (): void => {\n    this.commitValue();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's `value` changes.\n   */\n  @Event({ cancelable: false }) calciteInputDatePickerChange: EventEmitter<void>;\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteInputDatePickerBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteInputDatePickerClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteInputDatePickerBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteInputDatePickerOpen: EventEmitter<void>;\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    focusFirstTabbable(this.el);\n  }\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed If true, the repositioning is delayed.\n   * @returns void\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;\n\n    return reposition(\n      this,\n      {\n        floatingEl,\n        referenceEl,\n        overlayPositioning,\n        placement,\n        flipPlacements: filteredFlipPlacements,\n        type: \"menu\",\n      },\n      delayed,\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    this.handleDateTimeFormatChange();\n\n    const { open } = this;\n    open && this.openHandler();\n\n    if (this.min) {\n      this.minAsDate = dateFromISO(this.min);\n    }\n\n    if (this.max) {\n      this.maxAsDate = dateFromISO(this.max);\n    }\n\n    if (Array.isArray(this.value)) {\n      this.valueAsDate = getValueAsDateRange(this.value);\n    } else if (this.value) {\n      try {\n        const date = dateFromISO(this.value);\n        const dateInRange = dateFromRange(date, this.minAsDate, this.maxAsDate);\n        this.valueAsDate = dateInRange;\n      } catch (error) {\n        this.warnAboutInvalidValue(this.value);\n        this.value = \"\";\n      }\n    } else if (this.valueAsDate) {\n      if (this.range && Array.isArray(this.valueAsDate)) {\n        this.value = [dateToISO(this.valueAsDate[0]), dateToISO(this.valueAsDate[1])];\n      } else if (!this.range && !Array.isArray(this.valueAsDate)) {\n        this.value = dateToISO(this.valueAsDate);\n      }\n    }\n\n    connectLabel(this);\n    connectForm(this);\n    connectMessages(this);\n\n    this.setFilteredPlacements();\n\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem: this.numberingSystem,\n      locale: this.effectiveLocale,\n      useGrouping: false,\n    };\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await Promise.all([this.loadLocaleData(), setUpMessages(this)]);\n    this.onMinChanged(this.min);\n    this.onMaxChanged(this.max);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.localizeInputValues();\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  disconnectedCallback(): void {\n    deactivateFocusTrap(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectFloatingUI(this, this.referenceEl, this.floatingEl);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const { disabled, effectiveLocale, messages, numberingSystem, readOnly } = this;\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem,\n      locale: effectiveLocale,\n      useGrouping: false,\n    };\n\n    return (\n      <Host onBlur={this.blurHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          {this.localeData && (\n            <div class={CSS.inputContainer}>\n              <div\n                class={CSS.inputWrapper}\n                data-position=\"start\"\n                onClick={this.onInputWrapperClick}\n                onPointerDown={this.onInputWrapperPointerDown}\n                ref={this.setStartWrapper}\n              >\n                <calcite-input-text\n                  aria-autocomplete=\"none\"\n                  aria-controls={this.dialogId}\n                  aria-describedby={this.placeholderTextId}\n                  aria-errormessage={IDS.validationMessage}\n                  aria-expanded={toAriaBoolean(this.open)}\n                  aria-haspopup=\"dialog\"\n                  aria-invalid={toAriaBoolean(this.status === \"invalid\")}\n                  class={{\n                    [CSS.input]: true,\n                    [CSS.inputNoBottomBorder]: this.layout === \"vertical\" && this.range,\n                  }}\n                  disabled={disabled}\n                  icon=\"calendar\"\n                  onCalciteInputTextInput={this.calciteInternalInputInputHandler}\n                  onCalciteInternalInputTextBlur={this.calciteInternalInputBlurHandler}\n                  onCalciteInternalInputTextFocus={this.startInputFocus}\n                  placeholder={this.localeData?.placeholder}\n                  readOnly={readOnly}\n                  ref={this.setStartInput}\n                  role=\"combobox\"\n                  scale={this.scale}\n                  status={this.status}\n                />\n                {!this.readOnly &&\n                  this.renderToggleIcon(this.open && this.focusedInput === \"start\")}\n                <span aria-hidden=\"true\" class={CSS.assistiveText} id={this.placeholderTextId}>\n                  Date Format: {this.localeData?.placeholder}\n                </span>\n              </div>\n              <div\n                aria-hidden={toAriaBoolean(!this.open)}\n                aria-label={messages.chooseDate}\n                aria-live=\"polite\"\n                aria-modal=\"true\"\n                class={{\n                  [CSS.menu]: true,\n                  [CSS.menuActive]: this.open,\n                }}\n                id={this.dialogId}\n                ref={this.setFloatingEl}\n                role=\"dialog\"\n              >\n                <div\n                  class={{\n                    [CSS.calendarWrapper]: true,\n                    [CSS.calendarWrapperEnd]: this.focusedInput === \"end\",\n                    [FloatingCSS.animation]: true,\n                    [FloatingCSS.animationActive]: this.open,\n                  }}\n                  ref={this.setTransitionEl}\n                >\n                  <calcite-date-picker\n                    activeDate={this.datePickerActiveDate}\n                    activeRange={this.focusedInput}\n                    headingLevel={this.headingLevel}\n                    max={this.max}\n                    maxAsDate={this.maxAsDate}\n                    messageOverrides={this.messageOverrides}\n                    min={this.min}\n                    minAsDate={this.minAsDate}\n                    numberingSystem={numberingSystem}\n                    onCalciteDatePickerChange={this.handleDateChange}\n                    onCalciteDatePickerRangeChange={this.handleDateRangeChange}\n                    proximitySelectionDisabled={this.proximitySelectionDisabled}\n                    range={this.range}\n                    ref={this.setDatePickerRef}\n                    scale={this.scale}\n                    tabIndex={this.open ? undefined : -1}\n                    valueAsDate={this.valueAsDate}\n                  />\n                </div>\n              </div>\n\n              {this.range && this.layout === \"horizontal\" && (\n                <div class={CSS.horizontalArrowContainer}>\n                  <calcite-icon\n                    flipRtl={true}\n                    icon=\"arrow-right\"\n                    scale={getIconScale(this.scale)}\n                  />\n                </div>\n              )}\n              {this.range && this.layout === \"vertical\" && this.scale !== \"s\" && (\n                <div class={CSS.verticalArrowContainer}>\n                  <calcite-icon icon=\"arrow-down\" scale={getIconScale(this.scale)} />\n                </div>\n              )}\n              {this.range && (\n                <div\n                  class={CSS.inputWrapper}\n                  data-position=\"end\"\n                  onClick={this.onInputWrapperClick}\n                  onPointerDown={this.onInputWrapperPointerDown}\n                  ref={this.setEndWrapper}\n                >\n                  <calcite-input-text\n                    aria-autocomplete=\"none\"\n                    aria-controls={this.dialogId}\n                    aria-errormessage={IDS.validationMessage}\n                    aria-expanded={toAriaBoolean(this.open)}\n                    aria-haspopup=\"dialog\"\n                    aria-invalid={toAriaBoolean(this.status === \"invalid\")}\n                    class={{\n                      [CSS.input]: true,\n                      [CSS.inputBorderTopColorOne]: this.layout === \"vertical\" && this.range,\n                    }}\n                    disabled={disabled}\n                    icon=\"calendar\"\n                    onCalciteInputTextInput={this.calciteInternalInputInputHandler}\n                    onCalciteInternalInputTextBlur={this.calciteInternalInputBlurHandler}\n                    onCalciteInternalInputTextFocus={this.endInputFocus}\n                    placeholder={this.localeData?.placeholder}\n                    readOnly={readOnly}\n                    ref={this.setEndInput}\n                    role=\"combobox\"\n                    scale={this.scale}\n                    status={this.status}\n                  />\n                  {!this.readOnly &&\n                    this.renderToggleIcon(this.open && this.focusedInput === \"end\")}\n                </div>\n              )}\n            </div>\n          )}\n          <HiddenFormInputSlot component={this} />\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              id={IDS.validationMessage}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  renderToggleIcon(open: boolean): VNode {\n    return (\n      // we set tab index to -1 to prevent delegatesFocus from stealing focus before we can set it\n      <span class={CSS.toggleIcon} tabIndex={-1}>\n        <calcite-icon\n          class={CSS.chevronIcon}\n          icon={open ? \"chevron-up\" : \"chevron-down\"}\n          scale={getIconScale(this.scale)}\n        />\n      </span>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputDatePickerElement;\n\n  private currentOpenInput: \"start\" | \"end\";\n\n  private datePickerEl: HTMLCalciteDatePickerElement;\n\n  private dialogId = `date-picker-dialog--${guid()}`;\n\n  filteredFlipPlacements: FlipPlacement[];\n\n  private focusOnOpen = false;\n\n  focusTrap: FocusTrap;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: InputDatePicker[\"value\"];\n\n  private dateTimeFormat: Intl.DateTimeFormat;\n\n  @State() datePickerActiveDate: Date;\n\n  @State() defaultMessages: InputDatePickerMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n    this.loadLocaleData();\n  }\n\n  @Watch(\"effectiveLocale\")\n  @Watch(\"numberingSystem\")\n  handleDateTimeFormatChange(): void {\n    const formattingOptions: Intl.DateTimeFormatOptions = {\n      // we explicitly set numberingSystem to prevent the browser-inferred value\n      // see https://github.com/Esri/calcite-design-system/issues/3079#issuecomment-1168964195 for more info\n      numberingSystem: getSupportedNumberingSystem(this.numberingSystem),\n    };\n\n    this.dateTimeFormat = new Intl.DateTimeFormat(\n      getDateFormatSupportedLocale(this.effectiveLocale),\n      formattingOptions,\n    );\n  }\n\n  @State() focusedInput: \"start\" | \"end\" = \"start\";\n\n  @State() private localeData: DateLocaleData;\n\n  private startInput: HTMLCalciteInputTextElement;\n\n  private endInput: HTMLCalciteInputTextElement;\n\n  private floatingEl: HTMLDivElement;\n\n  private referenceEl: HTMLDivElement;\n\n  private startWrapper: HTMLDivElement;\n\n  private endWrapper: HTMLDivElement;\n\n  private userChangedValue = false;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  @Watch(\"layout\")\n  @Watch(\"focusedInput\")\n  setReferenceEl(): void {\n    const { focusedInput, layout, endWrapper, startWrapper } = this;\n\n    this.referenceEl =\n      focusedInput === \"end\" || layout === \"vertical\"\n        ? endWrapper || startWrapper\n        : startWrapper || endWrapper;\n\n    requestAnimationFrame(() => connectFloatingUI(this, this.referenceEl, this.floatingEl));\n  }\n\n  private valueAsDateChangedExternally = false;\n\n  private placeholderTextId = `calcite-input-date-picker-placeholder-${guid()}`;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private onInputWrapperPointerDown = (): void => {\n    this.currentOpenInput = this.focusedInput;\n  };\n\n  private onInputWrapperClick = (event: MouseEvent) => {\n    const { range, endInput, startInput, currentOpenInput } = this;\n    const currentTarget = event.currentTarget as HTMLDivElement;\n    const position = currentTarget.getAttribute(\"data-position\") as \"start\" | \"end\";\n    const path = event.composedPath();\n    const wasToggleClicked = path.find((el: HTMLElement) => el.classList?.contains(CSS.toggleIcon));\n\n    if (wasToggleClicked) {\n      const targetInput = position === \"start\" ? startInput : endInput;\n      targetInput.setFocus();\n    }\n\n    if (!range || !this.open || currentOpenInput === position) {\n      this.open = !this.open;\n    }\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterValidFlipPlacements(flipPlacements, el)\n      : null;\n  };\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  onBeforeOpen(): void {\n    this.calciteInputDatePickerBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    activateFocusTrap(this, {\n      onActivate: () => {\n        if (this.focusOnOpen) {\n          this.datePickerEl.setFocus();\n          this.focusOnOpen = false;\n        }\n      },\n    });\n    this.calciteInputDatePickerOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteInputDatePickerBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteInputDatePickerClose.emit();\n    deactivateFocusTrap(this);\n    this.restoreInputFocus();\n    this.focusOnOpen = false;\n    this.datePickerEl.reset();\n  }\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    syncHiddenFormInput(\"date\", this, input);\n  }\n\n  setStartInput = (el: HTMLCalciteInputTextElement): void => {\n    this.startInput = el;\n  };\n\n  setEndInput = (el: HTMLCalciteInputTextElement): void => {\n    this.endInput = el;\n  };\n\n  private blurHandler = (): void => {\n    this.open = false;\n  };\n\n  private commitValue(): void {\n    const { focusedInput, value } = this;\n    const focusedInputName = `${focusedInput}Input`;\n    const focusedInputValue = this[focusedInputName].value;\n    const date = dateFromLocalizedString(focusedInputValue, this.localeData);\n    const dateAsISO = dateToISO(date);\n    const valueIsArray = Array.isArray(value);\n    if (this.range) {\n      const focusedInputValueIndex = focusedInput === \"start\" ? 0 : 1;\n      if (valueIsArray) {\n        if (dateAsISO === value[focusedInputValueIndex]) {\n          return;\n        }\n        if (date) {\n          this.setRangeValue([\n            focusedInput === \"start\" ? date : dateFromISO(value[0]),\n            focusedInput === \"end\" ? date : dateFromISO(value[1]),\n          ]);\n          this.localizeInputValues();\n        } else {\n          this.setRangeValue([\n            focusedInput === \"end\" && dateFromISO(value[0]),\n            focusedInput === \"start\" && dateFromISO(value[1]),\n          ]);\n        }\n      } else {\n        if (date) {\n          this.setRangeValue([\n            focusedInput === \"start\" ? date : dateFromISO(value[0]),\n            focusedInput === \"end\" ? date : dateFromISO(value[1]),\n          ]);\n          this.localizeInputValues();\n        }\n      }\n    } else {\n      if (dateAsISO === value) {\n        return;\n      }\n      this.setValue(date);\n      this.localizeInputValues();\n    }\n  }\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    const { defaultPrevented, key } = event;\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (key === \"Enter\") {\n      event.preventDefault();\n      this.commitValue();\n\n      if (this.shouldFocusRangeEnd()) {\n        this.endInput?.setFocus();\n      } else if (this.shouldFocusRangeStart()) {\n        this.startInput?.setFocus();\n      }\n\n      if (submitForm(this)) {\n        this.restoreInputFocus();\n      }\n    } else if (key === \"ArrowDown\") {\n      this.open = true;\n      this.focusOnOpen = true;\n      event.preventDefault();\n    } else if (key === \"Escape\") {\n      this.open = false;\n      event.preventDefault();\n      this.restoreInputFocus();\n    }\n  };\n\n  startInputFocus = (): void => {\n    this.focusedInput = \"start\";\n  };\n\n  endInputFocus = (): void => {\n    this.focusedInput = \"end\";\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  setStartWrapper = (el: HTMLDivElement): void => {\n    this.startWrapper = el;\n    this.setReferenceEl();\n  };\n\n  setEndWrapper = (el: HTMLDivElement): void => {\n    this.endWrapper = el;\n    this.setReferenceEl();\n  };\n\n  setDatePickerRef = (el: HTMLCalciteDatePickerElement): void => {\n    this.datePickerEl = el;\n    connectFocusTrap(this, {\n      focusTrapEl: el,\n      focusTrapOptions: {\n        initialFocus: false,\n        setReturnFocus: false,\n      },\n    });\n  };\n\n  private async loadLocaleData(): Promise<void> {\n    if (!isBrowser()) {\n      return;\n    }\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem: this.numberingSystem,\n      locale: this.effectiveLocale,\n      useGrouping: false,\n    };\n    this.localeData = await getLocaleData(this.effectiveLocale);\n    this.localizeInputValues();\n  }\n\n  /**\n   * Event handler for when the selected date changes\n   *\n   * @param event CalciteDatePicker custom change event\n   */\n  handleDateChange = (event: CustomEvent<void>): void => {\n    if (this.range) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    this.setValue((event.target as HTMLCalciteDatePickerElement).valueAsDate as Date);\n    this.localizeInputValues();\n    this.restoreInputFocus();\n  };\n\n  private shouldFocusRangeStart(): boolean {\n    const startValue = this.value[0];\n    const endValue = this.value[1];\n    return !!(endValue && !startValue && this.focusedInput === \"end\" && this.startInput);\n  }\n\n  private shouldFocusRangeEnd(): boolean {\n    const startValue = this.value[0];\n    const endValue = this.value[1];\n    return !!(startValue && !endValue && this.focusedInput === \"start\" && this.endInput);\n  }\n\n  private handleDateRangeChange = (event: CustomEvent<void>): void => {\n    if (!this.range) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    const value = (event.target as HTMLCalciteDatePickerElement).valueAsDate as Date[];\n\n    this.setRangeValue(value);\n    this.localizeInputValues();\n    this.restoreInputFocus();\n  };\n\n  private restoreInputFocus(): void {\n    if (!this.range) {\n      this.startInput.setFocus();\n      return;\n    }\n\n    const focusedInput = this.focusedInput === \"start\" ? this.startInput : this.endInput;\n    focusedInput.setFocus();\n  }\n\n  private localizeInputValues(): void {\n    const date = dateFromRange(\n      (this.range\n        ? (Array.isArray(this.valueAsDate) && this.valueAsDate[0]) || undefined\n        : this.valueAsDate) as Date,\n      this.minAsDate,\n      this.maxAsDate,\n    );\n    const endDate = this.range\n      ? dateFromRange(\n          (Array.isArray(this.valueAsDate) && this.valueAsDate[1]) || undefined,\n          this.minAsDate,\n          this.maxAsDate,\n        )\n      : null;\n\n    this.setInputValue((date && this.dateTimeFormat.format(date)) ?? \"\", \"start\");\n    this.setInputValue((this.range && endDate && this.dateTimeFormat.format(endDate)) ?? \"\", \"end\");\n  }\n\n  private setInputValue = (newValue: string, input: \"start\" | \"end\" = \"start\"): void => {\n    const inputEl = this[`${input}Input`];\n    if (!inputEl) {\n      return;\n    }\n    inputEl.value = newValue;\n  };\n\n  private setRangeValue = (valueAsDate: Date[]): void => {\n    if (!this.range) {\n      return;\n    }\n\n    const { value: oldValue } = this;\n    const oldValueIsArray = Array.isArray(oldValue);\n    const valueIsArray = Array.isArray(valueAsDate);\n\n    const newStartDate = valueIsArray ? valueAsDate[0] : null;\n    let newStartDateISO = valueIsArray ? dateToISO(newStartDate) : \"\";\n    if (newStartDateISO) {\n      newStartDateISO = this.getNormalizedDate(newStartDateISO);\n    }\n\n    const newEndDate = valueIsArray ? valueAsDate[1] : null;\n    let newEndDateISO = valueIsArray ? dateToISO(newEndDate) : \"\";\n    if (newEndDateISO) {\n      newEndDateISO = this.getNormalizedDate(newEndDateISO);\n    }\n\n    const newValue = newStartDateISO || newEndDateISO ? [newStartDateISO, newEndDateISO] : \"\";\n\n    if (newValue === oldValue) {\n      return;\n    }\n\n    this.userChangedValue = true;\n    this.value = newValue;\n    this.valueAsDate = newValue ? getValueAsDateRange(newValue) : undefined;\n\n    const changeEvent = this.calciteInputDatePickerChange.emit();\n\n    if (changeEvent && changeEvent.defaultPrevented) {\n      this.value = oldValue;\n      if (oldValueIsArray) {\n        this.setInputValue(oldValue[0], \"start\");\n        this.setInputValue(oldValue[1], \"end\");\n      } else {\n        this.value = oldValue;\n        this.setInputValue(oldValue);\n      }\n    }\n  };\n\n  private setValue = (value: Date | string): void => {\n    if (this.range) {\n      return;\n    }\n\n    const oldValue = this.value;\n    let newValue = dateToISO(value as Date);\n    newValue = this.getNormalizedDate(newValue);\n\n    if (newValue === oldValue) {\n      return;\n    }\n\n    this.userChangedValue = true;\n    this.valueAsDate = newValue ? dateFromISO(newValue) : undefined;\n    this.value = newValue || \"\";\n\n    const changeEvent = this.calciteInputDatePickerChange.emit();\n\n    if (changeEvent.defaultPrevented) {\n      this.value = oldValue;\n      this.setInputValue(oldValue as string);\n    }\n  };\n\n  private warnAboutInvalidValue(value: string): void {\n    console.warn(\n      `The specified value \"${value}\" does not conform to the required format, \"YYYY-MM-DD\".`,\n    );\n  }\n\n  private commonDateSeparators = [\".\", \"-\", \"/\"];\n\n  private formatNumerals = (value: string): string =>\n    value\n      ? value\n          .split(\"\")\n          .map((char: string) =>\n            this.commonDateSeparators?.includes(char)\n              ? this.localeData?.separator\n              : numberKeys?.includes(char)\n                ? numberStringFormatter?.numberFormatter?.format(Number(char))\n                : char,\n          )\n          .join(\"\")\n      : \"\";\n\n  private parseNumerals = (value: string): string =>\n    value\n      ? value\n          .split(\"\")\n          .map((char: string) =>\n            numberKeys.includes(char) ? numberStringFormatter.delocalize(char) : char,\n          )\n          .join(\"\")\n      : \"\";\n\n  private getNormalizedDate(value: string): string {\n    if (!value) {\n      return \"\";\n    }\n\n    if (!isTwoDigitYear(value)) {\n      return value;\n    }\n\n    const { day, month, year } = datePartsFromISO(value);\n    const normalizedYear = normalizeToCurrentCentury(Number(year));\n    return `${normalizedYear}-${month}-${day}`;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-c38b8b52.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/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{r as t,c as e,h as i,H as s,g as n}from"./p-2c99ffe4.js";import{b as o,t as a,f as r,e as l}from"./p-ed71fa1d.js";import{g as c}from"./p-561afd32.js";import{s as d,a as h,c as u}from"./p-953f312e.js";import{N as m,c as f,d as p}from"./p-756ee05a.js";import{o as g}from"./p-9eaba705.js";import{c as b,s as v,d as k,u as x}from"./p-cbffb6ca.js";import{K as w}from"./p-e3cdd5f3.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-f9b0742d.js";import"./p-cd0e92b4.js";import"./p-99ecc8bc.js";const y={slow:14e3,medium:1e4,fast:6e3};const z={actionsEnd:"actions-end",title:"title",message:"message",link:"link"};const C={actionsEnd:"actions-end",close:"close",container:"container",containerBottom:"container--bottom",containerBottomEnd:"container--bottom-end",containerBottomStart:"container--bottom-start",containerActive:"container--active",containerTop:"container--top",containerTopEnd:"container--top-end",containerTopStart:"container--top-start",content:"content",contentContainer:"content-container",dismissProgress:"dismiss-progress",footer:"footer",icon:"icon",containerEmbedded:"container--embedded",queueCount:"queue-count",queueCountActive:"queue-count--active",textContainer:"text-container",focused:"focused"};const j=300;class A{constructor(){this.registeredElements=[];this.queueTimeoutId=null}registerElement(t){const{registeredElements:e}=this;if(!e.includes(t)){switch(t.queue){case"immediate":e.unshift(t);break;case"next":e.splice(1,0,t);break;case"last":e.push(t);break}this.updateAlerts()}}unregisterElement(t){const{registeredElements:e}=this;const i=e.indexOf(t);if(i!==-1){e.splice(i,1)}t.active=false;this.updateAlerts()}updateAlerts(){window.clearTimeout(this.queueTimeoutId);this.queueTimeoutId=null;this.registeredElements.forEach(((t,e)=>{t.openAlertCount=this.registeredElements.length;if(e===0){this.queueTimeoutId=window.setTimeout((()=>t.active=true),j)}else{t.active=false}}))}}const q=':host{--calcite-internal-alert-edge-distance:2rem;display:block;inline-size:var(--calcite-alert-width)}.container{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;text-align:start;opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--calcite-alert-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow));background-color:var(--calcite-alert-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);max-inline-size:calc(100% - var(--calcite-internal-alert-edge-distance) * 2);transition:opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container--bottom,.container--top{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0, var(--calcite-internal-alert-edge-distance), 0);inset-block-end:var(--calcite-internal-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-internal-alert-edge-distance)), 0);inset-block-start:var(--calcite-internal-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-internal-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-internal-alert-edge-distance);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto}.close{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;border-start-end-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));border-end-end-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));outline-color:transparent}.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{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}.close:active{background-color:var(--calcite-color-foreground-3)}.queue-count{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress::after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-color-transparent-tint);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-internal-alert-min-height:3.5rem;inline-size:var(--calcite-alert-width, 40em)}:host([scale=s]) .close{padding:0.75rem}:host([scale=s]) .icon{padding-inline-start:0.75rem}:host([scale=s]) .text-container{padding-block:0.5rem;padding-inline:0.75rem 0.5rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-internal-alert-min-height:4.1875rem;inline-size:var(--calcite-alert-width, 50em)}:host([scale=m]) .close{padding:1rem}:host([scale=m]) .icon{padding-inline-start:1rem}:host([scale=m]) .text-container{padding-block:0.75rem;padding-inline:1rem 0.75rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-internal-alert-min-height:5.625rem;inline-size:var(--calcite-alert-width, 60em)}:host([scale=l]) .close{padding:1.25rem}:host([scale=l]) .icon{padding-inline-start:1.25rem}:host([scale=l]) .text-container{padding-block:1rem;padding-inline:1.25rem 1rem}:host([open]) .container--active{border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-internal-alert-edge-distance)), inherit)}:host([open]) .container--active[class*=top]{transform:translate3d(0, var(--calcite-internal-alert-edge-distance), inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);margin-inline-end:0.5rem;color:var(--calcite-color-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress::after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}';const D=q;const E=new A;const S=class{constructor(i){t(this,i);this.calciteAlertBeforeClose=e(this,"calciteAlertBeforeClose",6);this.calciteAlertClose=e(this,"calciteAlertClose",6);this.calciteAlertBeforeOpen=e(this,"calciteAlertBeforeOpen",6);this.calciteAlertOpen=e(this,"calciteAlertOpen",6);this.handleKeyBoardFocus=()=>{this.isFocused=true;this.handleFocus()};this.handleKeyBoardBlur=()=>{this.isFocused=false;if(!this.isHovered){this.handleBlur()}};this.autoCloseTimeoutId=null;this.totalOpenTime=0;this.totalHoverTime=0;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.closeAlert=()=>{this.open=false;this.clearAutoCloseTimeout()};this.actionsEndSlotChangeHandler=t=>{this.hasEndActions=o(t)};this.handleMouseOver=()=>{this.isHovered=true;this.handleFocus()};this.handleMouseLeave=()=>{this.isHovered=false;if(!this.isFocused){this.handleBlur()}};this.handleFocus=()=>{this.clearAutoCloseTimeout();this.totalOpenTime=Date.now()-this.initialOpenTime;this.lastMouseOverBegin=Date.now()};this.handleBlur=()=>{const t=Date.now()-this.lastMouseOverBegin;const e=y[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?t+this.totalHoverTime:t;this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),e)};this.active=false;this.openAlertCount=0;this.open=false;this.autoClose=false;this.autoCloseDuration="medium";this.embedded=false;this.kind="brand";this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.numberingSystem=undefined;this.placement="bottom";this.scale="m";this.messages=undefined;this.messageOverrides=undefined;this.queue="last";this.defaultMessages=undefined;this.effectiveLocale="";this.numberStringFormatter=new m;this.hasEndActions=false;this.isFocused=false}handleActiveChange(){this.clearAutoCloseTimeout();if(this.active&&this.autoClose&&!this.autoCloseTimeoutId){this.initialOpenTime=Date.now();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}openHandler(){g(this);if(this.open){E.registerElement(this.el)}else{E.unregisterElement(this.el)}}updateDuration(){if(this.autoClose&&this.autoCloseTimeoutId){this.clearAutoCloseTimeout();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}onMessagesChange(){}handleQueueChange(){if(this.open){E.unregisterElement(this.el);E.registerElement(this.el)}}connectedCallback(){f(this);b(this);const t=this.open;if(t){E.registerElement(this.el)}this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}async componentWillLoad(){d(this);await v(this);if(this.open){g(this)}}componentDidLoad(){h(this)}disconnectedCallback(){E.unregisterElement(this.el);this.clearAutoCloseTimeout();p(this);k(this);this.embedded=false}render(){const{open:t,autoClose:e,label:n,placement:o,active:r,openAlertCount:c}=this;const d=e?"alert":"alertdialog";const h=!t;const u=l(w,this.icon,this.kind);const m=c>1;return i(s,{key:"e6de9fd86c7066e912fa2a595a1ef206e1dcb250","aria-hidden":a(h),"aria-label":n,"calcite-hydrated-hidden":h,role:d},i("div",{key:"763923c7f0e4a2b0cc9b41360ee94622151805e5",class:{[C.container]:true,[C.containerActive]:r,[`${C.container}--${o}`]:true,[C.containerEmbedded]:this.embedded,[C.focused]:this.isFocused},onPointerEnter:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:null,onPointerLeave:this.autoClose?this.handleMouseLeave:null,ref:this.setTransitionEl},u&&this.renderIcon(u),i("div",{key:"27d80c742e4e5df35484fcbdabe33a56efae903e",class:C.textContainer,onFocusin:this.autoClose&&this.autoCloseTimeoutId?this.handleKeyBoardFocus:null,onFocusout:this.autoClose?this.handleKeyBoardBlur:null},i("slot",{key:"f40464dad4d67428fcf312cb9809b48a08f75ac4",name:z.title}),i("slot",{key:"e0bbe92241bf523225a1d399da53fb2e09aa03f3",name:z.message}),i("slot",{key:"623170b981600c08f020b47df9556a3c2a813cef",name:z.link})),this.renderActionsEnd(),m?this.renderQueueCount():null,this.renderCloseButton(),t&&r&&e?i("div",{class:C.dismissProgress}):null))}renderCloseButton(){return i("button",{"aria-label":this.messages.close,class:C.close,key:"close",onClick:this.closeAlert,onFocusin:this.autoClose?this.handleKeyBoardFocus:null,onFocusout:this.autoClose?this.handleKeyBoardBlur:null,type:"button"},i("calcite-icon",{icon:"x",scale:c(this.scale)}))}renderQueueCount(){const{openAlertCount:t}=this;const e=t>2?t-1:1;const s=this.numberStringFormatter.numberFormatter.format(e);return i("div",{class:{[C.queueCount]:true,[C.queueCountActive]:t>1},key:"queue-count"},i("calcite-chip",{scale:this.scale,value:s},s))}renderActionsEnd(){return i("div",{class:C.actionsEnd},i("slot",{name:z.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler}))}renderIcon(t){return i("div",{class:C.icon},i("calcite-icon",{flipRtl:this.iconFlipRtl,icon:t,scale:c(this.scale)}))}async setFocus(){await u(this);r(this.el)}effectiveLocaleChange(){x(this,this.effectiveLocale);this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}clearAutoCloseTimeout(){window.clearTimeout(this.autoCloseTimeoutId);this.autoCloseTimeoutId=null}onBeforeOpen(){this.calciteAlertBeforeOpen.emit()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit()}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{active:["handleActiveChange"],open:["openHandler"],autoCloseDuration:["updateDuration"],messageOverrides:["onMessagesChange"],queue:["handleQueueChange"],effectiveLocale:["effectiveLocaleChange"],numberingSystem:["numberingSystemChange"]}}};S.style=D;export{S as calcite_alert};
+//# sourceMappingURL=p-c38b8b52.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DURATIONS","slow","medium","fast","SLOTS","actionsEnd","title","message","link","CSS","close","container","containerBottom","containerBottomEnd","containerBottomStart","containerActive","containerTop","containerTopEnd","containerTopStart","content","contentContainer","dismissProgress","footer","icon","containerEmbedded","queueCount","queueCountActive","textContainer","focused","alertQueueTimeoutMs","AlertManager","constructor","this","registeredElements","queueTimeoutId","registerElement","alert","includes","queue","unshift","splice","push","updateAlerts","unregisterElement","index","indexOf","active","window","clearTimeout","forEach","openAlertCount","length","setTimeout","alertCss","CalciteAlertStyle0","manager","Alert","handleKeyBoardFocus","isFocused","handleFocus","handleKeyBoardBlur","isHovered","handleBlur","autoCloseTimeoutId","totalOpenTime","totalHoverTime","openTransitionProp","setTransitionEl","el","transitionEl","closeAlert","open","clearAutoCloseTimeout","actionsEndSlotChangeHandler","event","hasEndActions","slotChangeHasAssignedElement","handleMouseOver","handleMouseLeave","Date","now","initialOpenTime","lastMouseOverBegin","hoverDuration","timeRemaining","autoCloseDuration","NumberStringFormat","handleActiveChange","autoClose","openHandler","onToggleOpenCloseComponent","updateDuration","onMessagesChange","handleQueueChange","connectedCallback","connectLocalized","connectMessages","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","signDisplay","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLocalized","disconnectMessages","embedded","render","label","placement","role","hidden","effectiveIcon","setRequestedIcon","KindIcons","kind","hasQueuedAlerts","h","Host","key","toAriaBoolean","class","onPointerEnter","onPointerLeave","ref","renderIcon","onFocusin","onFocusout","name","renderActionsEnd","renderQueueCount","renderCloseButton","messages","onClick","type","scale","getIconScale","queueNumber","queueText","numberFormatter","format","value","onSlotchange","flipRtl","iconFlipRtl","setFocus","componentFocusable","focusFirstTabbable","effectiveLocaleChange","updateMessages","numberingSystemChange","onBeforeOpen","calciteAlertBeforeOpen","emit","onOpen","calciteAlertOpen","onBeforeClose","calciteAlertBeforeClose","onClose","calciteAlertClose"],"sources":["src/components/alert/resources.ts","src/components/alert/AlertManager.ts","src/components/alert/alert.scss?tag=calcite-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["export const DURATIONS = {\n  slow: 14000,\n  medium: 10000,\n  fast: 6000,\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  title: \"title\",\n  message: \"message\",\n  link: \"link\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  close: \"close\",\n  container: \"container\",\n  containerBottom: \"container--bottom\",\n  containerBottomEnd: \"container--bottom-end\",\n  containerBottomStart: \"container--bottom-start\",\n  containerActive: \"container--active\",\n  containerTop: \"container--top\",\n  containerTopEnd: \"container--top-end\",\n  containerTopStart: \"container--top-start\",\n  content: \"content\",\n  contentContainer: \"content-container\",\n  dismissProgress: \"dismiss-progress\",\n  footer: \"footer\",\n  icon: \"icon\",\n  containerEmbedded: \"container--embedded\",\n  queueCount: \"queue-count\",\n  queueCountActive: \"queue-count--active\",\n  textContainer: \"text-container\",\n  focused: \"focused\",\n};\n","export const alertQueueTimeoutMs = 300;\n\nexport default class AlertManager {\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  private registeredElements: HTMLCalciteAlertElement[] = [];\n\n  private queueTimeoutId: number = null;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  registerElement(alert: HTMLCalciteAlertElement): void {\n    const { registeredElements } = this;\n\n    if (!registeredElements.includes(alert)) {\n      switch (alert.queue) {\n        case \"immediate\":\n          registeredElements.unshift(alert);\n          break;\n        case \"next\":\n          registeredElements.splice(1, 0, alert);\n          break;\n        case \"last\":\n          registeredElements.push(alert);\n          break;\n      }\n\n      this.updateAlerts();\n    }\n  }\n\n  unregisterElement(alert: HTMLCalciteAlertElement): void {\n    const { registeredElements } = this;\n\n    const index = registeredElements.indexOf(alert);\n\n    if (index !== -1) {\n      registeredElements.splice(index, 1);\n    }\n\n    alert.active = false;\n    this.updateAlerts();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateAlerts(): void {\n    window.clearTimeout(this.queueTimeoutId);\n    this.queueTimeoutId = null;\n\n    this.registeredElements.forEach((alert, index) => {\n      alert.openAlertCount = this.registeredElements.length;\n\n      if (index === 0) {\n        this.queueTimeoutId = window.setTimeout(() => (alert.active = true), alertQueueTimeoutMs);\n      } else {\n        alert.active = false;\n      }\n    });\n  }\n}\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-alert-width: Specifies the width of the component.\n * @prop --calcite-alert-background-color: Specifies the component's background color.\n * @prop --calcite-alert-corner-radius: Specifies the component's corner radius.\n * @prop --calcite-alert-shadow: Specifies the component's shadow.\n */\n\n$border-style: 1px solid var(--calcite-color-border-3);\n\n:host {\n  --calcite-internal-alert-edge-distance: theme(\"spacing.8\");\n  @apply block;\n\n  inline-size: var(--calcite-alert-width);\n}\n\n.container {\n  @apply box-border\n  fixed\n  flex\n  items-center\n  justify-center\n  min-w-min\n  mx-auto\n  my-0\n  opacity-0\n  pointer-events-none\n  text-start\n  w-full\n  z-toast;\n\n  --tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);\n  --tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);\n  box-shadow: var(\n    --calcite-alert-shadow,\n    (var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow))\n  );\n  background-color: var(--calcite-alert-background-color, var(--calcite-color-foreground-1));\n  border-radius: var(--calcite-alert-corner-radius, var(--calcite-border-radius));\n  border-block-start: 0 solid transparent;\n  border-inline: $border-style;\n  border-block-end: $border-style;\n  max-inline-size: calc(100% - (var(--calcite-internal-alert-edge-distance) * 2));\n  transition:\n    opacity var(--calcite-internal-animation-timing-slow) $easing-function,\n    all var(--calcite-animation-timing) ease-in-out;\n\n  &--bottom,\n  &--top {\n    inset-inline-end: 0;\n    inset-inline-start: 0;\n  }\n  &[class*=\"bottom\"] {\n    transform: translate3d(0, var(--calcite-internal-alert-edge-distance), 0);\n    inset-block-end: var(--calcite-internal-alert-edge-distance);\n  }\n  &[class*=\"top\"] {\n    transform: translate3d(0, calc(-1 * var(--calcite-internal-alert-edge-distance)), 0);\n    inset-block-start: var(--calcite-internal-alert-edge-distance);\n  }\n  &[class*=\"start\"] {\n    inset-inline-start: var(--calcite-internal-alert-edge-distance);\n    inset-inline-end: auto;\n  }\n  &[class*=\"end\"] {\n    inset-inline-end: var(--calcite-internal-alert-edge-distance);\n    inset-inline-start: auto;\n  }\n}\n\n.icon {\n  @apply flex flex-col items-center justify-center p-0;\n  margin-block: auto;\n  margin-inline-end: auto;\n}\n\n.close {\n  @apply bg-transparent border-none cursor-pointer flex items-center justify-end outline-none self-stretch text-color-3;\n  -webkit-appearance: none;\n  border-start-end-radius: var(--calcite-alert-corner-radius, var(--calcite-border-radius));\n  border-end-end-radius: var(--calcite-alert-corner-radius, var(--calcite-border-radius));\n\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n\n  &:hover,\n  &:focus {\n    @apply text-color-1;\n    background-color: var(--calcite-color-foreground-2);\n  }\n\n  &:active {\n    background-color: var(--calcite-color-foreground-3);\n  }\n}\n\n.queue-count {\n  @apply cursor-default\n  flex\n  font-medium\n  invisible\n  items-center\n  justify-around\n  min-w-min\n  opacity-0\n  overflow-hidden\n  self-stretch\n  text-center\n  text-color-2\n  transition-default;\n  border-inline: 0 solid transparent;\n  border-start-end-radius: 0;\n\n  &--active {\n    @apply visible opacity-100;\n  }\n}\n\n.dismiss-progress {\n  @apply absolute\n  block\n  w-full\n  overflow-hidden;\n  inset-inline: 0;\n  inset-block-start: -2px;\n  block-size: 2px;\n  border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0;\n  &::after {\n    @apply absolute\n    top-0\n    block;\n    block-size: 2px;\n    content: \"\";\n    background-color: var(--calcite-color-transparent-tint);\n    inset-inline-end: 0;\n  }\n}\n\n.actions-end {\n  @apply flex self-stretch;\n}\n\n.text-container {\n  @apply box-border flex flex-auto min-w-0 flex-col break-words;\n}\n\n.footer {\n  @apply flex justify-end pt-px relative self-stretch w-auto;\n  block-size: inherit;\n}\n\n// scale variables\n:host([scale=\"s\"]) {\n  @include slotted(\"title\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-n2-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-n2-wrap;\n  }\n  .queue-count {\n    @apply mx-2;\n  }\n  .container {\n    --calcite-internal-alert-min-height: 3.5rem;\n    inline-size: var(--calcite-alert-width, 40em);\n  }\n  .close {\n    padding: theme(\"spacing.3\");\n  }\n  .icon {\n    padding-inline-start: theme(\"spacing.3\");\n  }\n  .text-container {\n    padding-block: theme(\"spacing.2\");\n    padding-inline: theme(\"spacing.3\") theme(\"spacing.2\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  @include slotted(\"title\", \"*\") {\n    @apply text-0-wrap;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  .queue-count {\n    @apply mx-3;\n  }\n  .container {\n    --calcite-internal-alert-min-height: 4.1875rem;\n    inline-size: var(--calcite-alert-width, 50em);\n  }\n  .close {\n    padding: theme(\"spacing.4\");\n  }\n  .icon {\n    padding-inline-start: theme(\"spacing.4\");\n  }\n  .text-container {\n    padding-block: theme(\"spacing.3\");\n    padding-inline: theme(\"spacing.4\") theme(\"spacing.3\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  @include slotted(\"title\", \"*\") {\n    @apply text-1-wrap mb-1;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-0-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-0-wrap;\n  }\n  .queue-count {\n    @apply mx-4;\n  }\n  .container {\n    --calcite-internal-alert-min-height: 5.625rem;\n    inline-size: var(--calcite-alert-width, 60em);\n  }\n  .close {\n    padding: theme(\"spacing.5\");\n  }\n  .icon {\n    padding-inline-start: theme(\"spacing.5\");\n  }\n  .text-container {\n    padding-block: theme(\"spacing.4\");\n    padding-inline: theme(\"spacing.5\") theme(\"spacing.4\");\n  }\n}\n\n:host([open]) {\n  .container--active {\n    @apply border-t-2 opacity-100;\n    pointer-events: initial;\n    &[class*=\"bottom\"] {\n      transform: translate3d(0, calc(-1 * var(--calcite-internal-alert-edge-distance)), inherit);\n    }\n    &[class*=\"top\"] {\n      transform: translate3d(0, var(--calcite-internal-alert-edge-distance), inherit);\n    }\n  }\n}\n\n:host([auto-close]) > .queue-count {\n  border-inline-end: 0 solid transparent;\n}\n\n@include slotted(\"title\", \"*\") {\n  @apply text-0-wrap\n    font-medium;\n\n  color: var(--calcite-color-text-1);\n}\n\n@include slotted(\"message\", \"*\") {\n  @apply text-n1-wrap\n    m-0\n    inline\n    font-normal;\n  margin-inline-end: theme(\"margin.2\");\n  color: var(--calcite-color-text-2);\n}\n\n@include slotted(\"link\", \"*\") {\n  @apply text-color-link inline-flex;\n}\n\n$alert-kinds:\n  \"brand\" var(--calcite-color-brand),\n  \"info\" var(--calcite-color-status-info),\n  \"danger\" var(--calcite-color-status-danger),\n  \"success\" var(--calcite-color-status-success),\n  \"warning\" var(--calcite-color-status-warning);\n\n@each $alert-kind in $alert-kinds {\n  $name: nth($alert-kind, 1);\n  $kind: nth($alert-kind, 2);\n\n  :host([kind=\"#{$name}\"]) {\n    .container {\n      border-block-start-color: $kind;\n\n      & .icon {\n        color: $kind;\n      }\n    }\n  }\n}\n\n$alert-durations:\n  \"fast\" 6000ms,\n  \"medium\" 10000ms,\n  \"slow\" 14000ms;\n\n@each $alert-duration in $alert-durations {\n  $name: nth($alert-duration, 1);\n  $duration: nth($alert-duration, 2);\n\n  :host([auto-close-duration=\"#{$name}\"]) .dismiss-progress:after {\n    animation: dismissProgress $duration ease-out;\n  }\n  :host(:hover[auto-close-duration=\"#{$name}\"]) .dismiss-progress:after,\n  :host(:focus[auto-close-duration=\"#{$name}\"]) .dismiss-progress:after {\n    animation-play-state: paused;\n  }\n}\n\n.container.focused .dismiss-progress::after {\n  animation-play-state: paused;\n}\n\n@keyframes dismissProgress {\n  0% {\n    @apply w-0 opacity-75;\n  }\n  100% {\n    @apply w-full opacity-100;\n  }\n}\n\n/**\n * Conditional styles for when Alert is slotted in Shell\n */\n.container--embedded {\n  @apply absolute;\n}\n\n@include base-component();\n@include calcite-hydrated-hidden();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  focusFirstTabbable,\n  setRequestedIcon,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport { MenuPlacement } from \"../../utils/floating-ui\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  NumberingSystem,\n  NumberStringFormat,\n} from \"../../utils/locale\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Kind, Scale } from \"../interfaces\";\nimport { KindIcons } from \"../resources\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { AlertMessages } from \"./assets/alert/t9n\";\nimport { AlertDuration, AlertQueue } from \"./interfaces\";\nimport { CSS, DURATIONS, SLOTS } from \"./resources\";\nimport AlertManager from \"./AlertManager\";\n\nconst manager = new AlertManager();\n\n/**\n * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned\n * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.\n */\n\n/**\n * @slot title - A slot for adding a title to the component.\n * @slot message - A slot for adding main text to the component.\n * @slot link - A slot for adding a `calcite-action` to take from the component such as: \"undo\", \"try again\", \"link to page\", etc.\n * @slot actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or fewer actions.\n */\n\n@Component({\n  tag: \"calcite-alert\",\n  styleUrl: \"alert.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Alert implements OpenCloseComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //---------------------------------------------------------------------------\n\n  /**\n   * This internal property, managed by the AlertManager, is used\n   * to inform the component if it is the active open Alert.\n   *\n   * @internal\n   */\n  @Prop() active = false;\n\n  @Watch(\"active\")\n  handleActiveChange(): void {\n    this.clearAutoCloseTimeout();\n    if (this.active && this.autoClose && !this.autoCloseTimeoutId) {\n      this.initialOpenTime = Date.now();\n      this.autoCloseTimeoutId = window.setTimeout(\n        () => this.closeAlert(),\n        DURATIONS[this.autoCloseDuration],\n      );\n    }\n  }\n\n  /**\n   * This internal property, managed by the AlertManager, is used\n   * to inform the component of how many alerts are currently open.\n   *\n   * @internal\n   */\n  @Prop() openAlertCount = 0;\n\n  /** When `true`, displays and positions the component. */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n    if (this.open) {\n      manager.registerElement(this.el);\n    } else {\n      manager.unregisterElement(this.el);\n    }\n  }\n\n  /** When `true`, the component closes automatically. Recommended for passive, non-blocking alerts. */\n  @Prop({ reflect: true }) autoClose = false;\n\n  /** Specifies the duration before the component automatically closes - only use with `autoClose`. */\n  @Prop({ reflect: true }) autoCloseDuration: AlertDuration = \"medium\";\n\n  @Watch(\"autoCloseDuration\")\n  updateDuration(): void {\n    if (this.autoClose && this.autoCloseTimeoutId) {\n      this.clearAutoCloseTimeout();\n      this.autoCloseTimeoutId = window.setTimeout(\n        () => this.closeAlert(),\n        DURATIONS[this.autoCloseDuration],\n      );\n    }\n  }\n\n  /**\n   * This internal property, managed by a containing calcite-shell, is used\n   * to inform the component if special configuration or styles are needed\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) embedded = false;\n\n  /** Specifies the kind of the component, which will apply to top border and icon. */\n  @Prop({ reflect: true }) kind: Extract<\n    \"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\",\n    Kind\n  > = \"brand\";\n\n  /**\n   * When `true`, shows a default recommended icon. Alternatively,\n   * pass a Calcite UI Icon name to display a specific icon.\n   */\n  @Prop({ reflect: true }) icon: IconNameOrString | boolean;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies an accessible name for the component. */\n  @Prop() label!: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /** Specifies the placement of the component. */\n  @Prop({ reflect: true }) placement: MenuPlacement = \"bottom\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\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: AlertMessages;\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<AlertMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /** Specifies the ordering priority of the component when opened. */\n  @Prop({ reflect: true }) queue: AlertQueue = \"last\";\n\n  @Watch(\"queue\")\n  handleQueueChange(): void {\n    if (this.open) {\n      manager.unregisterElement(this.el);\n      manager.registerElement(this.el);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n\n    const open = this.open;\n\n    if (open) {\n      manager.registerElement(this.el);\n    }\n\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    manager.unregisterElement(this.el);\n    this.clearAutoCloseTimeout();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.embedded = false;\n  }\n\n  render(): VNode {\n    const { open, autoClose, label, placement, active, openAlertCount } = this;\n    const role = autoClose ? \"alert\" : \"alertdialog\";\n    const hidden = !open;\n    const effectiveIcon = setRequestedIcon(KindIcons, this.icon, this.kind);\n    const hasQueuedAlerts = openAlertCount > 1;\n\n    return (\n      <Host\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-label={label}\n        calcite-hydrated-hidden={hidden}\n        role={role}\n      >\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerActive]: active,\n            [`${CSS.container}--${placement}`]: true,\n            [CSS.containerEmbedded]: this.embedded,\n            [CSS.focused]: this.isFocused,\n          }}\n          onPointerEnter={this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null}\n          onPointerLeave={this.autoClose ? this.handleMouseLeave : null}\n          ref={this.setTransitionEl}\n        >\n          {effectiveIcon && this.renderIcon(effectiveIcon)}\n          <div\n            class={CSS.textContainer}\n            onFocusin={this.autoClose && this.autoCloseTimeoutId ? this.handleKeyBoardFocus : null}\n            onFocusout={this.autoClose ? this.handleKeyBoardBlur : null}\n          >\n            <slot name={SLOTS.title} />\n            <slot name={SLOTS.message} />\n            <slot name={SLOTS.link} />\n          </div>\n          {this.renderActionsEnd()}\n          {hasQueuedAlerts ? this.renderQueueCount() : null}\n          {this.renderCloseButton()}\n          {open && active && autoClose ? <div class={CSS.dismissProgress} /> : null}\n        </div>\n      </Host>\n    );\n  }\n\n  private handleKeyBoardFocus = (): void => {\n    this.isFocused = true;\n    this.handleFocus();\n  };\n\n  private handleKeyBoardBlur = (): void => {\n    this.isFocused = false;\n    if (!this.isHovered) {\n      this.handleBlur();\n    }\n  };\n\n  private renderCloseButton(): VNode {\n    return (\n      <button\n        aria-label={this.messages.close}\n        class={CSS.close}\n        key=\"close\"\n        onClick={this.closeAlert}\n        onFocusin={this.autoClose ? this.handleKeyBoardFocus : null}\n        onFocusout={this.autoClose ? this.handleKeyBoardBlur : null}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  private renderQueueCount(): VNode {\n    const { openAlertCount } = this;\n    const queueNumber = openAlertCount > 2 ? openAlertCount - 1 : 1;\n    const queueText = this.numberStringFormatter.numberFormatter.format(queueNumber);\n\n    return (\n      <div\n        class={{\n          [CSS.queueCount]: true,\n          [CSS.queueCountActive]: openAlertCount > 1,\n        }}\n        key=\"queue-count\"\n      >\n        <calcite-chip scale={this.scale} value={queueText}>\n          {queueText}\n        </calcite-chip>\n      </div>\n    );\n  }\n\n  private renderActionsEnd(): VNode {\n    return (\n      <div class={CSS.actionsEnd}>\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.actionsEndSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  private renderIcon(icon: IconNameOrString): VNode {\n    return (\n      <div class={CSS.icon}>\n        <calcite-icon flipRtl={this.iconFlipRtl} icon={icon} scale={getIconScale(this.scale)} />\n      </div>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteAlertBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteAlertClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteAlertBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteAlertOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's \"close\" button, the first focusable item.\n   *\n    @returns {Promise<void>}\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAlertElement;\n\n  @State() defaultMessages: AlertMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  @State() numberStringFormatter = new NumberStringFormat();\n\n  @Watch(\"numberingSystem\")\n  numberingSystemChange(): void {\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  @State() hasEndActions = false;\n\n  @State() isFocused = false;\n\n  private autoCloseTimeoutId: number = null;\n\n  private initialOpenTime: number;\n\n  private lastMouseOverBegin: number;\n\n  private totalOpenTime = 0;\n\n  private totalHoverTime = 0;\n\n  private isHovered: boolean;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private clearAutoCloseTimeout(): void {\n    window.clearTimeout(this.autoCloseTimeoutId);\n    this.autoCloseTimeoutId = null;\n  }\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  /** close and emit calciteInternalAlertSync event with the updated queue payload */\n  private closeAlert = (): void => {\n    this.open = false;\n    this.clearAutoCloseTimeout();\n  };\n\n  onBeforeOpen(): void {\n    this.calciteAlertBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteAlertOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteAlertBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteAlertClose.emit();\n  }\n\n  private actionsEndSlotChangeHandler = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n\n  private handleMouseOver = (): void => {\n    this.isHovered = true;\n    this.handleFocus();\n  };\n\n  private handleMouseLeave = (): void => {\n    this.isHovered = false;\n    if (!this.isFocused) {\n      this.handleBlur();\n    }\n  };\n\n  private handleFocus = (): void => {\n    this.clearAutoCloseTimeout();\n    this.totalOpenTime = Date.now() - this.initialOpenTime;\n    this.lastMouseOverBegin = Date.now();\n  };\n\n  private handleBlur = (): void => {\n    const hoverDuration = Date.now() - this.lastMouseOverBegin;\n    const timeRemaining =\n      DURATIONS[this.autoCloseDuration] - this.totalOpenTime + this.totalHoverTime;\n    this.totalHoverTime = this.totalHoverTime ? hoverDuration + this.totalHoverTime : hoverDuration;\n    this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), timeRemaining);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-c6850368.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{d as o}from"./p-81a8f4c0.js";import"./p-2c99ffe4.js";import"./p-8f002581.js";import"./p-ed71fa1d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-d87cffea.js";import"./p-cd0e92b4.js";import"./p-141626e7.js";import"./p-561afd32.js";import"./p-953f312e.js";import"./p-f9b0742d.js";import"./p-756ee05a.js";import"./p-99ecc8bc.js";import"./p-97927874.js";import"./p-998886ff.js";import"./p-fd3e1697.js";import"./p-cbffb6ca.js";import"./p-3c53ef49.js";import"./p-0481b80a.js";var e={name:"pt-br",weekdays:"domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sáb".split("_"),weekdaysMin:"Do_2ª_3ª_4ª_5ª_6ª_Sá".split("_"),months:"janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function o(e){return e+"º"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [às] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [às] HH:mm"},relativeTime:{future:"em %s",past:"há %s",s:"poucos segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um mês",MM:"%d meses",y:"um ano",yy:"%d anos"}};o.locale(e,null,true);export{e as default};
+//# sourceMappingURL=p-c6850368.js.map

package/dist/calcite/p-cac9da3f.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.14.0-next.1
+ */
+import{d as e}from"./p-81a8f4c0.js";import"./p-2c99ffe4.js";import"./p-8f002581.js";import"./p-ed71fa1d.js";import"./p-db4d93fd.js";import"./p-5c700653.js";import"./p-d87cffea.js";import"./p-cd0e92b4.js";import"./p-141626e7.js";import"./p-561afd32.js";import"./p-953f312e.js";import"./p-f9b0742d.js";import"./p-756ee05a.js";import"./p-99ecc8bc.js";import"./p-97927874.js";import"./p-998886ff.js";import"./p-fd3e1697.js";import"./p-cbffb6ca.js";import"./p-3c53ef49.js";import"./p-0481b80a.js";var r={name:"en-ca",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function e(r){return r},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};e.locale(r,null,true);export{r as default};
+//# sourceMappingURL=p-cac9da3f.js.map

package/dist/calcite/p-cbffb6ca.js

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