@esri/calcite-components 2.8.2 → 2.8.4

package/dist/calcite/p-5137ce19.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SLOTS","dropdownTrigger","dropdownCss","CalciteDropdownStyle0","Dropdown","this","items","groups","mutationObserver","createObserver","updateItems","resizeObserver","entries","resizeObserverCallback","openTransitionProp","guid","defaultAssignedElements","slotChangeHandler","event","target","assignedElements","flatten","setFilteredPlacements","el","flipPlacements","filteredFlipPlacements","filterComputedPlacements","updateTriggers","triggers","reposition","map","group","Array","from","querySelectorAll","reduce","previousValue","currentValue","updateSelectedItems","forEach","item","scale","updateGroups","filter","matches","entry","referenceEl","setDropdownWidth","scrollerEl","setMaxScrollerHeight","referenceElWidth","clientWidth","style","minWidth","maxScrollerHeight","getMaxScrollerHeight","maxHeight","setScrollerAndTransitionEl","observe","transitionEl","setReferenceEl","connectFloatingUI","floatingEl","setFloatingEl","keyDownHandler","composedPath","includes","defaultPrevented","key","open","closeCalciteDropdown","preventDefault","shiftKey","isActivationKey","openCalciteDropdown","focusOnFirstActiveOrFirstItem","getFocusableElement","getTraversableItems","find","selected","toggleOpenEnd","removeEventListener","addEventListener","defaultMenuPlacement","openHandler","onToggleOpenCloseComponent","disabled","handleDisabledChange","value","flipPlacementsHandler","maxItemsHandler","overlayPositioningHandler","placementHandler","handlePropsChange","setFocus","componentFocusable","focus","connectedCallback","childList","subtree","connectInteractive","componentOnReady","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnect","disconnectInteractive","disconnectFloatingUI","render","h","Host","InteractiveContainer","class","id","onClick","onKeyDown","ref","toAriaBoolean","name","onSlotchange","FloatingCSS","animation","animationActive","role","delayed","placement","overlayPositioning","type","closeCalciteDropdownOnClick","closeCalciteDropdownOnEvent","stopPropagation","closeCalciteDropdownOnOpenEvent","pointerEnterHandler","pointerLeaveHandler","hidden","calciteInternalDropdownItemKeyEvent","keyboardEvent","detail","traversableItems","updateTabIndexOfItems","focusElementInGroup","handleItemSelect","calciteDropdownSelect","emit","closeOnSelectDisabled","requestedDropdownGroup","selectionMode","onBeforeOpen","calciteDropdownBeforeOpen","onOpen","calciteDropdownOpen","onBeforeClose","calciteDropdownBeforeClose","onClose","calciteDropdownClose","selectedItems","maxItems","itemsToProcess","groupHeaderHeight","children","index","isNaN","offsetTop","offsetHeight","length","focusTrigger","focusElement","tabIndex","CSS","container","containerLink","containerMulti","containerSingle","containerNone","icon","iconEnd","iconStart","itemContent","link","dropdownGroupCss","CalciteDropdownGroupStyle0","DropdownGroup","groupPosition","getGroupPosition","groupTitle","dropdownSeparator","updateActiveItemOnChange","requestedDropdownItem","calciteInternalDropdownItemChange","prototype","indexOf","call","parentElement","dropdownItemCss","CalciteDropdownItemStyle0","DropdownItem","initialize","href","label","iconFlipRtl","iconStartEl","flipRtl","getIconScale","contentNode","iconEndEl","slottedContent","contentEl","rel","childLink","itemRole","itemAria","emitRequestedItem","click","calciteInternalDropdownCloseRequest","parentEmittedChange","parentDropdownGroupEl","determineActiveItem","closest","calciteDropdownItemSelect","calciteInternalDropdownItemSelect"],"sources":["src/components/dropdown/resources.ts","src/components/dropdown/dropdown.scss?tag=calcite-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx","src/components/dropdown-item/resources.ts","src/components/dropdown-group/dropdown-group.scss?tag=calcite-dropdown-group&encapsulation=shadow","src/components/dropdown-group/dropdown-group.tsx","src/components/dropdown-item/dropdown-item.scss?tag=calcite-dropdown-item&encapsulation=shadow","src/components/dropdown-item/dropdown-item.tsx"],"sourcesContent":["export const SLOTS = {\n  dropdownTrigger: \"trigger\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-dropdown-width: Specifies the width of the component's wrapper.\n */\n\n:host {\n  @apply inline-block;\n}\n\n@include disabled();\n\n:host .calcite-dropdown-wrapper {\n  --calcite-floating-ui-z-index: theme(\"zIndex.dropdown\");\n  @include floatingUIContainer();\n  @include floatingUIWrapper();\n}\n\n@include floatingUIElemAnim(\".calcite-dropdown-wrapper\");\n:host([open]) .calcite-dropdown-wrapper {\n  @include floatingUIWrapperActive();\n}\n\n:host .calcite-dropdown-content {\n  @apply bg-foreground-1\n    w-auto\n    overflow-y-auto\n    overflow-x-hidden\n    max-h-menu;\n  inline-size: var(--calcite-dropdown-width);\n}\n.calcite-trigger-container {\n  @apply relative flex flex-auto h-full;\n  @include word-break;\n}\n\n@media (forced-colors: active) {\n  /* use real border since box-shadow is removed in high contrast mode */\n  :host([open]) .calcite-dropdown-wrapper {\n    border: 1px solid canvasText;\n  }\n}\n\n// width\n:host([width-scale=\"s\"]) {\n  --calcite-dropdown-width: theme(\"spacing.48\");\n}\n:host([width-scale=\"m\"]) {\n  --calcite-dropdown-width: theme(\"spacing.56\");\n}\n:host([width-scale=\"l\"]) {\n  --calcite-dropdown-width: theme(\"spacing.64\");\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  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElement, focusElementInGroup, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectFloatingUI,\n  defaultMenuPlacement,\n  disconnectFloatingUI,\n  EffectivePlacement,\n  filterComputedPlacements,\n  FloatingCSS,\n  FloatingUIComponent,\n  MenuPlacement,\n  OverlayPositioning,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { componentOnReady } from \"../../utils/component\";\nimport { ItemKeyboardEvent } from \"./interfaces\";\nimport { SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.\n * @slot trigger - A slot for the element that triggers the `calcite-dropdown`.\n */\n@Component({\n  tag: \"calcite-dropdown\",\n  styleUrl: \"dropdown.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Dropdown\n  implements InteractiveComponent, LoadableComponent, OpenCloseComponent, FloatingUIComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, displays and positions the component.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n\n    if (this.disabled) {\n      this.open = false;\n      return;\n    }\n\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, the component will remain open after a selection is made.\n   *\n   * If the `selectionMode` of the selected `calcite-dropdown-item`'s containing `calcite-dropdown-group` is `\"none\"`, the component will always close.\n   *\n   */\n  @Prop({ reflect: true }) closeOnSelectDisabled = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(value: boolean): void {\n    if (!value) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: EffectivePlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller.\n   * Value must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.\n   */\n  @Prop({ reflect: true }) maxItems = 0;\n\n  @Watch(\"maxItems\")\n  maxItemsHandler(): void {\n    this.setMaxScrollerHeight();\n  }\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   * Determines where the component will be positioned relative to the container element.\n   *\n   * @default \"bottom-start\"\n   */\n  @Prop({ reflect: true }) placement: MenuPlacement = defaultMenuPlacement;\n\n  @Watch(\"placement\")\n  placementHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteDropdownItemElement[] = [];\n\n  /**\n   * Specifies the action to open the component from the container element.\n   */\n  @Prop({ reflect: true }) type: \"hover\" | \"click\" = \"click\";\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) widthScale: Scale;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"scale\")\n  handlePropsChange(): void {\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async connectedCallback(): Promise<void> {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    this.setFilteredPlacements();\n    if (this.open) {\n      this.openHandler();\n      onToggleOpenCloseComponent(this);\n    }\n    connectInteractive(this);\n    this.updateItems();\n\n    await componentOnReady(this.el);\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  render(): VNode {\n    const { open, guid } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class=\"calcite-trigger-container\"\n            id={`${guid}-menubutton`}\n            onClick={this.openCalciteDropdown}\n            onKeyDown={this.keyDownHandler}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setReferenceEl}\n          >\n            <slot\n              aria-controls={`${guid}-menu`}\n              aria-expanded={toAriaBoolean(open)}\n              aria-haspopup=\"menu\"\n              name={SLOTS.dropdownTrigger}\n              onSlotchange={this.updateTriggers}\n            />\n          </div>\n          <div\n            aria-hidden={toAriaBoolean(!open)}\n            class=\"calcite-dropdown-wrapper\"\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setFloatingEl}\n          >\n            <div\n              aria-labelledby={`${guid}-menubutton`}\n              class={{\n                [\"calcite-dropdown-content\"]: true,\n                [FloatingCSS.animation]: true,\n                [FloatingCSS.animationActive]: open,\n              }}\n              id={`${guid}-menu`}\n              role=\"menu\"\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={this.setScrollerAndTransitionEl}\n            >\n              <slot onSlotchange={this.updateGroups} />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\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  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when a `calcite-dropdown-item`'s selection changes. */\n  @Event({ cancelable: false }) calciteDropdownSelect: EventEmitter<void>;\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteDropdownBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownClose: 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 }) calciteDropdownBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownOpen: EventEmitter<void>;\n\n  @Listen(\"click\", { target: \"window\" })\n  closeCalciteDropdownOnClick(event: PointerEvent): void {\n    if (this.disabled || !this.open || event.composedPath().includes(this.el)) {\n      return;\n    }\n\n    this.closeCalciteDropdown(false);\n  }\n\n  @Listen(\"calciteInternalDropdownCloseRequest\")\n  closeCalciteDropdownOnEvent(event: Event): void {\n    this.closeCalciteDropdown();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteDropdownOpen\", { target: \"window\" })\n  closeCalciteDropdownOnOpenEvent(event: Event): void {\n    if (event.composedPath().includes(this.el)) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.openCalciteDropdown();\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.closeCalciteDropdown();\n  }\n\n  private getTraversableItems(): HTMLCalciteDropdownItemElement[] {\n    return this.items.filter((item) => !item.disabled && !item.hidden);\n  }\n\n  @Listen(\"calciteInternalDropdownItemKeyEvent\")\n  calciteInternalDropdownItemKeyEvent(event: CustomEvent<ItemKeyboardEvent>): void {\n    const { keyboardEvent } = event.detail;\n    const target = keyboardEvent.target as HTMLCalciteDropdownItemElement;\n    const traversableItems = this.getTraversableItems();\n\n    switch (keyboardEvent.key) {\n      case \"Tab\":\n        this.open = false;\n        this.updateTabIndexOfItems(target);\n        break;\n      case \"ArrowDown\":\n        focusElementInGroup(traversableItems, target, \"next\");\n        break;\n      case \"ArrowUp\":\n        focusElementInGroup(traversableItems, target, \"previous\");\n        break;\n      case \"Home\":\n        focusElementInGroup(traversableItems, target, \"first\");\n        break;\n      case \"End\":\n        focusElementInGroup(traversableItems, target, \"last\");\n        break;\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  handleItemSelect(event: CustomEvent<RequestedItem>): void {\n    this.updateSelectedItems();\n    event.stopPropagation();\n    this.calciteDropdownSelect.emit();\n    if (\n      !this.closeOnSelectDisabled ||\n      event.detail.requestedDropdownGroup.selectionMode === \"none\"\n    ) {\n      this.closeCalciteDropdown();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownElement;\n\n  filteredFlipPlacements: EffectivePlacement[];\n\n  private items: HTMLCalciteDropdownItemElement[] = [];\n\n  private groups: HTMLCalciteDropdownGroupElement[] = [];\n\n  /** trigger elements */\n  private triggers: HTMLElement[];\n\n  floatingEl: HTMLDivElement;\n\n  referenceEl: HTMLDivElement;\n\n  private scrollerEl: HTMLDivElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  resizeObserver = createObserver(\"resize\", (entries) => this.resizeObserverCallback(entries));\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  guid = `calcite-dropdown-${guid()}`;\n\n  defaultAssignedElements: Element[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  slotChangeHandler = (event: Event): void => {\n    this.defaultAssignedElements = (event.target as HTMLSlotElement).assignedElements({\n      flatten: true,\n    });\n\n    this.updateItems();\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterComputedPlacements(flipPlacements, el)\n      : null;\n  };\n\n  updateTriggers = (event: Event): void => {\n    this.triggers = (event.target as HTMLSlotElement).assignedElements({\n      flatten: true,\n    }) as HTMLElement[];\n\n    this.reposition(true);\n  };\n\n  updateItems = (): void => {\n    this.items = this.groups\n      .map((group) => Array.from(group?.querySelectorAll(\"calcite-dropdown-item\")))\n      .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n    this.updateSelectedItems();\n\n    this.reposition(true);\n\n    this.items.forEach((item) => (item.scale = this.scale));\n  };\n\n  updateGroups = (event: Event): void => {\n    const groups = (event.target as HTMLSlotElement)\n      .assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-dropdown-group\")) as HTMLCalciteDropdownGroupElement[];\n\n    this.groups = groups;\n\n    this.updateItems();\n  };\n\n  resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n    entries.forEach((entry) => {\n      const { target } = entry;\n      if (target === this.referenceEl) {\n        this.setDropdownWidth();\n      } else if (target === this.scrollerEl) {\n        this.setMaxScrollerHeight();\n      }\n    });\n  };\n\n  setDropdownWidth = (): void => {\n    const { referenceEl, scrollerEl } = this;\n    const referenceElWidth = referenceEl?.clientWidth;\n\n    if (!referenceElWidth || !scrollerEl) {\n      return;\n    }\n\n    scrollerEl.style.minWidth = `${referenceElWidth}px`;\n  };\n\n  setMaxScrollerHeight = (): void => {\n    const { scrollerEl } = this;\n    if (!scrollerEl) {\n      return;\n    }\n\n    this.reposition(true);\n    const maxScrollerHeight = this.getMaxScrollerHeight();\n    scrollerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : \"\";\n    this.reposition(true);\n  };\n\n  setScrollerAndTransitionEl = (el: HTMLDivElement): void => {\n    this.resizeObserver.observe(el);\n    this.scrollerEl = el;\n\n    this.transitionEl = el;\n  };\n\n  onBeforeOpen(): void {\n    this.calciteDropdownBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteDropdownOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteDropdownBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteDropdownClose.emit();\n  }\n\n  setReferenceEl = (el: HTMLDivElement): void => {\n    this.referenceEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n    this.resizeObserver.observe(el);\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (!event.composedPath().includes(this.referenceEl)) {\n      return;\n    }\n\n    const { defaultPrevented, key } = event;\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (this.open) {\n      if (key === \"Escape\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      } else if (event.shiftKey && key === \"Tab\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      }\n    }\n\n    if (isActivationKey(key)) {\n      this.openCalciteDropdown();\n      event.preventDefault();\n    } else if (key === \"Escape\") {\n      this.closeCalciteDropdown();\n      event.preventDefault();\n    }\n  };\n\n  private updateSelectedItems(): void {\n    this.selectedItems = this.items.filter((item) => item.selected);\n  }\n\n  private getMaxScrollerHeight(): number {\n    const { maxItems, items } = this;\n    let itemsToProcess = 0;\n    let maxScrollerHeight = 0;\n    let groupHeaderHeight: number;\n\n    this.groups.forEach((group) => {\n      if (maxItems > 0 && itemsToProcess < maxItems) {\n        Array.from(group.children).forEach((item: HTMLCalciteDropdownItemElement, index) => {\n          if (index === 0) {\n            if (isNaN(groupHeaderHeight)) {\n              groupHeaderHeight = item.offsetTop;\n            }\n\n            maxScrollerHeight += groupHeaderHeight;\n          }\n\n          if (itemsToProcess < maxItems) {\n            maxScrollerHeight += item.offsetHeight;\n            itemsToProcess += 1;\n          }\n        });\n      }\n    });\n\n    return items.length > maxItems ? maxScrollerHeight : 0;\n  }\n\n  private closeCalciteDropdown(focusTrigger = true) {\n    this.open = false;\n\n    if (focusTrigger) {\n      focusElement(this.triggers[0]);\n    }\n  }\n\n  private focusOnFirstActiveOrFirstItem = (): void => {\n    this.getFocusableElement(\n      this.getTraversableItems().find((item) => item.selected) || this.items[0],\n    );\n  };\n\n  private getFocusableElement(item: HTMLCalciteDropdownItemElement): void {\n    if (!item) {\n      return;\n    }\n\n    focusElement(item);\n  }\n\n  private toggleOpenEnd = (): void => {\n    this.focusOnFirstActiveOrFirstItem();\n    this.el.removeEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n  };\n\n  private openCalciteDropdown = () => {\n    this.open = !this.open;\n    if (this.open) {\n      this.el.addEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n    }\n  };\n\n  private updateTabIndexOfItems(target: HTMLCalciteDropdownItemElement): void {\n    this.items.forEach((item: HTMLCalciteDropdownItemElement) => {\n      item.tabIndex = target !== item ? -1 : 0;\n    });\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  containerLink: \"container--link\",\n  containerMulti: \"container--multi-selection\",\n  containerSingle: \"container--single-selection\",\n  containerNone: \"container--none-selection\",\n  icon: \"dropdown-item-icon\",\n  iconEnd: \"dropdown-item-icon-end\",\n  iconStart: \"dropdown-item-icon-start\",\n  itemContent: \"dropdown-item-content\",\n  link: \"dropdown-link\",\n};\n",":host {\n  // we make the host relative, so items can consistently compute their offsetTop based on the group\n  @apply block relative;\n}\n\n.container {\n  text-align: start;\n}\n\n.container--s {\n  @apply text-n2h;\n  .dropdown-title {\n    @apply p-2;\n  }\n}\n\n.container--m {\n  @apply text-n1h;\n  .dropdown-title {\n    @apply p-3;\n  }\n}\n\n.container--l {\n  @apply text-0h;\n  .dropdown-title {\n    @apply p-4;\n  }\n}\n\n.dropdown-title {\n  @apply border-color-3\n  text-color-2\n  -mb-px\n  block\n  cursor-default\n  break-words\n  border-0\n  border-b\n  border-solid\n  font-bold;\n}\n\n.dropdown-separator {\n  @apply block h-px;\n  background-color: theme(\"borderColor.color.3\");\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 { Scale, SelectionMode } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS } from \"../dropdown-item/resources\";\nimport { RequestedItem } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-item`s.\n */\n@Component({\n  tag: \"calcite-dropdown-group\",\n  styleUrl: \"dropdown-group.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DropdownGroup {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies and displays a group title. */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection, and\n   *\n   * `\"none\"` does not allow any selections.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> =\n    \"single\";\n\n  @Watch(\"selectionMode\")\n  handlePropsChange(): void {\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemChange: EventEmitter<RequestedItem>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.updateItems();\n    this.mutationObserver?.observe(this.el, { childList: true });\n  }\n\n  componentWillLoad(): void {\n    this.groupPosition = this.getGroupPosition();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const groupTitle = this.groupTitle ? (\n      <span aria-hidden=\"true\" class=\"dropdown-title\">\n        {this.groupTitle}\n      </span>\n    ) : null;\n\n    const dropdownSeparator =\n      this.groupPosition > 0 ? <div class=\"dropdown-separator\" role=\"separator\" /> : null;\n\n    return (\n      <Host aria-label={this.groupTitle} role=\"group\">\n        <div\n          class={{\n            [CSS.container]: true,\n            [`${CSS.container}--${this.scale}`]: true,\n          }}\n        >\n          {dropdownSeparator}\n          {groupTitle}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  updateActiveItemOnChange(event: CustomEvent): void {\n    this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n    this.requestedDropdownItem = event.detail.requestedDropdownItem;\n    this.calciteInternalDropdownItemChange.emit({\n      requestedDropdownGroup: this.requestedDropdownGroup,\n      requestedDropdownItem: this.requestedDropdownItem,\n    });\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownGroupElement;\n\n  /** position of group within a dropdown */\n  private groupPosition: number;\n\n  /** the requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** the requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  private updateItems = (): void => {\n    Array.from(this.el.querySelectorAll(\"calcite-dropdown-item\")).forEach(\n      (item) => (item.selectionMode = this.selectionMode),\n    );\n  };\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private getGroupPosition(): number {\n    return Array.prototype.indexOf.call(\n      this.el.parentElement.querySelectorAll(\"calcite-dropdown-group\"),\n      this.el,\n    );\n  }\n}\n",".container--s {\n  @apply text-n2h py-1;\n  padding-inline-end: theme(\"padding.2\");\n  padding-inline-start: theme(\"padding.6\");\n}\n\n.container--m {\n  @apply text-n1h py-2;\n  padding-inline-end: theme(\"padding.3\");\n  padding-inline-start: theme(\"padding.8\");\n}\n\n.container--l {\n  @apply text-0h py-2.5;\n  padding-inline-end: theme(\"padding.4\");\n  padding-inline-start: theme(\"padding.10\");\n}\n\n// none-selection mode\n.container--s.container--none-selection {\n  padding-inline-start: theme(\"padding.1\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n.container--m.container--none-selection {\n  padding-inline-start: theme(\"padding.2\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n.container--l.container--none-selection {\n  padding-inline-start: theme(\"padding.3\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n@mixin itemStyling {\n  @apply text-color-3\n    relative\n    flex\n    flex-grow\n    cursor-pointer\n    items-center\n    no-underline\n    duration-150\n    ease-in-out;\n}\n\n:host {\n  @apply relative\n    flex\n    flex-grow\n    items-center;\n}\n\n.container {\n  @include itemStyling;\n  text-align: start;\n}\n\n.dropdown-item-content {\n  @apply flex-auto py-0.5;\n  padding-inline-end: theme(\"margin.auto\");\n  padding-inline-start: theme(\"margin.1\");\n}\n\n//focus\n:host,\n.container--link a {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-inset outline-none;\n}\n\n// when used as link move styling anchor\n.container--link {\n  @apply p-0;\n  & a {\n    @include itemStyling;\n  }\n}\n\n.container--s .dropdown-link {\n  @apply text-n2h py-1;\n  padding-inline-end: theme(\"padding.2\");\n  padding-inline-start: theme(\"padding.6\");\n}\n\n.container--m .dropdown-link {\n  @apply text-n1h py-2;\n  padding-inline-end: theme(\"padding.3\");\n  padding-inline-start: theme(\"padding.8\");\n}\n\n.container--l .dropdown-link {\n  @apply text-0h py-3;\n  padding-inline-end: theme(\"padding.4\");\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host(:hover:not([disabled])),\n:host(:active:not([disabled])) {\n  .container {\n    @apply bg-foreground-2 text-color-1 no-underline;\n  }\n\n  .container--link .dropdown-link {\n    @apply text-color-1;\n  }\n}\n\n:host(:active:not([disabled])) .container {\n  @apply bg-foreground-3;\n}\n\n:host(:focus) .container {\n  @apply text-color-1 no-underline;\n}\n\n:host([selected]) .container:not(.container--none-selection),\n:host([selected]) .container--link .dropdown-link {\n  @apply text-color-1 font-medium;\n  & calcite-icon {\n    color: theme(\"backgroundColor.brand\");\n  }\n}\n\n// item icon\n.dropdown-item-icon {\n  @apply absolute\n    opacity-0\n    duration-150\n    ease-in-out;\n  transform: scale(0.9);\n}\n\n.container--s .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.1\");\n}\n\n.container--m .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n.container--l .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host(:hover:not([disabled])) .dropdown-item-icon {\n  color: theme(\"borderColor.color.1\");\n  @apply opacity-100;\n}\n\n:host([selected]) .dropdown-item-icon {\n  color: theme(\"backgroundColor.brand\");\n  @apply opacity-100;\n}\n\n// icon start & end\n.container--s {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.2\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.2\");\n  }\n}\n\n.container--m {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.3\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.3\");\n  }\n}\n\n.container--l {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.4\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.4\");\n  }\n}\n\n@include base-component();\n@include disabled();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { ItemKeyboardEvent } from \"../dropdown/interfaces\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { FlipContext, Scale, SelectionMode } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-dropdown-item\",\n  styleUrl: \"dropdown-item.scss\",\n  shadow: true,\n})\nexport class DropdownItem implements InteractiveComponent, LoadableComponent {\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   *  Specifies the URL of the linked resource, which can be set as an absolute or relative path.\n   *\n   * Determines if the component will render as an anchor.\n   */\n  @Prop({ reflect: true }) href: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** Specifies the relationship to the linked document defined in `href`. */\n  @Prop({ reflect: true }) rel: string;\n\n  /** When `true`, the component is selected. */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /** Specifies the frame or window to open the linked document. */\n  @Prop({ reflect: true }) target: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is selected. */\n  @Event({ cancelable: false }) calciteDropdownItemSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemSelect: EventEmitter<RequestedItem>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalDropdownItemKeyEvent: EventEmitter<ItemKeyboardEvent>;\n\n  /** @internal */\n  @Event({ cancelable: false }) calciteInternalDropdownCloseRequest: EventEmitter<void>;\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\n    this.el?.focus();\n  }\n\n  /**\n   * Specifies the selection mode inherited from `calcite-dropdown-group`, defaults to `single`:\n   * - `multiple` allows any number of selected items,\n   * - `single` allows only one selection (default),\n   * - `none` doesn't allow for any selection.\n   *\n   * @internal\n   */\n  @Prop() selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> = \"single\";\n\n  /**\n   * Specifies the size of the component inherited from `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    this.initialize();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.initialize();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const { href, selectionMode, label, iconFlipRtl, scale } = this;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={CSS.iconStart}\n        flipRtl={iconFlipRtl === \"start\" || iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n    const contentNode = (\n      <span class={CSS.itemContent}>\n        <slot />\n      </span>\n    );\n    const iconEndEl = (\n      <calcite-icon\n        class={CSS.iconEnd}\n        flipRtl={iconFlipRtl === \"end\" || iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const slottedContent =\n      this.iconStart && this.iconEnd\n        ? [iconStartEl, contentNode, iconEndEl]\n        : this.iconStart\n          ? [iconStartEl, contentNode]\n          : this.iconEnd\n            ? [contentNode, iconEndEl]\n            : contentNode;\n\n    const contentEl = !href ? (\n      slottedContent\n    ) : (\n      <a\n        aria-label={label}\n        class={CSS.link}\n        href={href}\n        rel={this.rel}\n        tabIndex={-1}\n        target={this.target}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.childLink = el)}\n      >\n        {slottedContent}\n      </a>\n    );\n\n    const itemRole = href\n      ? null\n      : selectionMode === \"single\"\n        ? \"menuitemradio\"\n        : selectionMode === \"multiple\"\n          ? \"menuitemcheckbox\"\n          : \"menuitem\";\n\n    const itemAria = selectionMode !== \"none\" ? toAriaBoolean(this.selected) : null;\n    const { disabled } = this;\n\n    return (\n      <Host\n        aria-checked={itemAria}\n        aria-label={!href ? label : \"\"}\n        role={itemRole}\n        tabIndex={disabled ? -1 : 0}\n      >\n        <InteractiveContainer disabled={disabled}>\n          <div\n            class={{\n              [CSS.container]: true,\n              [CSS.containerLink]: !!href,\n              [`${CSS.container}--${scale}`]: true,\n              [CSS.containerMulti]: selectionMode === \"multiple\",\n              [CSS.containerSingle]: selectionMode === \"single\",\n              [CSS.containerNone]: selectionMode === \"none\",\n            }}\n          >\n            {selectionMode !== \"none\" ? (\n              <calcite-icon\n                class={CSS.icon}\n                icon={selectionMode === \"multiple\" ? \"check\" : \"bullet-point\"}\n                scale={getIconScale(this.scale)}\n              />\n            ) : null}\n            {contentEl}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\") onClick(): void {\n    this.emitRequestedItem();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        this.emitRequestedItem();\n        if (this.href) {\n          this.childLink.click();\n        }\n        event.preventDefault();\n        break;\n      case \"Escape\":\n        this.calciteInternalDropdownCloseRequest.emit();\n        event.preventDefault();\n        break;\n      case \"Tab\":\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n      case \"Home\":\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n    }\n  }\n\n  @Listen(\"calciteInternalDropdownItemChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent): void {\n    const parentEmittedChange = event.composedPath().includes(this.parentDropdownGroupEl);\n\n    if (parentEmittedChange) {\n      this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n      this.requestedDropdownItem = event.detail.requestedDropdownItem;\n      this.determineActiveItem();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownItemElement;\n\n  /** id of containing group */\n  private parentDropdownGroupEl: HTMLCalciteDropdownGroupElement;\n\n  /** requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  /** if href is requested, track the rendered child link*/\n  private childLink: HTMLAnchorElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private initialize(): void {\n    this.parentDropdownGroupEl = this.el.closest(\"calcite-dropdown-group\");\n    if (this.selectionMode === \"none\") {\n      this.selected = false;\n    }\n  }\n\n  private determineActiveItem(): void {\n    switch (this.selectionMode) {\n      case \"multiple\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = !this.selected;\n        }\n        break;\n\n      case \"single\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = true;\n        } else if (this.requestedDropdownGroup === this.parentDropdownGroupEl) {\n          this.selected = false;\n        }\n        break;\n\n      case \"none\":\n        this.selected = false;\n        break;\n    }\n  }\n\n  private emitRequestedItem(): void {\n    this.calciteDropdownItemSelect.emit();\n    this.calciteInternalDropdownItemSelect.emit({\n      requestedDropdownItem: this.el,\n      requestedDropdownGroup: this.parentDropdownGroupEl,\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-55dfc8e6.entry.js

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

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.8.4
+ */
+import{d as e}from"./p-101f01a3.js";import"./p-01c0a2c2.js";import"./p-f382c352.js";import"./p-12aea44f.js";import"./p-3776dbc9.js";import"./p-a4059c16.js";import"./p-8e8bace6.js";import"./p-2f3702bc.js";import"./p-34e21c17.js";import"./p-5fb90ec7.js";import"./p-d7cca4af.js";import"./p-cba3cb72.js";import"./p-b9ffc620.js";import"./p-4cdd8242.js";import"./p-1ae789c5.js";import"./p-3b8b9962.js";import"./p-18e5e7a4.js";import"./p-2271ffa7.js";import"./p-ed8fde1f.js";var o={name:"it-ch",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),ordinal:function e(o){return o},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"tra %s",past:"%s fa",s:"alcuni secondi",m:"un minuto",mm:"%d minuti",h:"un'ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"}};e.locale(o,null,true);export{o as default};
+//# sourceMappingURL=p-5a560d40.js.map

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

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

package/dist/calcite/p-5fb90ec7.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["labelClickEvent","labelConnectedEvent","labelDisconnectedEvent","labelTagName","labelToLabelables","WeakMap","onLabelClickMap","onLabelConnectedMap","onLabelDisconnectedMap","unlabeledComponents","Set","findLabelForComponent","componentEl","id","forLabel","queryElementRoots","selector","parentLabel","closestElementCrossShadowBoundary","hasAncestorCustomElements","label","traversedElements","customElementAncestorCheckEventType","listener","event","stopImmediatePropagation","composedPath","slice","indexOf","addEventListener","once","dispatchEvent","CustomEvent","composed","bubbles","removeEventListener","ancestorCustomElements","filter","el","tagName","includes","length","connectLabel","component","labelEl","has","boundOnLabelDisconnected","onLabelDisconnected","bind","labelables","get","push","set","sort","sortByDOMOrder","onLabelClick","delete","document","disconnectLabel","labelable","a","b","isBefore","getLabelText","textContent","trim","labelClickTarget","detail","sourceEvent","target","this","clickedLabelable","find","labelableChildClicked","firstLabelable","disabled","onLabelConnected","add","boundOnLabelConnected","async","associateExplicitLabelToUnlabeledComponent","componentOnReady","alreadyLabeled","forComponentEl","ownerDocument","getElementById","for","requestAnimationFrame"],"sources":["src/utils/label.ts"],"sourcesContent":["import { closestElementCrossShadowBoundary, isBefore, queryElementRoots } from \"./dom\";\nimport { componentOnReady } from \"./component\";\n\nexport interface LabelableComponent {\n  /**\n   * When true, disabled prevents interaction.\n   */\n  disabled: boolean;\n\n  /**\n   * The host element.\n   */\n  readonly el: HTMLElement;\n\n  /**\n   * Text label.\n   */\n  label?: string;\n\n  /**\n   * The label this component is associated with.\n   */\n  labelEl: HTMLCalciteLabelElement;\n\n  /**\n   * Hook for components to provide custom label click behavior.\n   */\n  onLabelClick: (event: CustomEvent<any>) => void;\n}\n\n/**\n * Exported for testing purposes only\n *\n * @internal\n */\nexport const labelClickEvent = \"calciteInternalLabelClick\";\nexport const labelConnectedEvent = \"calciteInternalLabelConnected\";\nexport const labelDisconnectedEvent = \"calciteInternalLabelDisconnected\";\n\nconst labelTagName = \"calcite-label\";\nconst labelToLabelables = new WeakMap<HTMLCalciteLabelElement, LabelableComponent[]>();\nconst onLabelClickMap = new WeakMap<HTMLCalciteLabelElement, typeof onLabelClick>();\nconst onLabelConnectedMap = new WeakMap<LabelableComponent, typeof onLabelConnected>();\nconst onLabelDisconnectedMap = new WeakMap<LabelableComponent, typeof onLabelDisconnected>();\nconst unlabeledComponents = new Set<LabelableComponent>();\n\nconst findLabelForComponent = (componentEl: HTMLElement): HTMLCalciteLabelElement | null => {\n  const { id } = componentEl;\n\n  const forLabel =\n    id && (queryElementRoots(componentEl, { selector: `${labelTagName}[for=\"${id}\"]` }) as HTMLCalciteLabelElement);\n\n  if (forLabel) {\n    return forLabel;\n  }\n\n  const parentLabel = closestElementCrossShadowBoundary<HTMLCalciteLabelElement>(componentEl, labelTagName);\n\n  if (\n    !parentLabel ||\n    // labelable components within other custom elements are not considered labelable\n    hasAncestorCustomElements(parentLabel, componentEl)\n  ) {\n    return null;\n  }\n\n  return parentLabel;\n};\n\nfunction hasAncestorCustomElements(label: HTMLCalciteLabelElement, componentEl: HTMLElement): boolean {\n  let traversedElements: HTMLElement[];\n  const customElementAncestorCheckEventType = \"custom-element-ancestor-check\";\n\n  const listener = (event: CustomEvent) => {\n    event.stopImmediatePropagation();\n    const composedPath = event.composedPath() as HTMLElement[];\n    traversedElements = composedPath.slice(composedPath.indexOf(componentEl), composedPath.indexOf(label));\n  };\n\n  label.addEventListener(customElementAncestorCheckEventType, listener, { once: true });\n\n  componentEl.dispatchEvent(new CustomEvent(customElementAncestorCheckEventType, { composed: true, bubbles: true }));\n  label.removeEventListener(customElementAncestorCheckEventType, listener);\n\n  const ancestorCustomElements = traversedElements\n    .filter((el) => el !== componentEl && el !== label)\n    .filter((el) => el.tagName?.includes(\"-\"));\n\n  return ancestorCustomElements.length > 0;\n}\n\n/**\n * Helper to set up label interactions on connectedCallback.\n *\n * @param component\n */\nexport function connectLabel(component: LabelableComponent): void {\n  if (!component) {\n    return;\n  }\n\n  const labelEl = findLabelForComponent(component.el);\n\n  if (\n    (onLabelClickMap.has(labelEl) && labelEl === component.labelEl) ||\n    (!labelEl && unlabeledComponents.has(component))\n  ) {\n    return;\n  }\n\n  const boundOnLabelDisconnected = onLabelDisconnected.bind(component);\n\n  if (labelEl) {\n    component.labelEl = labelEl;\n\n    const labelables = labelToLabelables.get(labelEl) || [];\n    labelables.push(component);\n    labelToLabelables.set(labelEl, labelables.sort(sortByDOMOrder));\n\n    if (!onLabelClickMap.has(component.labelEl)) {\n      onLabelClickMap.set(component.labelEl, onLabelClick);\n      component.labelEl.addEventListener(labelClickEvent, onLabelClick);\n    }\n\n    unlabeledComponents.delete(component);\n    document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));\n    onLabelDisconnectedMap.set(component, boundOnLabelDisconnected);\n    document.addEventListener(labelDisconnectedEvent, boundOnLabelDisconnected);\n  } else if (!unlabeledComponents.has(component)) {\n    boundOnLabelDisconnected();\n    document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));\n  }\n}\n/**\n * Helper to tear down label interactions on disconnectedCallback on labelable components.\n *\n * @param component\n */\nexport function disconnectLabel(component: LabelableComponent): void {\n  if (!component) {\n    return;\n  }\n\n  unlabeledComponents.delete(component);\n  document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));\n  document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));\n  onLabelConnectedMap.delete(component);\n  onLabelDisconnectedMap.delete(component);\n\n  if (!component.labelEl) {\n    return;\n  }\n\n  const labelables = labelToLabelables.get(component.labelEl);\n\n  if (labelables.length === 1) {\n    component.labelEl.removeEventListener(labelClickEvent, onLabelClickMap.get(component.labelEl));\n    onLabelClickMap.delete(component.labelEl);\n  }\n\n  labelToLabelables.set(\n    component.labelEl,\n    labelables.filter((labelable) => labelable !== component).sort(sortByDOMOrder),\n  );\n\n  component.labelEl = null;\n}\n\nfunction sortByDOMOrder(a: LabelableComponent, b: LabelableComponent): number {\n  return isBefore(a.el, b.el) ? -1 : 1;\n}\n\n/**\n * Helper to get the label text from a component.\n *\n * @param component\n */\nexport function getLabelText(component: LabelableComponent): string {\n  return component.label || component.labelEl?.textContent?.trim() || \"\";\n}\n\nfunction onLabelClick(this: HTMLCalciteLabelElement, event: CustomEvent<{ sourceEvent: MouseEvent }>): void {\n  const labelClickTarget = event.detail.sourceEvent.target as HTMLElement;\n  const labelables = labelToLabelables.get(this);\n  const clickedLabelable = labelables.find((labelable) => labelable.el === labelClickTarget);\n  const labelableChildClicked = labelables.includes(clickedLabelable);\n\n  if (labelableChildClicked) {\n    // no need to forward click as labelable will receive focus\n    return;\n  }\n\n  const firstLabelable = labelables[0];\n\n  if (firstLabelable.disabled) {\n    return;\n  }\n\n  firstLabelable.onLabelClick(event);\n}\n\nfunction onLabelConnected(this: LabelableComponent): void {\n  if (unlabeledComponents.has(this)) {\n    connectLabel(this);\n  }\n}\n\nfunction onLabelDisconnected(this: LabelableComponent): void {\n  unlabeledComponents.add(this);\n  const boundOnLabelConnected = onLabelConnectedMap.get(this) || onLabelConnected.bind(this);\n  onLabelConnectedMap.set(this, boundOnLabelConnected);\n  document.addEventListener(labelConnectedEvent, boundOnLabelConnected);\n}\n\n/**\n * Helper to associate an explicit label (i.e., using `for`) with a labelable component that does not have an associated label.\n *\n * @param label - the label element\n */\nexport async function associateExplicitLabelToUnlabeledComponent(label: HTMLCalciteLabelElement): Promise<void> {\n  await componentOnReady(label);\n\n  const alreadyLabeled = labelToLabelables.has(label);\n\n  if (alreadyLabeled) {\n    return;\n  }\n\n  const forComponentEl = label.ownerDocument?.getElementById(label.for);\n\n  if (!forComponentEl) {\n    return;\n  }\n\n  requestAnimationFrame(() => {\n    for (const labelable of unlabeledComponents) {\n      if (labelable.el === forComponentEl) {\n        connectLabel(labelable);\n        break;\n      }\n    }\n  });\n}\n"],"mappings":"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"}

package/dist/calcite/p-60f6262c.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.8.4
+ */
+import{r as e,c as t,h as i,H as n,g as o}from"./p-01c0a2c2.js";import{g as a,t as l}from"./p-12aea44f.js";import{a as s,c,d as r,H as d}from"./p-f382c352.js";import{c as h,d as f,u as m,I as p}from"./p-8e8bace6.js";import{c as u,d as b}from"./p-5fb90ec7.js";import{s as g,a as v,c as k}from"./p-cba3cb72.js";import{c as y}from"./p-4cdd8242.js";import{V as w}from"./p-ed8fde1f.js";import"./p-3776dbc9.js";import"./p-a4059c16.js";import"./p-2f3702bc.js";import"./p-d7cca4af.js";const x={itemWrapper:"item-wrapper"};const z=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:-moz-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-color-border-input);outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const C=z;const j=class{constructor(i){e(this,i);this.calciteSegmentedControlChange=t(this,"calciteSegmentedControlChange",6);this.handleClick=e=>{if(this.disabled){return}if(e.target.localName==="calcite-segmented-control-item"){this.selectItem(e.target,true)}};this.mutationObserver=y("mutation",(()=>this.setUpItems()));this.appearance="solid";this.disabled=false;this.form=undefined;this.required=false;this.name=undefined;this.layout="horizontal";this.scale="m";this.value=null;this.selectedItem=undefined;this.status="idle";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.width="auto"}handlePropsChange(){this.handleItemPropChange()}valueHandler(e){const t=this.getItems();t.forEach((t=>t.checked=t.value===e))}handleSelectedItemChange(e,t){this.value=e?.value;if(e===t){return}const i=this.getItems();const n=i.filter((t=>t===e)).pop();if(n){this.selectItem(n)}else if(i[0]){i[0].tabIndex=0}}componentWillLoad(){g(this);this.setUpItems()}componentDidLoad(){s(this,this.value);v(this)}connectedCallback(){h(this);u(this);c(this);this.mutationObserver?.observe(this.el,{childList:true});this.handleItemPropChange()}disconnectedCallback(){f(this);b(this);r(this);this.mutationObserver?.unobserve(this.el)}componentDidRender(){m(this)}render(){return i(n,{key:"1241947631795e70e18ad5f923ecaab81d75eae9",onClick:this.handleClick,role:"radiogroup"},i("div",{key:"1e1172df2df7a6ecd307f2e927e4bc766b8a1418",class:x.itemWrapper},i(p,{key:"874fc408bafb73b99748769ec5d361848b1b1fff",disabled:this.disabled},i("slot",{key:"629d9b015a690804e8548e4b50dde9ad4c3fa9b7"}),i(d,{key:"3fedcebb6e1fe5a8d5ef426d301f510e7c1fc4f3",component:this}))),this.validationMessage&&this.status==="invalid"?i(w,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null)}handleSelected(e){e.preventDefault();this.selectItem(e.target);e.stopPropagation()}handleKeyDown(e){const t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];const{key:i}=e;const{el:n,selectedItem:o}=this;if(t.indexOf(i)===-1){return}let l=i;if(a(n)==="rtl"){if(i==="ArrowRight"){l="ArrowLeft"}if(i==="ArrowLeft"){l="ArrowRight"}}const s=this.getItems();let c=-1;s.forEach(((e,t)=>{if(e===o){c=t}}));switch(l){case"ArrowLeft":case"ArrowUp":e.preventDefault();const t=c<1?s[s.length-1]:s[c-1];this.selectItem(t,true);return;case"ArrowRight":case"ArrowDown":e.preventDefault();const i=c===-1?s[1]:s[c+1]||s[0];this.selectItem(i,true);return;case" ":e.preventDefault();this.selectItem(e.target,true);return;default:return}}async setFocus(){await k(this);(this.selectedItem||this.getItems()[0])?.focus()}handleItemPropChange(){const e=this.getItems();e.forEach((e=>{e.appearance=this.appearance;e.layout=this.layout;e.scale=this.scale}))}onLabelClick(){this.setFocus()}getItems(){return Array.from(this.el.querySelectorAll("calcite-segmented-control-item"))}selectItem(e,t=false){if(e===this.selectedItem){return}const i=this.getItems();let n=null;i.forEach((i=>{const o=i===e;if(o&&!i.checked||!o&&i.checked){i.checked=o}i.tabIndex=o?0:-1;if(o){n=i;if(t){this.calciteSegmentedControlChange.emit()}}}));this.selectedItem=n;if(n){n.focus()}}setUpItems(){const e=this.getItems();const t=e.filter((e=>e.checked)).pop();if(t){this.selectItem(t)}else if(e[0]){e[0].tabIndex=0}}get el(){return o(this)}static get watchers(){return{appearance:["handlePropsChange"],layout:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],selectedItem:["handleSelectedItemChange"]}}};j.style=C;const I={input:"input"};const A={segmentedControlItemIcon:"segmented-control-item-icon"};const L=":host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-color-text-3);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host{outline-color:transparent}:host(: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          );outline-offset:-1px}.label--scale-s{padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-block:0.125rem}.label--scale-m{padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-block:0.375rem}.label--scale-l{padding-inline:1rem;padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) label{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:active) label{background-color:var(--calcite-color-foreground-3)}:host([checked]) label{cursor:default;border-color:var(--calcite-color-brand);background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px var(--calcite-color-brand);color:var(--calcite-color-brand)}:host([checked]) .label--outline{background-color:transparent}::slotted(input){display:none}@media (forced-colors: active){:host([checked]) label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) label:not([class~=label--outline]) .segmented-control-item-icon{color:highlightText}}.segmented-control-item-icon{position:relative;margin:0px;display:inline-flex;line-height:inherit}:host([icon-start]) .label--scale-s .segmented-control-item-icon{margin-inline-end:0.5rem}:host([icon-end]) .label--scale-s .segmented-control-item-icon{margin-inline-start:0.5rem}:host([icon-start]) .label--scale-m .segmented-control-item-icon{margin-inline-end:0.75rem}:host([icon-end]) .label--scale-m .segmented-control-item-icon{margin-inline-start:0.75rem}:host([icon-start]) .label--scale-l .segmented-control-item-icon{margin-inline-end:1rem}:host([icon-end]) .label--scale-l .segmented-control-item-icon{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}";const R=L;const S=class{constructor(i){e(this,i);this.calciteInternalSegmentedControlItemChange=t(this,"calciteInternalSegmentedControlItemChange",6);this.checked=false;this.iconFlipRtl=false;this.iconStart=undefined;this.iconEnd=undefined;this.value=undefined;this.appearance="solid";this.layout="horizontal";this.scale="m"}handleCheckedChange(){this.calciteInternalSegmentedControlItemChange.emit()}render(){const{appearance:e,checked:t,layout:o,scale:a,value:s}=this;const c=this.iconStart?i("calcite-icon",{class:A.segmentedControlItemIcon,flipRtl:this.iconFlipRtl,icon:this.iconStart,key:"icon-start",scale:"s"}):null;const r=this.iconEnd?i("calcite-icon",{class:A.segmentedControlItemIcon,flipRtl:this.iconFlipRtl,icon:this.iconEnd,key:"icon-end",scale:"s"}):null;return i(n,{key:"b20e8835703f9dcd6d96a58ca47efe9e57f1ebc7","aria-checked":l(t),"aria-label":s,role:"radio"},i("label",{key:"850c35eb51158b2e3674587163bb77f4b30e554f",class:{"label--scale-s":a==="s","label--scale-m":a==="m","label--scale-l":a==="l","label--horizontal":o==="horizontal","label--outline":e==="outline","label--outline-fill":e==="outline-fill"}},this.iconStart?c:null,i("slot",{key:"2f41ec01fab8c3e54e16d74b98f8d50d4e69018f"},s),i("slot",{key:"f969ea4b8fbcc0ab01052f5ffd103149540de08f",name:I.input}),this.iconEnd?r:null))}get el(){return o(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};S.style=R;export{j as calcite_segmented_control,S as calcite_segmented_control_item};
+//# sourceMappingURL=p-60f6262c.entry.js.map

package/dist/calcite/p-60f6262c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","itemWrapper","segmentedControlCss","CalciteSegmentedControlStyle0","SegmentedControl","this","handleClick","event","disabled","target","localName","selectItem","mutationObserver","createObserver","setUpItems","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","handlePropsChange","handleItemPropChange","valueHandler","value","items","getItems","forEach","item","checked","handleSelectedItemChange","newItem","oldItem","match","filter","pop","tabIndex","componentWillLoad","setUpLoadableComponent","componentDidLoad","afterConnectDefaultValueSet","setComponentLoaded","connectedCallback","connectInteractive","connectLabel","connectForm","observe","el","childList","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","unobserve","componentDidRender","updateHostInteraction","render","h","Host","key","onClick","role","class","InteractiveContainer","HiddenFormInputSlot","component","validationMessage","status","Validation","icon","validationIcon","message","scale","handleSelected","preventDefault","stopPropagation","handleKeyDown","keys","selectedItem","indexOf","adjustedKey","getElementDir","selectedIndex","index","previous","length","next","setFocus","componentFocusable","focus","appearance","layout","onLabelClick","Array","from","querySelectorAll","selected","emit","matches","calciteSegmentedControlChange","lastChecked","SLOTS","input","segmentedControlItemIcon","segmentedControlItemCss","CalciteSegmentedControlItemStyle0","SegmentedControlItem","handleCheckedChange","calciteInternalSegmentedControlItemChange","iconStartEl","iconStart","flipRtl","iconFlipRtl","iconEndEl","iconEnd","toAriaBoolean","name"],"sources":["src/components/segmented-control/resources.ts","src/components/segmented-control/segmented-control.scss?tag=calcite-segmented-control&encapsulation=shadow","src/components/segmented-control/segmented-control.tsx","src/components/segmented-control-item/resources.ts","src/components/segmented-control-item/segmented-control-item.scss?tag=calcite-segmented-control-item&encapsulation=shadow","src/components/segmented-control-item/segmented-control-item.tsx"],"sourcesContent":["export const CSS = {\n  itemWrapper: \"item-wrapper\",\n};\n",":host {\n  @apply flex flex-col;\n}\n\n.item-wrapper {\n  @apply bg-foreground-1 flex;\n  inline-size: fit-content;\n  outline: 1px solid var(--calcite-color-border-input);\n  outline-offset: -1px;\n}\n\n:host([appearance=\"outline\"]) > .item-wrapper {\n  @apply bg-transparent;\n}\n\n@include disabled();\n\n:host([layout=\"vertical\"]) > .item-wrapper {\n  @apply flex-col items-start self-start;\n}\n\n// segmented control width for full\n:host([width=\"full\"]) > .item-wrapper {\n  @apply w-full;\n  min-inline-size: fit-content;\n\n  ::slotted(calcite-segmented-control-item) {\n    @apply flex-auto;\n  }\n}\n\n:host([width=\"full\"][layout=\"vertical\"]) > .item-wrapper {\n  ::slotted(calcite-segmented-control-item) {\n    @apply justify-start;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Appearance, Layout, Scale, Status, Width } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Validation } from \"../functional/Validation\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-segmented-control-item`s.\n */\n@Component({\n  tag: \"calcite-segmented-control\",\n  styleUrl: \"segmented-control.scss\",\n  shadow: true,\n})\nexport class SegmentedControl\n  implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> =\n    \"solid\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\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   * 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  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"horizontal\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"appearance\")\n  @Watch(\"layout\")\n  @Watch(\"scale\")\n  handlePropsChange(): void {\n    this.handleItemPropChange();\n  }\n\n  /** The component's `selectedItem` value. */\n  @Prop({ mutable: true }) value: string = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    const items = this.getItems();\n    items.forEach((item) => (item.checked = item.value === value));\n  }\n\n  /**\n   * The component's selected item `HTMLElement`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItem: HTMLCalciteSegmentedControlItemElement;\n\n  @Watch(\"selectedItem\")\n  protected handleSelectedItemChange<T extends HTMLCalciteSegmentedControlItemElement>(\n    newItem: T,\n    oldItem: T,\n  ): void {\n    this.value = newItem?.value;\n    if (newItem === oldItem) {\n      return;\n    }\n    const items = this.getItems();\n    const match = items.filter((item) => item === newItem).pop();\n\n    if (match) {\n      this.selectItem(match);\n    } else if (items[0]) {\n      items[0].tabIndex = 0;\n    }\n  }\n\n  /** Specifies the status of the validation message. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\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: string | 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  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Extract<\"auto\" | \"full\", Width> = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    this.setUpItems();\n  }\n\n  componentDidLoad(): void {\n    afterConnectDefaultValueSet(this, this.value);\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    this.mutationObserver?.observe(this.el, { childList: true });\n\n    this.handleItemPropChange();\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    this.mutationObserver?.unobserve(this.el);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    return (\n      <Host onClick={this.handleClick} role=\"radiogroup\">\n        <div class={CSS.itemWrapper}>\n          <InteractiveContainer disabled={this.disabled}>\n            <slot />\n            <HiddenFormInputSlot component={this} />\n          </InteractiveContainer>\n        </div>\n        {this.validationMessage && this.status === \"invalid\" ? (\n          <Validation\n            icon={this.validationIcon}\n            message={this.validationMessage}\n            scale={this.scale}\n            status={this.status}\n          />\n        ) : null}\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  protected handleClick = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    if ((event.target as HTMLElement).localName === \"calcite-segmented-control-item\") {\n      this.selectItem(event.target as HTMLCalciteSegmentedControlItemElement, true);\n    }\n  };\n\n  @Listen(\"calciteInternalSegmentedControlItemChange\")\n  protected handleSelected(event: Event): void {\n    event.preventDefault();\n    this.selectItem(event.target as HTMLCalciteSegmentedControlItemElement);\n    event.stopPropagation();\n  }\n\n  @Listen(\"keydown\")\n  protected handleKeyDown(event: KeyboardEvent): void {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el, selectedItem } = this;\n\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n\n    let adjustedKey = key;\n\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n\n    const items = this.getItems();\n    let selectedIndex = -1;\n\n    items.forEach((item, index) => {\n      if (item === selectedItem) {\n        selectedIndex = index;\n      }\n    });\n\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        const previous = selectedIndex < 1 ? items[items.length - 1] : items[selectedIndex - 1];\n        this.selectItem(previous, true);\n        return;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        const next = selectedIndex === -1 ? items[1] : items[selectedIndex + 1] || items[0];\n        this.selectItem(next, true);\n        return;\n      case \" \":\n        event.preventDefault();\n        this.selectItem(event.target as HTMLCalciteSegmentedControlItemElement, true);\n        return;\n      default:\n        return;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the `calcite-segmented-control-item` selection changes. */\n  @Event({ cancelable: false }) calciteSegmentedControlChange: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    (this.selectedItem || this.getItems()[0])?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSegmentedControlElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: SegmentedControl[\"value\"];\n\n  private mutationObserver = createObserver(\"mutation\", () => this.setUpItems());\n\n  private handleItemPropChange(): void {\n    const items = this.getItems();\n\n    items.forEach((item) => {\n      item.appearance = this.appearance;\n      item.layout = this.layout;\n      item.scale = this.scale;\n    });\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private getItems(): HTMLCalciteSegmentedControlItemElement[] {\n    return Array.from(this.el.querySelectorAll(\"calcite-segmented-control-item\"));\n  }\n\n  private selectItem(selected: HTMLCalciteSegmentedControlItemElement, emit = false): void {\n    if (selected === this.selectedItem) {\n      return;\n    }\n\n    const items = this.getItems();\n    let match: HTMLCalciteSegmentedControlItemElement = null;\n\n    items.forEach((item) => {\n      const matches = item === selected;\n\n      if ((matches && !item.checked) || (!matches && item.checked)) {\n        item.checked = matches;\n      }\n\n      item.tabIndex = matches ? 0 : -1;\n\n      if (matches) {\n        match = item;\n\n        if (emit) {\n          this.calciteSegmentedControlChange.emit();\n        }\n      }\n    });\n\n    this.selectedItem = match;\n    if (Build.isBrowser && match) {\n      match.focus();\n    }\n  }\n\n  private setUpItems(): void {\n    const items = this.getItems();\n    const lastChecked = items.filter((item) => item.checked).pop();\n\n    if (lastChecked) {\n      this.selectItem(lastChecked);\n    } else if (items[0]) {\n      items[0].tabIndex = 0;\n    }\n  }\n}\n","export const SLOTS = {\n  input: \"input\",\n};\n\nexport const CSS = {\n  segmentedControlItemIcon: \"segmented-control-item-icon\",\n};\n",":host {\n  @apply flex\n    cursor-pointer\n    self-stretch\n    font-normal;\n  transition:\n    background-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    border-color var(--calcite-animation-timing) ease-in-out;\n}\n\n:host label {\n  @apply text-color-3\n    pointer-events-none\n    m-0.5\n    box-border\n    flex\n    flex-1\n    items-center;\n  transition:\n    background-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    border-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    color var(--calcite-internal-animation-timing-fast) ease-in-out;\n}\n\n.label--horizontal {\n  @apply justify-center;\n}\n\n// focus styles\n:host {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-inset;\n  outline-offset: -1px;\n}\n\n.label--scale-s {\n  @apply text-n2h px-2;\n  padding-block: 0.125rem;\n}\n\n.label--scale-m {\n  @apply text-n1h px-3;\n  padding-block: 0.375rem;\n}\n\n.label--scale-l {\n  @apply text-0h px-4 py-2.5;\n}\n\n:host(:hover) label {\n  @apply bg-foreground-2 text-color-1;\n}\n\n:host(:active) label {\n  @apply bg-foreground-3;\n}\n\n:host([checked]) label {\n  @apply bg-brand border-color-brand cursor-default text-color-inverse;\n}\n\n:host([checked]) .label--outline,\n:host([checked]) .label--outline-fill {\n  @apply bg-foreground-1 border-color-brand;\n  box-shadow: inset 0 0 0 1px theme(\"backgroundColor.brand\");\n  color: theme(\"backgroundColor.brand\");\n}\n\n:host([checked]) .label--outline {\n  @apply bg-transparent;\n}\n\n::slotted(input) {\n  @apply hidden;\n}\n\n@media (forced-colors: active) {\n  :host([checked]) label {\n    background-color: highlight;\n  }\n  :host([checked]) .label--outline,\n  :host([checked]) .label--outline-fill {\n    @apply outline-none;\n  }\n  :host([checked]) label:not([class~=\"label--outline\"]) .segmented-control-item-icon {\n    color: highlightText;\n  }\n}\n\n// icon\n.segmented-control-item-icon {\n  @apply relative\n    m-0\n    inline-flex;\n  line-height: inherit;\n}\n\n:host([icon-start]) .label--scale-s .segmented-control-item-icon {\n  margin-inline-end: theme(\"margin.2\");\n}\n\n:host([icon-end]) .label--scale-s .segmented-control-item-icon {\n  margin-inline-start: theme(\"margin.2\");\n}\n\n:host([icon-start]) .label--scale-m .segmented-control-item-icon {\n  margin-inline-end: theme(\"margin.3\");\n}\n\n:host([icon-end]) .label--scale-m .segmented-control-item-icon {\n  margin-inline-start: theme(\"margin.3\");\n}\n\n:host([icon-start]) .label--scale-l .segmented-control-item-icon {\n  margin-inline-end: theme(\"margin.4\");\n}\n:host([icon-end]) .label--scale-l .segmented-control-item-icon {\n  margin-inline-start: theme(\"margin.4\");\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { Appearance, Layout, Scale } from \"../interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-segmented-control-item\",\n  styleUrl: \"segmented-control-item.scss\",\n  shadow: true,\n})\nexport class SegmentedControlItem {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  @Watch(\"checked\")\n  protected handleCheckedChange(): void {\n    this.calciteInternalSegmentedControlItemChange.emit();\n  }\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 icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /**\n   * The component's value.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true })\n  value: any | null;\n\n  /**\n   * Specifies the appearance style of the component inherited from parent `calcite-segmented-control`, defaults to `solid`.\n   *\n   * @internal\n   */\n  @Prop() appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> = \"solid\";\n\n  /**\n   * Defines the layout of the component inherited from parent `calcite-segmented-control`, defaults to `horizontal`.\n   *\n   * @internal\n   */\n  @Prop() layout: Layout = \"horizontal\";\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-segmented-control`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const { appearance, checked, layout, scale, value } = this;\n\n    const iconStartEl = this.iconStart ? (\n      <calcite-icon\n        class={CSS.segmentedControlItemIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.iconStart}\n        key=\"icon-start\"\n        scale=\"s\"\n      />\n    ) : null;\n\n    const iconEndEl = this.iconEnd ? (\n      <calcite-icon\n        class={CSS.segmentedControlItemIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.iconEnd}\n        key=\"icon-end\"\n        scale=\"s\"\n      />\n    ) : null;\n\n    return (\n      <Host aria-checked={toAriaBoolean(checked)} aria-label={value} role=\"radio\">\n        <label\n          class={{\n            \"label--scale-s\": scale === \"s\",\n            \"label--scale-m\": scale === \"m\",\n            \"label--scale-l\": scale === \"l\",\n            \"label--horizontal\": layout === \"horizontal\",\n            \"label--outline\": appearance === \"outline\",\n            \"label--outline-fill\": appearance === \"outline-fill\",\n          }}\n        >\n          {this.iconStart ? iconStartEl : null}\n          <slot>{value}</slot>\n          <slot name={SLOTS.input} />\n          {this.iconEnd ? iconEndEl : null}\n        </label>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSegmentedControlItemElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the item has been selected.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalSegmentedControlItemChange: EventEmitter<void>;\n}\n"],"mappings":"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"}

package/dist/calcite/p-61e46c59.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.8.4
+ */
+import{d as e}from"./p-101f01a3.js";import"./p-01c0a2c2.js";import"./p-f382c352.js";import"./p-12aea44f.js";import"./p-3776dbc9.js";import"./p-a4059c16.js";import"./p-8e8bace6.js";import"./p-2f3702bc.js";import"./p-34e21c17.js";import"./p-5fb90ec7.js";import"./p-d7cca4af.js";import"./p-cba3cb72.js";import"./p-b9ffc620.js";import"./p-4cdd8242.js";import"./p-1ae789c5.js";import"./p-3b8b9962.js";import"./p-18e5e7a4.js";import"./p-2271ffa7.js";import"./p-ed8fde1f.js";var m={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"}};e.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-61e46c59.js.map

package/dist/calcite/p-6553386d.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.8.4
+ */
+import{r as e,c as t,h as i,g as s}from"./p-01c0a2c2.js";import{f as a}from"./p-22d5db89.js";import{c as n,u as c,d as o,I as r}from"./p-8e8bace6.js";import{s as l,a as d,c as h}from"./p-cba3cb72.js";import{c as p,d as f}from"./p-b9ffc620.js";import{u as m,s as b,c as u,d as g}from"./p-18e5e7a4.js";import{d as y}from"./p-87c48682.js";import"./p-2f3702bc.js";import"./p-12aea44f.js";import"./p-3776dbc9.js";import"./p-a4059c16.js";import"./p-34e21c17.js";import"./p-4cdd8242.js";const v={container:"container",searchIcon:"search-icon"};const x={search:"search",close:"x"};const j=250;const k=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);padding-inline-end:0.25rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-color-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-color-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-color-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}";const w=k;const z=class{constructor(i){e(this,i);this.calciteFilterChange=t(this,"calciteFilterChange",6);this.filterDebounced=y(((e,t=false,i)=>this.items.length&&this.updateFiltered(a(this.items,e),t,i)),j);this.inputHandler=e=>{const t=e.target;this.value=t.value;this.filterDebounced(t.value,true)};this.keyDownHandler=e=>{if(e.defaultPrevented){return}if(e.key==="Escape"){this.clear();e.preventDefault()}if(e.key==="Enter"){e.preventDefault()}};this.clear=()=>{this.value="";this.filterDebounced("",true);this.setFocus()};this.items=[];this.disabled=false;this.filteredItems=[];this.placeholder=undefined;this.scale="m";this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}watchItemsHandler(){this.filterDebounced(this.value)}onMessagesChange(){}valueHandler(e){this.filterDebounced(e)}effectiveLocaleChange(){m(this,this.effectiveLocale)}async componentWillLoad(){l(this);if(this.items.length){this.updateFiltered(a(this.items,this.value))}await b(this)}connectedCallback(){n(this);p(this);u(this)}componentDidRender(){c(this)}disconnectedCallback(){o(this);f(this);g(this);this.filterDebounced.cancel()}componentDidLoad(){d(this)}async filter(e=this.value){return new Promise((t=>{this.value=e;this.filterDebounced(e,false,t)}))}async setFocus(){await h(this);this.el?.focus()}updateFiltered(e,t=false,i){this.filteredItems=e;if(t){this.calciteFilterChange.emit()}i?.()}render(){const{disabled:e,scale:t}=this;return i(r,{key:"f7270a6dc848da7a11ffeffd783836d083f75378",disabled:e},i("div",{key:"7fe378823d3a5c458fcf385ffce80b498a599fa8",class:v.container},i("label",{key:"7ff51820e2e168353ff00629c3bcbc9e5b13ef54"},i("calcite-input",{key:"bc6bb09f4a967f31a55d000e377379842d150f1c",clearable:true,disabled:e,icon:x.search,label:this.messages.label,messageOverrides:{clear:this.messages.clear},onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,scale:t,type:"text",value:this.value,ref:e=>{this.textInput=e}}))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{items:["watchItemsHandler"],messageOverrides:["onMessagesChange"],value:["valueHandler"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=w;export{z as calcite_filter};
+//# sourceMappingURL=p-6553386d.entry.js.map

package/dist/calcite/p-66169a34.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.8.4
+ */
+import{d as s}from"./p-101f01a3.js";import"./p-01c0a2c2.js";import"./p-f382c352.js";import"./p-12aea44f.js";import"./p-3776dbc9.js";import"./p-a4059c16.js";import"./p-8e8bace6.js";import"./p-2f3702bc.js";import"./p-34e21c17.js";import"./p-5fb90ec7.js";import"./p-d7cca4af.js";import"./p-cba3cb72.js";import"./p-b9ffc620.js";import"./p-4cdd8242.js";import"./p-1ae789c5.js";import"./p-3b8b9962.js";import"./p-18e5e7a4.js";import"./p-2271ffa7.js";import"./p-ed8fde1f.js";var m={name:"lv",weekdays:"svētdiena_pirmdiena_otrdiena_trešdiena_ceturtdiena_piektdiena_sestdiena".split("_"),months:"janvāris_februāris_marts_aprīlis_maijs_jūnijs_jūlijs_augusts_septembris_oktobris_novembris_decembris".split("_"),weekStart:1,weekdaysShort:"Sv_P_O_T_C_Pk_S".split("_"),monthsShort:"jan_feb_mar_apr_mai_jūn_jūl_aug_sep_okt_nov_dec".split("_"),weekdaysMin:"Sv_P_O_T_C_Pk_S".split("_"),ordinal:function s(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY.",LL:"YYYY. [gada] D. MMMM",LLL:"YYYY. [gada] D. MMMM, HH:mm",LLLL:"YYYY. [gada] D. MMMM, dddd, HH:mm"},relativeTime:{future:"pēc %s",past:"pirms %s",s:"dažām sekundēm",m:"minūtes",mm:"%d minūtēm",h:"stundas",hh:"%d stundām",d:"dienas",dd:"%d dienām",M:"mēneša",MM:"%d mēnešiem",y:"gada",yy:"%d gadiem"}};s.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-66169a34.js.map

package/dist/calcite/p-692c85b2.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.8.4
+ */
+import{r as e,c as t,f as i,h as s,H as a,g as n}from"./p-01c0a2c2.js";import{f as o,c as r,b as l,a as c,r as d,F as h}from"./p-500a1a7b.js";import{d as f,a as p,c as m,u}from"./p-1ae789c5.js";import{x as b,t as g,f as v,q as w}from"./p-12aea44f.js";import{g as y}from"./p-3776dbc9.js";import{o as x}from"./p-2271ffa7.js";import{H as k}from"./p-90a42275.js";import{c as E,d as z}from"./p-b9ffc620.js";import{u as H,c as j,s as P,d as C}from"./p-18e5e7a4.js";import{s as D,a as L,c as B}from"./p-cba3cb72.js";import{c as F}from"./p-4cdd8242.js";import{F as O}from"./p-373adf00.js";import{c as R,g as A}from"./p-d7cca4af.js";import{i as S}from"./p-34e21c17.js";import"./p-87c48682.js";import"./p-a4059c16.js";class T{constructor(){this.registeredElements=new Map;this.registeredElementCount=0;this.queryPopover=e=>{const{registeredElements:t}=this;const i=e.find((e=>t.has(e)));return t.get(i)};this.togglePopovers=e=>{const t=e.composedPath();const i=this.queryPopover(t);if(i&&!i.triggerDisabled){i.open=!i.open}Array.from(this.registeredElements.values()).filter((e=>e!==i&&e.autoClose&&e.open&&!t.includes(e))).forEach((e=>e.open=false))};this.keyDownHandler=e=>{if(e.defaultPrevented){return}if(e.key==="Escape"){this.closeAllPopovers()}else if(S(e.key)){this.togglePopovers(e)}};this.clickHandler=e=>{if(b(e)){return}this.togglePopovers(e)}}registerElement(e,t){this.registeredElementCount++;this.registeredElements.set(e,t);if(this.registeredElementCount===1){this.addListeners()}}unregisterElement(e){if(this.registeredElements.delete(e)){this.registeredElementCount--}if(this.registeredElementCount===0){this.removeListeners()}}closeAllPopovers(){Array.from(this.registeredElements.values()).forEach((e=>e.open=false))}addListeners(){window.addEventListener("click",this.clickHandler);window.addEventListener("keydown",this.keyDownHandler)}removeListeners(){window.removeEventListener("click",this.clickHandler);window.removeEventListener("keydown",this.keyDownHandler)}}const M={container:"container",imageContainer:"image-container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContent:"header-content",heading:"heading"};const $="auto";const _="aria-controls";const X="aria-expanded";const Y=":host{--calcite-floating-ui-z-index:var(--calcite-popover-z-index, var(--calcite-z-index-popup));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding-inline:1.25rem;padding-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;color:var(--calcite-color-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const q=Y;const W=new T;const G=class{constructor(i){e(this,i);this.calcitePopoverBeforeClose=t(this,"calcitePopoverBeforeClose",6);this.calcitePopoverClose=t(this,"calcitePopoverClose",6);this.calcitePopoverBeforeOpen=t(this,"calcitePopoverBeforeOpen",6);this.calcitePopoverOpen=t(this,"calcitePopoverOpen",6);this.mutationObserver=F("mutation",(()=>this.updateFocusTrapElements()));this.guid=`calcite-popover-${y()}`;this.openTransitionProp="opacity";this.setTransitionEl=e=>{this.transitionEl=e};this.setFilteredPlacements=()=>{const{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?o(t,e):null};this.setUpReferenceElement=(e=true)=>{this.removeReferences();this.effectiveReferenceElement=this.getReferenceElement();r(this,this.effectiveReferenceElement,this.el);const{el:t,referenceElement:i,effectiveReferenceElement:s}=this;if(e&&i&&!s){console.warn(`${t.tagName}: reference-element id "${i}" was not found.`,{el:t})}this.addReferences()};this.getId=()=>this.el.id||this.guid;this.setExpandedAttr=()=>{const{effectiveReferenceElement:e,open:t}=this;if(!e){return}if("setAttribute"in e){e.setAttribute(X,g(t))}};this.addReferences=()=>{const{effectiveReferenceElement:e}=this;if(!e){return}const t=this.getId();if("setAttribute"in e){e.setAttribute(_,t)}W.registerElement(e,this.el);this.setExpandedAttr()};this.removeReferences=()=>{const{effectiveReferenceElement:e}=this;if(!e){return}if("removeAttribute"in e){e.removeAttribute(_);e.removeAttribute(X)}W.unregisterElement(e)};this.hide=()=>{this.open=false};this.storeArrowEl=e=>{this.arrowEl=e;this.reposition(true)};this.autoClose=false;this.closable=false;this.flipDisabled=false;this.focusTrapDisabled=false;this.pointerDisabled=false;this.flipPlacements=undefined;this.heading=undefined;this.headingLevel=undefined;this.label=undefined;this.messageOverrides=undefined;this.messages=undefined;this.offsetDistance=l;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement=$;this.referenceElement=undefined;this.scale="m";this.triggerDisabled=false;this.effectiveLocale="";this.floatingLayout="vertical";this.effectiveReferenceElement=undefined;this.defaultMessages=undefined}handleFocusTrapDisabled(e){if(!this.open){return}e?f(this):p(this)}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}onMessagesChange(){}offsetDistanceOffsetHandler(){this.reposition(true)}offsetSkiddingHandler(){this.reposition(true)}openHandler(){x(this);this.reposition(true);this.setExpandedAttr()}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}referenceElementHandler(){this.setUpReferenceElement();this.reposition(true)}effectiveLocaleChange(){H(this,this.effectiveLocale)}async connectedCallback(){this.setFilteredPlacements();E(this);j(this);await R(this.el);this.setUpReferenceElement();m(this);if(this.open){x(this)}}async componentWillLoad(){await P(this);D(this)}componentDidLoad(){L(this)}disconnectedCallback(){this.removeReferences();z(this);C(this);c(this,this.effectiveReferenceElement,this.el);f(this)}async reposition(e=false){const{el:t,effectiveReferenceElement:i,placement:s,overlayPositioning:a,flipDisabled:n,filteredFlipPlacements:o,offsetDistance:r,offsetSkidding:l,arrowEl:c}=this;return d(this,{floatingEl:t,referenceEl:i,overlayPositioning:a,placement:s,flipDisabled:n,flipPlacements:o,offsetDistance:r,offsetSkidding:l,arrowEl:c,type:"popover"},e)}async setFocus(){await B(this);i(this.el);v(this.el)}async updateFocusTrapElements(){u(this)}getReferenceElement(){const{referenceElement:e,el:t}=this;return(typeof e==="string"?w(t,{id:e}):e)||null}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit()}onOpen(){this.calcitePopoverOpen.emit();p(this)}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit();f(this)}renderCloseButton(){const{messages:e,closable:t}=this;return t?s("div",{class:M.closeButtonContainer,key:M.closeButtonContainer},s("calcite-action",{appearance:"transparent",class:M.closeButton,onClick:this.hide,scale:this.scale,text:e.close,ref:e=>this.closeButtonEl=e},s("calcite-icon",{icon:"x",scale:A(this.scale)}))):null}renderHeader(){const{heading:e,headingLevel:t}=this;const i=e?s(k,{class:M.heading,level:t},e):null;return i?s("div",{class:M.header,key:M.header},i,this.renderCloseButton()):null}render(){const{effectiveReferenceElement:e,heading:t,label:i,open:n,pointerDisabled:o,floatingLayout:r}=this;const l=e&&n;const c=!l;const d=!o?s(O,{floatingLayout:r,key:"floating-arrow",ref:this.storeArrowEl}):null;return s(a,{key:"28d8cf0eff362e7f787a33db9bee0cbf9c110a6b","aria-hidden":g(c),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":c,id:this.getId(),role:"dialog"},s("div",{key:"673470f8cb626d87cdfd49caaeef64a621cc47a7",class:{[h.animation]:true,[h.animationActive]:l},ref:this.setTransitionEl},d,s("div",{key:"2f63d0b51c7ee3aef33b691166d44d906b525fd7",class:{[M.hasHeader]:!!t,[M.container]:true}},this.renderHeader(),s("div",{key:"e46fdad51d039b02d1d7f4a9fb686a4f3cc49bd0",class:M.content},s("slot",{key:"cc6157750d47d1458bda5531e626191aeff71df5"})),!t?this.renderCloseButton():null)))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],flipPlacements:["flipPlacementsHandler"],messageOverrides:["onMessagesChange"],offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"],effectiveLocale:["effectiveLocaleChange"]}}};G.style=q;export{G as calcite_popover};
+//# sourceMappingURL=p-692c85b2.entry.js.map

package/dist/calcite/p-692c85b2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PopoverManager","constructor","this","registeredElements","Map","registeredElementCount","queryPopover","composedPath","registeredElement","find","pathEl","has","get","togglePopovers","event","togglePopover","triggerDisabled","open","Array","from","values","filter","popover","autoClose","includes","forEach","keyDownHandler","defaultPrevented","key","closeAllPopovers","isActivationKey","clickHandler","isKeyboardTriggeredClick","registerElement","referenceEl","set","addListeners","unregisterElement","delete","removeListeners","window","addEventListener","removeEventListener","CSS","container","imageContainer","closeButtonContainer","closeButton","content","hasHeader","header","headerContent","heading","defaultPopoverPlacement","ARIA_CONTROLS","ARIA_EXPANDED","popoverCss","CalcitePopoverStyle0","manager","Popover","mutationObserver","createObserver","updateFocusTrapElements","guid","openTransitionProp","setTransitionEl","el","transitionEl","setFilteredPlacements","flipPlacements","filteredFlipPlacements","filterComputedPlacements","setUpReferenceElement","warn","removeReferences","effectiveReferenceElement","getReferenceElement","connectFloatingUI","referenceElement","console","tagName","addReferences","getId","id","setExpandedAttr","setAttribute","toAriaBoolean","removeAttribute","hide","storeArrowEl","arrowEl","reposition","defaultOffsetDistance","handleFocusTrapDisabled","focusTrapDisabled","deactivateFocusTrap","activateFocusTrap","flipPlacementsHandler","onMessagesChange","offsetDistanceOffsetHandler","offsetSkiddingHandler","openHandler","onToggleOpenCloseComponent","overlayPositioningHandler","placementHandler","referenceElementHandler","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","componentOnReady","connectFocusTrap","componentWillLoad","setUpMessages","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectFloatingUI","delayed","placement","overlayPositioning","flipDisabled","offsetDistance","offsetSkidding","floatingEl","type","setFocus","componentFocusable","forceUpdate","focusFirstTabbable","queryElementRoots","onBeforeOpen","calcitePopoverBeforeOpen","emit","onOpen","calcitePopoverOpen","onBeforeClose","calcitePopoverBeforeClose","onClose","calcitePopoverClose","renderCloseButton","messages","closable","h","class","appearance","onClick","scale","text","close","ref","closeButtonEl","icon","getIconScale","renderHeader","headingLevel","headingNode","Heading","level","render","label","pointerDisabled","floatingLayout","displayed","hidden","arrowNode","FloatingArrow","Host","role","FloatingCSS","animation","animationActive"],"sources":["src/components/popover/PopoverManager.ts","src/components/popover/resources.ts","src/components/popover/popover.scss?tag=calcite-popover&encapsulation=shadow","src/components/popover/popover.tsx"],"sourcesContent":["import { ReferenceElement } from \"../../utils/floating-ui\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { isKeyboardTriggeredClick } from \"../../utils/dom\";\n\nexport default class PopoverManager {\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  private registeredElements = new Map<ReferenceElement, HTMLCalcitePopoverElement>();\n\n  private registeredElementCount = 0;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  registerElement(referenceEl: ReferenceElement, popover: HTMLCalcitePopoverElement): void {\n    this.registeredElementCount++;\n\n    this.registeredElements.set(referenceEl, popover);\n\n    if (this.registeredElementCount === 1) {\n      this.addListeners();\n    }\n  }\n\n  unregisterElement(referenceEl: ReferenceElement): void {\n    if (this.registeredElements.delete(referenceEl)) {\n      this.registeredElementCount--;\n    }\n\n    if (this.registeredElementCount === 0) {\n      this.removeListeners();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private queryPopover = (composedPath: EventTarget[]): HTMLCalcitePopoverElement => {\n    const { registeredElements } = this;\n\n    const registeredElement = (composedPath as HTMLElement[]).find((pathEl) => registeredElements.has(pathEl));\n\n    return registeredElements.get(registeredElement);\n  };\n\n  private togglePopovers = (event: KeyboardEvent | PointerEvent): void => {\n    const composedPath = event.composedPath();\n    const togglePopover = this.queryPopover(composedPath);\n\n    if (togglePopover && !togglePopover.triggerDisabled) {\n      togglePopover.open = !togglePopover.open;\n    }\n\n    Array.from(this.registeredElements.values())\n      .filter(\n        (popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover),\n      )\n      .forEach((popover) => (popover.open = false));\n  };\n\n  private closeAllPopovers(): void {\n    Array.from(this.registeredElements.values()).forEach((popover) => (popover.open = false));\n  }\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (event.key === \"Escape\") {\n      this.closeAllPopovers();\n    } else if (isActivationKey(event.key)) {\n      this.togglePopovers(event);\n    }\n  };\n\n  private clickHandler = (event: PointerEvent): void => {\n    if (isKeyboardTriggeredClick(event)) {\n      return;\n    }\n\n    this.togglePopovers(event);\n  };\n\n  private addListeners(): void {\n    window.addEventListener(\"click\", this.clickHandler);\n    window.addEventListener(\"keydown\", this.keyDownHandler);\n  }\n\n  private removeListeners(): void {\n    window.removeEventListener(\"click\", this.clickHandler);\n    window.removeEventListener(\"keydown\", this.keyDownHandler);\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  imageContainer: \"image-container\",\n  closeButtonContainer: \"close-button-container\",\n  closeButton: \"close-button\",\n  content: \"content\",\n  hasHeader: \"has-header\",\n  header: \"header\",\n  headerContent: \"header-content\",\n  heading: \"heading\",\n};\n\nexport const defaultPopoverPlacement = \"auto\";\nexport const ARIA_CONTROLS = \"aria-controls\";\nexport const ARIA_EXPANDED = \"aria-expanded\";\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-popover-z-index: Sets the z-index value for the component.\n */\n\n:host {\n  --calcite-floating-ui-z-index: var(--calcite-popover-z-index, theme(\"zIndex.popover\"));\n}\n\n@include floatingUIHost();\n@include floatingUIArrow();\n\n:host([scale=\"s\"]) {\n  .heading {\n    @apply text-n1-wrap\n    px-3\n    py-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .heading {\n    @apply text-0-wrap\n    px-4\n    py-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .heading {\n    @apply text-1-wrap\n    px-5\n    py-4;\n  }\n}\n\n:host {\n  @apply pointer-events-none;\n}\n\n:host([open]) {\n  pointer-events: initial;\n}\n\n.calcite-floating-ui-anim {\n  @apply bg-foreground-1\n    border-color-3\n    rounded\n    border\n    border-solid;\n}\n\n.arrow::before {\n  outline: 1px solid var(--calcite-color-border-3);\n}\n\n.header {\n  @apply border-b-color-3\n    flex\n    flex-auto\n    items-stretch\n    justify-start\n    border-0\n    border-b\n    border-solid;\n}\n\n.heading {\n  @apply text-color-1\n  word-break\n  m-0\n  block\n  flex-auto\n  self-center\n  whitespace-normal\n  font-medium;\n}\n\n.container {\n  @apply text-color-1\n    relative\n    flex\n    h-full\n    flex-row\n    flex-nowrap\n    rounded;\n  &.has-header {\n    @apply flex-col;\n  }\n}\n\n.content {\n  @apply word-break\n  flex\n  h-full\n  w-full\n  flex-col\n  flex-nowrap\n  self-center;\n}\n\n.close-button-container {\n  @apply flex overflow-hidden;\n  flex: 0 0 auto;\n  border-start-end-radius: theme(\"borderRadius.DEFAULT\");\n  border-end-end-radius: theme(\"borderRadius.DEFAULT\");\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply h-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  connectFloatingUI,\n  defaultOffsetDistance,\n  disconnectFloatingUI,\n  EffectivePlacement,\n  filterComputedPlacements,\n  FloatingCSS,\n  FloatingLayout,\n  FloatingUIComponent,\n  LogicalPlacement,\n  OverlayPositioning,\n  ReferenceElement,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrap,\n  FocusTrapComponent,\n  updateFocusTrapElements,\n} from \"../../utils/focusTrapComponent\";\nimport { focusFirstTabbable, queryElementRoots, toAriaBoolean } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Scale } from \"../interfaces\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { FloatingArrow } from \"../functional/FloatingArrow\";\nimport { componentOnReady, getIconScale } from \"../../utils/component\";\nimport PopoverManager from \"./PopoverManager\";\nimport { PopoverMessages } from \"./assets/popover/t9n\";\nimport { ARIA_CONTROLS, ARIA_EXPANDED, CSS, defaultPopoverPlacement } from \"./resources\";\n\nconst manager = new PopoverManager();\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-popover\",\n  styleUrl: \"popover.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Popover\n  implements\n    FloatingUIComponent,\n    OpenCloseComponent,\n    FocusTrapComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.\n   */\n  @Prop({ reflect: true }) autoClose = false;\n\n  /** When `true`, displays a close button within the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.\n   */\n  @Prop({ reflect: true }) flipDisabled = 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   * When `true`, removes the caret pointer.\n   */\n  @Prop({ reflect: true }) pointerDisabled = false;\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: EffectivePlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\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  /** Accessible name for the component. */\n  @Prop() label!: string;\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<PopoverMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: PopoverMessages;\n\n  /**\n   * Offsets the position of the popover away from the `referenceElement`.\n   *\n   * @default 6\n   */\n  @Prop({ reflect: true }) offsetDistance = defaultOffsetDistance;\n\n  @Watch(\"offsetDistance\")\n  offsetDistanceOffsetHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Offsets the position of the component along the `referenceElement`.\n   */\n  @Prop({ reflect: true }) offsetSkidding = 0;\n\n  @Watch(\"offsetSkidding\")\n  offsetSkiddingHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, displays and positions the component.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n    this.reposition(true);\n    this.setExpandedAttr();\n  }\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\"` value 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   * Determines where the component will be positioned relative to the `referenceElement`.\n   */\n  @Prop({ reflect: true }) placement: LogicalPlacement = defaultPopoverPlacement;\n\n  @Watch(\"placement\")\n  placementHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   *  The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.\n   */\n  @Prop() referenceElement!: ReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementHandler(): void {\n    this.setUpReferenceElement();\n    this.reposition(true);\n  }\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.\n   *\n   * This property can be set to `true` to manage when the component is open.\n   */\n  @Prop({ reflect: true }) triggerDisabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePopoverElement;\n\n  mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.updateFocusTrapElements(),\n  );\n\n  filteredFlipPlacements: EffectivePlacement[];\n\n  @State() effectiveLocale = \"\";\n\n  @State() floatingLayout: FloatingLayout = \"vertical\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() effectiveReferenceElement: ReferenceElement;\n\n  @State() defaultMessages: PopoverMessages;\n\n  arrowEl: SVGElement;\n\n  closeButtonEl: HTMLCalciteActionElement;\n\n  guid = `calcite-popover-${guid()}`;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  focusTrap: FocusTrap;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async connectedCallback(): Promise<void> {\n    this.setFilteredPlacements();\n    connectLocalized(this);\n    connectMessages(this);\n\n    await componentOnReady(this.el);\n    this.setUpReferenceElement();\n    connectFocusTrap(this);\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    this.removeReferences();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);\n    deactivateFocusTrap(this);\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 }) calcitePopoverBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calcitePopoverClose: 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 }) calcitePopoverBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calcitePopoverOpen: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const {\n      el,\n      effectiveReferenceElement,\n      placement,\n      overlayPositioning,\n      flipDisabled,\n      filteredFlipPlacements,\n      offsetDistance,\n      offsetSkidding,\n      arrowEl,\n    } = this;\n    return reposition(\n      this,\n      {\n        floatingEl: el,\n        referenceEl: effectiveReferenceElement,\n        overlayPositioning,\n        placement,\n        flipDisabled,\n        flipPlacements: filteredFlipPlacements,\n        offsetDistance,\n        offsetSkidding,\n        arrowEl,\n        type: \"popover\",\n      },\n      delayed,\n    );\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    forceUpdate(this.el);\n    focusFirstTabbable(this.el);\n  }\n\n  /**\n   * Updates the element(s) that are used within the focus-trap of the component.\n   */\n  @Method()\n  async updateFocusTrapElements(): Promise<void> {\n    updateFocusTrapElements(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterComputedPlacements(flipPlacements, el)\n      : null;\n  };\n\n  setUpReferenceElement = (warn = true): void => {\n    this.removeReferences();\n    this.effectiveReferenceElement = this.getReferenceElement();\n    connectFloatingUI(this, this.effectiveReferenceElement, this.el);\n\n    const { el, referenceElement, effectiveReferenceElement } = this;\n    if (warn && referenceElement && !effectiveReferenceElement) {\n      console.warn(`${el.tagName}: reference-element id \"${referenceElement}\" was not found.`, {\n        el,\n      });\n    }\n\n    this.addReferences();\n  };\n\n  getId = (): string => {\n    return this.el.id || this.guid;\n  };\n\n  setExpandedAttr = (): void => {\n    const { effectiveReferenceElement, open } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    if (\"setAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.setAttribute(ARIA_EXPANDED, toAriaBoolean(open));\n    }\n  };\n\n  addReferences = (): void => {\n    const { effectiveReferenceElement } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    const id = this.getId();\n\n    if (\"setAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.setAttribute(ARIA_CONTROLS, id);\n    }\n\n    manager.registerElement(effectiveReferenceElement, this.el);\n    this.setExpandedAttr();\n  };\n\n  removeReferences = (): void => {\n    const { effectiveReferenceElement } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    if (\"removeAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.removeAttribute(ARIA_CONTROLS);\n      effectiveReferenceElement.removeAttribute(ARIA_EXPANDED);\n    }\n\n    manager.unregisterElement(effectiveReferenceElement);\n  };\n\n  getReferenceElement(): ReferenceElement {\n    const { referenceElement, el } = this;\n\n    return (\n      (typeof referenceElement === \"string\"\n        ? queryElementRoots(el, { id: referenceElement })\n        : referenceElement) || null\n    );\n  }\n\n  hide = (): void => {\n    this.open = false;\n  };\n\n  onBeforeOpen(): void {\n    this.calcitePopoverBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calcitePopoverOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.calcitePopoverBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calcitePopoverClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  storeArrowEl = (el: SVGElement): void => {\n    this.arrowEl = el;\n    this.reposition(true);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderCloseButton(): VNode {\n    const { messages, closable } = this;\n    return closable ? (\n      <div class={CSS.closeButtonContainer} key={CSS.closeButtonContainer}>\n        <calcite-action\n          appearance=\"transparent\"\n          class={CSS.closeButton}\n          onClick={this.hide}\n          scale={this.scale}\n          text={messages.close}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={(closeButtonEl) => (this.closeButtonEl = closeButtonEl)}\n        >\n          <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n        </calcite-action>\n      </div>\n    ) : null;\n  }\n\n  renderHeader(): VNode {\n    const { heading, headingLevel } = this;\n    const headingNode = heading ? (\n      <Heading class={CSS.heading} level={headingLevel}>\n        {heading}\n      </Heading>\n    ) : null;\n\n    return headingNode ? (\n      <div class={CSS.header} key={CSS.header}>\n        {headingNode}\n        {this.renderCloseButton()}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { effectiveReferenceElement, heading, label, open, pointerDisabled, floatingLayout } =\n      this;\n    const displayed = effectiveReferenceElement && open;\n    const hidden = !displayed;\n    const arrowNode = !pointerDisabled ? (\n      <FloatingArrow\n        floatingLayout={floatingLayout}\n        key=\"floating-arrow\"\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.storeArrowEl}\n      />\n    ) : null;\n\n    return (\n      <Host\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-label={label}\n        aria-live=\"polite\"\n        calcite-hydrated-hidden={hidden}\n        id={this.getId()}\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [FloatingCSS.animation]: true,\n            [FloatingCSS.animationActive]: displayed,\n          }}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.setTransitionEl}\n        >\n          {arrowNode}\n          <div\n            class={{\n              [CSS.hasHeader]: !!heading,\n              [CSS.container]: true,\n            }}\n          >\n            {this.renderHeader()}\n            <div class={CSS.content}>\n              <slot />\n            </div>\n            {!heading ? this.renderCloseButton() : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-692ed76a.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.8.4
+ */
+import{r as t,c as e,h as i,H as s,g as o}from"./p-01c0a2c2.js";import{b as a,t as n,e as l,h as r}from"./p-12aea44f.js";import{g as c}from"./p-d7cca4af.js";import{s as d,a as h,c as u}from"./p-cba3cb72.js";import{N as m,c as f,d as p}from"./p-b9ffc620.js";import{o as g}from"./p-2271ffa7.js";import{c as b,s as v,d as k,u as w}from"./p-18e5e7a4.js";import{K as x}from"./p-3401fc3c.js";import"./p-3776dbc9.js";import"./p-a4059c16.js";import"./p-34e21c17.js";import"./p-4cdd8242.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",containerQueued:"container--queued",containerTop:"container--top",containerTopEnd:"container--top-end",containerTopStart:"container--top-start",content:"content",contentContainer:"content-container",dismissProgress:"dismiss-progress",footer:"footer",icon:"icon",containerSlottedInShell:"container--slotted-in-shell",queueCount:"queue-count",queueCountActive:"queue-count--active",textContainer:"text-container"};const q=':host{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}.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;background-color:var(--calcite-color-foreground-1);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(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-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);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), 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-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-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;padding-inline-start:var(--calcite-alert-spacing-token-large)}.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;padding:var(--calcite-alert-spacing-token-large);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{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.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;background-color:var(--calcite-color-foreground-1);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-alert-dismiss-progress-background);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;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}.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]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}: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-alert-min-height:3.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}: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-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}: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-alert-min-height:5.625rem}:host([open]) .container:not(.container--queued){border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.container--queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.container--queued)[class*=top]{transform:translate3d(0, var(--calcite-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);color:var(--calcite-color-text-2);margin-inline-end:0.5rem}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{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{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{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--slotted-in-shell{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}';const j=q;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.calciteInternalAlertSync=e(this,"calciteInternalAlertSync",6);this.calciteInternalAlertRegister=e(this,"calciteInternalAlertRegister",6);this.autoCloseTimeoutId=null;this.totalOpenTime=0;this.totalHoverTime=0;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.closeAlert=()=>{this.autoCloseTimeoutId=null;this.queued=false;this.open=false;this.queue=this.queue.filter((t=>t!==this.el));this.determineActiveAlert();this.calciteInternalAlertSync.emit({queue:this.queue})};this.actionsEndSlotChangeHandler=t=>{this.hasEndActions=a(t)};this.handleMouseOver=()=>{window.clearTimeout(this.autoCloseTimeoutId);this.totalOpenTime=Date.now()-this.initialOpenTime;this.lastMouseOverBegin=Date.now()};this.handleMouseLeave=()=>{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.open=false;this.autoClose=false;this.autoCloseDuration="medium";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.slottedInShell=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.numberStringFormatter=new m;this.hasEndActions=false;this.queue=[];this.queueLength=0;this.queued=false}openHandler(){g(this);if(this.open&&!this.queued){this.calciteInternalAlertRegister.emit()}if(!this.open){this.queue=this.queue.filter((t=>t!==this.el));this.calciteInternalAlertSync.emit({queue:this.queue})}}onMessagesChange(){}updateDuration(){if(this.autoClose&&this.autoCloseTimeoutId){window.clearTimeout(this.autoCloseTimeoutId);this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}connectedCallback(){f(this);b(this);const t=this.open;if(t&&!this.queued){this.calciteInternalAlertRegister.emit()}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(){window.dispatchEvent(new CustomEvent("calciteInternalAlertUnregister",{detail:{alert:this.el}}));window.clearTimeout(this.autoCloseTimeoutId);window.clearTimeout(this.queueTimeout);p(this);k(this);this.slottedInShell=false}render(){const{open:t,autoClose:e,label:o,placement:a,queued:l}=this;const c=e?"alert":"alertdialog";const d=!t;const h=r(x,this.icon,this.kind);const u=this.queueLength>1;return i(s,{key:"ea81bb8c414a682356d9c2a839df57b73fd4de1e","aria-hidden":n(d),"aria-label":o,"calcite-hydrated-hidden":d,role:c},i("div",{key:"1be63a6bf505158a2df208e6815944713cf61283",class:{[C.container]:true,[C.containerQueued]:l,[`${C.container}--${a}`]:true,[C.containerSlottedInShell]:this.slottedInShell},onPointerEnter:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:null,onPointerLeave:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseLeave:null,ref:this.setTransitionEl},h&&this.renderIcon(h),i("div",{key:"7ba8590dc6b9f30a321b777a9eb13d12fe24257c",class:C.textContainer},i("slot",{key:"d58da2c0c6348ccdfded0c374bd8d20fe9f137db",name:z.title}),i("slot",{key:"91638c47e6917271aa7c1171496bb409a6a944dd",name:z.message}),i("slot",{key:"15cc676155a80cc02534e47108478a8f5090a41c",name:z.link})),this.renderActionsEnd(),u?this.renderQueueCount():null,this.renderCloseButton(),t&&!l&&e?i("div",{class:C.dismissProgress}):null))}renderCloseButton(){return i("button",{"aria-label":this.messages.close,class:C.close,key:"close",onClick:this.closeAlert,type:"button",ref:t=>this.closeButton=t},i("calcite-icon",{icon:"x",scale:c(this.scale)}))}renderQueueCount(){const t=this.queueLength>2?this.queueLength-1:1;const e=this.numberStringFormatter.numberFormatter.format(t);return i("div",{class:{[C.queueCount]:true,[C.queueCountActive]:this.queueLength>1},key:"queue-count"},i("calcite-chip",{scale:this.scale,value:e},e))}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)}))}alertSync(t){if(this.queue!==t.detail.queue){this.queue=t.detail.queue}this.queueLength=this.queue.length;this.determineActiveAlert();t.stopPropagation()}alertRegister(){if(this.open&&!this.queue.includes(this.el)){this.queued=true;this.queue.push(this.el)}this.calciteInternalAlertSync.emit({queue:this.queue});this.determineActiveAlert()}alertUnregister(t){const e=this.queue.filter((e=>e!==t.detail.alert));this.queue=e;window.dispatchEvent(new CustomEvent("calciteInternalAlertSync",{detail:{queue:e}}))}async setFocus(){await u(this);const t=l(this.el,{selector:"calcite-link"});if(!this.closeButton&&!t){return}else if(t){return t.setFocus()}else if(this.closeButton){this.closeButton.focus()}}effectiveLocaleChange(){w(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"}}determineActiveAlert(){if(this.queue?.[0]===this.el){this.openAlert();if(this.autoClose&&!this.autoCloseTimeoutId){this.initialOpenTime=Date.now();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}else{return}}onBeforeOpen(){this.calciteAlertBeforeOpen.emit()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit()}openAlert(){window.clearTimeout(this.queueTimeout);this.queueTimeout=window.setTimeout((()=>this.queued=false),300)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],autoCloseDuration:["updateDuration"],effectiveLocale:["effectiveLocaleChange"],numberingSystem:["numberingSystemChange"]}}};S.style=j;export{S as calcite_alert};
+//# sourceMappingURL=p-692ed76a.entry.js.map

package/dist/calcite/p-6a8e070c.js

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

package/dist/calcite/p-6ad7e411.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.8.4
+ */
+import{d as e}from"./p-101f01a3.js";import"./p-01c0a2c2.js";import"./p-f382c352.js";import"./p-12aea44f.js";import"./p-3776dbc9.js";import"./p-a4059c16.js";import"./p-8e8bace6.js";import"./p-2f3702bc.js";import"./p-34e21c17.js";import"./p-5fb90ec7.js";import"./p-d7cca4af.js";import"./p-cba3cb72.js";import"./p-b9ffc620.js";import"./p-4cdd8242.js";import"./p-1ae789c5.js";import"./p-3b8b9962.js";import"./p-18e5e7a4.js";import"./p-2271ffa7.js";import"./p-ed8fde1f.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,a){var i=r[a];if(Array.isArray(i)){i=i[t?0:1]}return i.replace("%d",e)}var a={name:"de",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,yearStart:4,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(a,null,true);export{a as default};
+//# sourceMappingURL=p-6ad7e411.js.map

package/dist/calcite/p-6ae3eac1.js

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