@esri/calcite-components 2.1.0-next.1 → 2.1.0-next.2

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

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","Panel","this","resizeObserver","createObserver","resizeHandler","panelScrollEl","scrollHeight","offsetHeight","tabIndex","setContainerRef","node","containerEl","panelKeyDownHandler","event","closable","key","defaultPrevented","close","preventDefault","closed","calcitePanelClose","emit","collapse","collapsed","calcitePanelToggle","panelScrollHandler","calcitePanelScroll","handleHeaderActionsStartSlotChange","hasStartActions","slotChangeHasAssignedElement","handleHeaderActionsEndSlotChange","hasEndActions","handleHeaderMenuActionsSlotChange","hasMenuItems","handleActionBarSlotChange","actionBars","slotChangeGetAssignedElements","filter","el","matches","forEach","actionBar","layout","hasActionBar","length","handleHeaderContentSlotChange","hasHeaderContent","handleFooterSlotChange","hasFooterContent","handleFooterActionsSlotChange","hasFooterActions","handleFabSlotChange","hasFab","setPanelScrollEl","disconnect","observe","onMessagesChange","connectedCallback","connectInteractive","connectLocalized","connectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","effectiveLocaleChange","updateMessages","effectiveLocale","setFocus","componentFocusable","focusFirstTabbable","scrollContentTo","options","scrollTo","renderHeaderContent","heading","headingLevel","description","headingNode","h","Heading","class","CSS","level","descriptionNode","headerContent","renderActionBar","actionBarContainer","hidden","name","SLOTS","onSlotchange","renderHeaderSlottedContent","renderHeaderStartActions","headerActionsStart","headerActions","renderHeaderActionsEnd","messages","collapseDirection","collapsible","expand","icons","ICONS","reverse","collapseNode","toAriaBoolean","icon","onClick","text","title","closeNode","slotNode","headerActionsEnd","showContainer","renderMenu","menuOpen","flipPlacements","label","open","placement","menu","slot","ACTION_MENU_SLOTS","trigger","headerMenuActions","renderHeaderNode","headerContentNode","showHeaderContent","header","headerContainer","headerContainerBorderEnd","renderFooterNode","showFooter","footer","footerActions","renderContent","contentWrapper","onScroll","ref","renderFab","fabContainer","fab","render","loading","panelNode","container","onKeyDown","Fragment"],"sources":["src/components/panel/panel.scss?tag=calcite-panel&encapsulation=shadow","src/components/panel/panel.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-panel-footer-padding: Specifies the padding of the component's footer.\n * @prop --calcite-panel-header-border-block-end: Specifies the component header's block end border.\n */\n\n:host {\n  @extend %component-host;\n  @apply relative flex w-full h-full flex-auto;\n\n  --calcite-min-header-height: calc(var(--calcite-icon-size) * 3);\n}\n\n@include disabled();\n\n@import \"../../assets/styles/header\";\n\n.container {\n  @apply bg-background m-0 flex w-full flex-auto flex-col items-stretch p-0;\n\n  transition: max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing);\n}\n\n.container[hidden] {\n  @apply hidden;\n}\n\n.header {\n  @apply bg-foreground-1 flex flex-col\n    z-header;\n  border-block-end: var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3));\n}\n\n.header-container {\n  @apply flex flex-row w-full\n  items-stretch\n  justify-start;\n  flex: 0 0 auto;\n}\n\n.header-container--border-end {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n.action-bar-container {\n  @apply w-full;\n}\n\n.action-bar-container ::slotted(calcite-action-bar) {\n  @apply w-full;\n}\n\n.header-content {\n  @apply flex\n    flex-col\n    overflow-hidden\n    px-3\n    py-3.5;\n  margin-inline-end: auto;\n  .heading,\n  .description {\n    @apply block\n      break-words\n      p-0;\n  }\n  .heading {\n    @apply text-0h mx-0 mt-0 mb-1 font-medium;\n    &:only-child {\n      @apply mb-0;\n    }\n  }\n  .description {\n    @apply text-color-2 text-n1h;\n  }\n}\n\n.back-button {\n  @apply border-color-3\n  border-0\n  border-solid;\n  border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n}\n\n.header-actions {\n  @apply flex\n  flex-row\n  flex-nowrap\n  items-stretch;\n}\n\n.header-actions--end {\n  margin-inline-start: theme(\"margin.auto\");\n}\n\n.content-wrapper {\n  @apply flex\n  flex-auto\n  flex-col\n  flex-nowrap\n  items-stretch\n  bg-background\n  overflow-auto\n  h-full;\n}\n\n.footer {\n  @apply bg-foreground-1\n  flex\n  w-full\n  justify-evenly;\n\n  flex: 0 0 auto;\n  padding: var(--calcite-panel-footer-padding, theme(\"spacing.2\"));\n  border-block-start: 1px solid var(--calcite-color-border-3);\n}\n\n.fab-container {\n  @apply sticky\n  bottom-0\n  my-0\n  mx-auto\n  block\n  p-2\n  z-sticky;\n  inset-inline: 0;\n  inline-size: fit-content;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  focusFirstTabbable,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { PanelMessages } from \"./assets/panel/t9n\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.\n * @slot header-actions-start - A slot for adding actions or content to the start side of the header.\n * @slot header-actions-end - A slot for adding actions or content to the end side of the header.\n * @slot header-content - A slot for adding custom content to the header.\n * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n * @slot footer-actions - [Deprecated] Use the `\"footer\"` slot instead. A slot for adding `calcite-button`s to the component's footer.\n * @slot footer - A slot for adding custom content to the footer.\n */\n@Component({\n  tag: \"calcite-panel\",\n  styleUrl: \"panel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Panel\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** When `true`, the component will be hidden. */\n  @Prop({ mutable: true, reflect: true }) closed = false;\n\n  /**\n   *  When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** When `true`, displays a close button in the trailing side of the header. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * Specifies the direction of the collapse.\n   *\n   * @internal\n   */\n  @Prop() collapseDirection: \"down\" | \"up\" = \"down\";\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /** A description for the component. */\n  @Prop() description: string;\n\n  /**\n   * When `true`, the action menu items in the `header-menu-actions` slot are open.\n   */\n  @Prop({ reflect: true }) menuOpen = false;\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<PanelMessages>;\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: PanelMessages;\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  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePanelElement;\n\n  containerEl: HTMLElement;\n\n  panelScrollEl: HTMLElement;\n\n  resizeObserver = createObserver(\"resize\", () => this.resizeHandler());\n\n  @State() hasStartActions = false;\n\n  @State() hasEndActions = false;\n\n  @State() hasMenuItems = false;\n\n  @State() hasHeaderContent = false;\n\n  @State() hasActionBar = false;\n\n  @State() hasFooterContent = false;\n\n  @State() hasFooterActions = false;\n\n  @State() hasFab = false;\n\n  @State() defaultMessages: PanelMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @State() showHeaderContent = false;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calcitePanelClose: EventEmitter<void>;\n\n  /**\n   * Fires when the collapse button is clicked.\n   */\n  @Event({ cancelable: false }) calcitePanelToggle: EventEmitter<void>;\n\n  /**\n   * Fires when the content is scrolled.\n   */\n  @Event({ cancelable: false }) calcitePanelScroll: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  resizeHandler = (): void => {\n    const { panelScrollEl } = this;\n\n    if (\n      !panelScrollEl ||\n      typeof panelScrollEl.scrollHeight !== \"number\" ||\n      typeof panelScrollEl.offsetHeight !== \"number\"\n    ) {\n      return;\n    }\n\n    panelScrollEl.tabIndex = panelScrollEl.scrollHeight > panelScrollEl.offsetHeight ? 0 : -1;\n  };\n\n  setContainerRef = (node: HTMLElement): void => {\n    this.containerEl = node;\n  };\n\n  panelKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.closable && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.close();\n      event.preventDefault();\n    }\n  };\n\n  close = (): void => {\n    this.closed = true;\n    this.calcitePanelClose.emit();\n  };\n\n  collapse = (): void => {\n    this.collapsed = !this.collapsed;\n    this.calcitePanelToggle.emit();\n  };\n\n  panelScrollHandler = (): void => {\n    this.calcitePanelScroll.emit();\n  };\n\n  handleHeaderActionsStartSlotChange = (event: Event): void => {\n    this.hasStartActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleHeaderActionsEndSlotChange = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleHeaderMenuActionsSlotChange = (event: Event): void => {\n    this.hasMenuItems = slotChangeHasAssignedElement(event);\n  };\n\n  handleActionBarSlotChange = (event: Event): void => {\n    const actionBars = slotChangeGetAssignedElements(event).filter((el) =>\n      el?.matches(\"calcite-action-bar\")\n    ) as HTMLCalciteActionBarElement[];\n\n    actionBars.forEach((actionBar) => (actionBar.layout = \"horizontal\"));\n\n    this.hasActionBar = !!actionBars.length;\n  };\n\n  handleHeaderContentSlotChange = (event: Event): void => {\n    this.hasHeaderContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooterContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterActionsSlotChange = (event: Event): void => {\n    this.hasFooterActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleFabSlotChange = (event: Event): void => {\n    this.hasFab = slotChangeHasAssignedElement(event);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.containerEl);\n  }\n\n  /**\n   * Scrolls the component's content to a specified set of coordinates.\n   *\n   * @example\n   * myCalciteFlowItem.scrollContentTo({\n   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n   *   behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n   * });\n   * @param options - allows specific coordinates to be defined.\n   * @returns - promise that resolves once the content is scrolled to.\n   */\n  @Method()\n  async scrollContentTo(options?: ScrollToOptions): Promise<void> {\n    this.panelScrollEl?.scrollTo(options);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeaderContent(): VNode {\n    const { heading, headingLevel, description, hasHeaderContent } = this;\n    const headingNode = heading ? (\n      <Heading class={CSS.heading} level={headingLevel}>\n        {heading}\n      </Heading>\n    ) : null;\n\n    const descriptionNode = description ? <span class={CSS.description}>{description}</span> : null;\n\n    return !hasHeaderContent && (headingNode || descriptionNode) ? (\n      <div class={CSS.headerContent} key=\"header-content\">\n        {headingNode}\n        {descriptionNode}\n      </div>\n    ) : null;\n  }\n\n  renderActionBar(): VNode {\n    return (\n      <div class={CSS.actionBarContainer} hidden={!this.hasActionBar}>\n        <slot name={SLOTS.actionBar} onSlotchange={this.handleActionBarSlotChange} />\n      </div>\n    );\n  }\n\n  renderHeaderSlottedContent(): VNode {\n    return (\n      <div class={CSS.headerContent} hidden={!this.hasHeaderContent} key=\"slotted-header-content\">\n        <slot name={SLOTS.headerContent} onSlotchange={this.handleHeaderContentSlotChange} />\n      </div>\n    );\n  }\n\n  renderHeaderStartActions(): VNode {\n    const { hasStartActions } = this;\n\n    return (\n      <div\n        class={{ [CSS.headerActionsStart]: true, [CSS.headerActions]: true }}\n        hidden={!hasStartActions}\n        key=\"header-actions-start\"\n      >\n        <slot\n          name={SLOTS.headerActionsStart}\n          onSlotchange={this.handleHeaderActionsStartSlotChange}\n        />\n      </div>\n    );\n  }\n\n  renderHeaderActionsEnd(): VNode {\n    const {\n      hasEndActions,\n      messages,\n      closable,\n      collapsed,\n      collapseDirection,\n      collapsible,\n      hasMenuItems,\n    } = this;\n    const { collapse, expand, close } = messages;\n\n    const icons = [ICONS.expand, ICONS.collapse];\n\n    if (collapseDirection === \"up\") {\n      icons.reverse();\n    }\n\n    const collapseNode = collapsible ? (\n      <calcite-action\n        aria-expanded={toAriaBoolean(!collapsed)}\n        aria-label={collapse}\n        data-test=\"collapse\"\n        icon={collapsed ? icons[0] : icons[1]}\n        onClick={this.collapse}\n        text={collapse}\n        title={collapsed ? expand : collapse}\n      />\n    ) : null;\n\n    const closeNode = closable ? (\n      <calcite-action\n        aria-label={close}\n        data-test=\"close\"\n        icon={ICONS.close}\n        onClick={this.close}\n        text={close}\n        title={close}\n      />\n    ) : null;\n\n    const slotNode = (\n      <slot name={SLOTS.headerActionsEnd} onSlotchange={this.handleHeaderActionsEndSlotChange} />\n    );\n\n    const showContainer = hasEndActions || collapseNode || closeNode || hasMenuItems;\n\n    return (\n      <div\n        class={{ [CSS.headerActionsEnd]: true, [CSS.headerActions]: true }}\n        hidden={!showContainer}\n        key=\"header-actions-end\"\n      >\n        {slotNode}\n        {this.renderMenu()}\n        {collapseNode}\n        {closeNode}\n      </div>\n    );\n  }\n\n  renderMenu(): VNode {\n    const { hasMenuItems, messages, menuOpen } = this;\n\n    return (\n      <calcite-action-menu\n        flipPlacements={[\"top\", \"bottom\"]}\n        hidden={!hasMenuItems}\n        key=\"menu\"\n        label={messages.options}\n        open={menuOpen}\n        placement=\"bottom-end\"\n      >\n        <calcite-action\n          icon={ICONS.menu}\n          slot={ACTION_MENU_SLOTS.trigger}\n          text={messages.options}\n        />\n        <slot\n          name={SLOTS.headerMenuActions}\n          onSlotchange={this.handleHeaderMenuActionsSlotChange}\n        />\n      </calcite-action-menu>\n    );\n  }\n\n  renderHeaderNode(): VNode {\n    const {\n      hasHeaderContent,\n      hasStartActions,\n      hasEndActions,\n      closable,\n      collapsible,\n      hasMenuItems,\n      hasActionBar,\n    } = this;\n\n    const headerContentNode = this.renderHeaderContent();\n\n    const showHeaderContent =\n      hasHeaderContent ||\n      !!headerContentNode ||\n      hasStartActions ||\n      hasEndActions ||\n      collapsible ||\n      closable ||\n      hasMenuItems;\n\n    this.showHeaderContent = showHeaderContent;\n\n    return (\n      <header class={CSS.header} hidden={!(showHeaderContent || hasActionBar)}>\n        <div\n          class={{ [CSS.headerContainer]: true, [CSS.headerContainerBorderEnd]: hasActionBar }}\n          hidden={!showHeaderContent}\n        >\n          {this.renderHeaderStartActions()}\n          {this.renderHeaderSlottedContent()}\n          {headerContentNode}\n          {this.renderHeaderActionsEnd()}\n        </div>\n        {this.renderActionBar()}\n      </header>\n    );\n  }\n\n  renderFooterNode(): VNode {\n    const { hasFooterContent, hasFooterActions } = this;\n\n    const showFooter = hasFooterContent || hasFooterActions;\n\n    return (\n      <footer class={CSS.footer} hidden={!showFooter}>\n        <slot key=\"footer-slot\" name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n        <slot\n          key=\"footer-actions-slot\"\n          name={SLOTS.footerActions}\n          onSlotchange={this.handleFooterActionsSlotChange}\n        />\n      </footer>\n    );\n  }\n\n  setPanelScrollEl = (el: HTMLElement): void => {\n    this.panelScrollEl = el;\n    this.resizeObserver?.disconnect();\n\n    if (el) {\n      this.resizeObserver?.observe(el);\n      this.resizeHandler();\n    }\n  };\n\n  renderContent(): VNode {\n    return (\n      <div\n        class={CSS.contentWrapper}\n        hidden={this.collapsible && this.collapsed}\n        onScroll={this.panelScrollHandler}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.setPanelScrollEl}\n      >\n        <slot />\n        {this.renderFab()}\n      </div>\n    );\n  }\n\n  renderFab(): VNode {\n    return (\n      <div class={CSS.fabContainer} hidden={!this.hasFab}>\n        <slot name={SLOTS.fab} onSlotchange={this.handleFabSlotChange} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { loading, panelKeyDownHandler, closed, closable } = this;\n\n    const panelNode = (\n      <article\n        aria-busy={toAriaBoolean(loading)}\n        class={CSS.container}\n        hidden={closed}\n        onKeyDown={panelKeyDownHandler}\n        tabIndex={closable ? 0 : -1}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.setContainerRef}\n      >\n        {this.renderHeaderNode()}\n        {this.renderContent()}\n        {this.renderFooterNode()}\n      </article>\n    );\n\n    return (\n      <Fragment>\n        {loading ? <calcite-scrim loading={loading} /> : null}\n        {panelNode}\n      </Fragment>\n    );\n  }\n}\n"],"mappings":";;;;;+jBAAA,MAAMA,EAAW,ouG,MC+DJC,EAAK,M,4LA2HhBC,KAAAC,eAAiBC,EAAe,UAAU,IAAMF,KAAKG,kBAwDrDH,KAAAG,cAAgB,KACd,MAAMC,cAAEA,GAAkBJ,KAE1B,IACGI,UACMA,EAAcC,eAAiB,iBAC/BD,EAAcE,eAAiB,SACtC,CACA,M,CAGFF,EAAcG,SAAWH,EAAcC,aAAeD,EAAcE,aAAe,GAAK,CAAC,EAG3FN,KAAAQ,gBAAmBC,IACjBT,KAAKU,YAAcD,CAAI,EAGzBT,KAAAW,oBAAuBC,IACrB,GAAIZ,KAAKa,UAAYD,EAAME,MAAQ,WAAaF,EAAMG,iBAAkB,CACtEf,KAAKgB,QACLJ,EAAMK,gB,GAIVjB,KAAAgB,MAAQ,KACNhB,KAAKkB,OAAS,KACdlB,KAAKmB,kBAAkBC,MAAM,EAG/BpB,KAAAqB,SAAW,KACTrB,KAAKsB,WAAatB,KAAKsB,UACvBtB,KAAKuB,mBAAmBH,MAAM,EAGhCpB,KAAAwB,mBAAqB,KACnBxB,KAAKyB,mBAAmBL,MAAM,EAGhCpB,KAAA0B,mCAAsCd,IACpCZ,KAAK2B,gBAAkBC,EAA6BhB,EAAM,EAG5DZ,KAAA6B,iCAAoCjB,IAClCZ,KAAK8B,cAAgBF,EAA6BhB,EAAM,EAG1DZ,KAAA+B,kCAAqCnB,IACnCZ,KAAKgC,aAAeJ,EAA6BhB,EAAM,EAGzDZ,KAAAiC,0BAA6BrB,IAC3B,MAAMsB,EAAaC,EAA8BvB,GAAOwB,QAAQC,GAC9DA,GAAIC,QAAQ,wBAGdJ,EAAWK,SAASC,GAAeA,EAAUC,OAAS,eAEtDzC,KAAK0C,eAAiBR,EAAWS,MAAM,EAGzC3C,KAAA4C,8BAAiChC,IAC/BZ,KAAK6C,iBAAmBjB,EAA6BhB,EAAM,EAG7DZ,KAAA8C,uBAA0BlC,IACxBZ,KAAK+C,iBAAmBnB,EAA6BhB,EAAM,EAG7DZ,KAAAgD,8BAAiCpC,IAC/BZ,KAAKiD,iBAAmBrB,EAA6BhB,EAAM,EAG7DZ,KAAAkD,oBAAuBtC,IACrBZ,KAAKmD,OAASvB,EAA6BhB,EAAM,EA2OnDZ,KAAAoD,iBAAoBf,IAClBrC,KAAKI,cAAgBiC,EACrBrC,KAAKC,gBAAgBoD,aAErB,GAAIhB,EAAI,CACNrC,KAAKC,gBAAgBqD,QAAQjB,GAC7BrC,KAAKG,e,eApewC,M,cAKb,M,cAGA,M,eAKC,M,uBAOM,O,iBAKJ,M,yCAUJ,M,gEAaC,M,6EAmET,M,mBAEF,M,kBAED,M,sBAEI,M,kBAEJ,M,sBAEI,M,sBAEA,M,YAEV,M,oDAIS,G,uBAEE,K,CAtE7B,gBAAAoD,G,CAUA,iBAAAC,GACEC,EAAmBzD,MACnB0D,EAAiB1D,MACjB2D,EAAgB3D,K,CAGlB,uBAAM4D,GACJC,EAAuB7D,YACjB8D,EAAc9D,K,CAGtB,gBAAA+D,GACEC,EAAmBhE,K,CAGrB,kBAAAiE,GACEC,EAAsBlE,K,CAGxB,oBAAAmE,GACEC,EAAsBpE,MACtBqE,EAAoBrE,MACpBsE,EAAmBtE,MACnBA,KAAKC,gBAAgBoD,Y,CAwCvB,qBAAAkB,GACEC,EAAexE,KAAMA,KAAKyE,gB,CAqH5B,cAAMC,SACEC,EAAmB3E,MACzB4E,EAAmB5E,KAAKU,Y,CAgB1B,qBAAMmE,CAAgBC,GACpB9E,KAAKI,eAAe2E,SAASD,E,CAS/B,mBAAAE,GACE,MAAMC,QAAEA,EAAOC,aAAEA,EAAYC,YAAEA,EAAWtC,iBAAEA,GAAqB7C,KACjE,MAAMoF,EAAcH,EAClBI,EAACC,EAAO,CAACC,MAAOC,EAAIP,QAASQ,MAAOP,GACjCD,GAED,KAEJ,MAAMS,EAAkBP,EAAcE,EAAA,QAAME,MAAOC,EAAIL,aAAcA,GAAsB,KAE3F,OAAQtC,IAAqBuC,GAAeM,GAC1CL,EAAA,OAAKE,MAAOC,EAAIG,cAAe7E,IAAI,kBAChCsE,EACAM,GAED,I,CAGN,eAAAE,GACE,OACEP,EAAA,OAAKE,MAAOC,EAAIK,mBAAoBC,QAAS9F,KAAK0C,cAChD2C,EAAA,QAAMU,KAAMC,EAAMxD,UAAWyD,aAAcjG,KAAKiC,4B,CAKtD,0BAAAiE,GACE,OACEb,EAAA,OAAKE,MAAOC,EAAIG,cAAeG,QAAS9F,KAAK6C,iBAAkB/B,IAAI,0BACjEuE,EAAA,QAAMU,KAAMC,EAAML,cAAeM,aAAcjG,KAAK4C,gC,CAK1D,wBAAAuD,GACE,MAAMxE,gBAAEA,GAAoB3B,KAE5B,OACEqF,EAAA,OACEE,MAAO,CAAE,CAACC,EAAIY,oBAAqB,KAAM,CAACZ,EAAIa,eAAgB,MAC9DP,QAASnE,EACTb,IAAI,wBAEJuE,EAAA,QACEU,KAAMC,EAAMI,mBACZH,aAAcjG,KAAK0B,qC,CAM3B,sBAAA4E,GACE,MAAMxE,cACJA,EAAayE,SACbA,EAAQ1F,SACRA,EAAQS,UACRA,EAASkF,kBACTA,EAAiBC,YACjBA,EAAWzE,aACXA,GACEhC,KACJ,MAAMqB,SAAEA,EAAQqF,OAAEA,EAAM1F,MAAEA,GAAUuF,EAEpC,MAAMI,EAAQ,CAACC,EAAMF,OAAQE,EAAMvF,UAEnC,GAAImF,IAAsB,KAAM,CAC9BG,EAAME,S,CAGR,MAAMC,EAAeL,EACnBpB,EAAA,kCACiB0B,GAAezF,GAAU,aAC5BD,EAAQ,YACV,WACV2F,KAAM1F,EAAYqF,EAAM,GAAKA,EAAM,GACnCM,QAASjH,KAAKqB,SACd6F,KAAM7F,EACN8F,MAAO7F,EAAYoF,EAASrF,IAE5B,KAEJ,MAAM+F,EAAYvG,EAChBwE,EAAA,+BACcrE,EAAK,YACP,QACVgG,KAAMJ,EAAM5F,MACZiG,QAASjH,KAAKgB,MACdkG,KAAMlG,EACNmG,MAAOnG,IAEP,KAEJ,MAAMqG,EACJhC,EAAA,QAAMU,KAAMC,EAAMsB,iBAAkBrB,aAAcjG,KAAK6B,mCAGzD,MAAM0F,EAAgBzF,GAAiBgF,GAAgBM,GAAapF,EAEpE,OACEqD,EAAA,OACEE,MAAO,CAAE,CAACC,EAAI8B,kBAAmB,KAAM,CAAC9B,EAAIa,eAAgB,MAC5DP,QAASyB,EACTzG,IAAI,sBAEHuG,EACArH,KAAKwH,aACLV,EACAM,E,CAKP,UAAAI,GACE,MAAMxF,aAAEA,EAAYuE,SAAEA,EAAQkB,SAAEA,GAAazH,KAE7C,OACEqF,EAAA,uBACEqC,eAAgB,CAAC,MAAO,UACxB5B,QAAS9D,EACTlB,IAAI,OACJ6G,MAAOpB,EAASzB,QAChB8C,KAAMH,EACNI,UAAU,cAEVxC,EAAA,kBACE2B,KAAMJ,EAAMkB,KACZC,KAAMC,EAAkBC,QACxBf,KAAMX,EAASzB,UAEjBO,EAAA,QACEU,KAAMC,EAAMkC,kBACZjC,aAAcjG,KAAK+B,oC,CAM3B,gBAAAoG,GACE,MAAMtF,iBACJA,EAAgBlB,gBAChBA,EAAeG,cACfA,EAAajB,SACbA,EAAQ4F,YACRA,EAAWzE,aACXA,EAAYU,aACZA,GACE1C,KAEJ,MAAMoI,EAAoBpI,KAAKgF,sBAE/B,MAAMqD,EACJxF,KACEuF,GACFzG,GACAG,GACA2E,GACA5F,GACAmB,EAEFhC,KAAKqI,kBAAoBA,EAEzB,OACEhD,EAAA,UAAQE,MAAOC,EAAI8C,OAAQxC,SAAUuC,GAAqB3F,IACxD2C,EAAA,OACEE,MAAO,CAAE,CAACC,EAAI+C,iBAAkB,KAAM,CAAC/C,EAAIgD,0BAA2B9F,GACtEoD,QAASuC,GAERrI,KAAKmG,2BACLnG,KAAKkG,6BACLkC,EACApI,KAAKsG,0BAEPtG,KAAK4F,kB,CAKZ,gBAAA6C,GACE,MAAM1F,iBAAEA,EAAgBE,iBAAEA,GAAqBjD,KAE/C,MAAM0I,EAAa3F,GAAoBE,EAEvC,OACEoC,EAAA,UAAQE,MAAOC,EAAImD,OAAQ7C,QAAS4C,GAClCrD,EAAA,QAAMvE,IAAI,cAAciF,KAAMC,EAAM2C,OAAQ1C,aAAcjG,KAAK8C,yBAC/DuC,EAAA,QACEvE,IAAI,sBACJiF,KAAMC,EAAM4C,cACZ3C,aAAcjG,KAAKgD,gC,CAgB3B,aAAA6F,GACE,OACExD,EAAA,OACEE,MAAOC,EAAIsD,eACXhD,OAAQ9F,KAAKyG,aAAezG,KAAKsB,UACjCyH,SAAU/I,KAAKwB,mBAEfwH,IAAKhJ,KAAKoD,kBAEViC,EAAA,aACCrF,KAAKiJ,Y,CAKZ,SAAAA,GACE,OACE5D,EAAA,OAAKE,MAAOC,EAAI0D,aAAcpD,QAAS9F,KAAKmD,QAC1CkC,EAAA,QAAMU,KAAMC,EAAMmD,IAAKlD,aAAcjG,KAAKkD,sB,CAKhD,MAAAkG,GACE,MAAMC,QAAEA,EAAO1I,oBAAEA,EAAmBO,OAAEA,EAAML,SAAEA,GAAab,KAE3D,MAAMsJ,EACJjE,EAAA,uBACa0B,EAAcsC,GACzB9D,MAAOC,EAAI+D,UACXzD,OAAQ5E,EACRsI,UAAW7I,EACXJ,SAAUM,EAAW,GAAK,EAE1BmI,IAAKhJ,KAAKQ,iBAETR,KAAKmI,mBACLnI,KAAK6I,gBACL7I,KAAKyI,oBAIV,OACEpD,EAACoE,EAAQ,KACNJ,EAAUhE,EAAA,iBAAegE,QAASA,IAAc,KAChDC,E"}

package/dist/calcite/p-b0230ecc.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+import{r as e,c as t,h as a,H as i,g as n}from"./p-793d9a3b.js";import{a as s,l as o,b as l}from"./p-ef01f1b1.js";import"./p-6cc43458.js";import"./p-aa8b4261.js";import"./p-094e8227.js";import"./p-a88c3b3f.js";const c={container:"container"};const r=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";const d=class{constructor(a){e(this,a);this.calciteInternalLabelClick=t(this,"calciteInternalLabelClick",2);this.labelClickHandler=e=>{this.calciteInternalLabelClick.emit({sourceEvent:e})};this.alignment="start";this.for=undefined;this.scale="m";this.layout="default"}handleForChange(){s(this.el)}connectedCallback(){document.dispatchEvent(new CustomEvent(o))}disconnectedCallback(){document.dispatchEvent(new CustomEvent(l))}render(){return a(i,{onClick:this.labelClickHandler},a("div",{class:c.container},a("slot",null)))}get el(){return n(this)}static get watchers(){return{for:["handleForChange"]}}};d.style=r;export{d as calcite_label};
+//# sourceMappingURL=p-b0230ecc.entry.js.map

package/dist/calcite/p-b496335c.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+import{d as e}from"./p-818a6508.js";import"./p-793d9a3b.js";import"./p-d5c47529.js";import"./p-6cc43458.js";import"./p-aa8b4261.js";import"./p-094e8227.js";import"./p-8fa4cc81.js";import"./p-25f30376.js";import"./p-1a7e4103.js";import"./p-ef01f1b1.js";import"./p-a88c3b3f.js";import"./p-ff9a5c92.js";import"./p-c92499c5.js";import"./p-47054ddc.js";import"./p-1e56c915.js";import"./p-7f9f8621.js";import"./p-09c1318f.js";import"./p-747a24fe.js";var a={name:"id",weekdays:"Minggu_Senin_Selasa_Rabu_Kamis_Jumat_Sabtu".split("_"),months:"Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_November_Desember".split("_"),weekdaysShort:"Min_Sen_Sel_Rab_Kam_Jum_Sab".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Mei_Jun_Jul_Agt_Sep_Okt_Nov_Des".split("_"),weekdaysMin:"Mg_Sn_Sl_Rb_Km_Jm_Sb".split("_"),weekStart:1,formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},relativeTime:{future:"dalam %s",past:"%s yang lalu",s:"beberapa detik",m:"semenit",mm:"%d menit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"},ordinal:function e(a){return a+"."}};e.locale(a,null,true);export default a;
+//# sourceMappingURL=p-b496335c.js.map

package/dist/calcite/p-b77babaf.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+import{d as t}from"./p-818a6508.js";import"./p-793d9a3b.js";import"./p-d5c47529.js";import"./p-6cc43458.js";import"./p-aa8b4261.js";import"./p-094e8227.js";import"./p-8fa4cc81.js";import"./p-25f30376.js";import"./p-1a7e4103.js";import"./p-ef01f1b1.js";import"./p-a88c3b3f.js";import"./p-ff9a5c92.js";import"./p-c92499c5.js";import"./p-47054ddc.js";import"./p-1e56c915.js";import"./p-7f9f8621.js";import"./p-09c1318f.js";import"./p-747a24fe.js";var m={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function t(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};t.locale(m,null,true);export default m;
+//# sourceMappingURL=p-b77babaf.js.map

package/dist/calcite/p-b98866c1.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+import{d as r}from"./p-818a6508.js";import"./p-793d9a3b.js";import"./p-d5c47529.js";import"./p-6cc43458.js";import"./p-aa8b4261.js";import"./p-094e8227.js";import"./p-8fa4cc81.js";import"./p-25f30376.js";import"./p-1a7e4103.js";import"./p-ef01f1b1.js";import"./p-a88c3b3f.js";import"./p-ff9a5c92.js";import"./p-c92499c5.js";import"./p-47054ddc.js";import"./p-1e56c915.js";import"./p-7f9f8621.js";import"./p-09c1318f.js";import"./p-747a24fe.js";var t={name:"zh-cn",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"周日_周一_周二_周三_周四_周五_周六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function r(t,_){switch(_){case"W":return t+"周";default:return t+"日"}},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日Ah点mm分",LLLL:"YYYY年M月D日ddddAh点mm分",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s内",past:"%s前",s:"几秒",m:"1 分钟",mm:"%d 分钟",h:"1 小时",hh:"%d 小时",d:"1 天",dd:"%d 天",M:"1 个月",MM:"%d 个月",y:"1 年",yy:"%d 年"},meridiem:function r(t,_){var e=t*100+_;if(e<600){return"凌晨"}else if(e<900){return"早上"}else if(e<1100){return"上午"}else if(e<1300){return"中午"}else if(e<1800){return"下午"}return"晚上"}};r.locale(t,null,true);export default t;
+//# sourceMappingURL=p-b98866c1.js.map

package/dist/calcite/p-b9e27b54.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+import{r as t,h as i,g as e,f as s,c as a,H as n}from"./p-793d9a3b.js";import{g as l}from"./p-aa8b4261.js";import{c as h}from"./p-47054ddc.js";import{i as r,v as o}from"./p-6cc43458.js";import{c,d,a as u,H as m}from"./p-d5c47529.js";import{c as b,d as f,u as p}from"./p-8fa4cc81.js";import{i as v}from"./p-1a7e4103.js";import{c as g,d as x,g as k}from"./p-ef01f1b1.js";import{s as $,a as _,c as w}from"./p-ff9a5c92.js";import{n as y,c as V,d as z}from"./p-c92499c5.js";import{d as M,c as L}from"./p-7f9f8621.js";import"./p-094e8227.js";import"./p-25f30376.js";import"./p-a88c3b3f.js";function D(t,i,e){const s=i[0]-t[0];const a=e[0]-i[0];const n=i[1]-t[1];const l=e[1]-i[1];const h=n/(s||a<0&&0);const r=l/(a||s<0&&0);const o=(h*a+r*s)/(s+a);return(Math.sign(h)+Math.sign(r))*Math.min(Math.abs(h),Math.abs(r),.5*Math.abs(o))||0}function F(t,i,e){const s=i[0]-t[0];const a=i[1]-t[1];return s?(3*a/s-e)/2:e}function j(t,i,e,s,a){const[n,l]=t;const[h,r]=i;const o=(h-n)/3;const c=a([n+o,l+o*e]).join(",");const d=a([h-o,r-o*s]).join(",");const u=a([h,r]).join(",");return`C ${c} ${d} ${u}`}function H({width:t,height:i,min:e,max:s}){const a=s[0]-e[0];const n=s[1]-e[1];return s=>{const l=(s[0]-e[0])/a*t;const h=i-s[1]/n*i;return[l,h]}}function P(t){const[i,e]=t[0];const s=[i,e];const a=[i,e];return t.reduce((({min:t,max:i},[e,s])=>({min:[Math.min(t[0],e),Math.min(t[1],s)],max:[Math.max(i[0],e),Math.max(i[1],s)]})),{min:s,max:a})}function X({data:t,min:i,max:e,t:s}){if(t.length===0){return""}const[a,n]=s(t[0]);const[l,h]=s(i);const[r]=s(e);let o;let c;let d;const u=t.reduce(((i,e,a)=>{c=t[a-2];d=t[a-1];if(a>1){const t=D(c,d,e);const a=o===undefined?F(c,d,t):o;const n=j(c,d,a,t,s);o=t;return`${i} ${n}`}return i}),`M ${l},${h} L ${l},${n} L ${a},${n}`);const m=t[t.length-1];const b=j(d,m,o,F(d,m,o),s);return`${u} ${b} L ${r},${h} Z`}const B=":host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;block-size:100%;inline-size:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-color-brand);opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(i){t(this,i);this.graphId=`calcite-graph-${l()}`;this.resizeObserver=h("resize",(()=>s(this)));this.data=[];this.colorStops=undefined;this.highlightMin=undefined;this.highlightMax=undefined;this.min=undefined;this.max=undefined}connectedCallback(){this.resizeObserver?.observe(this.el)}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const{data:t,colorStops:e,el:s,highlightMax:a,highlightMin:n,min:l,max:h}=this;const r=this.graphId;const{clientHeight:o,clientWidth:c}=s;if(!t||t.length===0){return i("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c})}const{min:d,max:u}=P(t);let m=d;let b=u;if(l<d[0]||l>d[0]){m=[l,0]}if(h>u[0]||h<u[0]){b=[h,u[1]]}const f=H({min:m,max:b,width:c,height:o});const[p]=f([n,b[1]]);const[v]=f([a,b[1]]);const g=X({data:t,min:d,max:u,t:f});const x=e?`url(#linear-gradient-${r})`:undefined;return i("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c},e?i("defs",null,i("linearGradient",{id:`linear-gradient-${r}`,x1:"0",x2:"1",y1:"0",y2:"0"},e.map((({offset:t,color:e,opacity:s})=>i("stop",{offset:`${t*100}%`,"stop-color":e,"stop-opacity":s}))))):null,n!==undefined?[i("mask",{height:"100%",id:`${r}1`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M 0,0\n            L ${p-1},0\n            L ${p-1},${o}\n            L 0,${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${r}2`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M ${p+1},0\n            L ${v-1},0\n            L ${v-1},${o}\n            L ${p+1}, ${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${r}3`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n                M ${v+1},0\n                L ${c},0\n                L ${c},${o}\n                L ${v+1}, ${o}\n                Z\n              `,fill:"white"})),i("path",{class:"graph-path",d:g,fill:x,mask:`url(#${r}1)`}),i("path",{class:"graph-path--highlight",d:g,fill:x,mask:`url(#${r}2)`}),i("path",{class:"graph-path",d:g,fill:x,mask:`url(#${r}3)`})]:i("path",{class:"graph-path",d:g,fill:x}))}get el(){return e(this)}};I.style=B;const C={handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",tickMin:"tick__label--min",tickMax:"tick__label--max"};const S=250;const T='@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size:0.625rem;--calcite-slider-handle-extension-height:0.4rem;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:0.875rem;--calcite-slider-handle-extension-height:0.5rem;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:1rem;--calcite-slider-handle-extension-height:0.65rem;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * 0.5);padding-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-inline:0;--calcite-slider-full-handle-height:calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  );touch-action:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:0.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-color-text-3)}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-color-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.thumb:focus .handle-extension{background-color:var(--calcite-color-brand)}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-0.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-color-brand)}.track{position:relative;block-size:0.125rem;border-radius:0px;background-color:var(--calcite-color-border-2);transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:0.125rem;background-color:var(--calcite-color-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:0.25rem;inline-size:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-color-border-input);border-color:var(--calcite-color-foreground-1);inset-block-start:-2px;pointer-events:none;margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-color-brand)}.tick__label{pointer-events:none;margin-block-start:0.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-color-foreground-3);block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}';function A(t){return Array.isArray(t)}const R=class{constructor(i){t(this,i);this.calciteSliderInput=a(this,"calciteSliderInput",6);this.calciteSliderChange=a(this,"calciteSliderChange",6);this.activeProp="value";this.guid=`calcite-slider-${l()}`;this.dragUpdate=t=>{if(this.disabled){return}t.preventDefault();if(this.dragProp){const i=this.translate(t.clientX||t.pageX);if(A(this.value)&&this.dragProp==="minMaxValue"){if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){const t=i-this.minValueDragRange;const e=i+this.maxValueDragRange;if(e<=this.max&&t>=this.min&&e-t===this.minMaxValueRange){this.setValue({minValue:this.clamp(t,"minValue"),maxValue:this.clamp(e,"maxValue")})}}else{this.minValueDragRange=i-this.minValue;this.maxValueDragRange=this.maxValue-i;this.minMaxValueRange=this.maxValue-this.minValue}}else{this.setValue({[this.dragProp]:this.clamp(i,this.dragProp)})}}};this.pointerUpDragEnd=t=>{if(this.disabled||!r(t)){return}this.dragEnd(t)};this.dragEnd=t=>{if(this.disabled){return}this.removeDragListeners();this.focusActiveHandle(t.clientX);if(this.lastDragPropValue!=this[this.dragProp]){this.emitChange()}this.dragProp=null;this.lastDragPropValue=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.minMaxValueRange=null};this.storeTrackRef=t=>{this.trackEl=t};this.determineGroupSeparator=t=>{if(typeof t==="number"){y.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return y.localize(t.toString())}};this.disabled=false;this.form=undefined;this.groupSeparator=false;this.hasHistogram=false;this.histogram=undefined;this.histogramStops=undefined;this.labelHandles=false;this.labelTicks=false;this.max=100;this.maxLabel=undefined;this.maxValue=undefined;this.min=0;this.minLabel=undefined;this.minValue=undefined;this.mirrored=false;this.name=undefined;this.numberingSystem=undefined;this.pageStep=undefined;this.precise=false;this.required=false;this.snap=false;this.step=1;this.ticks=undefined;this.value=0;this.scale="m";this.effectiveLocale="";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[]}histogramWatcher(t){this.hasHistogram=!!t}ticksWatcher(){this.tickValues=this.generateTickValues()}valueHandler(){this.setMinMaxFromValue()}minMaxValueHandler(){this.setValueFromMinMax()}connectedCallback(){b(this);V(this);this.setMinMaxFromValue();this.setValueFromMinMax();g(this);c(this)}disconnectedCallback(){f(this);x(this);d(this);z(this);this.removeDragListeners()}componentWillLoad(){$(this);if(!A(this.value)){this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value)}this.ticksWatcher();this.histogramWatcher(this.histogram);u(this,this.value)}componentDidLoad(){_(this)}componentDidRender(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(A(this.value)){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels();p(this)}render(){const t=this.el.id||this.guid;const e=A(this.value)?"maxValue":"value";const s=A(this.value)?this.maxValue:this.value;const a=this.determineGroupSeparator(s);const l=this.determineGroupSeparator(this.minValue);const h=this.minValue||this.min;const r=this.shouldUseMinValue();const o=this.getUnitInterval(r?this.minValue:h)*100;const c=this.getUnitInterval(s)*100;const d=this.shouldMirror();const u=`${d?100-o:o}%`;const b=`${d?c:100-c}%`;const f=A(this.value);const p=`${C.handleLabel} ${C.handleLabelMinValue}`;const v=`${C.handleLabel} ${C.handleLabelValue}`;const g=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("div",{class:"handle"}));const x=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("span",{"aria-hidden":"true",class:v},a),i("span",{"aria-hidden":"true",class:`${v} static`},a),i("span",{"aria-hidden":"true",class:`${v} transformed`},a),i("div",{class:"handle"}));const $=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:v},a),i("span",{"aria-hidden":"true",class:`${v} static`},a),i("span",{"aria-hidden":"true",class:`${v} transformed`},a));const _=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e,"thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("div",{class:"handle"}),i("div",{class:"handle-extension"}));const w=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e,"thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("div",{class:"handle-extension"}),i("div",{class:"handle"}));const y=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e,"thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("span",{"aria-hidden":"true",class:v},a),i("span",{"aria-hidden":"true",class:`${v} static`},a),i("span",{"aria-hidden":"true",class:`${v} transformed`},a),i("div",{class:"handle"}),i("div",{class:"handle-extension"}));const V=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e,"thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("div",{class:"handle-extension"}),i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:v},a),i("span",{"aria-hidden":"true",class:`${v} static`},a),i("span",{"aria-hidden":"true",class:`${v} transformed`},a));const z=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:t=>this.pointerDownDragStart(t,"minValue"),role:"slider",style:{left:u},tabIndex:0,ref:t=>this.minHandle=t},i("div",{class:"handle"}));const M=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:t=>this.pointerDownDragStart(t,"minValue"),role:"slider",style:{left:u},tabIndex:0,ref:t=>this.minHandle=t},i("span",{"aria-hidden":"true",class:p},l),i("span",{"aria-hidden":"true",class:`${p} static`},l),i("span",{"aria-hidden":"true",class:`${p} transformed`},l),i("div",{class:"handle"}));const L=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:t=>this.pointerDownDragStart(t,"minValue"),role:"slider",style:{left:u},tabIndex:0,ref:t=>this.minHandle=t},i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:p},l),i("span",{"aria-hidden":"true",class:`${p} static`},l),i("span",{"aria-hidden":"true",class:`${p} transformed`},l));const D=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:t=>this.pointerDownDragStart(t,"minValue"),role:"slider",style:{left:u},tabIndex:0,ref:t=>this.minHandle=t},i("div",{class:"handle-extension"}),i("div",{class:"handle"}));const F=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:t=>this.pointerDownDragStart(t,"minValue"),role:"slider",style:{left:u},tabIndex:0,ref:t=>this.minHandle=t},i("div",{class:"handle-extension"}),i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:p},l),i("span",{"aria-hidden":"true",class:`${p} static`},l),i("span",{"aria-hidden":"true",class:`${p} transformed`},l));return i(n,{id:t,onTouchStart:this.handleTouchStart},i("div",{"aria-label":k(this),class:{["container"]:true,["container--range"]:f,[`scale--${this.scale}`]:true}},this.renderGraph(),i("div",{class:"track",ref:this.storeTrackRef},i("div",{class:"track__range",onPointerDown:t=>this.pointerDownDragStart(t,"minMaxValue"),style:{left:`${d?100-c:o}%`,right:`${d?o:100-c}%`}}),i("div",{class:"ticks"},this.tickValues.map((t=>{const e=`${this.getUnitInterval(t)*100}%`;let a=t>=h&&t<=s;if(r){a=t>=this.minValue&&t<=this.maxValue}return i("span",{class:{tick:true,"tick--active":a},style:{left:d?"":e,right:d?e:""}},this.renderTickLabel(t))})))),i("div",{class:"thumb-container"},!this.precise&&!this.labelHandles&&f&&z,!this.hasHistogram&&!this.precise&&this.labelHandles&&f&&M,this.precise&&!this.labelHandles&&f&&D,this.precise&&this.labelHandles&&f&&F,this.hasHistogram&&!this.precise&&this.labelHandles&&f&&L,!this.precise&&!this.labelHandles&&g,!this.hasHistogram&&!this.precise&&this.labelHandles&&x,!this.hasHistogram&&this.precise&&!this.labelHandles&&_,this.hasHistogram&&this.precise&&!this.labelHandles&&w,!this.hasHistogram&&this.precise&&this.labelHandles&&y,this.hasHistogram&&!this.precise&&this.labelHandles&&$,this.hasHistogram&&this.precise&&this.labelHandles&&V,i(m,{component:this}))))}renderGraph(){return this.histogram?i("calcite-graph",{class:"graph",colorStops:this.histogramStops,data:this.histogram,highlightMax:A(this.value)?this.maxValue:this.value,highlightMin:A(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null}renderTickLabel(t){const e=A(this.value);const s=t===this.min;const a=t===this.max;const n=this.determineGroupSeparator(t);const l=i("span",{class:{tick__label:true,[C.tickMin]:s,[C.tickMax]:a}},n);if(this.labelTicks&&!this.hasHistogram&&!e){return l}if(this.labelTicks&&!this.hasHistogram&&e&&!this.precise&&!this.labelHandles){return l}if(this.labelTicks&&!this.hasHistogram&&e&&!this.precise&&this.labelHandles){return l}if(this.labelTicks&&!this.hasHistogram&&e&&this.precise&&(s||a)){return l}if(this.labelTicks&&this.hasHistogram&&!this.precise&&!this.labelHandles){return l}if(this.labelTicks&&this.hasHistogram&&this.precise&&!this.labelHandles&&(s||a)){return l}if(this.labelTicks&&this.hasHistogram&&!this.precise&&this.labelHandles&&(s||a)){return l}if(this.labelTicks&&this.hasHistogram&&this.precise&&this.labelHandles&&(s||a)){return l}return null}keyDownHandler(t){const i=this.shouldMirror();const{activeProp:e,max:s,min:a,pageStep:n,step:l}=this;const h=this[e];const{key:r}=t;if(v(r)){t.preventDefault();return}let o;if(r==="ArrowUp"||r==="ArrowRight"){const t=i&&r==="ArrowRight"?-1:1;o=h+l*t}else if(r==="ArrowDown"||r==="ArrowLeft"){const t=i&&r==="ArrowLeft"?-1:1;o=h-l*t}else if(r==="PageUp"){if(n){o=h+n}}else if(r==="PageDown"){if(n){o=h-n}}else if(r==="Home"){o=a}else if(r==="End"){o=s}if(isNaN(o)){return}t.preventDefault();const c=Number(o.toFixed(M(l)));this.setValue({[e]:this.clamp(c,e)})}pointerDownHandler(t){if(this.disabled||!r(t)){return}const i=t.clientX||t.pageX;const e=this.translate(i);let s="value";if(A(this.value)){const t=e>=this.minValue&&e<=this.maxValue;if(t&&this.lastDragProp==="minMaxValue"){s="minMaxValue"}else{const t=Math.abs(this.maxValue-e)<Math.abs(this.minValue-e);s=t||e>this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[s];this.dragStart(s);const a=this.el.shadowRoot.querySelector(".thumb:active");if(!a){this.setValue({[s]:this.clamp(e,s)})}this.focusActiveHandle(i)}handleTouchStart(t){t.preventDefault()}async setFocus(){await w(this);const t=this.minHandle?this.minHandle:this.maxHandle;t?.focus()}setValueFromMinMax(){const{minValue:t,maxValue:i}=this;if(typeof t==="number"&&typeof i==="number"){this.value=[t,i]}}setMinMaxFromValue(){const{value:t}=this;if(A(t)){this.minValue=t[0];this.maxValue=t[1]}}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){if(!A(this.value)){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0}getTickDensity(){const t=(this.max-this.min)/this.ticks/S;return t<1?1:t}generateTickValues(){const t=this.ticks??0;if(t<=0){return[]}const i=[this.min];const e=this.getTickDensity();const s=t*e;let a=this.min;while(a<this.max){a+=s;i.push(Math.min(a,this.max))}if(!i.includes(this.max)){i.push(this.max)}return i}pointerDownDragStart(t,i){if(!r(t)){return}this.dragStart(i)}dragStart(t){this.dragProp=t;this.lastDragProp=this.dragProp;this.activeProp=t;window.addEventListener("pointermove",this.dragUpdate);window.addEventListener("pointerup",this.pointerUpDragEnd);window.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(t){switch(this.dragProp){case"minValue":this.minHandle.focus();break;case"maxValue":case"value":this.maxHandle.focus();break;case"minMaxValue":this.getClosestHandle(t).focus();break}}emitInput(){this.calciteSliderInput.emit()}emitChange(){this.calciteSliderChange.emit()}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate);window.removeEventListener("pointerup",this.pointerUpDragEnd);window.removeEventListener("pointercancel",this.dragEnd)}setValue(t){let i;Object.keys(t).forEach((e=>{const s=t[e];if(!i){const t=this[e];i=t!==s}this[e]=s}));if(!i){return}const e=this.dragProp;if(!e){this.emitChange()}this.emitInput()}clamp(t,i){t=L(t,this.min,this.max);if(i==="maxValue"){t=Math.max(t,this.minValue)}if(i==="minValue"){t=Math.min(t,this.maxValue)}return t}translate(t){const i=this.max-this.min;const{left:e,width:s}=this.trackEl.getBoundingClientRect();const a=(t-e)/s;const n=this.shouldMirror();const l=this.clamp(this.min+i*(n?1-a:a));let h=Number(l.toFixed(M(this.step)));if(this.snap&&this.step){h=this.getClosestStep(h)}return h}getClosestStep(t){t=Number(this.clamp(t).toFixed(M(this.step)));if(this.step){const i=Math.round(t/this.step)*this.step;t=Number(this.clamp(i).toFixed(M(this.step)))}return t}getClosestHandle(t){return this.getDistanceX(this.maxHandle,t)>this.getDistanceX(this.minHandle,t)?this.minHandle:this.maxHandle}getDistanceX(t,i){return Math.abs(t.getBoundingClientRect().left-i)}getFontSizeForElement(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(t){t=this.clamp(t);const i=this.max-this.min;return(t-this.min)/i}adjustHostObscuredHandleLabel(t){const i=this.el.shadowRoot.querySelector(`.handle__label--${t}`);const e=this.el.shadowRoot.querySelector(`.handle__label--${t}.static`);const s=this.el.shadowRoot.querySelector(`.handle__label--${t}.transformed`);const a=e.getBoundingClientRect();const n=this.getHostOffset(a.left,a.right);i.style.transform=`translateX(${n}px)`;s.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){const{shadowRoot:t}=this.el;const i=this.shouldMirror();const e=i?"value":"minValue";const s=i?"minValue":"value";const a=t.querySelector(`.handle__label--${e}`);const n=t.querySelector(`.handle__label--${e}.static`);const l=t.querySelector(`.handle__label--${e}.transformed`);const h=this.getHostOffset(n.getBoundingClientRect().left,n.getBoundingClientRect().right);const r=t.querySelector(`.handle__label--${s}`);const o=t.querySelector(`.handle__label--${s}.static`);const c=t.querySelector(`.handle__label--${s}.transformed`);const d=this.getHostOffset(o.getBoundingClientRect().left,o.getBoundingClientRect().right);const u=this.getFontSizeForElement(a);const m=this.getRangeLabelOverlap(l,c);const b=a;const f=u/2;if(m>0){b.classList.add("hyphen","hyphen--wrap");if(d===0&&h===0){let t=m/2-f;t=Math.sign(t)===-1?Math.abs(t):-t;const i=this.getHostOffset(l.getBoundingClientRect().left+t-f,l.getBoundingClientRect().right+t-f);let e=m/2;const s=this.getHostOffset(c.getBoundingClientRect().left+e,c.getBoundingClientRect().right+e);if(i!==0){t+=i;e+=i}if(s!==0){t+=s;e+=s}a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`;r.style.transform=`translateX(${e}px)`;c.style.transform=`translateX(${e}px)`}else if(h>0||d>0){a.style.transform=`translateX(${h+f}px)`;r.style.transform=`translateX(${m+d}px)`;c.style.transform=`translateX(${m+d}px)`}else if(h<0||d<0){let t=Math.abs(h)+m-f;t=Math.sign(t)===-1?Math.abs(t):-t;a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`}}else{b.classList.remove("hyphen","hyphen--wrap");a.style.transform=`translateX(${h}px)`;l.style.transform=`translateX(${h}px)`;r.style.transform=`translateX(${d}px)`;c.style.transform=`translateX(${d}px)`}}hideObscuredBoundingTickLabels(){const t=A(this.value);if(!this.hasHistogram&&!t&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&t&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}const i=this.el.shadowRoot.querySelector(".thumb--minValue");const e=this.el.shadowRoot.querySelector(".thumb--value");const s=this.el.shadowRoot.querySelector(".tick__label--min");const a=this.el.shadowRoot.querySelector(".tick__label--max");if(!i&&e&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,e)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,e)?"0":"1"}if(i&&e&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,i)||this.isMinTickLabelObscured(s,e)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,i)||this.isMaxTickLabelObscured(a,e)&&this.hasHistogram?"0":"1"}}getHostOffset(t,i){const e=this.el.getBoundingClientRect();const s=7;if(t+s<e.left){return e.left-t-s}if(i-s>e.right){return-(i-e.right)+s}return 0}getRangeLabelOverlap(t,i){const e=t.getBoundingClientRect();const s=i.getBoundingClientRect();const a=this.getFontSizeForElement(t);const n=e.right+a-s.left;return Math.max(n,0)}isMinTickLabelObscured(t,i){const e=t.getBoundingClientRect();const s=i.getBoundingClientRect();return o(e,s)}isMaxTickLabelObscured(t,i){const e=t.getBoundingClientRect();const s=i.getBoundingClientRect();return o(e,s)}static get delegatesFocus(){return true}get el(){return e(this)}static get watchers(){return{histogram:["histogramWatcher"],ticks:["ticksWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}}};R.style=T;export{I as calcite_graph,R as calcite_slider};
+//# sourceMappingURL=p-b9e27b54.entry.js.map

package/dist/calcite/p-ba66895f.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+import{r as t,c as e,h as i,H as s,g as o,F as n}from"./p-793d9a3b.js";import{z as a,l as c,g as r,A as l,t as h}from"./p-6cc43458.js";import{g as d}from"./p-aa8b4261.js";import{c as b}from"./p-47054ddc.js";import{c as u,d as p,u as f}from"./p-8fa4cc81.js";import{c as m,d as g}from"./p-c92499c5.js";import{c as v,d as x,s as y,u as k}from"./p-09c1318f.js";import{g as T}from"./p-a88c3b3f.js";import"./p-094e8227.js";import"./p-25f30376.js";import"./p-1a7e4103.js";const C={container:"container",content:"content"};const w=":host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const z=class{constructor(i){t(this,i);this.calciteInternalTabRegister=e(this,"calciteInternalTabRegister",6);this.guid=`calcite-tab-title-${d()}`;this.tab=undefined;this.selected=false;this.scale="m";this.labeledBy=undefined}render(){const t=this.el.id||this.guid;return i(s,{"aria-labelledby":this.labeledBy,id:t},i("div",{class:{[C.container]:true,[`scale-${this.scale}`]:true},role:"tabpanel",tabIndex:this.selected?0:-1},i("section",{class:C.content},i("slot",null))))}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs")}componentDidLoad(){this.calciteInternalTabRegister.emit()}disconnectedCallback(){document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}async getTabIndex(){return Array.prototype.indexOf.call(a(this.el.parentElement.children).filter((t=>t.matches("calcite-tab"))),this.el)}async updateAriaInfo(t=[],e=[]){this.labeledBy=e[t.indexOf(this.el.id)]||null}get el(){return o(this)}};z.style=w;const I={container:"tab-nav"};const A=":host{position:relative;display:flex}.scale-s{min-block-size:1.5rem}.scale-m{min-block-size:2rem}.scale-l{min-block-size:2.75rem}:host([layout=center]:not([bordered])){padding-inline:1.25rem}:host([layout=center]:not([bordered])) .tab-nav ::slotted(calcite-tab-title:last-child){margin-inline-end:0px}:host(:not([bordered])) .scale-l ::slotted(calcite-tab-title){margin-inline-end:1.5rem}:host(:not([bordered])) .scale-m ::slotted(calcite-tab-title){margin-inline-end:1.25rem}:host(:not([bordered])) .scale-s ::slotted(calcite-tab-title){margin-inline-end:1rem}.tab-nav{display:flex;inline-size:100%;justify-content:flex-start;overflow:auto}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-color-brand);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host([layout=center]) .tab-nav{justify-content:space-evenly}:host .position-bottom .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host .position-bottom .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered]) .position-bottom .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}";const H=class{constructor(i){t(this,i);this.calciteTabChange=e(this,"calciteTabChange",6);this.calciteInternalTabChange=e(this,"calciteInternalTabChange",6);this.animationActiveDuration=.3;this.resizeObserver=b("resize",(()=>{if(!this.activeIndicatorEl){return}this.activeIndicatorEl.style.transitionDuration="0s";this.updateActiveWidth();this.updateOffsetPosition()}));this.handleTabFocus=(t,e,i)=>{c(this.enabledTabTitles,e,i);t.stopPropagation()};this.handleContainerScroll=()=>{this.activeIndicatorEl.style.transitionDuration="0s";this.updateOffsetPosition()};this.storageId=undefined;this.syncId=undefined;this.selectedTitle=null;this.scale="m";this.layout="inline";this.position="bottom";this.bordered=false;this.indicatorOffset=undefined;this.indicatorWidth=undefined;this.selectedTabId=undefined}async selectedTabIdChanged(){if(localStorage&&this.storageId&&this.selectedTabId!==undefined&&this.selectedTabId!==null){localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId))}this.calciteInternalTabChange.emit({tab:this.selectedTabId});this.selectedTitle=await this.getTabTitleById(this.selectedTabId)}selectedTitleChanged(){this.updateOffsetPosition();this.updateActiveWidth();this.activeIndicatorEl.style.transitionDuration=`${this.animationActiveDuration}s`}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs");this.resizeObserver?.observe(this.el)}componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){const e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}}componentWillRender(){const{parentTabsEl:t}=this;this.layout=t?.layout;this.bordered=t?.bordered;if(this.selectedTitle){this.updateOffsetPosition()}}componentDidRender(){if(this.tabTitles.length&&this.tabTitles.every((t=>!t.selected))&&!this.selectedTabId){this.tabTitles[0].getTabIdentifier().then((t=>{this.calciteInternalTabChange.emit({tab:t})}))}}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const t=r(this.el);const e=`${this.indicatorWidth}px`;const o=`${this.indicatorOffset}px`;const n=t!=="rtl"?{width:e,left:o}:{width:e,right:o};return i(s,{role:"tablist"},i("div",{class:{[I.container]:true,[`scale-${this.scale}`]:true,[`position-${this.position}`]:true},onScroll:this.handleContainerScroll,ref:t=>this.tabNavEl=t},i("slot",null),i("div",{class:"tab-nav-active-indicator-container",ref:t=>this.activeIndicatorContainerEl=t},i("div",{class:"tab-nav-active-indicator",style:n,ref:t=>this.activeIndicatorEl=t}))))}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target);t.stopPropagation()}activateTabHandler(t){this.calciteTabChange.emit();t.stopPropagation()}internalCloseTabHandler(t){const e=t.target;this.handleTabTitleClose(e);t.stopPropagation()}updateTabTitles(t){if(t.target.selected){this.selectedTabId=t.detail}}globalInternalTabChangeHandler(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab){this.selectedTabId=t.detail.tab}t.stopPropagation()}iconStartChangeHandler(){this.updateActiveWidth();this.updateOffsetPosition()}updateOffsetPosition(){const t=r(this.el);const e=this.activeIndicatorContainerEl?.offsetWidth;const i=this.selectedTitle?.offsetLeft;const s=this.selectedTitle?.offsetWidth;const o=e-(i+s);this.indicatorOffset=t!=="rtl"?i-this.tabNavEl?.scrollLeft:o+this.tabNavEl?.scrollLeft}updateActiveWidth(){this.indicatorWidth=this.selectedTitle?.offsetWidth}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}async getTabTitleById(t){return Promise.all(this.tabTitles.map((t=>t.getTabIdentifier()))).then((e=>this.tabTitles[e.indexOf(t)]))}get tabTitles(){return l(this.el,"calcite-tab-title")}get enabledTabTitles(){return l(this.el,"calcite-tab-title:not([disabled])").filter((t=>!t.closed))}handleTabTitleClose(t){const{tabTitles:e}=this;const i=e.reduce(((t,e,i)=>!e.closed?[...t,i]:t),[]);const s=i.length;if(s===1&&e[i[0]].closable){e[i[0]].closable=false;this.selectedTabId=i[0]}else if(s>1){const o=e.findIndex((e=>e===t));const n=i.find((t=>t>o));if(this.selectedTabId===o){this.selectedTabId=n?n:s-1}}requestAnimationFrame((()=>{this.updateOffsetPosition();this.updateActiveWidth();e[this.selectedTabId].focus()}))}get el(){return o(this)}static get watchers(){return{selectedTabId:["selectedTabIdChanged"],selectedTitle:["selectedTitleChanged"]}}};H.style=A;const L={closeButton:"close-button",container:"container",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon"};const j={close:"x"};const E=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;text-align:center;flex-basis:12rem}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{margin:auto}:host([layout=center][closable]) .content{padding-inline-start:32px}:host([layout=center][bordered][closable]) .scale-s .content{padding-inline-start:36px}:host([layout=center][bordered][closable]) .scale-m .content{padding-inline-start:40px}:host([layout=center][closable]) .scale-l .content{padding-inline-start:40px}:host([layout=center][closable][bordered]) .scale-s .content{padding-inline-start:52px}:host([position=bottom]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([closed]){display:none}.container{outline-color:transparent}:host(:focus) .container{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.container{box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;border-block-end-width:2px;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}.content{display:flex;align-items:center;justify-content:center}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:0.5rem}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:0.5rem}.close-button{display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:calc(100% - 2px);background-color:var(--calcite-button-transparent-1);margin-inline-start:auto}.close-button:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:0.5rem}:host([bordered]){margin-inline-end:0}:host([bordered][selected]){box-shadow:inset 0px -2px var(--calcite-color-foreground-1)}:host([bordered][selected][position=bottom]){box-shadow:inset 0 2px 0 var(--calcite-color-foreground-1)}:host([bordered]:hover) .container,:host([bordered]:focus) .container,:host([bordered]:active) .container{position:relative}:host([bordered]:hover) .container{background-color:var(--calcite-color-transparent-hover)}:host([closable]) .container,:host([bordered]) .container{border-inline-start:1px solid transparent;border-inline-end:1px solid transparent}:host([closable]) .container .close-button,:host([bordered]) .container .close-button{margin-inline:0}:host([closable]) .content{box-sizing:border-box;block-size:100%;border-block-end-color:transparent}:host([closable][position=bottom]) .container,:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-color-border-1);border-inline-end-color:var(--calcite-color-border-1)}:host([bordered]) .content{padding-inline:0.75rem}:host([bordered]) .scale-s .content{padding-inline:0.5rem}:host([bordered]) .scale-l .content{padding-inline:1rem}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered][position=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}";const S=class{constructor(i){t(this,i);this.calciteTabsActivate=e(this,"calciteTabsActivate",6);this.calciteInternalTabsActivate=e(this,"calciteInternalTabsActivate",6);this.calciteTabsClose=e(this,"calciteTabsClose",6);this.calciteInternalTabsClose=e(this,"calciteInternalTabsClose",6);this.calciteInternalTabsFocusNext=e(this,"calciteInternalTabsFocusNext",6);this.calciteInternalTabsFocusPrevious=e(this,"calciteInternalTabsFocusPrevious",6);this.calciteInternalTabsFocusFirst=e(this,"calciteInternalTabsFocusFirst",6);this.calciteInternalTabsFocusLast=e(this,"calciteInternalTabsFocusLast",6);this.calciteInternalTabTitleRegister=e(this,"calciteInternalTabTitleRegister",6);this.calciteInternalTabIconChanged=e(this,"calciteInternalTabIconChanged",6);this.closeClickHandler=()=>{this.closeTabTitleAndNotify()};this.mutationObserver=b("mutation",(()=>this.updateHasText()));this.resizeObserver=b("resize",(()=>{this.calciteInternalTabIconChanged.emit()}));this.guid=`calcite-tab-title-${d()}`;this.selected=false;this.closable=false;this.closed=false;this.disabled=false;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.layout=undefined;this.position="top";this.scale="m";this.bordered=false;this.tab=undefined;this.messages=undefined;this.messageOverrides=undefined;this.controls=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false}selectedHandler(){if(this.selected){this.emitActiveTab(false)}}onMessagesChange(){}connectedCallback(){u(this);m(this);v(this);this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){this.mutationObserver?.disconnect();document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}));this.resizeObserver?.disconnect();p(this);g(this);x(this)}async componentWillLoad(){await y(this);{this.updateHasText()}if(this.tab&&this.selected){this.emitActiveTab(false)}}componentWillRender(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.bordered=this.parentTabsEl.bordered}}render(){const{el:t,closed:e}=this;const o=t.id||this.guid;const n=i("calcite-icon",{class:{[L.titleIcon]:true,[L.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:T(this.scale)});const a=i("calcite-icon",{class:{[L.titleIcon]:true,[L.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:T(this.scale)});return i(s,{"aria-controls":this.controls,"aria-selected":h(this.selected),id:o,role:"tab",tabIndex:this.selected?0:-1},i("div",{class:{container:true,[L.iconPresent]:!!this.iconStart||!!this.iconEnd,[`scale-${this.scale}`]:true},hidden:e,ref:t=>this.resizeObserver?.observe(t)},i("div",{class:{[L.content]:true,[L.contentHasText]:this.hasText}},this.iconStart?n:null,i("slot",null),this.iconEnd?a:null),this.renderCloseButton()))}renderCloseButton(){const{closable:t,messages:e}=this;return t?i("button",{"aria-label":e.close,class:L.closeButton,disabled:false,key:L.closeButton,onClick:this.closeClickHandler,title:e.close,type:"button",ref:t=>this.closeButtonEl=t},i("calcite-icon",{icon:j.close,scale:T(this.scale)})):null}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){f(this,(()=>this.selected))}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}onClick(){if(this.disabled){return}this.emitActiveTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":if(!t.composedPath().includes(this.closeButtonEl)){this.emitActiveTab();t.preventDefault()}break;case"ArrowRight":t.preventDefault();if(r(this.el)==="ltr"){this.calciteInternalTabsFocusNext.emit()}else{this.calciteInternalTabsFocusPrevious.emit()}break;case"ArrowLeft":t.preventDefault();if(r(this.el)==="ltr"){this.calciteInternalTabsFocusPrevious.emit()}else{this.calciteInternalTabsFocusNext.emit()}break;case"Home":t.preventDefault();this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault();this.calciteInternalTabsFocusLast.emit();break}}async getTabIndex(){return Array.prototype.indexOf.call(a(this.el.parentElement.children).filter((t=>t.matches("calcite-tab-title"))),this.el)}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async updateAriaInfo(t=[],e=[]){this.controls=t[e.indexOf(this.el.id)]||null}effectiveLocaleChange(){k(this,this.effectiveLocale)}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}emitActiveTab(t=true){if(this.disabled||this.closed){return}const e={tab:this.tab};this.calciteInternalTabsActivate.emit(e);if(t){requestAnimationFrame((()=>this.calciteTabsActivate.emit()))}}closeTabTitleAndNotify(){this.closed=true;this.calciteInternalTabsClose.emit({tab:this.tab});this.calciteTabsClose.emit()}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{selected:["selectedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=E;const R={titleGroup:"title-group"};const $=":host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}";const P=class{constructor(e){t(this,e);this.mutationObserver=b("mutation",(t=>{for(const e of t){const t=e.target;if(t.nodeName==="CALCITE-TAB-NAV"||t.nodeName==="CALCITE-TAB-TITLE"||t.nodeName==="CALCITE-TAB"){this.updateItems()}}}));this.layout="inline";this.position="top";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}handleInheritableProps(){this.updateItems()}connectedCallback(){this.mutationObserver.observe(this.el,{childList:true});this.updateItems()}async componentWillLoad(){this.updateItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i(n,null,i("slot",{name:R.titleGroup}),i("section",null,i("slot",null)))}calciteInternalTabTitleRegister(t){this.titles=[...this.titles,t.target];this.registryHandler();t.stopPropagation()}calciteTabTitleUnregister(t){this.titles=this.titles.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}calciteInternalTabRegister(t){this.tabs=[...this.tabs,t.target];this.registryHandler();t.stopPropagation()}calciteTabUnregister(t){this.tabs=this.tabs.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}updateItems(){const{position:t,scale:e}=this;const i=this.el.querySelector("calcite-tab-nav");if(i){i.position=t;i.scale=e}Array.from(this.el.querySelectorAll("calcite-tab")).forEach((t=>{if(t.parentElement===this.el){t.scale=e}}));Array.from(this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title")).forEach((i=>{i.position=t;i.scale=e}))}async registryHandler(){let t;let e;if(this.tabs.some((t=>t.tab))||this.titles.some((t=>t.tab))){t=this.tabs.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id));e=this.titles.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id))}else{const i=await Promise.all(this.tabs.map((t=>t.getTabIndex())));const s=await Promise.all(this.titles.map((t=>t.getTabIndex())));t=i.reduce(((t,e,i)=>{t[e]=this.tabs[i].id;return t}),[]);e=s.reduce(((t,e,i)=>{t[e]=this.titles[i].id;return t}),[])}this.tabs.forEach((i=>i.updateAriaInfo(t,e)));this.titles.forEach((i=>i.updateAriaInfo(t,e)))}get el(){return o(this)}static get watchers(){return{position:["handleInheritableProps"],scale:["handleInheritableProps"]}}};P.style=$;export{z as calcite_tab,H as calcite_tab_nav,S as calcite_tab_title,P as calcite_tabs};
+//# sourceMappingURL=p-ba66895f.entry.js.map

package/dist/calcite/p-bced6a84.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+import{r as t,h as o,H as e,g as i,f as n}from"./p-793d9a3b.js";import{t as a}from"./p-6cc43458.js";import{g as c}from"./p-aa8b4261.js";import{c as r,d as s,u as l}from"./p-8fa4cc81.js";import{s as d,a as u,c as h}from"./p-ff9a5c92.js";import{c as b,d as p}from"./p-c92499c5.js";import{c as f}from"./p-47054ddc.js";import{g}from"./p-a88c3b3f.js";import{u as m,c as v,s as x,d as y}from"./p-09c1318f.js";import"./p-094e8227.js";import"./p-25f30376.js";import"./p-1a7e4103.js";const k={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",indicatorText:"indicator-text",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible",indicatorWithIcon:"indicator-with-icon",indicatorWithoutIcon:"indicator-without-icon"};const z={tooltip:"tooltip"};const w=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent;--calcite-action-indicator-color:var(--calcite-color-brand)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.button{position:relative;margin:0px;display:flex;inline-size:auto;cursor:pointer;align-items:center;justify-content:flex-start;border-style:none;background-color:var(--calcite-color-foreground-1);fill:var(--calcite-color-text-3);font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);outline-color:transparent;text-align:unset;flex:1 0 auto}.button:hover{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.button:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1);outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.button:active{background-color:var(--calcite-color-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1rem}.button .text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:margin;transition-property:inline-size}.button .text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([data-active]) .button{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{margin-inline-end:0.5rem}:host([scale=m]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-color-foreground-3);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}:host([active]) .button:active{background-color:var(--calcite-color-foreground-1)}:host([appearance=transparent]) .button{background-color:transparent}:host([appearance=transparent][active]) .button,:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:var(--calcite-button-transparent-hover)}:host([appearance=transparent]) .button:active{background-color:var(--calcite-button-transparent-press)}:host([appearance=transparent][disabled]) .button{background-color:transparent}:host([loading][appearance=solid]) .button,:host([loading][appearance=solid]) .button:hover,:host([loading][appearance=solid]) .button:focus{background-color:var(--calcite-color-foreground-1)}:host([loading][appearance=solid]) .button .text-container,:host([loading][appearance=solid]) .button:hover .text-container,:host([loading][appearance=solid]) .button:focus .text-container{opacity:var(--calcite-opacity-disabled)}:host([loading]) calcite-loader[inline]{color:var(--calcite-color-text-3);margin-inline-end:0px}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-color-foreground-1);opacity:var(--calcite-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-color-foreground-3);opacity:var(--calcite-opacity-disabled)}:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.indicator-with-icon{position:relative}.indicator-with-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-without-icon{margin-inline:0.25rem;inline-size:1rem;position:relative}.indicator-without-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}';const j=class{constructor(o){t(this,o);this.mutationObserver=f("mutation",(()=>n(this)));this.guid=`calcite-action-${c()}`;this.indicatorId=`${this.guid}-indicator`;this.buttonId=`${this.guid}-button`;this.handleTooltipSlotChange=t=>{const o=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));const e=o[0];if(e){e.referenceElement=this.buttonEl}};this.active=false;this.alignment=undefined;this.appearance="solid";this.compact=false;this.disabled=false;this.icon=undefined;this.iconFlipRtl=false;this.indicator=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){r(this);b(this);v(this);this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){d(this);{await x(this)}}componentDidLoad(){u(this)}disconnectedCallback(){s(this);p(this);y(this);this.mutationObserver?.disconnect()}componentDidRender(){l(this)}async setFocus(){await h(this);this.buttonEl?.focus()}renderTextContainer(){const{text:t,textEnabled:e}=this;const i={[k.textContainer]:true,[k.textContainerVisible]:e};return t?o("div",{class:i,key:"text-container"},t):null}renderIndicatorText(){const{indicator:t,messages:e,indicatorId:i,buttonId:n}=this;return o("div",{"aria-labelledby":n,"aria-live":"polite",class:k.indicatorText,id:i,role:"region"},t?e.indicator:null)}renderIconContainer(){const{loading:t,icon:e,scale:i,el:n,iconFlipRtl:a,indicator:c}=this;const r=i==="l"?"l":"m";const s=t?o("calcite-loader",{inline:true,label:this.messages.loading,scale:r}):null;const l=e?o("calcite-icon",{class:{[k.indicatorWithIcon]:c},flipRtl:a,icon:e,scale:g(this.scale)}):null;const d=s||l;const u=d||n.children?.length;const h=o("div",{class:{[k.slotContainer]:true,[k.slotContainerHidden]:t}},o("slot",null));return u?o("div",{"aria-hidden":"true",class:k.iconContainer,key:"icon-container"},d,h):null}render(){const{active:t,compact:i,disabled:n,icon:c,loading:r,textEnabled:s,label:l,text:d,indicator:u,indicatorId:h,buttonId:b,messages:p}=this;const f=`${l||d}${u?` (${p.indicator})`:""}`;const g={[k.button]:true,[k.buttonTextVisible]:s,[k.buttonCompact]:i};return o(e,null,o("button",{"aria-busy":a(r),"aria-controls":u?h:null,"aria-disabled":a(n),"aria-label":f,"aria-pressed":a(t),class:g,disabled:n,id:b,ref:t=>this.buttonEl=t},this.renderIconContainer(),this.renderTextContainer(),!c&&u&&o("div",{class:k.indicatorWithoutIcon,key:"indicator-no-icon"})),o("slot",{name:z.tooltip,onSlotchange:this.handleTooltipSlotChange}),this.renderIndicatorText())}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=w;export{j as calcite_action};
+//# sourceMappingURL=p-bced6a84.entry.js.map

package/dist/calcite/p-bd504198.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+import{r as e,h as t,H as i,g as l}from"./p-793d9a3b.js";import{s as c,a as s,c as n}from"./p-ff9a5c92.js";import{u as a,s as o,c as r,d}from"./p-09c1318f.js";import{c as h,u,d as f}from"./p-8fa4cc81.js";import{c as b,d as p}from"./p-c92499c5.js";import{g}from"./p-6cc43458.js";import{C as m}from"./p-094e8227.js";import{g as v}from"./p-a88c3b3f.js";import"./p-25f30376.js";import"./p-1a7e4103.js";import"./p-47054ddc.js";import"./p-aa8b4261.js";const x={numberCell:"number-cell",footerCell:"footer-cell",selectionCell:"selection-cell",selectedCell:"selected-cell",assistiveText:"assistive-text"};const w=":host{--calcite-internal-table-cell-background-internal:var(--calcite-table-cell-background, transparent);--calcite-internal-table-cell-border-color-internal:var(--calcite-table-cell-border-color, transparent);display:contents}:host([alignment=center]) td{text-align:center}:host([alignment=end]) td{text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);outline-color:transparent;background:var(--calcite-internal-table-cell-background);border-inline-end:1px solid var(--calcite-color-border-3);font-size:var(--calcite-internal-table-cell-font-size);padding:var(--calcite-internal-table-cell-padding)}td:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{cursor:pointer;color:var(--calcite-color-text-3);inset-inline-start:2rem}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-table-cell-background:var(--calcite-color-foreground-current);background:var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:0.25rem}";const k=class{constructor(t){e(this,t);this.updateScreenReaderContentsText=()=>{this.contentsText=this.el.textContent};this.onContainerBlur=()=>{this.focused=false};this.onContainerFocus=()=>{this.focused=true};this.alignment="start";this.colSpan=undefined;this.rowSpan=undefined;this.disabled=undefined;this.numberCell=undefined;this.parentRowIsSelected=undefined;this.parentRowPositionLocalized=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.readCellContentsToAT=undefined;this.scale="m";this.selectionCell=undefined;this.messages=undefined;this.messageOverrides=undefined;this.contentsText="";this.defaultMessages=undefined;this.focused=false;this.selectionText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderSelectionText()}onMessagesChange(){}effectiveLocaleChange(){a(this,this.effectiveLocale)}async componentWillLoad(){c(this);await o(this);this.updateScreenReaderContentsText();this.updateScreenReaderSelectionText()}componentDidLoad(){s(this)}connectedCallback(){b(this);r(this);h(this)}componentDidRender(){u(this)}disconnectedCallback(){p(this);d(this);f(this)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderSelectionText(){const e=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;const t=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;this.selectionText=this.parentRowIsSelected?e:t}render(){const e=g(this.el);return t(i,null,t("td",{"aria-disabled":this.disabled,class:{[x.footerCell]:this.parentRowType==="foot",[x.numberCell]:this.numberCell,[x.selectionCell]:this.selectionCell,[x.selectedCell]:this.parentRowIsSelected,[m.rtl]:e==="rtl"},colSpan:this.colSpan,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,role:"gridcell",rowSpan:this.rowSpan,tabIndex:this.disabled?-1:0,ref:e=>this.containerEl=e},(this.selectionCell||this.readCellContentsToAT)&&this.focused&&t("span",{"aria-hidden":true,"aria-live":"polite",class:x.assistiveText},this.selectionCell&&this.selectionText,this.readCellContentsToAT&&!this.selectionCell&&this.contentsText),t("slot",{onSlotchange:this.updateScreenReaderContentsText})))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{parentRowIsSelected:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style=w;const C={numberCell:"number-cell",selectionCell:"selection-cell",bodyRow:"body-row",footerRow:"footer-row",heading:"heading",description:"description",multipleSelectionCell:"cell--multiple-selection",assistiveText:"assistive-text",active:"active"};const $=":host{--calcite-internal-table-header-background:var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color:var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}th{white-space:normal;text-align:start;vertical-align:top;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);outline-color:transparent;font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}th:focus-within{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}th.body-row,th.footer-row{vertical-align:middle;border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";const z=class{constructor(t){e(this,t);this.alignment="start";this.colSpan=undefined;this.description=undefined;this.heading=undefined;this.rowSpan=undefined;this.numberCell=false;this.parentRowPosition=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.scale=undefined;this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.selectionCell=false;this.selectionMode=undefined;this.bodyRowCount=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.screenReaderText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderText()}onMessagesChange(){}async componentWillLoad(){c(this);await o(this);this.updateScreenReaderText()}componentDidLoad(){s(this)}connectedCallback(){b(this);r(this)}disconnectedCallback(){p(this);d(this)}effectiveLocaleChange(){a(this,this.effectiveLocale)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderText(){let e="";const t=`${this.selectedRowCountLocalized} ${this.messages?.selected}`;if(this.numberCell){e=this.messages?.rowNumber}else if(this.selectionMode==="single"){e=`${this.messages?.selectionColumn}. ${t}`}else if(this.bodyRowCount===this.selectedRowCount){e=`${this.messages?.selectionColumn}. ${this.messages?.all} ${t} ${this.messages?.keyboardDeselectAll}`}else{e=`${this.messages?.selectionColumn}. ${t} ${this.messages?.keyboardSelectAll}`}this.screenReaderText=e}render(){const e=this.rowSpan?"rowgroup":this.colSpan?"colgroup":this.parentRowType==="body"?"row":"col";const l=this.selectedRowCount===this.bodyRowCount;const c=l?"check-square-f":"check-square";return t(i,null,t("th",{"aria-colindex":this.parentRowType!=="body"?this.positionInRow:"",class:{[C.bodyRow]:this.parentRowType==="body",[C.footerRow]:this.parentRowType==="foot",[C.numberCell]:this.numberCell,[C.selectionCell]:this.selectionCell,[C.multipleSelectionCell]:this.selectionMode==="multiple"},colSpan:this.colSpan,role:"columnheader",rowSpan:this.rowSpan,scope:e,tabIndex:0,ref:e=>this.containerEl=e},this.heading&&t("div",{class:C.heading},this.heading),this.description&&t("div",{class:C.description},this.description),this.selectionCell&&this.selectionMode==="multiple"&&t("calcite-icon",{class:{[C.active]:l},icon:c,scale:v(this.scale)}),(this.selectionCell||this.numberCell)&&t("span",{"aria-hidden":true,"aria-live":"polite",class:C.assistiveText},this.screenReaderText)))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{selectedRowCount:["onSelectedChange"],selectedRowCountLocalized:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=$;export{k as calcite_table_cell,z as calcite_table_header};
+//# sourceMappingURL=p-bd504198.entry.js.map

package/dist/calcite/p-bdacbdd4.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.2
+ */
+import{h as t,r as i,c as e,H as s,g as n}from"./p-793d9a3b.js";import{f as o}from"./p-8a89cc7f.js";import{z as c,B as a,C as l,i as r,t as h,e as d}from"./p-6cc43458.js";import{d as p,f as u,c as m,r as b,a as f,F as g}from"./p-956f61a6.js";import{s as x,c as v,a as w,d as y,H as C}from"./p-d5c47529.js";import{g as k}from"./p-aa8b4261.js";import{c as z,u as I,d as $}from"./p-8fa4cc81.js";import{c as E,d as H,g as S}from"./p-ef01f1b1.js";import{b as A,c as D,s as j,a as M}from"./p-ff9a5c92.js";import{c as O,d as P}from"./p-c92499c5.js";import{c as F}from"./p-47054ddc.js";import{o as L}from"./p-747a24fe.js";import{c as B,s as T,d as R,u as W}from"./p-09c1318f.js";import{g as G}from"./p-a88c3b3f.js";import{d as V}from"./p-3d447467.js";import{c as X,d as _}from"./p-274ba486.js";import"./p-094e8227.js";import"./p-25f30376.js";import"./p-1a7e4103.js";const U="CALCITE-COMBOBOX-ITEM";const Y="CALCITE-COMBOBOX-ITEM-GROUP";const K=`${U}, ${Y}`;const N={chipInvisible:"chip--invisible",selectionDisplayFit:"selection-display-fit",selectionDisplaySingle:"selection-display-single",listContainer:"list-container"};function q(t){const i=t.parentElement?.closest(K);const e=i?.parentElement?.closest(K);return[i,e].filter((t=>t))}function J(t){return t.ancestors?.filter((t=>t.nodeName==="CALCITE-COMBOBOX-ITEM"))||[]}function Q(t){return c(t.querySelectorAll("calcite-combobox-item"))}function Z(t){const i=c(t.querySelectorAll("calcite-combobox-item"));return i.filter((t=>t.selected)).length>0}function tt(t){const i=document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return i.snapshotLength}function it(t){return t.includes("single")}const et={button:"x-button"};function st({disabled:i,key:e,label:s,onClick:n,ref:o,scale:c}){return t("button",{"aria-label":s,class:et.button,disabled:i,key:e,onClick:n,tabIndex:-1,type:"button",ref:o},t("calcite-icon",{icon:"x",scale:G(c)}))}const nt="48px";const ot=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]) .x-button{inline-size:1rem;block-size:1rem}:host([scale=m]) .x-button{inline-size:1.5rem;block-size:1.5rem}:host([scale=l]) .x-button{inline-size:2rem;block-size:2rem}.x-button{margin:0px;display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-width:2px;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-radius:50%;border-color:transparent;background-color:var(--calcite-color-foreground-2)}.x-button:active,.x-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.x-button:active{border-style:solid;border-color:var(--calcite-color-brand)}.x-button calcite-icon{color:inherit}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.25rem - 1px)}:host([scale=s]) .x-button{margin-inline:0.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.5rem - 1px)}:host([scale=m]) .x-button{margin-inline-end:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:1.5rem;--calcite-internal-combobox-input-margin-block:calc(0.625rem - 1px)}:host([scale=l]) .x-button{margin-inline-end:1rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{position:relative;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;gap:var(--calcite-combobox-item-spacing-unit-s)}.grid-input.selection-display-fit,.grid-input.selection-display-single{flex-wrap:nowrap;overflow:hidden}.input{flex-grow:1;appearance:none;text-overflow:ellipsis;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-color-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-combobox-item-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:2px solid transparent;outline-offset:2px}.input:placeholder-shown{text-overflow:ellipsis}.input--transparent{opacity:0}.input--single{padding:0px;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-s)}:host([scale=m]) .input--icon,:host([scale=l]) .input--icon{padding-inline:0.25rem}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;display:flex;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.floating-ui-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}.floating-ui-container--active{visibility:visible}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}calcite-chip{--calcite-animation-timing:0}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);max-inline-size:100%}.chip--active{background-color:var(--calcite-color-foreground-3)}.chip--invisible{visibility:hidden;position:absolute}.item{display:block}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}::slotted(calcite-combobox-item-group:not(:first-child)){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}";const ct=t=>t.tagName===Y;const at="combobox-item-";const lt="combobox-chip-";const rt="combobox-label-";const ht="combobox-listbox-";const dt="combobox-input-";const pt=class{constructor(t){i(this,t);this.calciteComboboxChange=e(this,"calciteComboboxChange",6);this.calciteComboboxFilterChange=e(this,"calciteComboboxFilterChange",6);this.calciteComboboxChipClose=e(this,"calciteComboboxChipClose",6);this.calciteComboboxBeforeClose=e(this,"calciteComboboxBeforeClose",6);this.calciteComboboxClose=e(this,"calciteComboboxClose",6);this.calciteComboboxBeforeOpen=e(this,"calciteComboboxBeforeOpen",6);this.calciteComboboxOpen=e(this,"calciteComboboxOpen",6);this.placement=p;this.internalValueChangeFlag=false;this.textInput=null;this.mutationObserver=F("mutation",(()=>this.updateItems()));this.resizeObserver=F("resize",(()=>{this.setMaxScrollerHeight();this.refreshSelectionDisplay()}));this.guid=k();this.inputHeight=0;this.ignoreSelectedEventsFlag=false;this.openTransitionProp="opacity";this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?u(i,t):null};this.getValue=()=>{const t=this.selectedItems.map((t=>t?.value?.toString()));return t?.length?t.length>1?t:t[0]:""};this.onLabelClick=()=>{this.setFocus()};this.keyDownHandler=t=>{const{key:i}=t;switch(i){case"Tab":this.activeChipIndex=-1;this.activeItemIndex=-1;if(this.allowCustomValues&&this.text){this.addCustomChip(this.text,true);t.preventDefault()}else if(this.open){this.open=false;t.preventDefault()}else if(!this.allowCustomValues&&this.text){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}break;case"ArrowLeft":this.previousChip();t.preventDefault();break;case"ArrowRight":this.nextChip();t.preventDefault();break;case"ArrowUp":t.preventDefault();if(this.open){this.shiftActiveItemIndex(-1)}if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"ArrowDown":t.preventDefault();if(this.open){this.shiftActiveItemIndex(1)}else{this.open=true;this.ensureRecentSelectedItemIsActive()}if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case" ":if(!this.textInput.value){if(!this.open){this.open=true;this.shiftActiveItemIndex(1)}t.preventDefault()}break;case"Home":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(0);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"End":if(!this.open){return}t.preventDefault();this.updateActiveItemIndex(this.filteredItems.length-1);this.scrollToActiveItem();if(!this.comboboxInViewport()){this.el.scrollIntoView()}break;case"Escape":if(!this.clearDisabled&&!this.open){this.clearValue()}this.open=false;t.preventDefault();break;case"Enter":if(this.activeItemIndex>-1){this.toggleSelection(this.filteredItems[this.activeItemIndex]);t.preventDefault()}else if(this.activeChipIndex>-1){this.removeActiveChip();t.preventDefault()}else if(this.allowCustomValues&&this.text){this.addCustomChip(this.text,true);t.preventDefault()}else if(!t.defaultPrevented){if(x(this)){t.preventDefault()}}break;case"Delete":case"Backspace":if(this.activeChipIndex>-1){t.preventDefault();this.removeActiveChip()}else if(!this.text&&this.isMulti()){t.preventDefault();this.removeLastChip()}break}};this.toggleCloseEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxClose",this.toggleCloseEnd)};this.toggleOpenEnd=()=>{this.open=false;this.el.removeEventListener("calciteComboboxOpen",this.toggleOpenEnd)};this.setMaxScrollerHeight=async()=>{const{listContainerEl:t,open:i,referenceEl:e}=this;if(!t||!i){return}await this.reposition(true);const s=this.getMaxScrollerHeight();t.style.maxHeight=s>0?`${s}px`:"";t.style.minWidth=`${e.clientWidth}px`;await this.reposition(true)};this.calciteChipCloseHandler=t=>{this.open=false;const i=this.items.find((i=>i===t));if(i){this.toggleSelection(i,false)}this.calciteComboboxChipClose.emit()};this.clickHandler=t=>{const i=t.composedPath();if(i.some((t=>t.tagName==="CALCITE-CHIP"))){this.open=false;t.preventDefault();return}if(i.some((t=>t.classList?.contains(et.button)))){this.clearValue();t.preventDefault();return}this.open=!this.open;this.ensureRecentSelectedItemIsActive()};this.refreshSelectionDisplay=async()=>{await A(this);if(it(this.selectionMode)){return}if(!this.textInput){return}const{allSelectedIndicatorChipEl:t,chipContainerEl:i,selectionDisplay:e,placeholder:s,selectedIndicatorChipEl:n,textInput:o}=this;const c=parseInt(getComputedStyle(i).gap.replace("px",""));const r=a(i);const{fontSize:h,fontFamily:d}=getComputedStyle(o);const p=l(s,`${h} ${d}`);const u=(p||parseInt(nt))+c;const m=a(t);const b=a(n);const f=Math.max(m,b);this.setCompactSelectionDisplay({chipContainerElGap:c,chipContainerElWidth:r,inputWidth:u,largestSelectedIndicatorChipWidth:f});if(e==="fit"){const t=Array.from(this.el.shadowRoot.querySelectorAll("calcite-chip")).filter((t=>t.closable));const i=Math.round(r-((this.selectedHiddenChipsCount>0?b:0)+c+u+c));this.refreshChipDisplay({availableHorizontalChipElSpace:i,chipContainerElGap:c,chipEls:t});this.setVisibleAndHiddenChips(t)}};this.setFloatingEl=t=>{this.floatingEl=t;m(this,this.referenceEl,this.floatingEl)};this.setContainerEl=t=>{this.resizeObserver.observe(t);this.listContainerEl=t;this.transitionEl=t};this.setChipContainerEl=t=>{this.resizeObserver.observe(t);this.chipContainerEl=t};this.setReferenceEl=t=>{this.referenceEl=t;m(this,this.referenceEl,this.floatingEl)};this.setAllSelectedIndicatorChipEl=t=>{this.allSelectedIndicatorChipEl=t};this.setSelectedIndicatorChipEl=t=>{this.selectedIndicatorChipEl=t};this.inputHandler=t=>{const i=t.target.value;this.text=i;this.filterItems(i);if(i){this.activeChipIndex=-1}};this.filterItems=(()=>{const t=(t,i)=>t&&i.some((({label:i,value:e})=>ct(t)?i===t.label:e===t.value&&i===t.textLabel));return V((i=>{const e=o(this.data,i);const s=this.getItemsAndGroups();s.forEach((i=>{const s=!t(i,e);i.hidden=s;const[n,o]=i.ancestors;if(t(n,e)||t(o,e)){i.hidden=false}if(!s){i.ancestors.forEach((t=>t.hidden=false))}}));this.filteredItems=this.getFilteredItems();this.calciteComboboxFilterChange.emit()}),100)})();this.internalComboboxChangeEvent=()=>{this.calciteComboboxChange.emit()};this.emitComboboxChange=V(this.internalComboboxChangeEvent,0);this.getSelectedItems=()=>{if(!this.isMulti()){const t=this.items.find((({selected:t})=>t));return t?[t]:[]}return this.items.filter((t=>t.selected&&(this.selectionMode!=="ancestors"||!Z(t)))).sort(((t,i)=>{const e=this.selectedItems.indexOf(t);const s=this.selectedItems.indexOf(i);if(e>-1&&s>-1){return e-s}return s-e}))};this.updateItems=()=>{this.items=this.getItems();this.groupItems=this.getGroupItems();this.data=this.getData();this.selectedItems=this.getSelectedItems();this.filteredItems=this.getFilteredItems();this.needsIcon=this.getNeedsIcon();this.items.forEach((t=>{t.selectionMode=this.selectionMode;t.scale=this.scale}));if(!this.allowCustomValues){this.setMaxScrollerHeight()}this.groupItems.forEach(((t,i,e)=>{if(i===0){t.afterEmptyGroup=false}const s=e[i+1];if(s){s.afterEmptyGroup=t.children.length===0}}))};this.scrollToActiveItem=()=>{const t=this.filteredItems[this.activeItemIndex];if(!t){return}const i=this.calculateSingleItemHeight(t);const{offsetHeight:e,scrollTop:s}=this.listContainerEl;if(e+s<t.offsetTop+i){this.listContainerEl.scrollTop=t.offsetTop-e+i}else if(t.offsetTop<s){this.listContainerEl.scrollTop=t.offsetTop}};this.comboboxFocusHandler=()=>{if(this.disabled){return}this.textInput?.focus()};this.clearDisabled=false;this.selectionDisplay="all";this.open=false;this.disabled=false;this.form=undefined;this.label=undefined;this.placeholder=undefined;this.placeholderIcon=undefined;this.placeholderIconFlipRtl=false;this.maxItems=0;this.name=undefined;this.allowCustomValues=undefined;this.overlayPositioning="absolute";this.required=false;this.selectionMode="multiple";this.scale="m";this.status="idle";this.value=null;this.flipPlacements=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedItems=[];this.filteredItems=[];this.items=[];this.groupItems=[];this.needsIcon=undefined;this.activeItemIndex=-1;this.activeChipIndex=-1;this.activeDescendant="";this.compactSelectionDisplay=false;this.selectedHiddenChipsCount=0;this.selectedVisibleChipsCount=0;this.text="";this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){L(this);if(this.disabled){this.open=false;return}this.setMaxScrollerHeight()}handleDisabledChange(t){if(!t){this.open=false}}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}handlePropsChange(){this.updateItems()}valueHandler(t){if(!this.internalValueChangeFlag){const i=this.getItems();if(Array.isArray(t)){i.forEach((i=>i.selected=t.includes(i.value)))}else if(t){i.forEach((i=>i.selected=t===i.value))}else{i.forEach((t=>t.selected=false))}this.updateItems()}}onMessagesChange(){}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}selectedItemsHandler(){this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false}documentClickHandler(t){if(this.disabled||!r(t)){return}const i=t.composedPath();if(i.includes(this.el)||i.includes(this.referenceEl)){return}if(!this.allowCustomValues&&this.textInput.value){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}if(this.allowCustomValues&&this.text.trim().length){this.addCustomChip(this.text)}this.open=false}calciteComboboxItemChangeHandler(t){if(this.ignoreSelectedEventsFlag){return}const i=t.target;const e=this.filteredItems.indexOf(i);this.updateActiveItemIndex(e);this.toggleSelection(i,i.selected)}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:n,filteredFlipPlacements:o}=this;return b(this,{floatingEl:i,referenceEl:e,overlayPositioning:n,placement:s,flipPlacements:o,type:"menu"},t)}async setFocus(){await D(this);this.textInput?.focus();this.activeChipIndex=-1;this.activeItemIndex=-1}connectedCallback(){z(this);O(this);B(this);E(this);v(this);this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false;this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.updateItems();this.setFilteredPlacements();this.reposition(true);if(this.open){this.openHandler();L(this)}m(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){j(this);this.updateItems();await T(this)}componentDidLoad(){w(this,this.getValue());this.reposition(true);M(this)}componentDidRender(){if(this.el.offsetHeight!==this.inputHeight){this.reposition(true);this.inputHeight=this.el.offsetHeight}I(this)}componentDidUpdate(){this.refreshSelectionDisplay()}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();$(this);H(this);y(this);f(this,this.referenceEl,this.floatingEl);P(this);R(this)}textHandler(){this.updateActiveItemIndex(-1)}effectiveLocaleChange(){W(this,this.effectiveLocale)}clearValue(){this.ignoreSelectedEventsFlag=true;this.items.forEach((t=>t.selected=false));this.ignoreSelectedEventsFlag=false;this.selectedItems=[];this.emitComboboxChange();this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("");this.setFocus()}clearInputValue(){this.textInput.value="";this.text=""}comboboxInViewport(){const t=this.el.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.right<=(window.innerWidth||document.documentElement.clientWidth)&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)}onBeforeOpen(){this.scrollToActiveItem();this.calciteComboboxBeforeOpen.emit()}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit()}ensureRecentSelectedItemIsActive(){const{selectedItems:t}=this;const i=t.length===0?0:this.items.indexOf(t[t.length-1]);this.updateActiveItemIndex(i)}hideChip(t){t.classList.add(N.chipInvisible)}showChip(t){t.classList.remove(N.chipInvisible)}refreshChipDisplay({chipEls:t,availableHorizontalChipElSpace:i,chipContainerElGap:e}){t.forEach((t=>{if(!t.selected){this.hideChip(t)}else{const s=a(t);if(s&&s<i){i-=s+e;this.showChip(t);return}}this.hideChip(t)}))}setCompactSelectionDisplay({chipContainerElGap:t,chipContainerElWidth:i,inputWidth:e,largestSelectedIndicatorChipWidth:s}){const n=Math.round(s+t+e);if(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<n){this.maxCompactBreakpoint=n}this.compactSelectionDisplay=i<this.maxCompactBreakpoint}setVisibleAndHiddenChips(t){let i=0;t.forEach((t=>{if(t.selected&&!t.classList.contains(N.chipInvisible)){i++}}));if(i!==this.selectedVisibleChipsCount){this.selectedVisibleChipsCount=i}const e=this.getSelectedItems().length-i;if(e!==this.selectedHiddenChipsCount){this.selectedHiddenChipsCount=e}}getMaxScrollerHeight(){const t=this.getItemsAndGroups().filter((t=>!t.hidden));const{maxItems:i}=this;let e=0;let s=0;if(t.length>i){t.forEach((t=>{if(e<i&&i>0){const i=this.calculateSingleItemHeight(t);if(i>0){s+=i;e++}}}))}return s}calculateSingleItemHeight(t){if(!t){return}let i=t.offsetHeight;const e=Array.from(t.querySelectorAll(K));e.map((t=>t?.offsetHeight)).forEach((t=>{i-=t}));return i}getItemsAndGroups(){return[...this.groupItems,...this.items]}toggleSelection(t,i=!t.selected){if(!t||this.selectionMode==="single-persist"&&t.selected&&t.value===this.value){return}if(this.isMulti()){t.selected=i;this.updateAncestors(t);this.selectedItems=this.getSelectedItems();this.emitComboboxChange();this.resetText();this.filterItems("")}else{this.ignoreSelectedEventsFlag=true;this.items.forEach((e=>e.selected=e===t?i:false));this.ignoreSelectedEventsFlag=false;this.selectedItems=this.getSelectedItems();this.emitComboboxChange();if(this.textInput){this.textInput.value=t.textLabel}this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("")}}updateAncestors(t){if(this.selectionMode!=="ancestors"){return}const i=J(t);const e=Q(t);if(t.selected){i.forEach((t=>{t.selected=true}))}else{e.forEach((t=>t.selected=false));[...i].forEach((t=>{if(!Z(t)){t.selected=false}}))}}getFilteredItems(){return this.items.filter((t=>!t.hidden))}getData(){return this.items.map((t=>({filterDisabled:t.filterDisabled,value:t.value,label:t.textLabel})))}getNeedsIcon(){return it(this.selectionMode)&&this.items.some((t=>t.icon))}resetText(){if(this.textInput){this.textInput.value=""}this.text=""}getItems(){const t=Array.from(this.el.querySelectorAll(U));return t.filter((t=>!t.disabled))}getGroupItems(){return Array.from(this.el.querySelectorAll(Y))}addCustomChip(t,i){const e=this.items.find((i=>i.textLabel===t));if(e){this.toggleSelection(e,true)}else{if(!this.isMulti()){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false)}const e=document.createElement(U);e.value=t;e.textLabel=t;e.selected=true;this.el.appendChild(e);this.resetText();if(i){this.setFocus()}this.updateItems();this.filterItems("");this.emitComboboxChange()}}removeActiveChip(){this.toggleSelection(this.selectedItems[this.activeChipIndex],false);this.setFocus()}removeLastChip(){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false);this.setFocus()}previousChip(){if(this.text){return}const t=this.selectedItems.length-1;const i=this.activeChipIndex;this.activeChipIndex=i===-1?t:Math.max(i-1,0);this.updateActiveItemIndex(-1);this.focusChip()}nextChip(){if(this.text||this.activeChipIndex===-1){return}const t=this.selectedItems.length-1;const i=this.activeChipIndex+1;if(i>t){this.activeChipIndex=-1;this.setFocus()}else{this.activeChipIndex=i;this.focusChip()}this.updateActiveItemIndex(-1)}focusChip(){const t=this.selectedItems[this.activeChipIndex]?.guid;const i=t?this.referenceEl.querySelector(`#${lt}${t}`):null;i?.setFocus()}shiftActiveItemIndex(t){const{length:i}=this.filteredItems;const e=(this.activeItemIndex+i+t)%i;this.updateActiveItemIndex(e);this.scrollToActiveItem()}updateActiveItemIndex(t){this.activeItemIndex=t;let i=null;this.filteredItems.forEach(((e,s)=>{if(s===t){e.active=true;i=`${at}${e.guid}`}else{e.active=false}}));this.activeDescendant=i;if(this.activeItemIndex>-1){this.activeChipIndex=-1}}isAllSelected(){return this.getItems().length===this.getSelectedItems().length}isMulti(){return!it(this.selectionMode)}renderChips(){const{activeChipIndex:i,scale:e,selectionMode:s,messages:n}=this;return this.selectedItems.map(((o,c)=>{const a={chip:true,"chip--active":i===c};const l=[...J(o)].reverse();const r=[...l,o].map((t=>t.textLabel));const h=s!=="ancestors"?o.textLabel:r.join(" / ");return t("calcite-chip",{class:a,closable:true,icon:o.icon,iconFlipRtl:o.iconFlipRtl,id:o.guid?`${lt}${o.guid}`:null,key:o.textLabel,messageOverrides:{dismissLabel:n.removeTag},onCalciteChipClose:()=>this.calciteChipCloseHandler(o),scale:e,selected:o.selected,title:h,value:o.value},h)}))}renderAllSelectedIndicatorChip(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s,setAllSelectedIndicatorChipEl:n}=this;const o=this.messages.allSelected;return t("calcite-chip",{class:{chip:true,[N.chipInvisible]:!(this.isAllSelected()&&!s&&!i)},scale:e,title:o,value:"",ref:n},o)}renderAllSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s}=this;const n=this.messages.all||"All";return t("calcite-chip",{class:{chip:true,[N.chipInvisible]:!(this.isAllSelected()&&!s&&i)},scale:e,title:n,value:""},n)}renderSelectedIndicatorChip(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:n,selectedHiddenChipsCount:o,selectedVisibleChipsCount:c,setSelectedIndicatorChipEl:a}=this;let l;let r;if(i){l=true}else{if(e==="single"){const t=s().length;if(this.isAllSelected()){l=true}else if(t>0){l=false}else{l=true}r=`${t} ${this.messages.selected}`}else if(e==="fit"){l=!!(this.isAllSelected()&&c===0||o===0);r=c>0?`+${o}`:`${o} ${this.messages.selected}`}}return t("calcite-chip",{class:{chip:true,[N.chipInvisible]:l},scale:n,title:r,value:"",ref:a},r)}renderSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:n,selectedHiddenChipsCount:o}=this;let c;let a;if(i){const t=s().length;if(this.isAllSelected()){c=true}else if(e==="fit"){c=!(o>0);a=`${o||0}`}else if(e==="single"){c=!(t>0);a=`${t}`}}else{c=true}return t("calcite-chip",{class:{chip:true,[N.chipInvisible]:c},scale:n,title:a,value:""},a)}renderInput(){const{guid:i,disabled:e,placeholder:s,selectionMode:n,selectedItems:o,open:c}=this;const a=it(n);const l=o[0];const r=!c&&a&&!!l;return t("span",{class:{"input-wrap":true,"input-wrap--single":a}},r&&t("span",{class:{label:true,"label--icon":!!l?.icon},key:"label"},l.textLabel),t("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":`${ht}${i}`,"aria-label":S(this),class:{input:true,"input--single":true,"input--transparent":this.activeChipIndex>-1,"input--hidden":r,"input--icon":!!this.placeholderIcon},disabled:e,id:`${dt}${i}`,key:"input",onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:s,type:"text",ref:t=>this.textInput=t}))}renderListBoxOptions(){return this.filteredItems.map((i=>t("li",{"aria-selected":h(i.selected),id:i.guid?`${at}${i.guid}`:null,role:"option",tabindex:"-1"},i.textLabel)))}renderFloatingUIContainer(){const{setFloatingEl:i,setContainerEl:e,open:s}=this;const n={[N.listContainer]:true,[g.animation]:true,[g.animationActive]:s};return t("div",{"aria-hidden":"true",class:{"floating-ui-container":true,"floating-ui-container--active":s},ref:i},t("div",{class:n,ref:e},t("ul",{class:{list:true,"list--hide":!s}},t("slot",null))))}renderIconStart(){const{selectedItems:i,placeholderIcon:e,selectionMode:s,placeholderIconFlipRtl:n}=this;const o=i[0];const c=o?.icon;const a=it(s);const l=!this.open&&o?!!c&&a:!!this.placeholderIcon&&(!o||a);return l&&t("span",{class:"icon-start"},t("calcite-icon",{class:"selected-icon",flipRtl:this.open&&o?o.iconFlipRtl:n,icon:!this.open&&o?c:e,scale:G(this.scale)}))}renderIconEnd(){const{open:i}=this;return t("span",{class:"icon-end"},t("calcite-icon",{icon:i?"chevron-up":"chevron-down",scale:G(this.scale)}))}render(){const{selectionDisplay:i,guid:e,label:n,open:o}=this;const c=it(this.selectionMode);const a=i==="all";const l=i==="single";const r=!c&&i==="fit";const d=!this.clearDisabled&&this.value?.length>0;return t(s,{onClick:this.comboboxFocusHandler},t("div",{"aria-autocomplete":"list","aria-controls":`${ht}${e}`,"aria-expanded":h(o),"aria-haspopup":"listbox","aria-label":S(this),"aria-live":"polite","aria-owns":`${ht}${e}`,class:{wrapper:true,"wrapper--single":c||!this.selectedItems.length,"wrapper--active":o},onClick:this.clickHandler,onKeyDown:this.keyDownHandler,role:"combobox",ref:this.setReferenceEl},t("div",{class:{"grid-input":true,[N.selectionDisplayFit]:r,[N.selectionDisplaySingle]:l},ref:this.setChipContainerEl},this.renderIconStart(),!c&&!l&&this.renderChips(),!c&&!a&&[this.renderSelectedIndicatorChip(),this.renderSelectedIndicatorChipCompact(),this.renderAllSelectedIndicatorChip(),this.renderAllSelectedIndicatorChipCompact()],t("label",{class:"screen-readers-only",htmlFor:`${dt}${e}`,id:`${rt}${e}`},n),this.renderInput()),d?t(st,{disabled:this.disabled,key:"close-button",label:this.messages.clear,scale:this.scale}):null,this.renderIconEnd()),t("ul",{"aria-labelledby":`${rt}${e}`,"aria-multiselectable":"true",class:"screen-readers-only",id:`${ht}${e}`,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderFloatingUIContainer(),t(C,{component:this}))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],selectionMode:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],messageOverrides:["onMessagesChange"],flipPlacements:["flipPlacementsHandler"],selectedItems:["selectedItemsHandler"],text:["textHandler"],effectiveLocale:["effectiveLocaleChange"]}}};pt.style=ot;const ut={icon:"icon",iconActive:"icon--active",iconIndent:"icon--indent",custom:"icon--custom",dot:"icon--dot",single:"label--single",label:"label",active:"label--active",selected:"label--selected",title:"title",textContainer:"text-container"};const mt='@charset "UTF-8";: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([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem;--calcite-combobox-item-selector-icon-size:1rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem;--calcite-combobox-item-selector-icon-size:1rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.625rem;--calcite-combobox-item-spacing-indent:1rem;--calcite-combobox-item-selector-icon-size:1.5rem}.container{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  )}:host(:focus){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host,ul{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent;word-wrap:break-word;word-break:break-word;padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host([disabled]) .label{cursor:default}.label--selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.label--active{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover,.label:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.title{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon{display:inline-flex;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-color-border-1)}.icon--indent{padding-inline-start:var(--calcite-combobox-item-indent-value)}.icon--custom{margin-block-start:-1px;padding-inline-start:var(--calcite-combobox-item-spacing-unit-l);color:var(--calcite-color-text-3)}.icon--active{color:var(--calcite-color-text-1)}.icon--dot{display:flex;justify-content:center;min-inline-size:var(--calcite-combobox-item-selector-icon-size)}.icon--dot:before{text-align:start;content:"•"}.label--active .icon{opacity:1}.label--selected .icon{opacity:1;color:var(--calcite-color-brand)}:host(:hover[disabled]) .icon{opacity:1}';const bt=class{constructor(t){i(this,t);this.calciteComboboxItemChange=e(this,"calciteComboboxItemChange",6);this.itemClickHandler=()=>{this.toggleSelected()};this.disabled=false;this.selected=false;this.active=false;this.ancestors=undefined;this.guid=k();this.icon=undefined;this.iconFlipRtl=false;this.textLabel=undefined;this.value=undefined;this.filterDisabled=undefined;this.selectionMode="multiple";this.scale="m"}selectedWatchHandler(){this.calciteComboboxItemChange.emit()}connectedCallback(){this.ancestors=q(this.el);X(this);z(this)}disconnectedCallback(){_(this);$(this)}componentDidRender(){I(this)}toggleSelected(){const t=this.selectionMode==="single-persist";if(this.disabled||t&&this.selected){return}this.selected=!this.selected}renderIcon(i){return this.icon?t("calcite-icon",{class:{[ut.custom]:!!this.icon,[ut.iconActive]:this.icon&&this.selected,[ut.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:this.icon||i,key:"icon",scale:G(this.scale)}):null}renderSelectIndicator(i,e){return i?t("span",{class:{[ut.icon]:true,[ut.dot]:true,[ut.iconIndent]:true}}):t("calcite-icon",{class:{[ut.icon]:true,[ut.iconActive]:this.selected,[ut.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:e,key:"indicator",scale:G(this.scale)})}renderChildren(){if(d(this.el)){return t("ul",{key:"default-slot-container"},t("slot",null))}return null}render(){const i=it(this.selectionMode);const e=i&&!this.disabled;const n=i?"dot":"check";const o=this.disabled?"":n;const c={[ut.label]:true,[ut.selected]:this.selected,[ut.active]:this.active,[ut.single]:i};const a=tt(this.el);return t(s,{"aria-hidden":"true"},t("div",{class:`container scale--${this.scale}`,style:{"--calcite-combobox-item-spacing-indent-multiplier":`${a}`}},t("li",{class:c,id:this.guid,onClick:this.itemClickHandler},this.renderSelectIndicator(e,o),this.renderIcon(o),t("span",{class:"title"},this.textLabel)),this.renderChildren()))}get el(){return n(this)}static get watchers(){return{selected:["selectedWatchHandler"]}}};bt.style=mt;const ft={list:"list",label:"label",title:"title"};const gt=".scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}:host,.list{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-color-text-3)}.title{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  );border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-color-border-3);padding-block:var(--calcite-combobox-item-spacing-unit-l);padding-inline:var(--calcite-combobox-item-spacing-unit-s);margin-inline-start:var(--calcite-combobox-item-indent-value)}::slotted(calcite-combobox-item-group:not([after-empty-group])){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}:host([hidden]){display:none}[hidden]{display:none}";const xt=class{constructor(t){i(this,t);this.guid=k();this.afterEmptyGroup=false;this.ancestors=undefined;this.label=undefined;this.scale="m"}connectedCallback(){this.ancestors=q(this.el)}render(){const{el:i,scale:e}=this;const s=tt(i);return t("ul",{"aria-labelledby":this.guid,class:{[ft.list]:true,[`scale--${e}`]:true},role:"group"},t("li",{class:{[ft.label]:true},id:this.guid,role:"presentation",style:{"--calcite-combobox-item-spacing-indent-multiplier":`${s}`}},t("span",{class:ft.title},this.label)),t("slot",null))}get el(){return n(this)}};xt.style=gt;export{pt as calcite_combobox,bt as calcite_combobox_item,xt as calcite_combobox_item_group};
+//# sourceMappingURL=p-bdacbdd4.entry.js.map