@esri/calcite-components 2.10.0-next.8 → 2.10.0

package/dist/calcite/p-356d467d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["panelCss","CalcitePanelStyle0","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","contentBottomSlotChangeHandler","hasContentBottom","contentTopSlotChangeHandler","hasContentTop","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","overlayPositioning","placement","menu","slot","ACTION_MENU_SLOTS","trigger","headerMenuActions","renderHeaderNode","headerContentNode","showHeaderContent","header","headerContainer","headerContainerBorderEnd","renderContentTop","renderFooterNode","showFooter","footer","footerActions","renderContent","contentWrapper","onScroll","ref","renderFab","renderContentBottom","contentBottom","contentTop","fabContainer","fab","render","disabled","loading","panelNode","container","Host","onKeyDown","InteractiveContainer"],"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 overflow-hidden;\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:host([scale=\"s\"]) .content-top,\n.content-bottom {\n  padding: var(--calcite-spacing-sm);\n}\n\n:host([scale=\"m\"]) .content-top,\n.content-bottom {\n  padding: var(--calcite-spacing-md);\n}\n\n:host([scale=\"l\"]) .content-top,\n.content-bottom {\n  padding: var(--calcite-spacing-xl);\n}\n\n.content-top,\n.content-bottom {\n  @apply flex items-start self-stretch;\n\n  padding: var(--calcite-spacing-md);\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  background-color: var(--calcite-color-foreground-1);\n}\n\n.container {\n  @apply relative bg-background m-0 flex w-full flex-auto flex-col items-stretch p-0;\n\n  transition:\n    max-block-size var(--calcite-animation-timing),\n    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 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  h,\n  Host,\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  InteractiveContainer,\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 { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { CollapseDirection } from \"../interfaces\";\nimport { PanelMessages } from \"./assets/panel/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\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 content-bottom - A slot for adding content below the unnamed (default) slot and above the footer slot (if populated)\n * @slot content-top - A slot for adding content above the unnamed (default) slot and below the action-bar slot (if populated).\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: CollapseDirection = \"down\";\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\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   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  //--------------------------------------------------------------------------\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() hasContentBottom = false;\n\n  @State() hasContentTop = 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  private contentBottomSlotChangeHandler = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n\n  private contentTopSlotChangeHandler = (event: Event): void => {\n    this.hasContentTop = 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        overlayPositioning={this.overlayPositioning}\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        {this.renderContentTop()}\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        ref={this.setPanelScrollEl}\n      >\n        <slot />\n        {this.renderFab()}\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    return (\n      <div class={CSS.contentBottom} hidden={!this.hasContentBottom}>\n        <slot name={SLOTS.contentBottom} onSlotchange={this.contentBottomSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderContentTop(): VNode {\n    return (\n      <div class={CSS.contentTop} hidden={!this.hasContentTop}>\n        <slot name={SLOTS.contentTop} onSlotchange={this.contentTopSlotChangeHandler} />\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 { disabled, loading, panelKeyDownHandler, closed, closable } = this;\n\n    const panelNode = (\n      <article\n        aria-busy={toAriaBoolean(loading)}\n        class={CSS.container}\n        hidden={closed}\n        ref={this.setContainerRef}\n        tabIndex={closable ? 0 : -1}\n      >\n        {this.renderHeaderNode()}\n        {this.renderContent()}\n        {this.renderContentBottom()}\n        {this.renderFooterNode()}\n      </article>\n    );\n\n    return (\n      <Host onKeyDown={panelKeyDownHandler}>\n        <InteractiveContainer disabled={disabled}>\n          {loading ? <calcite-scrim loading={loading} /> : null}\n          {panelNode}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-399ba850.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{a as r,S as t,i as e,b as n,c as o,r as u,f as a}from"./p-26697d55.js";function c(r,t){var e=-1,n=r==null?0:r.length,o=Array(n);while(++e<n){o[e]=t(r[e],e,r)}return o}var f=Array.isArray;const i=f;var b=1/0;var v=t?t.prototype:undefined,l=v?v.toString:undefined;function s(t){if(typeof t=="string"){return t}if(i(t)){return c(t,s)+""}if(r(t)){return l?l.call(t):""}var e=t+"";return e=="0"&&1/t==-b?"-0":e}function j(r){return r}var y="[object AsyncFunction]",p="[object Function]",d="[object GeneratorFunction]",m="[object Proxy]";function A(r){if(!e(r)){return false}var t=n(r);return t==p||t==d||t==y||t==m}var x=9007199254740991;var g=/^(?:0|[1-9]\d*)$/;function h(r,t){var e=typeof r;t=t==null?x:t;return!!t&&(e=="number"||e!="symbol"&&g.test(r))&&(r>-1&&r%1==0&&r<t)}var O=9007199254740991;function w(r){return typeof r=="number"&&r>-1&&r%1==0&&r<=O}function F(r){return r!=null&&w(r.length)&&!A(r)}var E=Object.prototype;function S(r){var t=r&&r.constructor,e=typeof t=="function"&&t.prototype||E;return r===e}function U(r,t){var e=-1,n=Array(r);while(++e<r){n[e]=t(e)}return n}var I="[object Arguments]";function R(r){return o(r)&&n(r)==I}var $=Object.prototype;var k=$.hasOwnProperty;var B=$.propertyIsEnumerable;var D=R(function(){return arguments}())?R:function(r){return o(r)&&k.call(r,"callee")&&!B.call(r,"callee")};const M=D;function N(){return false}var C=typeof exports=="object"&&exports&&!exports.nodeType&&exports;var G=C&&typeof module=="object"&&module&&!module.nodeType&&module;var L=G&&G.exports===C;var P=L?u.Buffer:undefined;var T=P?P.isBuffer:undefined;var V=T||N;const W=V;var q="[object Arguments]",z="[object Array]",H="[object Boolean]",J="[object Date]",K="[object Error]",Q="[object Function]",X="[object Map]",Y="[object Number]",Z="[object Object]",_="[object RegExp]",rr="[object Set]",tr="[object String]",er="[object WeakMap]";var nr="[object ArrayBuffer]",or="[object DataView]",ur="[object Float32Array]",ar="[object Float64Array]",cr="[object Int8Array]",fr="[object Int16Array]",ir="[object Int32Array]",br="[object Uint8Array]",vr="[object Uint8ClampedArray]",lr="[object Uint16Array]",sr="[object Uint32Array]";var jr={};jr[ur]=jr[ar]=jr[cr]=jr[fr]=jr[ir]=jr[br]=jr[vr]=jr[lr]=jr[sr]=true;jr[q]=jr[z]=jr[nr]=jr[H]=jr[or]=jr[J]=jr[K]=jr[Q]=jr[X]=jr[Y]=jr[Z]=jr[_]=jr[rr]=jr[tr]=jr[er]=false;function yr(r){return o(r)&&w(r.length)&&!!jr[n(r)]}function pr(r){return function(t){return r(t)}}var dr=typeof exports=="object"&&exports&&!exports.nodeType&&exports;var mr=dr&&typeof module=="object"&&module&&!module.nodeType&&module;var Ar=mr&&mr.exports===dr;var xr=Ar&&a.process;var gr=function(){try{var r=mr&&mr.require&&mr.require("util").types;if(r){return r}return xr&&xr.binding&&xr.binding("util")}catch(r){}}();const hr=gr;var Or=hr&&hr.isTypedArray;var wr=Or?pr(Or):yr;const Fr=wr;var Er=Object.prototype;var Sr=Er.hasOwnProperty;function Ur(r,t){var e=i(r),n=!e&&M(r),o=!e&&!n&&W(r),u=!e&&!n&&!o&&Fr(r),a=e||n||o||u,c=a?U(r.length,String):[],f=c.length;for(var b in r){if((t||Sr.call(r,b))&&!(a&&(b=="length"||o&&(b=="offset"||b=="parent")||u&&(b=="buffer"||b=="byteLength"||b=="byteOffset")||h(b,f)))){c.push(b)}}return c}function Ir(r){var t=[];if(r!=null){for(var e in Object(r)){t.push(e)}}return t}var Rr=Object.prototype;var $r=Rr.hasOwnProperty;function kr(r){if(!e(r)){return Ir(r)}var t=S(r),n=[];for(var o in r){if(!(o=="constructor"&&(t||!$r.call(r,o)))){n.push(o)}}return n}function Br(r){return F(r)?Ur(r,true):kr(r)}function Dr(r){return r==null?"":s(r)}function Mr(r){return function(t,e,n){var o=-1,u=Object(t),a=n(t),c=a.length;while(c--){var f=a[r?c:++o];if(e(u[f],f,u)===false){break}}return t}}var Nr=Mr();const Cr=Nr;function Gr(r){return typeof r=="function"?r:j}var Lr=/[\\^$.*+?()[\]{}|]/g,Pr=RegExp(Lr.source);function Tr(r){r=Dr(r);return r&&Pr.test(r)?r.replace(Lr,"\\$&"):r}function Vr(r,t){return r==null?r:Cr(r,Gr(t),Br)}const Wr=(r,t,e)=>{const n=Tr(t);const o=new RegExp(n,"i");if(r.length===0){console.warn(`No data was passed to the filter function.\n    The data argument should be an array of objects`)}const u=(r,t,e)=>{if(r?.constant||r?.filterDisabled){return true}let n=false;Vr(r,((r,o)=>{if(typeof r==="function"||r==null){return}if(e&&!e.includes(o)){return}if(Array.isArray(r)||typeof r==="object"&&r!==null){if(u(r,t)){n=true}}else if(t.test(r)){n=true}}));return n};return r.filter((r=>u(r,o,e)))};export{Tr as e,Wr as f};
-//# sourceMappingURL=p-399ba850.js.map

package/dist/calcite/p-3b9e9601.entry.js

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

package/dist/calcite/p-3b9e9601.entry.js.map

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

package/dist/calcite/p-3d933ae6.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{d as u}from"./p-a6183fdc.js";import"./p-9893851a.js";import"./p-5a9f5d33.js";import"./p-03f596e8.js";import"./p-8ba7c938.js";import"./p-73c5df21.js";import"./p-6075641d.js";import"./p-1dd95dac.js";import"./p-562aa4f4.js";import"./p-fddced5f.js";import"./p-b9b81c5f.js";import"./p-b901da42.js";import"./p-076f56e6.js";import"./p-d4d6801a.js";import"./p-417f43fd.js";import"./p-75c938c5.js";import"./p-9e6b50ec.js";import"./p-7279400b.js";import"./p-21104f52.js";import"./p-217771e8.js";function t(u,t,i,a){var m={s:"muutama sekunti",m:"minuutti",mm:"%d minuuttia",h:"tunti",hh:"%d tuntia",d:"päivä",dd:"%d päivää",M:"kuukausi",MM:"%d kuukautta",y:"vuosi",yy:"%d vuotta",numbers:"nolla_yksi_kaksi_kolme_neljä_viisi_kuusi_seitsemän_kahdeksan_yhdeksän".split("_")};var s={s:"muutaman sekunnin",m:"minuutin",mm:"%d minuutin",h:"tunnin",hh:"%d tunnin",d:"päivän",dd:"%d päivän",M:"kuukauden",MM:"%d kuukauden",y:"vuoden",yy:"%d vuoden",numbers:"nollan_yhden_kahden_kolmen_neljän_viiden_kuuden_seitsemän_kahdeksan_yhdeksän".split("_")};var n=a&&!t?s:m;var e=n[i];if(u<10){return e.replace("%d",n.numbers[u])}return e.replace("%d",u)}var i={name:"fi",weekdays:"sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai".split("_"),weekdaysShort:"su_ma_ti_ke_to_pe_la".split("_"),weekdaysMin:"su_ma_ti_ke_to_pe_la".split("_"),months:"tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kesäkuu_heinäkuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu".split("_"),monthsShort:"tammi_helmi_maalis_huhti_touko_kesä_heinä_elo_syys_loka_marras_joulu".split("_"),ordinal:function u(t){return t+"."},weekStart:1,yearStart:4,relativeTime:{future:"%s päästä",past:"%s sitten",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t},formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD.MM.YYYY",LL:"D. MMMM[ta] YYYY",LLL:"D. MMMM[ta] YYYY, [klo] HH.mm",LLLL:"dddd, D. MMMM[ta] YYYY, [klo] HH.mm",l:"D.M.YYYY",ll:"D. MMM YYYY",lll:"D. MMM YYYY, [klo] HH.mm",llll:"ddd, D. MMM YYYY, [klo] HH.mm"}};u.locale(i,null,true);export{i as default};
-//# sourceMappingURL=p-3d933ae6.js.map

package/dist/calcite/p-3d933ae6.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["relativeTimeFormatter","number","withoutSuffix","key","isFuture","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","numbers","split","future","words","result","replace","locale","name","weekdays","weekdaysShort","weekdaysMin","months","monthsShort","ordinal","n","weekStart","yearStart","relativeTime","formats","LT","LTS","L","LL","LLL","LLLL","l","ll","lll","llll","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/fi.js"],"sourcesContent":["// Finnish [fi]\nimport dayjs from '../index';\n\nfunction relativeTimeFormatter(number, withoutSuffix, key, isFuture) {\n  var past = {\n    s: 'muutama sekunti',\n    m: 'minuutti',\n    mm: '%d minuuttia',\n    h: 'tunti',\n    hh: '%d tuntia',\n    d: 'päivä',\n    dd: '%d päivää',\n    M: 'kuukausi',\n    MM: '%d kuukautta',\n    y: 'vuosi',\n    yy: '%d vuotta',\n    numbers: 'nolla_yksi_kaksi_kolme_neljä_viisi_kuusi_seitsemän_kahdeksan_yhdeksän'.split('_')\n  };\n  var future = {\n    s: 'muutaman sekunnin',\n    m: 'minuutin',\n    mm: '%d minuutin',\n    h: 'tunnin',\n    hh: '%d tunnin',\n    d: 'päivän',\n    dd: '%d päivän',\n    M: 'kuukauden',\n    MM: '%d kuukauden',\n    y: 'vuoden',\n    yy: '%d vuoden',\n    numbers: 'nollan_yhden_kahden_kolmen_neljän_viiden_kuuden_seitsemän_kahdeksan_yhdeksän'.split('_')\n  };\n  var words = isFuture && !withoutSuffix ? future : past;\n  var result = words[key];\n\n  if (number < 10) {\n    return result.replace('%d', words.numbers[number]);\n  }\n\n  return result.replace('%d', number);\n}\n\nvar locale = {\n  name: 'fi',\n  // Finnish\n  weekdays: 'sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai'.split('_'),\n  // Note weekdays are not capitalized in Finnish\n  weekdaysShort: 'su_ma_ti_ke_to_pe_la'.split('_'),\n  // There is no short form of weekdays in Finnish except this 2 letter format so it is used for both 'weekdaysShort' and 'weekdaysMin'\n  weekdaysMin: 'su_ma_ti_ke_to_pe_la'.split('_'),\n  months: 'tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kesäkuu_heinäkuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu'.split('_'),\n  // Note month names are not capitalized in Finnish\n  monthsShort: 'tammi_helmi_maalis_huhti_touko_kesä_heinä_elo_syys_loka_marras_joulu'.split('_'),\n  ordinal: function ordinal(n) {\n    return n + \".\";\n  },\n  weekStart: 1,\n  yearStart: 4,\n  relativeTime: {\n    future: '%s päästä',\n    past: '%s sitten',\n    s: relativeTimeFormatter,\n    m: relativeTimeFormatter,\n    mm: relativeTimeFormatter,\n    h: relativeTimeFormatter,\n    hh: relativeTimeFormatter,\n    d: relativeTimeFormatter,\n    dd: relativeTimeFormatter,\n    M: relativeTimeFormatter,\n    MM: relativeTimeFormatter,\n    y: relativeTimeFormatter,\n    yy: relativeTimeFormatter\n  },\n  formats: {\n    LT: 'HH.mm',\n    LTS: 'HH.mm.ss',\n    L: 'DD.MM.YYYY',\n    LL: 'D. MMMM[ta] YYYY',\n    LLL: 'D. MMMM[ta] YYYY, [klo] HH.mm',\n    LLLL: 'dddd, D. MMMM[ta] YYYY, [klo] HH.mm',\n    l: 'D.M.YYYY',\n    ll: 'D. MMM YYYY',\n    lll: 'D. MMM YYYY, [klo] HH.mm',\n    llll: 'ddd, D. MMM YYYY, [klo] HH.mm'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;4eAGA,SAASA,EAAsBC,EAAQC,EAAeC,EAAKC,GACzD,IAAIC,EAAO,CACTC,EAAG,kBACHC,EAAG,WACHC,GAAI,eACJC,EAAG,QACHC,GAAI,YACJC,EAAG,QACHC,GAAI,YACJC,EAAG,WACHC,GAAI,eACJC,EAAG,QACHC,GAAI,YACJC,QAAS,wEAAwEC,MAAM,MAEzF,IAAIC,EAAS,CACXb,EAAG,oBACHC,EAAG,WACHC,GAAI,cACJC,EAAG,SACHC,GAAI,YACJC,EAAG,SACHC,GAAI,YACJC,EAAG,YACHC,GAAI,eACJC,EAAG,SACHC,GAAI,YACJC,QAAS,+EAA+EC,MAAM,MAEhG,IAAIE,EAAQhB,IAAaF,EAAgBiB,EAASd,EAClD,IAAIgB,EAASD,EAAMjB,GAEnB,GAAIF,EAAS,GAAI,CACf,OAAOoB,EAAOC,QAAQ,KAAMF,EAAMH,QAAQhB,GAC9C,CAEE,OAAOoB,EAAOC,QAAQ,KAAMrB,EAC9B,CAEG,IAACsB,EAAS,CACXC,KAAM,KAENC,SAAU,qEAAqEP,MAAM,KAErFQ,cAAe,uBAAuBR,MAAM,KAE5CS,YAAa,uBAAuBT,MAAM,KAC1CU,OAAQ,2GAA2GV,MAAM,KAEzHW,YAAa,uEAAuEX,MAAM,KAC1FY,QAAS,SAASA,EAAQC,GACxB,OAAOA,EAAI,GACf,EACEC,UAAW,EACXC,UAAW,EACXC,aAAc,CACZf,OAAQ,YACRd,KAAM,YACNC,EAAGN,EACHO,EAAGP,EACHQ,GAAIR,EACJS,EAAGT,EACHU,GAAIV,EACJW,EAAGX,EACHY,GAAIZ,EACJa,EAAGb,EACHc,GAAId,EACJe,EAAGf,EACHgB,GAAIhB,GAENmC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,mBACJC,IAAK,gCACLC,KAAM,sCACNC,EAAG,WACHC,GAAI,cACJC,IAAK,2BACLC,KAAM,kCAGVC,EAAMvB,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-3f479914.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{d as a}from"./p-a6183fdc.js";import"./p-9893851a.js";import"./p-5a9f5d33.js";import"./p-03f596e8.js";import"./p-8ba7c938.js";import"./p-73c5df21.js";import"./p-6075641d.js";import"./p-1dd95dac.js";import"./p-562aa4f4.js";import"./p-fddced5f.js";import"./p-b9b81c5f.js";import"./p-b901da42.js";import"./p-076f56e6.js";import"./p-d4d6801a.js";import"./p-417f43fd.js";import"./p-75c938c5.js";import"./p-9e6b50ec.js";import"./p-7279400b.js";import"./p-21104f52.js";import"./p-217771e8.js";var s="siječnja_veljače_ožujka_travnja_svibnja_lipnja_srpnja_kolovoza_rujna_listopada_studenoga_prosinca".split("_");var p="siječanj_veljača_ožujak_travanj_svibanj_lipanj_srpanj_kolovoz_rujan_listopad_studeni_prosinac".split("_");var r=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;var t=function a(t,_){if(r.test(_)){return s[t.month()]}return p[t.month()]};t.s=p;t.f=s;var _={name:"hr",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:t,monthsShort:"sij._velj._ožu._tra._svi._lip._srp._kol._ruj._lis._stu._pro.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"},relativeTime:{future:"za %s",past:"prije %s",s:"sekunda",m:"minuta",mm:"%d minuta",h:"sat",hh:"%d sati",d:"dan",dd:"%d dana",M:"mjesec",MM:"%d mjeseci",y:"godina",yy:"%d godine"},ordinal:function a(s){return s+"."}};a.locale(_,null,true);export{_ as default};
-//# sourceMappingURL=p-3f479914.js.map

package/dist/calcite/p-3f479914.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["monthFormat","split","monthStandalone","MONTHS_IN_FORMAT","months","dayjsInstance","format","test","month","s","f","locale","name","weekdays","weekdaysShort","weekdaysMin","monthsShort","weekStart","formats","LT","LTS","L","LL","LLL","LLLL","relativeTime","future","past","m","mm","h","hh","d","dd","M","MM","y","yy","ordinal","n","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/hr.js"],"sourcesContent":["// Croatian [hr]\nimport dayjs from '../index';\nvar monthFormat = 'siječnja_veljače_ožujka_travnja_svibnja_lipnja_srpnja_kolovoza_rujna_listopada_studenoga_prosinca'.split('_');\nvar monthStandalone = 'siječanj_veljača_ožujak_travanj_svibanj_lipanj_srpanj_kolovoz_rujan_listopad_studeni_prosinac'.split('_');\nvar MONTHS_IN_FORMAT = /D[oD]?(\\[[^[\\]]*\\]|\\s)+MMMM?/;\n\nvar months = function months(dayjsInstance, format) {\n  if (MONTHS_IN_FORMAT.test(format)) {\n    return monthFormat[dayjsInstance.month()];\n  }\n\n  return monthStandalone[dayjsInstance.month()];\n};\n\nmonths.s = monthStandalone;\nmonths.f = monthFormat;\nvar locale = {\n  name: 'hr',\n  weekdays: 'nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota'.split('_'),\n  weekdaysShort: 'ned._pon._uto._sri._čet._pet._sub.'.split('_'),\n  weekdaysMin: 'ne_po_ut_sr_če_pe_su'.split('_'),\n  months: months,\n  monthsShort: 'sij._velj._ožu._tra._svi._lip._srp._kol._ruj._lis._stu._pro.'.split('_'),\n  weekStart: 1,\n  formats: {\n    LT: 'H:mm',\n    LTS: 'H:mm:ss',\n    L: 'DD.MM.YYYY',\n    LL: 'D. MMMM YYYY',\n    LLL: 'D. MMMM YYYY H:mm',\n    LLLL: 'dddd, D. MMMM YYYY H:mm'\n  },\n  relativeTime: {\n    future: 'za %s',\n    past: 'prije %s',\n    s: 'sekunda',\n    m: 'minuta',\n    mm: '%d minuta',\n    h: 'sat',\n    hh: '%d sati',\n    d: 'dan',\n    dd: '%d dana',\n    M: 'mjesec',\n    MM: '%d mjeseci',\n    y: 'godina',\n    yy: '%d godine'\n  },\n  ordinal: function ordinal(n) {\n    return n + \".\";\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;4eAEA,IAAIA,EAAc,oGAAoGC,MAAM,KAC5H,IAAIC,EAAkB,gGAAgGD,MAAM,KAC5H,IAAIE,EAAmB,+BAEvB,IAAIC,EAAS,SAASA,EAAOC,EAAeC,GAC1C,GAAIH,EAAiBI,KAAKD,GAAS,CACjC,OAAON,EAAYK,EAAcG,QACrC,CAEE,OAAON,EAAgBG,EAAcG,QACvC,EAEAJ,EAAOK,EAAIP,EACXE,EAAOM,EAAIV,EACR,IAACW,EAAS,CACXC,KAAM,KACNC,SAAU,4DAA4DZ,MAAM,KAC5Ea,cAAe,qCAAqCb,MAAM,KAC1Dc,YAAa,uBAAuBd,MAAM,KAC1CG,OAAQA,EACRY,YAAa,+DAA+Df,MAAM,KAClFgB,UAAW,EACXC,QAAS,CACPC,GAAI,OACJC,IAAK,UACLC,EAAG,aACHC,GAAI,eACJC,IAAK,oBACLC,KAAM,2BAERC,aAAc,CACZC,OAAQ,QACRC,KAAM,WACNlB,EAAG,UACHmB,EAAG,SACHC,GAAI,YACJC,EAAG,MACHC,GAAI,UACJC,EAAG,MACHC,GAAI,UACJC,EAAG,SACHC,GAAI,aACJC,EAAG,SACHC,GAAI,aAENC,QAAS,SAASA,EAAQC,GACxB,OAAOA,EAAI,GACf,GAEAC,EAAM7B,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-3fac159f.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{h as t,r as i,c as e,H as s,g as o}from"./p-9893851a.js";import{c as n}from"./p-fde24f49.js";import{f as a,e as c}from"./p-399ba850.js";import{C as l,E as r,F as h,t as d,e as p}from"./p-03f596e8.js";import{d as b,f as u,c as f,r as m,a as g,F as x}from"./p-31fbf867.js";import{s as v,c as y,a as w,d as C,H as k}from"./p-5a9f5d33.js";import{g as I}from"./p-8ba7c938.js";import{c as z,u as $,d as E,I as S}from"./p-6075641d.js";import{c as H,d as A,g as D}from"./p-fddced5f.js";import{b as j,c as M,s as O,a as P}from"./p-b901da42.js";import{c as F,d as T}from"./p-076f56e6.js";import{c as L}from"./p-d4d6801a.js";import{o as B}from"./p-21104f52.js";import{c as R,s as W,d as V,u as G}from"./p-7279400b.js";import{g as U,c as X}from"./p-b9b81c5f.js";import{V as _}from"./p-217771e8.js";import{d as Y}from"./p-26697d55.js";import{c as K,d as N}from"./p-8c1d7328.js";import"./p-73c5df21.js";import"./p-1dd95dac.js";import"./p-562aa4f4.js";const q={button:"x-button"};function J({disabled:i,key:e,label:s,onClick:o,ref:n,scale:a}){return t("button",{"aria-label":s,class:q.button,disabled:i,key:e,onClick:o,ref:n,tabIndex:-1,type:"button"},t("calcite-icon",{icon:"x",scale:U(a)}))}const Q="CALCITE-COMBOBOX-ITEM";const Z="CALCITE-COMBOBOX-ITEM-GROUP";const tt=`${Q}, ${Z}`;const it={input:"input",chipInvisible:"chip--invisible",selectionDisplayFit:"selection-display-fit",selectionDisplaySingle:"selection-display-single",listContainer:"list-container",icon:"icon"};function et(t){const i=t.parentElement?.closest(tt);const e=i?.parentElement?.closest(tt);return[i,e].filter((t=>t))}function st(t){return t.ancestors?.filter((t=>t.nodeName==="CALCITE-COMBOBOX-ITEM"))||[]}function ot(t){return l(t.querySelectorAll("calcite-combobox-item"))}function nt(t){const i=l(t.querySelectorAll("calcite-combobox-item"));return i.filter((t=>t.selected)).length>0}function at(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 ct(t){return t.includes("single")}const lt=":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}.interaction-container{display:contents}: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:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-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)}.wrapper:hover .icon{color:var(--calcite-color-text-1)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([read-only]) .wrapper{background-color:var(--calcite-color-background)}:host([read-only]) .label{font-weight:var(--calcite-font-weight-medium)}: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);margin-inline-end: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;overflow:hidden;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--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-l)}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;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}.icon-end .icon{color:var(--calcite-color-text-3)}.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}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}::slotted(calcite-combobox-item-group:not(:first-child)){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}";const rt=lt;const ht=t=>t.tagName===Z;const dt="combobox-item-";const pt="combobox-chip-";const bt="combobox-label-";const ut="combobox-listbox-";const ft="combobox-input-";const mt=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=b;this.internalValueChangeFlag=false;this.textInput=null;this.mutationObserver=L("mutation",(()=>this.updateItems()));this.resizeObserver=L("resize",(()=>{this.setMaxScrollerHeight();this.refreshSelectionDisplay()}));this.guid=I();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=>{if(this.readOnly){return}const{key:i}=t;switch(i){case"Tab":this.activeChipIndex=-1;this.activeItemIndex=-1;if(this.allowCustomValues&&this.filterText){this.addCustomChip(this.filterText,true);t.preventDefault()}else if(this.open){this.open=false;t.preventDefault()}else if(!this.allowCustomValues&&this.filterText){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}break;case"ArrowLeft":if(this.activeChipIndex!==-1||this.textInput.selectionStart===0){this.previousChip();t.preventDefault()}break;case"ArrowRight":if(this.activeChipIndex!==-1){this.nextChip();t.preventDefault()}break;case"ArrowUp":if(this.filteredItems.length){t.preventDefault();if(this.open){this.shiftActiveItemIndex(-1)}if(!this.comboboxInViewport()){this.el.scrollIntoView()}}break;case"ArrowDown":if(this.filteredItems.length){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&&!t.defaultPrevented){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.open&&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.filterText){this.addCustomChip(this.filterText,true);t.preventDefault()}else if(!t.defaultPrevented){if(v(this)){t.preventDefault()}}break;case"Delete":case"Backspace":{const i=this.selectionDisplay==="single"||this.selectionDisplay==="fit"&&this.selectedHiddenChipsCount>0;if(i){return}if(this.activeChipIndex>-1){t.preventDefault();this.removeActiveChip()}else if(!this.filterText&&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=>{if(this.readOnly){return}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(q.button)))){this.clearValue();t.preventDefault();return}this.open=!this.open;this.ensureRecentSelectedItemIsActive()};this.refreshSelectionDisplay=async()=>{await j(this);if(ct(this.selectionMode)){return}if(!this.textInput){return}const{allSelectedIndicatorChipEl:t,chipContainerEl:i,selectionDisplay:e,placeholder:s,selectedIndicatorChipEl:o,textInput:a}=this;const c=parseInt(getComputedStyle(i).gap.replace("px",""));const l=r(i);const{fontSize:d,fontFamily:p}=getComputedStyle(a);const b=h(s,`${d} ${p}`);const u=(b||parseInt(n))+c;const f=r(t);const m=r(o);const g=Math.max(f,m);this.setCompactSelectionDisplay({chipContainerElGap:c,chipContainerElWidth:l,inputWidth:u,largestSelectedIndicatorChipWidth:g});if(e==="fit"){const t=Array.from(this.el.shadowRoot.querySelectorAll("calcite-chip")).filter((t=>t.closable));const i=Math.round(l-((this.selectedHiddenChipsCount>0?m:0)+c+u+c));this.refreshChipDisplay({availableHorizontalChipElSpace:i,chipContainerElGap:c,chipEls:t});this.setVisibleAndHiddenChips(t)}};this.setFloatingEl=t=>{this.floatingEl=t;f(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;f(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.filterText=i};this.filterItems=(()=>{const t=(t,i)=>t&&i.some((({label:i,value:e})=>ht(t)?i===t.label:e===t.value&&i===t.textLabel));return Y(((i,e=false,s=true)=>{const o=a(this.data,i);const n=this.getItemsAndGroups();const l=i==="";n.forEach((i=>{if(l){i.hidden=false;return}const e=!t(i,o);i.hidden=e;const[s,n]=i.ancestors;if(t(s,o)||t(n,o)){i.hidden=false}if(!e){i.ancestors.forEach((t=>t.hidden=false))}}));this.filterTextMatchPattern=this.filterText&&new RegExp(`(${c(this.filterText)})`,"i");this.filteredItems=this.getFilteredItems();this.filteredItems.forEach((t=>{t.filterTextMatchPattern=this.filterTextMatchPattern}));if(e){this.open=this.filterText.trim().length>0&&this.filteredItems.length>0}if(s){this.calciteComboboxFilterChange.emit()}}),100)})();this.internalComboboxChangeEvent=()=>{this.calciteComboboxChange.emit()};this.emitComboboxChange=Y(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"||!nt(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.filterText="";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.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.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.readOnly=false;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.effectiveLocale=undefined;this.defaultMessages=undefined}filterTextChange(t){this.updateActiveItemIndex(-1);this.filterItems(t,true)}openHandler(){B(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}async documentClickHandler(t){if(this.disabled||t.composedPath().includes(this.el)){return}await X(this.el);if(!this.allowCustomValues&&this.filterText){this.clearInputValue();this.filterItems("");this.updateActiveItemIndex(-1)}if(this.allowCustomValues&&this.filterText.trim().length){this.addCustomChip(this.filterText)}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:o,filteredFlipPlacements:n}=this;return m(this,{floatingEl:i,referenceEl:e,overlayPositioning:o,placement:s,flipPlacements:n,type:"menu"},t)}async setFocus(){await M(this);this.textInput?.focus();this.activeChipIndex=-1;this.activeItemIndex=-1}async connectedCallback(){z(this);F(this);R(this);H(this);y(this);this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false;this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.updateItems();this.setFilteredPlacements();if(this.open){this.openHandler();B(this)}await X(this.el);f(this,this.referenceEl,this.floatingEl);w(this,this.getValue())}async componentWillLoad(){O(this);this.updateItems();await W(this);this.filterItems(this.filterText,false,false)}componentDidLoad(){P(this)}componentDidRender(){if(this.el.offsetHeight!==this.inputHeight){this.reposition(true);this.inputHeight=this.el.offsetHeight}$(this)}componentDidUpdate(){this.refreshSelectionDisplay()}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();E(this);A(this);C(this);g(this,this.referenceEl,this.floatingEl);T(this);V(this)}effectiveLocaleChange(){G(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.filterText=""}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(it.chipInvisible)}showChip(t){t.classList.remove(it.chipInvisible)}refreshChipDisplay({chipEls:t,availableHorizontalChipElSpace:i,chipContainerElGap:e}){t.forEach((t=>{if(!t.selected){this.hideChip(t)}else{const s=r(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 o=Math.round(s+t+e);if(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<o){this.maxCompactBreakpoint=o}this.compactSelectionDisplay=i<this.maxCompactBreakpoint}setVisibleAndHiddenChips(t){let i=0;t.forEach((t=>{if(t.selected&&!t.classList.contains(it.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(tt));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=st(t);const e=ot(t);if(t.selected){i.forEach((t=>{t.selected=true}))}else{e.forEach((t=>t.selected=false));[...i].forEach((t=>{if(!nt(t)){t.selected=false}}))}}getFilteredItems(){return this.filterText===""?this.items:this.items.filter((t=>!t.hidden))}getData(){return this.items.map((t=>({filterDisabled:t.filterDisabled,value:t.value,label:t.textLabel})))}getNeedsIcon(){return ct(this.selectionMode)&&this.items.some((t=>t.icon))}resetText(){if(this.textInput){this.textInput.value=""}this.filterText=""}getItems(){const t=Array.from(this.el.querySelectorAll(Q));return t.filter((t=>!t.disabled))}getGroupItems(){return Array.from(this.el.querySelectorAll(Z))}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("calcite-combobox-item");e.value=t;e.textLabel=t;e.selected=true;this.el.appendChild(e);this.resetText();if(i){this.setFocus()}this.updateItems();this.filterItems("");this.open=true;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(){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(){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(`#${pt}${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=`${dt}${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!ct(this.selectionMode)}renderChips(){const{activeChipIndex:i,readOnly:e,scale:s,selectionMode:o,messages:n}=this;return this.selectedItems.map(((a,c)=>{const l={chip:true,"chip--active":i===c};const r=[...st(a)].reverse();const h=[...r,a].map((t=>t.textLabel));const d=o!=="ancestors"?a.textLabel:h.join(" / ");return t("calcite-chip",{appearance:e?"outline":"solid",class:l,closable:!e,"data-test-id":`chip-${c}`,icon:a.icon,iconFlipRtl:a.iconFlipRtl,id:a.guid?`${pt}${a.guid}`:null,key:a.textLabel,messageOverrides:{dismissLabel:n.removeTag},onCalciteChipClose:()=>this.calciteChipCloseHandler(a),onFocusin:()=>this.activeChipIndex=c,scale:s,selected:a.selected,tabindex:i===c?0:-1,title:d,value:a.value},d)}))}renderAllSelectedIndicatorChip(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s,setAllSelectedIndicatorChipEl:o}=this;const n=this.messages.allSelected;return t("calcite-chip",{class:{chip:true,[it.chipInvisible]:!(this.isAllSelected()&&!s&&!i)},ref:o,scale:e,title:n,value:""},n)}renderAllSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s}=this;const o=this.messages.all||"All";return t("calcite-chip",{class:{chip:true,[it.chipInvisible]:!(this.isAllSelected()&&!s&&i)},scale:e,title:o,value:""},o)}renderSelectedIndicatorChip(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n,selectedVisibleChipsCount:a,setSelectedIndicatorChipEl:c}=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()&&a===0||n===0);r=a>0?`+${n}`:`${n} ${this.messages.selected}`}}return t("calcite-chip",{class:{chip:true,[it.chipInvisible]:l},ref:c,scale:o,title:r,value:""},r)}renderSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n}=this;let a;let c;if(i){const t=s().length;if(this.isAllSelected()){a=true}else if(e==="fit"){a=!(n>0);c=`${n||0}`}else if(e==="single"){a=!(t>0);c=`${t}`}}else{a=true}return t("calcite-chip",{class:{chip:true,[it.chipInvisible]:a},scale:o,title:c,value:""},c)}get showingInlineIcon(){const{placeholderIcon:t,selectionMode:i,selectedItems:e,open:s}=this;const o=e[0];const n=o?.icon;const a=ct(i);return!s&&o?!!n&&a:!!t&&(!o||a)}renderInput(){const{guid:i,disabled:e,placeholder:s,selectionMode:o,selectedItems:n,open:a}=this;const c=ct(o);const l=n[0];const r=!a&&c&&!!l;return t("span",{class:{"input-wrap":true,"input-wrap--single":c}},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":`${ut}${i}`,"aria-expanded":d(a),"aria-haspopup":"listbox","aria-label":D(this),"aria-owns":`${ut}${i}`,class:{[it.input]:true,"input--single":true,"input--hidden":r,"input--icon":this.showingInlineIcon&&!!this.placeholderIcon},"data-test-id":"input",disabled:e,id:`${ft}${i}`,key:"input",onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:s,readOnly:this.readOnly,ref:t=>this.textInput=t,role:"combobox",tabindex:this.activeChipIndex===-1?0:-1,type:"text",value:this.filterText}))}renderListBoxOptions(){return this.filteredItems.map((i=>t("li",{"aria-selected":d(i.selected),id:i.guid?`${dt}${i.guid}`:null,role:"option",tabindex:"-1"},i.textLabel)))}renderFloatingUIContainer(){const{setFloatingEl:i,setContainerEl:e,open:s}=this;const o={[it.listContainer]:true,[x.animation]:true,[x.animationActive]:s};return t("div",{"aria-hidden":"true",class:{"floating-ui-container":true,"floating-ui-container--active":s},ref:i},t("div",{class:o,ref:e},t("ul",{class:{list:true,"list--hide":!s}},t("slot",null))))}renderSelectedOrPlaceholderIcon(){const{selectedItems:i,placeholderIcon:e,placeholderIconFlipRtl:s}=this;const o=i[0];const n=o?.icon;return this.showingInlineIcon&&t("span",{class:"icon-start",key:"selected-placeholder-icon"},t("calcite-icon",{class:"selected-icon",flipRtl:this.open&&o?o.iconFlipRtl:s,icon:!this.open&&o?n:e,scale:U(this.scale)}))}renderChevronIcon(){const{open:i}=this;return t("span",{class:"icon-end",key:"chevron"},t("calcite-icon",{class:it.icon,icon:i?"chevron-up":"chevron-down",scale:U(this.scale)}))}render(){const{selectionDisplay:i,guid:e,label:o,open:n,readOnly:a}=this;const c=ct(this.selectionMode);const l=i==="all";const r=i==="single";const h=!c&&i==="fit";const d=!this.clearDisabled&&this.value?.length>0;return t(s,{key:"3546fd5ddb32834e5f5998f17e365497ebe3e396",onClick:this.comboboxFocusHandler},t(S,{key:"b58a4659d3db40660ea4d99f7543ad5ee35e2cbe",disabled:this.disabled},t("div",{key:"840d98e83a33a8258d37450d77f6ea22a2f1c030","aria-live":"polite",class:{wrapper:true,"wrapper--single":c||!this.selectedItems.length,"wrapper--active":n},onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},this.renderSelectedOrPlaceholderIcon(),t("div",{class:{"grid-input":true,[it.selectionDisplayFit]:h,[it.selectionDisplaySingle]:r},key:"grid",ref:this.setChipContainerEl},!c&&!r&&this.renderChips(),!c&&!l&&[this.renderSelectedIndicatorChip(),this.renderSelectedIndicatorChipCompact(),this.renderAllSelectedIndicatorChip(),this.renderAllSelectedIndicatorChipCompact()],t("label",{key:"5be1c7ec09503a10a97fd962510efa532e6ec95d",class:"screen-readers-only",htmlFor:`${ft}${e}`,id:`${bt}${e}`},o),this.renderInput()),!a&&d?t(J,{disabled:this.disabled,key:"close-button",label:this.messages.clear,scale:this.scale}):null,!a&&this.renderChevronIcon()),t("ul",{key:"860a8fe1a28e971b85b77667c28bfe68de2c9083","aria-labelledby":`${bt}${e}`,"aria-multiselectable":"true",class:"screen-readers-only",id:`${ut}${e}`,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderFloatingUIContainer(),t(k,{key:"76d5d3bfa86ac6912c502842bba2bef781f12b0c",component:this}),this.validationMessage&&this.status==="invalid"?t(_,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{filterText:["filterTextChange"],open:["openHandler"],disabled:["handleDisabledChange"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],selectionMode:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],messageOverrides:["onMessagesChange"],flipPlacements:["flipPlacementsHandler"],selectedItems:["selectedItemsHandler"],effectiveLocale:["effectiveLocaleChange"]}}};mt.style=rt;const gt={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",filterMatch:"filter-match"};const xt='@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}.interaction-container{display:contents}: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-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.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}.filter-match{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-current)}';const vt=xt;const yt=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=I();this.icon=undefined;this.iconFlipRtl=false;this.textLabel=undefined;this.filterTextMatchPattern=undefined;this.value=undefined;this.filterDisabled=undefined;this.selectionMode="multiple";this.scale="m"}selectedWatchHandler(){this.calciteComboboxItemChange.emit()}connectedCallback(){this.ancestors=et(this.el);K(this);z(this)}disconnectedCallback(){N(this);E(this)}componentDidRender(){$(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:{[gt.custom]:!!this.icon,[gt.iconActive]:this.icon&&this.selected,[gt.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:this.icon||i,key:"icon",scale:U(this.scale)}):null}renderSelectIndicator(i,e){return i?t("span",{class:{[gt.icon]:true,[gt.dot]:true,[gt.iconIndent]:true}}):t("calcite-icon",{class:{[gt.icon]:true,[gt.iconActive]:this.selected,[gt.iconIndent]:true},flipRtl:this.iconFlipRtl,icon:e,key:"indicator",scale:U(this.scale)})}renderChildren(){if(p(this.el)){return t("ul",{key:"default-slot-container"},t("slot",null))}return null}render(){const{disabled:i}=this;const e=ct(this.selectionMode);const o=e&&!i;const n=e?"dot":"check";const a=i?"":n;const c={[gt.label]:true,[gt.selected]:this.selected,[gt.active]:this.active,[gt.single]:e};const l=at(this.el);return t(s,{key:"24539cb8c385eba17113acbc986c5313782abc6c","aria-hidden":"true"},t(S,{key:"115e856cd8a456a8d70431f87f81cae4b5ed3197",disabled:i},t("div",{key:"c440f95366563eddee178c1d0e89bea535699dd4",class:`container scale--${this.scale}`,style:{"--calcite-combobox-item-spacing-indent-multiplier":`${l}`}},t("li",{key:"5cce5bf58b17ff1ab86d7eb009ff3084bbf487ba",class:c,id:this.guid,onClick:this.itemClickHandler},this.renderSelectIndicator(o,a),this.renderIcon(a),t("span",{key:"6b0055d09916fe03b37d90e2d1ac5b59a47ad3bc",class:"title"},this.renderTextContent())),this.renderChildren())))}renderTextContent(){if(!this.filterTextMatchPattern){return this.textLabel}const i=this.textLabel.split(this.filterTextMatchPattern);if(i.length>1){i[1]=t("mark",{class:gt.filterMatch},i[1])}return i}get el(){return o(this)}static get watchers(){return{selected:["selectedWatchHandler"]}}};yt.style=vt;const wt={list:"list",label:"label",title:"title"};const Ct=".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 kt=Ct;const It=class{constructor(t){i(this,t);this.guid=I();this.afterEmptyGroup=false;this.ancestors=undefined;this.label=undefined;this.scale="m"}connectedCallback(){this.ancestors=et(this.el)}render(){const{el:i,scale:e}=this;const s=at(i);return t("ul",{key:"f97f7287323229be32779d451a7e816b016c02b4","aria-labelledby":this.guid,class:{[wt.list]:true,[`scale--${e}`]:true},role:"group"},t("li",{key:"e7aa9b0a2955562d9687c294b3b39eafbd04c5a2",class:{[wt.label]:true},id:this.guid,role:"presentation",style:{"--calcite-combobox-item-spacing-indent-multiplier":`${s}`}},t("span",{key:"5b02b92d24c05a93a5aeeda140f7422c50fb52b0",class:wt.title},this.label)),t("slot",{key:"1a2e106d97304df29b2cbf5841e65726e55960ae"}))}get el(){return o(this)}};It.style=kt;export{mt as calcite_combobox,yt as calcite_combobox_item,It as calcite_combobox_item_group};
-//# sourceMappingURL=p-3fac159f.entry.js.map