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

package/dist/calcite/p-6de921a8.entry.js.map

@@ -1 +0,0 @@
-{"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","isBrowser","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]) .container:not(.container--bottom) {\n  border-block-end: 1px solid transparent;\n}\n\n:host([bordered]:not([selected]):hover) .container:not(.container--bottom) {\n  border-block-end: 1px solid var(--calcite-color-border-1);\n}\n\n:host([bordered]:not([selected]):hover:not(:focus)) {\n  .selected-indicator {\n    background-color: var(--calcite-color-foreground-2);\n  }\n  .container:not(.container--bottom) .selected-indicator {\n    box-shadow: inset 0 1px var(--calcite-color-border-1);\n  }\n  .container.container--bottom .selected-indicator {\n    box-shadow: inset 0 -1px var(--calcite-color-border-1);\n  }\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: -1px;\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-transparent\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  margin-inline-start: var(--calcite-spacing-sm);\n  margin-inline-end: var(--calcite-spacing-px);\n  block-size: calc(100% - var(--calcite-spacing-xxs));\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]) .container {\n  &:not(.container--bottom) .close-button {\n    block-size: calc(100% - var(--calcite-spacing-px));\n    margin-block-start: -1px;\n  }\n  .close-button {\n    & calcite-icon {\n      margin-block-start: var(--calcite-spacing-px);\n    }\n\n    &:focus,\n    &:hover,\n    &:active {\n      box-shadow: 0 2px 0 0 var(--calcite-color-foreground-3);\n    }\n  }\n\n  &.container--bottom .close-button {\n    box-shadow: 0 -2px 0 0 transparent;\n    & calcite-icon {\n      margin-block-end: var(--calcite-spacing-px);\n    }\n    &:focus,\n    &:hover,\n    &:active {\n      box-shadow: 0 -2px 0 0 var(--calcite-color-foreground-3);\n    }\n  }\n}\n\n:host([bordered][selected]) {\n  box-shadow: inset 0 -1px var(--calcite-color-foreground-1);\n}\n\n:host([bordered]:not([selected])) .container .close-button {\n  box-shadow: 0 2px 0 0 transparent;\n}\n\n:host([bordered]:hover) {\n  .container {\n    background-color: var(--calcite-color-foreground-2);\n  }\n}\n\n:host([bordered]) .container {\n  border-inline: var(--calcite-spacing-px) solid transparent;\n}\n\n:host([selected][bordered]) .container {\n  border-inline-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  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 { IconNameOrString } from \"../icon/interfaces\";\nimport { isBrowser } from \"../../utils/browser\";\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: IconNameOrString;\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: IconNameOrString;\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 (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":";;;;;kjBAAO,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,s5SACpB,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,MACpB,GAAI+P,IAAa,CACf/P,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,MAAM+P,EACJ3P,EAAA,gBAAAE,IAAA,2CACEE,MAAO,CAAE,CAACf,EAAIoP,WAAY,KAAM,CAACpP,EAAIgJ,WAAY,MACjDuH,QAASjQ,KAAKyI,cAAgB,SAAWzI,KAAKyI,cAAgB,OAC9DyH,KAAMlQ,KAAK0I,UACXhI,MAAOyP,EAAanQ,KAAKU,SAI7B,MAAM0P,EACJ/P,EAAA,gBAAAE,IAAA,2CACEE,MAAO,CAAE,CAACf,EAAIoP,WAAY,KAAM,CAACpP,EAAIkP,SAAU,MAC/CqB,QAASjQ,KAAKyI,cAAgB,OAASzI,KAAKyI,cAAgB,OAC5DyH,KAAMlQ,KAAK4O,QACXlO,MAAOyP,EAAanQ,KAAKU,SAI7B,OACEL,EAACC,EAAI,CAAAC,IAAA,2DACYP,KAAKqQ,SAAQ,gBACbC,EAActQ,KAAKa,UAClCV,GAAIA,EACJQ,KAAK,MACLC,SAAUZ,KAAKa,WAAab,KAAKuQ,SAAW,GAAK,GAEjDlQ,EAACmQ,EAAoB,CAAAjQ,IAAA,2CAACgQ,SAAUvQ,KAAKuQ,UACnClQ,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,KAAKyQ,UAC3DzQ,KAAK0I,UAAYsH,EAAc,KAChC3P,EAAA,QAAAE,IAAA,6CACCP,KAAK4O,QAAUwB,EAAY,MAE7BpQ,KAAK0Q,oBACNrQ,EAAA,OAAAE,IAAA,2CAAKE,MAAOf,EAAIqP,sB,CAO1B,iBAAA2B,GACE,MAAMzC,SAAEA,EAAQhG,SAAEA,GAAajI,KAE/B,OAAOiO,EACL5N,EAAA,uBACc4H,EAASgH,MACrBxO,MAAOf,EAAI+O,YACX8B,SAAU,MACVhQ,IAAKb,EAAI+O,YACT7F,QAAS5I,KAAKqP,kBACdxE,IAAMzK,GAAQJ,KAAK2Q,cAAgBvQ,EACnCgK,MAAOnC,EAASgH,MAChB2B,KAAK,UAELvQ,EAAA,gBAAc6P,KAAMlB,EAAMC,MAAOvO,MAAOyP,EAAanQ,KAAKU,UAE1D,I,CAGN,sBAAMkJ,GACJ5J,KAAK6Q,gCAAgCzL,WAAWpF,KAAKqK,mB,CAGvD,kBAAAJ,GACE6G,EAAsB9Q,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,cAAA6C,CAAevP,GACb,OAAQA,EAAMjB,KACZ,IAAK,IACL,IAAK,QACH,IAAKiB,EAAME,eAAesP,SAAShR,KAAK2Q,eAAgB,CACtD3Q,KAAKkO,cACL1M,EAAMyC,gB,CAER,MACF,IAAK,aACHzC,EAAMyC,iBACN,GAAI+F,EAAchK,KAAKI,MAAQ,MAAO,CACpCJ,KAAKiR,6BAA6B7L,M,KAC7B,CACLpF,KAAKkR,iCAAiC9L,M,CAExC,MACF,IAAK,YACH5D,EAAMyC,iBACN,GAAI+F,EAAchK,KAAKI,MAAQ,MAAO,CACpCJ,KAAKkR,iCAAiC9L,M,KACjC,CACLpF,KAAKiR,6BAA6B7L,M,CAEpC,MACF,IAAK,OACH5D,EAAMyC,iBACNjE,KAAKmR,8BAA8B/L,OACnC,MACF,IAAK,MACH5D,EAAMyC,iBACNjE,KAAKoR,6BAA6BhM,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,KAAKqQ,SAAWzN,EAAOC,EAAST,QAAQpC,KAAKI,GAAGD,MAAQ,I,CAU1D,iBAAM+N,CAAYmD,EAAgB,MAChC,GAAIrR,KAAKuQ,UAAYvQ,KAAK2N,OAAQ,CAChC,M,CAEF,MAAM2D,EAAU,CAAEzP,IAAK7B,KAAK6B,KAC5B7B,KAAKuR,4BAA4BnM,KAAKkM,GAEtC,GAAID,EAAe,CAEjB9C,uBAAsB,IAAMvO,KAAKwR,oBAAoBpM,Q,EAgCzD,qBAAAkH,GACEC,EAAevM,KAAMA,KAAKwM,gB,CAkB5B,aAAAgD,GACExP,KAAKyQ,QAAUzQ,KAAKI,GAAGqR,YAAYC,OAAOxH,OAAS,C,CAGrD,wBAAA0F,GACE5P,KAAKuP,kBAAkBrK,QAAQlF,KAAKI,GAAI,CAAEuR,UAAW,KAAMC,QAAS,M,CAGtE,sBAAAtC,GACEtP,KAAK2N,OAAS,KACd3N,KAAK6R,yBAAyBzM,KAAK,CAAEvD,IAAK7B,KAAK6B,MAC/C7B,KAAK8R,iBAAiB1M,M,yNCpgBnB,MAAM2M,EAAQ,CACnBC,WAAY,eCDd,MAAMC,EAAU,q2CAChB,MAAAC,EAAeD,E,MCcFE,EAAI,M,yBAuDPnS,KAAAoS,yBAA4B5Q,IAClCxB,KAAKqS,KAAOtN,EAA8BvD,EAAO,cAAyC,EAyGpFxB,KAAAsS,kBAAqBlS,GAAQJ,KAAKuS,OAASnS,E,YAvJN,S,cAKI,M,WAKT,I,cAWrB,M,YAmC6B,G,UAYP,E,CAtDzC,sBAAAoS,GACExS,KAAKyS,a,CAeP,sCAAAC,CAAuClR,GACrCA,EAAMS,kBACN,GAAIT,EAAMF,OAAO4I,SAAWlK,KAAK2S,OAAOzI,OAAQ,CAC9ClK,KAAK2S,OAASnR,EAAMF,M,EA0BxB,aAAAsR,GACE5S,KAAK6S,qBACL7S,KAAKyS,a,CAUP,WAAAK,GACE9S,KAAK6S,qBACL7S,KAAKyS,a,CAeP,wBAAMI,GACJ,IAAIjQ,EACJ,IAAIC,EACJ,MAAMwP,EAAOU,EAA+C/S,KAAKuS,OAAQ,eAGzE,GAAIF,EAAKW,MAAM5S,GAAOA,EAAGyB,OAAQ7B,KAAK2S,OAAOK,MAAM5S,GAAOA,EAAGyB,MAAM,CAGjEe,EAASyP,EAAKY,MAAK,CAACC,EAAGC,IAAMD,EAAErR,IAAIuR,cAAcD,EAAEtR,OAAM2L,KAAKpN,GAAOA,EAAGD,KACxE0C,EAAW7C,KAAK2S,OAAOM,MAAK,CAACC,EAAGC,IAAMD,EAAErR,IAAIuR,cAAcD,EAAEtR,OAAM2L,KAAKpN,GAAOA,EAAGD,I,KAC5E,CAML,MAAMkT,QAAsB/F,QAAQC,IAAI8E,EAAK7E,KAAKpN,GAAOA,EAAG0B,iBAC5D,MAAMwR,QAAwBhG,QAAQC,IAAIvN,KAAK2S,OAAOnF,KAAKpN,GAAOA,EAAG0B,iBAIrEc,EAASyQ,EAAcvF,QAAO,CAACL,EAAK8F,EAAYC,KAC9C/F,EAAI8F,GAAclB,EAAKmB,GAAerT,GACtC,OAAOsN,CAAG,GACT,IAEH5K,EAAWyQ,EAAgBxF,QAAO,CAACL,EAAK8F,EAAYC,KAClD/F,EAAI8F,GAAcvT,KAAK2S,OAAOa,GAAerT,GAC7C,OAAOsN,CAAG,GACT,G,CAML4E,EAAKrN,SAAS5E,GAAOA,EAAGuC,eAAeC,EAAQC,KAC/C7C,KAAK2S,OAAO3N,SAAS5E,GAAOA,EAAGuC,eAAeC,EAAQC,I,CAGhD,WAAA4P,GACN,MAAMjI,SAAEA,EAAQ9J,MAAEA,GAAUV,KAE5B,MAAMyT,EAAMzT,KAAKI,GAAGsT,cAAc,mBAClC,GAAID,EAAK,CACPA,EAAIjJ,SAAWA,EACfiJ,EAAI/S,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,KAAKyS,a,CAGP,uBAAMtJ,GACJnJ,KAAKyS,a,CAGP,oBAAAxR,GAAoB,CAEpB,MAAAf,GACE,OACEG,EAACsT,EAAQ,CAAApT,IAAA,4CACPF,EAAA,QAAAE,IAAA,2CAAMqT,KAAM7B,EAAMC,aAClB3R,EAAA,WAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMuK,aAAc9K,KAAKoS,yBAA0BvH,IAAK7K,KAAKsS,qB","ignoreList":[]}

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

@@ -1,7 +0,0 @@
-/*!
- * 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.12.0
- */
-function t(t){return t.map((t=>{let r="";for(let e=0;e<t;e++){r+=((1+Math.random())*65536|0).toString(16).substring(1)}return r})).join("-")}const r=()=>t([2,1,1,1,3]);export{r as g};
-//# sourceMappingURL=p-6f580f9d.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * 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.12.0
- */
-import{r as t,c as e,h as i,H as s,g as n}from"./p-e7104b8d.js";import{s as r,c as a,d as c,H as o}from"./p-d6a25fe2.js";import{g as h}from"./p-6f580f9d.js";import{c as u,d as l,u as d,I as f}from"./p-8f8cbbc7.js";import{n as m}from"./p-c473b37c.js";import{c as p,d as b,g as v}from"./p-64329e55.js";import{c as g,s as k,a as y}from"./p-5b45eef3.js";import{n as w,f as S,i as M,e as D,g as x,c as j,d as Y}from"./p-29c291d1.js";import{a as L,d as I,c as $}from"./p-a4ba2c4c.js";import{d as A,g as C}from"./p-769c1c82.js";import{u as T,c as H,s as z,d as F}from"./p-c60c7e01.js";import{g as P}from"./p-cbed8c79.js";import{V as _}from"./p-36ecadf9.js";import{f as O,t as W}from"./p-27ab49c7.js";import{s as U}from"./p-45d13552.js";var B=60;var Z=B*60;var R=Z*24;var N=R*7;var E=1e3;var K=B*E;var J=Z*E;var V=R*E;var X=N*E;var q="millisecond";var G="second";var Q="minute";var tt="hour";var et="day";var it="week";var st="month";var nt="quarter";var rt="year";var at="date";var ct="YYYY-MM-DDTHH:mm:ssZ";var ot="Invalid Date";var ht=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/;var ut=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;const lt={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function t(e){var i=["th","st","nd","rd"];var s=e%100;return"["+e+(i[(s-20)%10]||i[s]||i[0])+"]"}};const dt=Object.freeze({__proto__:null,default:lt});var ft=function t(e,i,s){var n=String(e);if(!n||n.length>=i)return e;return""+Array(i+1-n.length).join(s)+e};var mt=function t(e){var i=-e.utcOffset();var s=Math.abs(i);var n=Math.floor(s/60);var r=s%60;return""+(i<=0?"+":"-")+ft(n,2,"0")+":"+ft(r,2,"0")};var pt=function t(e,i){if(e.date()<i.date())return-t(i,e);var s=(i.year()-e.year())*12+(i.month()-e.month());var n=e.clone().add(s,st);var r=i-n<0;var a=e.clone().add(s+(r?-1:1),st);return+(-(s+(i-n)/(r?n-a:a-n))||0)};var bt=function t(e){return e<0?Math.ceil(e)||0:Math.floor(e)};var vt=function t(e){var i={M:st,y:rt,w:it,d:et,D:at,h:tt,m:Q,s:G,ms:q,Q:nt};return i[e]||String(e||"").toLowerCase().replace(/s$/,"")};var gt=function t(e){return e===undefined};const kt={s:ft,z:mt,m:pt,a:bt,p:vt,u:gt};var yt="en";var wt={};wt[yt]=lt;var St="$isDayjsObject";var Mt=function t(e){return e instanceof It||!!(e&&e[St])};var Dt=function t(e,i,s){var n;if(!e)return yt;if(typeof e==="string"){var r=e.toLowerCase();if(wt[r]){n=r}if(i){wt[r]=i;n=r}var a=e.split("-");if(!n&&a.length>1){return t(a[0])}}else{var c=e.name;wt[c]=e;n=c}if(!s&&n)yt=n;return n||!s&&yt};var xt=function t(e,i){if(Mt(e)){return e.clone()}var s=typeof i==="object"?i:{};s.date=e;s.args=arguments;return new It(s)};var jt=function t(e,i){return xt(e,{locale:i.$L,utc:i.$u,x:i.$x,$offset:i.$offset})};var Yt=kt;Yt.l=Dt;Yt.i=Mt;Yt.w=jt;var Lt=function t(e){var i=e.date,s=e.utc;if(i===null)return new Date(NaN);if(Yt.u(i))return new Date;if(i instanceof Date)return new Date(i);if(typeof i==="string"&&!/Z$/i.test(i)){var n=i.match(ht);if(n){var r=n[2]-1||0;var a=(n[7]||"0").substring(0,3);if(s){return new Date(Date.UTC(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a))}return new Date(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a)}}return new Date(i)};var It=function(){function t(t){this.$L=Dt(t.locale,null,true);this.parse(t);this.$x=this.$x||t.x||{};this[St]=true}var e=t.prototype;e.parse=function t(e){this.$d=Lt(e);this.init()};e.init=function t(){var e=this.$d;this.$y=e.getFullYear();this.$M=e.getMonth();this.$D=e.getDate();this.$W=e.getDay();this.$H=e.getHours();this.$m=e.getMinutes();this.$s=e.getSeconds();this.$ms=e.getMilliseconds()};e.$utils=function t(){return Yt};e.isValid=function t(){return!(this.$d.toString()===ot)};e.isSame=function t(e,i){var s=xt(e);return this.startOf(i)<=s&&s<=this.endOf(i)};e.isAfter=function t(e,i){return xt(e)<this.startOf(i)};e.isBefore=function t(e,i){return this.endOf(i)<xt(e)};e.$g=function t(e,i,s){if(Yt.u(e))return this[i];return this.set(s,e)};e.unix=function t(){return Math.floor(this.valueOf()/1e3)};e.valueOf=function t(){return this.$d.getTime()};e.startOf=function t(e,i){var s=this;var n=!Yt.u(i)?i:true;var r=Yt.p(e);var a=function t(e,i){var r=Yt.w(s.$u?Date.UTC(s.$y,i,e):new Date(s.$y,i,e),s);return n?r:r.endOf(et)};var c=function t(e,i){var r=[0,0,0,0];var a=[23,59,59,999];return Yt.w(s.toDate()[e].apply(s.toDate("s"),(n?r:a).slice(i)),s)};var o=this.$W,h=this.$M,u=this.$D;var l="set"+(this.$u?"UTC":"");switch(r){case rt:return n?a(1,0):a(31,11);case st:return n?a(1,h):a(0,h+1);case it:{var d=this.$locale().weekStart||0;var f=(o<d?o+7:o)-d;return a(n?u-f:u+(6-f),h)}case et:case at:return c(l+"Hours",0);case tt:return c(l+"Minutes",1);case Q:return c(l+"Seconds",2);case G:return c(l+"Milliseconds",3);default:return this.clone()}};e.endOf=function t(e){return this.startOf(e,false)};e.$set=function t(e,i){var s;var n=Yt.p(e);var r="set"+(this.$u?"UTC":"");var a=(s={},s[et]=r+"Date",s[at]=r+"Date",s[st]=r+"Month",s[rt]=r+"FullYear",s[tt]=r+"Hours",s[Q]=r+"Minutes",s[G]=r+"Seconds",s[q]=r+"Milliseconds",s)[n];var c=n===et?this.$D+(i-this.$W):i;if(n===st||n===rt){var o=this.clone().set(at,1);o.$d[a](c);o.init();this.$d=o.set(at,Math.min(this.$D,o.daysInMonth())).$d}else if(a)this.$d[a](c);this.init();return this};e.set=function t(e,i){return this.clone().$set(e,i)};e.get=function t(e){return this[Yt.p(e)]()};e.add=function t(e,i){var s=this,n;e=Number(e);var r=Yt.p(i);var a=function t(i){var n=xt(s);return Yt.w(n.date(n.date()+Math.round(i*e)),s)};if(r===st){return this.set(st,this.$M+e)}if(r===rt){return this.set(rt,this.$y+e)}if(r===et){return a(1)}if(r===it){return a(7)}var c=(n={},n[Q]=K,n[tt]=J,n[G]=E,n)[r]||1;var o=this.$d.getTime()+e*c;return Yt.w(o,this)};e.subtract=function t(e,i){return this.add(e*-1,i)};e.format=function t(e){var i=this;var s=this.$locale();if(!this.isValid())return s.invalidDate||ot;var n=e||ct;var r=Yt.z(this);var a=this.$H,c=this.$m,o=this.$M;var h=s.weekdays,u=s.months,l=s.meridiem;var d=function t(e,s,r,a){return e&&(e[s]||e(i,n))||r[s].slice(0,a)};var f=function t(e){return Yt.s(a%12||12,e,"0")};var m=l||function(t,e,i){var s=t<12?"AM":"PM";return i?s.toLowerCase():s};var p=function t(e){switch(e){case"YY":return String(i.$y).slice(-2);case"YYYY":return Yt.s(i.$y,4,"0");case"M":return o+1;case"MM":return Yt.s(o+1,2,"0");case"MMM":return d(s.monthsShort,o,u,3);case"MMMM":return d(u,o);case"D":return i.$D;case"DD":return Yt.s(i.$D,2,"0");case"d":return String(i.$W);case"dd":return d(s.weekdaysMin,i.$W,h,2);case"ddd":return d(s.weekdaysShort,i.$W,h,3);case"dddd":return h[i.$W];case"H":return String(a);case"HH":return Yt.s(a,2,"0");case"h":return f(1);case"hh":return f(2);case"a":return m(a,c,true);case"A":return m(a,c,false);case"m":return String(c);case"mm":return Yt.s(c,2,"0");case"s":return String(i.$s);case"ss":return Yt.s(i.$s,2,"0");case"SSS":return Yt.s(i.$ms,3,"0");case"Z":return r}return null};return n.replace(ut,(function(t,e){return e||p(t)||r.replace(":","")}))};e.utcOffset=function t(){return-Math.round(this.$d.getTimezoneOffset()/15)*15};e.diff=function t(e,i,s){var n=this;var r=Yt.p(i);var a=xt(e);var c=(a.utcOffset()-this.utcOffset())*K;var t=this-a;var o=function t(){return Yt.m(n,a)};var h;switch(r){case rt:h=o()/12;break;case st:h=o();break;case nt:h=o()/3;break;case it:h=(t-c)/X;break;case et:h=(t-c)/V;break;case tt:h=t/J;break;case Q:h=t/K;break;case G:h=t/E;break;default:h=t;break}return s?h:Yt.a(h)};e.daysInMonth=function t(){return this.endOf(st).$D};e.$locale=function t(){return wt[this.$L]};e.locale=function t(e,i){if(!e)return this.$L;var s=this.clone();var n=Dt(e,i,true);if(n)s.$L=n;return s};e.clone=function t(){return Yt.w(this.$d,this)};e.toDate=function t(){return new Date(this.valueOf())};e.toJSON=function t(){return this.isValid()?this.toISOString():null};e.toISOString=function t(){return this.$d.toISOString()};e.toString=function t(){return this.$d.toUTCString()};return t}();var $t=It.prototype;xt.prototype=$t;[["$ms",q],["$s",G],["$m",Q],["$H",tt],["$W",et],["$M",st],["$y",rt],["$D",at]].forEach((function(t){$t[t[1]]=function(e){return this.$g(e,t[0],t[1])}}));xt.extend=function(t,e){if(!t.$i){t(e,It,xt);t.$i=true}return xt};xt.locale=Dt;xt.isDayjs=Mt;xt.unix=function(t){return xt(t*1e3)};xt.en=wt[yt];xt.Ls=wt;xt.p={};var At=function t(e){return e.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,i){return e||i.slice(1)}))};var Ct={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};var Tt=function t(e,i){return e.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,e,s){var n=s&&s.toUpperCase();return e||i[s]||Ct[s]||At(i[n])}))};var Ht=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g;var zt=/\d/;var Ft=/\d\d/;var Pt=/\d{3}/;var _t=/\d{4}/;var Ot=/\d\d?/;var Wt=/[+-]?\d+/;var Ut=/[+-]\d\d:?(\d\d)?|Z/;var Bt=/\d*[^-_:/,()\s\d]+/;var Zt={};var Rt=function t(e){e=+e;return e+(e>68?1900:2e3)};function Nt(t){if(!t)return 0;if(t==="Z")return 0;var e=t.match(/([+-]|\d\d)/g);var i=+(e[1]*60)+(+e[2]||0);return i===0?0:e[0]==="+"?-i:i}var Et=function t(e){return function(t){this[e]=+t}};var Kt=[Ut,function(t){var e=this.zone||(this.zone={});e.offset=Nt(t)}];var Jt=function t(e){var i=Zt[e];return i&&(i.indexOf?i:i.s.concat(i.f))};var Vt=function t(e,i){var s;var n=Zt,r=n.meridiem;if(!r){s=e===(i?"pm":"PM")}else{for(var a=1;a<=24;a+=1){if(e.indexOf(r(a,0,i))>-1){s=a>12;break}}}return s};var Xt={A:[Bt,function(t){this.afternoon=Vt(t,false)}],a:[Bt,function(t){this.afternoon=Vt(t,true)}],S:[zt,function(t){this.milliseconds=+t*100}],SS:[Ft,function(t){this.milliseconds=+t*10}],SSS:[Pt,function(t){this.milliseconds=+t}],s:[Ot,Et("seconds")],ss:[Ot,Et("seconds")],m:[Ot,Et("minutes")],mm:[Ot,Et("minutes")],H:[Ot,Et("hours")],h:[Ot,Et("hours")],HH:[Ot,Et("hours")],hh:[Ot,Et("hours")],D:[Ot,Et("day")],DD:[Ft,Et("day")],Do:[Bt,function(t){var e=Zt,i=e.ordinal;var s=t.match(/\d+/);this.day=s[0];if(!i)return;for(var n=1;n<=31;n+=1){if(i(n).replace(/\[|\]/g,"")===t){this.day=n}}}],M:[Ot,Et("month")],MM:[Ft,Et("month")],MMM:[Bt,function(t){var e=Jt("months");var i=Jt("monthsShort");var s=(i||e.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(s<1){throw new Error}this.month=s%12||s}],MMMM:[Bt,function(t){var e=Jt("months");var i=e.indexOf(t)+1;if(i<1){throw new Error}this.month=i%12||i}],Y:[Wt,Et("year")],YY:[Ft,function(t){this.year=Rt(t)}],YYYY:[_t,Et("year")],Z:Kt,ZZ:Kt};function qt(t){var e=t.afternoon;if(e!==undefined){var i=t.hours;if(e){if(i<12){t.hours+=12}}else if(i===12){t.hours=0}delete t.afternoon}}function Gt(t){t=Tt(t,Zt&&Zt.formats);var e=t.match(Ht);var i=e.length;for(var s=0;s<i;s+=1){var n=e[s];var r=Xt[n];var a=r&&r[0];var c=r&&r[1];if(c){e[s]={regex:a,parser:c}}else{e[s]=n.replace(/^\[|\]$/g,"")}}return function(t){var s={};for(var n=0,r=0;n<i;n+=1){var a=e[n];if(typeof a==="string"){r+=a.length}else{var c=a.regex,o=a.parser;var h=t.slice(r);var u=c.exec(h);var l=u[0];o.call(s,l);t=t.replace(l,"")}}qt(s);return s}}var Qt=function t(e,i,s){try{if(["x","X"].indexOf(i)>-1)return new Date((i==="X"?1e3:1)*e);var n=Gt(i);var r=n(e),a=r.year,c=r.month,o=r.day,h=r.hours,u=r.minutes,l=r.seconds,d=r.milliseconds,f=r.zone;var m=new Date;var p=o||(!a&&!c?m.getDate():1);var b=a||m.getFullYear();var v=0;if(!(a&&!c)){v=c>0?c-1:m.getMonth()}var g=h||0;var k=u||0;var y=l||0;var w=d||0;if(f){return new Date(Date.UTC(b,v,p,g,k,y,w+f.offset*60*1e3))}if(s){return new Date(Date.UTC(b,v,p,g,k,y,w))}return new Date(b,v,p,g,k,y,w)}catch(t){return new Date("")}};const te=function(t,e,i){i.p.customParseFormat=true;if(t&&t.parseTwoDigitYear){Rt=t.parseTwoDigitYear}var s=e.prototype;var n=s.parse;s.parse=function(t){var e=t.date,s=t.utc,r=t.args;this.$u=s;var a=r[1];if(typeof a==="string"){var c=r[2]===true;var o=r[3]===true;var h=c||o;var u=r[2];if(o){u=r[2]}Zt=this.$locale();if(!c&&u){Zt=i.Ls[u]}this.$d=Qt(e,a,s);this.init();if(u&&u!==true)this.$L=this.locale(u).$L;if(h&&e!=this.format(a)){this.$d=new Date("")}Zt={}}else if(a instanceof Array){var l=a.length;for(var d=1;d<=l;d+=1){r[1]=a[d-1];var f=i.apply(this,r);if(f.isValid()){this.$d=f.$d;this.$L=f.$L;this.init();break}if(d===l)this.$d=new Date("")}}else{n.call(this,t)}}};const ee=function(t,e,i){var s=e.prototype;var n=function t(e){return e&&(e.indexOf?e:e.s)};var r=function t(e,i,s,r,a){var c=e.name?e:e.$locale();var o=n(c[i]);var h=n(c[s]);var u=o||h.map((function(t){return t.slice(0,r)}));if(!a)return u;var l=c.weekStart;return u.map((function(t,e){return u[(e+(l||0))%7]}))};var a=function t(){return i.Ls[i.locale()]};var c=function t(e,i){return e.formats[i]||At(e.formats[i.toUpperCase()])};var o=function t(){var e=this;return{months:function t(i){return i?i.format("MMMM"):r(e,"months")},monthsShort:function t(i){return i?i.format("MMM"):r(e,"monthsShort","months",3)},firstDayOfWeek:function t(){return e.$locale().weekStart||0},weekdays:function t(i){return i?i.format("dddd"):r(e,"weekdays")},weekdaysMin:function t(i){return i?i.format("dd"):r(e,"weekdaysMin","weekdays",2)},weekdaysShort:function t(i){return i?i.format("ddd"):r(e,"weekdaysShort","weekdays",3)},longDateFormat:function t(i){return c(e.$locale(),i)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};s.localeData=function(){return o.bind(this)()};i.localeData=function(){var t=a();return{firstDayOfWeek:function e(){return t.weekStart||0},weekdays:function t(){return i.weekdays()},weekdaysShort:function t(){return i.weekdaysShort()},weekdaysMin:function t(){return i.weekdaysMin()},months:function t(){return i.months()},monthsShort:function t(){return i.monthsShort()},longDateFormat:function e(i){return c(t,i)},meridiem:t.meridiem,ordinal:t.ordinal}};i.months=function(){return r(a(),"months")};i.monthsShort=function(){return r(a(),"monthsShort","months",3)};i.weekdays=function(t){return r(a(),"weekdays",null,null,t)};i.weekdaysShort=function(t){return r(a(),"weekdaysShort","weekdays",3,t)};i.weekdaysMin=function(t){return r(a(),"weekdaysMin","weekdays",2,t)}};const ie=function(t,e,i){var s=e.prototype;var n=s.format;i.en.formats=Ct;s.format=function(t){if(t===void 0){t=ct}var e=this.$locale(),i=e.formats,s=i===void 0?{}:i;var r=Tt(t,s);return n.call(this,r)}};const se=function(t,e){var i=e.prototype.parse;e.prototype.parse=function(t){if(typeof t.date==="string"){var e=this.$locale();t.date=e&&e.preparse?e.preparse(t.date):t.date}return i.bind(this)(t)};var s=e.prototype.format;e.prototype.format=function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++){e[i]=arguments[i]}var n=s.call.apply(s,[this].concat(e));var r=this.$locale();return r&&r.postformat?r.postformat(n):n};var n=e.prototype.fromToBase;if(n){e.prototype.fromToBase=function(t,e,i,s){var r=this.$locale()||i.$locale();return n.call(this,t,e,i,s,r&&r.postformat)}}};const ne=function(t,e,i){i.updateLocale=function(t,e){var s=i.Ls;var n=s[t];if(!n)return;var r=e?Object.keys(e):[];r.forEach((function(t){n[t]=e[t]}));return n}};const re=5;function ae(t,e,i=true,s){const n={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:D(e)};if(i){n.second="2-digit";if(s){n.fractionalSecondDigits=s}}return S(t,n)}function ce(t,e){if(t===null||t===undefined){return}const i=t.toString();const s=A(t);if(t<1&&s>0&&s<4){const t=i.replace("0.","");if(!e||t.length===e){return t}if(t.length<e){return t.padEnd(e,"0")}return t}if(t>=0&&t<10){return i.padStart(2,"0")}if(t>=10){return i}}function oe(t){if(!be(t)){return null}const{hour:e,minute:i,second:s,fractionalSecond:n}=Se(t);let r=`${ce(parseInt(e))}:${ce(parseInt(i))}`;if(s){r+=`:${ce(parseInt(s))}`;if(n){r+=`.${n}`}}return r}function he(t){return parseInt((parseFloat(`0.${t}`)/.001).toFixed(3))}function ue(t,e){const i=ae(t,e);const s=i.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return fe("meridiem",s)?"12":"24"}function le(t,e){w.numberFormatOptions={locale:t,numberingSystem:e};return w.localize("1.1").split("")[1]}function de(t,e,i="latn"){const s=ae(e,i);const n=s.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return fe(`${t}Suffix`,n)}function fe(t,e){if(!t||!e){return null}if(t==="hourSuffix"){const t=e.indexOf(e.find((({type:t})=>t==="hour")));const i=e.indexOf(e.find((({type:t})=>t==="minute")));const s=e[t+1];return s&&s.type==="literal"&&i-t===2?s.value?.trim()||null:null}if(t==="minuteSuffix"){const t=e.indexOf(e.find((({type:t})=>t==="minute")));const i=e.indexOf(e.find((({type:t})=>t==="second")));const s=e[t+1];return s&&s.type==="literal"&&i-t===2?s.value?.trim()||null:null}if(t==="secondSuffix"){const t=e.indexOf(e.find((({type:t})=>t==="second")));const i=e[t+1];return i&&i.type==="literal"?i.value?.trim()||null:null}return e.find((({type:e})=>t=="meridiem"?e==="dayPeriod":e===t))?.value||null}function me(t){if(!M(t)){return null}const e=parseInt(t);return e>=0&&e<=11?"AM":"PM"}function pe(t){const e=t==="ar"||t==="he";if(e){return 0}const i=we({value:"00:00:00",locale:t,numberingSystem:"latn"});return i.findIndex((t=>t.type==="dayPeriod"))}function be(t){if(!t||t.startsWith(":")||t.endsWith(":")){return false}const e=t.split(":");const i=e.length>1&&e.length<4;if(!i){return false}const[s,n,r]=e;const a=parseInt(e[0]);const c=parseInt(e[1]);const o=parseInt(e[2]);const h=M(s)&&a>=0&&a<24;const u=M(n)&&c>=0&&c<60;const l=M(r)&&o>=0&&o<60;if(h&&u&&!r||h&&u&&l){return true}}function ve(t,e){if(e==="meridiem"){return t==="AM"||t==="PM"}if(!M(t)){return false}const i=Number(t);return e==="hour"?i>=0&&i<24:i>=0&&i<60}function ge({value:t,part:e,locale:i,numberingSystem:s}){if(e==="fractionalSecond"){const e=le(i,s);let n=null;if(t){w.numberFormatOptions={locale:i,numberingSystem:s};const r=w.localize("0");if(parseInt(t)===0){n="".padStart(t.length,r)}else{n=w.localize(`0.${t}`).replace(`${r}${e}`,"");if(n.length<t.length){n=n.padEnd(t.length,r)}}}return n}if(!ve(t,e)){return}const n=parseInt(t);const r=new Date(Date.UTC(0,0,0,e==="hour"?n:e==="meridiem"?t==="AM"?0:12:0,e==="minute"?n:0,e==="second"?n:0));if(!r){return}const a=ae(i,s);const c=a.formatToParts(r);return fe(e,c)}function ke({value:t,locale:e,numberingSystem:i,includeSeconds:s=true,fractionalSecondDigits:n}){if(!be(t)){return null}const{hour:r,minute:a,second:c="0",fractionalSecond:o}=Se(t);const h=new Date(Date.UTC(0,0,0,parseInt(r),parseInt(a),parseInt(c),o&&he(o)));const u=ae(e,i,s,n);return u.format(h)||null}function ye({value:t,locale:e,numberingSystem:i="latn"}){if(!be(t)){return null}const{hour:s,minute:n,second:r="0",fractionalSecond:a}=Se(t);const c=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(c){const t=ae(e,i);const s=t.formatToParts(c);return{localizedHour:fe("hour",s),localizedHourSuffix:fe("hourSuffix",s),localizedMinute:fe("minute",s),localizedMinuteSuffix:fe("minuteSuffix",s),localizedSecond:fe("second",s),localizedDecimalSeparator:le(e,i),localizedFractionalSecond:ge({value:a,part:"fractionalSecond",locale:e,numberingSystem:i}),localizedSecondSuffix:fe("secondSuffix",s),localizedMeridiem:fe("meridiem",s)}}return null}function we({value:t,locale:e,numberingSystem:i}){if(!be(t)){return null}const{hour:s,minute:n,second:r="0"}=Se(t);const a=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(a){const t=ae(e,i);const s=t.formatToParts(a);return s}return null}function Se(t){if(be(t)){const[e,i,s]=t.split(":");let n=s;let r=null;if(s?.includes(".")){[n,r]=s.split(".")}return{fractionalSecond:r,hour:e,minute:i,second:n}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function Me(t,e=true){if(!be(t)){return""}const{hour:i,minute:s,second:n,fractionalSecond:r}=Se(t);let a=`${ce(parseInt(i))}:${ce(parseInt(s))}`;if(e){a+=`:${ce(parseInt(e&&n||"0"))}`;if(r){a+=`.${r}`}}return a}const De={toggleIcon:"toggle-icon"};const xe={validationMessage:"inputTimePickerValidationMessage"};const je=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;-webkit-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::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([scale=s]){--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing);--calcite-icon-color:var(--calcite-color-text-3)}.input-wrapper:hover .toggle-icon,calcite-input-text:focus+.toggle-icon{--calcite-icon-color:var(--calcite-color-text-1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";const Ye=je;const Le=new Map([["ar",()=>import("./p-72ccdeee.js")],["bg",()=>import("./p-9626115b.js")],["bs",()=>import("./p-de70fda8.js")],["ca",()=>import("./p-fb8915bd.js")],["cs",()=>import("./p-4e955a72.js")],["da",()=>import("./p-dc9e6847.js")],["de",()=>import("./p-ff423d82.js")],["de-at",()=>import("./p-a49b95d8.js")],["de-ch",()=>import("./p-42ed7d55.js")],["el",()=>import("./p-8c7e61d1.js")],["en",()=>Promise.resolve().then((function(){return dt}))],["en-au",()=>import("./p-df5bdc47.js")],["en-ca",()=>import("./p-28ecfae7.js")],["en-gb",()=>import("./p-bccffc90.js")],["es",()=>import("./p-4f53529c.js")],["es-mx",()=>import("./p-9c191250.js")],["et",()=>import("./p-c71281c2.js")],["fi",()=>import("./p-19f43fe6.js")],["fr",()=>import("./p-42901549.js")],["fr-ch",()=>import("./p-1ba0988f.js")],["he",()=>import("./p-3dc78399.js")],["hi",()=>import("./p-f438e5e1.js")],["hr",()=>import("./p-ee01924f.js")],["hu",()=>import("./p-77bb03a6.js")],["id",()=>import("./p-5daaab7f.js")],["it",()=>import("./p-cbd31ba2.js")],["it-ch",()=>import("./p-9f2a67d4.js")],["ja",()=>import("./p-bcf067ac.js")],["ko",()=>import("./p-fa4ca863.js")],["lt",()=>import("./p-0ce7ec28.js")],["lv",()=>import("./p-45ac55e3.js")],["mk",()=>import("./p-2bed8053.js")],["nl",()=>import("./p-fd22e26e.js")],["nb",()=>import("./p-5ba99915.js")],["pl",()=>import("./p-1bec1ef7.js")],["pt",()=>import("./p-e7089478.js")],["pt-br",()=>import("./p-3787986b.js")],["ro",()=>import("./p-29d4f1ed.js")],["ru",()=>import("./p-e3a13205.js")],["sk",()=>import("./p-4377c650.js")],["sl",()=>import("./p-bc4f64c1.js")],["sr",()=>import("./p-5b5ebddf.js")],["sv",()=>import("./p-b4a0d361.js")],["th",()=>import("./p-f49181c8.js")],["tr",()=>import("./p-4a322c0e.js")],["uk",()=>import("./p-2d88c083.js")],["vi",()=>import("./p-357db407.js")],["zh-cn",()=>import("./p-d9408c0d.js")],["zh-hk",()=>import("./p-d41b81d5.js")],["zh-tw",()=>import("./p-ec71be9a.js")]]);xt.extend(te);xt.extend(ee);xt.extend(ie);xt.extend(se);xt.extend(ne);const Ie=class{constructor(i){t(this,i);this.calciteInputTimePickerBeforeClose=e(this,"calciteInputTimePickerBeforeClose",6);this.calciteInputTimePickerBeforeOpen=e(this,"calciteInputTimePickerBeforeOpen",6);this.calciteInputTimePickerChange=e(this,"calciteInputTimePickerChange",7);this.calciteInputTimePickerClose=e(this,"calciteInputTimePickerClose",6);this.calciteInputTimePickerOpen=e(this,"calciteInputTimePickerOpen",6);this.focusOnOpen=false;this.dialogId=`time-picker-dialog--${h()}`;this.userChangedValue=false;this.referenceElementId=`input-time-picker-${h()}`;this.hostBlurHandler=()=>{const t=this.calciteInputEl.value;const e=this.delocalizeTimeString(t);if(!e){this.setValue("");return}if(e!==this.value){this.setValue(e)}const i=ke({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)});if(i!==t){this.setInputValue(i)}this.deactivate()};this.calciteInternalInputFocusHandler=t=>{if(!this.readOnly){t.stopPropagation()}};this.calciteInternalInputInputHandler=t=>{const{effectiveLocale:e,numberingSystem:i}=this;if(i&&i!=="latn"){const s=t.target;w.numberFormatOptions={locale:e,numberingSystem:i,useGrouping:false};const n=w.delocalize(s.value).split("").map((t=>m.includes(t)?w.numberFormatter.format(Number(t)):t)).join("");this.setInputValue(n)}};this.timePickerChangeHandler=t=>{t.stopPropagation();const e=t.target;const i=e.value;const s=this.shouldIncludeSeconds();this.setValue(Me(i,s));this.setInputValue(ke({value:i,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:s,fractionalSecondDigits:A(this.step)}))};this.popoverBeforeOpenHandler=t=>{t.stopPropagation();this.calciteInputTimePickerBeforeOpen.emit()};this.popoverOpenHandler=t=>{t.stopPropagation();this.calciteInputTimePickerOpen.emit();L(this,{onActivate:()=>{if(this.focusOnOpen){this.calciteTimePickerEl.setFocus();this.focusOnOpen=false}}})};this.popoverBeforeCloseHandler=t=>{t.stopPropagation();this.calciteInputTimePickerBeforeClose.emit()};this.popoverCloseHandler=t=>{t.stopPropagation();this.calciteInputTimePickerClose.emit();I(this,{onDeactivate:()=>{this.calciteInputEl.setFocus();this.focusOnOpen=false}});this.open=false};this.keyDownHandler=t=>{const{defaultPrevented:e,key:i}=t;if(e){return}if(i==="Enter"){if(r(this)){t.preventDefault();this.calciteInputEl.setFocus()}if(t.composedPath().includes(this.calciteTimePickerEl)){return}const e=this.delocalizeTimeString(this.calciteInputEl.value);if(be(e)){this.setValue(e);const t=ke({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)});if(e&&this.calciteInputEl.value!==t){this.setInputValue(t)}}}else if(i==="ArrowDown"){this.open=true;this.focusOnOpen=true;t.preventDefault()}else if(i==="Escape"&&this.open){this.open=false;t.preventDefault();this.calciteInputEl.setFocus()}};this.setCalcitePopoverEl=t=>{this.popoverEl=t};this.setInputEl=t=>{this.calciteInputEl=t};this.setCalciteTimePickerEl=t=>{this.calciteTimePickerEl=t;$(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:false,setReturnFocus:false}})};this.setInputValue=t=>{if(!this.calciteInputEl){return}this.calciteInputEl.value=t};this.setValue=t=>{const e=this.value;const i=oe(t)||"";if(i===e){return}this.userChangedValue=true;this.value=i||"";const s=this.calciteInputTimePickerChange.emit();if(s.defaultPrevented){this.userChangedValue=false;this.value=e;this.setInputValue(ke({value:e,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}};this.setValueDirectly=t=>{const e=this.shouldIncludeSeconds();this.value=Me(t,e);this.setInputValue(this.value?ke({value:this.value,includeSeconds:e,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,fractionalSecondDigits:A(this.step)}):"")};this.onInputWrapperClick=()=>{this.open=!this.open};this.deactivate=()=>{this.open=false};this.open=false;this.disabled=false;this.focusTrapDisabled=false;this.form=undefined;this.readOnly=false;this.max=undefined;this.min=undefined;this.messageOverrides=undefined;this.messages=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberingSystem=undefined;this.required=false;this.scale="m";this.status="idle";this.overlayPositioning="absolute";this.placement="auto";this.step=60;this.value=null;this.defaultMessages=undefined;this.effectiveLocale=""}openHandler(){if(this.disabled||this.readOnly){this.open=false;return}this.popoverEl.open=this.open}handleFocusTrapDisabled(t){if(!this.open){return}t?I(this):L(this)}handleDisabledAndReadOnlyChange(t){if(!t){this.open=false}}onMessagesChange(){}numberingSystemWatcher(t){this.setInputValue(ke({value:this.value,locale:this.effectiveLocale,numberingSystem:t,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}stepWatcher(t,e){if(e>=60&&t>0&&t<60||t>=60&&e>0&&e<60){this.setValueDirectly(this.value)}}valueWatcher(t){if(!this.userChangedValue){this.setValueDirectly(t)}this.userChangedValue=false}async effectiveLocaleWatcher(t){await Promise.all([this.loadDateTimeLocaleData(),T(this,this.effectiveLocale)]);this.setInputValue(ke({value:this.value,locale:t,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}async setFocus(){await g(this);O(this.el)}async reposition(t=false){this.popoverEl?.reposition(t)}syncHiddenFormInput(t){U("time",this,t)}delocalizeTimeString(t){xt.locale(this.effectiveLocale.toLowerCase());const e=this.delocalizeTimeStringToParts(t);let i;if(this.shouldIncludeFractionalSeconds()){const s=A(this.step);const n=this.delocalizeTimeStringToParts(t,"S");if(s===1){i=n.millisecond!==0?this.getTimeStringFromParts(n):this.getTimeStringFromParts(e)}else{const r=this.delocalizeTimeStringToParts(t,"SS");if(s===2){if(r.millisecond!==0){i=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){i=this.getTimeStringFromParts(n)}else{i=this.getTimeStringFromParts(e)}}else if(s>=3){const s=this.delocalizeTimeStringToParts(t,"SSS");if(s.millisecond!==0){i=this.getTimeStringFromParts(s)}else if(r.millisecond!==0){i=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){i=this.getTimeStringFromParts(n)}else{i=this.getTimeStringFromParts(e)}}}}else{i=this.getTimeStringFromParts(e)}return i}delocalizeTimeStringToParts(t,e){const i=this.localeConfig?.formats?.LTS;const s=i.match(/ss\.*(S+)/g);if(e&&this.shouldIncludeFractionalSeconds()){const t=`ss.${e}`;this.localeConfig.formats.LTS=s?i.replace(s[0],t):i.replace("ss",t)}else if(s){this.localeConfig.formats.LTS=i.replace(s[0],"ss")}xt.updateLocale(this.getSupportedDayjsLocale(x(this.effectiveLocale)),this.localeConfig);const n=xt(t,["LTS","LT"]);if(n.isValid()){return{hour:n.get("hour"),minute:n.get("minute"),second:n.get("second"),millisecond:n.get("millisecond")}}return{hour:null,minute:null,second:null,millisecond:null}}getTimeStringFromParts(t){let e="";if(!t){return e}if(t.hour!==null&&t.minute!==null){e=`${ce(t.hour)}:${ce(t.minute)}`;if(this.shouldIncludeSeconds()&&t.second!==null){e+=`:${ce(t.second)}`;if(this.shouldIncludeFractionalSeconds()&&t.millisecond!==null){const i=(t.millisecond*.001).toFixed(A(this.step));e+=`.${i.toString().replace("0.","")}`}}}return e}getSupportedDayjsLocale(t){const e=t.toLowerCase();if(e==="no"){return"nb"}if(e==="pt-pt"){return"pt"}return e}async loadDateTimeLocaleData(){let t=x(this.effectiveLocale).toLowerCase();t=this.getSupportedDayjsLocale(t);const{default:e}=await Le.get(t)();this.localeConfig=e;xt.locale(this.localeConfig,null,true);xt.updateLocale(t,this.getExtendedLocaleConfig(t))}getExtendedLocaleConfig(t){if(t==="ar"){return{meridiem:t=>t>12?"م":"ص",formats:{LT:"HH:mm A",LTS:"HH:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm A",LLLL:"dddd D MMMM YYYY HH:mm A"}}}if(t==="en-au"){return{meridiem:t=>t>12?"pm":"am"}}if(t==="en-ca"){return{meridiem:t=>t>12?"p.m.":"a.m."}}if(t==="el"){return{meridiem:t=>t>12?"μ.μ.":"π.μ."}}if(t==="hi"){return{formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, h:mm A",LLLL:"dddd, D MMMM YYYY, h:mm A"},meridiem:t=>t>12?"pm":"am"}}if(t==="ko"){return{meridiem:t=>t>12?"오후":"오전"}}if(t==="zh-tw"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"}}}if(t==="zh-hk"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"},meridiem:t=>t>12?"下午":"上午"}}}onLabelClick(){this.setFocus()}shouldIncludeSeconds(){return this.step<60}shouldIncludeFractionalSeconds(){return A(this.step)>0}connectedCallback(){u(this);j(this);if(be(this.value)){this.setValueDirectly(this.value)}else{this.value=undefined}p(this);a(this);H(this)}async componentWillLoad(){k(this);await Promise.all([z(this),this.loadDateTimeLocaleData()])}componentDidLoad(){y(this);if(be(this.value)){this.setInputValue(ke({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:A(this.step)}))}this.openHandler()}disconnectedCallback(){l(this);b(this);c(this);Y(this);I(this);F(this)}componentDidRender(){d(this)}render(){const{disabled:t,messages:e,readOnly:n,dialogId:r}=this;return i(s,{key:"5bf59228db214a262663f204d9633c77b969dcc2",onBlur:this.hostBlurHandler,onKeyDown:this.keyDownHandler},i(f,{key:"0ba712e725695bfae5c3d2bcfe151f5b3abe0baa",disabled:this.disabled},i("div",{key:"ac841ee97c7e970353494103f22ad596d7e8d080",class:"input-wrapper",onClick:this.onInputWrapperClick},i("calcite-input-text",{key:"d5e3ee19763195c57b75f7001301d9233d011c94","aria-autocomplete":"none","aria-errormessage":xe.validationMessage,"aria-haspopup":"dialog","aria-invalid":W(this.status==="invalid"),disabled:t,icon:"clock",id:this.referenceElementId,label:v(this),lang:this.effectiveLocale,onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextFocus:this.calciteInternalInputFocusHandler,readOnly:n,ref:this.setInputEl,role:"combobox",scale:this.scale,status:this.status}),!this.readOnly&&this.renderToggleIcon(this.open)),i("calcite-popover",{key:"c86106dcc1410ec7be8fdf4ced44a00a2bf3aa93",focusTrapDisabled:true,id:r,label:e.chooseTime,lang:this.effectiveLocale,onCalcitePopoverBeforeClose:this.popoverBeforeCloseHandler,onCalcitePopoverBeforeOpen:this.popoverBeforeOpenHandler,onCalcitePopoverClose:this.popoverCloseHandler,onCalcitePopoverOpen:this.popoverOpenHandler,overlayPositioning:this.overlayPositioning,placement:this.placement,ref:this.setCalcitePopoverEl,referenceElement:this.referenceElementId,triggerDisabled:true},i("calcite-time-picker",{key:"85d96849fc7e3859a72d2e738a67307d16faadb2",lang:this.effectiveLocale,messageOverrides:this.messageOverrides,numberingSystem:this.numberingSystem,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,tabIndex:this.open?undefined:-1,value:this.value})),i(o,{key:"d63640ad5ab2acae003d02c7e22938e1875004cf",component:this}),this.validationMessage&&this.status==="invalid"?i(_,{icon:this.validationIcon,id:xe.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return i("span",{class:De.toggleIcon},i("calcite-icon",{icon:t?"chevron-up":"chevron-down",scale:P(this.scale)}))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{open:["openHandler"],focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],messageOverrides:["onMessagesChange"],numberingSystem:["numberingSystemWatcher"],step:["stepWatcher"],value:["valueWatcher"],effectiveLocale:["effectiveLocaleWatcher"]}}};Ie.style=Ye;const $e={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonFractionalSecondDown:"button--fractionalSecond-down",buttonFractionalSecondUp:"button--fractionalSecond-up",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",fractionalSecond:"fractionalSecond",hour:"hour",input:"input",inputFocus:"inputFocus",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"};const Ae=":host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";const Ce=Ae;function Te(t){return t.charAt(0).toUpperCase()+t.slice(1)}const He=class{constructor(i){t(this,i);this.calciteInternalTimePickerBlur=e(this,"calciteInternalTimePickerBlur",6);this.calciteInternalTimePickerChange=e(this,"calciteInternalTimePickerChange",6);this.calciteInternalTimePickerFocus=e(this,"calciteInternalTimePickerFocus",6);this.pointerActivated=false;this.decrementHour=()=>{const t=!this.hour?0:this.hour==="00"?23:parseInt(this.hour)-1;this.setValuePart("hour",t)};this.decrementMeridiem=()=>{const t=this.meridiem==="PM"?"AM":"PM";this.setValuePart("meridiem",t)};this.decrementMinuteOrSecond=t=>{let e;if(M(this[t])){const i=parseInt(this[t]);e=i===0?59:i-1}else{e=59}this.setValuePart(t,e)};this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")};this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")};this.focusHandler=t=>{if(this.pointerActivated){return}this.activeEl=t.currentTarget};this.fractionalSecondKeyDownHandler=t=>{const{key:e}=t;if(m.includes(e)){const t=A(this.step);const i=parseInt(this.fractionalSecond);const s=i.toString().length;let n;if(s>=t){n=e.padStart(t,"0")}else if(s<t){n=`${i}${e}`.padStart(t,"0")}this.setValuePart("fractionalSecond",parseFloat(`0.${n}`))}else{switch(e){case"Backspace":case"Delete":this.setValuePart("fractionalSecond",null);break;case"ArrowDown":t.preventDefault();this.nudgeFractionalSecond("down");break;case"ArrowUp":t.preventDefault();this.nudgeFractionalSecond("up");break;case" ":t.preventDefault();break}}};this.fractionalSecondDownClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("down")};this.fractionalSecondUpClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("up")};this.hourDownClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.decrementHour()};this.hourKeyDownHandler=t=>{const{key:e}=t;if(m.includes(e)){const t=parseInt(e);let i;if(M(this.hour)){switch(this.hourCycle){case"12":i=this.hour==="01"&&t>=0&&t<=2?`1${t}`:t;break;case"24":if(this.hour==="01"){i=`1${t}`}else if(this.hour==="02"&&t>=0&&t<=3){i=`2${t}`}else{i=t}break}}else{i=t}this.setValuePart("hour",i)}else{switch(e){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":t.preventDefault();this.decrementHour();break;case"ArrowUp":t.preventDefault();this.incrementHour();break;case" ":t.preventDefault();break}}};this.hourUpClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.incrementHour()};this.incrementMeridiem=()=>{const t=this.meridiem==="AM"?"PM":"AM";this.setValuePart("meridiem",t)};this.incrementHour=()=>{const t=M(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",t)};this.incrementMinuteOrSecond=t=>{const e=M(this[t])?this[t]==="59"?0:parseInt(this[t])+1:0;this.setValuePart(t,e)};this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")};this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")};this.inputClickHandler=t=>{this.activeEl=t.target};this.meridiemUpClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.incrementMeridiem()};this.meridiemKeyDownHandler=t=>{switch(t.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":t.preventDefault();this.incrementMeridiem();break;case"ArrowDown":t.preventDefault();this.decrementMeridiem();break;case" ":t.preventDefault();break}};this.meridiemDownClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.decrementMeridiem()};this.minuteDownClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.decrementMinute()};this.minuteUpClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.incrementMinute()};this.minuteKeyDownHandler=t=>{const{key:e}=t;if(m.includes(e)){const t=parseInt(e);let i;if(M(this.minute)&&this.minute.startsWith("0")){const e=parseInt(this.minute);i=e>re?t:`${e}${t}`}else{i=t}this.setValuePart("minute",i)}else{switch(e){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":t.preventDefault();this.decrementMinute();break;case"ArrowUp":t.preventDefault();this.incrementMinute();break;case" ":t.preventDefault();break}}};this.nudgeFractionalSecond=t=>{const e=C(this.step);const i=A(this.step);const s=parseInt(this.fractionalSecond);const n=parseFloat(`0.${this.fractionalSecond}`);let r;let a;let c;let o;if(t==="up"){r=isNaN(s)?0:n+e;a=parseFloat(r.toFixed(i));c=C(a);o=a<1&&A(c)>0?ce(c,i):"".padStart(i,"0")}if(t==="down"){r=isNaN(s)||s===0?1-e:n-e;a=parseFloat(r.toFixed(i));c=C(a);o=a<1&&A(c)>0&&Math.sign(c)===1?ce(c,i):"".padStart(i,"0")}this.setValuePart("fractionalSecond",o)};this.sanitizeValue=t=>{const{hour:e,minute:i,second:s,fractionalSecond:n}=Se(t);if(n){const t=this.sanitizeFractionalSecond(n);return`${e}:${i}:${s}.${t}`}return be(t)&&t};this.sanitizeFractionalSecond=t=>t&&A(this.step)!==t.length?parseFloat(`0.${t}`).toFixed(A(this.step)).replace("0.",""):t;this.secondKeyDownHandler=t=>{const{key:e}=t;if(m.includes(e)){const t=parseInt(e);let i;if(M(this.second)&&this.second.startsWith("0")){const e=parseInt(this.second);i=e>re?t:`${e}${t}`}else{i=t}this.setValuePart("second",i)}else{switch(e){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":t.preventDefault();this.decrementSecond();break;case"ArrowUp":t.preventDefault();this.incrementSecond();break;case" ":t.preventDefault();break}}};this.secondDownClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.decrementSecond()};this.secondUpClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.incrementSecond()};this.setHourEl=t=>this.hourEl=t;this.setMeridiemEl=t=>this.meridiemEl=t;this.setMinuteEl=t=>this.minuteEl=t;this.setSecondEl=t=>this.secondEl=t;this.setFractionalSecondEl=t=>this.fractionalSecondEl=t;this.setValue=t=>{if(be(t)){const{hour:e,minute:i,second:s,fractionalSecond:n}=Se(t);const{effectiveLocale:r,numberingSystem:a}=this;const{localizedHour:c,localizedHourSuffix:o,localizedMinute:h,localizedMinuteSuffix:u,localizedSecond:l,localizedDecimalSeparator:d,localizedFractionalSecond:f,localizedSecondSuffix:m,localizedMeridiem:p}=ye({value:t,locale:r,numberingSystem:a});this.hour=e;this.minute=i;this.second=s;this.fractionalSecond=this.sanitizeFractionalSecond(n);this.localizedHour=c;this.localizedHourSuffix=o;this.localizedMinute=h;this.localizedMinuteSuffix=u;this.localizedSecond=l;this.localizedDecimalSeparator=d;this.localizedFractionalSecond=f;this.localizedSecondSuffix=m;if(p){this.localizedMeridiem=p;this.meridiem=me(this.hour)}}else{this.hour=null;this.fractionalSecond=null;this.localizedHour=null;this.localizedHourSuffix=de("hour",this.effectiveLocale,this.numberingSystem);this.localizedMeridiem=null;this.localizedMinute=null;this.localizedMinuteSuffix=de("minute",this.effectiveLocale,this.numberingSystem);this.localizedSecond=null;this.localizedDecimalSeparator=le(this.effectiveLocale,this.numberingSystem);this.localizedFractionalSecond=null;this.localizedSecondSuffix=de("second",this.effectiveLocale,this.numberingSystem);this.meridiem=null;this.minute=null;this.second=null;this.value=null}};this.setValuePart=(t,e)=>{const{effectiveLocale:i,numberingSystem:s}=this;if(t==="meridiem"){this.meridiem=e;if(M(this.hour)){const t=parseInt(this.hour);switch(e){case"AM":if(t>=12){this.hour=ce(t-12)}break;case"PM":if(t<12){this.hour=ce(t+12)}break}this.localizedHour=ge({value:this.hour,part:"hour",locale:i,numberingSystem:s})}}else if(t==="fractionalSecond"){const t=A(this.step);if(typeof e==="number"){this.fractionalSecond=e===0?"".padStart(t,"0"):ce(e,t)}else{this.fractionalSecond=e}this.localizedFractionalSecond=ge({value:this.fractionalSecond,part:"fractionalSecond",locale:i,numberingSystem:s})}else{this[t]=typeof e==="number"?ce(e):e;this[`localized${Te(t)}`]=ge({value:this[t],part:t,locale:i,numberingSystem:s})}let n=false;let r;if(this.hour&&this.minute){r=`${this.hour}:${this.minute}`;if(this.showSecond){r=`${r}:${this.second??"00"}`;if(this.showFractionalSecond&&this.fractionalSecond){r=`${r}.${this.fractionalSecond}`}}}else{r=null}if(this.value!==r){n=true}this.value=r;this.localizedMeridiem=this.value?ye({value:this.value,locale:i,numberingSystem:s})?.localizedMeridiem||null:ge({value:this.meridiem,part:"meridiem",locale:i,numberingSystem:s});if(n){this.calciteInternalTimePickerChange.emit()}};this.scale="m";this.step=60;this.numberingSystem=undefined;this.value=null;this.messages=undefined;this.messageOverrides=undefined;this.activeEl=undefined;this.effectiveLocale="";this.fractionalSecond=undefined;this.hour=undefined;this.hourCycle=undefined;this.localizedDecimalSeparator=".";this.localizedHour=undefined;this.localizedHourSuffix=undefined;this.localizedMeridiem=undefined;this.localizedFractionalSecond=undefined;this.localizedMinute=undefined;this.localizedMinuteSuffix=undefined;this.localizedSecond=undefined;this.localizedSecondSuffix=undefined;this.meridiem=undefined;this.minute=undefined;this.second=undefined;this.showFractionalSecond=undefined;this.showSecond=undefined;this.defaultMessages=undefined}stepChange(){this.toggleSecond()}valueWatcher(t){this.setValue(t)}onMessagesChange(){}effectiveLocaleWatcher(){this.updateLocale()}blurHandler(){this.activeEl=undefined;this.pointerActivated=false;this.calciteInternalTimePickerBlur.emit()}hostFocusHandler(){this.calciteInternalTimePickerFocus.emit()}keyDownHandler(t){this.pointerActivated=false;const{defaultPrevented:e,key:i}=t;if(e){return}switch(this.activeEl){case this.hourEl:if(i==="ArrowRight"){this.focusPart("minute");t.preventDefault()}break;case this.minuteEl:switch(i){case"ArrowLeft":this.focusPart("hour");t.preventDefault();break;case"ArrowRight":if(this.step!==60){this.focusPart("second");t.preventDefault()}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.secondEl:switch(i){case"ArrowLeft":this.focusPart("minute");t.preventDefault();break;case"ArrowRight":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.fractionalSecondEl:switch(i){case"ArrowLeft":this.focusPart("second");t.preventDefault();break;case"ArrowRight":if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.meridiemEl:switch(i){case"ArrowLeft":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.step!==60){this.focusPart("second");t.preventDefault()}else{this.focusPart("minute");t.preventDefault()}break}break}}pointerDownHandler(){this.pointerActivated=true}async setFocus(){await g(this);this.el?.focus()}async focusPart(t){await g(this);this[`${t||"hour"}El`]?.focus()}toggleSecond(){this.showSecond=this.step<60;this.showFractionalSecond=A(this.step)>0}updateLocale(){T(this,this.effectiveLocale);this.hourCycle=ue(this.effectiveLocale,this.numberingSystem);this.localizedDecimalSeparator=le(this.effectiveLocale,this.numberingSystem);this.meridiemOrder=pe(this.effectiveLocale);this.setValue(this.sanitizeValue(this.value))}connectedCallback(){j(this);this.updateLocale();H(this);this.toggleSecond()}async componentWillLoad(){k(this);await z(this)}componentDidLoad(){y(this)}disconnectedCallback(){Y(this);F(this)}render(){const t=M(this.hour);const e=P(this.scale);const s=M(this.minute);const n=M(this.second);const r=M(this.fractionalSecond);const a=this.hourCycle==="12";return i("div",{key:"b896c9e080ebc7d8810c48581026aec7159b6490",class:{[$e.timePicker]:true,[$e.showMeridiem]:a,[$e.showSecond]:this.showSecond,[$e[`scale-${this.scale}`]]:true},dir:"ltr"},i("div",{key:"785e1bce4a2440bcc89c6f3e71e224be8aac636a",class:$e.column,role:"group"},i("span",{key:"ed2a6cff185d1589aad531730a9064c3d86abb8f","aria-label":this.messages.hourUp,class:{[$e.button]:true,[$e.buttonHourUp]:true,[$e.buttonTopLeft]:true},onClick:this.hourUpClickHandler,role:"button"},i("calcite-icon",{key:"cd8fff81bab8a40771f1f889f8e2a31dfd751c23",icon:"chevron-up",scale:e})),i("span",{key:"137872f9897924e5d803a6c8691e76d97b9849ca","aria-label":this.messages.hour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":t&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:{[$e.input]:true,[$e.hour]:true,[$e.inputFocus]:this.activeEl&&this.activeEl===this.hourEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),i("span",{key:"29fb9c92a013801bad2653a993b5c33764c10d12","aria-label":this.messages.hourDown,class:{[$e.button]:true,[$e.buttonHourDown]:true,[$e.buttonBottomLeft]:true},onClick:this.hourDownClickHandler,role:"button"},i("calcite-icon",{key:"557650c90ba66405b6d254a913281001d9553ccd",icon:"chevron-down",scale:e}))),i("span",{key:"186666854fd27680137a6dcfffc708257f7296a1",class:$e.delimiter},this.localizedHourSuffix),i("div",{key:"68d54624a648d15fe9248abb5a2b7d47ebb8d4ae",class:$e.column,role:"group"},i("span",{key:"412d6dc40d3a5df85334e87c986ff22a2a4a89b2","aria-label":this.messages.minuteUp,class:{[$e.button]:true,[$e.buttonMinuteUp]:true},onClick:this.minuteUpClickHandler,role:"button"},i("calcite-icon",{key:"73ce5f6e4f296fedb75facd98806aaa0f9264f9e",icon:"chevron-up",scale:e})),i("span",{key:"9e12170f05aba47a11f64b4986038588ba0d2526","aria-label":this.messages.minute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":s&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:{[$e.input]:true,[$e.minute]:true,[$e.inputFocus]:this.activeEl&&this.activeEl===this.minuteEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),i("span",{key:"a46f2686fc2b9c4e00b5917380ce32d00c426c13","aria-label":this.messages.minuteDown,class:{[$e.button]:true,[$e.buttonMinuteDown]:true},onClick:this.minuteDownClickHandler,role:"button"},i("calcite-icon",{key:"0442e7441c06408b4fbd08e5b9929ec28e292e2f",icon:"chevron-down",scale:e}))),this.showSecond&&i("span",{key:"3fa42032693c411259214cfeb2e8cb1b4b00e8ad",class:$e.delimiter},this.localizedMinuteSuffix),this.showSecond&&i("div",{key:"b56d1df519432c1ed12a97c2ca0104dd9b0e10fc",class:$e.column,role:"group"},i("span",{key:"ecfdd7599b18acc92b0367743878cb43b5124c8b","aria-label":this.messages.secondUp,class:{[$e.button]:true,[$e.buttonSecondUp]:true},onClick:this.secondUpClickHandler,role:"button"},i("calcite-icon",{key:"745355c72d3cc9acb8ae31c773ab210183335b4e",icon:"chevron-up",scale:e})),i("span",{key:"8214dc9a5f44b758406e3914c562f3622c0111be","aria-label":this.messages.second,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":n&&parseInt(this.second)||"0","aria-valuetext":this.second,class:{[$e.input]:true,[$e.second]:true,[$e.inputFocus]:this.activeEl&&this.activeEl===this.secondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),i("span",{key:"9cf088e25e010c520aa3f1cec8744926b310bce6","aria-label":this.messages.secondDown,class:{[$e.button]:true,[$e.buttonSecondDown]:true},onClick:this.secondDownClickHandler,role:"button"},i("calcite-icon",{key:"cbb0e61bef5ff64b65a68ffd96003a35cc49c778",icon:"chevron-down",scale:e}))),this.showFractionalSecond&&i("span",{key:"d544b2a64681f299b898d98c4c9484851b022a67",class:$e.delimiter},this.localizedDecimalSeparator),this.showFractionalSecond&&i("div",{key:"f74e8b291e21da12b89ce47e0e6ca98c5f87c53c",class:$e.column,role:"group"},i("span",{key:"742053eb033a078a338221e2ec37db9b3dcab106","aria-label":this.messages.fractionalSecondUp,class:{[$e.button]:true,[$e.buttonFractionalSecondUp]:true},onClick:this.fractionalSecondUpClickHandler,role:"button"},i("calcite-icon",{key:"b4f4e9d78b27e7e49a18cffe87c53b5d983a7a24",icon:"chevron-up",scale:e})),i("span",{key:"a643735e771f0bfac44bc8fa70a7f7f44a2bd995","aria-label":this.messages.fractionalSecond,"aria-valuemax":"999","aria-valuemin":"1","aria-valuenow":r&&parseInt(this.fractionalSecond)||"0","aria-valuetext":this.localizedFractionalSecond,class:{[$e.input]:true,[$e.fractionalSecond]:true,[$e.inputFocus]:this.activeEl&&this.activeEl===this.fractionalSecondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.fractionalSecondKeyDownHandler,ref:this.setFractionalSecondEl,role:"spinbutton",tabIndex:0},this.localizedFractionalSecond||"--"),i("span",{key:"606fa4272030adb287794834025c8ea5ab64b775","aria-label":this.messages.fractionalSecondDown,class:{[$e.button]:true,[$e.buttonFractionalSecondDown]:true},onClick:this.fractionalSecondDownClickHandler,role:"button"},i("calcite-icon",{key:"6088c70fbd84ba6628dd03ccc14bc8761b1474b0",icon:"chevron-down",scale:e}))),this.localizedSecondSuffix&&i("span",{key:"896a343dcbc4fd063453978ab4ba23152c1d5b02",class:$e.delimiter},this.localizedSecondSuffix),a&&i("div",{key:"279201865dd76e7b3403f7d9950cc35b12314c4e",class:{[$e.column]:true,[$e.meridiemStart]:this.meridiemOrder===0},role:"group"},i("span",{key:"9c9d8fc7d24826a04ced761072d3a462e17960c6","aria-label":this.messages.meridiemUp,class:{[$e.button]:true,[$e.buttonMeridiemUp]:true,[$e.buttonTopRight]:true},onClick:this.meridiemUpClickHandler,role:"button"},i("calcite-icon",{key:"8fc5b56ff6d42d03362ad4a61ef3097c0f518a7b",icon:"chevron-up",scale:e})),i("span",{key:"9566bd9ba5d3154d873454e2b665ce60fa3cef87","aria-label":this.messages.meridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:{[$e.input]:true,[$e.meridiem]:true,[$e.inputFocus]:this.activeEl&&this.activeEl===this.meridiemEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),i("span",{key:"f19c68761eebad472f944ce66be8a44d4c1b9b94","aria-label":this.messages.meridiemDown,class:{[$e.button]:true,[$e.buttonMeridiemDown]:true,[$e.buttonBottomRight]:true},onClick:this.meridiemDownClickHandler,role:"button"},i("calcite-icon",{key:"7592f3288984a22f0fc1d4b8df3967483768c05a",icon:"chevron-down",scale:e}))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{step:["stepChange"],value:["valueWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};He.style=Ce;export{Ie as I,He as T,xt as d};
-//# sourceMappingURL=p-6ff8e6fb.js.map