@esri/calcite-components 2.11.0-next.21 → 2.11.0-next.23

package/dist/calcite/p-4dfe191d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","content","tabCss","CalciteTabStyle0","Tab","this","guid","render","id","el","h","Host","key","labeledBy","class","scale","role","tabIndex","selected","connectedCallback","parentTabsEl","closest","disconnectedCallback","document","body","dispatchEvent","CustomEvent","detail","internalTabChangeHandler","event","targetTabsEl","composedPath","find","tagName","tab","getTabIndex","then","index","stopPropagation","Array","prototype","indexOf","call","nodeListToArray","parentElement","children","filter","matches","updateAriaInfo","tabIds","titleIds","ICON","chevronRight","chevronLeft","containerHasEndTabTitleOverflow","containerHasStartTabTitleOverflow","scrollButton","scrollButtonContainer","scrollBackwardContainerButton","scrollForwardContainerButton","tabTitleSlotWrapper","tabNavCss","CalciteTabNavStyle0","TabNav","effectiveDir","lastScrollWheelAxis","resizeObserver","createObserver","updateScrollingState","onTabTitleWheel","preventDefault","deltaX","deltaY","x","Math","abs","y","scrollBy","scrollByX","currentTarget","onSlotChange","intersectionObserver","disconnect","slottedElements","slotChangeGetAssignedElements","forEach","child","observe","calciteInternalTabNavSlotChange","emit","storeTabTitleWrapperRef","tabTitleContainerEl","root","threshold","scrollToTabTitles","direction","readTask","tabTitleContainer","containerBounds","getBoundingClientRect","tabTitles","from","querySelectorAll","reverse","closestToEdge","tabTitle","tabTitleBounds","containerEndX","width","tabTitleEndX","afterContainerEnd","crossingContainerEnd","beforeContainerStart","crossingContainerStart","scrollerButtonWidth","offsetAdjustment","offsetWidth","clientWidth","scrollTo","offsetLeft","left","behavior","scrollToNextTabTitles","scrollToPreviousTabTitles","handleTabFocus","destination","focused","focusElementInGroup","enabledTabTitles","scrollTabTitleIntoView","onTabTitleScroll","renderScrollButton","overflowDirection","bordered","messages","hasOverflowingStartTabTitle","hasOverflowingEndTabTitle","isEnd","hidden","appearance","nextTabTitles","previousTabTitles","iconFlipRtl","iconStart","kind","onClick","selectedTitleChanged","calciteInternalTabChange","selectedTabId","onMessagesChange","connectLocalized","connectMessages","componentWillLoad","storageKey","storageId","localStorage","getItem","storedTab","JSON","parse","setUpMessages","componentDidLoad","selectedTitle","componentWillRender","layout","getElementDir","componentDidRender","length","every","title","getTabIdentifier","disconnectLocalized","disconnectMessages","position","CSS_UTILITY","rtl","onScroll","onWheel","ref","onSlotchange","focusPreviousTabHandler","target","focusNextTabHandler","focusFirstTabHandler","focusLastTabHandler","internalActivateTabHandler","activatedTabTitle","getIndexOfTabTitle","isLTR","scrollPosition","scrollLeft","overflowingStartTabTitle","overflowingEndTabTitle","right","activateTabHandler","calciteTabChange","internalCloseTabHandler","closedTabTitleEl","handleTabTitleClose","updateTabTitles","getTabTitleById","globalInternalTabChangeHandler","syncId","effectiveLocaleChange","updateMessages","effectiveLocale","selectedTabIdChanged","undefined","setItem","stringify","parseInt","calciteSize24","calciteSize32","calciteSize44","isOverflowStart","isOverflowEnd","visibleWidth","totalContentWidth","scrollWidth","Promise","all","map","ids","filterDirectChildren","closed","selectionModified","visibleTabTitlesIndices","reduce","tabTitleIndices","totalVisibleTabTitles","closable","activateTab","closedTabTitleIndex","findIndex","nextTabTitleIndex","value","requestAnimationFrame","focus","closeButton","containerBottom","contentHasText","iconEnd","iconPresent","titleIcon","selectedIndicator","ICONS","close","tabTitleCss","CalciteTabTitleStyle0","TabTitle","closeClickHandler","closeTabTitleAndNotify","mutationObserver","updateHasText","calciteInternalTabIconChanged","selectedHandler","connectInteractive","setupTextContentObserver","parentTabNavEl","disconnectInteractive","iconStartEl","flipRtl","icon","getIconScale","iconEndEl","controls","toAriaBoolean","disabled","InteractiveContainer","hasText","renderCloseButton","closeButtonEl","type","calciteInternalTabTitleRegister","updateHostInteraction","keyDownHandler","includes","calciteInternalTabsFocusNext","calciteInternalTabsFocusPrevious","calciteInternalTabsFocusFirst","calciteInternalTabsFocusLast","userTriggered","payload","calciteInternalTabsActivate","calciteTabsActivate","textContent","trim","childList","subtree","calciteInternalTabsClose","calciteTabsClose","SLOTS","titleGroup","tabsCss","CalciteTabsStyle0","Tabs","defaultSlotChangeHandler","tabs","setDefaultSlotRef","slotEl","handleInheritableProps","updateItems","calciteInternalTabNavSlotChangeHandler","titles","titlesWatcher","updateAriaSettings","tabsWatcher","getSlotAssignedElements","some","sort","a","b","localeCompare","tabDomIndexes","titleDomIndexes","indexInDOM","registryIndex","nav","querySelector","Fragment","name"],"sources":["src/components/tab/resources.ts","src/components/tab/tab.scss?tag=calcite-tab&encapsulation=shadow","src/components/tab/tab.tsx","src/components/tab-nav/resources.ts","src/components/tab-nav/tab-nav.scss?tag=calcite-tab-nav&encapsulation=shadow","src/components/tab-nav/tab-nav.tsx","src/components/tab-title/resources.ts","src/components/tab-title/tab-title.scss?tag=calcite-tab-title&encapsulation=shadow","src/components/tab-title/tab-title.tsx","src/components/tabs/resources.ts","src/components/tabs/tabs.scss?tag=calcite-tabs&encapsulation=shadow","src/components/tabs/tabs.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  content: \"content\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-tab-content-block-padding: Specifies the block padding of the component's content in the `default` slot.\n */\n\n:host([selected]) {\n  section,\n  .container {\n    @apply block;\n  }\n}\n\n:host {\n  @apply hidden h-full w-full;\n}\n\n:host([selected]) {\n  @apply block h-full w-full overflow-auto;\n}\n\n.content {\n  @apply box-border;\n  padding-block: var(--calcite-internal-tab-content-block-padding);\n}\n\n.scale-s {\n  --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme(\"spacing.1\"));\n  @apply text-n2h;\n}\n\n.scale-m {\n  --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme(\"spacing.2\"));\n  @apply text-n1h;\n}\n\n.scale-l {\n  --calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, theme(\"spacing.[2.5]\"));\n  @apply text-0h;\n}\n\nsection,\n.container {\n  @apply hidden h-full w-full;\n}\n\n.container {\n  @apply focus-base;\n\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n@include base-component();\n","import { Component, Element, h, Host, Listen, Method, Prop, State, VNode } from \"@stencil/core\";\nimport { nodeListToArray } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\nimport { TabChangeEventDetail } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-tab\",\n  styleUrl: \"tab.scss\",\n  shadow: true,\n})\nexport class Tab {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies a unique name for the component.\n   *\n   * When specified, use the same value on the `calcite-tab-title`.\n   */\n  @Prop({ reflect: true }) tab: string;\n\n  /**\n   * When `true`, the component's contents are selected.\n   *\n   * Only one tab can be selected within the `calcite-tabs` parent.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, 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 id = this.el.id || this.guid;\n\n    return (\n      <Host aria-labelledby={this.labeledBy} id={id}>\n        <div\n          class={{ [CSS.container]: true, [`scale-${this.scale}`]: true }}\n          role=\"tabpanel\"\n          tabIndex={this.selected ? 0 : -1}\n        >\n          <section class={CSS.content}>\n            <slot />\n          </section>\n        </div>\n      </Host>\n    );\n  }\n\n  connectedCallback(): void {\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n  }\n\n  disconnectedCallback(): void {\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    document.body?.dispatchEvent(\n      new CustomEvent(\"calciteTabUnregister\", {\n        detail: this.el,\n      }),\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el: HTMLElement) => el.tagName === \"CALCITE-TABS\");\n\n    // to allow `<calcite-tabs>` to be nested we need to make sure this\n    // `calciteTabChange` event was actually fired from a within the same\n    // `<calcite-tabs>` that is the a parent of this tab.\n    if (targetTabsEl !== this.parentTabsEl) {\n      return;\n    }\n\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    } else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Returns the index of the component item within the tab array.\n   */\n  @Method()\n  async getTabIndex(): Promise<number> {\n    return Array.prototype.indexOf.call(\n      nodeListToArray(this.el.parentElement.children).filter((el) => el.matches(\"calcite-tab\")),\n      this.el,\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabElement;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  guid = `calcite-tab-title-${guid()}`;\n\n  @State() labeledBy: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  @Method()\n  async updateAriaInfo(tabIds: string[] = [], titleIds: string[] = []): Promise<void> {\n    this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;\n  }\n}\n","export const ICON = {\n  chevronRight: \"chevron-right\",\n  chevronLeft: \"chevron-left\",\n} as const;\n\nexport const CSS = {\n  container: \"tab-nav\",\n  containerHasEndTabTitleOverflow: \"tab-nav--end-overflow\",\n  containerHasStartTabTitleOverflow: \"tab-nav--start-overflow\",\n  scrollButton: \"scroll-button\",\n  scrollButtonContainer: \"scroll-button-container\",\n  scrollBackwardContainerButton: \"scroll-button-container--backward\",\n  scrollForwardContainerButton: \"scroll-button-container--forward\",\n  tabTitleSlotWrapper: \"tab-titles-slot-wrapper\",\n};\n",":host {\n  --calcite-internal-tab-nav-gradient-start-side: left;\n  --calcite-internal-tab-nav-gradient-end-side: right;\n\n  @apply relative flex;\n}\n\n.scale-s {\n  --calcite-internal-tab-nav-scroller-button-width: #{$calcite-size-24};\n  min-block-size: theme(\"spacing.6\");\n}\n\n.scale-m {\n  --calcite-internal-tab-nav-scroller-button-width: #{$calcite-size-32};\n  min-block-size: theme(\"spacing.8\");\n}\n\n.scale-l {\n  --calcite-internal-tab-nav-scroller-button-width: #{$calcite-size-44};\n  min-block-size: theme(\"spacing.11\");\n}\n\n.calcite--rtl {\n  --calcite-internal-tab-nav-gradient-start-side: right;\n  --calcite-internal-tab-nav-gradient-end-side: left;\n}\n\n$last-mask-color-stop-position: 51%; // we go beyond the half point to ensure the mask color stops overlap when both start and end are overflowing\n\n.tab-nav--start-overflow {\n  .tab-titles-slot-wrapper {\n    mask-image: linear-gradient(\n      to var(--calcite-internal-tab-nav-gradient-end-side),\n      transparent,\n      transparent var(--calcite-internal-tab-nav-scroller-button-width),\n      white var(--calcite-internal-tab-nav-scroller-button-width),\n      white $last-mask-color-stop-position\n    );\n  }\n}\n\n.tab-nav--end-overflow {\n  .tab-titles-slot-wrapper {\n    mask-image: linear-gradient(\n      to var(--calcite-internal-tab-nav-gradient-start-side),\n      transparent,\n      transparent var(--calcite-internal-tab-nav-scroller-button-width),\n      white var(--calcite-internal-tab-nav-scroller-button-width),\n      white $last-mask-color-stop-position\n    );\n  }\n}\n\n.tab-nav--start-overflow.tab-nav--end-overflow {\n  .tab-titles-slot-wrapper {\n    mask-image: linear-gradient(\n        to var(--calcite-internal-tab-nav-gradient-end-side),\n        transparent,\n        transparent var(--calcite-internal-tab-nav-scroller-button-width),\n        white var(--calcite-internal-tab-nav-scroller-button-width),\n        white $last-mask-color-stop-position,\n        transparent $last-mask-color-stop-position\n      ),\n      linear-gradient(\n        to var(--calcite-internal-tab-nav-gradient-start-side),\n        transparent,\n        transparent var(--calcite-internal-tab-nav-scroller-button-width),\n        white var(--calcite-internal-tab-nav-scroller-button-width),\n        white $last-mask-color-stop-position,\n        transparent $last-mask-color-stop-position\n      );\n  }\n}\n\n.tab-nav::-webkit-scrollbar {\n  display: none;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n:host([layout=\"center\"]) {\n  ::slotted(calcite-tab-title) {\n    display: flex;\n    flex-grow: 1;\n    flex-shrink: 0;\n    min-inline-size: auto;\n    white-space: nowrap;\n  }\n\n  ::slotted(calcite-tab-title[selected]) {\n    overflow: unset;\n  }\n}\n\n:host(:not([bordered])) {\n  .scale-l {\n    --calcite-internal-tab-nav-gap: var(--calcite-size-xxl);\n  }\n  .scale-m {\n    --calcite-internal-tab-nav-gap: var(--calcite-size-xl);\n  }\n  .scale-s {\n    --calcite-internal-tab-nav-gap: var(--calcite-size-lg);\n  }\n\n  .tab-titles-slot-wrapper {\n    gap: var(--calcite-internal-tab-nav-gap);\n  }\n}\n\n:host([layout=\"center\"]:not([bordered])) {\n  .tab-titles-slot-wrapper {\n    padding-inline: var(--calcite-spacing-xxl);\n  }\n}\n\n.tab-nav,\n.tab-titles-slot-wrapper {\n  @apply flex\n    w-full\n    justify-start\n    whitespace-nowrap\n    overflow-hidden;\n}\n\n.scroll-button-container {\n  @apply absolute bottom-0 top-0;\n\n  calcite-button {\n    --calcite-offset-invert-focus: 1;\n    --calcite-color-text-1: var(--calcite-color-text-3);\n\n    block-size: 100%;\n\n    &:hover {\n      --calcite-color-text-1: unset;\n      --calcite-color-foreground-1: var(--calcite-color-transparent-hover);\n      --calcite-color-foreground-3: var(--calcite-color-transparent);\n    }\n  }\n}\n\n.scroll-button-container--forward {\n  inset-inline-end: 0;\n  z-index: var(--calcite-z-index);\n}\n\n.scroll-button-container--backward {\n  inset-inline-start: 0;\n  z-index: var(--calcite-z-index);\n}\n\n:host(:not([bordered])) {\n  .scroll-button-container--backward,\n  .scroll-button-container--forward {\n    &::before {\n      background-color: var(--calcite-color-border-3);\n      content: \"\";\n      inline-size: var(--calcite-border-width-sm);\n      inset-block-start: var(--calcite-border-width-md);\n      inset-block-end: var(--calcite-border-width-md);\n      position: absolute;\n    }\n  }\n\n  .scroll-button-container--backward::before {\n    inset-inline-end: 0;\n  }\n\n  .scroll-button-container--forward::before {\n    inset-inline-start: 0;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  readTask,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  calciteSize24,\n  calciteSize32,\n  calciteSize44,\n} from \"@esri/calcite-design-tokens/dist/es6/core\";\nimport {\n  Direction,\n  filterDirectChildren,\n  focusElementInGroup,\n  FocusElementInGroupDestination,\n  getElementDir,\n  slotChangeGetAssignedElements,\n} from \"../../utils/dom\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale } from \"../interfaces\";\nimport { TabChangeEventDetail, TabCloseEventDetail } from \"../tab/interfaces\";\nimport { TabID, TabLayout, TabPosition } from \"../tabs/interfaces\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { CSS, ICON } from \"./resources\";\nimport { TabNavMessages } from \"./assets/tab-nav/t9n\";\n\n/**\n * @slot - A slot for adding `calcite-tab-title`s.\n */\n@Component({\n  tag: \"calcite-tab-nav\",\n  styleUrl: \"tab-nav.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TabNav implements LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the name when saving selected `calcite-tab` data to `localStorage`.\n   */\n  @Prop({ reflect: true }) storageId: string;\n\n  /**\n   * Specifies text to update multiple components to keep in sync if one changes.\n   */\n  @Prop({ reflect: true }) syncId: string;\n\n  /**\n   * Specifies the component's selected `calcite-tab-title`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedTitle: HTMLCalciteTabTitleElement = null;\n\n  @Watch(\"selectedTitle\")\n  selectedTitleChanged(): void {\n    this.calciteInternalTabChange.emit({\n      tab: this.selectedTabId,\n    });\n  }\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) layout: TabLayout = \"inline\";\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n   *\n   *  @internal\n   */\n  @Prop() position: TabPosition = \"bottom\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) bordered = false;\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: TabNavMessages;\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<TabNavMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n    this.resizeObserver?.observe(this.el);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    const storageKey = `calcite-tab-nav-${this.storageId}`;\n    if (localStorage && this.storageId && localStorage.getItem(storageKey)) {\n      const storedTab = JSON.parse(localStorage.getItem(storageKey));\n      this.selectedTabId = storedTab;\n    }\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    this.scrollTabTitleIntoView(this.selectedTitle, \"instant\");\n  }\n\n  componentWillRender(): void {\n    const { parentTabsEl } = this;\n\n    this.layout = parentTabsEl?.layout;\n    this.bordered = parentTabsEl?.bordered;\n    this.effectiveDir = getElementDir(this.el);\n  }\n\n  componentDidRender(): void {\n    // if every tab title is active select the first tab.\n    if (\n      this.tabTitles.length &&\n      this.tabTitles.every((title) => !title.selected) &&\n      !this.selectedTabId\n    ) {\n      this.tabTitles[0].getTabIdentifier().then((tab) => {\n        this.calciteInternalTabChange.emit({\n          tab,\n        });\n      });\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host role=\"tablist\">\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerHasStartTabTitleOverflow]: !!this.hasOverflowingStartTabTitle,\n            [CSS.containerHasEndTabTitleOverflow]: !!this.hasOverflowingEndTabTitle,\n            [`scale-${this.scale}`]: true,\n            [`position-${this.position}`]: true,\n            [CSS_UTILITY.rtl]: this.effectiveDir === \"rtl\",\n          }}\n        >\n          {this.renderScrollButton(\"start\")}\n          <div\n            class={{\n              [CSS.tabTitleSlotWrapper]: true,\n            }}\n            onScroll={this.onTabTitleScroll}\n            onWheel={this.onTabTitleWheel}\n            ref={this.storeTabTitleWrapperRef}\n          >\n            <slot onSlotchange={this.onSlotChange} />\n          </div>\n          {this.renderScrollButton(\"end\")}\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabsFocusPrevious\")\n  focusPreviousTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"previous\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusNext\")\n  focusNextTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"next\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusFirst\")\n  focusFirstTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"first\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusLast\")\n  focusLastTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"last\");\n  }\n\n  @Listen(\"calciteInternalTabsActivate\")\n  internalActivateTabHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const activatedTabTitle = event.target as HTMLCalciteTabTitleElement;\n\n    this.selectedTabId = event.detail.tab\n      ? event.detail.tab\n      : this.getIndexOfTabTitle(activatedTabTitle);\n    event.stopPropagation();\n\n    this.selectedTitle = activatedTabTitle;\n    this.scrollTabTitleIntoView(activatedTabTitle);\n  }\n\n  private scrollTabTitleIntoView(\n    activatedTabTitle: HTMLCalciteTabTitleElement,\n    behavior: ScrollBehavior = \"smooth\",\n  ): void {\n    if (!activatedTabTitle) {\n      return;\n    }\n\n    readTask(() => {\n      const isLTR = this.effectiveDir === \"ltr\";\n      const tabTitleContainer = this.tabTitleContainerEl;\n      const containerBounds = tabTitleContainer.getBoundingClientRect();\n      const tabTitleBounds = activatedTabTitle.getBoundingClientRect();\n      const scrollPosition = tabTitleContainer.scrollLeft;\n      const overflowingStartTabTitle = isLTR\n        ? this.hasOverflowingStartTabTitle\n        : this.hasOverflowingEndTabTitle;\n      const overflowingEndTabTitle = isLTR\n        ? this.hasOverflowingEndTabTitle\n        : this.hasOverflowingStartTabTitle;\n\n      if (\n        tabTitleBounds.left <\n        containerBounds.left + (overflowingStartTabTitle ? this.scrollerButtonWidth : 0)\n      ) {\n        const left =\n          scrollPosition + (tabTitleBounds.left - containerBounds.left) - this.scrollerButtonWidth;\n        tabTitleContainer.scrollTo({ left, behavior });\n      } else if (\n        tabTitleBounds.right >\n        containerBounds.right - (overflowingEndTabTitle ? this.scrollerButtonWidth : 0)\n      ) {\n        const left =\n          scrollPosition +\n          (tabTitleBounds.right - containerBounds.right) +\n          this.scrollerButtonWidth;\n        tabTitleContainer.scrollTo({ left, behavior });\n      }\n    });\n  }\n\n  @Listen(\"calciteTabsActivate\")\n  activateTabHandler(event: CustomEvent<void>): void {\n    this.calciteTabChange.emit();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalTabsClose\")\n  internalCloseTabHandler(event: CustomEvent<TabCloseEventDetail>): void {\n    const closedTabTitleEl = event.target as HTMLCalciteTabTitleElement;\n    this.handleTabTitleClose(closedTabTitleEl);\n    event.stopPropagation();\n  }\n\n  /**\n   * Check for active tabs on register and update selected\n   *\n   * @param event\n   */\n  @Listen(\"calciteInternalTabTitleRegister\")\n  async updateTabTitles(event: CustomEvent<TabID>): Promise<void> {\n    if ((event.target as HTMLCalciteTabTitleElement).selected) {\n      this.selectedTabId = event.detail;\n      this.selectedTitle = await this.getTabTitleById(this.selectedTabId);\n    }\n  }\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  globalInternalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    if (\n      this.syncId &&\n      event.target !== this.el &&\n      (event.target as HTMLCalciteTabNavElement).syncId === this.syncId &&\n      this.selectedTabId !== event.detail.tab\n    ) {\n      this.selectedTabId = event.detail.tab;\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the selected `calcite-tab` changes.\n   */\n  @Event({ cancelable: false }) calciteTabChange: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event() calciteInternalTabNavSlotChange: EventEmitter<Element[]>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabChange: EventEmitter<TabChangeEventDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabNavElement;\n\n  @State() defaultMessages: TabNavMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() private hasOverflowingStartTabTitle = false;\n\n  @State() private hasOverflowingEndTabTitle = false;\n\n  @State() private selectedTabId: TabID;\n\n  @Watch(\"selectedTabId\")\n  async selectedTabIdChanged(): Promise<void> {\n    if (\n      localStorage &&\n      this.storageId &&\n      this.selectedTabId !== undefined &&\n      this.selectedTabId !== null\n    ) {\n      localStorage.setItem(`calcite-tab-nav-${this.storageId}`, JSON.stringify(this.selectedTabId));\n    }\n\n    this.calciteInternalTabChange.emit({\n      tab: this.selectedTabId,\n    });\n  }\n\n  private effectiveDir: Direction = \"ltr\";\n\n  private lastScrollWheelAxis: \"x\" | \"y\" = \"x\";\n\n  private parentTabsEl: HTMLCalciteTabsElement;\n\n  private tabTitleContainerEl: HTMLDivElement;\n\n  private intersectionObserver: IntersectionObserver;\n\n  private resizeObserver = createObserver(\"resize\", () => {\n    this.updateScrollingState();\n  });\n\n  private get scrollerButtonWidth(): number {\n    const { scale } = this;\n    return parseInt(scale === \"s\" ? calciteSize24 : scale === \"m\" ? calciteSize32 : calciteSize44);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private onTabTitleWheel = (event: WheelEvent): void => {\n    event.preventDefault();\n\n    const { deltaX, deltaY } = event;\n    const x = Math.abs(deltaX);\n    const y = Math.abs(deltaY);\n\n    let scrollBy: number;\n\n    if (x === y) {\n      scrollBy = this.lastScrollWheelAxis === \"x\" ? deltaX : deltaY;\n    } else if (x > y) {\n      scrollBy = deltaX;\n      this.lastScrollWheelAxis = \"x\";\n    } else {\n      scrollBy = deltaY;\n      this.lastScrollWheelAxis = \"y\";\n    }\n\n    const scrollByX = (this.effectiveDir === \"rtl\" ? -1 : 1) * scrollBy;\n    (event.currentTarget as HTMLDivElement).scrollBy(scrollByX, 0);\n  };\n\n  private onSlotChange = (event: Event): void => {\n    this.intersectionObserver?.disconnect();\n\n    const slottedElements = slotChangeGetAssignedElements(event, \"calcite-tab-title\");\n    slottedElements.forEach((child) => {\n      this.intersectionObserver?.observe(child);\n    });\n    this.calciteInternalTabNavSlotChange.emit(slottedElements);\n  };\n\n  private storeTabTitleWrapperRef = (el: HTMLDivElement) => {\n    this.tabTitleContainerEl = el;\n    this.intersectionObserver = createObserver(\"intersection\", () => this.updateScrollingState(), {\n      root: el,\n      threshold: [0, 0.5, 1],\n    });\n  };\n\n  private updateScrollingState(): void {\n    const tabTitleContainer = this.tabTitleContainerEl;\n\n    if (!tabTitleContainer) {\n      return;\n    }\n\n    let isOverflowStart: boolean;\n    let isOverflowEnd: boolean;\n\n    const scrollPosition = tabTitleContainer.scrollLeft;\n    const visibleWidth = tabTitleContainer.clientWidth;\n    const totalContentWidth = tabTitleContainer.scrollWidth;\n\n    if (this.effectiveDir === \"ltr\") {\n      isOverflowStart = scrollPosition > 0;\n      isOverflowEnd = scrollPosition + visibleWidth < totalContentWidth;\n    } else {\n      isOverflowStart = scrollPosition < 0;\n      isOverflowEnd = scrollPosition !== -(totalContentWidth - visibleWidth);\n    }\n\n    this.hasOverflowingStartTabTitle = isOverflowStart;\n    this.hasOverflowingEndTabTitle = isOverflowEnd;\n  }\n\n  private scrollToTabTitles = (direction: \"forward\" | \"backward\"): void => {\n    readTask(() => {\n      const tabTitleContainer = this.tabTitleContainerEl;\n      const containerBounds = tabTitleContainer.getBoundingClientRect();\n      const tabTitles = Array.from(this.el.querySelectorAll(\"calcite-tab-title\"));\n      const { effectiveDir } = this;\n\n      if (direction === \"forward\") {\n        tabTitles.reverse();\n      }\n\n      let closestToEdge: HTMLCalciteTabTitleElement = null;\n\n      tabTitles.forEach((tabTitle) => {\n        const tabTitleBounds = tabTitle.getBoundingClientRect();\n        const containerEndX = containerBounds.x + containerBounds.width;\n        const tabTitleEndX = tabTitleBounds.x + tabTitleBounds.width;\n\n        if (\n          (direction === \"forward\" && effectiveDir === \"ltr\") ||\n          (direction === \"backward\" && effectiveDir === \"rtl\")\n        ) {\n          const afterContainerEnd = tabTitleBounds.x > containerEndX;\n\n          if (afterContainerEnd) {\n            closestToEdge = tabTitle;\n          } else {\n            const crossingContainerEnd =\n              tabTitleEndX > containerEndX && tabTitleBounds.x > containerBounds.x;\n\n            if (crossingContainerEnd) {\n              closestToEdge = tabTitle;\n            }\n          }\n        } else {\n          const beforeContainerStart = tabTitleEndX < containerBounds.x;\n\n          if (beforeContainerStart) {\n            closestToEdge = tabTitle;\n          } else {\n            const crossingContainerStart =\n              tabTitleEndX < containerEndX && tabTitleBounds.x < containerBounds.x;\n\n            if (crossingContainerStart) {\n              closestToEdge = tabTitle;\n            }\n          }\n        }\n      });\n\n      if (closestToEdge) {\n        const { scrollerButtonWidth } = this;\n        const offsetAdjustment =\n          (direction === \"forward\" && effectiveDir === \"ltr\") ||\n          (direction === \"backward\" && effectiveDir === \"rtl\")\n            ? -scrollerButtonWidth\n            : closestToEdge.offsetWidth - tabTitleContainer.clientWidth + scrollerButtonWidth;\n        const scrollTo = closestToEdge.offsetLeft + offsetAdjustment;\n\n        tabTitleContainer.scrollTo({\n          left: scrollTo,\n          behavior: \"smooth\",\n        });\n      }\n    });\n  };\n\n  private scrollToNextTabTitles = (): void => this.scrollToTabTitles(\"forward\");\n\n  private scrollToPreviousTabTitles = (): void => this.scrollToTabTitles(\"backward\");\n\n  handleTabFocus = (\n    event: CustomEvent,\n    el: HTMLCalciteTabTitleElement,\n    destination: FocusElementInGroupDestination,\n  ): void => {\n    const focused = focusElementInGroup<HTMLCalciteTabTitleElement>(\n      this.enabledTabTitles,\n      el,\n      destination,\n    );\n    this.scrollTabTitleIntoView(focused, \"instant\");\n\n    event.stopPropagation();\n  };\n\n  getIndexOfTabTitle(el: HTMLCalciteTabTitleElement, tabTitles = this.tabTitles): number {\n    // In most cases, since these indexes correlate with tab contents, we want to consider all tab titles.\n    // However, when doing relative index operations, it makes sense to pass in this.enabledTabTitles as the 2nd arg.\n    return tabTitles.indexOf(el);\n  }\n\n  private onTabTitleScroll = (): void => {\n    this.updateScrollingState();\n  };\n\n  async getTabTitleById(id: TabID): Promise<HTMLCalciteTabTitleElement | null> {\n    return Promise.all(this.tabTitles.map((el) => el.getTabIdentifier())).then((ids) => {\n      return this.tabTitles[ids.indexOf(id)];\n    });\n  }\n\n  get tabTitles(): HTMLCalciteTabTitleElement[] {\n    return filterDirectChildren<HTMLCalciteTabTitleElement>(this.el, \"calcite-tab-title\");\n  }\n\n  get enabledTabTitles(): HTMLCalciteTabTitleElement[] {\n    return filterDirectChildren<HTMLCalciteTabTitleElement>(\n      this.el,\n      \"calcite-tab-title:not([disabled])\",\n    ).filter((tabTitle) => !tabTitle.closed);\n  }\n\n  private handleTabTitleClose(closedTabTitleEl: HTMLCalciteTabTitleElement): void {\n    const { tabTitles } = this;\n    const selectionModified = closedTabTitleEl.selected;\n\n    const visibleTabTitlesIndices = tabTitles.reduce(\n      (tabTitleIndices: number[], tabTitle, index) =>\n        !tabTitle.closed ? [...tabTitleIndices, index] : tabTitleIndices,\n      [],\n    );\n    const totalVisibleTabTitles = visibleTabTitlesIndices.length;\n\n    if (totalVisibleTabTitles === 1 && tabTitles[visibleTabTitlesIndices[0]].closable) {\n      tabTitles[visibleTabTitlesIndices[0]].closable = false;\n      this.selectedTabId = visibleTabTitlesIndices[0];\n\n      if (selectionModified) {\n        tabTitles[visibleTabTitlesIndices[0]].activateTab();\n      }\n    } else if (totalVisibleTabTitles > 1) {\n      const closedTabTitleIndex = tabTitles.findIndex((el) => el === closedTabTitleEl);\n\n      const nextTabTitleIndex = visibleTabTitlesIndices.find(\n        (value) => value > closedTabTitleIndex,\n      );\n\n      if (this.selectedTabId === closedTabTitleIndex) {\n        this.selectedTabId = nextTabTitleIndex ? nextTabTitleIndex : totalVisibleTabTitles - 1;\n        tabTitles[this.selectedTabId].activateTab();\n      }\n    }\n\n    requestAnimationFrame(() => {\n      tabTitles[this.selectedTabId].focus();\n    });\n  }\n\n  private renderScrollButton = (overflowDirection: \"start\" | \"end\"): VNode => {\n    const { bordered, messages, hasOverflowingStartTabTitle, hasOverflowingEndTabTitle, scale } =\n      this;\n    const isEnd = overflowDirection === \"end\";\n\n    return (\n      <div\n        class={{\n          [CSS.scrollButtonContainer]: true,\n          [CSS.scrollBackwardContainerButton]: !isEnd,\n          [CSS.scrollForwardContainerButton]: isEnd,\n        }}\n        hidden={(isEnd && !hasOverflowingEndTabTitle) || (!isEnd && !hasOverflowingStartTabTitle)}\n        key={overflowDirection}\n      >\n        <calcite-button\n          appearance={bordered ? \"outline-fill\" : \"transparent\"}\n          aria-label={isEnd ? messages.nextTabTitles : messages.previousTabTitles}\n          class={{\n            [CSS.scrollButton]: true,\n          }}\n          iconFlipRtl=\"both\"\n          iconStart={isEnd ? ICON.chevronRight : ICON.chevronLeft}\n          kind=\"neutral\"\n          onClick={isEnd ? this.scrollToNextTabTitles : this.scrollToPreviousTabTitles}\n          scale={scale}\n          tabIndex={-1}\n        />\n      </div>\n    );\n  };\n}\n","import { Scale } from \"../interfaces\";\n\nexport const CSS = {\n  closeButton: \"close-button\",\n  container: \"container\",\n  containerBottom: \"container--bottom\",\n  content: \"content\",\n  contentHasText: \"content--has-text\",\n  iconEnd: \"icon-end\",\n  iconPresent: \"icon-present\",\n  iconStart: \"icon-start\",\n  titleIcon: \"calcite-tab-title--icon\",\n  scale: (scale: Scale) => `scale-${scale}` as const,\n  selectedIndicator: \"selected-indicator\",\n};\n\nexport const ICONS = {\n  close: \"x\",\n} as const;\n",":host {\n  @apply block outline-none;\n  margin-inline-start: theme(\"margin.0\");\n}\n\n:host([layout=\"inline\"]) {\n  @apply flex-initial;\n}\n\n:host([layout=\"center\"]) {\n  @apply flex-auto;\n}\n\n.content {\n  @apply flex items-center justify-center h-full mb-0.5 relative box-border;\n}\n\n.scale-s {\n  .content {\n    @apply text-n2h py-1;\n  }\n  .close-button {\n    @apply w-5;\n  }\n}\n\n.scale-m {\n  .content {\n    @apply text-n1h py-2;\n  }\n  .close-button {\n    @apply w-7;\n  }\n}\n\n.scale-l {\n  .content {\n    @apply text-0h py-2.5;\n  }\n  .close-button {\n    @apply w-8;\n  }\n}\n\n:host([closable]) .content {\n  @apply border-b-color-transparent;\n}\n\n:host([layout=\"inline\"]),\n:host([layout=\"center\"]) {\n  .content {\n    @apply px-1;\n  }\n}\n\n:host([layout=\"center\"]) .scale-s,\n:host([layout=\"center\"]) .scale-m,\n:host([layout=\"center\"]) .scale-l {\n  @apply justify-center my-0 text-center;\n\n  .content {\n    @apply flex-auto flex-grow;\n  }\n}\n\n.container {\n  @apply relative \n  box-border\n  content-center\n  cursor-pointer\n  flex\n  focus-base\n  h-full\n  justify-between\n  px-0\n  text-color-3\n  text-n1h\n  transition-default\n  w-full;\n}\n\n.selected-indicator {\n  @apply absolute\n    block\n    w-full\n    h-0.5\n    transition-default;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  inline-size: 100%;\n}\n\n.container--bottom .selected-indicator {\n  inset-block-end: unset;\n  inset-block-start: 0;\n}\n\n:host([bordered]) .selected-indicator {\n  inset-block-start: 0;\n  inset-block-end: unset;\n  inset-inline-start: -1px;\n  inset-inline-end: 0;\n  inline-size: calc(100% + var(--calcite-spacing-base));\n}\n\n:host([bordered][selected]) .container::after {\n  @apply absolute\n    block\n    w-full\n    h-0.5\n    transition-default;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  inline-size: 100%;\n  background: var(--calcite-color-foreground-1);\n  content: \"\";\n}\n\n:host([bordered][selected]) .container.container--bottom::after {\n  inset-block-start: -1px;\n}\n\n:host([bordered][selected]:hover) .container::after {\n  background: var(--calcite-color-foreground-2);\n}\n\n:host([bordered][selected]:focus) .container::after {\n  background: transparent;\n}\n\n:host([bordered]) .container--bottom .selected-indicator {\n  inset-block-start: unset;\n  inset-block-end: 0;\n}\n\n:host([selected]) .selected-indicator,\n:host([selected]:hover) .selected-indicator {\n  @apply bg-brand;\n}\n\n:host(:hover) .selected-indicator {\n  background-color: var(--calcite-color-border-3);\n}\n\n:host(:focus) .selected-indicator,\n:host(:active) .selected-indicator {\n  background-color: var(--calcite-color-brand);\n}\n\n@media (forced-colors: active) {\n  .selected-indicator {\n    background-color: highlight;\n  }\n}\n\n:host([closed]) {\n  @apply hidden;\n}\n\n:host([selected]) .container {\n  @apply text-color-1 border-color-transparent;\n}\n\n:host(:focus) .container {\n  @apply focus-inset;\n\n  &:focus-within {\n    @apply focus-base;\n  }\n}\n\n:host(:active),\n:host(:focus),\n:host(:hover) {\n  a {\n    @apply text-color-1 border-color-2 no-underline;\n  }\n}\n\n@include disabled() {\n  .container {\n    @apply pointer-events-none opacity-50;\n  }\n}\n\n.calcite-tab-title--icon {\n  @apply relative\n    m-0\n    inline-flex\n    self-center;\n  & svg {\n    @apply transition-default;\n  }\n}\n\n.content--has-text {\n  @apply p-1;\n}\n\n.content--has-text .calcite-tab-title--icon.icon-start {\n  margin-inline-end: var(--calcite-spacing-sm);\n}\n\n.content--has-text .calcite-tab-title--icon.icon-end {\n  margin-inline-start: var(--calcite-spacing-sm);\n}\n\n.close-button {\n  @apply appearance-none\n  bg-foreground-1\n  border-none\n  content-center\n  cursor-pointer\n  flex\n  focus-base\n  items-center\n  justify-center\n  h-full\n  self-center\n  text-color-3\n  transition-default;\n  background-color: var(--calcite-button-transparent-1);\n  // compensate for the added border on parent and ensure focus alignment\n  margin-inline-end: var(--calcite-spacing-px);\n  box-shadow:\n    var(--calcite-spacing-px) 0 0 0 transparent,\n    0 var(--calcite-spacing-xxs) 0 0 transparent;\n  block-size: calc(100% - var(--calcite-spacing-xxs));\n\n  &:hover {\n    box-shadow: var(--calcite-spacing-px) 0 0 0 var(--calcite-color-foreground-3);\n  }\n  &:focus {\n    @apply focus-normal;\n  }\n\n  &:focus,\n  &:hover {\n    @apply text-color-1;\n    background-color: var(--calcite-color-foreground-3);\n  }\n\n  &:active {\n    @apply text-color-1;\n    background-color: var(--calcite-color-foreground-3);\n  }\n\n  & calcite-icon {\n    color: inherit;\n  }\n}\n\n// compensate for spacing when no hastext and two icons\n:host([icon-start][icon-end]) {\n  .calcite-tab-title--icon:first-child {\n    margin-inline-end: var(--calcite-spacing-sm);\n  }\n}\n\n// bordered styles\n:host([bordered]) {\n  margin-inline-end: 0;\n}\n\n:host([bordered][selected]) {\n  box-shadow: inset 0 -1px var(--calcite-color-foreground-1);\n}\n\n:host([bordered][selected][position=\"bottom\"]) {\n  box-shadow: inset 0 var(--calcite-spacing-base) 0 var(--calcite-color-foreground-1);\n}\n\n:host([bordered]:hover) {\n  .container {\n    background-color: var(--calcite-color-foreground-2);\n  }\n}\n\n:host([closable]) .container,\n:host([bordered]) .container {\n  border-inline-start: var(--calcite-spacing-px) solid transparent;\n  border-inline-end: var(--calcite-spacing-px) solid transparent;\n  .close-button {\n    margin-inline-start: var(--calcite-spacing-sm);\n  }\n}\n\n:host([selected][bordered]) .container {\n  border-inline-start-color: var(--calcite-color-border-1);\n  border-inline-end-color: var(--calcite-color-border-1);\n}\n\n:host([layout=\"inline\"][bordered]),\n:host([layout=\"center\"][bordered]) {\n  .scale-m {\n    .content {\n      @apply px-3;\n    }\n  }\n\n  .scale-s {\n    .content {\n      @apply px-2;\n    }\n  }\n\n  .scale-l {\n    .content {\n      @apply px-4;\n    }\n  }\n}\n\n:host([layout=\"inline\"][closable]) {\n  .scale-s,\n  .scale-m,\n  .scale-l {\n    .content {\n      padding-inline-end: 0;\n    }\n  }\n}\n\n@media (forced-colors: active) {\n  :host {\n    outline-width: 0;\n    outline-offset: 0;\n  }\n\n  :host(:focus) .container {\n    outline-color: highlight;\n  }\n\n  :host([bordered]) .container {\n    border-block-end-style: solid;\n  }\n\n  :host([bordered]) .container--bottom {\n    border-block-start-style: solid;\n  }\n\n  :host([bordered][selected]) .container {\n    border-block-end-style: none;\n  }\n\n  :host([bordered][selected]) .container--bottom {\n    border-block-start-style: none;\n  }\n\n  .close-button {\n    /* in high contrast the tab title outline covers the close button outline without a z-index */\n    @apply z-default;\n  }\n}\n\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  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, toAriaBoolean, nodeListToArray } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { FlipContext, Scale } from \"../interfaces\";\nimport { TabChangeEventDetail, TabCloseEventDetail } from \"../tab/interfaces\";\nimport { TabID, TabLayout, TabPosition } from \"../tabs/interfaces\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { getIconScale } from \"../../utils/component\";\nimport { IconName } from \"../icon/interfaces\";\nimport { TabTitleMessages } from \"./assets/tab-title/t9n\";\nimport { CSS, ICONS } from \"./resources\";\n\n/**\n * Tab-titles are optionally individually closable.\n */\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-tab-title\",\n  styleUrl: \"tab-title.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TabTitle implements InteractiveComponent, LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component and its respective `calcite-tab` contents are selected.\n   *\n   * Only one tab can be selected within the `calcite-tabs` parent.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedHandler(): void {\n    if (this.selected) {\n      this.activateTab(false);\n    }\n  }\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, does not display or position the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: IconName;\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: IconName;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) layout: TabLayout;\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n   *\n   *  @internal\n   */\n  @Prop() position: TabPosition = \"top\";\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) bordered = false;\n\n  /**\n   * Specifies a unique name for the component.\n   *\n   * When specified, use the same value on the `calcite-tab`.\n   */\n  @Prop({ reflect: true }) tab: string;\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: TabTitleMessages;\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<TabTitleMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.setupTextContentObserver();\n    this.parentTabNavEl = this.el.closest(\"calcite-tab-nav\");\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    document.body?.dispatchEvent(\n      new CustomEvent(\"calciteTabTitleUnregister\", {\n        detail: this.el,\n      }),\n    );\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    if (Build.isBrowser) {\n      this.updateHasText();\n    }\n    if (this.tab && this.selected) {\n      this.activateTab(false);\n    }\n  }\n\n  componentWillRender(): void {\n    if (this.parentTabsEl) {\n      this.layout = this.parentTabsEl.layout;\n      this.bordered = this.parentTabsEl.bordered;\n    }\n  }\n\n  render(): VNode {\n    const { el, closed } = this;\n    const id = el.id || this.guid;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconStart]: true }}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const iconEndEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconEnd]: true }}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    return (\n      <Host\n        aria-controls={this.controls}\n        aria-selected={toAriaBoolean(this.selected)}\n        id={id}\n        role=\"tab\"\n        tabIndex={this.selected && !this.disabled ? 0 : -1}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class={{\n              [CSS.container]: true,\n              [CSS.containerBottom]: this.position === \"bottom\",\n              [CSS.iconPresent]: !!this.iconStart || !!this.iconEnd,\n              [CSS.scale(this.scale)]: true,\n            }}\n            hidden={closed}\n            ref={(el) => this.resizeObserver?.observe(el)}\n          >\n            <div class={{ [CSS.content]: true, [CSS.contentHasText]: this.hasText }}>\n              {this.iconStart ? iconStartEl : null}\n              <slot />\n              {this.iconEnd ? iconEndEl : null}\n            </div>\n            {this.renderCloseButton()}\n            <div class={CSS.selectedIndicator} />\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  renderCloseButton(): VNode {\n    const { closable, messages } = this;\n\n    return closable ? (\n      <button\n        aria-label={messages.close}\n        class={CSS.closeButton}\n        disabled={false}\n        key={CSS.closeButton}\n        onClick={this.closeClickHandler}\n        ref={(el) => (this.closeButtonEl = el)}\n        title={messages.close}\n        type=\"button\"\n      >\n        <calcite-icon icon={ICONS.close} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  async componentDidLoad(): Promise<void> {\n    this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el: HTMLElement) => el.tagName === \"CALCITE-TABS\");\n\n    if (targetTabsEl !== this.parentTabsEl) {\n      return;\n    }\n\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    } else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"click\")\n  onClick(): void {\n    this.activateTab();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        if (!event.composedPath().includes(this.closeButtonEl)) {\n          this.activateTab();\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusNext.emit();\n        } else {\n          this.calciteInternalTabsFocusPrevious.emit();\n        }\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusPrevious.emit();\n        } else {\n          this.calciteInternalTabsFocusNext.emit();\n        }\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusFirst.emit();\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusLast.emit();\n        break;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when a `calcite-tab` is selected.\n   */\n  @Event({ cancelable: false }) calciteTabsActivate: EventEmitter<void>;\n\n  /**\n   * Fires when a `calcite-tab` is selected (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/dev/src/components/tab/interfaces.ts#L1)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsActivate: EventEmitter<TabChangeEventDetail>;\n\n  /**\n   * Fires when a `calcite-tab` is closed.\n   */\n  @Event({ cancelable: false }) calciteTabsClose: EventEmitter<void>;\n\n  /**\n   * Fires when `calcite-tab` is closed (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/dev/src/components/tab/interfaces.ts)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsClose: EventEmitter<TabCloseEventDetail>;\n  /**\n   * @internal\n   */\n\n  @Event({ cancelable: false }) calciteInternalTabsFocusNext: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusPrevious: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusFirst: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusLast: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabTitleRegister: EventEmitter<TabID>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabIconChanged: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Returns the index of the title within the `calcite-tab-nav`.\n   */\n  @Method()\n  async getTabIndex(): Promise<number> {\n    return Array.prototype.indexOf.call(\n      nodeListToArray(this.el.parentElement.children).filter((el) =>\n        el.matches(\"calcite-tab-title\"),\n      ),\n      this.el,\n    );\n  }\n\n  /**\n   * @internal\n   */\n  @Method()\n  async getTabIdentifier(): Promise<TabID> {\n    return this.tab ? this.tab : this.getTabIndex();\n  }\n\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  @Method()\n  async updateAriaInfo(tabIds: string[] = [], titleIds: string[] = []): Promise<void> {\n    this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;\n  }\n\n  /**\n   * This activates a tab in order for it and its associated tab-title be selected.\n   *\n   * @param userTriggered - when `true`, user-interaction events will be emitted in addition to internal events\n   * @internal\n   */\n  @Method()\n  async activateTab(userTriggered = true): Promise<void> {\n    if (this.disabled || this.closed) {\n      return;\n    }\n    const payload = { tab: this.tab };\n    this.calciteInternalTabsActivate.emit(payload);\n\n    if (userTriggered) {\n      // emit in the next frame to let internal events sync up\n      requestAnimationFrame(() => this.calciteTabsActivate.emit());\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private closeClickHandler = (): void => {\n    this.closeTabTitleAndNotify();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabTitleElement;\n\n  /** watches for changing text content */\n  mutationObserver: MutationObserver = createObserver(\"mutation\", () => this.updateHasText());\n\n  @State() controls: string;\n\n  @State() defaultMessages: TabTitleMessages;\n\n  @State() effectiveLocale: \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  /** determine if there is slotted text for styling purposes */\n  @State() hasText = false;\n\n  closeButtonEl: HTMLButtonElement;\n\n  containerEl: HTMLDivElement;\n\n  parentTabNavEl: HTMLCalciteTabNavElement;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  resizeObserver = createObserver(\"resize\", () => {\n    this.calciteInternalTabIconChanged.emit();\n  });\n\n  updateHasText(): void {\n    this.hasText = this.el.textContent.trim().length > 0;\n  }\n\n  setupTextContentObserver(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  closeTabTitleAndNotify(): void {\n    this.closed = true;\n    this.calciteInternalTabsClose.emit({ tab: this.tab });\n    this.calciteTabsClose.emit();\n  }\n\n  guid = `calcite-tab-title-${guid()}`;\n}\n","export const SLOTS = {\n  titleGroup: \"title-group\",\n};\n",":host {\n  @apply flex flex-col;\n}\n\n:host([bordered]) {\n  box-shadow: inset 0 1px 0 var(--calcite-color-border-1);\n  background-color: var(--calcite-color-foreground-1);\n\n  section {\n    @apply border-color-1 border border-solid;\n  }\n}\n\n:host([bordered][position=\"bottom\"]) {\n  box-shadow:\n    inset 0 1px 0 var(--calcite-color-border-1),\n    inset 0 -1px 0 var(--calcite-color-border-1);\n}\n\n:host([bordered]:not([position=\"bottom\"])) ::slotted(calcite-tab-nav) {\n  margin-block-end: -1px;\n}\n\n:host([bordered][scale=\"s\"]) section {\n  @apply p-3;\n}\n\n:host([bordered][scale=\"m\"]) section {\n  @apply p-2;\n}\n\n:host([bordered][scale=\"l\"]) section {\n  @apply p-4;\n}\n\n:host([position=\"bottom\"]) {\n  @apply flex-col-reverse;\n}\n\nsection {\n  @apply border-t-color-1\n    flex\n    flex-grow\n    overflow-hidden\n    border-t;\n  border-block-start-style: solid;\n}\n\n:host([position=\"bottom\"]) section {\n  @apply border-b-color-1\n    flex-col-reverse\n    border-t-0\n    border-b;\n}\n\n:host([position=\"bottom\"]:not([bordered])) section {\n  border-block-end-style: solid;\n}\n\n@media (forced-colors: active) {\n  :host([bordered]) section {\n    @apply border-t-0\n      border-b;\n  }\n  :host([position=\"bottom\"][bordered]) section {\n    @apply border-t\n      border-b-0;\n  }\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Listen, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Scale } from \"../interfaces\";\nimport { getSlotAssignedElements, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport { TabLayout, TabPosition } from \"./interfaces\";\nimport { SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-tab`s.\n * @slot title-group - A slot for adding a `calcite-tab-nav`.\n */\n@Component({\n  tag: \"calcite-tabs\",\n  styleUrl: \"tabs.scss\",\n  shadow: true,\n})\nexport class Tabs {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`\"inline\"`), or across and centered (`\"center\"`).\n   */\n  @Prop({ reflect: true }) layout: TabLayout = \"inline\";\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`.\n   */\n  @Prop({ reflect: true }) position: TabPosition = \"top\";\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"position\")\n  @Watch(\"scale\")\n  handleInheritableProps(): void {\n    this.updateItems();\n  }\n\n  /**\n   * When `true`, the component will display with a folder style menu.\n   */\n  @Prop() bordered = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabNavSlotChange\")\n  calciteInternalTabNavSlotChangeHandler(event: CustomEvent): void {\n    event.stopPropagation();\n    if (event.detail.length !== this.titles.length) {\n      this.titles = event.detail;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabsElement;\n\n  private defaultSlotChangeHandler = (event): void => {\n    this.tabs = slotChangeGetAssignedElements(event, \"calcite-tab\") as HTMLCalciteTabElement[];\n  };\n\n  private slotEl: HTMLSlotElement;\n\n  /**\n   *\n   * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA\n   * attributes.\n   */\n  @State() titles: HTMLCalciteTabTitleElement[] = [];\n\n  @Watch(\"titles\")\n  titlesWatcher(): void {\n    this.updateAriaSettings();\n    this.updateItems();\n  }\n\n  /**\n   *\n   * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.\n   */\n  @State() tabs: HTMLCalciteTabElement[] = [];\n\n  @Watch(\"tabs\")\n  tabsWatcher(): void {\n    this.updateAriaSettings();\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   *\n   * Matches up elements from the internal `tabs` and `titles` to automatically\n   * update the ARIA attributes and link `<calcite-tab>` and\n   * `<calcite-tab-title>` components.\n   */\n  async updateAriaSettings(): Promise<void> {\n    let tabIds;\n    let titleIds;\n    const tabs = getSlotAssignedElements<HTMLCalciteTabElement>(this.slotEl, \"calcite-tab\");\n\n    // determine if we are using `tab` based or `index` based tab identifiers.\n    if (tabs.some((el) => el.tab) || this.titles.some((el) => el.tab)) {\n      // if we are using `tab` based identifiers sort by `tab` to account for\n      // possible out of order tabs and get the id of each tab\n      tabIds = tabs.sort((a, b) => a.tab.localeCompare(b.tab)).map((el) => el.id);\n      titleIds = this.titles.sort((a, b) => a.tab.localeCompare(b.tab)).map((el) => el.id);\n    } else {\n      // if we are using index based tabs then the `<calcite-tab>` and\n      // `<calcite-tab-title>` might have been rendered out of order so the\n      // order of `this.tabs` and `this.titles` might not reflect the DOM state,\n      // and might not match each other so we need to get the index of all the\n      // tabs and titles in the DOM order to match them up as a source of truth\n      const tabDomIndexes = await Promise.all(tabs.map((el) => el.getTabIndex()));\n      const titleDomIndexes = await Promise.all(this.titles.map((el) => el.getTabIndex()));\n\n      // once we have the DOM order as a source of truth we can build the\n      // matching tabIds and titleIds arrays\n      tabIds = tabDomIndexes.reduce((ids, indexInDOM, registryIndex) => {\n        ids[indexInDOM] = tabs[registryIndex].id;\n        return ids;\n      }, []);\n\n      titleIds = titleDomIndexes.reduce((ids, indexInDOM, registryIndex) => {\n        ids[indexInDOM] = this.titles[registryIndex].id;\n        return ids;\n      }, []);\n    }\n\n    // pass all our new aria information to each `<calcite-tab>` and\n    // `<calcite-tab-title>` which will check if they can update their internal\n    // `controlled` or `labeledBy` states and re-render if necessary\n    tabs.forEach((el) => el.updateAriaInfo(tabIds, titleIds));\n    this.titles.forEach((el) => el.updateAriaInfo(tabIds, titleIds));\n  }\n\n  private updateItems(): void {\n    const { position, scale } = this;\n\n    const nav = this.el.querySelector(\"calcite-tab-nav\");\n    if (nav) {\n      nav.position = position;\n      nav.scale = scale;\n    }\n\n    Array.from(this.el.querySelectorAll(\"calcite-tab\")).forEach((tab: HTMLCalciteTabElement) => {\n      if (tab.parentElement === this.el) {\n        tab.scale = scale;\n      }\n    });\n\n    Array.from(this.el.querySelectorAll(\"calcite-tab-nav > calcite-tab-title\")).forEach(\n      (title: HTMLCalciteTabTitleElement) => {\n        title.position = position;\n        title.scale = scale;\n      },\n    );\n  }\n\n  private setDefaultSlotRef = (el) => (this.slotEl = el);\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.updateItems();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.updateItems();\n  }\n\n  disconnectedCallback(): void {}\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <slot name={SLOTS.titleGroup} />\n        <section>\n          <slot onSlotchange={this.defaultSlotChangeHandler} ref={this.setDefaultSlotRef} />\n        </section>\n      </Fragment>\n    );\n  }\n}\n"],"mappings":";;;;;siBAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,QAAS,WCFX,MAAMC,EAAS,ivCACf,MAAAC,EAAeD,E,MCcFE,EAAG,M,yBAyHdC,KAAAC,KAAO,qBAAqBA,M,iCAtGuB,M,WAO5B,I,yBAQvB,MAAAC,GACE,MAAMC,EAAKH,KAAKI,GAAGD,IAAMH,KAAKC,KAE9B,OACEI,EAACC,EAAI,CAAAC,IAAA,6DAAkBP,KAAKQ,UAAWL,GAAIA,GACzCE,EAAA,OAAAE,IAAA,2CACEE,MAAO,CAAE,CAACf,EAAIC,WAAY,KAAM,CAAC,SAASK,KAAKU,SAAU,MACzDC,KAAK,WACLC,SAAUZ,KAAKa,SAAW,GAAK,GAE/BR,EAAA,WAAAE,IAAA,2CAASE,MAAOf,EAAIE,SAClBS,EAAA,QAAAE,IAAA,+C,CAOV,iBAAAO,GACEd,KAAKe,aAAef,KAAKI,GAAGY,QAAQ,e,CAGtC,oBAAAC,GAEEC,SAASC,MAAMC,cACb,IAAIC,YAAY,uBAAwB,CACtCC,OAAQtB,KAAKI,K,CAYnB,wBAAAmB,CAAyBC,GACvB,MAAMC,EAAeD,EAClBE,eACAC,MAAMvB,GAAoBA,EAAGwB,UAAY,iBAK5C,GAAIH,IAAiBzB,KAAKe,aAAc,CACtC,M,CAGF,GAAIf,KAAK6B,IAAK,CACZ7B,KAAKa,SAAWb,KAAK6B,MAAQL,EAAMF,OAAOO,G,KACrC,CACL7B,KAAK8B,cAAcC,MAAMC,IACvBhC,KAAKa,SAAWmB,IAAUR,EAAMF,OAAOO,GAAG,G,CAG9CL,EAAMS,iB,CAaR,iBAAMH,GACJ,OAAOI,MAAMC,UAAUC,QAAQC,KAC7BC,EAAgBtC,KAAKI,GAAGmC,cAAcC,UAAUC,QAAQrC,GAAOA,EAAGsC,QAAQ,iBAC1E1C,KAAKI,G,CA8BT,oBAAMuC,CAAeC,EAAmB,GAAIC,EAAqB,IAC/D7C,KAAKQ,UAAYqC,EAASD,EAAOR,QAAQpC,KAAKI,GAAGD,MAAQ,I,qCCzJtD,MAAM2C,EAAO,CAClBC,aAAc,gBACdC,YAAa,gBAGR,MAAMtD,EAAM,CACjBC,UAAW,UACXsD,gCAAiC,wBACjCC,kCAAmC,0BACnCC,aAAc,gBACdC,sBAAuB,0BACvBC,8BAA+B,oCAC/BC,6BAA8B,mCAC9BC,oBAAqB,2BCbvB,MAAMC,EAAY,mlHAClB,MAAAC,EAAeD,E,MCmDFE,EAAM,M,gOAwVT1D,KAAA2D,aAA0B,MAE1B3D,KAAA4D,oBAAiC,IAQjC5D,KAAA6D,eAAiBC,EAAe,UAAU,KAChD9D,KAAK+D,sBAAsB,IAcrB/D,KAAAgE,gBAAmBxC,IACzBA,EAAMyC,iBAEN,MAAMC,OAAEA,EAAMC,OAAEA,GAAW3C,EAC3B,MAAM4C,EAAIC,KAAKC,IAAIJ,GACnB,MAAMK,EAAIF,KAAKC,IAAIH,GAEnB,IAAIK,EAEJ,GAAIJ,IAAMG,EAAG,CACXC,EAAWxE,KAAK4D,sBAAwB,IAAMM,EAASC,C,MAClD,GAAIC,EAAIG,EAAG,CAChBC,EAAWN,EACXlE,KAAK4D,oBAAsB,G,KACtB,CACLY,EAAWL,EACXnE,KAAK4D,oBAAsB,G,CAG7B,MAAMa,GAAazE,KAAK2D,eAAiB,OAAS,EAAI,GAAKa,EAC1DhD,EAAMkD,cAAiCF,SAASC,EAAW,EAAE,EAGxDzE,KAAA2E,aAAgBnD,IACtBxB,KAAK4E,sBAAsBC,aAE3B,MAAMC,EAAkBC,EAA8BvD,EAAO,qBAC7DsD,EAAgBE,SAASC,IACvBjF,KAAK4E,sBAAsBM,QAAQD,EAAM,IAE3CjF,KAAKmF,gCAAgCC,KAAKN,EAAgB,EAGpD9E,KAAAqF,wBAA2BjF,IACjCJ,KAAKsF,oBAAsBlF,EAC3BJ,KAAK4E,qBAAuBd,EAAe,gBAAgB,IAAM9D,KAAK+D,wBAAwB,CAC5FwB,KAAMnF,EACNoF,UAAW,CAAC,EAAG,GAAK,IACpB,EA6BIxF,KAAAyF,kBAAqBC,IAC3BC,GAAS,KACP,MAAMC,EAAoB5F,KAAKsF,oBAC/B,MAAMO,EAAkBD,EAAkBE,wBAC1C,MAAMC,EAAY7D,MAAM8D,KAAKhG,KAAKI,GAAG6F,iBAAiB,sBACtD,MAAMtC,aAAEA,GAAiB3D,KAEzB,GAAI0F,IAAc,UAAW,CAC3BK,EAAUG,S,CAGZ,IAAIC,EAA4C,KAEhDJ,EAAUf,SAASoB,IACjB,MAAMC,EAAiBD,EAASN,wBAChC,MAAMQ,EAAgBT,EAAgBzB,EAAIyB,EAAgBU,MAC1D,MAAMC,EAAeH,EAAejC,EAAIiC,EAAeE,MAEvD,GACGb,IAAc,WAAa/B,IAAiB,OAC5C+B,IAAc,YAAc/B,IAAiB,MAC9C,CACA,MAAM8C,EAAoBJ,EAAejC,EAAIkC,EAE7C,GAAIG,EAAmB,CACrBN,EAAgBC,C,KACX,CACL,MAAMM,EACJF,EAAeF,GAAiBD,EAAejC,EAAIyB,EAAgBzB,EAErE,GAAIsC,EAAsB,CACxBP,EAAgBC,C,OAGf,CACL,MAAMO,EAAuBH,EAAeX,EAAgBzB,EAE5D,GAAIuC,EAAsB,CACxBR,EAAgBC,C,KACX,CACL,MAAMQ,EACJJ,EAAeF,GAAiBD,EAAejC,EAAIyB,EAAgBzB,EAErE,GAAIwC,EAAwB,CAC1BT,EAAgBC,C,OAMxB,GAAID,EAAe,CACjB,MAAMU,oBAAEA,GAAwB7G,KAChC,MAAM8G,EACHpB,IAAc,WAAa/B,IAAiB,OAC5C+B,IAAc,YAAc/B,IAAiB,OACzCkD,EACDV,EAAcY,YAAcnB,EAAkBoB,YAAcH,EAClE,MAAMI,EAAWd,EAAce,WAAaJ,EAE5ClB,EAAkBqB,SAAS,CACzBE,KAAMF,EACNG,SAAU,U,IAGd,EAGIpH,KAAAqH,sBAAwB,IAAYrH,KAAKyF,kBAAkB,WAE3DzF,KAAAsH,0BAA4B,IAAYtH,KAAKyF,kBAAkB,YAEvEzF,KAAAuH,eAAiB,CACf/F,EACApB,EACAoH,KAEA,MAAMC,EAAUC,EACd1H,KAAK2H,iBACLvH,EACAoH,GAEFxH,KAAK4H,uBAAuBH,EAAS,WAErCjG,EAAMS,iBAAiB,EASjBjC,KAAA6H,iBAAmB,KACzB7H,KAAK+D,sBAAsB,EAwDrB/D,KAAA8H,mBAAsBC,IAC5B,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,4BAAEA,EAA2BC,0BAAEA,EAAyBzH,MAAEA,GAClFV,KACF,MAAMoI,EAAQL,IAAsB,MAEpC,OACE1H,EAAA,OACEI,MAAO,CACL,CAACf,EAAI0D,uBAAwB,KAC7B,CAAC1D,EAAI2D,gCAAiC+E,EACtC,CAAC1I,EAAI4D,8BAA+B8E,GAEtCC,OAASD,IAAUD,IAAgCC,IAAUF,EAC7D3H,IAAKwH,GAEL1H,EAAA,kBACEiI,WAAYN,EAAW,eAAiB,cAAa,aACzCI,EAAQH,EAASM,cAAgBN,EAASO,kBACtD/H,MAAO,CACL,CAACf,EAAIyD,cAAe,MAEtBsF,YAAY,OACZC,UAAWN,EAAQtF,EAAKC,aAAeD,EAAKE,YAC5C2F,KAAK,UACLC,QAASR,EAAQpI,KAAKqH,sBAAwBrH,KAAKsH,0BACnD5G,MAAOA,EACPE,UAAW,IAET,E,kEA/kB2D,K,WAc9C,I,YAKqC,S,cAO5B,S,cAKmB,M,4GAsQxB,G,iCAOoB,M,+BAEF,M,6BA3S7C,oBAAAiI,GACE7I,KAAK8I,yBAAyB1D,KAAK,CACjCvD,IAAK7B,KAAK+I,e,CA2Cd,gBAAAC,G,CAUA,iBAAAlI,GACEd,KAAKe,aAAef,KAAKI,GAAGY,QAAQ,gBACpChB,KAAK6D,gBAAgBqB,QAAQlF,KAAKI,IAClC6I,EAAiBjJ,MACjBkJ,EAAgBlJ,K,CAGlB,uBAAMmJ,GACJ,MAAMC,EAAa,mBAAmBpJ,KAAKqJ,YAC3C,GAAIC,cAAgBtJ,KAAKqJ,WAAaC,aAAaC,QAAQH,GAAa,CACtE,MAAMI,EAAYC,KAAKC,MAAMJ,aAAaC,QAAQH,IAClDpJ,KAAK+I,cAAgBS,C,OAEjBG,EAAc3J,K,CAGtB,gBAAA4J,GACE5J,KAAK4H,uBAAuB5H,KAAK6J,cAAe,U,CAGlD,mBAAAC,GACE,MAAM/I,aAAEA,GAAiBf,KAEzBA,KAAK+J,OAAShJ,GAAcgJ,OAC5B/J,KAAKgI,SAAWjH,GAAciH,SAC9BhI,KAAK2D,aAAeqG,EAAchK,KAAKI,G,CAGzC,kBAAA6J,GAEE,GACEjK,KAAK+F,UAAUmE,QACflK,KAAK+F,UAAUoE,OAAOC,IAAWA,EAAMvJ,aACtCb,KAAK+I,cACN,CACA/I,KAAK+F,UAAU,GAAGsE,mBAAmBtI,MAAMF,IACzC7B,KAAK8I,yBAAyB1D,KAAK,CACjCvD,OACA,G,EAKR,oBAAAZ,GACEjB,KAAK6D,gBAAgBgB,aACrByF,EAAoBtK,MACpBuK,EAAmBvK,K,CASrB,MAAAE,GACE,OACEG,EAACC,EAAI,CAAAC,IAAA,2CAACI,KAAK,WACTN,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,CAACf,EAAIC,WAAY,KACjB,CAACD,EAAIwD,qCAAsClD,KAAKkI,4BAChD,CAACxI,EAAIuD,mCAAoCjD,KAAKmI,0BAC9C,CAAC,SAASnI,KAAKU,SAAU,KACzB,CAAC,YAAYV,KAAKwK,YAAa,KAC/B,CAACC,EAAYC,KAAM1K,KAAK2D,eAAiB,QAG1C3D,KAAK8H,mBAAmB,SACzBzH,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,CAACf,EAAI6D,qBAAsB,MAE7BoH,SAAU3K,KAAK6H,iBACf+C,QAAS5K,KAAKgE,gBACd6G,IAAK7K,KAAKqF,yBAEVhF,EAAA,QAAAE,IAAA,2CAAMuK,aAAc9K,KAAK2E,gBAE1B3E,KAAK8H,mBAAmB,Q,CAajC,uBAAAiD,CAAwBvJ,GACtBxB,KAAKuH,eAAe/F,EAAOA,EAAMwJ,OAAsC,W,CAIzE,mBAAAC,CAAoBzJ,GAClBxB,KAAKuH,eAAe/F,EAAOA,EAAMwJ,OAAsC,O,CAIzE,oBAAAE,CAAqB1J,GACnBxB,KAAKuH,eAAe/F,EAAOA,EAAMwJ,OAAsC,Q,CAIzE,mBAAAG,CAAoB3J,GAClBxB,KAAKuH,eAAe/F,EAAOA,EAAMwJ,OAAsC,O,CAIzE,0BAAAI,CAA2B5J,GACzB,MAAM6J,EAAoB7J,EAAMwJ,OAEhChL,KAAK+I,cAAgBvH,EAAMF,OAAOO,IAC9BL,EAAMF,OAAOO,IACb7B,KAAKsL,mBAAmBD,GAC5B7J,EAAMS,kBAENjC,KAAK6J,cAAgBwB,EACrBrL,KAAK4H,uBAAuByD,E,CAGtB,sBAAAzD,CACNyD,EACAjE,EAA2B,UAE3B,IAAKiE,EAAmB,CACtB,M,CAGF1F,GAAS,KACP,MAAM4F,EAAQvL,KAAK2D,eAAiB,MACpC,MAAMiC,EAAoB5F,KAAKsF,oBAC/B,MAAMO,EAAkBD,EAAkBE,wBAC1C,MAAMO,EAAiBgF,EAAkBvF,wBACzC,MAAM0F,EAAiB5F,EAAkB6F,WACzC,MAAMC,EAA2BH,EAC7BvL,KAAKkI,4BACLlI,KAAKmI,0BACT,MAAMwD,EAAyBJ,EAC3BvL,KAAKmI,0BACLnI,KAAKkI,4BAET,GACE7B,EAAec,KACftB,EAAgBsB,MAAQuE,EAA2B1L,KAAK6G,oBAAsB,GAC9E,CACA,MAAMM,EACJqE,GAAkBnF,EAAec,KAAOtB,EAAgBsB,MAAQnH,KAAK6G,oBACvEjB,EAAkBqB,SAAS,CAAEE,OAAMC,Y,MAC9B,GACLf,EAAeuF,MACf/F,EAAgB+F,OAASD,EAAyB3L,KAAK6G,oBAAsB,GAC7E,CACA,MAAMM,EACJqE,GACCnF,EAAeuF,MAAQ/F,EAAgB+F,OACxC5L,KAAK6G,oBACPjB,EAAkBqB,SAAS,CAAEE,OAAMC,Y,KAMzC,kBAAAyE,CAAmBrK,GACjBxB,KAAK8L,iBAAiB1G,OACtB5D,EAAMS,iB,CAIR,uBAAA8J,CAAwBvK,GACtB,MAAMwK,EAAmBxK,EAAMwJ,OAC/BhL,KAAKiM,oBAAoBD,GACzBxK,EAAMS,iB,CASR,qBAAMiK,CAAgB1K,GACpB,GAAKA,EAAMwJ,OAAsCnK,SAAU,CACzDb,KAAK+I,cAAgBvH,EAAMF,OAC3BtB,KAAK6J,oBAAsB7J,KAAKmM,gBAAgBnM,KAAK+I,c,EAKzD,8BAAAqD,CAA+B5K,GAC7B,GACExB,KAAKqM,QACL7K,EAAMwJ,SAAWhL,KAAKI,IACrBoB,EAAMwJ,OAAoCqB,SAAWrM,KAAKqM,QAC3DrM,KAAK+I,gBAAkBvH,EAAMF,OAAOO,IACpC,CACA7B,KAAK+I,cAAgBvH,EAAMF,OAAOO,G,CAEpCL,EAAMS,iB,CAqCR,qBAAAqK,GACEC,EAAevM,KAAMA,KAAKwM,gB,CAU5B,0BAAMC,GACJ,GACEnD,cACAtJ,KAAKqJ,WACLrJ,KAAK+I,gBAAkB2D,WACvB1M,KAAK+I,gBAAkB,KACvB,CACAO,aAAaqD,QAAQ,mBAAmB3M,KAAKqJ,YAAaI,KAAKmD,UAAU5M,KAAK+I,e,CAGhF/I,KAAK8I,yBAAyB1D,KAAK,CACjCvD,IAAK7B,KAAK+I,e,CAkBd,uBAAYlC,GACV,MAAMnG,MAAEA,GAAUV,KAClB,OAAO6M,SAASnM,IAAU,IAAMoM,EAAgBpM,IAAU,IAAMqM,EAAgBC,E,CAkD1E,oBAAAjJ,GACN,MAAM6B,EAAoB5F,KAAKsF,oBAE/B,IAAKM,EAAmB,CACtB,M,CAGF,IAAIqH,EACJ,IAAIC,EAEJ,MAAM1B,EAAiB5F,EAAkB6F,WACzC,MAAM0B,EAAevH,EAAkBoB,YACvC,MAAMoG,EAAoBxH,EAAkByH,YAE5C,GAAIrN,KAAK2D,eAAiB,MAAO,CAC/BsJ,EAAkBzB,EAAiB,EACnC0B,EAAgB1B,EAAiB2B,EAAeC,C,KAC3C,CACLH,EAAkBzB,EAAiB,EACnC0B,EAAgB1B,MAAqB4B,EAAoBD,E,CAG3DnN,KAAKkI,4BAA8B+E,EACnCjN,KAAKmI,0BAA4B+E,C,CAyFnC,kBAAA5B,CAAmBlL,EAAgC2F,EAAY/F,KAAK+F,WAGlE,OAAOA,EAAU3D,QAAQhC,E,CAO3B,qBAAM+L,CAAgBhM,GACpB,OAAOmN,QAAQC,IAAIvN,KAAK+F,UAAUyH,KAAKpN,GAAOA,EAAGiK,sBAAqBtI,MAAM0L,GACnEzN,KAAK+F,UAAU0H,EAAIrL,QAAQjC,K,CAItC,aAAI4F,GACF,OAAO2H,EAAiD1N,KAAKI,GAAI,oB,CAGnE,oBAAIuH,GACF,OAAO+F,EACL1N,KAAKI,GACL,qCACAqC,QAAQ2D,IAAcA,EAASuH,Q,CAG3B,mBAAA1B,CAAoBD,GAC1B,MAAMjG,UAAEA,GAAc/F,KACtB,MAAM4N,EAAoB5B,EAAiBnL,SAE3C,MAAMgN,EAA0B9H,EAAU+H,QACxC,CAACC,EAA2B3H,EAAUpE,KACnCoE,EAASuH,OAAS,IAAII,EAAiB/L,GAAS+L,GACnD,IAEF,MAAMC,EAAwBH,EAAwB3D,OAEtD,GAAI8D,IAA0B,GAAKjI,EAAU8H,EAAwB,IAAII,SAAU,CACjFlI,EAAU8H,EAAwB,IAAII,SAAW,MACjDjO,KAAK+I,cAAgB8E,EAAwB,GAE7C,GAAID,EAAmB,CACrB7H,EAAU8H,EAAwB,IAAIK,a,OAEnC,GAAIF,EAAwB,EAAG,CACpC,MAAMG,EAAsBpI,EAAUqI,WAAWhO,GAAOA,IAAO4L,IAE/D,MAAMqC,EAAoBR,EAAwBlM,MAC/C2M,GAAUA,EAAQH,IAGrB,GAAInO,KAAK+I,gBAAkBoF,EAAqB,CAC9CnO,KAAK+I,cAAgBsF,EAAoBA,EAAoBL,EAAwB,EACrFjI,EAAU/F,KAAK+I,eAAemF,a,EAIlCK,uBAAsB,KACpBxI,EAAU/F,KAAK+I,eAAeyF,OAAO,G,0QCvnBpC,MAAM9O,EAAM,CACjB+O,YAAa,eACb9O,UAAW,YACX+O,gBAAiB,oBACjB9O,QAAS,UACT+O,eAAgB,oBAChBC,QAAS,WACTC,YAAa,eACbnG,UAAW,aACXoG,UAAW,0BACXpO,MAAQA,GAAiB,SAASA,IAClCqO,kBAAmB,sBAGd,MAAMC,EAAQ,CACnBC,MAAO,KCjBT,MAAMC,EAAc,w7QACpB,MAAAC,EAAeD,E,MCqDFE,EAAQ,M,quBA0ZXpP,KAAAqP,kBAAoB,KAC1BrP,KAAKsP,wBAAwB,EAY/BtP,KAAAuP,iBAAqCzL,EAAe,YAAY,IAAM9D,KAAKwP,kBAwB3ExP,KAAA6D,eAAiBC,EAAe,UAAU,KACxC9D,KAAKyP,8BAA8BrK,MAAM,IAiB3CpF,KAAAC,KAAO,qBAAqBA,M,cArcuB,M,cAUf,M,YAGa,M,cAGb,M,+GAqBJ,M,WAOT,I,cAK4B,M,8KAwXhC,K,CAtanB,eAAAyP,GACE,GAAI1P,KAAKa,SAAU,CACjBb,KAAKkO,YAAY,M,EAoErB,gBAAAlF,G,CAUA,iBAAAlI,GACE6O,EAAmB3P,MACnBiJ,EAAiBjJ,MACjBkJ,EAAgBlJ,MAChBA,KAAK4P,2BACL5P,KAAK6P,eAAiB7P,KAAKI,GAAGY,QAAQ,mBACtChB,KAAKe,aAAef,KAAKI,GAAGY,QAAQ,e,CAGtC,oBAAAC,GACEjB,KAAKuP,kBAAkB1K,aAEvB3D,SAASC,MAAMC,cACb,IAAIC,YAAY,4BAA6B,CAC3CC,OAAQtB,KAAKI,MAGjBJ,KAAK6D,gBAAgBgB,aACrBiL,EAAsB9P,MACtBsK,EAAoBtK,MACpBuK,EAAmBvK,K,CAGrB,uBAAMmJ,SACEQ,EAAc3J,MACC,CACnBA,KAAKwP,e,CAEP,GAAIxP,KAAK6B,KAAO7B,KAAKa,SAAU,CAC7Bb,KAAKkO,YAAY,M,EAIrB,mBAAApE,GACE,GAAI9J,KAAKe,aAAc,CACrBf,KAAK+J,OAAS/J,KAAKe,aAAagJ,OAChC/J,KAAKgI,SAAWhI,KAAKe,aAAaiH,Q,EAItC,MAAA9H,GACE,MAAME,GAAEA,EAAEuN,OAAEA,GAAW3N,KACvB,MAAMG,EAAKC,EAAGD,IAAMH,KAAKC,KAEzB,MAAM8P,EACJ1P,EAAA,gBAAAE,IAAA,2CACEE,MAAO,CAAE,CAACf,EAAIoP,WAAY,KAAM,CAACpP,EAAIgJ,WAAY,MACjDsH,QAAShQ,KAAKyI,cAAgB,SAAWzI,KAAKyI,cAAgB,OAC9DwH,KAAMjQ,KAAK0I,UACXhI,MAAOwP,EAAalQ,KAAKU,SAI7B,MAAMyP,EACJ9P,EAAA,gBAAAE,IAAA,2CACEE,MAAO,CAAE,CAACf,EAAIoP,WAAY,KAAM,CAACpP,EAAIkP,SAAU,MAC/CoB,QAAShQ,KAAKyI,cAAgB,OAASzI,KAAKyI,cAAgB,OAC5DwH,KAAMjQ,KAAK4O,QACXlO,MAAOwP,EAAalQ,KAAKU,SAI7B,OACEL,EAACC,EAAI,CAAAC,IAAA,2DACYP,KAAKoQ,SAAQ,gBACbC,EAAcrQ,KAAKa,UAClCV,GAAIA,EACJQ,KAAK,MACLC,SAAUZ,KAAKa,WAAab,KAAKsQ,SAAW,GAAK,GAEjDjQ,EAACkQ,EAAoB,CAAAhQ,IAAA,2CAAC+P,SAAUtQ,KAAKsQ,UACnCjQ,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,CAACf,EAAIC,WAAY,KACjB,CAACD,EAAIgP,iBAAkB1O,KAAKwK,WAAa,SACzC,CAAC9K,EAAImP,eAAgB7O,KAAK0I,aAAe1I,KAAK4O,QAC9C,CAAClP,EAAIgB,MAAMV,KAAKU,QAAS,MAE3B2H,OAAQsF,EACR9C,IAAMzK,GAAOJ,KAAK6D,gBAAgBqB,QAAQ9E,IAE1CC,EAAA,OAAAE,IAAA,2CAAKE,MAAO,CAAE,CAACf,EAAIE,SAAU,KAAM,CAACF,EAAIiP,gBAAiB3O,KAAKwQ,UAC3DxQ,KAAK0I,UAAYqH,EAAc,KAChC1P,EAAA,QAAAE,IAAA,6CACCP,KAAK4O,QAAUuB,EAAY,MAE7BnQ,KAAKyQ,oBACNpQ,EAAA,OAAAE,IAAA,2CAAKE,MAAOf,EAAIqP,sB,CAO1B,iBAAA0B,GACE,MAAMxC,SAAEA,EAAQhG,SAAEA,GAAajI,KAE/B,OAAOiO,EACL5N,EAAA,uBACc4H,EAASgH,MACrBxO,MAAOf,EAAI+O,YACX6B,SAAU,MACV/P,IAAKb,EAAI+O,YACT7F,QAAS5I,KAAKqP,kBACdxE,IAAMzK,GAAQJ,KAAK0Q,cAAgBtQ,EACnCgK,MAAOnC,EAASgH,MAChB0B,KAAK,UAELtQ,EAAA,gBAAc4P,KAAMjB,EAAMC,MAAOvO,MAAOwP,EAAalQ,KAAKU,UAE1D,I,CAGN,sBAAMkJ,GACJ5J,KAAK4Q,gCAAgCxL,WAAWpF,KAAKqK,mB,CAGvD,kBAAAJ,GACE4G,EAAsB7Q,K,CAUxB,wBAAAuB,CAAyBC,GACvB,MAAMC,EAAeD,EAClBE,eACAC,MAAMvB,GAAoBA,EAAGwB,UAAY,iBAE5C,GAAIH,IAAiBzB,KAAKe,aAAc,CACtC,M,CAGF,GAAIf,KAAK6B,IAAK,CACZ7B,KAAKa,SAAWb,KAAK6B,MAAQL,EAAMF,OAAOO,G,KACrC,CACL7B,KAAK8B,cAAcC,MAAMC,IACvBhC,KAAKa,SAAWmB,IAAUR,EAAMF,OAAOO,GAAG,G,CAI9CL,EAAMS,iB,CAIR,OAAA2G,GACE5I,KAAKkO,a,CAIP,cAAA4C,CAAetP,GACb,OAAQA,EAAMjB,KACZ,IAAK,IACL,IAAK,QACH,IAAKiB,EAAME,eAAeqP,SAAS/Q,KAAK0Q,eAAgB,CACtD1Q,KAAKkO,cACL1M,EAAMyC,gB,CAER,MACF,IAAK,aACHzC,EAAMyC,iBACN,GAAI+F,EAAchK,KAAKI,MAAQ,MAAO,CACpCJ,KAAKgR,6BAA6B5L,M,KAC7B,CACLpF,KAAKiR,iCAAiC7L,M,CAExC,MACF,IAAK,YACH5D,EAAMyC,iBACN,GAAI+F,EAAchK,KAAKI,MAAQ,MAAO,CACpCJ,KAAKiR,iCAAiC7L,M,KACjC,CACLpF,KAAKgR,6BAA6B5L,M,CAEpC,MACF,IAAK,OACH5D,EAAMyC,iBACNjE,KAAKkR,8BAA8B9L,OACnC,MACF,IAAK,MACH5D,EAAMyC,iBACNjE,KAAKmR,6BAA6B/L,OAClC,M,CA4EN,iBAAMtD,GACJ,OAAOI,MAAMC,UAAUC,QAAQC,KAC7BC,EAAgBtC,KAAKI,GAAGmC,cAAcC,UAAUC,QAAQrC,GACtDA,EAAGsC,QAAQ,uBAEb1C,KAAKI,G,CAQT,sBAAMiK,GACJ,OAAOrK,KAAK6B,IAAM7B,KAAK6B,IAAM7B,KAAK8B,a,CASpC,oBAAMa,CAAeC,EAAmB,GAAIC,EAAqB,IAC/D7C,KAAKoQ,SAAWxN,EAAOC,EAAST,QAAQpC,KAAKI,GAAGD,MAAQ,I,CAU1D,iBAAM+N,CAAYkD,EAAgB,MAChC,GAAIpR,KAAKsQ,UAAYtQ,KAAK2N,OAAQ,CAChC,M,CAEF,MAAM0D,EAAU,CAAExP,IAAK7B,KAAK6B,KAC5B7B,KAAKsR,4BAA4BlM,KAAKiM,GAEtC,GAAID,EAAe,CAEjB7C,uBAAsB,IAAMvO,KAAKuR,oBAAoBnM,Q,EAgCzD,qBAAAkH,GACEC,EAAevM,KAAMA,KAAKwM,gB,CAkB5B,aAAAgD,GACExP,KAAKwQ,QAAUxQ,KAAKI,GAAGoR,YAAYC,OAAOvH,OAAS,C,CAGrD,wBAAA0F,GACE5P,KAAKuP,kBAAkBrK,QAAQlF,KAAKI,GAAI,CAAEsR,UAAW,KAAMC,QAAS,M,CAGtE,sBAAArC,GACEtP,KAAK2N,OAAS,KACd3N,KAAK4R,yBAAyBxM,KAAK,CAAEvD,IAAK7B,KAAK6B,MAC/C7B,KAAK6R,iBAAiBzM,M,yNCpgBnB,MAAM0M,EAAQ,CACnBC,WAAY,eCDd,MAAMC,EAAU,q2CAChB,MAAAC,EAAeD,E,MCcFE,EAAI,M,yBAuDPlS,KAAAmS,yBAA4B3Q,IAClCxB,KAAKoS,KAAOrN,EAA8BvD,EAAO,cAAyC,EAyGpFxB,KAAAqS,kBAAqBjS,GAAQJ,KAAKsS,OAASlS,E,YAvJN,S,cAKI,M,WAKT,I,cAWrB,M,YAmC6B,G,UAYP,E,CAtDzC,sBAAAmS,GACEvS,KAAKwS,a,CAeP,sCAAAC,CAAuCjR,GACrCA,EAAMS,kBACN,GAAIT,EAAMF,OAAO4I,SAAWlK,KAAK0S,OAAOxI,OAAQ,CAC9ClK,KAAK0S,OAASlR,EAAMF,M,EA0BxB,aAAAqR,GACE3S,KAAK4S,qBACL5S,KAAKwS,a,CAUP,WAAAK,GACE7S,KAAK4S,qBACL5S,KAAKwS,a,CAeP,wBAAMI,GACJ,IAAIhQ,EACJ,IAAIC,EACJ,MAAMuP,EAAOU,EAA+C9S,KAAKsS,OAAQ,eAGzE,GAAIF,EAAKW,MAAM3S,GAAOA,EAAGyB,OAAQ7B,KAAK0S,OAAOK,MAAM3S,GAAOA,EAAGyB,MAAM,CAGjEe,EAASwP,EAAKY,MAAK,CAACC,EAAGC,IAAMD,EAAEpR,IAAIsR,cAAcD,EAAErR,OAAM2L,KAAKpN,GAAOA,EAAGD,KACxE0C,EAAW7C,KAAK0S,OAAOM,MAAK,CAACC,EAAGC,IAAMD,EAAEpR,IAAIsR,cAAcD,EAAErR,OAAM2L,KAAKpN,GAAOA,EAAGD,I,KAC5E,CAML,MAAMiT,QAAsB9F,QAAQC,IAAI6E,EAAK5E,KAAKpN,GAAOA,EAAG0B,iBAC5D,MAAMuR,QAAwB/F,QAAQC,IAAIvN,KAAK0S,OAAOlF,KAAKpN,GAAOA,EAAG0B,iBAIrEc,EAASwQ,EAActF,QAAO,CAACL,EAAK6F,EAAYC,KAC9C9F,EAAI6F,GAAclB,EAAKmB,GAAepT,GACtC,OAAOsN,CAAG,GACT,IAEH5K,EAAWwQ,EAAgBvF,QAAO,CAACL,EAAK6F,EAAYC,KAClD9F,EAAI6F,GAActT,KAAK0S,OAAOa,GAAepT,GAC7C,OAAOsN,CAAG,GACT,G,CAML2E,EAAKpN,SAAS5E,GAAOA,EAAGuC,eAAeC,EAAQC,KAC/C7C,KAAK0S,OAAO1N,SAAS5E,GAAOA,EAAGuC,eAAeC,EAAQC,I,CAGhD,WAAA2P,GACN,MAAMhI,SAAEA,EAAQ9J,MAAEA,GAAUV,KAE5B,MAAMwT,EAAMxT,KAAKI,GAAGqT,cAAc,mBAClC,GAAID,EAAK,CACPA,EAAIhJ,SAAWA,EACfgJ,EAAI9S,MAAQA,C,CAGdwB,MAAM8D,KAAKhG,KAAKI,GAAG6F,iBAAiB,gBAAgBjB,SAASnD,IAC3D,GAAIA,EAAIU,gBAAkBvC,KAAKI,GAAI,CACjCyB,EAAInB,MAAQA,C,KAIhBwB,MAAM8D,KAAKhG,KAAKI,GAAG6F,iBAAiB,wCAAwCjB,SACzEoF,IACCA,EAAMI,SAAWA,EACjBJ,EAAM1J,MAAQA,CAAK,G,CAazB,iBAAAI,GACEd,KAAKwS,a,CAGP,uBAAMrJ,GACJnJ,KAAKwS,a,CAGP,oBAAAvR,GAAoB,CAEpB,MAAAf,GACE,OACEG,EAACqT,EAAQ,CAAAnT,IAAA,4CACPF,EAAA,QAAAE,IAAA,2CAAMoT,KAAM7B,EAAMC,aAClB1R,EAAA,WAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMuK,aAAc9K,KAAKmS,yBAA0BtH,IAAK7K,KAAKqS,qB","ignoreList":[]}

package/dist/calcite/p-4e6e891e.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{h as n}from"./p-db23b635.js";import{g as t}from"./p-cbd30c0e.js";const i=/firefox/i.test(t());const o=i?new WeakMap:null;function e(){const{disabled:n}=this;if(!n){HTMLElement.prototype.click.call(this)}}function r(n){const t=n.target;if(i&&!o.get(t)){return}const{disabled:e}=t;if(e){n.preventDefault()}}const c=["mousedown","mouseup","click"];function f(n){const t=n.target;if(i&&!o.get(t)){return}if(t.disabled){n.stopImmediatePropagation();n.preventDefault()}}const u={capture:true};function s(n){if(n.disabled){n.el.setAttribute("aria-disabled","true");if(n.el.contains(document.activeElement)){document.activeElement.blur()}a(n);return}p(n);n.el.removeAttribute("aria-disabled")}function a(n){n.el.click=e;if(i){const t=l(n);const i=o.get(n.el);if(i!==t){m(i);o.set(n.el,t)}d(o.get(n.el));return}d(n.el)}function d(n){if(!n){return}n.addEventListener("pointerdown",r,u);c.forEach((t=>n.addEventListener(t,f,u)))}function l(n){return n.el.parentElement||n.el}function b(n){return"disabled"in n}function p(n){delete n.el.click;if(i){const t=o.get(n.el);let i=false;if(t?.children){for(const o of t.children){if(b(o)&&o.disabled&&o!==n.el){i=true;break}}}if(!i){m(t)}o.delete(n.el);return}m(n.el)}function m(n){if(!n){return}n.removeEventListener("pointerdown",r,u);c.forEach((t=>n.removeEventListener(t,f,u)))}function w(n){if(!n.disabled||!i){return}a(n)}function k(n){if(!i){return}p(n)}const h={container:"interaction-container"};function j({disabled:t},i){return n("div",{class:h.container,inert:t},...i)}export{j as I,w as c,k as d,s as u};
+//# sourceMappingURL=p-4e6e891e.js.map

package/dist/calcite/p-4fada18f.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{r as e,c as t,h as s,H as i,g as a}from"./p-db23b635.js";import{k as c,d as o,t as r}from"./p-59c099e0.js";import{c as d,u as n,d as h,I as l}from"./p-4e6e891e.js";import{a as p,s as b,b as f}from"./p-fbe671fc.js";import"./p-e0df786c.js";import"./p-48ec8617.js";import"./p-cbd30c0e.js";const u=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-card-group-gap:var(--calcite-size-md);display:block}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-gap)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const m=u;const g=class{constructor(s){e(this,s);this.calciteCardGroupSelect=t(this,"calciteCardGroupSelect",6);this.items=[];this.udpateItemsOnSelectionModeChange=()=>{this.updateSlottedItems(this.slotRefEl);this.updateSelectedItems()};this.updateItemsOnSlotChange=e=>{this.updateSlottedItems(e.target);this.updateSelectedItems()};this.updateSlottedItems=e=>{this.items=e.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-card")))};this.updateSelectedItems=()=>{this.items.forEach((e=>{e.selectionMode=this.selectionMode}));this.setSelectedItems(false)};this.setSelectedItems=(e,t)=>{if(t){this.items.forEach((e=>{const s=t===e;switch(this.selectionMode){case"multiple":if(s){e.selected=!e.selected}break;case"single":e.selected=s?!e.selected:false;break;case"single-persist":e.selected=!!s;break}}))}this.selectedItems=this.items.filter((e=>e.selected));if(e&&this.selectionMode!=="none"&&!this.disabled){this.calciteCardGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.udpateItemsOnSelectionModeChange()}connectedCallback(){d(this)}componentDidRender(){n(this)}componentDidLoad(){p(this)}disconnectedCallback(){h(this)}async componentWillLoad(){b(this)}calciteInternalCardKeyEventListener(e){if(e.composedPath().includes(this.el)){const t=this.items.filter((e=>!e.disabled));switch(e.detail["key"]){case"ArrowRight":c(t,e.target,"next");break;case"ArrowLeft":c(t,e.target,"previous");break;case"Home":c(t,e.target,"first");break;case"End":c(t,e.target,"last");break}}}calciteCardSelectListener(e){if(e.composedPath().includes(this.el)&&!e.target.selectable){this.setSelectedItems(true,e.target)}}async setFocus(){await f(this);if(!this.disabled){o(this.items[0])}}render(){const e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return s(i,{key:"f7d72ac0d0c8b0cec9b1c5c048ed2a8ee304d9e2"},s(l,{key:"b477bbced684168f1e68c1fe0d8511a689653995",disabled:this.disabled},s("div",{key:"ce0aa841b96ad23886e109203a14ac2b0e54b948","aria-disabled":r(this.disabled),"aria-label":this.label,class:"container",role:e},s("slot",{key:"338c12be0a5a675daf911aad6049aff6319d3064",onSlotchange:this.updateItemsOnSlotChange,ref:e=>this.slotRefEl=e}))))}get el(){return a(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};g.style=m;export{g as calcite_card_group};
+//# sourceMappingURL=p-4fada18f.entry.js.map

package/dist/calcite/p-510c4711.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{a as t,r as i,h as s,H as n,g as e}from"./p-db23b635.js";import{g as c,t as o}from"./p-59c099e0.js";import{c as a}from"./p-4d88aaa8.js";import"./p-e0df786c.js";import"./p-48ec8617.js";const l={icon:"icon",flipRtl:"flip-rtl"};const r={};const h={};const p={s:16,m:24,l:32};function u({icon:t,scale:i}){const s=p[i];const n=b(t);const e=n.charAt(n.length-1)==="F";const c=e?n.substring(0,n.length-1):n;return`${c}${s}${e?"F":""}`}async function d(i){const s=u(i);const n=m(s);if(n){return n}if(!h[s]){h[s]=fetch(t(`./assets/icon/${s}.json`)).then((t=>t.json())).catch((()=>{console.error(`"${s}" is not a valid calcite-ui-icon name`);return""}))}const e=await h[s];r[s]=e;return e}function f(t){return m(u(t))}function m(t){return r[t]}function b(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 x=":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 g=x;const z=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(){if(!this.visible){this.waitUntilVisible((()=>{this.visible=true;this.loadIconPathData()}))}}disconnectedCallback(){this.intersectionObserver?.disconnect();this.intersectionObserver=null}render(){const{el:t,flipRtl:i,pathData:e,scale:a,textLabel:r}=this;const h=c(t);const u=p[a];const d=!!r;const f=[].concat(e||"");return s(n,{key:"4b805ebabcba12da23c86f4d4cecf244ad12063c","aria-hidden":o(!d),"aria-label":d?r:null,role:d?"img":null},s("svg",{key:"657b040d2402e191dca1861774e0f1579d2acf74","aria-hidden":"true",class:{[l.flipRtl]:h==="rtl"&&i,svg:true},fill:"currentColor",height:"100%",viewBox:`0 0 ${u} ${u}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},f.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={icon:t,scale:i};const e=f(n)||await d(n);if(t!==this.icon){return}this.pathData=e}waitUntilVisible(t){this.intersectionObserver=a("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"]}}};z.style=g;export{z as calcite_icon};
+//# sourceMappingURL=p-510c4711.entry.js.map

package/dist/calcite/p-519e1e25.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{r as t,c as s,h as e,g as i,H as a}from"./p-db23b635.js";import{c as o,u as n,d as r,I as c}from"./p-4e6e891e.js";import{s as l,a as h,c as d}from"./p-fbe671fc.js";import{c as f,d as p}from"./p-7b6bbeb3.js";import{c as u}from"./p-4d88aaa8.js";import{u as m,c as b,s as g,d as w}from"./p-30962efe.js";import{g as v,m as x,d as y,a as k,s as L,h as j,b as I,c as C,k as D,e as z,i as H,f as S,j as A,l as F,n as R,r as B,o as E,p as U,q as _,t as V,L as M,I as O,C as q,S as G}from"./p-248e8536.js";import{d as K,c as T}from"./p-b0be3940.js";import{d as W,e as $}from"./p-59c099e0.js";import{l as P}from"./p-10a2d40a.js";import{c as J,d as N}from"./p-8c31bb39.js";import{g as Q}from"./p-e0df786c.js";import"./p-cbd30c0e.js";import"./p-440dc3e2.js";import"./p-fad5e65e.js";import"./p-3c335899.js";import"./p-48ec8617.js";import"./p-faa6c364.js";const X={container:"container",handle:"handle"};const Y={grip:"grip"};function Z(t,s,e){const{items:i,messages:a}=e;const o=i.length;const n=v(e,t)+1;const r=s==="idle"?a.dragHandleIdle:s==="active"?a.dragHandleActive:s==="change"?a.dragHandleChange:a.dragHandleCommit;return st(r,t.label,n,o)}function tt(t){const s=t.composedPath().find((t=>t.dataset?.jsHandle!==undefined));const e=t.composedPath().find((t=>t.tagName?.toLowerCase()==="calcite-value-list-item"));return{handle:s,item:e}}function st(t,s,e,i){const a=t.replace("{position}",e.toString());const o=a.replace("{itemLabel}",s);return o.replace("{total}",i.toString())}const et=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-value-list-item:last-of-type{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky)}calcite-filter{margin-block-end:1px}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const it=et;P.deprecated("component",{name:"value-list",removalVersion:3,suggested:"list"});const at=class{constructor(e){t(this,e);this.calciteListChange=s(this,"calciteListChange",6);this.calciteListOrderChange=s(this,"calciteListOrderChange",6);this.calciteListFilter=s(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=u("mutation",x.bind(this));this.handleSelector=`.${X.handle}`;this.dragSelector="calcite-value-list-item";this.setFilterEl=t=>{this.filterEl=t};this.setFilteredItems=t=>{this.filteredItems=t};this.deselectRemovedItems=y.bind(this);this.deselectSiblingItems=k.bind(this);this.selectSiblings=L.bind(this);this.handleFilter=j.bind(this);this.handleFilterEvent=I.bind(this);this.getItemData=C.bind(this);this.keyDownHandler=t=>{if(t.defaultPrevented){return}const{handle:s,item:e}=tt(t);if(s&&!e.handleActivated&&t.key===" "){this.updateScreenReaderText(Z(e,"commit",this))}if(!s||!e.handleActivated){D.call(this,t);return}t.preventDefault();const{items:i}=this;if(t.key===" "){this.updateScreenReaderText(Z(e,"active",this))}if(t.key!=="ArrowUp"&&t.key!=="ArrowDown"||i.length<=1){return}const{el:a}=this;const o=z(this,e,t.key==="ArrowUp"?"up":"down");if(o===i.length-1){a.appendChild(e)}else{const t=a.children[o];const s=t===e.nextElementSibling?t.nextElementSibling:t;a.insertBefore(e,s)}this.items=this.getItems();this.calciteListOrderChange.emit(this.items.map((({value:t})=>t)));requestAnimationFrame((()=>W(s)));e.handleActivated=true;this.updateHandleAriaLabel(s,Z(e,"change",this))};this.storeAssistiveEl=t=>{this.assistiveTextEl=t};this.handleFocusIn=t=>{const{handle:s,item:e}=tt(t);if(!e?.handleActivated&&e&&s){this.updateHandleAriaLabel(s,Z(e,"idle",this))}};this.disabled=false;this.canPull=undefined;this.canPut=undefined;this.dragEnabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.group=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.messageOverrides=undefined;this.messages=undefined;this.dataForFilter=[];this.defaultMessages=undefined;this.effectiveLocale="";this.selectedValues=new Map}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){o(this);f(this);b(this);H.call(this);S.call(this);this.setUpSorting()}async componentWillLoad(){l(this);await g(this)}componentDidLoad(){h(this);A.call(this)}componentDidRender(){n(this)}disconnectedCallback(){r(this);K(this);p(this);w(this);F.call(this)}calciteListFocusOutHandler(t){R.call(this,t)}calciteListItemRemoveHandler(t){B.call(this,t)}calciteListItemChangeHandler(t){E.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){U.call(this,t);t.stopPropagation()}onGlobalDragStart(){F.call(this)}onGlobalDragEnd(){S.call(this)}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map((t=>t.value));this.calciteListOrderChange.emit(t)}getItems(){return Array.from(this.el.querySelectorAll("calcite-value-list-item"))}setUpItems(){_.call(this,"calcite-value-list-item");this.setUpSorting()}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}setUpSorting(){const{dragEnabled:t}=this;if(!t){return}T(this)}handleBlur(){if(this.dragEnabled){this.updateScreenReaderText("")}}async getSelectedItems(){return this.selectedValues}async setFocus(t){await d(this);return V.call(this,t)}getIconType(){let t=null;if(this.dragEnabled){t=Y.grip}return t}updateScreenReaderText(t){this.assistiveTextEl.textContent=t}updateHandleAriaLabel(t,s){t.ariaLabel=s}handleValueListItemBlur(t){const{item:s,handle:e}=t.detail;if(!s?.handleActivated&&s){this.updateHandleAriaLabel(e,Z(s,"idle",this))}t.stopPropagation()}render(){return e(M,{key:"226659128d8b783ff03fabc4ad086291d3ec749c",onBlur:this.handleBlur,onFocusin:this.handleFocusIn,onKeyDown:this.keyDownHandler,props:this})}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};at.style=it;const ot={drag:"drag"};const nt={actionsEnd:"actions-end",actionsStart:"actions-start"};const rt=":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{margin-block-end:1px;box-sizing:border-box;display:flex;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}:host *{box-sizing:border-box}calcite-pick-list-item{position:relative;margin:0px;flex-grow:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([active]),:host([selected]){--tw-shadow:0 0 0 1px var(--calcite-color-brand);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.handle{display:flex;cursor:move;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding-block:0px;padding-inline:0.25rem;color:var(--calcite-color-border-input);outline-color:transparent}.handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.handle: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          )}.handle--activated{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.handle calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const ct=rt;const lt=class{constructor(e){t(this,e);this.calciteListItemChange=s(this,"calciteListItemChange",6);this.calciteListItemRemove=s(this,"calciteListItemRemove",7);this.calciteValueListItemDragHandleBlur=s(this,"calciteValueListItemDragHandleBlur",6);this.pickListItem=null;this.guid=`calcite-value-list-item-${Q()}`;this.getPickListRef=t=>this.pickListItem=t;this.handleKeyDown=t=>{if(t.key===" "){this.handleActivated=!this.handleActivated}};this.handleBlur=()=>{this.handleActivated=false;this.calciteValueListItemDragHandleBlur.emit({item:this.el,handle:this.handleEl})};this.handleSelectChange=t=>{this.selected=t.detail.selected};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.handleActivated=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined}connectedCallback(){J(this);o(this)}disconnectedCallback(){N(this);r(this)}componentWillLoad(){l(this)}componentDidLoad(){h(this)}componentDidRender(){n(this)}async toggleSelected(t){this.pickListItem.toggleSelected(t)}async setFocus(){await d(this);return this.pickListItem?.setFocus()}calciteListItemChangeHandler(t){t.detail.item=this.el}renderActionsEnd(){const{el:t}=this;const s=$(t,nt.actionsEnd);return s?e("slot",{name:nt.actionsEnd,slot:G.actionsEnd}):null}renderActionsStart(){const{el:t}=this;const s=$(t,nt.actionsStart);return s?e("slot",{name:nt.actionsStart,slot:G.actionsStart}):null}renderHandle(){const{icon:t,iconFlipRtl:s}=this;if(t===O.grip){return e("span",{class:{[q.handle]:true,[q.handleActivated]:this.handleActivated},"data-js-handle":true,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:t=>this.handleEl=t,role:"button",tabindex:"0"},e("calcite-icon",{flipRtl:s,icon:ot.drag,scale:"s"}))}}render(){return e(a,{key:"14188753132100bcb27644429080e6dc63520d9d",id:this.el.id||this.guid},e(c,{key:"0d5a7197f8fc10437fe98270bff3854a97995120",disabled:this.disabled},this.renderHandle(),e("calcite-pick-list-item",{key:"1a96184916a524d15ed1eba9c54f81713ff871a7",description:this.description,deselectDisabled:this.deselectDisabled,disabled:this.disabled,label:this.label,metadata:this.metadata,nonInteractive:this.nonInteractive,onCalciteListItemChange:this.handleSelectChange,ref:this.getPickListRef,removable:this.removable,selected:this.selected,value:this.value},this.renderActionsStart(),this.renderActionsEnd())))}get el(){return i(this)}};lt.style=ct;export{at as calcite_value_list,lt as calcite_value_list_item};
+//# sourceMappingURL=p-519e1e25.entry.js.map

package/dist/calcite/p-51a1bedb.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{r as e,c as t,h as i,H as s,g as a}from"./p-db23b635.js";import{s as n,a as c}from"./p-fbe671fc.js";import{u as l,s as o,c as r,d as h}from"./p-30962efe.js";import{n as d,c as b,d as f}from"./p-7b6bbeb3.js";import{g as p}from"./p-cbd30c0e.js";import"./p-59c099e0.js";import"./p-e0df786c.js";import"./p-48ec8617.js";import"./p-440dc3e2.js";import"./p-4d88aaa8.js";const u={bordered:"bordered",striped:"striped",selectionArea:"selection-area",paginationArea:"pagination-area",container:"container",tableContainer:"table-container",tableFixed:"table--fixed",assistiveText:"assistive-text",selectionActions:"selection-actions"};const g={selectionActions:"selection-actions",tableHeader:"table-header",tableFooter:"table-footer"};const m=":host([scale=s]){--calcite-internal-table-cell-padding:0.25rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding:0.5rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-table-cell-padding:1rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--1)}:host{display:flex}.container{display:flex;block-size:100%;inline-size:100%;flex-direction:column}.table-container{overflow:auto;white-space:nowrap;border:1px solid var(--calcite-color-border-3)}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}table{inline-size:100%;border-collapse:collapse;overflow-x:scroll}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color:var(--calcite-color-border-3)}.striped ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background:var(--calcite-color-foreground-2)}.selection-actions{display:flex;flex-direction:row;margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:0.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:0.5rem}.selection-area calcite-button{margin-inline-end:1rem}.pagination-area{display:flex;inline-size:100%;flex-direction:row;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center}:host([hidden]){display:none}[hidden]{display:none}";const v=m;const y=class{constructor(i){e(this,i);this.calciteTableSelect=t(this,"calciteTableSelect",6);this.calciteTablePageChange=t(this,"calciteTablePageChange",6);this.calciteInternalTableRowFocusChange=t(this,"calciteInternalTableRowFocusChange",6);this.getSlottedRows=e=>e?.assignedElements({flatten:true})?.filter((e=>e?.matches("calcite-table-row")));this.updateRows=()=>{const e=this.getSlottedRows(this.tableHeadSlotEl)||[];const t=this.getSlottedRows(this.tableBodySlotEl)||[];const i=this.getSlottedRows(this.tableFootSlotEl)||[];const s=[...e,...t,...i];e?.forEach((t=>{const i=e?.indexOf(t);t.rowType="head";t.positionSection=i;t.positionSectionLocalized=this.localizeNumber((i+1).toString())}));t?.forEach((e=>{const i=t?.indexOf(e);e.rowType="body";e.positionSection=i;e.positionSectionLocalized=this.localizeNumber((i+1).toString())}));i?.forEach((e=>{const t=i?.indexOf(e);e.rowType="foot";e.positionSection=t;e.positionSectionLocalized=this.localizeNumber((t+1).toString())}));s?.forEach((e=>{e.interactionMode=this.interactionMode;e.selectionMode=this.selectionMode;e.bodyRowCount=t?.length;e.positionAll=s?.indexOf(e);e.numbered=this.numbered;e.scale=this.scale;e.readCellContentsToAT=this.readCellContentsToAT;e.lastVisibleRow=s?.indexOf(e)===s.length-1}));const a=e[0]?.cellCount||e[0]?.querySelectorAll("calcite-table-header")?.length;this.colCount=a;this.headRows=e;this.bodyRows=t;this.footRows=i;this.allRows=s;this.updateSelectedItems();this.paginateRows()};this.handlePaginationChange=()=>{const e=this.paginationEl?.startItem;this.pageStartRow=e||1;this.calciteTablePageChange.emit();this.updateRows()};this.paginateRows=()=>{this.bodyRows?.forEach((e=>{const t=e.positionSection+1;const i=t>=this.pageStartRow&&t<this.pageStartRow+this.pageSize;e.hidden=this.pageSize>0&&!i&&!this.footRows.includes(e);e.lastVisibleRow=t===this.pageStartRow+this.pageSize-1||t===this.bodyRows.length}))};this.updateSelectedItems=e=>{const t=this.bodyRows?.filter((e=>e.selected));this.selectedItems=t;this.selectedCount=t?.length;this.allRows?.forEach((e=>{e.selectedRowCount=this.selectedCount;e.selectedRowCountLocalized=this.localizeNumber(this.selectedCount)}));if(e){this.calciteTableSelect.emit()}};this.handleDeselectAllRows=()=>{this.bodyRows?.forEach((e=>{e.selected=false}));this.updateSelectedItems(true)};this.setSelectedItems=e=>{this.bodyRows?.forEach((t=>{if(e?.rowType==="head"){t.selected=this.selectedCount!==this.bodyRows?.length}else{t.selected=e===t?!t.selected:this.selectionMode==="multiple"?t.selected:false}}));this.updateSelectedItems(true)};this.localizeNumber=e=>{d.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return d.localize(e.toString())};this.bordered=false;this.caption=undefined;this.groupSeparator=false;this.interactionMode="interactive";this.layout="auto";this.numbered=false;this.numberingSystem=undefined;this.pageSize=0;this.scale="m";this.selectionMode="none";this.selectionDisplay="top";this.zebra=false;this.striped=false;this.selectedItems=[];this.messages=undefined;this.messageOverrides=undefined;this.colCount=0;this.pageStartRow=1;this.selectedCount=0;this.readCellContentsToAT=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleNumberedChange(){this.updateRows()}onMessagesChange(){}effectiveLocaleChange(){l(this,this.effectiveLocale)}async componentWillLoad(){n(this);await o(this);this.readCellContentsToAT=/safari/i.test(p());this.updateRows()}componentDidLoad(){c(this)}connectedCallback(){b(this);r(this)}disconnectedCallback(){f(this);h(this)}calciteChipSelectListener(e){if(e.composedPath().includes(this.el)){this.setSelectedItems(e.target)}}calciteInternalTableRowFocusEvent(e){const t=e["detail"].cellPosition;const i=e["detail"].rowPosition;const s=e["detail"].destination;const a=e["detail"].lastCell;const n=this.bodyRows?.filter((e=>!e.hidden));const c=this.allRows?.filter((e=>!e.hidden));const l=this.headRows[this.headRows.length-1]?.positionAll;const o=n[0]?.positionAll;const r=n[n.length-1]?.positionAll;const h=this.footRows[0]?.positionAll;const d=c[c.length-1]?.positionAll;const b=s==="next"&&i===l;const f=s==="previous"&&i===h;const p=s==="previous"&&i===o;const u=s==="next"&&i===r;let g;switch(s){case"first":g=0;break;case"last":g=d;break;case"next":g=b?o:u?h:i+1;break;case"previous":g=f?r:p?l:i-1;break}const m=this.allRows?.find((e=>e.positionAll===g))?.cellCount;const v=t>m?m:t;if(g!==undefined){this.calciteInternalTableRowFocusChange.emit({cellPosition:v,rowPosition:g,destination:s,lastCell:a})}}renderSelectionArea(){const e=this.selectedItems?.filter((e=>e.hidden))?.length;const t=this.localizeNumber(e?.toString());const s=this.localizeNumber(this.selectedCount?.toString());const a=`${s} ${this.messages.selected}`;const n=`${t} ${this.messages.hiddenSelected}`;return i("div",{class:u.selectionArea},i("calcite-chip",{kind:this.selectedCount>0?"brand":"neutral",scale:this.scale,value:a},a),e>0&&i("calcite-chip",{icon:"hide-empty",scale:this.scale,title:n,value:n},t),this.selectedCount>0&&i("calcite-button",{"icon-start":"x",kind:"neutral",onClick:this.handleDeselectAllRows,round:true,scale:this.scale,title:`${this.messages.clear} ${a} ${this.messages.row}`},this.messages.clear),i("div",{class:u.selectionActions},i("slot",{name:g.selectionActions})))}renderPaginationArea(){return i("div",{class:u.paginationArea},i("calcite-pagination",{groupSeparator:this.groupSeparator,numberingSystem:this.numberingSystem,onCalcitePaginationChange:this.handlePaginationChange,pageSize:this.pageSize,ref:e=>this.paginationEl=e,scale:this.scale,startItem:1,totalItems:this.bodyRows?.length}))}renderTHead(){return i("thead",null,i("slot",{name:g.tableHeader,onSlotchange:this.updateRows,ref:e=>this.tableHeadSlotEl=e}))}renderTBody(){return i("tbody",null,i("slot",{onSlotchange:this.updateRows,ref:e=>this.tableBodySlotEl=e}))}renderTFoot(){return i("tfoot",null,i("slot",{name:g.tableFooter,onSlotchange:this.updateRows,ref:e=>this.tableFootSlotEl=e}))}render(){return i(s,{key:"7bb9b92784bc4417b05bc744685b410527aef669"},i("div",{key:"59ec0c71e3b66d6cdfa6d458530b279ced43a240",class:u.container},this.selectionMode!=="none"&&this.selectionDisplay!=="none"&&this.renderSelectionArea(),i("div",{key:"284cb3f366fc311502dd852b11ed91c941d17a2b",class:{[u.bordered]:this.bordered,[u.striped]:this.striped||this.zebra,[u.tableContainer]:true}},i("table",{key:"993b514094d7e73fd632b4f73c2f180c31883dc9","aria-colcount":this.colCount,"aria-multiselectable":this.selectionMode==="multiple","aria-rowcount":this.allRows?.length,class:{[u.tableFixed]:this.layout==="fixed"},role:this.interactionMode==="interactive"?"grid":"table"},i("caption",{key:"191c60a1352e9a7c6a50ebe61067e4ae89a5f6b7",class:u.assistiveText},this.caption),this.renderTHead(),this.renderTBody(),this.renderTFoot())),this.pageSize>0&&this.renderPaginationArea()))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{groupSeparator:["handleNumberedChange"],interactionMode:["handleNumberedChange"],numbered:["handleNumberedChange"],numberingSystem:["handleNumberedChange"],pageSize:["handleNumberedChange"],scale:["handleNumberedChange"],selectionMode:["handleNumberedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};y.style=v;export{y as calcite_table};
+//# sourceMappingURL=p-51a1bedb.entry.js.map

package/dist/calcite/p-51a57100.entry.js

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

package/dist/calcite/p-54151a52.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{d as Y}from"./p-7f305814.js";import"./p-db23b635.js";import"./p-d9895327.js";import"./p-59c099e0.js";import"./p-e0df786c.js";import"./p-48ec8617.js";import"./p-4e6e891e.js";import"./p-cbd30c0e.js";import"./p-440dc3e2.js";import"./p-0707d636.js";import"./p-61a6479b.js";import"./p-fbe671fc.js";import"./p-7b6bbeb3.js";import"./p-4d88aaa8.js";import"./p-df427464.js";import"./p-faa6c364.js";import"./p-fd85ef0c.js";import"./p-30962efe.js";import"./p-a7bcc06b.js";import"./p-b54b9358.js";import"./p-2037c1f9.js";var m={s:"מספר שניות",ss:"%d שניות",m:"דקה",mm:"%d דקות",h:"שעה",hh:"%d שעות",hh2:"שעתיים",d:"יום",dd:"%d ימים",dd2:"יומיים",M:"חודש",MM:"%d חודשים",MM2:"חודשיים",y:"שנה",yy:"%d שנים",yy2:"שנתיים"};function M(Y,M,_){var d=m[_+(Y===2?"2":"")]||m[_];return d.replace("%d",Y)}var _={name:"he",weekdays:"ראשון_שני_שלישי_רביעי_חמישי_שישי_שבת".split("_"),weekdaysShort:"א׳_ב׳_ג׳_ד׳_ה׳_ו׳_ש׳".split("_"),weekdaysMin:"א׳_ב׳_ג׳_ד׳_ה׳_ו_ש׳".split("_"),months:"ינואר_פברואר_מרץ_אפריל_מאי_יוני_יולי_אוגוסט_ספטמבר_אוקטובר_נובמבר_דצמבר".split("_"),monthsShort:"ינו_פבר_מרץ_אפר_מאי_יונ_יול_אוג_ספט_אוק_נוב_דצמ".split("_"),relativeTime:{future:"בעוד %s",past:"לפני %s",s:M,m:M,mm:M,h:M,hh:M,d:M,dd:M,M,MM:M,y:M,yy:M},ordinal:function Y(m){return m},format:{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",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},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",l:"D/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"}};Y.locale(_,null,true);export{_ as default};
+//# sourceMappingURL=p-54151a52.js.map

package/dist/calcite/p-54a55ecc.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{d as r}from"./p-7f305814.js";import"./p-db23b635.js";import"./p-d9895327.js";import"./p-59c099e0.js";import"./p-e0df786c.js";import"./p-48ec8617.js";import"./p-4e6e891e.js";import"./p-cbd30c0e.js";import"./p-440dc3e2.js";import"./p-0707d636.js";import"./p-61a6479b.js";import"./p-fbe671fc.js";import"./p-7b6bbeb3.js";import"./p-4d88aaa8.js";import"./p-df427464.js";import"./p-faa6c364.js";import"./p-fd85ef0c.js";import"./p-30962efe.js";import"./p-a7bcc06b.js";import"./p-b54b9358.js";import"./p-2037c1f9.js";var m={name:"sv",weekdays:"söndag_måndag_tisdag_onsdag_torsdag_fredag_lördag".split("_"),weekdaysShort:"sön_mån_tis_ons_tor_fre_lör".split("_"),weekdaysMin:"sö_må_ti_on_to_fr_lö".split("_"),months:"januari_februari_mars_april_maj_juni_juli_augusti_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mar_apr_maj_jun_jul_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function r(m){var e=m%10;var t=e===1||e===2?"a":"e";return"["+m+t+"]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [kl.] HH:mm",LLLL:"dddd D MMMM YYYY [kl.] HH:mm",lll:"D MMM YYYY HH:mm",llll:"ddd D MMM YYYY HH:mm"},relativeTime:{future:"om %s",past:"för %s sedan",s:"några sekunder",m:"en minut",mm:"%d minuter",h:"en timme",hh:"%d timmar",d:"en dag",dd:"%d dagar",M:"en månad",MM:"%d månader",y:"ett år",yy:"%d år"}};r.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-54a55ecc.js.map

package/dist/calcite/p-551eaa39.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{r as e,c as t,h as s,g as i}from"./p-db23b635.js";import{t as a}from"./p-59c099e0.js";import{s as n,a as o,c}from"./p-fbe671fc.js";import{c as l,d as r}from"./p-7b6bbeb3.js";import{c as d,s as h,d as f,u}from"./p-30962efe.js";import{c as p,u as b,d as g}from"./p-4e6e891e.js";import"./p-e0df786c.js";import"./p-48ec8617.js";import"./p-440dc3e2.js";import"./p-4d88aaa8.js";import"./p-cbd30c0e.js";const m={handle:"handle",handleSelected:"handle--selected"};const v={drag:"drag"};const y={itemLabel:"{itemLabel}",position:"{position}",total:"{total}"};const x=":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}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;outline-color:transparent;color:var(--calcite-color-border-input);padding-block:0.75rem;padding-inline:0.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:not([disabled])) .handle:focus{color:var(--calcite-color-text-1);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:not([disabled])) .handle--selected{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const C=x;const j=class{constructor(s){e(this,s);this.calciteHandleChange=t(this,"calciteHandleChange",6);this.calciteHandleNudge=t(this,"calciteHandleNudge",6);this.calciteInternalAssistiveTextChange=t(this,"calciteInternalAssistiveTextChange",6);this.handleKeyDown=e=>{if(this.disabled){return}switch(e.key){case" ":this.selected=!this.selected;this.calciteHandleChange.emit();e.preventDefault();break;case"ArrowUp":if(!this.selected){return}e.preventDefault();this.calciteHandleNudge.emit({direction:"up"});break;case"ArrowDown":if(!this.selected){return}e.preventDefault();this.calciteHandleNudge.emit({direction:"down"});break}};this.handleBlur=()=>{if(this.blurUnselectDisabled||this.disabled){return}if(this.selected){this.selected=false;this.calciteHandleChange.emit()}};this.selected=false;this.disabled=false;this.dragHandle=undefined;this.messages=undefined;this.setPosition=undefined;this.setSize=undefined;this.label=undefined;this.blurUnselectDisabled=false;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}handleAriaTextChange(){const e=this.getAriaText("live");if(e){this.calciteInternalAssistiveTextChange.emit({message:e})}}onMessagesChange(){}connectedCallback(){p(this);d(this);l(this)}async componentWillLoad(){n(this);await h(this)}componentDidLoad(){o(this)}componentDidRender(){b(this)}disconnectedCallback(){g(this);f(this);r(this)}effectiveLocaleChange(){u(this,this.effectiveLocale)}async setFocus(){await c(this);this.handleButton?.focus()}getTooltip(){const{label:e,messages:t}=this;if(!t){return""}if(!e){return t.dragHandleUntitled}return t.dragHandle.replace(y.itemLabel,e)}getAriaText(e){const{setPosition:t,setSize:s,label:i,messages:a,selected:n}=this;if(!a||!i||typeof s!=="number"||typeof t!=="number"){return null}const o=e==="label"?n?a.dragHandleChange:a.dragHandleIdle:n?a.dragHandleActive:a.dragHandleCommit;const c=o.replace(y.position,t.toString());const l=c.replace(y.itemLabel,i);return l.replace(y.total,s.toString())}render(){return s("span",{key:"e271251b631aeec3adfc4c798d68b13dc0f69d2d","aria-checked":this.disabled?null:a(this.selected),"aria-disabled":this.disabled?a(this.disabled):null,"aria-label":this.disabled?null:this.getAriaText("label"),class:{[m.handle]:true,[m.handleSelected]:!this.disabled&&this.selected},onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:e=>{this.handleButton=e},role:"radio",tabIndex:this.disabled?null:0,title:this.getTooltip()},s("calcite-icon",{key:"ca93b0e445c8c45c7389dbf252d40c72b52cf735",icon:v.drag,scale:"s"}))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messages:["handleAriaTextChange"],label:["handleAriaTextChange"],selected:["handleAriaTextChange"],setPosition:["handleAriaTextChange"],setSize:["handleAriaTextChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=C;export{j as calcite_handle};
+//# sourceMappingURL=p-551eaa39.entry.js.map

package/dist/calcite/p-56eba95c.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{r as t,c as i,f as e,h as s,H as o,g as a}from"./p-db23b635.js";import{g as r}from"./p-fad5e65e.js";import{g as n,d as c,t as d}from"./p-59c099e0.js";import{c as h,d as l,H as f}from"./p-d9895327.js";import{g as u}from"./p-e0df786c.js";import{c as b,d as p,u as m,I as k}from"./p-4e6e891e.js";import{c as v,d as x,g}from"./p-0707d636.js";import{c as w,s as y,a as z}from"./p-fbe671fc.js";import"./p-48ec8617.js";import"./p-cbd30c0e.js";import"./p-61a6479b.js";const C={container:"container"};const A=':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:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::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 R=A;const j=class{constructor(e){t(this,e);this.calciteInternalRadioButtonBlur=i(this,"calciteInternalRadioButtonBlur",6);this.calciteRadioButtonChange=i(this,"calciteRadioButtonChange",6);this.calciteInternalRadioButtonCheckedChange=i(this,"calciteInternalRadioButtonCheckedChange",6);this.calciteInternalRadioButtonFocus=i(this,"calciteInternalRadioButtonFocus",6);this.selectItem=(t,i)=>{t[i].click()};this.queryButtons=()=>Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name));this.isFocusable=()=>{const t=this.queryButtons();const i=t.find((t=>!t.disabled));const e=t.find((t=>t.checked));return i===this.el&&!e};this.check=()=>{if(this.disabled){return}this.focused=true;this.setFocus();if(this.checked){return}this.uncheckAllRadioButtonsInGroup();this.checked=true;this.calciteRadioButtonChange.emit()};this.clickHandler=()=>{if(this.disabled){return}this.check()};this.setContainerEl=t=>{this.containerEl=t};this.handleKeyDown=t=>{const i=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];const{key:e}=t;const{el:s}=this;if(i.indexOf(e)===-1){return}if(e===" "){this.check();t.preventDefault();return}let o=e;if(n(s)==="rtl"){if(e==="ArrowRight"){o="ArrowLeft"}if(e==="ArrowLeft"){o="ArrowRight"}}const a=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name));let c=0;const d=a.length;a.some(((t,i)=>{if(t.checked){c=i;return true}}));switch(o){case"ArrowLeft":case"ArrowUp":t.preventDefault();this.selectItem(a,r(Math.max(c-1,-1),d));return;case"ArrowRight":case"ArrowDown":t.preventDefault();this.selectItem(a,r(c+1,d));return;default:return}};this.onContainerBlur=()=>{this.focused=false;this.calciteInternalRadioButtonBlur.emit()};this.onContainerFocus=()=>{if(!this.disabled){this.focused=true;this.calciteInternalRadioButtonFocus.emit()}};this.checked=false;this.disabled=false;this.focused=false;this.form=undefined;this.guid=undefined;this.hovered=false;this.label=undefined;this.name=undefined;this.required=false;this.scale="m";this.value=undefined}handleHiddenChange(){this.updateTabIndexOfOtherRadioButtonsInGroup()}checkedChanged(t){if(t){this.uncheckOtherRadioButtonsInGroup()}this.calciteInternalRadioButtonCheckedChange.emit()}disabledChanged(){this.updateTabIndexOfOtherRadioButtonsInGroup()}nameChanged(){this.checkLastRadioButton()}async setFocus(){await w(this);if(!this.disabled){c(this.containerEl)}}syncHiddenFormInput(t){t.type="radio"}onLabelClick(t){if(this.disabled||this.el.hidden){return}const i=t.currentTarget;const e=i.for?this.rootNode.querySelector(`calcite-radio-button[id="${i.for}"]`):i.querySelector(`calcite-radio-button[name="${this.name}"]`);if(!e){return}e.focused=true;this.setFocus();if(e.checked){return}this.uncheckOtherRadioButtonsInGroup();e.checked=true;this.calciteRadioButtonChange.emit()}checkLastRadioButton(){const t=this.queryButtons();const i=t.filter((t=>t.checked));if(i?.length>1){const t=i[i.length-1];i.filter((i=>i!==t)).forEach((t=>{t.checked=false;t.emitCheckedChange()}))}}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}uncheckAllRadioButtonsInGroup(){const t=this.queryButtons();t.forEach((t=>{if(t.checked){t.checked=false;t.focused=false}}))}uncheckOtherRadioButtonsInGroup(){const t=this.queryButtons();const i=t.filter((t=>t.guid!==this.guid));i.forEach((t=>{if(t.checked){t.checked=false;t.focused=false}}))}updateTabIndexOfOtherRadioButtonsInGroup(){const t=this.queryButtons();const i=t.filter((t=>t.guid!==this.guid&&!t.disabled));i.forEach((t=>{e(t)}))}getTabIndex(){if(this.disabled){return undefined}return this.checked||this.isFocusable()?0:-1}pointerEnterHandler(){if(this.disabled){return}this.hovered=true}pointerLeaveHandler(){if(this.disabled){return}this.hovered=false}connectedCallback(){this.rootNode=this.el.getRootNode();this.guid=this.el.id||`calcite-radio-button-${u()}`;if(this.name){this.checkLastRadioButton()}b(this);v(this);h(this);this.updateTabIndexOfOtherRadioButtonsInGroup()}componentWillLoad(){y(this)}componentDidLoad(){z(this);if(this.focused&&!this.disabled){this.setFocus()}}disconnectedCallback(){p(this);x(this);l(this);this.updateTabIndexOfOtherRadioButtonsInGroup()}componentDidRender(){m(this)}render(){const t=this.getTabIndex();return s(o,{key:"0aa3e11dcb8c9be838a66b835868f32616e0bed8",onClick:this.clickHandler,onKeyDown:this.handleKeyDown},s(k,{key:"7536551c8e55bf2d7db2b1f96f265afee127bb35",disabled:this.disabled},s("div",{key:"11a209ffdeae4336f539a1a46cc7bf619a91551e","aria-checked":d(this.checked),"aria-label":g(this),class:C.container,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:this.setContainerEl,role:"radio",tabIndex:t},s("div",{key:"5211ed3aaf9b84acfcf1988808170da63bbc23d5",class:"radio"})),s(f,{key:"75946d8d33a1f4fb684026d98e880d99f23cd295",component:this})))}get el(){return a(this)}static get watchers(){return{hidden:["handleHiddenChange"],checked:["checkedChanged"],disabled:["disabledChanged"],name:["nameChanged"]}}};j.style=R;export{j as calcite_radio_button};
+//# sourceMappingURL=p-56eba95c.entry.js.map

package/dist/calcite/p-581201f2.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{d as _}from"./p-7f305814.js";import"./p-db23b635.js";import"./p-d9895327.js";import"./p-59c099e0.js";import"./p-e0df786c.js";import"./p-48ec8617.js";import"./p-4e6e891e.js";import"./p-cbd30c0e.js";import"./p-440dc3e2.js";import"./p-0707d636.js";import"./p-61a6479b.js";import"./p-fbe671fc.js";import"./p-7b6bbeb3.js";import"./p-4d88aaa8.js";import"./p-df427464.js";import"./p-faa6c364.js";import"./p-fd85ef0c.js";import"./p-30962efe.js";import"./p-a7bcc06b.js";import"./p-b54b9358.js";import"./p-2037c1f9.js";var p={name:"bg",weekdays:"неделя_понеделник_вторник_сряда_четвъртък_петък_събота".split("_"),weekdaysShort:"нед_пон_вто_сря_чет_пет_съб".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:"януари_февруари_март_април_май_юни_юли_август_септември_октомври_ноември_декември".split("_"),monthsShort:"яну_фев_мар_апр_май_юни_юли_авг_сеп_окт_ное_дек".split("_"),weekStart:1,ordinal:function _(p){var r=p%100;if(r>10&&r<20){return p+"-ти"}var t=p%10;if(t===1){return p+"-ви"}else if(t===2){return p+"-ри"}else if(t===7||t===8){return p+"-ми"}return p+"-ти"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"след %s",past:"преди %s",s:"няколко секунди",m:"минута",mm:"%d минути",h:"час",hh:"%d часа",d:"ден",dd:"%d дена",M:"месец",MM:"%d месеца",y:"година",yy:"%d години"}};_.locale(p,null,true);export{p as default};
+//# sourceMappingURL=p-581201f2.js.map

package/dist/calcite/p-5881fa17.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.11.0-next.23
+ */
+import{r as t,c as e,h as s,g as i}from"./p-db23b635.js";import{s as a,a as n,c as o}from"./p-fbe671fc.js";import{n as l,c as r,d as c}from"./p-7b6bbeb3.js";import{u as h,c as d,s as p,d as m}from"./p-30962efe.js";import{c as f}from"./p-4d88aaa8.js";import{g as u}from"./p-61a6479b.js";import"./p-59c099e0.js";import"./p-e0df786c.js";import"./p-48ec8617.js";import"./p-440dc3e2.js";const g={min:"0",max:"320px"};const b={min:"321px",max:"476px"};const v={min:"477px",max:"768px"};const x={min:"769px",max:"1152px"};const k={min:"1153px",max:"1440px"};const y={width:{large:z(k.max),medium:z(x.max),small:z(v.max),xsmall:z(b.max),xxsmall:z(g.max)}};function z(t){return parseInt(t)}const I={list:"list",listItem:"list-item",page:"page",selected:"selected",chevron:"chevron",disabled:"disabled",ellipsis:"ellipsis"};const C={next:"chevron-right",previous:"chevron-left",first:"chevron-start",last:"chevron-end"};const S=":host{display:flex;writing-mode:horizontal-tb}.list{margin:0px;display:flex;list-style-type:none;padding:0px}.list-item{margin:0px;display:flex;padding:0px}:host([scale=s]) .chevron,:host([scale=s]) .page,:host([scale=s]) .ellipsis{block-size:1.5rem;padding-inline:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;min-inline-size:1.5rem}:host([scale=m]) .chevron,:host([scale=m]) .page,:host([scale=m]) .ellipsis{block-size:2rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;min-inline-size:2rem}:host([scale=l]) .chevron,:host([scale=l]) .page,:host([scale=l]) .ellipsis{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-inline-size:2.75rem}:host([scale=l]) .chevron{padding-inline:0.625rem}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:0.75rem}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.chevron,.page,.ellipsis{margin:0px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity:0;background-color:transparent;padding:0px;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-3)}.chevron,.page{cursor:pointer;border-block:2px solid transparent}.chevron:hover,.page:hover{color:var(--calcite-color-text-1);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}.page:hover{border-block-end-color:var(--calcite-color-border-2)}.page.selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-end-color:var(--calcite-color-brand)}.chevron:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-brand)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron.disabled{pointer-events:none;background-color:transparent}.chevron.disabled>calcite-icon{opacity:var(--calcite-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}";const w=S;const L=2;const j=2;const P={large:11,medium:9,small:7,xsmall:5,xxsmall:1};const X=class{constructor(s){t(this,s);this.calcitePaginationChange=e(this,"calcitePaginationChange",6);this.resizeObserver=f("resize",(t=>t.forEach(this.resizeHandler)));this.resizeHandler=({contentRect:{width:t}})=>this.setMaxItemsToBreakpoint(t);this.firstClicked=()=>{this.startItem=1;this.emitUpdate()};this.lastClicked=()=>{this.startItem=this.lastStartItem;this.emitUpdate()};this.previousClicked=async()=>{await this.previousPage();this.emitUpdate()};this.nextClicked=async()=>{await this.nextPage();this.emitUpdate()};this.handlePageClick=t=>{const e=t.target;this.startItem=parseInt(e.value,10);this.emitUpdate()};this.groupSeparator=false;this.messages=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.pageSize=20;this.scale="m";this.startItem=1;this.totalItems=0;this.defaultMessages=undefined;this.effectiveLocale="";this.maxItems=P.xxsmall;this.totalPages=undefined;this.lastStartItem=undefined;this.isXXSmall=undefined}onMessagesChange(){}handleTotalPages(){if(this.pageSize<1){this.pageSize=1}this.totalPages=this.totalItems/this.pageSize}effectiveLocaleChange(){h(this,this.effectiveLocale)}effectiveLocaleWatcher(){l.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}handleLastStartItemChange(){const{totalItems:t,pageSize:e,totalPages:s}=this;this.lastStartItem=(t%e===0?t-e:Math.floor(s)*e)+1}handleIsXXSmall(){this.isXXSmall=this.maxItems===P.xxsmall}connectedCallback(){r(this);d(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await p(this);a(this);this.handleTotalPages();this.handleLastStartItemChange();this.handleIsXXSmall()}componentDidLoad(){n(this);this.setMaxItemsToBreakpoint(this.el.clientWidth)}disconnectedCallback(){c(this);m(this);this.resizeObserver?.disconnect()}async setFocus(){await o(this);this.el.focus()}async nextPage(){this.startItem=Math.min(this.lastStartItem,this.startItem+this.pageSize)}async previousPage(){this.startItem=Math.max(1,this.startItem-this.pageSize)}async goTo(t){switch(t){case"start":this.startItem=1;break;case"end":this.startItem=this.lastStartItem;break;default:{if(t>=Math.ceil(this.totalPages)){this.startItem=this.lastStartItem}else if(t<=0){this.startItem=1}else{this.startItem=(t-1)*this.pageSize+1}}}}setMaxItemsToBreakpoint(t){if(!y||!t){return}if(t>=y.width.medium){this.maxItems=P.large;return}if(t>=y.width.small){this.maxItems=P.medium;return}if(t>=y.width.xsmall){this.maxItems=P.small;return}if(t>=y.width.xxsmall){this.maxItems=P.xsmall;return}this.maxItems=P.xxsmall}showStartEllipsis(){return this.totalPages>this.maxItems&&Math.floor(this.startItem/this.pageSize)>this.maxItems-L-j}showEndEllipsis(){return this.totalPages>this.maxItems&&(this.totalItems-this.startItem)/this.pageSize>this.maxItems-L-(j-1)}emitUpdate(){this.calcitePaginationChange.emit()}renderEllipsis(t){return s("span",{class:I.ellipsis,"data-test-ellipsis":t,key:t},"…")}renderItems(){const{totalItems:t,pageSize:e,startItem:s,maxItems:i,totalPages:a,lastStartItem:n,isXXSmall:o}=this;const l=[];if(o){l.push(this.renderPage(s));return l}const r=t>e;const c=this.showStartEllipsis();const h=this.showEndEllipsis();if(r){l.push(this.renderPage(1))}if(c){l.push(this.renderEllipsis("start"))}const d=i-L-(h?1:0)-(c?1:0);let p;let m;if(a-1<=d){m=1+e;p=n-e}else{if(s/e<d){m=1+e;p=1+d*e}else{if(s+d*e>=t){m=n-d*e;p=n-e}else{m=s-e*((d-1)/2);p=s+e*((d-1)/2)}}}for(let t=0;t<d&&m<=p;t++){l.push(this.renderPage(m));m=m+e}if(h){l.push(this.renderEllipsis("end"))}l.push(this.renderPage(n));return l}renderPage(t){const{pageSize:e}=this;const i=Math.floor(t/e)+(e===1?0:1);l.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const a=l.localize(i.toString());const n=t===this.startItem;return s("li",{class:I.listItem},s("button",{"aria-current":n?"page":"false",class:{[I.page]:true,[I.selected]:n},onClick:this.handlePageClick,value:t},a))}renderPreviousChevron(){const{pageSize:t,startItem:e,messages:i}=this;const a=t===1?e<=t:e<t;return s("button",{"aria-label":i.previous,class:{[I.chevron]:true,[I.disabled]:a},"data-test-chevron":"previous",disabled:a,key:"previous",onClick:this.previousClicked},s("calcite-icon",{flipRtl:true,icon:C.previous,scale:u(this.scale)}))}renderNextChevron(){const{totalItems:t,pageSize:e,startItem:i,messages:a}=this;const n=e===1?i+e>t:i+e>t;return s("button",{"aria-label":a.next,class:{[I.chevron]:true,[I.disabled]:n},"data-test-chevron":"next",disabled:n,key:"next-button",onClick:this.nextClicked},s("calcite-icon",{flipRtl:true,icon:C.next,scale:u(this.scale)}))}renderFirstChevron(){const{messages:t,startItem:e,isXXSmall:i}=this;const a=e===1;return i?s("button",{"aria-label":t.first,class:{[I.chevron]:true,[I.disabled]:a},disabled:a,key:"first-button",onClick:this.firstClicked},s("calcite-icon",{flipRtl:true,icon:C.first,scale:u(this.scale)})):null}renderLastChevron(){const{messages:t,startItem:e,isXXSmall:i,lastStartItem:a}=this;const n=e===a;return i?s("button",{"aria-label":t.last,class:{[I.chevron]:true,[I.disabled]:n},disabled:n,key:"last-button",onClick:this.lastClicked},s("calcite-icon",{flipRtl:true,icon:C.last,scale:u(this.scale)})):null}render(){return s("ul",{key:"6390e65df49c7a44538fdd238f5984e59b583452",class:I.list},s("li",{key:"9e76e97e7502c7d3282349dc26c7b5677648d5de",class:I.listItem},this.renderFirstChevron()),s("li",{key:"963da073f2e0604666609f1cfe6fbfed3d7fbd65",class:I.listItem},this.renderPreviousChevron()),this.renderItems(),s("li",{key:"980de34d70481d2227f25905b1977ad58b0ae39a",class:I.listItem},this.renderNextChevron()),s("li",{key:"c4b54b2ec12b239eb775a6ec448cb2e9313155ef",class:I.listItem},this.renderLastChevron()))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],totalItems:["handleTotalPages","handleLastStartItemChange"],pageSize:["handleTotalPages","handleLastStartItemChange"],effectiveLocale:["effectiveLocaleChange","effectiveLocaleWatcher"],totalPages:["handleLastStartItemChange"],maxItems:["handleIsXXSmall"]}}};X.style=w;export{X as calcite_pagination};
+//# sourceMappingURL=p-5881fa17.entry.js.map