@esri/calcite-components 2.11.0 → 2.12.0-next.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","CalcitePanelStyle0","Panel","this","resizeObserver","createObserver","resizeHandler","panelScrollEl","scrollHeight","offsetHeight","tabIndex","setContainerRef","node","containerEl","panelKeyDownHandler","event","closable","key","defaultPrevented","handleUserClose","preventDefault","closed","calcitePanelClose","emit","open","isClosed","close","async","beforeClose","Promise","resolve","_error","requestAnimationFrame","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","handleFabSlotChange","hasFab","handleFooterActionsSlotChange","hasFooterActions","handleFooterEndSlotChange","hasFooterEndContent","handleFooterStartSlotChange","hasFooterStartContent","handleFooterSlotChange","hasFooterContent","contentBottomSlotChangeHandler","hasContentBottom","contentTopSlotChangeHandler","hasContentTop","setPanelScrollEl","disconnect","observe","handleAlertsSlotChange","map","nodeName","embedded","toggleDialog","value","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","scale","text","title","closeNode","slotNode","headerActionsEnd","showContainer","renderMenu","menuOpen","flipPlacements","label","overlayPositioning","placement","menu","slot","ACTION_MENU_SLOTS","trigger","headerMenuActions","renderHeaderNode","headerContentNode","showHeaderContent","header","headerContainer","headerContainerBorderEnd","renderContentTop","renderFooterNode","showFooter","footer","footerContent","footerStart","footerEnd","footerActions","renderContent","contentWrapper","onScroll","ref","renderFab","renderContentBottom","contentBottom","contentTop","fabContainer","fab","render","disabled","loading","panelNode","container","alerts","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\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-sm);\n  --calcite-internal-panel-header-vertical-padding: 10px; // this should use a spacing token once made available\n\n  .header-content {\n    .heading {\n      font-size: theme(\"fontSize.n1h\");\n    }\n\n    .description {\n      font-size: theme(\"fontSize.n2h\");\n    }\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-md);\n  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-lg);\n\n  .header-content {\n    .heading {\n      font-size: theme(\"fontSize.0h\");\n    }\n\n    .description {\n      font-size: theme(\"fontSize.n1h\");\n    }\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-xl);\n  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xxl);\n\n  .header-content {\n    .heading {\n      font-size: theme(\"fontSize.1h\");\n    }\n\n    .description {\n      font-size: theme(\"fontSize.0h\");\n    }\n  }\n}\n\n.content-top,\n.content-bottom {\n  @apply flex items-start self-stretch;\n\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\n  margin-inline-end: auto;\n\n  .heading,\n  .description {\n    @apply block\n      break-words\n      p-0;\n  }\n\n  .heading {\n    @apply mx-0 mt-0 mb-1 font-medium text-color-1;\n\n    &:only-child {\n      @apply mb-0;\n    }\n  }\n\n  .description {\n    @apply text-color-2;\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.content-top,\n.content-bottom {\n  padding: var(--calcite-internal-panel-default-padding);\n}\n\n.header-content {\n  padding-block: var(--calcite-internal-panel-header-vertical-padding);\n  padding-inline: var(--calcite-internal-panel-default-padding);\n}\n\n.footer {\n  @apply flex mt-auto flex-row content-between justify-center items-center bg-foreground-1 text-n2-wrap;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  padding: var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding));\n}\n\n.footer-content {\n  @apply flex flex-row items-center justify-center flex-1;\n}\n\n.footer-actions {\n  @apply flex flex-row items-center justify-evenly flex-1;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.footer-start {\n  @apply flex flex-row items-center justify-start flex-1;\n  margin-inline-end: auto;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.footer-end {\n  @apply flex flex-row items-center justify-end flex-1;\n  margin-inline-start: auto;\n  gap: var(--calcite-internal-panel-default-padding);\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 { Scale } 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 alerts - A slot for adding `calcite-alert`s 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 - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n * @slot footer-actions - [Deprecated] Use the `footer-start` and `footer-end` slots instead. A slot for adding `calcite-button`s to the component's footer.\n * @slot footer-end - A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot.\n * @slot footer-start - A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot.\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  /** Passes a function to run before the component closes. */\n  @Prop() beforeClose: () => Promise<void>;\n\n  /** When `true`, the component will be hidden. */\n  @Prop({ mutable: true, reflect: true }) closed = false;\n\n  @Watch(\"closed\")\n  toggleDialog(value: boolean): void {\n    value ? this.close() : this.open();\n  }\n\n  /**\n   *  When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** 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  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\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() isClosed = false;\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() hasFab = false;\n\n  @State() hasFooterActions = false;\n\n  @State() hasFooterContent = false;\n\n  @State() hasFooterEndContent = false;\n\n  @State() hasFooterStartContent = 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.handleUserClose();\n      event.preventDefault();\n    }\n  };\n\n  private handleUserClose = (): void => {\n    this.closed = true;\n    this.calcitePanelClose.emit();\n  };\n\n  open = (): void => {\n    this.isClosed = false;\n  };\n\n  close = async (): Promise<void> => {\n    const beforeClose = this.beforeClose ?? (() => Promise.resolve());\n\n    try {\n      await beforeClose();\n    } catch (_error) {\n      // close prevented\n      requestAnimationFrame(() => {\n        this.closed = false;\n      });\n      return;\n    }\n\n    this.isClosed = true;\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  handleFabSlotChange = (event: Event): void => {\n    this.hasFab = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterActionsSlotChange = (event: Event): void => {\n    this.hasFooterActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterEndSlotChange = (event: Event): void => {\n    this.hasFooterEndContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterStartSlotChange = (event: Event): void => {\n    this.hasFooterStartContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooterContent = 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        scale={this.scale}\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.handleUserClose}\n        scale={this.scale}\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          scale={this.scale}\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 { hasFooterEndContent, hasFooterStartContent, hasFooterContent, hasFooterActions } = this;\n\n    const showFooter =\n      hasFooterStartContent || hasFooterEndContent || hasFooterContent || hasFooterActions;\n\n    return (\n      <footer class={CSS.footer} hidden={!showFooter}>\n        <div class={CSS.footerContent} hidden={!hasFooterContent}>\n          <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n        </div>\n        <div class={CSS.footerStart} hidden={hasFooterContent || !hasFooterStartContent}>\n          <slot name={SLOTS.footerStart} onSlotchange={this.handleFooterStartSlotChange} />\n        </div>\n        <div class={CSS.footerEnd} hidden={hasFooterContent || !hasFooterEndContent}>\n          <slot name={SLOTS.footerEnd} onSlotchange={this.handleFooterEndSlotChange} />\n        </div>\n        <div class={CSS.footerActions} hidden={hasFooterContent || !hasFooterActions}>\n          <slot\n            key=\"footer-actions-slot\"\n            name={SLOTS.footerActions}\n            onSlotchange={this.handleFooterActionsSlotChange}\n          />\n        </div>\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  handleAlertsSlotChange = (event: Event): void => {\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).embedded = true;\n      }\n    });\n  };\n\n  render(): VNode {\n    const { disabled, loading, panelKeyDownHandler, isClosed, closable } = this;\n\n    const panelNode = (\n      <article\n        aria-busy={toAriaBoolean(loading)}\n        class={CSS.container}\n        hidden={isClosed}\n        ref={this.setContainerRef}\n        tabIndex={closable ? 0 : -1}\n      >\n        {this.renderHeaderNode()}\n        {this.renderContent()}\n        {this.renderContentBottom()}\n        {this.renderFooterNode()}\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\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-b59ac07e.js

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

package/dist/calcite/p-b615588c.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.0
+ */
+import{d as r}from"./p-1fd82e40.js";import"./p-feaa3342.js";import"./p-0ab39cd2.js";import"./p-fabffdb8.js";import"./p-da42a1d3.js";import"./p-40ba79c9.js";import"./p-b59ac07e.js";import"./p-24883653.js";import"./p-ff0a44c9.js";import"./p-3ec3c585.js";import"./p-28d719cf.js";import"./p-4a9a2267.js";import"./p-aabb6968.js";import"./p-85e15bad.js";import"./p-1a44a92a.js";import"./p-cb13a39c.js";import"./p-068525a6.js";import"./p-62f0b65f.js";import"./p-f0e669a2.js";import"./p-ffcec441.js";import"./p-5805e360.js";var t={name:"hu",weekdays:"vasárnap_hétfő_kedd_szerda_csütörtök_péntek_szombat".split("_"),weekdaysShort:"vas_hét_kedd_sze_csüt_pén_szo".split("_"),weekdaysMin:"v_h_k_sze_cs_p_szo".split("_"),months:"január_február_március_április_május_június_július_augusztus_szeptember_október_november_december".split("_"),monthsShort:"jan_feb_márc_ápr_máj_jún_júl_aug_szept_okt_nov_dec".split("_"),ordinal:function r(t){return t+"."},weekStart:1,relativeTime:{future:"%s múlva",past:"%s",s:function r(t,e,p,n){return"néhány másodperc"+(n||e?"":"e")},m:function r(t,e,p,n){return"egy perc"+(n||e?"":"e")},mm:function r(t,e,p,n){return t+" perc"+(n||e?"":"e")},h:function r(t,e,p,n){return"egy "+(n||e?"óra":"órája")},hh:function r(t,e,p,n){return t+" "+(n||e?"óra":"órája")},d:function r(t,e,p,n){return"egy "+(n||e?"nap":"napja")},dd:function r(t,e,p,n){return t+" "+(n||e?"nap":"napja")},M:function r(t,e,p,n){return"egy "+(n||e?"hónap":"hónapja")},MM:function r(t,e,p,n){return t+" "+(n||e?"hónap":"hónapja")},y:function r(t,e,p,n){return"egy "+(n||e?"év":"éve")},yy:function r(t,e,p,n){return t+" "+(n||e?"év":"éve")}},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY. MMMM D.",LLL:"YYYY. MMMM D. H:mm",LLLL:"YYYY. MMMM D., dddd H:mm"}};r.locale(t,null,true);export{t as default};
+//# sourceMappingURL=p-b615588c.js.map

package/dist/calcite/p-b7c95739.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.0
+ */
+import{d as a}from"./p-1fd82e40.js";import"./p-feaa3342.js";import"./p-0ab39cd2.js";import"./p-fabffdb8.js";import"./p-da42a1d3.js";import"./p-40ba79c9.js";import"./p-b59ac07e.js";import"./p-24883653.js";import"./p-ff0a44c9.js";import"./p-3ec3c585.js";import"./p-28d719cf.js";import"./p-4a9a2267.js";import"./p-aabb6968.js";import"./p-85e15bad.js";import"./p-1a44a92a.js";import"./p-cb13a39c.js";import"./p-068525a6.js";import"./p-62f0b65f.js";import"./p-f0e669a2.js";import"./p-ffcec441.js";import"./p-5805e360.js";var s={name:"lv",weekdays:"svētdiena_pirmdiena_otrdiena_trešdiena_ceturtdiena_piektdiena_sestdiena".split("_"),months:"janvāris_februāris_marts_aprīlis_maijs_jūnijs_jūlijs_augusts_septembris_oktobris_novembris_decembris".split("_"),weekStart:1,weekdaysShort:"Sv_P_O_T_C_Pk_S".split("_"),monthsShort:"jan_feb_mar_apr_mai_jūn_jūl_aug_sep_okt_nov_dec".split("_"),weekdaysMin:"Sv_P_O_T_C_Pk_S".split("_"),ordinal:function a(s){return s},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY.",LL:"YYYY. [gada] D. MMMM",LLL:"YYYY. [gada] D. MMMM, HH:mm",LLLL:"YYYY. [gada] D. MMMM, dddd, HH:mm"},relativeTime:{future:"pēc %s",past:"pirms %s",s:"dažām sekundēm",m:"minūtes",mm:"%d minūtēm",h:"stundas",hh:"%d stundām",d:"dienas",dd:"%d dienām",M:"mēneša",MM:"%d mēnešiem",y:"gada",yy:"%d gadiem"}};a.locale(s,null,true);export{s as default};
+//# sourceMappingURL=p-b7c95739.js.map

package/dist/calcite/p-ba93ff26.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.0
+ */
+import{d as e}from"./p-1fd82e40.js";import"./p-feaa3342.js";import"./p-0ab39cd2.js";import"./p-fabffdb8.js";import"./p-da42a1d3.js";import"./p-40ba79c9.js";import"./p-b59ac07e.js";import"./p-24883653.js";import"./p-ff0a44c9.js";import"./p-3ec3c585.js";import"./p-28d719cf.js";import"./p-4a9a2267.js";import"./p-aabb6968.js";import"./p-85e15bad.js";import"./p-1a44a92a.js";import"./p-cb13a39c.js";import"./p-068525a6.js";import"./p-62f0b65f.js";import"./p-f0e669a2.js";import"./p-ffcec441.js";import"./p-5805e360.js";var m={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"}};e.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-ba93ff26.js.map

package/dist/calcite/p-bdebb7dd.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.0
+ */
+import{d as a}from"./p-1fd82e40.js";import"./p-feaa3342.js";import"./p-0ab39cd2.js";import"./p-fabffdb8.js";import"./p-da42a1d3.js";import"./p-40ba79c9.js";import"./p-b59ac07e.js";import"./p-24883653.js";import"./p-ff0a44c9.js";import"./p-3ec3c585.js";import"./p-28d719cf.js";import"./p-4a9a2267.js";import"./p-aabb6968.js";import"./p-85e15bad.js";import"./p-1a44a92a.js";import"./p-cb13a39c.js";import"./p-068525a6.js";import"./p-62f0b65f.js";import"./p-f0e669a2.js";import"./p-ffcec441.js";import"./p-5805e360.js";function t(a,t,e,s){var p={s:["mõne sekundi","mõni sekund","paar sekundit"],m:["ühe minuti","üks minut"],mm:["%d minuti","%d minutit"],h:["ühe tunni","tund aega","üks tund"],hh:["%d tunni","%d tundi"],d:["ühe päeva","üks päev"],M:["kuu aja","kuu aega","üks kuu"],MM:["%d kuu","%d kuud"],y:["ühe aasta","aasta","üks aasta"],yy:["%d aasta","%d aastat"]};if(t){return(p[e][2]?p[e][2]:p[e][1]).replace("%d",a)}return(s?p[e][0]:p[e][1]).replace("%d",a)}var e={name:"et",weekdays:"pühapäev_esmaspäev_teisipäev_kolmapäev_neljapäev_reede_laupäev".split("_"),weekdaysShort:"P_E_T_K_N_R_L".split("_"),weekdaysMin:"P_E_T_K_N_R_L".split("_"),months:"jaanuar_veebruar_märts_aprill_mai_juuni_juuli_august_september_oktoober_november_detsember".split("_"),monthsShort:"jaan_veebr_märts_apr_mai_juuni_juuli_aug_sept_okt_nov_dets".split("_"),ordinal:function a(t){return t+"."},weekStart:1,relativeTime:{future:"%s pärast",past:"%s tagasi",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:"%d päeva",M:t,MM:t,y:t,yy:t},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"}};a.locale(e,null,true);export{e as default};
+//# sourceMappingURL=p-bdebb7dd.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.0
+ */
+import{r as e,c as i,h as t,H as c,g as a}from"./p-feaa3342.js";import{b as n,t as s}from"./p-fabffdb8.js";import{a as l,s as o,c as r}from"./p-4a9a2267.js";import{u as d,c as p,d as h,s as g}from"./p-62f0b65f.js";import{c as m,u as v,d as u,I as f}from"./p-b59ac07e.js";import{c as b,d as x}from"./p-aabb6968.js";import{i as k}from"./p-ff0a44c9.js";import{g as y}from"./p-28d719cf.js";import{i as z}from"./p-24883653.js";import"./p-da42a1d3.js";import"./p-40ba79c9.js";import"./p-85e15bad.js";const w={title:"title",close:"close",imageContainer:"image-container",chipIcon:"chip-icon",textSlotted:"text--slotted",container:"container",imageSlotted:"image--slotted",closable:"closable",multiple:"multiple",single:"single",selectable:"selectable",selectIcon:"select-icon",selectIconActive:"select-icon--active",nonInteractive:"non-interactive",isCircle:"is-circle",selected:"selected"};const C={image:"image"};const j={close:"x",checkedSingle:"circle-f",uncheckedMultiple:"square",checkedMultiple:"check-square-f"};const I=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.container,.select-icon,.title{padding-inline-start:var(--calcite-internal-chip-padding-start);padding-inline-end:var(--calcite-internal-chip-padding-end)}.select-icon:not(.select-icon--active){padding-inline:0}:host([scale=s]){block-size:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-s-internal:0.25rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale=s]) .close,:host([scale=s]) .select-icon--active{block-size:1rem;inline-size:1rem}:host([scale=s]) .image-container{block-size:1.25rem;inline-size:1.25rem}:host([scale=s]) .container.is-circle,:host([scale=s]) .container.is-circle.image--slotted{block-size:1.5rem;inline-size:1.5rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-px)}:host([scale=s]) .multiple .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .multiple.image--slotted .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=s]) .multiple.image--slotted.text--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container.image--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-xs)}:host([scale=s]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active{padding-inline-start:var(--calcite-spacing-base);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s][closable]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=m]){block-size:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-s-internal:0.375rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale=m]) .close,:host([scale=m]) .image-container,:host([scale=m]) .select-icon--active{block-size:1.5rem;inline-size:1.5rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=m]) .container.is-circle,:host([scale=m]) .container.is-circle.image--slotted{block-size:2rem;inline-size:2rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-px)}:host([scale=m]) .multiple .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-base);--calcite-internal-chip-padding-end:var(--calcite-spacing-base)}:host([scale=m]) .multiple.image--slotted .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=m]) .multiple.image--slotted.text--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=m]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=m]) .container.image--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=m]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-px)}:host([scale=m]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m][closable]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]){block-size:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-s-internal:0.5rem;--calcite-chip-spacing-l-internal:0.75rem}:host([scale=l]) .image-container,:host([scale=l]) .close,:host([scale=l]) .select-icon--active{block-size:2rem;inline-size:2rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]) .container.is-circle,:host([scale=l]) .container.is-circle.image--slotted{block-size:2.75rem;inline-size:2.75rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]) .multiple .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]) .multiple.image--slotted .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-md)}:host([scale=l]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-sm);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=l]) .container.image--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=l]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=l]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][closable]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-sm);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host{display:inline-flex;cursor:default;border-radius:9999px}.container{box-sizing:border-box;display:inline-flex;block-size:100%;max-inline-size:100%;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);font-weight:var(--calcite-font-weight-medium);outline-color:transparent}.container.selectable{cursor:pointer}.container:not(.non-interactive):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .container.selectable.single.image--slotted{--calcite-internal-chip-padding-end:calc(0.125rem / 2)}:host([scale=s]) .container:not(.selected):not(.multiple).image--slotted{--calcite-internal-chip-padding-start:calc(0.125rem / 2)}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--calcite-internal-chip-padding-start:var(--calcite-chip-spacing-s-internal);--calcite-internal-chip-padding-end:var(--calcite-chip-spacing-s-internal)}.container:not(.text--slotted) .title{display:none}.container:not(.image--slotted) .image-container{display:none}.container:not(.is-circle).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).image--slotted .image-container~.chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).selectable:not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.selectable):not(.text--slotted) .chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text-slotted).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container{margin-inline-end:0}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container~.chip-icon{margin-inline-start:calc(var(--calcite-chip-spacing-s-internal) * 2)}.chip-icon{position:relative;margin-block:0px;display:inline-flex;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline:var(--calcite-chip-spacing-s-internal)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none}.close{margin:0px;cursor:pointer;align-items:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-1);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;display:flex;border-radius:50%;align-content:center;justify-content:center;--calcite-chip-transparent-hover:var(--calcite-color-transparent-hover);--calcite-chip-transparent-press:var(--calcite-color-transparent-press);--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}.close:hover{background-color:var(--calcite-chip-transparent-hover)}.close:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:active{background-color:var(--calcite-chip-transparent-press)}.close calcite-icon{color:inherit}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:relative;visibility:hidden;inline-size:0;opacity:0;transition:opacity 0.15s ease-in-out, inline-size 0.15s ease-in-out}.select-icon.select-icon--active{visibility:visible;opacity:0.5}:host([selected]) .select-icon{opacity:1}.container:hover .select-icon--active{opacity:1}.multiple .select-icon{display:flex;align-items:center;justify-content:center}slot[name=image]::slotted(*){display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}:host([kind=neutral]){background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host([kind=neutral]) .container{border-color:transparent}:host([kind=neutral]) .close{color:var(--calcite-color-text-3)}:host([kind=neutral]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-3))}:host([kind=inverse]){background-color:var(--calcite-color-inverse);color:var(--calcite-color-text-inverse)}:host([kind=inverse]) .container{border-color:transparent}:host([kind=inverse]) .close{color:var(--calcite-color-text-inverse)}:host([kind=inverse]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-inverse))}:host([kind=brand]){background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind=brand]) .container{border-color:transparent}:host([kind=brand]) .close{color:var(--calcite-color-text-inverse)}:host([kind=brand]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-inverse))}:host([appearance=outline-fill]),:host([appearance=outline]){background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}:host([appearance=outline-fill]) .close,:host([appearance=outline]) .close{color:var(--calcite-color-text-3)}:host([appearance=outline-fill]) .chip-icon,:host([appearance=outline]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-color-text-3))}:host([appearance=outline-fill]){background-color:var(--calcite-color-foreground-1)}:host([appearance=outline]){background-color:transparent}:host([kind=neutral][appearance=outline-fill]) .container,:host([kind=neutral][appearance=outline]) .container{border-color:var(--calcite-color-border-1)}:host([kind=inverse][appearance=outline-fill]) .container,:host([kind=inverse][appearance=outline]) .container{border-color:var(--calcite-color-border-inverse)}:host([kind=brand][appearance=outline-fill]) .container,:host([kind=brand][appearance=outline]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand][appearance=solid]) button,:host([kind=inverse][appearance=solid]) button{outline-color:var(--calcite-color-text-inverse)}:host([closed]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const S=I;const L=class{constructor(t){e(this,t);this.calciteChipClose=i(this,"calciteChipClose",6);this.calciteChipSelect=i(this,"calciteChipSelect",6);this.calciteInternalChipKeyEvent=i(this,"calciteInternalChipKeyEvent",6);this.calciteInternalChipSelect=i(this,"calciteInternalChipSelect",6);this.calciteInternalSyncSelectedChips=i(this,"calciteInternalSyncSelectedChips",6);this.handleDefaultSlotChange=()=>{this.updateHasText()};this.close=()=>{this.calciteChipClose.emit();this.selected=false;this.closed=true};this.closeButtonKeyDownHandler=e=>{if(k(e.key)){e.preventDefault();this.close()}};this.handleSlotImageChange=e=>{this.hasImage=n(e)};this.handleEmittingEvent=()=>{if(this.interactive){this.calciteChipSelect.emit()}};this.disabled=false;this.appearance="solid";this.kind="neutral";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.label=undefined;this.value=undefined;this.closed=false;this.selectionMode="none";this.selected=false;this.messageOverrides=undefined;this.messages=undefined;this.interactive=false;this.parentChipGroup=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false;this.hasImage=false}watchSelected(e){if(this.selectionMode==="none"){return}this.handleSelectionPropertyChange(e)}onMessagesChange(){}effectiveLocaleChange(){d(this,this.effectiveLocale)}connectedCallback(){m(this);b(this);p(this)}componentDidLoad(){l(this);if(this.selectionMode!=="none"&&this.interactive&&this.selected){this.handleSelectionPropertyChange(this.selected)}}componentDidRender(){v(this)}disconnectedCallback(){u(this);x(this);h(this)}async componentWillLoad(){o(this);if(z()){await g(this);this.updateHasText()}}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.handleEmittingEvent();e.preventDefault();break;case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalChipKeyEvent.emit(e);e.preventDefault();break}}}clickHandler(){if(!this.interactive&&this.closable){this.closeButtonEl.focus()}}async setFocus(){await r(this);if(!this.disabled&&this.interactive){this.containerEl?.focus()}else if(!this.disabled&&this.closable){this.closeButtonEl?.focus()}}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSelectionPropertyChange(e){if(this.selectionMode==="single"){this.calciteInternalSyncSelectedChips.emit()}const i=this.parentChipGroup.selectedItems.includes(this.el);if(!i&&e&&this.selectionMode!=="multiple"){this.calciteInternalChipSelect.emit()}if(this.selectionMode!=="single"){this.calciteInternalSyncSelectedChips.emit()}}renderChipImage(){return t("div",{class:w.imageContainer},t("slot",{name:C.image,onSlotchange:this.handleSlotImageChange}))}renderSelectionIcon(){const e=this.selectionMode==="multiple"?this.selected?j.checkedMultiple:j.uncheckedMultiple:this.selected?j.checkedSingle:undefined;return t("div",{class:{[w.selectIcon]:true,[w.selectIconActive]:this.selectionMode==="multiple"||this.selected}},e?t("calcite-icon",{icon:e,scale:y(this.scale)}):null)}renderCloseButton(){return t("button",{"aria-label":this.messages.dismissLabel,class:w.close,onClick:this.close,onKeyDown:this.closeButtonKeyDownHandler,ref:e=>this.closeButtonEl=e,tabIndex:this.disabled?-1:0},t("calcite-icon",{icon:j.close,scale:y(this.scale)}))}renderIcon(){return t("calcite-icon",{class:w.chipIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:y(this.scale)})}render(){const{disabled:e}=this;const i=e||!e&&!this.interactive;const a=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":undefined;return t(c,{key:"6d76da5a2ae7a51ceffa4d1ca67d2f610b900a1c"},t(f,{key:"fd0190d60cffb6d0f564a91f55b0e4f69663fb5b",disabled:e},t("div",{key:"825b342318201ee13735f9b6e830f26b0fb4e137","aria-checked":this.selectionMode!=="none"&&this.interactive?s(this.selected):undefined,"aria-disabled":i?s(e):undefined,"aria-label":this.label,class:{[w.container]:true,[w.textSlotted]:this.hasText,[w.imageSlotted]:this.hasImage,[w.selectable]:this.selectionMode!=="none",[w.multiple]:this.selectionMode==="multiple",[w.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[w.selected]:this.selected,[w.closable]:this.closable,[w.nonInteractive]:!this.interactive,[w.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)},onClick:this.handleEmittingEvent,ref:e=>this.containerEl=e,role:a,tabIndex:i?-1:0},this.selectionMode!=="none"&&this.renderSelectionIcon(),this.renderChipImage(),this.icon&&this.renderIcon(),t("span",{key:"0b3d668d66e359ecc3690ad87033e7e49a9250ef",class:w.title},t("slot",{key:"ff1af06039b94df6108f5e371e23ad9debfd388e",onSlotchange:this.handleDefaultSlotChange})),this.closable&&this.renderCloseButton())))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{selected:["watchSelected"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};L.style=S;export{L as calcite_chip};
+//# sourceMappingURL=p-bf178bbf.entry.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.0
+ */
+import{r as i,h as t,H as e,g as s}from"./p-feaa3342.js";import{h as n}from"./p-fabffdb8.js";import"./p-da42a1d3.js";import"./p-40ba79c9.js";const a={valid:"check-circle",invalid:"exclamation-mark-triangle",idle:"information"};const o=":host{box-sizing:border-box;display:flex;block-size:auto;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);opacity:1;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;--calcite-input-message-spacing-value:0.25rem;margin-block-start:var(--calcite-input-message-spacing-value)}.calcite-input-message-icon{pointer-events:none;display:inline-flex;flex-shrink:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-color-status-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-color-status-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-color-status-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-color-brand)}:host([scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([hidden]){display:none}[hidden]{display:none}";const c=o;const l=class{constructor(t){i(this,t);this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.status="idle"}handleIconEl(){this.requestedIcon=n(a,this.icon,this.status)}connectedCallback(){this.requestedIcon=n(a,this.icon,this.status)}render(){const i=this.el.hidden;return t(e,{key:"807f74f1838b74f514cb6c79b91be23d634a7a9a","calcite-hydrated-hidden":i},this.renderIcon(this.requestedIcon),t("slot",{key:"15aa8635b2a9646f5b0b02d47e255073789799ef"}))}renderIcon(i){if(i){return t("calcite-icon",{class:"calcite-input-message-icon",flipRtl:this.iconFlipRtl,icon:i,scale:"s"})}}get el(){return s(this)}static get watchers(){return{status:["handleIconEl"],icon:["handleIconEl"]}}};l.style=c;export{l as calcite_input_message};
+//# sourceMappingURL=p-bfc80fce.entry.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.0
+ */
+import{r as e,c as t,h as i,g as s}from"./p-feaa3342.js";import{f as a}from"./p-08e7a84c.js";import{c as n,u as o,d as r,I as c}from"./p-b59ac07e.js";import{s as l,a as d,c as h}from"./p-4a9a2267.js";import{c as p,d as f}from"./p-aabb6968.js";import{u as m,s as b,c as u,d as g}from"./p-62f0b65f.js";import{D as y}from"./p-40ba79c9.js";import{d as v}from"./p-545d2866.js";import"./p-24883653.js";import"./p-fabffdb8.js";import"./p-da42a1d3.js";import"./p-ff0a44c9.js";import"./p-85e15bad.js";const x={container:"container",searchIcon:"search-icon"};const j={search:"search",close:"x"};const k=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);padding-inline-end:0.25rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-color-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-color-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-color-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}";const w=k;const z=class{constructor(i){e(this,i);this.calciteFilterChange=t(this,"calciteFilterChange",6);this.filterDebounced=v(((e,t=false,i)=>this.items.length&&this.updateFiltered(a(this.items,e,this.filterProps),t,i)),y.filter);this.inputHandler=e=>{const t=e.target;this.value=t.value;this.filterDebounced(t.value,true)};this.keyDownHandler=e=>{if(e.defaultPrevented){return}if(e.key==="Escape"){this.clear();e.preventDefault()}if(e.key==="Enter"){e.preventDefault()}};this.clear=()=>{this.value="";this.filterDebounced("",true);this.setFocus()};this.items=[];this.disabled=false;this.filteredItems=[];this.filterProps=undefined;this.placeholder=undefined;this.scale="m";this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}watchItemsHandler(){this.filterDebounced(this.value)}filterPropsHandler(){this.filterDebounced(this.value)}onMessagesChange(){}valueHandler(e){this.filterDebounced(e)}effectiveLocaleChange(){m(this,this.effectiveLocale)}async componentWillLoad(){l(this);if(this.items.length){this.updateFiltered(a(this.items,this.value,this.filterProps))}await b(this)}connectedCallback(){n(this);p(this);u(this)}componentDidRender(){o(this)}disconnectedCallback(){r(this);f(this);g(this);this.filterDebounced.cancel()}componentDidLoad(){d(this)}async filter(e=this.value){return new Promise((t=>{this.value=e;this.filterDebounced(e,false,t)}))}async setFocus(){await h(this);this.el?.focus()}updateFiltered(e,t=false,i){this.filteredItems=e;if(t){this.calciteFilterChange.emit()}i?.()}render(){const{disabled:e,scale:t}=this;return i(c,{key:"45e216d51b5b12ddc4295ade0be6dd451aeef851",disabled:e},i("div",{key:"72a041cd4c1a9afcc3e20dc48719024fa0bd91d8",class:x.container},i("label",{key:"94096613f5abe9d5334b47986556a7d8aaac4556"},i("calcite-input",{key:"cb61179b03fca1436146f80a96adc6177fb92a2e",clearable:true,disabled:e,icon:j.search,label:this.messages.label,messageOverrides:{clear:this.messages.clear},onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,ref:e=>{this.textInput=e},scale:t,type:"text",value:this.value}))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{items:["watchItemsHandler"],filterProps:["filterPropsHandler"],messageOverrides:["onMessagesChange"],value:["valueHandler"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=w;export{z as calcite_filter};
+//# sourceMappingURL=p-c0544496.entry.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.0
+ */
+import{r as e,c as t,h as o,g as i}from"./p-feaa3342.js";import{c as n,d as s}from"./p-98d0170e.js";import{h as a,e as c}from"./p-fabffdb8.js";import{s as l,a as r,c as d}from"./p-4a9a2267.js";import{c as h,d as f}from"./p-aabb6968.js";import{c as g,d as p,s as m,u as b}from"./p-62f0b65f.js";import{K as u}from"./p-3f7cc787.js";import{o as k}from"./p-f0e669a2.js";import{g as v}from"./p-28d719cf.js";import"./p-85e15bad.js";import"./p-24883653.js";import"./p-da42a1d3.js";import"./p-40ba79c9.js";import"./p-ff0a44c9.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0 solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;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;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;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;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;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;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=z;const j=class{constructor(o){e(this,o);this.calciteNoticeBeforeClose=t(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=t(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=t(this,"calciteNoticeClose",6);this.calciteNoticeOpen=t(this,"calciteNoticeOpen",6);this.setTransitionEl=e=>{this.transitionEl=e};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){k(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=a(u,this.icon,this.kind)}connectedCallback(){n(this);h(this);g(this)}disconnectedCallback(){s(this);f(this);p(this)}async componentWillLoad(){l(this);this.requestedIcon=a(u,this.icon,this.kind);await m(this);if(this.open){k(this)}}componentDidLoad(){r(this)}render(){const{el:e}=this;const t=o("button",{key:"4de511d4d93ee2078a4ed0d5fee2397d4d433691","aria-label":this.messages.close,class:w.close,onClick:this.close,ref:e=>this.closeButton=e},o("calcite-icon",{key:"bb983d2377b1f8c20b9d23cb63f258b4b6a670d9",icon:"x",scale:v(this.scale)}));const i=c(e,x.actionsEnd);return o("div",{key:"d83f3161115f422c6a6bc8591a2763f0ab17dd83",class:w.container,ref:this.setTransitionEl},this.requestedIcon?o("div",{class:w.icon},o("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:v(this.scale)})):null,o("div",{key:"3851d512eaea58676aa7c3de513e4aedf4e644c9",class:w.content},o("slot",{key:"6393d41eb420b92fc94467c108fc5aa4ab6e941c",name:x.title}),o("slot",{key:"f750570f0675e9f3ef9f76ed8362e848e5c6311c",name:x.message}),o("slot",{key:"2c8ded4623c885d3b2d9897c7c402f96dffbc8d7",name:x.link})),i?o("div",{class:w.actionsEnd},o("slot",{name:x.actionsEnd})):null,this.closable?t:null)}async setFocus(){await d(this);const e=this.el.querySelector("calcite-link");if(!this.closeButton&&!e){return}if(e){return e.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){b(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=y;export{j as calcite_notice};
+//# sourceMappingURL=p-c0832ec7.entry.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.0
+ */
+import{r as t,c as e,h as s,H as i,g as n}from"./p-feaa3342.js";import{c as a,d as o}from"./p-3ec3c585.js";import{u as r,I as h}from"./p-b59ac07e.js";import{e as l,c,d as u}from"./p-aabb6968.js";import{u as d,c as f,d as m,s as p}from"./p-62f0b65f.js";import{c as b,s as g,a as y}from"./p-4a9a2267.js";import{c as C,d as T,a as v,H as I}from"./p-0ab39cd2.js";import"./p-fabffdb8.js";import"./p-da42a1d3.js";import"./p-40ba79c9.js";import"./p-28d719cf.js";import"./p-24883653.js";import"./p-ff0a44c9.js";import"./p-85e15bad.js";const w={offset:"offset"};const j=60;const D=["CET","CST6CDT","EET","EST","EST5EDT","Factory","HST","MET","MST","MST7MDT","PST8PDT","UTC","WET"];function Z(t){const e="−";const s="-";return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace(e,s)}function x(t,e){const s=N(t,"en-US",e).replace("GMT","");if(s===""){return 0}return Number(Z(s))*j}function k(){const t=new Date;return t.getTimezoneOffset()*-1}function M(){const t=new Intl.DateTimeFormat;return t.resolvedOptions().timeZone}let E;let L;let S;async function B(t,e,s,i,n){if(s==="name"){if(!S){S=import("./p-0b00a824.js")}return S.then((async({groupByName:t})=>{const e=await t();return e.map((({label:t})=>{const e=z(t);const s=t;return{label:e,value:s,filterValue:t}})).filter((t=>!!t)).sort()}))}const a=n==="user"?t:n==="utc"?"fr":"en-GB";const o=i.getTime();if(s==="region"){if(!L){L=Promise.all([import("./p-722a7ae1.js"),import("./p-617240a9.js")])}return L.then((async([{groupByRegion:t},{getCountry:s}])=>{const i=await t();return i.map((({label:t,tzs:i})=>({label:t,items:i.map((t=>{const i=Z(N(t,a,o));return{label:O(t,e),value:t,filterValue:z(t),metadata:{offset:i,country:s(t)}}}))}))).sort(((t,e)=>t.label.localeCompare(e.label)))}))}if(!E){E=Promise.all([import("./p-372e4eb1.js"),import("./p-44645a1e.js")])}return E.then((async([{groupByOffset:s},{DateEngine:i}])=>{const n=await s({dateEngine:new i,groupDateRange:1,startDate:new Date(o).toISOString()});const r=new Intl.ListFormat(t,{style:"long",type:"conjunction"});n.forEach((t=>{const e=[];let s=0;t.tzs.forEach(((t,i)=>{if(D.includes(t)){s++}e[i]=s}));t.tzs=t.tzs.filter((t=>!D.includes(t)));t.labelTzIdx=t.labelTzIdx.map((t=>t-e[t])).filter((e=>e>=0&&e<t.tzs.length))}));return n.map((({labelTzIdx:t,tzs:s})=>{const i=s[0];const n=Z(N(i,a,o));const h=x(i,o);const l=t.map((t=>O(s[t],e)));const c=V(e,n,r.format(l));return{label:c,value:h,filterValue:s.map((t=>z(t)))}})).filter((t=>!!t)).sort(((t,e)=>t.value-e.value))}))}function O(t,e){return e[t]||P(t)}function P(t){return t.split("/").pop()}function z(t){return t.replace(/_/g," ")}function V(t,e,s){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",s)}function N(t,e,s=Date.now()){const i=l(e,{timeZone:t,timeZoneName:"shortOffset"});const n=i.formatToParts(s);return n.find((({type:t})=>t==="timeZoneName")).value}function R(t){return t.items!==undefined}function W(t){return R(t[0])?t.flatMap((t=>t.items)):t}function $(t,e,s){return s==null?null:W(t).find((t=>t[e]==s))}const _=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}.offset{white-space:nowrap}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";const F=_;const H=class{constructor(s){t(this,s);this.calciteInputTimeZoneBeforeClose=e(this,"calciteInputTimeZoneBeforeClose",6);this.calciteInputTimeZoneBeforeOpen=e(this,"calciteInputTimeZoneBeforeOpen",6);this.calciteInputTimeZoneChange=e(this,"calciteInputTimeZoneChange",6);this.calciteInputTimeZoneClose=e(this,"calciteInputTimeZoneClose",6);this.calciteInputTimeZoneOpen=e(this,"calciteInputTimeZoneOpen",6);this.setComboboxRef=t=>{this.comboboxEl=t};this.onComboboxBeforeClose=t=>{t.stopPropagation();this.calciteInputTimeZoneBeforeClose.emit()};this.onComboboxBeforeOpen=t=>{t.stopPropagation();this.calciteInputTimeZoneBeforeOpen.emit()};this.onComboboxChange=t=>{t.stopPropagation();const e=t.target;const s=e.selectedItems[0];if(!s){this.value=null;this.selectedTimeZoneItem=null;this.calciteInputTimeZoneChange.emit();return}const i=this.findTimeZoneItemByLabel(s.textLabel);const n=`${i.value}`;if(this.value===n&&i.label===this.selectedTimeZoneItem.label){return}this.value=n;this.selectedTimeZoneItem=i;this.calciteInputTimeZoneChange.emit()};this.onComboboxClose=t=>{t.stopPropagation();this.open=false;this.calciteInputTimeZoneClose.emit()};this.onComboboxOpen=t=>{this.open=true;t.stopPropagation();this.calciteInputTimeZoneOpen.emit()};this.clearable=false;this.disabled=false;this.form=undefined;this.maxItems=0;this.messages=undefined;this.messageOverrides=undefined;this.mode="offset";this.offsetStyle="user";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.open=false;this.overlayPositioning="absolute";this.referenceDate=undefined;this.required=false;this.scale="m";this.status="idle";this.value=undefined;this.readOnly=false;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}handleTimeZoneItemPropsChange(){this.updateTimeZoneItemsAndSelection()}handleValueChange(t,e){t=this.normalizeValue(t);if(!t&&this.clearable){this.value=t;this.selectedTimeZoneItem=null;return}const s=this.findTimeZoneItem(t);if(!s){this.value=e;return}this.selectedTimeZoneItem=s}async setFocus(){await b(this);await this.comboboxEl.setFocus()}effectiveLocaleWatcher(){d(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}findTimeZoneItem(t){return $(this.timeZoneItems,"value",t)}findTimeZoneItemByLabel(t){return $(this.timeZoneItems,"label",t)}async updateTimeZoneItemsAndSelection(){this.timeZoneItems=await this.createTimeZoneItems();if(this.value===""&&this.clearable){this.selectedTimeZoneItem=null;return}const t=this.mode==="offset"?k():M();const e=this.value??t;this.selectedTimeZoneItem=this.findTimeZoneItem(e)||this.findTimeZoneItem(t)}async createTimeZoneItems(){if(!this.effectiveLocale||!this.messages){return[]}return B(this.effectiveLocale,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()),this.offsetStyle)}connectedCallback(){C(this);a(this);c(this);f(this)}disconnectedCallback(){T(this);o(this);u(this);m(this)}normalizeValue(t){return t===null?"":t}async componentWillLoad(){g(this);await p(this);this.value=this.normalizeValue(this.value);await this.updateTimeZoneItemsAndSelection();const t=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:null;v(this,t);this.value=t}componentDidLoad(){y(this)}componentDidRender(){r(this)}render(){return s(i,{key:"9af055f0419e72ab0dd2fea8efd7177405e7a7cd"},s(h,{key:"d416be6665a8a5f2866eee008325b20e7e71e805",disabled:this.disabled},s("calcite-combobox",{key:"7bba7ae54688db8a5ed593318b8a1a838a0d091b",clearDisabled:!this.clearable,disabled:this.disabled,label:this.messages.chooseTimeZone,lang:this.effectiveLocale,maxItems:this.maxItems,onCalciteComboboxBeforeClose:this.onComboboxBeforeClose,onCalciteComboboxBeforeOpen:this.onComboboxBeforeOpen,onCalciteComboboxChange:this.onComboboxChange,onCalciteComboboxClose:this.onComboboxClose,onCalciteComboboxOpen:this.onComboboxOpen,open:this.open,overlayPositioning:this.overlayPositioning,placeholder:this.mode==="name"?this.messages.namePlaceholder:this.mode==="offset"?this.messages.offsetPlaceholder:this.messages.regionPlaceholder,placeholderIcon:"search",readOnly:this.readOnly,ref:this.setComboboxRef,scale:this.scale,selectionMode:this.clearable?"single":"single-persist",status:this.status,"validation-icon":this.validationIcon,"validation-message":this.validationMessage},this.renderItems()),s(I,{key:"e30f87665c9c4617a96ffc6c459619d241226129",component:this})))}renderItems(){if(this.mode==="region"){return this.renderRegionItems()}return this.timeZoneItems.map((t=>{const e=this.selectedTimeZoneItem===t;const{label:i,value:n}=t;return s("calcite-combobox-item",{"data-value":n,key:i,selected:e,textLabel:i,value:`${t.filterValue}`})}))}renderRegionItems(){return this.timeZoneItems.flatMap((({label:t,items:e})=>s("calcite-combobox-item-group",{key:t,label:t},e.map((t=>{const e=this.selectedTimeZoneItem===t;const{label:i,value:n}=t;return s("calcite-combobox-item",{"data-value":n,description:this.messages[t.metadata.country]||t.metadata.country,key:i,metadata:t.metadata,selected:e,textLabel:i,value:`${t.filterValue}`},s("span",{class:w.offset,slot:"content-end"},t.metadata.offset))})))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],messages:["handleTimeZoneItemPropsChange"],mode:["handleTimeZoneItemPropsChange"],referenceDate:["handleTimeZoneItemPropsChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};H.style=F;export{H as calcite_input_time_zone};
+//# sourceMappingURL=p-c0920fd1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","offset","hourToMinutes","timeZoneNameBlockList","timeZoneOffsetToDecimal","shortOffsetTimeZoneName","minusSign","hyphen","replace","toOffsetValue","timeZoneName","referenceDateInMs","getTimeZoneShortOffset","Number","getUserTimeZoneOffset","localDate","Date","getTimezoneOffset","getUserTimeZoneName","dateFormatter","Intl","DateTimeFormat","resolvedOptions","timeZone","offsetGroupUtils","regionGroupUtils","nameGroupUtils","async","createTimeZoneItems","locale","messages","mode","referenceDate","standardTime","import","then","groupByName","groups","map","label","toUserFriendlyName","value","filterValue","filter","group","sort","effectiveLocale","getTime","Promise","all","groupByRegion","getCountry","region","tzs","items","decimalOffset","getTimeZoneLabel","metadata","country","groupA","groupB","localeCompare","groupByOffset","DateEngine","dateEngine","groupDateRange","startDate","toISOString","listFormatter","ListFormat","style","type","forEach","indexOffsets","removedSoFar","tz","index","includes","labelTzIdx","length","groupRepTz","tzLabels","createTimeZoneOffsetLabel","format","getCity","split","pop","offsetLabel","groupLabel","timeZoneLabel","now","dateTimeFormat","getDateTimeFormat","parts","formatToParts","find","isGroup","item","undefined","flattenTimeZoneItems","timeZoneItems","flatMap","findTimeZoneItemByProp","prop","valueToMatch","inputTimeZoneCss","CalciteInputTimeZoneStyle0","InputTimeZone","this","setComboboxRef","el","comboboxEl","onComboboxBeforeClose","event","stopPropagation","calciteInputTimeZoneBeforeClose","emit","onComboboxBeforeOpen","calciteInputTimeZoneBeforeOpen","onComboboxChange","combobox","target","selectedItem","selectedItems","selectedTimeZoneItem","calciteInputTimeZoneChange","selected","findTimeZoneItemByLabel","textLabel","selectedValue","onComboboxClose","open","calciteInputTimeZoneClose","onComboboxOpen","calciteInputTimeZoneOpen","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","onMessagesChange","handleTimeZoneItemPropsChange","updateTimeZoneItemsAndSelection","handleValueChange","oldValue","normalizeValue","clearable","timeZoneItem","findTimeZoneItem","setFocus","componentFocusable","effectiveLocaleWatcher","updateMessages","onLabelClick","fallbackValue","offsetStyle","connectedCallback","connectForm","connectLabel","connectLocalized","connectMessages","disconnectedCallback","disconnectForm","disconnectLabel","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","render","h","Host","key","InteractiveContainer","disabled","clearDisabled","chooseTimeZone","lang","maxItems","onCalciteComboboxBeforeClose","onCalciteComboboxBeforeOpen","onCalciteComboboxChange","onCalciteComboboxClose","onCalciteComboboxOpen","overlayPositioning","placeholder","namePlaceholder","offsetPlaceholder","regionPlaceholder","placeholderIcon","readOnly","ref","scale","selectionMode","status","validationIcon","validationMessage","renderItems","HiddenFormInputSlot","component","renderRegionItems","description","class","slot"],"sources":["src/components/input-time-zone/resources.ts","src/components/input-time-zone/utils.ts","src/components/input-time-zone/input-time-zone.scss?tag=calcite-input-time-zone&encapsulation=shadow","src/components/input-time-zone/input-time-zone.tsx"],"sourcesContent":["export const CSS = {\n  offset: \"offset\",\n};\n","import { getDateTimeFormat, SupportedLocale } from \"../../utils/locale\";\nimport { OffsetStyle, TimeZone, TimeZoneItem, TimeZoneItemGroup, TimeZoneMode } from \"./interfaces\";\nimport { InputTimeZoneMessages } from \"./assets/input-time-zone/t9n\";\n\nconst hourToMinutes = 60;\n\nconst timeZoneNameBlockList = [\n  \"CET\",\n  \"CST6CDT\",\n  \"EET\",\n  \"EST\",\n  \"EST5EDT\",\n  \"Factory\",\n  \"HST\",\n  \"MET\",\n  \"MST\",\n  \"MST7MDT\",\n  \"PST8PDT\",\n  \"UTC\",\n  \"WET\",\n];\n\nfunction timeZoneOffsetToDecimal(shortOffsetTimeZoneName: string): string {\n  const minusSign = \"−\";\n  const hyphen = \"-\";\n\n  return (\n    shortOffsetTimeZoneName\n      .replace(\":15\", \".25\")\n      .replace(\":30\", \".5\")\n      .replace(\":45\", \".75\")\n\n      // ensures decimal string representation is parseable\n      .replace(minusSign, hyphen)\n  );\n}\n\nfunction toOffsetValue(timeZoneName: TimeZone, referenceDateInMs: number): number {\n  // we use \"en-US\" to allow us to reliably remove the standard time token\n  const offset = getTimeZoneShortOffset(timeZoneName, \"en-US\", referenceDateInMs).replace(\"GMT\", \"\");\n\n  if (offset === \"\") {\n    return 0;\n  }\n\n  return Number(timeZoneOffsetToDecimal(offset)) * hourToMinutes;\n}\n\nexport function getUserTimeZoneOffset(): number {\n  const localDate = new Date();\n  return localDate.getTimezoneOffset() * -1;\n}\n\nexport function getUserTimeZoneName(): string {\n  const dateFormatter = new Intl.DateTimeFormat();\n  return dateFormatter.resolvedOptions().timeZone;\n}\n\n/**\n * The lazy-loaded timezone-groups lib to be used across instances.\n */\nlet offsetGroupUtils: Promise<\n  [\n    typeof import(\"timezone-groups/dist/groupByOffset/index.mjs\"),\n    typeof import(\"timezone-groups/dist/groupByOffset/strategy/native.mjs\"),\n  ]\n>;\nlet regionGroupUtils: Promise<\n  [\n    typeof import(\"timezone-groups/dist/groupByRegion/index.mjs\"),\n    typeof import(\"timezone-groups/dist/utils/country.mjs\"),\n  ]\n>;\nlet nameGroupUtils: Promise<typeof import(\"timezone-groups/dist/groupByName/index.mjs\")>;\n\nexport async function createTimeZoneItems(\n  locale: SupportedLocale,\n  messages: InputTimeZoneMessages,\n  mode: TimeZoneMode,\n  referenceDate: Date,\n  standardTime: OffsetStyle,\n): Promise<TimeZoneItem[] | TimeZoneItemGroup[]> {\n  if (mode === \"name\") {\n    if (!nameGroupUtils) {\n      nameGroupUtils = import(\"timezone-groups/dist/groupByName/index.mjs\");\n    }\n\n    return nameGroupUtils.then(async ({ groupByName }) => {\n      const groups = await groupByName();\n\n      return groups\n        .map<TimeZoneItem<string>>(({ label: timeZone }) => {\n          const label = toUserFriendlyName(timeZone);\n          const value = timeZone;\n\n          return {\n            label,\n            value,\n            filterValue: timeZone,\n          };\n        })\n        .filter((group) => !!group)\n        .sort();\n    });\n  }\n\n  const effectiveLocale =\n    standardTime === \"user\"\n      ? locale\n      : // we use locales that will always yield a short offset that matches `standardTime`\n        standardTime === \"utc\"\n        ? \"fr\"\n        : \"en-GB\";\n  const referenceDateInMs: number = referenceDate.getTime();\n\n  if (mode === \"region\") {\n    if (!regionGroupUtils) {\n      regionGroupUtils = Promise.all([\n        import(\"timezone-groups/dist/groupByRegion/index.mjs\"),\n        import(\"timezone-groups/dist/utils/country.mjs\"),\n      ]);\n    }\n\n    return regionGroupUtils.then(async ([{ groupByRegion }, { getCountry }]) => {\n      const groups = await groupByRegion();\n\n      return groups\n        .map<TimeZoneItemGroup>(({ label: region, tzs }) => {\n          return {\n            label: region,\n            items: tzs.map((timeZone) => {\n              const decimalOffset = timeZoneOffsetToDecimal(\n                getTimeZoneShortOffset(timeZone, effectiveLocale, referenceDateInMs),\n              );\n\n              return {\n                label: getTimeZoneLabel(timeZone, messages),\n                value: timeZone,\n                filterValue: toUserFriendlyName(timeZone),\n                metadata: {\n                  offset: decimalOffset,\n                  country: getCountry(timeZone),\n                },\n              };\n            }),\n          };\n        })\n        .sort((groupA, groupB) => groupA.label.localeCompare(groupB.label));\n    });\n  }\n\n  if (!offsetGroupUtils) {\n    offsetGroupUtils = Promise.all([\n      import(\"timezone-groups/dist/groupByOffset/index.mjs\"),\n      import(\"timezone-groups/dist/groupByOffset/strategy/native/index.mjs\"),\n    ]);\n  }\n\n  return offsetGroupUtils.then(async ([{ groupByOffset }, { DateEngine }]) => {\n    const groups = await groupByOffset({\n      dateEngine: new DateEngine(),\n      groupDateRange: 1,\n      startDate: new Date(referenceDateInMs).toISOString(),\n    });\n\n    const listFormatter = new Intl.ListFormat(locale, { style: \"long\", type: \"conjunction\" });\n\n    // we remove blocked entries from tzs and adjust label indices accordingly\n    groups.forEach((group) => {\n      const indexOffsets: number[] = [];\n      let removedSoFar = 0;\n\n      group.tzs.forEach((tz, index) => {\n        if (timeZoneNameBlockList.includes(tz)) {\n          removedSoFar++;\n        }\n        indexOffsets[index] = removedSoFar;\n      });\n\n      group.tzs = group.tzs.filter((tz) => !timeZoneNameBlockList.includes(tz));\n\n      group.labelTzIdx = group.labelTzIdx\n        .map((index) => index - indexOffsets[index])\n        .filter((index) => index >= 0 && index < group.tzs.length);\n    });\n\n    return groups\n      .map<TimeZoneItem<number>>(({ labelTzIdx, tzs }) => {\n        const groupRepTz = tzs[0];\n        const decimalOffset = timeZoneOffsetToDecimal(\n          getTimeZoneShortOffset(groupRepTz, effectiveLocale, referenceDateInMs),\n        );\n        const value = toOffsetValue(groupRepTz, referenceDateInMs);\n        const tzLabels = labelTzIdx.map((index: number) => getTimeZoneLabel(tzs[index], messages));\n        const label = createTimeZoneOffsetLabel(messages, decimalOffset, listFormatter.format(tzLabels));\n\n        return {\n          label,\n          value,\n          filterValue: tzs.map((tz) => toUserFriendlyName(tz)),\n        };\n      })\n      .filter((group) => !!group)\n      .sort((groupA, groupB) => groupA.value - groupB.value);\n  });\n}\n\nfunction getTimeZoneLabel(timeZone: string, messages: InputTimeZoneMessages): string {\n  return messages[timeZone] || getCity(timeZone);\n}\n\n/**\n * Exported for testing purposes only\n *\n * @internal\n */\nexport function getCity(timeZone: string): string {\n  return timeZone.split(\"/\").pop();\n}\n\n/**\n * Exported for testing purposes only\n *\n * @internal\n */\nexport function toUserFriendlyName(timeZoneName: string): string {\n  return timeZoneName.replace(/_/g, \" \");\n}\n\nfunction createTimeZoneOffsetLabel(messages: InputTimeZoneMessages, offsetLabel: string, groupLabel: string): string {\n  return messages.timeZoneLabel.replace(\"{offset}\", offsetLabel).replace(\"{cities}\", groupLabel);\n}\n\nfunction getTimeZoneShortOffset(\n  timeZone: TimeZone,\n  locale: SupportedLocale,\n  referenceDateInMs: number = Date.now(),\n): string {\n  const dateTimeFormat = getDateTimeFormat(locale, { timeZone, timeZoneName: \"shortOffset\" });\n  const parts = dateTimeFormat.formatToParts(referenceDateInMs);\n  return parts.find(({ type }) => type === \"timeZoneName\").value;\n}\n\nfunction isGroup(item: TimeZoneItem | TimeZoneItemGroup): item is TimeZoneItemGroup {\n  return (item as TimeZoneItemGroup).items !== undefined;\n}\n\nfunction flattenTimeZoneItems(timeZoneItems: TimeZoneItem[] | TimeZoneItemGroup[]): TimeZoneItem[] {\n  return isGroup(timeZoneItems[0]) ? timeZoneItems.flatMap((item) => item.items) : timeZoneItems;\n}\n\nexport function findTimeZoneItemByProp(\n  timeZoneItems: TimeZoneItem[] | TimeZoneItemGroup[],\n  prop: string,\n  valueToMatch: string | number | null,\n): TimeZoneItem | null {\n  return valueToMatch == null\n    ? null\n    : flattenTimeZoneItems(timeZoneItems).find(\n        (item) =>\n          // intentional == to match string to number\n          item[prop] == valueToMatch,\n      );\n}\n",":host {\n  display: block;\n}\n\n.offset {\n  white-space: nowrap;\n}\n\n@include base-component();\n@include disabled();\n@include hidden-form-input();\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 { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  SupportedLocale,\n} from \"../../utils/locale\";\nimport { Scale, Status } from \"../interfaces\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS } from \"./resources\";\nimport {\n  createTimeZoneItems,\n  findTimeZoneItemByProp,\n  getUserTimeZoneName,\n  getUserTimeZoneOffset,\n} from \"./utils\";\nimport { InputTimeZoneMessages } from \"./assets/input-time-zone/t9n\";\nimport { OffsetStyle, TimeZoneItem, TimeZoneItemGroup, TimeZoneMode } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-input-time-zone\",\n  styleUrl: \"input-time-zone.scss\",\n  assetsDirs: [\"assets\"],\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class InputTimeZone\n  implements\n    FormComponent,\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, an empty value (`null`) will be allowed as a `value`.\n   *\n   * When `false`, an offset or name value is enforced, and clearing the input or blurring will restore the last valid `value`.\n   */\n  @Prop({ reflect: true }) clearable = 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  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /** Specifies the component's maximum number of options to display before displaying a scrollbar. */\n  @Prop({ reflect: true }) maxItems = 0;\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: InputTimeZoneMessages;\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<InputTimeZoneMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * This specifies the type of `value` and the associated options presented to the user:\n   *\n   * Using `\"offset\"` will provide options that show timezone offsets.\n   *\n   * Using `\"name\"` will provide options that show the IANA time zone names.\n   *\n   * @default \"offset\"\n   */\n  @Prop({ reflect: true }) mode: TimeZoneMode = \"offset\";\n\n  @Watch(\"messages\")\n  @Watch(\"mode\")\n  @Watch(\"referenceDate\")\n  handleTimeZoneItemPropsChange(): void {\n    this.updateTimeZoneItemsAndSelection();\n  }\n\n  /**\n   * Specifies how the offset will be displayed, where\n   *\n   * `\"user\"` uses `UTC` or `GMT` depending on the user's locale,\n   * `\"gmt\"` always uses `GMT`, and\n   * `\"utc\"` always uses `UTC`.\n   *\n   * This only applies to the `offset` mode.\n   *\n   * @default \"user\"\n   */\n  @Prop({ reflect: true }) offsetStyle: OffsetStyle = \"user\";\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: IconNameOrString | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, displays and positions the component. */\n  @Prop({ mutable: true, reflect: true }) open = false;\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   * This `date` will be used as a reference to Daylight Savings Time when creating time zone item groups.\n   *\n   * It can be either a Date instance or a string in ISO format (`\"YYYY-MM-DD\"`, `\"YYYY-MM-DDTHH:MM:SS.SSSZ\"`).\n   *\n   * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)\n   */\n  @Prop() referenceDate: Date | string;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * The component's value, where the value is the time zone offset or the difference, in minutes, between the selected time zone and UTC.\n   *\n   * If no value is provided, the user's time zone offset will be selected by default.\n   *\n   * @see https://www.w3.org/International/core/2005/09/timezone.html#:~:text=What%20is%20a%20%22zone%20offset,or%20%22%2D%22%20from%20UTC.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  @Watch(\"value\")\n  handleValueChange(value: string, oldValue: string): void {\n    value = this.normalizeValue(value);\n\n    if (!value && this.clearable) {\n      this.value = value;\n      this.selectedTimeZoneItem = null;\n      return;\n    }\n\n    const timeZoneItem = this.findTimeZoneItem(value);\n\n    if (!timeZoneItem) {\n      this.value = oldValue;\n      return;\n    }\n\n    this.selectedTimeZoneItem = timeZoneItem;\n  }\n\n  /**\n   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    await this.comboboxEl.setFocus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is requested to be closed and before the closing transition begins.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeClose: EventEmitter<void>;\n\n  /**\n   * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeOpen: EventEmitter<void>;\n\n  /**\n   * Fires when the component's `value` changes.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneChange: EventEmitter<void>;\n\n  /**\n   * Fires after the component is closed and animation is complete.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneClose: EventEmitter<void>;\n\n  /**\n   * Fires after the component is opened and animation is complete.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputTimeZoneElement;\n\n  private comboboxEl: HTMLCalciteComboboxElement;\n\n  @State() defaultMessages: InputTimeZoneMessages;\n\n  defaultValue: InputTimeZone[\"value\"];\n\n  @State() effectiveLocale: SupportedLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  private selectedTimeZoneItem: TimeZoneItem;\n\n  private timeZoneItems: TimeZoneItem[] | TimeZoneItemGroup[];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private setComboboxRef = (el: HTMLCalciteComboboxElement): void => {\n    this.comboboxEl = el;\n  };\n\n  private onComboboxBeforeClose = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.calciteInputTimeZoneBeforeClose.emit();\n  };\n\n  private onComboboxBeforeOpen = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.calciteInputTimeZoneBeforeOpen.emit();\n  };\n\n  private onComboboxChange = (event: CustomEvent): void => {\n    event.stopPropagation();\n    const combobox = event.target as HTMLCalciteComboboxElement;\n    const selectedItem = combobox.selectedItems[0];\n\n    if (!selectedItem) {\n      this.value = null;\n      this.selectedTimeZoneItem = null;\n      this.calciteInputTimeZoneChange.emit();\n      return;\n    }\n\n    const selected = this.findTimeZoneItemByLabel(selectedItem.textLabel);\n\n    const selectedValue = `${selected.value}`;\n\n    if (this.value === selectedValue && selected.label === this.selectedTimeZoneItem.label) {\n      return;\n    }\n\n    this.value = selectedValue;\n    this.selectedTimeZoneItem = selected;\n    this.calciteInputTimeZoneChange.emit();\n  };\n\n  private onComboboxClose = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.open = false;\n    this.calciteInputTimeZoneClose.emit();\n  };\n\n  private onComboboxOpen = (event: CustomEvent): void => {\n    this.open = true;\n    event.stopPropagation();\n    this.calciteInputTimeZoneOpen.emit();\n  };\n\n  private findTimeZoneItem(value: number | string | null): TimeZoneItem | null {\n    return findTimeZoneItemByProp(this.timeZoneItems, \"value\", value);\n  }\n\n  private findTimeZoneItemByLabel(label: string | null): TimeZoneItem | null {\n    return findTimeZoneItemByProp(this.timeZoneItems, \"label\", label);\n  }\n\n  private async updateTimeZoneItemsAndSelection(): Promise<void> {\n    this.timeZoneItems = await this.createTimeZoneItems();\n\n    if (this.value === \"\" && this.clearable) {\n      this.selectedTimeZoneItem = null;\n      return;\n    }\n\n    const fallbackValue = this.mode === \"offset\" ? getUserTimeZoneOffset() : getUserTimeZoneName();\n    const valueToMatch = this.value ?? fallbackValue;\n\n    this.selectedTimeZoneItem =\n      this.findTimeZoneItem(valueToMatch) || this.findTimeZoneItem(fallbackValue);\n  }\n\n  private async createTimeZoneItems(): Promise<TimeZoneItem[] | TimeZoneItemGroup[]> {\n    if (!this.effectiveLocale || !this.messages) {\n      return [];\n    }\n\n    return createTimeZoneItems(\n      this.effectiveLocale,\n      this.messages,\n      this.mode,\n      this.referenceDate instanceof Date\n        ? this.referenceDate\n        : new Date(this.referenceDate ?? Date.now()),\n      this.offsetStyle,\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectForm(this);\n    connectLabel(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectForm(this);\n    disconnectLabel(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  private normalizeValue(value: string | null): string {\n    return value === null ? \"\" : value;\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.value = this.normalizeValue(this.value);\n\n    await this.updateTimeZoneItemsAndSelection();\n\n    const selectedValue = this.selectedTimeZoneItem ? `${this.selectedTimeZoneItem.value}` : null;\n    afterConnectDefaultValueSet(this, selectedValue);\n    this.value = selectedValue;\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <calcite-combobox\n            clearDisabled={!this.clearable}\n            disabled={this.disabled}\n            label={this.messages.chooseTimeZone}\n            lang={this.effectiveLocale}\n            maxItems={this.maxItems}\n            onCalciteComboboxBeforeClose={this.onComboboxBeforeClose}\n            onCalciteComboboxBeforeOpen={this.onComboboxBeforeOpen}\n            onCalciteComboboxChange={this.onComboboxChange}\n            onCalciteComboboxClose={this.onComboboxClose}\n            onCalciteComboboxOpen={this.onComboboxOpen}\n            open={this.open}\n            overlayPositioning={this.overlayPositioning}\n            placeholder={\n              this.mode === \"name\"\n                ? this.messages.namePlaceholder\n                : this.mode === \"offset\"\n                  ? this.messages.offsetPlaceholder\n                  : this.messages.regionPlaceholder\n            }\n            placeholderIcon=\"search\"\n            readOnly={this.readOnly}\n            ref={this.setComboboxRef}\n            scale={this.scale}\n            selectionMode={this.clearable ? \"single\" : \"single-persist\"}\n            status={this.status}\n            validation-icon={this.validationIcon}\n            validation-message={this.validationMessage}\n          >\n            {this.renderItems()}\n          </calcite-combobox>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  private renderItems(): VNode[] {\n    if (this.mode === \"region\") {\n      return this.renderRegionItems();\n    }\n\n    return this.timeZoneItems.map((group) => {\n      const selected = this.selectedTimeZoneItem === group;\n      const { label, value } = group;\n\n      return (\n        <calcite-combobox-item\n          data-value={value}\n          key={label}\n          selected={selected}\n          textLabel={label}\n          value={`${group.filterValue}`}\n        />\n      );\n    });\n  }\n\n  private renderRegionItems(): VNode[] {\n    return (this.timeZoneItems as TimeZoneItemGroup[]).flatMap(({ label, items }) => (\n      <calcite-combobox-item-group key={label} label={label}>\n        {items.map((item) => {\n          const selected = this.selectedTimeZoneItem === item;\n          const { label, value } = item;\n\n          return (\n            <calcite-combobox-item\n              data-value={value}\n              description={this.messages[item.metadata.country] || item.metadata.country}\n              key={label}\n              metadata={item.metadata}\n              selected={selected}\n              textLabel={label}\n              value={`${item.filterValue}`}\n            >\n              <span class={CSS.offset} slot=\"content-end\">\n                {item.metadata.offset}\n              </span>\n            </calcite-combobox-item>\n          );\n        })}\n      </calcite-combobox-item-group>\n    ));\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-c1d8f780.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.0
+ */
+import{d as a}from"./p-1fd82e40.js";import"./p-feaa3342.js";import"./p-0ab39cd2.js";import"./p-fabffdb8.js";import"./p-da42a1d3.js";import"./p-40ba79c9.js";import"./p-b59ac07e.js";import"./p-24883653.js";import"./p-ff0a44c9.js";import"./p-3ec3c585.js";import"./p-28d719cf.js";import"./p-4a9a2267.js";import"./p-aabb6968.js";import"./p-85e15bad.js";import"./p-1a44a92a.js";import"./p-cb13a39c.js";import"./p-068525a6.js";import"./p-62f0b65f.js";import"./p-f0e669a2.js";import"./p-ffcec441.js";import"./p-5805e360.js";var e={name:"id",weekdays:"Minggu_Senin_Selasa_Rabu_Kamis_Jumat_Sabtu".split("_"),months:"Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_November_Desember".split("_"),weekdaysShort:"Min_Sen_Sel_Rab_Kam_Jum_Sab".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Mei_Jun_Jul_Agt_Sep_Okt_Nov_Des".split("_"),weekdaysMin:"Mg_Sn_Sl_Rb_Km_Jm_Sb".split("_"),weekStart:1,formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},relativeTime:{future:"dalam %s",past:"%s yang lalu",s:"beberapa detik",m:"semenit",mm:"%d menit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"},ordinal:function a(e){return e+"."}};a.locale(e,null,true);export{e as default};
+//# sourceMappingURL=p-c1d8f780.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.0-next.0
+ */
+import{h as t,r as i,c as e,H as s,g as o}from"./p-feaa3342.js";import{c as n}from"./p-66502241.js";import{f as c,e as a}from"./p-08e7a84c.js";import{C as l,E as r,F as h,t as d,e as p}from"./p-fabffdb8.js";import{d as f,f as b,c as u,r as m,a as g,F as x}from"./p-fb2dc38d.js";import{s as v,c as y,a as w,d as C,H as k}from"./p-0ab39cd2.js";import{g as z}from"./p-da42a1d3.js";import{c as I,u as $,d as E,I as S}from"./p-b59ac07e.js";import{c as H,d as A,g as D}from"./p-3ec3c585.js";import{b as j,c as M,s as O,a as P}from"./p-4a9a2267.js";import{c as T,d as F}from"./p-aabb6968.js";import{c as L}from"./p-85e15bad.js";import{o as B}from"./p-f0e669a2.js";import{D as R}from"./p-40ba79c9.js";import{c as W,s as V,d as G,u as U}from"./p-62f0b65f.js";import{g as _,c as X}from"./p-28d719cf.js";import{V as K}from"./p-ffcec441.js";import{i as N}from"./p-24883653.js";import{d as q}from"./p-545d2866.js";import{c as J,d as Q}from"./p-98d0170e.js";import"./p-ff0a44c9.js";const Y={button:"x-button"};function Z({disabled:i,key:e,label:s,onClick:o,ref:n,scale:c}){return t("button",{"aria-label":s,class:Y.button,disabled:i,key:e,onClick:o,ref:n,tabIndex:-1,type:"button"},t("calcite-icon",{icon:"x",scale:_(c)}))}const tt="CALCITE-COMBOBOX-ITEM";const it="CALCITE-COMBOBOX-ITEM-GROUP";const et=`${tt}, ${it}`;const st={input:"input",chipInvisible:"chip--invisible",selectionDisplayFit:"selection-display-fit",selectionDisplaySingle:"selection-display-single",listContainer:"list-container",icon:"icon"};function ot(t){const i=t.parentElement?.closest(et);const e=i?.parentElement?.closest(et);return[i,e].filter((t=>t))}function nt(t){return t.ancestors?.filter((t=>t.nodeName==="CALCITE-COMBOBOX-ITEM"))||[]}function ct(t){return l(t.querySelectorAll("calcite-combobox-item"))}function at(t){const i=l(t.querySelectorAll("calcite-combobox-item"));return i.filter((t=>t.selected)).length>0}function lt(t){if(!N()){return 0}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 rt(t){return t.includes("single")}function ht(t){return t.shortHeading||t.textLabel}const dt=":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:inset, left, 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{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block:0;left: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 pt=dt;const ft=t=>t.tagName===it;const bt="combobox-item-";const ut="combobox-chip-";const mt="combobox-label-";const gt="combobox-listbox-";const xt="combobox-input-";const vt=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=f;this.internalValueChangeFlag=false;this.textInput=null;this.mutationObserver=L("mutation",(()=>this.updateItems()));this.resizeObserver=L("resize",(()=>{this.setMaxScrollerHeight();this.refreshSelectionDisplay()}));this.guid=z();this.inputHeight=0;this.ignoreSelectedEventsFlag=false;this.openTransitionProp="opacity";this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?b(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(Y.button)))){this.clearValue();t.preventDefault();return}this.open=!this.open;this.ensureRecentSelectedItemIsActive()};this.refreshSelectionDisplay=async()=>{await j(this);if(rt(this.selectionMode)){return}if(!this.textInput){return}const{allSelectedIndicatorChipEl:t,chipContainerEl:i,selectionDisplay:e,placeholder:s,selectedIndicatorChipEl:o,textInput:c}=this;const a=parseInt(getComputedStyle(i).gap.replace("px",""));const l=r(i);const{fontSize:d,fontFamily:p}=getComputedStyle(c);const f=h(s,`${d} ${p}`);const b=(f||parseInt(n))+a;const u=r(t);const m=r(o);const g=Math.max(u,m);this.setCompactSelectionDisplay({chipContainerElGap:a,chipContainerElWidth:l,inputWidth:b,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)+a+b+a));this.refreshChipDisplay({availableHorizontalChipElSpace:i,chipContainerElGap:a,chipEls:t});this.setVisibleAndHiddenChips(t)}};this.setFloatingEl=t=>{this.floatingEl=t;u(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;u(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})=>ft(t)?i===t.label:e===t.value&&i===t.textLabel));return q(((i,e=false,s=true)=>{const o=c(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(`(${a(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()}}),R.filter)})();this.internalComboboxChangeEvent=()=>{this.calciteComboboxChange.emit()};this.emitComboboxChange=q(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"||!at(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.calculateScrollerHeight(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}connectedCallback(){I(this);T(this);W(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)}u(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){O(this);this.updateItems();await V(this);this.filterItems(this.filterText,false,false)}componentDidLoad(){w(this,this.getValue());u(this,this.referenceEl,this.floatingEl);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);F(this);G(this)}effectiveLocaleChange(){U(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(st.chipInvisible)}showChip(t){t.classList.remove(st.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(st.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){const i=this.calculateScrollerHeight(t);if(i>0){s+=i;e++}}}))}return s}calculateScrollerHeight(t){if(!t){return}const i=t.getBoundingClientRect().height;const e=Array.from(t.querySelectorAll(et)).reduce(((t,i)=>t+i.getBoundingClientRect().height),0);return i-e}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=ht(t)}this.open=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("")}}updateAncestors(t){if(this.selectionMode!=="ancestors"){return}const i=nt(t);const e=ct(t);if(t.selected){i.forEach((t=>{t.selected=true}))}else{e.forEach((t=>t.selected=false));[...i].forEach((t=>{if(!at(t)){t.selected=false}}))}}getFilteredItems(){return this.filterText===""?this.items:this.items.filter((t=>!t.hidden))}getData(){return this.items.map((t=>({description:t.description,filterDisabled:t.filterDisabled,label:t.textLabel,metadata:t.metadata,shortHeading:t.shortHeading,value:t.value})))}getNeedsIcon(){return rt(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(tt));return t.filter((t=>!t.disabled))}getGroupItems(){return Array.from(this.el.querySelectorAll(it))}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.prepend(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(`#${ut}${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=`${bt}${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!rt(this.selectionMode)}renderChips(){const{activeChipIndex:i,readOnly:e,scale:s,selectionMode:o,messages:n}=this;return this.selectedItems.map(((c,a)=>{const l={chip:true,"chip--active":i===a};const r=[...nt(c)].reverse();const h=ht(c);const d=[...r,c].map((t=>ht(t)));const p=o!=="ancestors"?h:d.join(" / ");return t("calcite-chip",{appearance:e?"outline":"solid",class:l,closable:!e,"data-test-id":`chip-${a}`,icon:c.icon,iconFlipRtl:c.iconFlipRtl,id:c.guid?`${ut}${c.guid}`:null,key:h,messageOverrides:{dismissLabel:n.removeTag},onCalciteChipClose:()=>this.calciteChipCloseHandler(c),onFocusin:()=>this.activeChipIndex=a,scale:s,selected:c.selected,tabindex:i===a?0:-1,title:p,value:c.value},p)}))}renderAllSelectedIndicatorChip(){const{compactSelectionDisplay:i,scale:e,selectedVisibleChipsCount:s,setAllSelectedIndicatorChipEl:o}=this;const n=this.messages.allSelected;return t("calcite-chip",{class:{chip:true,[st.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,[st.chipInvisible]:!(this.isAllSelected()&&!s&&i)},scale:e,title:o,value:""},o)}renderSelectedIndicatorChip(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n,selectedVisibleChipsCount:c,setSelectedIndicatorChipEl:a}=this;let l;let r;if(i){l=true}else{if(e==="single"){const t=s().length;if(this.isAllSelected()){l=true}else if(t>0){l=false}else{l=true}r=`${t} ${this.messages.selected}`}else if(e==="fit"){l=!!(this.isAllSelected()&&c===0||n===0);r=c>0?`+${n}`:`${n} ${this.messages.selected}`}}return t("calcite-chip",{class:{chip:true,[st.chipInvisible]:l},ref:a,scale:o,title:r,value:""},r)}renderSelectedIndicatorChipCompact(){const{compactSelectionDisplay:i,selectionDisplay:e,getSelectedItems:s,scale:o,selectedHiddenChipsCount:n}=this;let c;let a;if(i){const t=s().length;if(this.isAllSelected()){c=true}else if(e==="fit"){c=!(n>0);a=`${n||0}`}else if(e==="single"){c=!(t>0);a=`${t}`}}else{c=true}return t("calcite-chip",{class:{chip:true,[st.chipInvisible]:c},scale:o,title:a,value:""},a)}get showingInlineIcon(){const{placeholderIcon:t,selectionMode:i,selectedItems:e,open:s}=this;const o=e[0];const n=o?.icon;const c=rt(i);return!s&&o?!!n&&c:!!t&&(!o||c)}renderInput(){const{guid:i,disabled:e,placeholder:s,selectionMode:o,selectedItems:n,open:c}=this;const a=rt(o);const l=n[0];const r=!c&&a&&!!l;return t("span",{class:{"input-wrap":true,"input-wrap--single":a}},r&&t("span",{class:{label:true,"label--icon":!!l?.icon},key:"label"},ht(l)),t("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":`${gt}${i}`,"aria-expanded":d(c),"aria-haspopup":"listbox","aria-label":D(this),"aria-owns":`${gt}${i}`,class:{[st.input]:true,"input--single":true,"input--hidden":r,"input--icon":this.showingInlineIcon&&!!this.placeholderIcon},"data-test-id":"input",disabled:e,id:`${xt}${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?`${bt}${i.guid}`:null,role:"option",tabindex:"-1"},i.textLabel)))}renderFloatingUIContainer(){const{setFloatingEl:i,setContainerEl:e,open:s}=this;const o={[st.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:_(this.scale)}))}renderChevronIcon(){const{open:i}=this;return t("span",{class:"icon-end",key:"chevron"},t("calcite-icon",{class:st.icon,icon:i?"chevron-up":"chevron-down",scale:_(this.scale)}))}render(){const{selectionDisplay:i,guid:e,label:o,open:n,readOnly:c}=this;const a=rt(this.selectionMode);const l=i==="all";const r=i==="single";const h=!a&&i==="fit";const d=!this.clearDisabled&&this.value?.length>0;return t(s,{key:"c51466b3ff7d6aaf29578ba9a017cab02b49d704",onClick:this.comboboxFocusHandler},t(S,{key:"5c1e3383be919a3348677607b46f79a8baefeee7",disabled:this.disabled},t("div",{key:"ffb0ee17748ed4827cfca2c8aea8f39fc82a05cc","aria-live":"polite",class:{wrapper:true,"wrapper--single":a||!this.selectedItems.length,"wrapper--active":n},onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},this.renderSelectedOrPlaceholderIcon(),t("div",{class:{"grid-input":true,[st.selectionDisplayFit]:h,[st.selectionDisplaySingle]:r},key:"grid",ref:this.setChipContainerEl},!a&&!r&&this.renderChips(),!a&&!l&&[this.renderSelectedIndicatorChip(),this.renderSelectedIndicatorChipCompact(),this.renderAllSelectedIndicatorChip(),this.renderAllSelectedIndicatorChipCompact()],t("label",{key:"d60ddc1697b80245c56fd7b553408beb21296b3d",class:"screen-readers-only",htmlFor:`${xt}${e}`,id:`${mt}${e}`},o),this.renderInput()),!c&&d?t(Z,{disabled:this.disabled,key:"close-button",label:this.messages.clear,scale:this.scale}):null,!c&&this.renderChevronIcon()),t("ul",{key:"856e6f4bd4fcf6db32fb6e8d984fcdb7c4776448","aria-labelledby":`${mt}${e}`,"aria-multiselectable":"true",class:"screen-readers-only",id:`${gt}${e}`,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderFloatingUIContainer(),t(k,{key:"eca6c0108b0fbb8e6851c6cc86d15dc70318a4a3",component:this}),this.validationMessage&&this.status==="invalid"?t(K,{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"]}}};vt.style=pt;const yt={active:"label--active",centerContent:"center-content",container:"container",custom:"icon--custom",description:"description",dot:"icon--dot",filterMatch:"filter-match",icon:"icon",iconActive:"icon--active",label:"label",scale:t=>`scale--${t}`,selected:"label--selected",shortText:"short-text",single:"label--single",textContainer:"text-container",title:"title"};const wt={contentEnd:"content-end"};const Ct='@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;--calcite-internal-combobox-item-description-font-size:var(--calcite-font-size-xs)}.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.375rem;--calcite-combobox-item-spacing-indent:0.75rem;--calcite-combobox-item-selector-icon-size:1rem;--calcite-internal-combobox-item-description-font-size:var(--calcite-font-size-sm)}.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;--calcite-internal-combobox-item-description-font-size:var(--calcite-font-size)}.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;justify-content:space-around;gap:var(--calcite-combobox-item-spacing-unit-l);padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value)}:host([disabled]) .label{cursor:default}.label--selected{color:var(--calcite-color-text-1)}.label--selected .title{font-weight:var(--calcite-font-weight-medium)}.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)}.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--custom{margin-block-start:-1px;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)}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}:host([selected]) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}.short-text{color:var(--calcite-color-text-3);white-space:nowrap}.title{color:var(--calcite-color-text-1)}.title,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}';const kt=Ct;const zt=class{constructor(t){i(this,t);this.calciteComboboxItemChange=e(this,"calciteComboboxItemChange",6);this.itemClickHandler=()=>{this.toggleSelected()};this.active=false;this.ancestors=undefined;this.description=undefined;this.disabled=false;this.filterDisabled=undefined;this.filterTextMatchPattern=undefined;this.guid=z();this.icon=undefined;this.iconFlipRtl=false;this.metadata=undefined;this.scale="m";this.selected=false;this.selectionMode="multiple";this.shortHeading=undefined;this.textLabel=undefined;this.value=undefined}selectedWatchHandler(){this.calciteComboboxItemChange.emit()}connectedCallback(){this.ancestors=ot(this.el);J(this);I(this)}disconnectedCallback(){Q(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:{[yt.custom]:!!this.icon,[yt.iconActive]:this.icon&&this.selected},flipRtl:this.iconFlipRtl,icon:this.icon||i,key:"icon",scale:_(this.scale)}):null}renderSelectIndicator(i,e){return i?t("span",{class:{[yt.icon]:true,[yt.dot]:true}}):t("calcite-icon",{class:{[yt.icon]:true,[yt.iconActive]:this.selected},flipRtl:this.iconFlipRtl,icon:e,key:"indicator",scale:_(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=rt(this.selectionMode);const o=e&&!i;const n=e?undefined:"check";const c=i?undefined:n;const a={[yt.label]:true,[yt.selected]:this.selected,[yt.active]:this.active,[yt.single]:e};const l=lt(this.el)+1;return t(s,{key:"7d54536c9f70be5d8824bf53156879074c632d7d","aria-hidden":"true"},t(S,{key:"67eeab82142a11bcd97bf9d21e768ac1309eb78c",disabled:i},t("div",{key:"c0cf97d6111ca6e09f26750060c669d091265b08",class:{[yt.container]:true,[yt.scale(this.scale)]:true},style:{"--calcite-combobox-item-spacing-indent-multiplier":`${l}`}},t("li",{key:"36699561d3c82ff081e5f3b281e97711b2527596",class:a,id:this.guid,onClick:this.itemClickHandler},this.renderSelectIndicator(o,c),this.renderIcon(c),t("div",{key:"c07e0ddb3c248c610eedd80fee70dba0116c88cf",class:yt.centerContent},t("div",{key:"6a7050585ca580a5f0648753ddba28e3c71a8ea7",class:yt.title},this.renderTextContent(this.textLabel)),this.description?t("div",{class:yt.description},this.renderTextContent(this.description)):null),this.shortHeading?t("div",{class:yt.shortText},this.renderTextContent(this.shortHeading)):null,t("slot",{key:"73bb84b567866bd1c6a74ba84d1459d1a8c47add",name:wt.contentEnd})),this.renderChildren())))}renderTextContent(i){const e=this.filterTextMatchPattern;if(!e||!i){return i}const s=i.split(e);if(s.length>1){s[1]=t("mark",{class:yt.filterMatch},s[1])}return s}get el(){return o(this)}static get watchers(){return{selected:["selectedWatchHandler"]}}};zt.style=kt;const It={list:"list",label:"label",title:"title"};const $t=".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 Et=$t;const St=class{constructor(t){i(this,t);this.guid=z();this.afterEmptyGroup=false;this.ancestors=undefined;this.label=undefined;this.scale="m"}connectedCallback(){this.ancestors=ot(this.el)}render(){const{el:i,scale:e}=this;const s=lt(i);return t("ul",{key:"e57f7805f680b7d8b89f1f72c98197d81ad743dd","aria-labelledby":this.guid,class:{[It.list]:true,[`scale--${e}`]:true},role:"group"},t("li",{key:"45ab46a79eb035a0785ea9d2665a3fce8cf7c183",class:{[It.label]:true},id:this.guid,role:"presentation",style:{"--calcite-combobox-item-spacing-indent-multiplier":`${s}`}},t("span",{key:"380bfd8d85a132df1252e88971adca1b50104801",class:It.title},this.label)),t("slot",{key:"e0fd9bec45fc259ee2b439a0b80665c742fb5632"}))}get el(){return o(this)}};St.style=Et;export{vt as calcite_combobox,zt as calcite_combobox_item,St as calcite_combobox_item_group};
+//# sourceMappingURL=p-c270b435.entry.js.map