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

package/dist/calcite/p-1ed66145.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","actionIcon","actionIconStart","actionIconEnd","actionContainer","stepBarContainer","singleView","stepBar","stepBarActive","stepBarComplete","stepBarDisabled","stepBarError","stepBarInActive","StepBar","disabled","active","complete","error","key","h","class","width","x","y","stepperCss","CalciteStepperStyle0","Stepper","this","enabledItems","itemMap","Map","items","mutationObserver","createObserver","updateItems","multipleViewMode","guid","handleActionClick","event","currentActivePosition","target","getAttribute","prevStep","nextStep","emitItemSelect","setContainerEl","el","containerEl","handleDefaultSlotChange","slotChangeGetAssignedElements","filter","tagName","spacing","Array","length","fill","join","style","gridTemplateAreas","gridTemplateColumns","setStepperItemNumberingSystem","handleItemPropChange","determineActiveStepper","numberingSystemChange","onMessagesChange","connectedCallback","observe","childList","connectMessages","connectLocalized","componentWillLoad","setUpMessages","componentDidLoad","enabledStepIndex","getFirstEnabledStepperPosition","calciteInternalStepperItemChange","emit","position","disconnectedCallback","disconnectMessages","disconnectLocalized","disconnect","render","Host","messages","label","role","container","layout","ref","map","item","index","renderAction","onSlotchange","calciteInternalStepperItemKeyEvent","detail","itemToFocus","focusElementInGroup","stopPropagation","registerItem","content","set","filterItems","updateItem","selectedItem","handleItemSelect","getEnabledStepIndex","updateStep","goToStep","step","startStep","endStep","effectiveLocaleChange","updateMessages","effectiveLocale","handlePositionChange","readTask","calciteStepperItemChange","calciteStepperChange","querySelectorAll","forEach","icon","numbered","scale","hidden","startIndex","direction","newIndex","numberingSystem","isPositionStart","path","totalItems","id","alignment","appearance","compact","iconFlipRtl","onClick","text","previousStep","findIndex","stepperItemContent","stepperItemDescription","stepperItemHeader","stepperItemHeading","stepperItemHeaderText","stepperItemNumber","visuallyHidden","stepperItemCss","CalciteStepperItemStyle0","StepperItem","keyDownHandler","emitUserRequestedItem","preventDefault","handleItemClick","composedPath","some","classList","contains","emitRequestedItem","calciteStepperItemSelect","itemPosition","calciteInternalStepperItemSelect","selectedHandler","selected","disabledWatcher","registerStepperItem","effectiveLocaleWatcher","locale","numberStringFormatter","numberFormatOptions","useGrouping","connectInteractive","setUpLoadableComponent","parentStepperEl","parentElement","getItemPosition","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectInteractive","onKeyDown","tabIndex","InteractiveContainer","headerEl","renderIcon","renderNumbers","heading","description","updateActiveItemOnChange","includes","selectedPosition","determineSelectedItem","setFocus","componentFocusable","focus","flipRtl","calciteInternalStepperItemRegister","from","indexOf","numberFormatter","format"],"sources":["src/components/stepper/resources.ts","src/components/stepper/functional/step-bar.tsx","src/components/stepper/stepper.scss?tag=calcite-stepper&encapsulation=shadow","src/components/stepper/stepper.tsx","src/components/stepper-item/resources.ts","src/components/stepper-item/stepper-item.scss?tag=calcite-stepper-item&encapsulation=shadow","src/components/stepper-item/stepper-item.tsx"],"sourcesContent":["export const CSS = {\n  actionIcon: \"action-icon\",\n  actionIconStart: \"action-icon--start\",\n  actionIconEnd: \"action-icon--end\",\n  actionContainer: \"action-container\",\n  stepBarContainer: \"step-bar-container\",\n  singleView: \"single-view\",\n};\n","import { FunctionalComponent, h, VNode } from \"@stencil/core\";\n\ninterface StepBarProps {\n  active: boolean;\n  complete: boolean;\n  error: boolean;\n  disabled: boolean;\n  key: number;\n}\n\nexport const CSS = {\n  stepBar: \"step-bar\",\n  stepBarActive: \"step-bar--active\",\n  stepBarComplete: \"step-bar--complete\",\n  stepBarDisabled: \"step-bar--disabled\",\n  stepBarError: \"step-bar--error\",\n  stepBarInActive: \"step-bar--inactive\",\n};\n\nexport const StepBar: FunctionalComponent<StepBarProps> = ({\n  disabled,\n  active,\n  complete,\n  error,\n  key,\n}): VNode => (\n  <svg\n    class={{\n      [CSS.stepBar]: true,\n    }}\n    key={key}\n  >\n    <rect\n      class={{\n        [CSS.stepBarActive]: active,\n        [CSS.stepBarComplete]: complete,\n        [CSS.stepBarDisabled]: disabled,\n        [CSS.stepBarError]: error,\n        [CSS.stepBarInActive]: true,\n      }}\n      width=\"100%\"\n      x=\"0\"\n      y=\"0\"\n    />\n  </svg>\n);\n",":host([scale=\"s\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.1\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.11\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.8\");\n  --calcite-internal-step-bar-gap: theme(\"spacing.1\");\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.2\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.13\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.10\");\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-stepper-item-spacing-unit-s: theme(\"spacing.3\");\n  --calcite-internal-stepper-action-block-size: theme(\"spacing.16\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.12\");\n  --calcite-internal-step-bar-gap: theme(\"spacing.3\");\n}\n\n:host {\n  @apply flex;\n}\n\n.container {\n  @apply relative\n    flex\n    w-full\n    min-w-fit\n    flex-row\n    flex-wrap\n    items-stretch\n    justify-between;\n}\n\n:host([layout=\"vertical\"]) .container {\n  @apply flex-auto flex-col;\n}\n\n:host([layout=\"horizontal\"]),\n:host([layout=\"horizontal-single\"]) {\n  .container {\n    display: grid;\n    // grid-templates-columns are dynamically generated\n    // grid-templates-rows are dynamically generated\n    grid-template-areas:\n      \"items\"\n      \"content\";\n    gap: theme(\"spacing.2\") var(--calcite-internal-stepper-item-spacing-unit-s);\n  }\n}\n\n:host([layout=\"horizontal\"][scale=\"s\"]),\n:host([layout=\"horizontal-single\"][scale=\"s\"]) {\n  .container {\n    gap: theme(\"spacing.1\") var(--calcite-internal-stepper-item-spacing-unit-s);\n  }\n}\n\n:host([layout=\"horizontal\"][scale=\"l\"]),\n:host([layout=\"horizontal-single\"][scale=\"l\"]) {\n  .container {\n    gap: theme(\"spacing.3\") var(--calcite-internal-stepper-item-spacing-unit-s);\n  }\n}\n\n:host([layout=\"horizontal\"]) .container.single-view {\n  @apply flex  grid-cols-none;\n}\n\n.action-icon {\n  @apply flex relative grow-0;\n  block-size: var(--calcite-internal-stepper-action-block-size);\n  inline-size: var(--calcite-internal-stepper-action-inline-size);\n}\n\n.action-container {\n  @apply absolute flex justify-between;\n  padding-block: 0.25rem;\n  inline-size: 100%;\n}\n\n@mixin step-bar {\n  .step-bar {\n    @apply flex;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  .step-bar-container {\n    @apply flex absolute justify-between items-start;\n    block-size: 0.125rem;\n    inline-size: 100%;\n    gap: var(--calcite-internal-step-bar-gap, 0.5rem);\n  }\n\n  .step-bar--inactive {\n    fill: var(--calcite-color-border-3, #dfdfdf);\n    fill-opacity: 1;\n    block-size: 100%;\n  }\n\n  .step-bar--active {\n    fill: var(--calcite-color-brand);\n  }\n\n  .step-bar--complete {\n    fill: var(--calcite-color-brand);\n    fill-opacity: 0.5;\n  }\n\n  .step-bar--error {\n    fill: var(--calcite-color-status-danger);\n  }\n\n  .step-bar--disabled {\n    opacity: 0.5;\n  }\n}\n\n@include step-bar();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n  readTask,\n} from \"@stencil/core\";\nimport { focusElementInGroup, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport { Position, Scale } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { CSS } from \"./resources\";\nimport { StepBar } from \"./functional/step-bar\";\nimport {\n  StepperItemChangeEventDetail,\n  StepperItemKeyEventDetail,\n  StepperLayout,\n} from \"./interfaces\";\nimport { StepperMessages } from \"./assets/stepper/t9n\";\n\n/**\n * @slot - A slot for adding `calcite-stepper-item` elements.\n */\n@Component({\n  tag: \"calcite-stepper\",\n  styleUrl: \"stepper.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Stepper implements LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays a status icon in the `calcite-stepper-item` heading. */\n  @Prop({ reflect: true }) icon = false;\n\n  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: StepperLayout = \"horizontal\";\n\n  /** When `true`, displays the step number in the `calcite-stepper-item` heading. */\n  @Prop({ reflect: true }) numbered = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"icon\")\n  @Watch(\"layout\")\n  @Watch(\"numbered\")\n  @Watch(\"scale\")\n  handleItemPropChange(): void {\n    this.updateItems();\n    this.determineActiveStepper();\n  }\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: StepperMessages;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop({ reflect: true }) numberingSystem?: NumberingSystem;\n\n  @Watch(\"numberingSystem\")\n  numberingSystemChange(): void {\n    this.setStepperItemNumberingSystem();\n  }\n\n  /**\n   * Specifies the component's selected item.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItem: HTMLCalciteStepperItemElement = null;\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<StepperMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   *\n   */\n  @Event({ cancelable: false }) calciteStepperChange: EventEmitter<void>;\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   *\n   * @deprecated use `calciteStepperChange` instead or `calciteStepperItemChange` on items instead.\n   */\n  @Event({ cancelable: false }) calciteStepperItemChange: EventEmitter<void>;\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.updateItems();\n    connectMessages(this);\n    connectLocalized(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    // if no stepper items are set as active, default to the first one\n    if (typeof this.currentActivePosition !== \"number\") {\n      const enabledStepIndex = this.getFirstEnabledStepperPosition();\n\n      if (enabledStepIndex === 0) {\n        this.currentActivePosition = enabledStepIndex;\n      }\n\n      this.calciteInternalStepperItemChange.emit({\n        position: enabledStepIndex,\n      });\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectMessages(this);\n    disconnectLocalized(this);\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    return (\n      <Host aria-label={this.messages.label} role=\"region\">\n        <div\n          class={{ container: true, [CSS.singleView]: this.layout === \"horizontal-single\" }}\n          ref={this.setContainerEl}\n        >\n          {this.layout === \"horizontal-single\" && (\n            <div class={{ [CSS.stepBarContainer]: true }}>\n              {this.items.map((item, index) => (\n                <StepBar\n                  active={index === this.currentActivePosition}\n                  complete={item.complete && index !== this.currentActivePosition && !item.error}\n                  disabled={item.disabled && index !== this.currentActivePosition}\n                  error={item.error && index !== this.currentActivePosition}\n                  key={index}\n                />\n              ))}\n            </div>\n          )}\n          {this.layout === \"horizontal-single\" && (\n            <div class={{ [CSS.actionContainer]: true }}>\n              {this.renderAction(\"start\")}\n              {this.renderAction(\"end\")}\n            </div>\n          )}\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalStepperItemKeyEvent\")\n  calciteInternalStepperItemKeyEvent(event: CustomEvent<StepperItemKeyEventDetail>): void {\n    const item = event.detail.item;\n    const itemToFocus = event.target as HTMLCalciteStepperItemElement;\n\n    switch (item.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"next\");\n        break;\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"previous\");\n        break;\n      case \"Home\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"first\");\n        break;\n      case \"End\":\n        focusElementInGroup(this.enabledItems, itemToFocus, \"last\");\n        break;\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalStepperItemRegister\")\n  registerItem(event: CustomEvent): void {\n    const item = event.target as HTMLCalciteStepperItemElement;\n    const { content, position } = event.detail;\n\n    this.itemMap.set(item, { position, content });\n    this.enabledItems = this.filterItems();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalStepperItemSelect\")\n  updateItem(event: CustomEvent): void {\n    const { position } = event.detail;\n    if (typeof position === \"number\") {\n      this.currentActivePosition = position;\n      this.selectedItem = event.target as HTMLCalciteStepperItemElement;\n    }\n\n    this.calciteInternalStepperItemChange.emit({\n      position,\n    });\n  }\n\n  @Listen(\"calciteStepperItemSelect\")\n  handleItemSelect(): void {\n    this.emitItemSelect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Set the next `calcite-stepper-item` as active. */\n  @Method()\n  async nextStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition + 1, \"next\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /** Set the previous `calcite-stepper-item` as active. */\n  @Method()\n  async prevStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition - 1, \"previous\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /**\n   * Set a specified `calcite-stepper-item` as active.\n   *\n   * @param step\n   */\n  @Method()\n  async goToStep(step: number): Promise<void> {\n    const position = step - 1;\n\n    if (this.currentActivePosition !== position) {\n      this.updateStep(position);\n    }\n  }\n\n  /** Set the first `calcite-stepper-item` as active. */\n  @Method()\n  async startStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(0, \"next\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  /** Set the last `calcite-stepper-item` as active. */\n  @Method()\n  async endStep(): Promise<void> {\n    const enabledStepIndex = this.getEnabledStepIndex(this.items.length - 1, \"previous\");\n\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n\n    this.updateStep(enabledStepIndex);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteStepperElement;\n\n  @State() defaultMessages: StepperMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() currentActivePosition: number;\n\n  @Watch(\"currentActivePosition\")\n  handlePositionChange(): void {\n    readTask((): void => {\n      this.determineActiveStepper();\n    });\n  }\n\n  private enabledItems: HTMLCalciteStepperItemElement[] = [];\n\n  private itemMap = new Map<HTMLCalciteStepperItemElement, { position: number; content: Node[] }>();\n\n  private items: HTMLCalciteStepperItemElement[] = [];\n\n  private mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  /** Specifies if the user is viewing one `stepper-item` at a time when the page width is less than sum of min-width of each item. */\n  private multipleViewMode = false;\n\n  private guid = `calcite-stepper-action-${guid()}`;\n\n  private containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private emitItemSelect(): void {\n    this.calciteStepperItemChange.emit();\n    this.calciteStepperChange.emit();\n  }\n\n  private updateItems(): void {\n    this.el.querySelectorAll(\"calcite-stepper-item\").forEach((item) => {\n      item.icon = this.icon;\n      item.numbered = this.numbered;\n      item.layout = this.layout;\n      item.scale = this.scale;\n    });\n  }\n\n  private determineActiveStepper(): void {\n    const { items } = this;\n\n    if (items.length < 2) {\n      return;\n    }\n\n    const { currentActivePosition, layout } = this;\n\n    this.multipleViewMode = layout !== \"horizontal-single\";\n    items.forEach((item, index) => {\n      item.hidden = layout === \"horizontal-single\" && index !== (currentActivePosition || 0);\n    });\n  }\n\n  private getEnabledStepIndex(\n    startIndex: number,\n    direction: \"next\" | \"previous\" = \"next\",\n  ): number | null {\n    const { items, currentActivePosition } = this;\n\n    let newIndex = startIndex;\n\n    while (items[newIndex]?.disabled && this.layout !== \"horizontal-single\") {\n      newIndex = newIndex + (direction === \"previous\" ? -1 : 1);\n    }\n\n    return newIndex !== currentActivePosition && newIndex < items.length && newIndex >= 0\n      ? newIndex\n      : null;\n  }\n\n  private updateStep(position: number): void {\n    this.currentActivePosition = position;\n    this.calciteInternalStepperItemChange.emit({\n      position,\n    });\n  }\n\n  private filterItems(): HTMLCalciteStepperItemElement[] {\n    return this.items.filter((item) => !item.disabled);\n  }\n\n  private setStepperItemNumberingSystem(): void {\n    this.items.forEach((item: HTMLCalciteStepperItemElement) => {\n      item.numberingSystem = this.numberingSystem;\n    });\n  }\n\n  private renderAction(position: Position): VNode {\n    const isPositionStart = position === \"start\";\n    const path = isPositionStart ? \"chevron-left\" : \"chevron-right\";\n    const { currentActivePosition, multipleViewMode, layout } = this;\n    const totalItems = this.items.length;\n    const id = `${this.guid}-${isPositionStart ? \"start\" : \"end\"}`;\n\n    return layout === \"horizontal-single\" && !multipleViewMode ? (\n      <calcite-action\n        alignment=\"center\"\n        appearance=\"transparent\"\n        class={{\n          [CSS.actionIcon]: true,\n        }}\n        compact={true}\n        data-position={position}\n        disabled={\n          (currentActivePosition === 0 && isPositionStart) ||\n          (currentActivePosition === totalItems - 1 && !isPositionStart)\n        }\n        icon={path}\n        iconFlipRtl={true}\n        id={id}\n        onClick={this.handleActionClick}\n        scale={this.scale}\n        text={isPositionStart ? this.messages.previousStep : this.messages.nextStep}\n      />\n    ) : null;\n  }\n\n  private handleActionClick = (event: MouseEvent): void => {\n    const currentActivePosition = this.currentActivePosition;\n    const target = event.target as HTMLCalciteActionElement;\n    if (target.getAttribute(\"data-position\") === \"start\") {\n      this.prevStep();\n    } else {\n      this.nextStep();\n    }\n\n    if (\n      typeof this.currentActivePosition === \"number\" &&\n      currentActivePosition !== this.currentActivePosition &&\n      !this.items[this.currentActivePosition].disabled\n    ) {\n      this.emitItemSelect();\n    }\n  };\n\n  private getFirstEnabledStepperPosition(): number {\n    const enabledStepIndex = this.items.findIndex((item) => !item.disabled);\n\n    if (enabledStepIndex > -1) {\n      return enabledStepIndex;\n    }\n    return 0;\n  }\n\n  private setContainerEl = (el: HTMLDivElement): void => {\n    this.containerEl = el;\n  };\n\n  handleDefaultSlotChange = (event: Event): void => {\n    const items = slotChangeGetAssignedElements(event).filter(\n      (el) => el?.tagName === \"CALCITE-STEPPER-ITEM\",\n    );\n    this.items = items as HTMLCalciteStepperItemElement[];\n    const spacing = Array(items.length).fill(\"1fr\").join(\" \");\n    this.containerEl.style.gridTemplateAreas = spacing;\n    this.containerEl.style.gridTemplateColumns = spacing;\n    this.setStepperItemNumberingSystem();\n  };\n}\n","export const CSS = {\n  container: \"container\",\n  stepperItemContent: \"stepper-item-content\",\n  stepperItemDescription: \"stepper-item-description\",\n  stepperItemHeader: \"stepper-item-header\",\n  stepperItemHeading: \"stepper-item-heading\",\n  stepperItemHeaderText: \"stepper-item-header-text\",\n  stepperItemNumber: \"stepper-item-number\",\n  visuallyHidden: \"visually-hidden\",\n};\n",":host([scale=\"s\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.1\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.3\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.4\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.8\");\n  @apply text-n1h;\n  margin-inline-end: theme(\"margin.1\");\n  .stepper-item-description {\n    @apply text-n2h;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.2\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.4\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.5\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.10\");\n  @apply text-0h;\n  margin-inline-end: theme(\"margin.2\");\n  .stepper-item-description {\n    @apply text-n1h;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-stepper-item-spacing-unit-s: theme(\"spacing.3\");\n  --calcite-stepper-item-spacing-unit-m: theme(\"spacing.5\");\n  --calcite-stepper-item-spacing-unit-l: theme(\"spacing.6\");\n  --calcite-internal-stepper-action-inline-size: theme(\"spacing.12\");\n  @apply text-1h;\n  margin-inline-end: theme(\"margin.3\");\n  .stepper-item-description {\n    @apply text-0h;\n  }\n}\n\n:host {\n  @apply relative\n  flex\n  flex-grow\n  flex-col\n  self-start;\n  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);\n}\n\n:host .container {\n  @apply text-color-3\n    border-color-3\n    relative\n    flex\n    flex-grow\n    cursor-pointer\n    flex-col\n    border-0\n    border-t-2\n    border-solid\n    no-underline\n    outline-none;\n}\n\n// focus styles\n:host {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-outset;\n}\n\n// .stepper-item-header / content\n:host .stepper-item-header {\n  @apply flex cursor-pointer items-start;\n}\n\n:host .stepper-item-content,\n:host .stepper-item-header {\n  padding-block: var(--calcite-stepper-item-spacing-unit-l);\n  padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n  text-align: start;\n}\n\n:host .stepper-item-header * {\n  @apply inline-flex\n    items-center;\n}\n\n:host .stepper-item-content {\n  @apply text-n2-wrap\n    hidden\n    w-full\n    flex-col;\n}\n\n// stepper item icon\n:host .stepper-item-icon {\n  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n  @apply text-color-3\n    opacity-disabled\n    mt-px\n    inline-flex\n    h-3\n    flex-shrink-0\n    self-start;\n}\n\n// stepper item title\n:host .stepper-item-header-text {\n  @apply flex-col;\n  text-align: initial;\n  margin-inline-end: auto;\n}\n\n:host .stepper-item-heading,\n:host .stepper-item-description {\n  @apply flex w-full;\n}\n:host .stepper-item-heading {\n  @apply text-color-2 mb-1 font-medium;\n}\n:host .stepper-item-description {\n  @apply text-color-3;\n}\n\n:host .stepper-item-number {\n  @apply text-color-3\n    font-medium;\n  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n}\n\n@include disabled();\n\n:host([complete]) .container {\n  // todo dark mode\n  border-color: rgba($h-bb-060, 0.5);\n  & .stepper-item-icon {\n    color: theme(\"backgroundColor.brand\");\n  }\n}\n\n:host([error]) .container {\n  @apply border-t-color-danger;\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.danger\");\n  }\n  & .stepper-item-icon {\n    @apply opacity-100;\n    color: theme(\"backgroundColor.danger\");\n  }\n}\n\n:host(:hover:not([disabled]):not([selected])) .container,\n:host(:focus:not([disabled]):not([selected])) .container {\n  @apply border-t-color-brand;\n\n  & .stepper-item-heading {\n    @apply text-color-1;\n  }\n  & .stepper-item-description {\n    @apply text-color-2;\n  }\n}\n\n:host([error]:hover:not([disabled]):not([selected])) .container,\n:host([error]:focus:not([disabled]):not([selected])) .container {\n  @apply border-t-color-danger-hover;\n}\n\n:host([selected]) .container {\n  border-block-start-color: theme(\"backgroundColor.brand\");\n  & .stepper-item-heading {\n    @apply text-color-1;\n  }\n  & .stepper-item-description {\n    @apply text-color-2;\n  }\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.brand\");\n  }\n\n  & .stepper-item-icon {\n    color: theme(\"backgroundColor.brand\");\n    @apply opacity-100;\n  }\n}\n\n:host([selected]) .container {\n  & .stepper-item-content {\n    @apply flex;\n  }\n}\n\n:host([layout=\"vertical\"]) {\n  @apply w-full;\n}\n\n:host([layout=\"vertical\"]) .container {\n  @apply border-color-3\n  mx-0\n  mt-0\n  flex-auto\n  border-t-0\n  border-solid\n  py-0;\n  border-inline-start-width: theme(\"borderWidth.2\");\n  padding-inline-start: var(--calcite-stepper-item-spacing-unit-l);\n\n  & .stepper-item-icon {\n    @apply order-3 mt-px mb-0;\n    padding-inline-start: var(--calcite-stepper-item-spacing-unit-s);\n    margin-inline-start: theme(\"margin.auto\");\n  }\n  & .stepper-item-header {\n    padding-inline-end: theme(\"padding.0\");\n  }\n  & .stepper-item-content {\n    @apply p-0;\n  }\n}\n\n:host([layout=\"vertical\"][complete]) .container {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"vertical\"][complete]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"][complete]:focus:not([disabled]):not([selected])) .container {\n  @apply border-color-brand;\n}\n:host([layout=\"vertical\"][error]) .container {\n  @apply border-color-danger;\n}\n:host([layout=\"vertical\"][selected]) .container {\n  @apply border-color-brand;\n\n  & .stepper-item-content:not(:empty) {\n    margin-block-end: var(--calcite-stepper-item-spacing-unit-l);\n  }\n}\n:host([layout=\"vertical\"]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"]:focus:not([disabled]):not([selected])) .container {\n  border-color: rgba($h-bb-060, 0.5);\n}\n:host([layout=\"vertical\"][error]:hover:not([disabled]):not([selected])) .container,\n:host([layout=\"vertical\"][error]:focus:not([disabled]):not([selected])) .container {\n  @apply border-color-danger-hover;\n}\n\n:host([layout=\"horizontal\"]),\n:host([layout=\"horizontal-single\"]) {\n  display: contents;\n\n  .container {\n    display: contents;\n  }\n\n  .stepper-item-header {\n    @apply border-color-3\n    border-0\n    border-solid\n    border-t-2\n    focus-base;\n    grid-row: items;\n\n    &:focus {\n      @apply focus-outset duration-0;\n    }\n  }\n\n  .stepper-item-content {\n    @apply cursor-auto duration-150 ease-in-out;\n    padding-block: 0;\n    padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n    text-align: start;\n  }\n}\n\n:host([layout=\"horizontal\"][disabled]),\n:host([layout=\"horizontal-single\"][disabled]) {\n  .stepper-item-header {\n    @extend %disabled-host-only;\n  }\n}\n\n:host([layout=\"horizontal-single\"]) {\n  .stepper-item-header {\n    grid-area: 1 / 1 / 1 / -1;\n  }\n}\n\n:host([layout=\"horizontal\"]),\n:host([layout=\"horizontal-single\"]) {\n  .stepper-item-content {\n    grid-area: 2 / 1 / 2 / -1;\n  }\n}\n\n:host([layout=\"horizontal\"][complete]),\n:host([layout=\"horizontal-single\"][complete]) {\n  .stepper-item-header {\n    border-color: rgba($h-bb-060, 0.5);\n  }\n}\n:host([layout=\"horizontal\"][complete]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal\"][complete]:focus:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"][complete]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"][complete]:focus:not([disabled]):not([selected])) {\n  .stepper-item-header {\n    @apply border-color-brand;\n  }\n}\n:host([layout=\"horizontal\"][error]),\n:host([layout=\"horizontal-single\"][error]) {\n  .stepper-item-header {\n    @apply border-color-danger;\n  }\n}\n:host([layout=\"horizontal\"][selected]),\n:host([layout=\"horizontal-single\"][selected]) {\n  .stepper-item-header {\n    @apply border-color-brand;\n  }\n}\n:host([layout=\"horizontal\"]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal\"]:focus:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"]:focus:not([disabled]):not([selected])) {\n  .stepper-item-header {\n    border-color: rgba($h-bb-060, 0.5);\n  }\n}\n:host([layout=\"horizontal\"][error]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal\"][error]:focus:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"][error]:hover:not([disabled]):not([selected])),\n:host([layout=\"horizontal-single\"][error]:focus:not([disabled]):not([selected])) {\n  .stepper-item-header {\n    @apply border-color-danger-hover;\n  }\n}\n\n@media (forced-colors: active) {\n  :host .container {\n    outline-width: 0;\n    outline-offset: 0;\n  }\n\n  :host(:focus),\n  :host(:focus-visible) {\n    outline-color: canvasText;\n  }\n\n  :host([selected]) .container {\n    border-block-start-color: highlight;\n    & .stepper-item-number {\n      color: highlight;\n    }\n    & .stepper-item-icon {\n      color: highlight;\n    }\n  }\n\n  :host([layout=\"vertical\"][selected]) .container {\n    border-color: highlight;\n  }\n}\n\n:host([layout=\"horizontal-single\"]) .stepper-item-header {\n  @apply border-none box-border\n  me-0;\n  inline-size: 100%;\n  padding-inline: calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem);\n}\n\n:host([layout=\"horizontal-single\"][error]) .container {\n  & .stepper-item-number {\n    color: theme(\"backgroundColor.danger\");\n  }\n  & .stepper-item-icon {\n    @apply opacity-100;\n    color: theme(\"backgroundColor.danger\");\n  }\n}\n\n:host([layout=\"horizontal-single\"][error][selected]),\n:host([layout=\"horizontal-single\"][complete][selected]) .container {\n  @apply text-color-3;\n  & .stepper-item-heading {\n    @apply text-color-2;\n  }\n}\n\n:host([layout=\"horizontal-single\"][complete][selected]) .container {\n  & .stepper-item-icon {\n    @apply opacity-disabled;\n  }\n  & .stepper-item-number {\n    @apply text-color-3;\n  }\n}\n\n.visually-hidden {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Scale } from \"../interfaces\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  StepperItemChangeEventDetail,\n  StepperItemEventDetail,\n  StepperItemKeyEventDetail,\n  StepperLayout,\n} from \"../stepper/interfaces\";\nimport {\n  numberStringFormatter,\n  LocalizedComponent,\n  disconnectLocalized,\n  connectLocalized,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport {\n  setUpLoadableComponent,\n  setComponentLoaded,\n  LoadableComponent,\n  componentFocusable,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS } from \"./resources\";\nimport { StepperItemMessages } from \"./assets/stepper-item/t9n\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-stepper-item\",\n  styleUrl: \"stepper-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class StepperItem\n  implements InteractiveComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedHandler(): void {\n    if (this.selected) {\n      this.emitRequestedItem();\n    }\n  }\n\n  /** When `true`, the step has been completed. */\n  @Prop({ reflect: true }) complete = false;\n\n  /** When `true`, the component contains an error that requires resolution from the user. */\n  @Prop({ reflect: true }) error = false;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The component header text. */\n  @Prop() heading: string;\n\n  /** A description for the component. Displays below the header text. */\n  @Prop() description: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * @internal\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  // watch for removal of disabled to register step\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.registerStepperItem();\n  }\n\n  /**\n   * When `true`, displays a status icon in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.\n   *\n   * @internal\n   */\n  @Prop() icon = false;\n\n  /**\n   * Specifies the layout of the `calcite-stepper-item` inherited from parent `calcite-stepper`, defaults to `horizontal`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) layout: StepperLayout;\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: StepperItemMessages;\n\n  /**\n   * When `true`, displays the step number in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.\n   *\n   * @internal\n   */\n  @Prop() numbered = false;\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-stepper`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\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<StepperItemMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Internal State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @State() defaultMessages: StepperItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(locale: string): void {\n    numberStringFormatter.numberFormatOptions = {\n      locale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: false,\n    };\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  headerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemKeyEvent: EventEmitter<StepperItemKeyEventDetail>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemSelect: EventEmitter<StepperItemEventDetail>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemRegister: EventEmitter<StepperItemEventDetail>;\n\n  /**\n   * Fires when the active `calcite-stepper-item` changes.\n   */\n  @Event({ cancelable: false }) calciteStepperItemSelect: EventEmitter<void>;\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    this.parentStepperEl = this.el.parentElement as HTMLCalciteStepperElement;\n    this.itemPosition = this.getItemPosition();\n    this.registerStepperItem();\n\n    if (this.selected) {\n      this.emitRequestedItem();\n    }\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  }\n\n  render(): VNode {\n    return (\n      <Host\n        aria-current={this.selected ? \"step\" : \"false\"}\n        onClick={this.handleItemClick}\n        onKeyDown={this.keyDownHandler}\n        tabIndex={this.disabled ? -1 : 0}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={CSS.container}>\n            {this.complete && (\n              <span aria-live=\"polite\" class={CSS.visuallyHidden}>\n                {this.messages.complete}\n              </span>\n            )}\n            <div\n              class={CSS.stepperItemHeader}\n              ref={(el) => (this.headerEl = el)}\n              tabIndex={\n                /* additional tab index logic needed because of display: contents */\n                this.layout === \"horizontal\" && !this.disabled ? 0 : null\n              }\n            >\n              {this.icon ? this.renderIcon() : null}\n              {this.numbered ? (\n                <div class={CSS.stepperItemNumber}>{this.renderNumbers()}.</div>\n              ) : null}\n              <div class={CSS.stepperItemHeaderText}>\n                <span class={CSS.stepperItemHeading}>{this.heading}</span>\n                <span class={CSS.stepperItemDescription}>{this.description}</span>\n              </div>\n            </div>\n            <div class={CSS.stepperItemContent}>\n              <slot />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalStepperItemChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void {\n    if (\n      event.target === this.parentStepperEl ||\n      event.composedPath().includes(this.parentStepperEl)\n    ) {\n      this.selectedPosition = event.detail.position;\n      this.determineSelectedItem();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    (this.layout === \"vertical\" ? this.el : this.headerEl)?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteStepperItemElement;\n\n  /** position within parent */\n  private itemPosition: number;\n\n  /** the latest requested item position*/\n  private selectedPosition: number;\n\n  /** the parent stepper component */\n  private parentStepperEl: HTMLCalciteStepperElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (!this.disabled && event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.emitUserRequestedItem();\n          event.preventDefault();\n          break;\n        case \"ArrowUp\":\n        case \"ArrowDown\":\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          this.calciteInternalStepperItemKeyEvent.emit({ item: event });\n          event.preventDefault();\n          break;\n      }\n    }\n  };\n\n  private renderIcon(): VNode {\n    let path: IconNameOrString = \"circle\";\n\n    if (this.selected && (this.layout !== \"horizontal-single\" || (!this.error && !this.complete))) {\n      path = \"circleF\";\n    } else if (this.error) {\n      path = \"exclamationMarkCircleF\";\n    } else if (this.complete) {\n      path = \"checkCircleF\";\n    }\n\n    return (\n      <calcite-icon class=\"stepper-item-icon\" flipRtl={this.iconFlipRtl} icon={path} scale=\"s\" />\n    );\n  }\n\n  private determineSelectedItem(): void {\n    this.selected = !this.disabled && this.itemPosition === this.selectedPosition;\n  }\n\n  private registerStepperItem(): void {\n    this.calciteInternalStepperItemRegister.emit({\n      position: this.itemPosition,\n    });\n  }\n\n  private handleItemClick = (event: MouseEvent): void => {\n    if (\n      this.disabled ||\n      (this.layout === \"horizontal\" &&\n        event\n          .composedPath()\n          .some((el) => (el as HTMLElement).classList?.contains(\"stepper-item-content\")))\n    ) {\n      return;\n    }\n\n    this.emitUserRequestedItem();\n  };\n\n  private emitUserRequestedItem = (): void => {\n    this.emitRequestedItem();\n    if (!this.disabled) {\n      this.calciteStepperItemSelect.emit();\n    }\n  };\n\n  private emitRequestedItem = (): void => {\n    if (!this.disabled) {\n      const position = this.itemPosition;\n\n      this.calciteInternalStepperItemSelect.emit({\n        position,\n      });\n    }\n  };\n\n  private getItemPosition(): number {\n    return Array.from(this.parentStepperEl?.querySelectorAll(\"calcite-stepper-item\")).indexOf(\n      this.el,\n    );\n  }\n\n  renderNumbers(): string {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: false,\n    };\n    return numberStringFormatter.numberFormatter.format(this.itemPosition + 1);\n  }\n}\n"],"mappings":";;;;;mdAAO,MAAMA,EAAM,CACjBC,WAAY,cACZC,gBAAiB,qBACjBC,cAAe,mBACfC,gBAAiB,mBACjBC,iBAAkB,qBAClBC,WAAY,eCIP,MAAMN,EAAM,CACjBO,QAAS,WACTC,cAAe,mBACfC,gBAAiB,qBACjBC,gBAAiB,qBACjBC,aAAc,kBACdC,gBAAiB,sBAGZ,MAAMC,EAA6C,EACxDC,WACAC,SACAC,WACAC,QACAC,SAEAC,EAAA,OACEC,MAAO,CACL,CAACpB,EAAIO,SAAU,MAEjBW,IAAKA,GAELC,EAAA,QACEC,MAAO,CACL,CAACpB,EAAIQ,eAAgBO,EACrB,CAACf,EAAIS,iBAAkBO,EACvB,CAAChB,EAAIU,iBAAkBI,EACvB,CAACd,EAAIW,cAAeM,EACpB,CAACjB,EAAIY,iBAAkB,MAEzBS,MAAM,OACNC,EAAE,IACFC,EAAE,OC1CR,MAAMC,EAAa,m3EACnB,MAAAC,EAAeD,E,MCiDFE,EAAO,M,0OAyTVC,KAAAC,aAAgD,GAEhDD,KAAAE,QAAU,IAAIC,IAEdH,KAAAI,MAAyC,GAEzCJ,KAAAK,iBAAmBC,EAAe,YAAY,IAAMN,KAAKO,gBAGzDP,KAAAQ,iBAAmB,MAEnBR,KAAAS,KAAO,0BAA0BA,MAuGjCT,KAAAU,kBAAqBC,IAC3B,MAAMC,EAAwBZ,KAAKY,sBACnC,MAAMC,EAASF,EAAME,OACrB,GAAIA,EAAOC,aAAa,mBAAqB,QAAS,CACpDd,KAAKe,U,KACA,CACLf,KAAKgB,U,CAGP,UACShB,KAAKY,wBAA0B,UACtCA,IAA0BZ,KAAKY,wBAC9BZ,KAAKI,MAAMJ,KAAKY,uBAAuBzB,SACxC,CACAa,KAAKiB,gB,GAaDjB,KAAAkB,eAAkBC,IACxBnB,KAAKoB,YAAcD,CAAE,EAGvBnB,KAAAqB,wBAA2BV,IACzB,MAAMP,EAAQkB,EAA8BX,GAAOY,QAChDJ,GAAOA,GAAIK,UAAY,yBAE1BxB,KAAKI,MAAQA,EACb,MAAMqB,EAAUC,MAAMtB,EAAMuB,QAAQC,KAAK,OAAOC,KAAK,KACrD7B,KAAKoB,YAAYU,MAAMC,kBAAoBN,EAC3CzB,KAAKoB,YAAYU,MAAME,oBAAsBP,EAC7CzB,KAAKiC,+BAA+B,E,UA1cN,M,YAGiB,a,cAGb,M,WAGI,I,yEAkC+B,K,oFAsP5C,G,qCAlR3B,oBAAAC,GACElC,KAAKO,cACLP,KAAKmC,wB,CAiBP,qBAAAC,GACEpC,KAAKiC,+B,CAiBP,gBAAAI,G,CAqCA,iBAAAC,GACEtC,KAAKK,kBAAkBkC,QAAQvC,KAAKmB,GAAI,CAAEqB,UAAW,OACrDxC,KAAKO,cACLkC,EAAgBzC,MAChB0C,EAAiB1C,K,CAGnB,uBAAM2C,SACEC,EAAc5C,K,CAGtB,gBAAA6C,GAEE,UAAW7C,KAAKY,wBAA0B,SAAU,CAClD,MAAMkC,EAAmB9C,KAAK+C,iCAE9B,GAAID,IAAqB,EAAG,CAC1B9C,KAAKY,sBAAwBkC,C,CAG/B9C,KAAKgD,iCAAiCC,KAAK,CACzCC,SAAUJ,G,EAKhB,oBAAAK,GACEC,EAAmBpD,MACnBqD,EAAoBrD,MACpBA,KAAKK,kBAAkBiD,Y,CAGzB,MAAAC,GACE,OACE/D,EAACgE,EAAI,CAAAjE,IAAA,wDAAaS,KAAKyD,SAASC,MAAOC,KAAK,UAC1CnE,EAAA,OAAAD,IAAA,2CACEE,MAAO,CAAEmE,UAAW,KAAM,CAACvF,EAAIM,YAAaqB,KAAK6D,SAAW,qBAC5DC,IAAK9D,KAAKkB,gBAETlB,KAAK6D,SAAW,qBACfrE,EAAA,OAAAD,IAAA,2CAAKE,MAAO,CAAE,CAACpB,EAAIK,kBAAmB,OACnCsB,KAAKI,MAAM2D,KAAI,CAACC,EAAMC,IACrBzE,EAACN,EAAO,CACNE,OAAQ6E,IAAUjE,KAAKY,sBACvBvB,SAAU2E,EAAK3E,UAAY4E,IAAUjE,KAAKY,wBAA0BoD,EAAK1E,MACzEH,SAAU6E,EAAK7E,UAAY8E,IAAUjE,KAAKY,sBAC1CtB,MAAO0E,EAAK1E,OAAS2E,IAAUjE,KAAKY,sBACpCrB,IAAK0E,OAKZjE,KAAK6D,SAAW,qBACfrE,EAAA,OAAAD,IAAA,2CAAKE,MAAO,CAAE,CAACpB,EAAII,iBAAkB,OAClCuB,KAAKkE,aAAa,SAClBlE,KAAKkE,aAAa,QAGvB1E,EAAA,QAAAD,IAAA,2CAAM4E,aAAcnE,KAAKqB,2B,CAajC,kCAAA+C,CAAmCzD,GACjC,MAAMqD,EAAOrD,EAAM0D,OAAOL,KAC1B,MAAMM,EAAc3D,EAAME,OAE1B,OAAQmD,EAAKzE,KACX,IAAK,YACL,IAAK,aACHgF,EAAoBvE,KAAKC,aAAcqE,EAAa,QACpD,MACF,IAAK,UACL,IAAK,YACHC,EAAoBvE,KAAKC,aAAcqE,EAAa,YACpD,MACF,IAAK,OACHC,EAAoBvE,KAAKC,aAAcqE,EAAa,SACpD,MACF,IAAK,MACHC,EAAoBvE,KAAKC,aAAcqE,EAAa,QACpD,MAEJ3D,EAAM6D,iB,CAIR,YAAAC,CAAa9D,GACX,MAAMqD,EAAOrD,EAAME,OACnB,MAAM6D,QAAEA,EAAOxB,SAAEA,GAAavC,EAAM0D,OAEpCrE,KAAKE,QAAQyE,IAAIX,EAAM,CAAEd,WAAUwB,YACnC1E,KAAKC,aAAeD,KAAK4E,cACzBjE,EAAM6D,iB,CAIR,UAAAK,CAAWlE,GACT,MAAMuC,SAAEA,GAAavC,EAAM0D,OAC3B,UAAWnB,IAAa,SAAU,CAChClD,KAAKY,sBAAwBsC,EAC7BlD,KAAK8E,aAAenE,EAAME,M,CAG5Bb,KAAKgD,iCAAiCC,KAAK,CACzCC,Y,CAKJ,gBAAA6B,GACE/E,KAAKiB,gB,CAWP,cAAMD,GACJ,MAAM8B,EAAmB9C,KAAKgF,oBAAoBhF,KAAKY,sBAAwB,EAAG,QAElF,UAAWkC,IAAqB,SAAU,CACxC,M,CAGF9C,KAAKiF,WAAWnC,E,CAKlB,cAAM/B,GACJ,MAAM+B,EAAmB9C,KAAKgF,oBAAoBhF,KAAKY,sBAAwB,EAAG,YAElF,UAAWkC,IAAqB,SAAU,CACxC,M,CAGF9C,KAAKiF,WAAWnC,E,CASlB,cAAMoC,CAASC,GACb,MAAMjC,EAAWiC,EAAO,EAExB,GAAInF,KAAKY,wBAA0BsC,EAAU,CAC3ClD,KAAKiF,WAAW/B,E,EAMpB,eAAMkC,GACJ,MAAMtC,EAAmB9C,KAAKgF,oBAAoB,EAAG,QAErD,UAAWlC,IAAqB,SAAU,CACxC,M,CAGF9C,KAAKiF,WAAWnC,E,CAKlB,aAAMuC,GACJ,MAAMvC,EAAmB9C,KAAKgF,oBAAoBhF,KAAKI,MAAMuB,OAAS,EAAG,YAEzE,UAAWmB,IAAqB,SAAU,CACxC,M,CAGF9C,KAAKiF,WAAWnC,E,CAgBlB,qBAAAwC,GACEC,EAAevF,KAAMA,KAAKwF,gB,CAM5B,oBAAAC,GACEC,GAAS,KACP1F,KAAKmC,wBAAwB,G,CAyBzB,cAAAlB,GACNjB,KAAK2F,yBAAyB1C,OAC9BjD,KAAK4F,qBAAqB3C,M,CAGpB,WAAA1C,GACNP,KAAKmB,GAAG0E,iBAAiB,wBAAwBC,SAAS9B,IACxDA,EAAK+B,KAAO/F,KAAK+F,KACjB/B,EAAKgC,SAAWhG,KAAKgG,SACrBhC,EAAKH,OAAS7D,KAAK6D,OACnBG,EAAKiC,MAAQjG,KAAKiG,KAAK,G,CAInB,sBAAA9D,GACN,MAAM/B,MAAEA,GAAUJ,KAElB,GAAII,EAAMuB,OAAS,EAAG,CACpB,M,CAGF,MAAMf,sBAAEA,EAAqBiD,OAAEA,GAAW7D,KAE1CA,KAAKQ,iBAAmBqD,IAAW,oBACnCzD,EAAM0F,SAAQ,CAAC9B,EAAMC,KACnBD,EAAKkC,OAASrC,IAAW,qBAAuBI,KAAWrD,GAAyB,EAAE,G,CAIlF,mBAAAoE,CACNmB,EACAC,EAAiC,QAEjC,MAAMhG,MAAEA,EAAKQ,sBAAEA,GAA0BZ,KAEzC,IAAIqG,EAAWF,EAEf,MAAO/F,EAAMiG,IAAWlH,UAAYa,KAAK6D,SAAW,oBAAqB,CACvEwC,EAAWA,GAAYD,IAAc,YAAc,EAAI,E,CAGzD,OAAOC,IAAazF,GAAyByF,EAAWjG,EAAMuB,QAAU0E,GAAY,EAChFA,EACA,I,CAGE,UAAApB,CAAW/B,GACjBlD,KAAKY,sBAAwBsC,EAC7BlD,KAAKgD,iCAAiCC,KAAK,CACzCC,Y,CAII,WAAA0B,GACN,OAAO5E,KAAKI,MAAMmB,QAAQyC,IAAUA,EAAK7E,U,CAGnC,6BAAA8C,GACNjC,KAAKI,MAAM0F,SAAS9B,IAClBA,EAAKsC,gBAAkBtG,KAAKsG,eAAe,G,CAIvC,YAAApC,CAAahB,GACnB,MAAMqD,EAAkBrD,IAAa,QACrC,MAAMsD,EAAOD,EAAkB,eAAiB,gBAChD,MAAM3F,sBAAEA,EAAqBJ,iBAAEA,EAAgBqD,OAAEA,GAAW7D,KAC5D,MAAMyG,EAAazG,KAAKI,MAAMuB,OAC9B,MAAM+E,EAAK,GAAG1G,KAAKS,QAAQ8F,EAAkB,QAAU,QAEvD,OAAO1C,IAAW,sBAAwBrD,EACxChB,EAAA,kBACEmH,UAAU,SACVC,WAAW,cACXnH,MAAO,CACL,CAACpB,EAAIC,YAAa,MAEpBuI,QAAS,KAAI,gBACE3D,EACf/D,SACGyB,IAA0B,GAAK2F,GAC/B3F,IAA0B6F,EAAa,IAAMF,EAEhDR,KAAMS,EACNM,YAAa,KACbJ,GAAIA,EACJK,QAAS/G,KAAKU,kBACduF,MAAOjG,KAAKiG,MACZe,KAAMT,EAAkBvG,KAAKyD,SAASwD,aAAejH,KAAKyD,SAASzC,WAEnE,I,CAqBE,8BAAA+B,GACN,MAAMD,EAAmB9C,KAAKI,MAAM8G,WAAWlD,IAAUA,EAAK7E,WAE9D,GAAI2D,GAAoB,EAAG,CACzB,OAAOA,C,CAET,OAAO,C,oZCrfJ,MAAMzE,EAAM,CACjBuF,UAAW,YACXuD,mBAAoB,uBACpBC,uBAAwB,2BACxBC,kBAAmB,sBACnBC,mBAAoB,uBACpBC,sBAAuB,2BACvBC,kBAAmB,sBACnBC,eAAgB,mBCRlB,MAAMC,EAAiB,i2XACvB,MAAAC,EAAeD,E,MC4DFE,EAAW,M,6VAyRd5H,KAAA6H,eAAkBlH,IACxB,IAAKX,KAAKb,UAAYwB,EAAME,SAAWb,KAAKmB,GAAI,CAC9C,OAAQR,EAAMpB,KACZ,IAAK,IACL,IAAK,QACHS,KAAK8H,wBACLnH,EAAMoH,iBACN,MACF,IAAK,UACL,IAAK,YACL,IAAK,YACL,IAAK,aACL,IAAK,OACL,IAAK,MACH/H,KAAKoE,mCAAmCnB,KAAK,CAAEe,KAAMrD,IACrDA,EAAMoH,iBACN,M,GA+BA/H,KAAAgI,gBAAmBrH,IACzB,GACEX,KAAKb,UACJa,KAAK6D,SAAW,cACflD,EACGsH,eACAC,MAAM/G,GAAQA,EAAmBgH,WAAWC,SAAS,0BAC1D,CACA,M,CAGFpI,KAAK8H,uBAAuB,EAGtB9H,KAAA8H,sBAAwB,KAC9B9H,KAAKqI,oBACL,IAAKrI,KAAKb,SAAU,CAClBa,KAAKsI,yBAAyBrF,M,GAI1BjD,KAAAqI,kBAAoB,KAC1B,IAAKrI,KAAKb,SAAU,CAClB,MAAM+D,EAAWlD,KAAKuI,aAEtBvI,KAAKwI,iCAAiCvF,KAAK,CACzCC,Y,iBAtV6C,M,cAUf,M,WAGH,M,cAGG,M,mEASG,M,yCAkBxB,M,4DAsBI,M,WAOqB,I,oFAqBb,E,CA1F3B,eAAAuF,GACE,GAAIzI,KAAK0I,SAAU,CACjB1I,KAAKqI,mB,EA6BT,eAAAM,GACE3I,KAAK4I,qB,CA8CP,gBAAAvG,G,CAeA,sBAAAwG,CAAuBC,GACrBC,EAAsBC,oBAAsB,CAC1CF,SACAxC,gBAAiBtG,KAAKsG,gBACtB2C,YAAa,OAEf1D,EAAevF,KAAMA,KAAKwF,gB,CAwC5B,iBAAAlD,GACE4G,EAAmBlJ,MACnB0C,EAAiB1C,MACjByC,EAAgBzC,K,CAGlB,uBAAM2C,GACJwG,EAAuBnJ,MACvBA,KAAKoJ,gBAAkBpJ,KAAKmB,GAAGkI,cAC/BrJ,KAAKuI,aAAevI,KAAKsJ,kBACzBtJ,KAAK4I,sBAEL,GAAI5I,KAAK0I,SAAU,CACjB1I,KAAKqI,mB,OAEDzF,EAAc5C,K,CAGtB,gBAAA6C,GACE0G,EAAmBvJ,K,CAGrB,kBAAAwJ,GACEC,EAAsBzJ,K,CAGxB,oBAAAmD,GACEuG,EAAsB1J,MACtBqD,EAAoBrD,MACpBoD,EAAmBpD,K,CAGrB,MAAAuD,GACE,OACE/D,EAACgE,EAAI,CAAAjE,IAAA,0DACWS,KAAK0I,SAAW,OAAS,QACvC3B,QAAS/G,KAAKgI,gBACd2B,UAAW3J,KAAK6H,eAChB+B,SAAU5J,KAAKb,UAAY,EAAI,GAE/BK,EAACqK,EAAoB,CAAAtK,IAAA,2CAACJ,SAAUa,KAAKb,UACnCK,EAAA,OAAAD,IAAA,2CAAKE,MAAOpB,EAAIuF,WACb5D,KAAKX,UACJG,EAAA,QAAAD,IAAA,uDAAgB,SAASE,MAAOpB,EAAIoJ,gBACjCzH,KAAKyD,SAASpE,UAGnBG,EAAA,OAAAD,IAAA,2CACEE,MAAOpB,EAAIgJ,kBACXvD,IAAM3C,GAAQnB,KAAK8J,SAAW3I,EAC9ByI,SAEE5J,KAAK6D,SAAW,eAAiB7D,KAAKb,SAAW,EAAI,MAGtDa,KAAK+F,KAAO/F,KAAK+J,aAAe,KAChC/J,KAAKgG,SACJxG,EAAA,OAAKC,MAAOpB,EAAImJ,mBAAoBxH,KAAKgK,gBAAe,KACtD,KACJxK,EAAA,OAAAD,IAAA,2CAAKE,MAAOpB,EAAIkJ,uBACd/H,EAAA,QAAAD,IAAA,2CAAME,MAAOpB,EAAIiJ,oBAAqBtH,KAAKiK,SAC3CzK,EAAA,QAAAD,IAAA,2CAAME,MAAOpB,EAAI+I,wBAAyBpH,KAAKkK,eAGnD1K,EAAA,OAAAD,IAAA,2CAAKE,MAAOpB,EAAI8I,oBACd3H,EAAA,QAAAD,IAAA,gD,CAeZ,wBAAA4K,CAAyBxJ,GACvB,GACEA,EAAME,SAAWb,KAAKoJ,iBACtBzI,EAAMsH,eAAemC,SAASpK,KAAKoJ,iBACnC,CACApJ,KAAKqK,iBAAmB1J,EAAM0D,OAAOnB,SACrClD,KAAKsK,uB,EAYT,cAAMC,SACEC,EAAmBxK,OAExBA,KAAK6D,SAAW,WAAa7D,KAAKmB,GAAKnB,KAAK8J,WAAWW,O,CA+ClD,UAAAV,GACN,IAAIvD,EAAyB,SAE7B,GAAIxG,KAAK0I,WAAa1I,KAAK6D,SAAW,sBAAyB7D,KAAKV,QAAUU,KAAKX,UAAY,CAC7FmH,EAAO,S,MACF,GAAIxG,KAAKV,MAAO,CACrBkH,EAAO,wB,MACF,GAAIxG,KAAKX,SAAU,CACxBmH,EAAO,c,CAGT,OACEhH,EAAA,gBAAcC,MAAM,oBAAoBiL,QAAS1K,KAAK8G,YAAaf,KAAMS,EAAMP,MAAM,K,CAIjF,qBAAAqE,GACNtK,KAAK0I,UAAY1I,KAAKb,UAAYa,KAAKuI,eAAiBvI,KAAKqK,gB,CAGvD,mBAAAzB,GACN5I,KAAK2K,mCAAmC1H,KAAK,CAC3CC,SAAUlD,KAAKuI,c,CAmCX,eAAAe,GACN,OAAO5H,MAAMkJ,KAAK5K,KAAKoJ,iBAAiBvD,iBAAiB,yBAAyBgF,QAChF7K,KAAKmB,G,CAIT,aAAA6I,GACEjB,EAAsBC,oBAAsB,CAC1CF,OAAQ9I,KAAKwF,gBACbc,gBAAiBtG,KAAKsG,gBACtB2C,YAAa,OAEf,OAAOF,EAAsB+B,gBAAgBC,OAAO/K,KAAKuI,aAAe,E","ignoreList":[]}

package/dist/calcite/p-20bc22ca.entry.js

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

package/dist/calcite/p-20d6d814.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{h as t}from"./p-e7104b8d.js";const o={arrow:"calcite-floating-ui-arrow",arrowStroke:"calcite-floating-ui-arrow__stroke"};const e={width:12,height:6,strokeWidth:1};const r=({floatingLayout:r,key:i,ref:s})=>{const{width:a,height:n,strokeWidth:h}=e;const c=a/2;const d=r==="vertical";const l="M0,0"+` H${a}`+` L${a-c},${n}`+` Q${c},${n} ${c},${n}`+" Z";return t("svg",{"aria-hidden":"true",class:o.arrow,height:a,key:i,ref:s,viewBox:`0 0 ${a} ${a+(!d?h:0)}`,width:a+(d?h:0)},h>0&&t("path",{class:o.arrowStroke,d:l,fill:"none","stroke-width":h+1}),t("path",{d:l,stroke:"none"}))};export{r as F};
-//# sourceMappingURL=p-20d6d814.js.map

package/dist/calcite/p-258a4ccb.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as e,c as t,h as s,g as i}from"./p-e7104b8d.js";import{s as a,k as c,t as n}from"./p-27ab49c7.js";import{c as h,d as o,u as r,I as l}from"./p-8f8cbbc7.js";import{a as d,s as p,c as f}from"./p-5b45eef3.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-3c4fe54e.js";const b=":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}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:0.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:0.25rem}:host([scale=l]) .container{gap:0.75rem}: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 u=b;const m=class{constructor(s){e(this,s);this.calciteChipGroupSelect=t(this,"calciteChipGroupSelect",6);this.items=[];this.updateItems=e=>{const t=this.slotRefEl?.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-chip")));this.items=!e?t:a(e);if(this.items?.length<1){return}this.items?.forEach((e=>{e.interactive=true;e.scale=this.scale;e.selectionMode=this.selectionMode;e.parentChipGroup=this.el}));this.setSelectedItems(false)};this.updateSelectedItems=()=>{this.selectedItems=this.items?.filter((e=>e.selected))};this.setSelectedItems=(e,t)=>{if(t){this.items?.forEach((e=>{const s=t===e;switch(this.selectionMode){case"multiple":if(s){e.selected=!e.selected}break;case"single":e.selected=s?!e.selected:false;break;case"single-persist":e.selected=!!s;break}}))}this.updateSelectedItems();if(e){this.calciteChipGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.scale="m";this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.updateItems()}connectedCallback(){h(this)}componentDidRender(){o(this);r(this)}componentDidLoad(){d(this)}async componentWillLoad(){p(this)}calciteInternalChipKeyEventListener(e){if(e.composedPath().includes(this.el)){const t=this.items?.filter((e=>!e.disabled));switch(e.detail.key){case"ArrowRight":c(t,e.detail.target,"next");break;case"ArrowLeft":c(t,e.detail.target,"previous");break;case"Home":c(t,e.detail.target,"first");break;case"End":c(t,e.detail.target,"last");break}}e.stopPropagation()}calciteChipCloseListener(e){const t=e.target;if(this.items?.includes(t)){if(this.items?.indexOf(t)>0){c(this.items,t,"previous")}else if(this.items?.indexOf(t)===0){c(this.items,t,"next")}else{c(this.items,t,"first")}}this.items=this.items?.filter((e=>e!==t));e.stopPropagation()}calciteChipSelectListener(e){if(e.composedPath().includes(this.el)){this.setSelectedItems(true,e.target)}e.stopPropagation()}calciteInternalChipSelectListener(e){if(e.composedPath().includes(this.el)){this.setSelectedItems(false,e.target)}e.stopPropagation()}calciteInternalSyncSelectedChips(e){if(e.composedPath().includes(this.el)){this.updateSelectedItems();if(this.selectionMode==="single"&&this.selectedItems.length>1){this.setSelectedItems(false,e.target)}}e.stopPropagation()}async setFocus(){await f(this);if(!this.disabled){return(this.selectedItems[0]||this.items[0])?.setFocus()}}render(){const e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";const{disabled:t}=this;return s(l,{key:"341dd9e8f25d4d358ea6e33740d8b851a5fa0e9d",disabled:t},s("div",{key:"66c9eaa00b7ca0c602f94a017f5b6ef6afc3bd93","aria-disabled":n(t),"aria-label":this.label,class:"container",role:e},s("slot",{key:"d62c336c6cdca0bbd5c6673975ae4a25bc8ef9df",onSlotchange:this.updateItems,ref:e=>this.slotRefEl=e})))}get el(){return i(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};m.style=u;export{m as calcite_chip_group};
-//# sourceMappingURL=p-258a4ccb.entry.js.map

package/dist/calcite/p-258a4ccb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["chipGroupCss","CalciteChipGroupStyle0","ChipGroup","this","items","updateItems","event","itemsFromSlot","slotRefEl","assignedElements","flatten","filter","el","matches","slotChangeGetAssignedElements","length","forEach","interactive","scale","selectionMode","parentChipGroup","setSelectedItems","updateSelectedItems","selectedItems","selected","emit","elToMatch","matchingEl","calciteChipGroupSelect","onSelectionModeChange","connectedCallback","connectInteractive","componentDidRender","disconnectInteractive","updateHostInteraction","componentDidLoad","setComponentLoaded","componentWillLoad","setUpLoadableComponent","calciteInternalChipKeyEventListener","composedPath","includes","interactiveItems","disabled","detail","key","focusElementInGroup","target","stopPropagation","calciteChipCloseListener","item","indexOf","calciteChipSelectListener","calciteInternalChipSelectListener","calciteInternalSyncSelectedChips","setFocus","componentFocusable","render","role","h","InteractiveContainer","toAriaBoolean","label","class","onSlotchange","ref"],"sources":["src/components/chip-group/chip-group.scss?tag=calcite-chip-group&encapsulation=shadow","src/components/chip-group/chip-group.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n\n.container {\n  display: flex;\n  inline-size: 100%;\n  flex-wrap: wrap;\n  gap: theme(\"spacing.2\");\n}\n\n::slotted(calcite-chip) {\n  flex: none;\n}\n\n:host([scale=\"s\"]) .container {\n  gap: theme(\"spacing.1\");\n}\n\n:host([scale=\"l\"]) .container {\n  gap: theme(\"spacing.3\");\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  h,\n  VNode,\n  Prop,\n  Element,\n  Listen,\n  EventEmitter,\n  Event,\n  Method,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElementInGroup, slotChangeGetAssignedElements, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport {\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\n/**\n * @slot - A slot for adding one or more `calcite-chip`s.\n */\n@Component({\n  tag: \"calcite-chip-group\",\n  styleUrl: \"chip-group.scss\",\n  shadow: true,\n})\nexport class ChipGroup implements InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies the size of the component. Child `calcite-chip`s inherit the component's value. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection,\n   *\n   * `\"single-persist\"` allows one selection and prevents de-selection, and\n   *\n   * `\"none\"` does not allow any selections.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"single\" | \"single-persist\" | \"none\",\n    SelectionMode\n  > = \"none\";\n\n  @Watch(\"selectionMode\")\n  onSelectionModeChange(): void {\n    this.updateItems();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteChipElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteChipGroupElement;\n\n  private items: HTMLCalciteChipElement[] = [];\n\n  private slotRefEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component's selection changes. */\n  @Event({ cancelable: false }) calciteChipGroupSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    disconnectInteractive(this);\n    updateHostInteraction(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalChipKeyEvent\")\n  calciteInternalChipKeyEventListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      const interactiveItems = this.items?.filter((el) => !el.disabled);\n      switch (event.detail.key) {\n        case \"ArrowRight\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"next\");\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"previous\");\n          break;\n        case \"Home\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"first\");\n          break;\n        case \"End\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"last\");\n          break;\n      }\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteChipClose\")\n  calciteChipCloseListener(event: CustomEvent): void {\n    const item = event.target as HTMLCalciteChipElement;\n    if (this.items?.includes(item)) {\n      if (this.items?.indexOf(item) > 0) {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"previous\");\n      } else if (this.items?.indexOf(item) === 0) {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"next\");\n      } else {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"first\");\n      }\n    }\n    this.items = this.items?.filter((el) => el !== item);\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteChipSelect\")\n  calciteChipSelectListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.setSelectedItems(true, event.target as HTMLCalciteChipElement);\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalChipSelect\")\n  calciteInternalChipSelectListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.setSelectedItems(false, event.target as HTMLCalciteChipElement);\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalSyncSelectedChips\")\n  calciteInternalSyncSelectedChips(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.updateSelectedItems();\n      if (this.selectionMode === \"single\" && this.selectedItems.length > 1) {\n        this.setSelectedItems(false, event.target as HTMLCalciteChipElement);\n      }\n    }\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public 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    if (!this.disabled) {\n      return (this.selectedItems[0] || this.items[0])?.setFocus();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateItems = (event?: Event): void => {\n    const itemsFromSlot = this.slotRefEl\n      ?.assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-chip\")) as HTMLCalciteChipElement[];\n\n    this.items = !event\n      ? itemsFromSlot\n      : (slotChangeGetAssignedElements(event) as HTMLCalciteChipElement[]);\n\n    if (this.items?.length < 1) {\n      return;\n    }\n\n    this.items?.forEach((el) => {\n      el.interactive = true;\n      el.scale = this.scale;\n      el.selectionMode = this.selectionMode;\n      el.parentChipGroup = this.el;\n    });\n\n    this.setSelectedItems(false);\n  };\n\n  private updateSelectedItems = (): void => {\n    this.selectedItems = this.items?.filter((el) => el.selected);\n  };\n\n  private setSelectedItems = (emit: boolean, elToMatch?: HTMLCalciteChipElement): void => {\n    if (elToMatch) {\n      this.items?.forEach((el) => {\n        const matchingEl = elToMatch === el;\n        switch (this.selectionMode) {\n          case \"multiple\":\n            if (matchingEl) {\n              el.selected = !el.selected;\n            }\n            break;\n\n          case \"single\":\n            el.selected = matchingEl ? !el.selected : false;\n            break;\n\n          case \"single-persist\":\n            el.selected = !!matchingEl;\n            break;\n        }\n      });\n    }\n\n    this.updateSelectedItems();\n\n    if (emit) {\n      this.calciteChipGroupSelect.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const role =\n      this.selectionMode === \"none\" || this.selectionMode === \"multiple\" ? \"group\" : \"radiogroup\";\n    const { disabled } = this;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <div\n          aria-disabled={toAriaBoolean(disabled)}\n          aria-label={this.label}\n          class=\"container\"\n          role={role}\n        >\n          <slot\n            onSlotchange={this.updateItems}\n            ref={(el) => (this.slotRefEl = el as HTMLSlotElement)}\n          />\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-27ab49c7.js

@@ -1,12 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{g as n}from"./p-6f580f9d.js";import{C as r}from"./p-56bab01f.js";
-/*!
-* tabbable 6.2.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-var t=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"];var e=t.join(",");var i=typeof Element==="undefined";var o=i?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var u=!i&&Element.prototype.getRootNode?function(n){var r;return n===null||n===void 0?void 0:(r=n.getRootNode)===null||r===void 0?void 0:r.call(n)}:function(n){return n===null||n===void 0?void 0:n.ownerDocument};var a=function n(r,t){var e;if(t===void 0){t=true}var i=r===null||r===void 0?void 0:(e=r.getAttribute)===null||e===void 0?void 0:e.call(r,"inert");var o=i===""||i==="true";var u=o||t&&r&&n(r.parentNode);return u};var f=function n(r){var t;var e=r===null||r===void 0?void 0:(t=r.getAttribute)===null||t===void 0?void 0:t.call(r,"contenteditable");return e===""||e==="true"};var s=function n(r,t,i){if(a(r)){return[]}var u=Array.prototype.slice.apply(r.querySelectorAll(e));if(t&&o.call(r,e)){u.unshift(r)}u=u.filter(i);return u};var l=function n(r,t,i){var u=[];var f=Array.from(r);while(f.length){var s=f.shift();if(a(s,false)){continue}if(s.tagName==="SLOT"){var l=s.assignedElements();var c=l.length?l:s.children;var v=n(c,true,i);if(i.flatten){u.push.apply(u,v)}else{u.push({scopeParent:s,candidates:v})}}else{var d=o.call(s,e);if(d&&i.filter(s)&&(t||!r.includes(s))){u.push(s)}var p=s.shadowRoot||typeof i.getShadowRoot==="function"&&i.getShadowRoot(s);var y=!a(p,false)&&(!i.shadowRootFilter||i.shadowRootFilter(s));if(p&&y){var m=n(p===true?s.children:p.children,true,i);if(i.flatten){u.push.apply(u,m)}else{u.push({scopeParent:s,candidates:m})}}else{f.unshift.apply(f,s.children)}}}return u};var c=function n(r){return!isNaN(parseInt(r.getAttribute("tabindex"),10))};var v=function n(r){if(!r){throw new Error("No node provided")}if(r.tabIndex<0){if((/^(AUDIO|VIDEO|DETAILS)$/.test(r.tagName)||f(r))&&!c(r)){return 0}}return r.tabIndex};var d=function n(r,t){var e=v(r);if(e<0&&t&&!c(r)){return 0}return e};var p=function n(r,t){return r.tabIndex===t.tabIndex?r.documentOrder-t.documentOrder:r.tabIndex-t.tabIndex};var y=function n(r){return r.tagName==="INPUT"};var m=function n(r){return y(r)&&r.type==="hidden"};var w=function n(r){var t=r.tagName==="DETAILS"&&Array.prototype.slice.apply(r.children).some((function(n){return n.tagName==="SUMMARY"}));return t};var h=function n(r,t){for(var e=0;e<r.length;e++){if(r[e].checked&&r[e].form===t){return r[e]}}};var A=function n(r){if(!r.name){return true}var t=r.form||u(r);var e=function n(r){return t.querySelectorAll('input[type="radio"][name="'+r+'"]')};var i;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){i=e(window.CSS.escape(r.name))}else{try{i=e(r.name)}catch(n){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",n.message);return false}}var o=h(i,r.form);return!o||o===r};var E=function n(r){return y(r)&&r.type==="radio"};var S=function n(r){return E(r)&&!A(r)};var b=function n(r){var t;var e=r&&u(r);var i=(t=e)===null||t===void 0?void 0:t.host;var o=false;if(e&&e!==r){var a,f,s;o=!!((a=i)!==null&&a!==void 0&&(f=a.ownerDocument)!==null&&f!==void 0&&f.contains(i)||r!==null&&r!==void 0&&(s=r.ownerDocument)!==null&&s!==void 0&&s.contains(r));while(!o&&i){var l,c,v;e=u(i);i=(l=e)===null||l===void 0?void 0:l.host;o=!!((c=i)!==null&&c!==void 0&&(v=c.ownerDocument)!==null&&v!==void 0&&v.contains(i))}}return o};var g=function n(r){var t=r.getBoundingClientRect(),e=t.width,i=t.height;return e===0&&i===0};var N=function n(r,t){var e=t.displayCheck,i=t.getShadowRoot;if(getComputedStyle(r).visibility==="hidden"){return true}var a=o.call(r,"details>summary:first-of-type");var f=a?r.parentElement:r;if(o.call(f,"details:not([open]) *")){return true}if(!e||e==="full"||e==="legacy-full"){if(typeof i==="function"){var s=r;while(r){var l=r.parentElement;var c=u(r);if(l&&!l.shadowRoot&&i(l)===true){return g(r)}else if(r.assignedSlot){r=r.assignedSlot}else if(!l&&c!==r.ownerDocument){r=c.host}else{r=l}}r=s}if(b(r)){return!r.getClientRects().length}if(e!=="legacy-full"){return true}}else if(e==="non-zero-area"){return g(r)}return false};var I=function n(r){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(r.tagName)){var t=r.parentElement;while(t){if(t.tagName==="FIELDSET"&&t.disabled){for(var e=0;e<t.children.length;e++){var i=t.children.item(e);if(i.tagName==="LEGEND"){return o.call(t,"fieldset[disabled] *")?true:!i.contains(r)}}return true}t=t.parentElement}}return false};var T=function n(r,t){if(t.disabled||a(t)||m(t)||N(t,r)||w(t)||I(t)){return false}return true};var x=function n(r,t){if(S(t)||v(t)<0||!T(r,t)){return false}return true};var $=function n(r){var t=parseInt(r.getAttribute("tabindex"),10);if(isNaN(t)||t>=0){return true}return false};var C=function n(r){var t=[];var e=[];r.forEach((function(r,i){var o=!!r.scopeParent;var u=o?r.scopeParent:r;var a=d(u,o);var f=o?n(r.candidates):u;if(a===0){o?t.push.apply(t,f):t.push(u)}else{e.push({documentOrder:i,tabIndex:a,item:r,isScope:o,content:f})}}));return e.sort(p).reduce((function(n,r){r.isScope?n.push.apply(n,r.content):n.push(r.content);return n}),[]).concat(t)};var D=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=l([r],t.includeContainer,{filter:x.bind(null,t),flatten:false,getShadowRoot:t.getShadowRoot,shadowRootFilter:$})}else{e=s(r,t.includeContainer,x.bind(null,t))}return C(e)};var F=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=l([r],t.includeContainer,{filter:T.bind(null,t),flatten:true,getShadowRoot:t.getShadowRoot})}else{e=s(r,t.includeContainer,T.bind(null,t))}return e};var L=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(o.call(r,e)===false){return false}return x(t,r)};var R=t.concat("iframe").join(",");var k=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(o.call(r,R)===false){return false}return T(t,r)};const O={getShadowRoot:true};function P(r){if(!r){return""}return r.id=r.id||`${r.tagName.toLowerCase()}-${n()}`}function U(n){return Array.isArray(n)?n:Array.from(n)}function B(n){const t=X(n,`.${r.darkMode}, .${r.lightMode}`);return t?.classList.contains("calcite-mode-dark")?"dark":"light"}function j(n){const r="dir";const t=`[${r}]`;const e=X(n,t);return e?e.getAttribute(r):"ltr"}function q(n){if(!n){return 0}return parseFloat(getComputedStyle(n).inlineSize)}function z(n){return n.getRootNode()}function G(n){const r=z(n);return"host"in r?r:null}function M(n,r){if(!n){return 0}const t=document.createElement("canvas");const e=t.getContext("2d");e.font=r;return e.measureText(n).width}function H(n){return n.host||null}function V(n,{selector:r,id:t}){function e(n){if(!n){return null}if(n.assignedSlot){n=n.assignedSlot}const i=z(n);const o=t?"getElementById"in i?i.getElementById(t):null:r?i.querySelector(r):null;const u=H(i);return o?o:u?e(u):null}return e(n)}function X(n,r){function t(n){return n?n.closest(r)||t(H(z(n))):null}return t(n)}function Y(n,r){return J(n,r)}function J(n,r){if(!n){return}const t=r(n);if(t!==undefined){return t}const{parentNode:e}=n;return J(e instanceof ShadowRoot?e.host:e,r)}function K(n,r){return!!Y(r,(r=>r===n?true:undefined))}function Q(n){return typeof n?.setFocus==="function"}async function W(n){if(!n){return}return Q(n)?n.setFocus():n.focus()}function Z(n){if(!n){return}return D(n,O)[0]??n}function _(n){Z(n)?.focus()}const nn=":not([slot])";function rn(n,r,t){if(r&&!Array.isArray(r)&&typeof r!=="string"){t=r;r=null}const e=r?Array.isArray(r)?r.map((n=>`[slot="${n}"]`)).join(","):`[slot="${r}"]`:nn;if(t?.all){return en(n,e,t)}return on(n,e,t)}function tn(n,r){return n?Array.from(n.children||[]).filter((n=>n?.matches(r))):[]}function en(n,r,t){let e=r===nn?tn(n,nn):Array.from(n.querySelectorAll(r));e=t&&t.direct===false?e:e.filter((r=>r.parentElement===n));e=t?.matches?e.filter((n=>n?.matches(t.matches))):e;const i=t?.selector;return i?e.map((n=>Array.from(n.querySelectorAll(i)))).reduce(((n,r)=>[...n,...r]),[]).filter((n=>!!n)):e}function on(n,r,t){let e=r===nn?tn(n,nn)[0]||null:n.querySelector(r);e=t&&t.direct===false?e:e?.parentElement===n?e:null;e=t?.matches?e?.matches(t.matches)?e:null:e;const i=t?.selector;return i?e?.querySelector(i):e}function un(n,r){return Array.from(n.children).filter((n=>n.matches(r)))}function an(n,r){return n.filter((n=>n.matches(r)))}function fn(n,r,t){if(typeof r==="string"&&r!==""){return r}else if(r===""){return n[t]}}function sn(n,r){return!(r.left>n.right||r.right<n.left||r.top>n.bottom||r.bottom<n.top)}function ln(n){return Boolean(n).toString()}function cn(n){return yn(n)||dn(n)}function vn(n){return pn(n).filter((n=>n.nodeType===Node.TEXT_NODE)).map((n=>n.textContent)).join("").trim()}function dn(n){return!!vn(n)}function pn(n){return n.currentTarget.assignedNodes({flatten:true})}function yn(n){return!!mn(n).length}function mn(n,r){return wn(n.target,r)}function wn(n,r){const t=n.assignedElements({flatten:true});return r?an(t,r):t}function hn(n){return!!(n.isPrimary&&n.button===0)}function An(n){return n.detail===0}const En=(n,r,t,e=true)=>{const i=n.indexOf(r);const o=i===0;const u=i===n.length-1;if(e){t=t==="previous"&&o?"last":t==="next"&&u?"first":t}let a;if(t==="previous"){a=n[i-1]||n[e?n.length-1:i]}else if(t==="next"){a=n[i+1]||n[e?0:i]}else if(t==="last"){a=n[n.length-1]}else{a=n[0]}W(a);return a};function Sn(n,r){if(n.parentNode!==r.parentNode){return false}const t=Array.from(n.parentNode.children);return t.indexOf(n)<t.indexOf(r)}async function bn(n,r,t,e){return Nn(n,r,"animation",t,e)}async function gn(n,r,t,e){return Nn(n,r,"transition",t,e)}async function Nn(n,r,t,e,i){const o=window.getComputedStyle(n);const u=t==="transition"?o.transitionDuration:o.animationDuration;const a=t==="transition"?o.transitionProperty:o.animationName;const f=u.split(",");const s=a.split(",").map((n=>n.trim()));const l=s.indexOf(r);const c=f[l]??f[0];function v(){requestAnimationFrame((()=>{e?.();requestAnimationFrame((()=>i?.()))}))}if(c==="0s"){v();return}const d=t==="transition"?"transitionstart":"animationstart";const p=t==="transition"?"transitionend":"animationend";const y=t==="transition"?"transitioncancel":"animationcancel";return new Promise((t=>{const o=window.setTimeout((()=>{n.removeEventListener(d,u);n.removeEventListener(p,a);n.removeEventListener(y,a);v();t()}),parseFloat(c)*1e3);n.addEventListener(d,u);n.addEventListener(p,a);n.addEventListener(y,a);function u(t){if(t.target===n&&Tn(t)===r){window.clearTimeout(o);n.removeEventListener(d,u);e?.()}}function a(e){if(e.target===n&&Tn(e)===r){n.removeEventListener(p,a);n.removeEventListener(y,a);i?.();t()}}}))}function In(n){return"propertyName"in n}function Tn(n){return In(n)?n.propertyName:n.animationName}export{G as A,bn as B,U as C,un as D,q as E,M as F,Z as G,wn as H,X as a,yn as b,K as c,W as d,rn as e,_ as f,j as g,fn as h,B as i,Sn as j,En as k,k as l,D as m,F as n,L as o,v as p,V as q,O as r,mn as s,ln as t,hn as u,sn as v,gn as w,P as x,An as y,cn as z};
-//# sourceMappingURL=p-27ab49c7.js.map

package/dist/calcite/p-27b69025.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{D as t}from"./p-56bab01f.js";import{g as n}from"./p-27ab49c7.js";import{i as e}from"./p-3c4fe54e.js";import{d as o}from"./p-17c701ba.js";const i=["top","right","bottom","left"];const s=["start","end"];const r=i.reduce(((t,n)=>t.concat(n,n+"-"+s[0],n+"-"+s[1])),[]);const c=Math.min;const l=Math.max;const a=Math.round;const f=Math.floor;const u=t=>({x:t,y:t});const d={left:"right",right:"left",bottom:"top",top:"bottom"};const m={start:"end",end:"start"};function p(t,n,e){return l(t,c(n,e))}function h(t,n){return typeof t==="function"?t(n):t}function y(t){return t.split("-")[0]}function g(t){return t.split("-")[1]}function w(t){return t==="x"?"y":"x"}function x(t){return t==="y"?"height":"width"}function v(t){return["top","bottom"].includes(y(t))?"y":"x"}function b(t){return w(v(t))}function A(t,n,e){if(e===void 0){e=false}const o=g(t);const i=b(t);const s=x(i);let r=i==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[s]>n.floating[s]){r=O(r)}return[r,O(r)]}function k(t){const n=O(t);return[D(t),n,D(n)]}function D(t){return t.replace(/start|end/g,(t=>m[t]))}function S(t,n,e){const o=["left","right"];const i=["right","left"];const s=["top","bottom"];const r=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?i:o;return n?o:i;case"left":case"right":return n?s:r;default:return[]}}function P(t,n,e,o){const i=g(t);let s=S(y(t),e==="start",o);if(i){s=s.map((t=>t+"-"+i));if(n){s=s.concat(s.map(D))}}return s}function O(t){return t.replace(/left|right|bottom|top/g,(t=>d[t]))}function R(t){return{top:0,right:0,bottom:0,left:0,...t}}function E(t){return typeof t!=="number"?R(t):{top:t,right:t,bottom:t,left:t}}function F(t){const{x:n,y:e,width:o,height:i}=t;return{width:o,height:i,top:e,left:n,right:n+o,bottom:e+i,x:n,y:e}}function M(t,n,e){let{reference:o,floating:i}=t;const s=v(n);const r=b(n);const c=x(r);const l=y(n);const a=s==="y";const f=o.x+o.width/2-i.width/2;const u=o.y+o.height/2-i.height/2;const d=o[c]/2-i[c]/2;let m;switch(l){case"top":m={x:f,y:o.y-i.height};break;case"bottom":m={x:f,y:o.y+o.height};break;case"right":m={x:o.x+o.width,y:u};break;case"left":m={x:o.x-i.width,y:u};break;default:m={x:o.x,y:o.y}}switch(g(n)){case"start":m[r]-=d*(e&&a?-1:1);break;case"end":m[r]+=d*(e&&a?-1:1);break}return m}const C=async(t,n,e)=>{const{placement:o="bottom",strategy:i="absolute",middleware:s=[],platform:r}=e;const c=s.filter(Boolean);const l=await(r.isRTL==null?void 0:r.isRTL(n));let a=await r.getElementRects({reference:t,floating:n,strategy:i});let{x:f,y:u}=M(a,o,l);let d=o;let m={};let p=0;for(let e=0;e<c.length;e++){const{name:s,fn:h}=c[e];const{x:y,y:g,data:w,reset:x}=await h({x:f,y:u,initialPlacement:o,placement:d,strategy:i,middlewareData:m,rects:a,platform:r,elements:{reference:t,floating:n}});f=y!=null?y:f;u=g!=null?g:u;m={...m,[s]:{...m[s],...w}};if(x&&p<=50){p++;if(typeof x==="object"){if(x.placement){d=x.placement}if(x.rects){a=x.rects===true?await r.getElementRects({reference:t,floating:n,strategy:i}):x.rects}({x:f,y:u}=M(a,d,l))}e=-1}}return{x:f,y:u,placement:d,strategy:i,middlewareData:m}};async function T(t,n){var e;if(n===void 0){n={}}const{x:o,y:i,platform:s,rects:r,elements:c,strategy:l}=t;const{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:d=false,padding:m=0}=h(n,t);const p=E(m);const y=u==="floating"?"reference":"floating";const g=c[d?y:u];const w=F(await s.getClippingRect({element:((e=await(s.isElement==null?void 0:s.isElement(g)))!=null?e:true)?g:g.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:a,rootBoundary:f,strategy:l}));const x=u==="floating"?{x:o,y:i,width:r.floating.width,height:r.floating.height}:r.reference;const v=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating));const b=await(s.isElement==null?void 0:s.isElement(v))?await(s.getScale==null?void 0:s.getScale(v))||{x:1,y:1}:{x:1,y:1};const A=F(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:v,strategy:l}):x);return{top:(w.top-A.top+p.top)/b.y,bottom:(A.bottom-w.bottom+p.bottom)/b.y,left:(w.left-A.left+p.left)/b.x,right:(A.right-w.right+p.right)/b.x}}const j=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:o,placement:i,rects:s,platform:r,elements:l,middlewareData:a}=n;const{element:f,padding:u=0}=h(t,n)||{};if(f==null){return{}}const d=E(u);const m={x:e,y:o};const y=b(i);const w=x(y);const v=await r.getDimensions(f);const A=y==="y";const k=A?"top":"left";const D=A?"bottom":"right";const S=A?"clientHeight":"clientWidth";const P=s.reference[w]+s.reference[y]-m[y]-s.floating[w];const O=m[y]-s.reference[y];const R=await(r.getOffsetParent==null?void 0:r.getOffsetParent(f));let F=R?R[S]:0;if(!F||!await(r.isElement==null?void 0:r.isElement(R))){F=l.floating[S]||s.floating[w]}const M=P/2-O/2;const C=F/2-v[w]/2-1;const T=c(d[k],C);const j=c(d[D],C);const z=T;const B=F-v[w]-j;const $=F/2-v[w]/2+M;const H=p(z,$,B);const L=!a.arrow&&g(i)!=null&&$!==H&&s.reference[w]/2-($<z?T:j)-v[w]/2<0;const W=L?$<z?$-z:$-B:0;return{[y]:m[y]+W,data:{[y]:H,centerOffset:$-H-W,...L&&{alignmentOffset:W}},reset:L}}});function z(t,n,e){const o=t?[...e.filter((n=>g(n)===t)),...e.filter((n=>g(n)!==t))]:e.filter((t=>y(t)===t));return o.filter((e=>{if(t){return g(e)===t||(n?D(e)!==e:false)}return true}))}const B=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,async fn(n){var e,o,i;const{rects:s,middlewareData:c,placement:l,platform:a,elements:f}=n;const{crossAxis:u=false,alignment:d,allowedPlacements:m=r,autoAlignment:p=true,...w}=h(t,n);const x=d!==undefined||m===r?z(d||null,p,m):m;const v=await T(n,w);const b=((e=c.autoPlacement)==null?void 0:e.index)||0;const k=x[b];if(k==null){return{}}const D=A(k,s,await(a.isRTL==null?void 0:a.isRTL(f.floating)));if(l!==k){return{reset:{placement:x[0]}}}const S=[v[y(k)],v[D[0]],v[D[1]]];const P=[...((o=c.autoPlacement)==null?void 0:o.overflows)||[],{placement:k,overflows:S}];const O=x[b+1];if(O){return{data:{index:b+1,overflows:P},reset:{placement:O}}}const R=P.map((t=>{const n=g(t.placement);return[t.placement,n&&u?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1]));const E=R.filter((t=>t[2].slice(0,g(t[0])?2:3).every((t=>t<=0))));const F=((i=E[0])==null?void 0:i[0])||R[0][0];if(F!==l){return{data:{index:b+1,overflows:P},reset:{placement:F}}}return{}}}};const $=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:i,middlewareData:s,rects:r,initialPlacement:c,platform:l,elements:a}=n;const{mainAxis:f=true,crossAxis:u=true,fallbackPlacements:d,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:g=true,...w}=h(t,n);if((e=s.arrow)!=null&&e.alignmentOffset){return{}}const x=y(i);const v=y(c)===c;const b=await(l.isRTL==null?void 0:l.isRTL(a.floating));const D=d||(v||!g?[O(c)]:k(c));if(!d&&p!=="none"){D.push(...P(c,g,p,b))}const S=[c,...D];const R=await T(n,w);const E=[];let F=((o=s.flip)==null?void 0:o.overflows)||[];if(f){E.push(R[x])}if(u){const t=A(i,r,b);E.push(R[t[0]],R[t[1]])}F=[...F,{placement:i,overflows:E}];if(!E.every((t=>t<=0))){var M,C;const t=(((M=s.flip)==null?void 0:M.index)||0)+1;const n=S[t];if(n){return{data:{index:t,overflows:F},reset:{placement:n}}}let e=(C=F.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:C.placement;if(!e){switch(m){case"bestFit":{var j;const t=(j=F.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:j[0];if(t){e=t}break}case"initialPlacement":e=c;break}}if(i!==e){return{reset:{placement:e}}}}return{}}}};function H(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function L(t){return i.some((n=>t[n]>=0))}const W=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...i}=h(t,n);switch(o){case"referenceHidden":{const t=await T(n,{...i,elementContext:"reference"});const o=H(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:L(o)}}}case"escaped":{const t=await T(n,{...i,altBoundary:true});const o=H(t,e.floating);return{data:{escapedOffsets:o,escaped:L(o)}}}default:{return{}}}}}};function I(t){const n=c(...t.map((t=>t.left)));const e=c(...t.map((t=>t.top)));const o=l(...t.map((t=>t.right)));const i=l(...t.map((t=>t.bottom)));return{x:n,y:e,width:o-n,height:i-e}}function N(t){const n=t.slice().sort(((t,n)=>t.y-n.y));const e=[];let o=null;for(let t=0;t<n.length;t++){const i=n[t];if(!o||i.y-o.y>o.height/2){e.push([i])}else{e[e.length-1].push(i)}o=i}return e.map((t=>F(I(t))))}const q=function(t){if(t===void 0){t={}}return{name:"inline",options:t,async fn(n){const{placement:e,elements:o,rects:i,platform:s,strategy:r}=n;const{padding:a=2,x:f,y:u}=h(t,n);const d=Array.from(await(s.getClientRects==null?void 0:s.getClientRects(o.reference))||[]);const m=N(d);const p=F(I(d));const g=E(a);function w(){if(m.length===2&&m[0].left>m[1].right&&f!=null&&u!=null){return m.find((t=>f>t.left-g.left&&f<t.right+g.right&&u>t.top-g.top&&u<t.bottom+g.bottom))||p}if(m.length>=2){if(v(e)==="y"){const t=m[0];const n=m[m.length-1];const o=y(e)==="top";const i=t.top;const s=n.bottom;const r=o?t.left:n.left;const c=o?t.right:n.right;const l=c-r;const a=s-i;return{top:i,bottom:s,left:r,right:c,width:l,height:a,x:r,y:i}}const t=y(e)==="left";const n=l(...m.map((t=>t.right)));const o=c(...m.map((t=>t.left)));const i=m.filter((e=>t?e.left===o:e.right===n));const s=i[0].top;const r=i[i.length-1].bottom;const a=o;const f=n;const u=f-a;const d=r-s;return{top:s,bottom:r,left:a,right:f,width:u,height:d,x:a,y:s}}return p}const x=await s.getElementRects({reference:{getBoundingClientRect:w},floating:o.floating,strategy:r});if(i.reference.x!==x.reference.x||i.reference.y!==x.reference.y||i.reference.width!==x.reference.width||i.reference.height!==x.reference.height){return{reset:{rects:x}}}return{}}}};async function Y(t,n){const{placement:e,platform:o,elements:i}=t;const s=await(o.isRTL==null?void 0:o.isRTL(i.floating));const r=y(e);const c=g(e);const l=v(e)==="y";const a=["left","top"].includes(r)?-1:1;const f=s&&l?-1:1;const u=h(n,t);let{mainAxis:d,crossAxis:m,alignmentAxis:p}=typeof u==="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...u};if(c&&typeof p==="number"){m=c==="end"?p*-1:p}return l?{x:m*f,y:d*a}:{x:d*a,y:m*f}}const U=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:i,y:s,placement:r,middlewareData:c}=n;const l=await Y(n,t);if(r===((e=c.offset)==null?void 0:e.placement)&&(o=c.arrow)!=null&&o.alignmentOffset){return{}}return{x:i+l.x,y:s+l.y,data:{...l,placement:r}}}}};const V=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:i}=n;const{mainAxis:s=true,crossAxis:r=false,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...l}=h(t,n);const a={x:e,y:o};const f=await T(n,l);const u=v(y(i));const d=w(u);let m=a[d];let g=a[u];if(s){const t=d==="y"?"top":"left";const n=d==="y"?"bottom":"right";const e=m+f[t];const o=m-f[n];m=p(e,m,o)}if(r){const t=u==="y"?"top":"left";const n=u==="y"?"bottom":"right";const e=g+f[t];const o=g-f[n];g=p(e,g,o)}const x=c.fn({...n,[d]:m,[u]:g});return{...x,data:{x:x.x-e,y:x.y-o}}}}};const X=function(t){if(t===void 0){t={}}return{options:t,fn(n){const{x:e,y:o,placement:i,rects:s,middlewareData:r}=n;const{offset:c=0,mainAxis:l=true,crossAxis:a=true}=h(t,n);const f={x:e,y:o};const u=v(i);const d=w(u);let m=f[d];let p=f[u];const g=h(c,n);const x=typeof g==="number"?{mainAxis:g,crossAxis:0}:{mainAxis:0,crossAxis:0,...g};if(l){const t=d==="y"?"height":"width";const n=s.reference[d]-s.floating[t]+x.mainAxis;const e=s.reference[d]+s.reference[t]-x.mainAxis;if(m<n){m=n}else if(m>e){m=e}}if(a){var b,A;const t=d==="y"?"width":"height";const n=["top","left"].includes(y(i));const e=s.reference[u]-s.floating[t]+(n?((b=r.offset)==null?void 0:b[u])||0:0)+(n?0:x.crossAxis);const o=s.reference[u]+s.reference[t]+(n?0:((A=r.offset)==null?void 0:A[u])||0)-(n?x.crossAxis:0);if(p<e){p=e}else if(p>o){p=o}}return{[d]:m,[u]:p}}}};const _=function(t){if(t===void 0){t={}}return{name:"size",options:t,async fn(n){const{placement:e,rects:o,platform:i,elements:s}=n;const{apply:r=(()=>{}),...a}=h(t,n);const f=await T(n,a);const u=y(e);const d=g(e);const m=v(e)==="y";const{width:p,height:w}=o.floating;let x;let b;if(u==="top"||u==="bottom"){x=u;b=d===(await(i.isRTL==null?void 0:i.isRTL(s.floating))?"start":"end")?"left":"right"}else{b=u;x=d==="end"?"top":"bottom"}const A=w-f.top-f.bottom;const k=p-f.left-f.right;const D=c(w-f[x],A);const S=c(p-f[b],k);const P=!n.middlewareData.shift;let O=D;let R=S;if(m){R=d||P?c(S,k):k}else{O=d||P?c(D,A):A}if(P&&!d){const t=l(f.left,0);const n=l(f.right,0);const e=l(f.top,0);const o=l(f.bottom,0);if(m){R=p-2*(t!==0||n!==0?t+n:l(f.left,f.right))}else{O=w-2*(e!==0||o!==0?e+o:l(f.top,f.bottom))}}await r({...n,availableWidth:R,availableHeight:O});const E=await i.getDimensions(s.floating);if(p!==E.width||w!==E.height){return{reset:{rects:true}}}return{}}}};function G(t){if(Q(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function J(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function K(t){var n;return(n=(Q(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function Q(t){return t instanceof Node||t instanceof J(t).Node}function Z(t){return t instanceof Element||t instanceof J(t).Element}function tt(t){return t instanceof HTMLElement||t instanceof J(t).HTMLElement}function nt(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof J(t).ShadowRoot}function et(t){const{overflow:n,overflowX:e,overflowY:o,display:i}=at(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(i)}function ot(t){return["table","td","th"].includes(G(t))}function it(t){return[":popover-open",":modal"].some((n=>{try{return t.matches(n)}catch(t){return false}}))}function st(t){const n=ct();const e=Z(t)?at(t):t;return e.transform!=="none"||e.perspective!=="none"||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function rt(t){let n=ut(t);while(tt(n)&&!lt(n)){if(st(n)){return n}else if(it(n)){return null}n=ut(n)}return null}function ct(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function lt(t){return["html","body","#document"].includes(G(t))}function at(t){return J(t).getComputedStyle(t)}function ft(t){if(Z(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function ut(t){if(G(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||nt(t)&&t.host||K(t);return nt(n)?n.host:n}function dt(t){const n=ut(t);if(lt(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(tt(n)&&et(n)){return n}return dt(n)}function mt(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const i=dt(t);const s=i===((o=t.ownerDocument)==null?void 0:o.body);const r=J(i);if(s){const t=pt(r);return n.concat(r,r.visualViewport||[],et(i)?i:[],t&&e?mt(t):[])}return n.concat(i,mt(i,[],e))}function pt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function ht(t){const n=at(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const i=tt(t);const s=i?t.offsetWidth:e;const r=i?t.offsetHeight:o;const c=a(e)!==s||a(o)!==r;if(c){e=s;o=r}return{width:e,height:o,$:c}}function yt(t){return!Z(t)?t.contextElement:t}function gt(t){const n=yt(t);if(!tt(n)){return u(1)}const e=n.getBoundingClientRect();const{width:o,height:i,$:s}=ht(n);let r=(s?a(e.width):e.width)/o;let c=(s?a(e.height):e.height)/i;if(!r||!Number.isFinite(r)){r=1}if(!c||!Number.isFinite(c)){c=1}return{x:r,y:c}}const wt=u(0);function xt(t){const n=J(t);if(!ct()||!n.visualViewport){return wt}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function vt(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==J(t)){return false}return n}function bt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const i=t.getBoundingClientRect();const s=yt(t);let r=u(1);if(n){if(o){if(Z(o)){r=gt(o)}}else{r=gt(t)}}const c=vt(s,e,o)?xt(s):u(0);let l=(i.left+c.x)/r.x;let a=(i.top+c.y)/r.y;let f=i.width/r.x;let d=i.height/r.y;if(s){const t=J(s);const n=o&&Z(o)?J(o):o;let e=t;let i=e.frameElement;while(i&&o&&n!==e){const t=gt(i);const n=i.getBoundingClientRect();const o=at(i);const s=n.left+(i.clientLeft+parseFloat(o.paddingLeft))*t.x;const r=n.top+(i.clientTop+parseFloat(o.paddingTop))*t.y;l*=t.x;a*=t.y;f*=t.x;d*=t.y;l+=s;a+=r;e=J(i);i=e.frameElement}}return F({width:f,height:d,x:l,y:a})}function At(t){let{elements:n,rect:e,offsetParent:o,strategy:i}=t;const s=i==="fixed";const r=K(o);const c=n?it(n.floating):false;if(o===r||c&&s){return e}let l={scrollLeft:0,scrollTop:0};let a=u(1);const f=u(0);const d=tt(o);if(d||!d&&!s){if(G(o)!=="body"||et(r)){l=ft(o)}if(tt(o)){const t=bt(o);a=gt(o);f.x=t.x+o.clientLeft;f.y=t.y+o.clientTop}}return{width:e.width*a.x,height:e.height*a.y,x:e.x*a.x-l.scrollLeft*a.x+f.x,y:e.y*a.y-l.scrollTop*a.y+f.y}}function kt(t){return Array.from(t.getClientRects())}function Dt(t){return bt(K(t)).left+ft(t).scrollLeft}function St(t){const n=K(t);const e=ft(t);const o=t.ownerDocument.body;const i=l(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const s=l(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let r=-e.scrollLeft+Dt(t);const c=-e.scrollTop;if(at(o).direction==="rtl"){r+=l(n.clientWidth,o.clientWidth)-i}return{width:i,height:s,x:r,y:c}}function Pt(t,n){const e=J(t);const o=K(t);const i=e.visualViewport;let s=o.clientWidth;let r=o.clientHeight;let c=0;let l=0;if(i){s=i.width;r=i.height;const t=ct();if(!t||t&&n==="fixed"){c=i.offsetLeft;l=i.offsetTop}}return{width:s,height:r,x:c,y:l}}function Ot(t,n){const e=bt(t,true,n==="fixed");const o=e.top+t.clientTop;const i=e.left+t.clientLeft;const s=tt(t)?gt(t):u(1);const r=t.clientWidth*s.x;const c=t.clientHeight*s.y;const l=i*s.x;const a=o*s.y;return{width:r,height:c,x:l,y:a}}function Rt(t,n,e){let o;if(n==="viewport"){o=Pt(t,e)}else if(n==="document"){o=St(K(t))}else if(Z(n)){o=Ot(n,e)}else{const e=xt(t);o={...n,x:n.x-e.x,y:n.y-e.y}}return F(o)}function Et(t,n){const e=ut(t);if(e===n||!Z(e)||lt(e)){return false}return at(e).position==="fixed"||Et(e,n)}function Ft(t,n){const e=n.get(t);if(e){return e}let o=mt(t,[],false).filter((t=>Z(t)&&G(t)!=="body"));let i=null;const s=at(t).position==="fixed";let r=s?ut(t):t;while(Z(r)&&!lt(r)){const n=at(r);const e=st(r);if(!e&&n.position==="fixed"){i=null}const c=s?!e&&!i:!e&&n.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||et(r)&&!e&&Et(t,r);if(c){o=o.filter((t=>t!==r))}else{i=n}r=ut(r)}n.set(t,o);return o}function Mt(t){let{element:n,boundary:e,rootBoundary:o,strategy:i}=t;const s=e==="clippingAncestors"?it(n)?[]:Ft(n,this._c):[].concat(e);const r=[...s,o];const a=r[0];const f=r.reduce(((t,e)=>{const o=Rt(n,e,i);t.top=l(o.top,t.top);t.right=c(o.right,t.right);t.bottom=c(o.bottom,t.bottom);t.left=l(o.left,t.left);return t}),Rt(n,a,i));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Ct(t){const{width:n,height:e}=ht(t);return{width:n,height:e}}function Tt(t,n,e){const o=tt(n);const i=K(n);const s=e==="fixed";const r=bt(t,true,s,n);let c={scrollLeft:0,scrollTop:0};const l=u(0);if(o||!o&&!s){if(G(n)!=="body"||et(i)){c=ft(n)}if(o){const t=bt(n,true,s,n);l.x=t.x+n.clientLeft;l.y=t.y+n.clientTop}else if(i){l.x=Dt(i)}}const a=r.left+c.scrollLeft-l.x;const f=r.top+c.scrollTop-l.y;return{x:a,y:f,width:r.width,height:r.height}}function jt(t){return at(t).position==="static"}function zt(t,n){if(!tt(t)||at(t).position==="fixed"){return null}if(n){return n(t)}return t.offsetParent}function Bt(t,n){const e=J(t);if(it(t)){return e}if(!tt(t)){let n=ut(t);while(n&&!lt(n)){if(Z(n)&&!jt(n)){return n}n=ut(n)}return e}let o=zt(t,n);while(o&&ot(o)&&jt(o)){o=zt(o,n)}if(o&&lt(o)&&jt(o)&&!st(o)){return e}return o||rt(t)||e}const $t=async function(t){const n=this.getOffsetParent||Bt;const e=this.getDimensions;const o=await e(t.floating);return{reference:Tt(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Ht(t){return at(t).direction==="rtl"}const Lt={convertOffsetParentRelativeRectToViewportRelativeRect:At,getDocumentElement:K,getClippingRect:Mt,getOffsetParent:Bt,getElementRects:$t,getClientRects:kt,getDimensions:Ct,getScale:gt,isElement:Z,isRTL:Ht};function Wt(t,n){let e=null;let o;const i=K(t);function s(){var t;clearTimeout(o);(t=e)==null||t.disconnect();e=null}function r(a,u){if(a===void 0){a=false}if(u===void 0){u=1}s();const{left:d,top:m,width:p,height:h}=t.getBoundingClientRect();if(!a){n()}if(!p||!h){return}const y=f(m);const g=f(i.clientWidth-(d+p));const w=f(i.clientHeight-(m+h));const x=f(d);const v=-y+"px "+-g+"px "+-w+"px "+-x+"px";const b={rootMargin:v,threshold:l(0,c(1,u))||1};let A=true;function k(t){const n=t[0].intersectionRatio;if(n!==u){if(!A){return r()}if(!n){o=setTimeout((()=>{r(false,1e-7)}),1e3)}else{r(false,n)}}A=false}try{e=new IntersectionObserver(k,{...b,root:i.ownerDocument})}catch(t){e=new IntersectionObserver(k,b)}e.observe(t)}r(true);return s}function It(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:i=true,ancestorResize:s=true,elementResize:r=typeof ResizeObserver==="function",layoutShift:c=typeof IntersectionObserver==="function",animationFrame:l=false}=o;const a=yt(t);const f=i||s?[...a?mt(a):[],...mt(n)]:[];f.forEach((t=>{i&&t.addEventListener("scroll",e,{passive:true});s&&t.addEventListener("resize",e)}));const u=a&&c?Wt(a,e):null;let d=-1;let m=null;if(r){m=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===a&&m){m.unobserve(n);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{var t;(t=m)==null||t.observe(n)}))}e()}));if(a&&!l){m.observe(a)}m.observe(n)}let p;let h=l?bt(t):null;if(l){y()}function y(){const n=bt(t);if(h&&(n.x!==h.x||n.y!==h.y||n.width!==h.width||n.height!==h.height)){e()}h=n;p=requestAnimationFrame(y)}e();return()=>{var t;f.forEach((t=>{i&&t.removeEventListener("scroll",e);s&&t.removeEventListener("resize",e)}));u==null||u();(t=m)==null||t.disconnect();m=null;if(l){cancelAnimationFrame(p)}}}const Nt=U;const qt=B;const Yt=V;const Ut=$;_;const Vt=W;const Xt=j;q;X;const _t=(t,n,e)=>{const o=new Map;const i={platform:Lt,...e};const s={...i.platform,_c:o};return C(t,n,{...i,platform:s})};function Gt(t){return Kt(t)}function Jt(t){if(t.assignedSlot){return t.assignedSlot}if(t.parentNode instanceof ShadowRoot){return t.parentNode.host}return t.parentNode}function Kt(t){for(let n=t;n;n=Jt(n)){if(!(n instanceof Element)){continue}if(getComputedStyle(n).display==="none"){return null}}for(let n=Jt(t);n;n=Jt(n)){if(!(n instanceof Element)){continue}const t=getComputedStyle(n);if(t.display==="contents"){continue}if(t.position!=="static"||st(t)){return n}if(n.tagName==="BODY"){return n}}return null}(function t(){if(e()){const t=Lt.getOffsetParent;Lt.getOffsetParent=n=>t(n,Gt)}})();function Qt(t){const n=window.devicePixelRatio||1;return Math.round(t*n)/n}const Zt=async(t,{referenceEl:n,floatingEl:e,overlayPositioning:o="absolute",placement:i,flipDisabled:s,flipPlacements:r,offsetDistance:c,offsetSkidding:l,arrowEl:a,type:f})=>{if(!n||!e){return null}const{x:u,y:d,placement:m,strategy:p,middlewareData:h}=await _t(n,e,{strategy:o,placement:i==="auto"||i==="auto-start"||i==="auto-end"?undefined:cn(e,i),middleware:sn({placement:i,flipDisabled:s,flipPlacements:r?.map((t=>cn(e,t))),offsetDistance:c,offsetSkidding:l,arrowEl:a,type:f})});if(a&&h.arrow){const{x:n,y:e}=h.arrow;const o=m.split("-")[0];const i=n!=null?"left":"top";const s=fn[o];const r={left:"",top:"",bottom:"",right:""};if("floatingLayout"in t){t.floatingLayout=o==="left"||o==="right"?"horizontal":"vertical"}Object.assign(a.style,{...r,[i]:`${i=="left"?n:e}px`,[o]:"100%",transform:s})}const y=h.hide?.referenceHidden;const g=y?"hidden":null;const w=g?"none":null;e.setAttribute(tn,m);const{open:x}=t;Object.assign(e.style,{visibility:g,pointerEvents:w,position:p,transform:x?`translate(${Qt(u)}px,${Qt(d)}px)`:"",top:0,left:0})};const tn="data-placement";const nn=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end","leading","trailing","leading-start","leading-end","trailing-start","trailing-end"];const en="bottom-start";const on={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function sn({placement:t,flipDisabled:n,flipPlacements:e,offsetDistance:o,offsetSkidding:i,arrowEl:s,type:r}){const c=[Yt(),Vt()];if(r==="menu"){return[...c,Ut({fallbackPlacements:e||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})]}if(r==="popover"||r==="tooltip"){const r=[...c,Nt({mainAxis:typeof o==="number"?o:0,crossAxis:typeof i==="number"?i:0})];if(t==="auto"||t==="auto-start"||t==="auto-end"){r.push(qt({alignment:t==="auto-start"?"start":t==="auto-end"?"end":null}))}else if(!n){r.push(Ut(e?{fallbackPlacements:e}:{}))}if(s){r.push(Xt({element:s}))}return r}return[]}function rn(t,n){const e=t.filter((t=>nn.includes(t)));if(e.length!==t.length){console.warn(`${n.tagName}: Invalid value found in: flipPlacements. Try any of these: ${nn.map((t=>`"${t}"`)).join(", ").trim()}`,{el:n})}return e}function cn(t,e){const o=["left","right"];if(n(t)==="rtl"){o.reverse()}return e.replace(/leading/gi,o[0]).replace(/trailing/gi,o[1])}async function ln(t,n,e=false){if(!t.open||!n.floatingEl||!n.referenceEl){return}const o=un.get(t);if(!o){return mn(t,n.referenceEl,n.floatingEl)}const i=e?an(t):Zt;await i(t,n)}function an(n){let e=dn.get(n);if(e){return e}e=o(Zt,t.reposition,{leading:true,maxWait:t.reposition});dn.set(n,e);return e}const fn={top:"",left:"rotate(-90deg)",bottom:"rotate(180deg)",right:"rotate(90deg)"};const un=new WeakMap;const dn=new WeakMap;async function mn(t,n,o){if(!o.isConnected){return}const i=e()?It:(t,n,e)=>{e();return()=>{}};un.set(t,{state:"pending"});let s;const r=i(n,o,(()=>{const n=t.reposition();if(!s){s=n}}));un.set(t,{state:"active",cleanUp:r});return s}async function pn(t,n,e){if(!e||!n){return}hn(t,n,e);Object.assign(e.style,{visibility:"hidden",pointerEvents:"none",position:t.overlayPositioning});if(!t.open){return}return mn(t,n,e)}function hn(t,n,e){if(!e||!n){return}const o=un.get(t);if(o?.state==="active"){o.cleanUp()}un.delete(t);dn.get(t)?.cancel();dn.delete(t)}const yn=4;const gn=Math.ceil(Math.hypot(yn,yn));export{on as F,hn as a,gn as b,pn as c,en as d,rn as f,ln as r};
-//# sourceMappingURL=p-27b69025.js.map

package/dist/calcite/p-2829b220.entry.js

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

package/dist/calcite/p-28ecfae7.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as e}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";var r={name:"en-ca",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function e(r){return r},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};e.locale(r,null,true);export{r as default};
-//# sourceMappingURL=p-28ecfae7.js.map

package/dist/calcite/p-29407c7e.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as e,c as t,h as i,g as s,F as a,H as n}from"./p-e7104b8d.js";import{c as o}from"./p-9a2f96d2.js";import{d as c,t as r}from"./p-27ab49c7.js";import{c as l,d,a as h,H as p}from"./p-d6a25fe2.js";import{c as f,d as u,u as b,I as m}from"./p-8f8cbbc7.js";import{c as g,d as v,g as y}from"./p-64329e55.js";import{s as w,a as x,c as C}from"./p-5b45eef3.js";import{g as k}from"./p-cbed8c79.js";import{V as z}from"./p-36ecadf9.js";import"./p-3c4fe54e.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";const O=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const P=O;const I=class{constructor(i){e(this,i);this.calciteInternalOptionChange=t(this,"calciteInternalOptionChange",6);this.mutationObserver=o("mutation",(()=>{this.ensureTextContentDependentProps();this.calciteInternalOptionChange.emit()}));this.disabled=false;this.label=undefined;this.selected=undefined;this.value=undefined}handlePropChange(e,t,i){if(i==="label"||i==="value"){this.ensureTextContentDependentProps()}this.calciteInternalOptionChange.emit()}ensureTextContentDependentProps(){const{el:{textContent:e},internallySetLabel:t,internallySetValue:i,label:s,value:a}=this;if(!s||s===t){this.label=e;this.internallySetLabel=e}if(a==null||a===i){this.value=e;this.internallySetValue=e}}connectedCallback(){this.ensureTextContentDependentProps();this.mutationObserver?.observe(this.el,{attributeFilter:["label","value"],characterData:true,childList:true,subtree:true})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i("slot",{key:"19660c07dc760b742b61169da73469d1579aeeaa"},this.label)}get el(){return s(this)}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}}};I.style=P;const j=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const L=j;const E=class{constructor(i){e(this,i);this.calciteInternalOptionGroupChange=t(this,"calciteInternalOptionGroupChange",6);this.disabled=false;this.label=undefined}handlePropChange(){this.calciteInternalOptionGroupChange.emit()}render(){return i(a,{key:"4800432ff6c0701a725485bdcfc93d34ba988c86"},i("div",{key:"bdf722938c387afe04997ced1911d65178f699f3"},this.label),i("slot",{key:"9ada7349b1fc675d5ec2d21aab0321666645af88"}))}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"]}}};E.style=L;const T={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"};const A={validationMessage:"selectValidationMessage"};const M=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}: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;flex-direction:column}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-color-text-1)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .wrapper{block-size:1.5rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .wrapper{block-size:2rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .wrapper{block-size:44px}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:inherit;color:var(--calcite-color-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select: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          )}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-inline-width:0px 1px}.icon-container .icon{color:var(--calcite-color-text-3)}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{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          )}.select:focus~.icon-container{border-color:transparent}.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}";const N=M;function F(e){return e.tagName==="CALCITE-OPTION"}function H(e){return e.tagName==="CALCITE-OPTION-GROUP"}const S=class{constructor(i){e(this,i);this.calciteSelectChange=t(this,"calciteSelectChange",6);this.componentToNativeEl=new Map;this.mutationObserver=o("mutation",(()=>this.populateInternalSelect()));this.handleInternalSelectChange=()=>{const e=this.selectEl.selectedOptions[0];this.selectFromNativeOption(e);requestAnimationFrame((()=>this.emitChangeEvent()))};this.populateInternalSelect=()=>{const e=Array.from(this.el.children).filter((e=>e.tagName==="CALCITE-OPTION"||e.tagName==="CALCITE-OPTION-GROUP"));this.clearInternalSelect();e.forEach((e=>this.selectEl?.append(this.toNativeElement(e))))};this.storeSelectRef=e=>{this.selectEl=e;this.populateInternalSelect();const t=this.selectEl.selectedOptions[0];this.selectFromNativeOption(t)};this.emitChangeEvent=()=>{this.calciteSelectChange.emit()};this.disabled=false;this.form=undefined;this.label=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.required=false;this.scale="m";this.status="idle";this.value=null;this.selectedOption=undefined;this.width="auto"}valueHandler(e){this.updateItemsFromValue(e)}selectedOptionHandler(e){this.value=e?.value}connectedCallback(){const{el:e}=this;this.mutationObserver?.observe(e,{subtree:true,childList:true});f(this);g(this);l(this)}disconnectedCallback(){this.mutationObserver?.disconnect();u(this);v(this);d(this)}componentWillLoad(){w(this);if(typeof this.value==="string"){this.updateItemsFromValue(this.value)}}componentDidLoad(){x(this);h(this,this.selectedOption?.value??"")}componentDidRender(){b(this)}async setFocus(){await C(this);c(this.selectEl)}handleOptionOrGroupChange(e){e.stopPropagation();const t=e.target;const i=this.componentToNativeEl.get(t);if(!i){return}this.updateNativeElement(t,i);if(F(t)&&t.selected){this.deselectAllExcept(t);this.selectedOption=t}}onLabelClick(){this.setFocus()}updateItemsFromValue(e){this.el.querySelectorAll("calcite-option").forEach((t=>t.selected=t.value===e))}updateNativeElement(e,t){t.disabled=e.disabled;t.label=e.label;if(F(e)){const i=t;i.selected=e.selected;i.value=e.value;i.innerText=e.label}}clearInternalSelect(){this.componentToNativeEl.forEach((e=>e.remove()));this.componentToNativeEl.clear()}selectFromNativeOption(e){if(!e){return}let t;this.componentToNativeEl.forEach(((i,s)=>{if(F(s)&&i===e){s.selected=true;t=s;this.deselectAllExcept(s)}}));if(t){this.selectedOption=t}}toNativeElement(e){if(F(e)){const t=document.createElement("option");this.updateNativeElement(e,t);this.componentToNativeEl.set(e,t);return t}if(H(e)){const t=document.createElement("optgroup");this.updateNativeElement(e,t);Array.from(e.children).forEach((i=>{const s=this.toNativeElement(i);t.append(s);this.componentToNativeEl.set(e,s)}));this.componentToNativeEl.set(e,t);return t}throw new Error("unsupported element child provided")}deselectAllExcept(e){this.el.querySelectorAll("calcite-option").forEach((t=>{if(t===e){return}t.selected=false}))}renderChevron(){return i("div",{class:T.iconContainer},i("calcite-icon",{class:T.icon,icon:"chevron-down",scale:k(this.scale)}))}render(){const{disabled:e}=this;return i(n,{key:"70938120b9aaac3ab07b8bd73ca8e7909c2ea11d"},i(m,{key:"bd7b8839b27ff53f51d1a4fc2e3590b9fb8ab913",disabled:e},i("div",{key:"3dbf7d32dc39c929f7f939e1e1cc72ca6d0b386f",class:T.wrapper},i("select",{key:"e6763a83fed5e7162d94d93e82e770dbbd238bd7","aria-errormessage":A.validationMessage,"aria-invalid":r(this.status==="invalid"),"aria-label":y(this),class:T.select,disabled:e,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},i("slot",{key:"68fc9d08be9144e1f874602ecdf46f3cc0eceb05"})),this.renderChevron(),i(p,{key:"6d5ec3ed6f6d2551679a7e17c9023f32b67b4a2c",component:this})),this.validationMessage&&this.status==="invalid"?i(z,{icon:this.validationIcon,id:A.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}get el(){return s(this)}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}};S.style=N;export{I as calcite_option,E as calcite_option_group,S as calcite_select};
-//# sourceMappingURL=p-29407c7e.entry.js.map

package/dist/calcite/p-29407c7e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["optionCss","CalciteOptionStyle0","Option","this","mutationObserver","createObserver","ensureTextContentDependentProps","calciteInternalOptionChange","emit","handlePropChange","_newValue","_oldValue","propName","el","textContent","internallySetLabel","internallySetValue","label","value","connectedCallback","observe","attributeFilter","characterData","childList","subtree","disconnectedCallback","disconnect","render","h","key","optionGroupCss","CalciteOptionGroupStyle0","OptionGroup","calciteInternalOptionGroupChange","Fragment","CSS","icon","iconContainer","select","wrapper","IDS","validationMessage","selectCss","CalciteSelectStyle0","isOption","optionOrGroup","tagName","isOptionGroup","Select","componentToNativeEl","Map","populateInternalSelect","handleInternalSelectChange","selected","selectEl","selectedOptions","selectFromNativeOption","requestAnimationFrame","emitChangeEvent","optionsAndGroups","Array","from","children","filter","child","clearInternalSelect","forEach","append","toNativeElement","storeSelectRef","node","calciteSelectChange","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","valueHandler","updateItemsFromValue","selectedOptionHandler","selectedOption","connectInteractive","connectLabel","connectForm","disconnectInteractive","disconnectLabel","disconnectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","afterConnectDefaultValueSet","componentDidRender","updateHostInteraction","setFocus","componentFocusable","focusElement","handleOptionOrGroupChange","event","stopPropagation","target","nativeEl","get","updateNativeElement","deselectAllExcept","onLabelClick","querySelectorAll","item","nativeOptionOrGroup","disabled","option","innerText","remove","clear","nativeOption","futureSelected","document","createElement","set","group","Error","except","renderChevron","class","scale","getIconScale","Host","InteractiveContainer","toAriaBoolean","status","getLabelText","onChange","ref","HiddenFormInputSlot","component","Validation","validationIcon","id","message"],"sources":["src/components/option/option.scss?tag=calcite-option&encapsulation=shadow","src/components/option/option.tsx","src/components/option-group/option-group.scss?tag=calcite-option-group&encapsulation=shadow","src/components/option-group/option-group.tsx","src/components/select/resources.ts","src/components/select/select.scss?tag=calcite-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":[":host {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Prop, VNode, Watch } from \"@stencil/core\";\nimport { createObserver } from \"../../utils/observers\";\n\n@Component({\n  tag: \"calcite-option\",\n  styleUrl: \"option.scss\",\n  shadow: true,\n})\nexport class Option {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({\n    reflect: true,\n  })\n  disabled = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop({ mutable: true })\n  label: string;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({\n    reflect: true,\n  })\n  selected: boolean;\n\n  /**\n   * The component's value.\n   */\n  @Prop({ mutable: true })\n  value: any;\n\n  @Watch(\"disabled\")\n  @Watch(\"label\")\n  @Watch(\"selected\")\n  @Watch(\"value\")\n  protected handlePropChange(_newValue: any, _oldValue: any, propName: string): void {\n    if (propName === \"label\" || propName === \"value\") {\n      this.ensureTextContentDependentProps();\n    }\n\n    this.calciteInternalOptionChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Variables\n  //\n  //--------------------------------------------------------------------------\n\n  @Element()\n  private el: HTMLCalciteOptionElement;\n\n  private internallySetLabel: string;\n\n  private internallySetValue: any;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () => {\n    this.ensureTextContentDependentProps();\n    this.calciteInternalOptionChange.emit();\n  });\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  private calciteInternalOptionChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private ensureTextContentDependentProps(): void {\n    const {\n      el: { textContent },\n      internallySetLabel,\n      internallySetValue,\n      label,\n      value,\n    } = this;\n\n    if (!label || label === internallySetLabel) {\n      this.label = textContent;\n      this.internallySetLabel = textContent;\n    }\n\n    if (\n      value == null /* intentional loose equals to handle both undefined & null */ ||\n      value === internallySetValue\n    ) {\n      this.value = textContent;\n      this.internallySetValue = textContent;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.ensureTextContentDependentProps();\n    this.mutationObserver?.observe(this.el, {\n      attributeFilter: [\"label\", \"value\"],\n      characterData: true,\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    return <slot>{this.label}</slot>;\n  }\n}\n",":host {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Event, EventEmitter, Fragment, h, Prop, VNode, Watch } from \"@stencil/core\";\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-option-group\",\n  styleUrl: \"option-group.scss\",\n  shadow: true,\n})\nexport class OptionGroup {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({\n    reflect: true,\n  })\n  disabled = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop()\n  label!: string;\n\n  @Watch(\"disabled\")\n  @Watch(\"label\")\n  protected handlePropChange(): void {\n    this.calciteInternalOptionGroupChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  private calciteInternalOptionGroupChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <div>{this.label}</div>\n        <slot />\n      </Fragment>\n    );\n  }\n}\n","export const CSS = {\n  icon: \"icon\",\n  iconContainer: \"icon-container\",\n  select: \"select\",\n  wrapper: \"wrapper\",\n};\n\nexport const IDS = {\n  validationMessage: \"selectValidationMessage\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-select-font-size: The font size of `calcite-option`s in the component.\n * @prop --calcite-select-spacing: The padding around the selected option text.\n */\n\n:host {\n  @extend %component-spacing;\n  @apply flex flex-col;\n}\n\n.wrapper {\n  @apply relative flex items-stretch;\n  inline-size: var(--select-width);\n\n  &:focus-within,\n  &:active,\n  &:hover {\n    .icon {\n      color: var(--calcite-color-text-1);\n    }\n  }\n}\n\n@include disabled();\n\n:host([scale=\"s\"]) {\n  --calcite-select-font-size: theme(\"fontSize.n2h\");\n  --calcite-select-spacing-inline: theme(\"spacing.2\") theme(\"spacing.8\");\n\n  .wrapper {\n    @apply h-6;\n  }\n\n  .icon-container {\n    @apply px-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-select-font-size: theme(\"fontSize.n1h\");\n  --calcite-select-spacing-inline: theme(\"spacing.3\") theme(\"spacing.10\");\n\n  .wrapper {\n    @apply h-8;\n  }\n\n  .icon-container {\n    @apply px-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-select-font-size: theme(\"fontSize.0h\");\n  --calcite-select-spacing-inline: theme(\"spacing.4\") theme(\"spacing.12\");\n\n  .wrapper {\n    block-size: 44px;\n  }\n\n  .icon-container {\n    @apply px-4;\n  }\n}\n\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-1/2;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n.select {\n  @apply bg-foreground-1 border-color-input text-color-2 font-inherit focus-base m-0 box-border w-full cursor-pointer appearance-none truncate rounded-none border border-solid;\n  font-size: var(--calcite-select-font-size);\n  padding-inline: var(--calcite-select-spacing-inline);\n  border-inline-end-width: theme(\"borderWidth.0\");\n\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n// override user agent stylesheet disabled styling\nselect:disabled {\n  @apply border-color-input bg-opacity-100;\n}\n\n.icon-container {\n  @apply border-color-input text-color-2 pointer-events-none absolute inset-y-0 flex items-center border-0 border-solid bg-transparent;\n  inset-inline-end: theme(\"inset.0\");\n  border-inline-width: theme(\"borderWidth.0\") theme(\"borderWidth.DEFAULT\");\n\n  .icon {\n    color: var(--calcite-color-text-3);\n  }\n}\n\n:host([status=\"invalid\"]) {\n  select,\n  .icon-container {\n    @apply border-color-danger;\n  }\n\n  select:focus,\n  .icon-container:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n.select:focus ~ .icon-container {\n  @apply border-color-transparent;\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale, Status, Width } from \"../interfaces\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS, IDS } from \"./resources\";\n\ntype OptionOrGroup = HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement;\ntype NativeOptionOrGroup = HTMLOptionElement | HTMLOptGroupElement;\n\nfunction isOption(optionOrGroup: OptionOrGroup): optionOrGroup is HTMLCalciteOptionElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION\";\n}\n\nfunction isOptionGroup(\n  optionOrGroup: OptionOrGroup,\n): optionOrGroup is HTMLCalciteOptionGroupElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION-GROUP\";\n}\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-select\",\n  styleUrl: \"select.scss\",\n  shadow: true,\n})\nexport class Select\n  implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\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  /**\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  /**\n   * Accessible name for the component.\n   *\n   */\n  @Prop() label!: string;\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`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Specifies the size of the component.\n   */\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  /** The component's `selectedOption` value. */\n  @Prop({ mutable: true }) value: string = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    this.updateItemsFromValue(value);\n  }\n\n  /**\n   * The component's selected option `HTMLElement`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedOption: HTMLCalciteOptionElement;\n\n  @Watch(\"selectedOption\")\n  selectedOptionHandler(selectedOption: HTMLCalciteOptionElement): void {\n    this.value = selectedOption?.value;\n  }\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSelectElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Select[\"value\"];\n\n  private componentToNativeEl = new Map<OptionOrGroup, NativeOptionOrGroup>();\n\n  private mutationObserver = createObserver(\"mutation\", () => this.populateInternalSelect());\n\n  private selectEl: HTMLSelectElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { el } = this;\n\n    this.mutationObserver?.observe(el, {\n      subtree: true,\n      childList: true,\n    });\n\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n\n    if (typeof this.value === \"string\") {\n      this.updateItemsFromValue(this.value);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    afterConnectDefaultValueSet(this, this.selectedOption?.value ?? \"\");\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusElement(this.selectEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `selectedOption` changes.\n   */\n  @Event({ cancelable: false }) calciteSelectChange: EventEmitter<void>;\n\n  private handleInternalSelectChange = (): void => {\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n    requestAnimationFrame(() => this.emitChangeEvent());\n  };\n\n  @Listen(\"calciteInternalOptionChange\")\n  @Listen(\"calciteInternalOptionGroupChange\")\n  protected handleOptionOrGroupChange(event: CustomEvent): void {\n    event.stopPropagation();\n\n    const optionOrGroup = event.target as OptionOrGroup;\n    const nativeEl = this.componentToNativeEl.get(optionOrGroup);\n\n    if (!nativeEl) {\n      return;\n    }\n\n    this.updateNativeElement(optionOrGroup, nativeEl);\n\n    if (isOption(optionOrGroup) && optionOrGroup.selected) {\n      this.deselectAllExcept(optionOrGroup);\n      this.selectedOption = optionOrGroup;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private updateItemsFromValue(value: string): void {\n    this.el\n      .querySelectorAll(\"calcite-option\")\n      .forEach((item) => (item.selected = item.value === value));\n  }\n\n  private updateNativeElement(\n    optionOrGroup: OptionOrGroup,\n    nativeOptionOrGroup: NativeOptionOrGroup,\n  ): void {\n    nativeOptionOrGroup.disabled = optionOrGroup.disabled;\n    nativeOptionOrGroup.label = optionOrGroup.label;\n\n    if (isOption(optionOrGroup)) {\n      const option = nativeOptionOrGroup as HTMLOptionElement;\n      option.selected = optionOrGroup.selected;\n      option.value = optionOrGroup.value;\n\n      // need to set innerText for mobile\n      // see https://stackoverflow.com/questions/35021620/ios-safari-not-showing-all-options-for-select-menu/41749701\n      option.innerText = optionOrGroup.label;\n    }\n  }\n\n  private populateInternalSelect = (): void => {\n    const optionsAndGroups = Array.from(\n      this.el.children as HTMLCollectionOf<OptionOrGroup | HTMLSlotElement>,\n    ).filter(\n      (child) => child.tagName === \"CALCITE-OPTION\" || child.tagName === \"CALCITE-OPTION-GROUP\",\n    ) as OptionOrGroup[];\n\n    this.clearInternalSelect();\n\n    optionsAndGroups.forEach((optionOrGroup) =>\n      this.selectEl?.append(this.toNativeElement(optionOrGroup)),\n    );\n  };\n\n  private clearInternalSelect(): void {\n    this.componentToNativeEl.forEach((value) => value.remove());\n    this.componentToNativeEl.clear();\n  }\n\n  private storeSelectRef = (node: HTMLSelectElement): void => {\n    this.selectEl = node;\n    this.populateInternalSelect();\n\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n  };\n\n  private selectFromNativeOption(nativeOption: HTMLOptionElement): void {\n    if (!nativeOption) {\n      return;\n    }\n\n    let futureSelected: HTMLCalciteOptionElement;\n\n    this.componentToNativeEl.forEach((nativeOptionOrGroup, optionOrGroup) => {\n      if (isOption(optionOrGroup) && nativeOptionOrGroup === nativeOption) {\n        optionOrGroup.selected = true;\n        futureSelected = optionOrGroup;\n        this.deselectAllExcept(optionOrGroup as HTMLCalciteOptionElement);\n      }\n    });\n\n    if (futureSelected) {\n      this.selectedOption = futureSelected;\n    }\n  }\n\n  private toNativeElement(\n    optionOrGroup: HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement,\n  ): NativeOptionOrGroup {\n    if (isOption(optionOrGroup)) {\n      const option = document.createElement(\"option\");\n      this.updateNativeElement(optionOrGroup, option);\n      this.componentToNativeEl.set(optionOrGroup, option);\n\n      return option;\n    }\n\n    if (isOptionGroup(optionOrGroup)) {\n      const group = document.createElement(\"optgroup\");\n      this.updateNativeElement(optionOrGroup, group);\n\n      Array.from(optionOrGroup.children as HTMLCollectionOf<HTMLCalciteOptionElement>).forEach(\n        (option) => {\n          const nativeOption = this.toNativeElement(option);\n          group.append(nativeOption);\n          this.componentToNativeEl.set(optionOrGroup, nativeOption);\n        },\n      );\n\n      this.componentToNativeEl.set(optionOrGroup, group);\n\n      return group;\n    }\n\n    throw new Error(\"unsupported element child provided\");\n  }\n\n  private deselectAllExcept(except: HTMLCalciteOptionElement): void {\n    this.el.querySelectorAll<HTMLCalciteOptionElement>(\"calcite-option\").forEach((option) => {\n      if (option === except) {\n        return;\n      }\n\n      option.selected = false;\n    });\n  }\n\n  private emitChangeEvent = (): void => {\n    this.calciteSelectChange.emit();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderChevron(): VNode {\n    return (\n      <div class={CSS.iconContainer}>\n        <calcite-icon class={CSS.icon} icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <div class={CSS.wrapper}>\n            <select\n              aria-errormessage={IDS.validationMessage}\n              aria-invalid={toAriaBoolean(this.status === \"invalid\")}\n              aria-label={getLabelText(this)}\n              class={CSS.select}\n              disabled={disabled}\n              onChange={this.handleInternalSelectChange}\n              ref={this.storeSelectRef}\n            >\n              <slot />\n            </select>\n            {this.renderChevron()}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              id={IDS.validationMessage}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-29c291d1.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{c as t,a as n}from"./p-27ab49c7.js";import{n as e}from"./p-c473b37c.js";import{c as s}from"./p-9a2f96d2.js";const r=new RegExp(`\\${"."}(0+)?$`);const i=new RegExp("0+$");class o{constructor(t){if(t instanceof o){return t}const[n,e]=b(t).split(".").concat("");this.value=BigInt(n+e.padEnd(o.DECIMALS,"0").slice(0,o.DECIMALS))+BigInt(o.ROUNDED&&e[o.DECIMALS]>="5");this.isNegative=t.charAt(0)==="-"}getIntegersAndDecimals(){const t=this.value.toString().replace("-","").padStart(o.DECIMALS+1,"0");const n=t.slice(0,-o.DECIMALS);const e=t.slice(-o.DECIMALS).replace(i,"");return{integers:n,decimals:e}}toString(){const{integers:t,decimals:n}=this.getIntegersAndDecimals();return`${this.isNegative?"-":""}${t}${n.length?"."+n:""}`}formatToParts(t){const{integers:n,decimals:e}=this.getIntegersAndDecimals();const s=t.numberFormatter.formatToParts(BigInt(n));this.isNegative&&s.unshift({type:"minusSign",value:t.minusSign});if(e.length){s.push({type:"decimal",value:t.decimal});e.split("").forEach((t=>s.push({type:"fraction",value:t})))}return s}format(t){const{integers:n,decimals:e}=this.getIntegersAndDecimals();const s=`${this.isNegative?t.minusSign:""}${t.numberFormatter.format(BigInt(n))}`;const r=e.length?`${t.decimal}${e.split("").map((n=>t.numberFormatter.format(Number(n)))).join("")}`:"";return`${s}${r}`}add(t){return o.fromBigInt(this.value+new o(t).value)}subtract(t){return o.fromBigInt(this.value-new o(t).value)}multiply(t){return o._divRound(this.value*new o(t).value,o.SHIFT)}divide(t){return o._divRound(this.value*o.SHIFT,new o(t).value)}}o.DECIMALS=100;o.ROUNDED=true;o.SHIFT=BigInt("1"+"0".repeat(o.DECIMALS));o._divRound=(t,n)=>o.fromBigInt(t/n+(o.ROUNDED?t*BigInt(2)/n%BigInt(2):BigInt(0)));o.fromBigInt=t=>Object.assign(Object.create(o.prototype),{value:t,isNegative:t<BigInt(0)});function c(t){return!(!t||isNaN(Number(t)))}function u(t){if(!t||!d(t)){return""}return p(t,(t=>{let n=false;const s=t.split("").filter(((t,s)=>{if(t.match(/\./g)&&!n){n=true;return true}if(t.match(/-/g)&&s===0){return true}return e.includes(t)})).join("");return c(s)?new o(s).toString():""}))}const a=/^([-0])0+(?=\d)/;const h=/(?!^\.)\.$/;const f=/(?!^-)-/g;const l=/^-\b0\b\.?0*$/;const g=/0*$/;const $=t=>p(t,(t=>{const n=t.replace(f,"").replace(h,"").replace(a,"$1");return c(n)?l.test(n)?n:m(n):t}));function m(t){const n=t.split(".")[1];const e=new o(t).toString();const[s,r]=e.split(".");return n&&r!==n?`${s}.${n}`:e}function p(t,n){if(!t){return t}const e=t.toLowerCase().indexOf("e")+1;if(!e){return n(t)}return t.replace(/[eE]*$/g,"").substring(0,e).concat(t.slice(e).replace(/[eE]/g,"")).split(/[eE]/).map(((t,e)=>e===1?n(t.replace(/\./g,"")):n(t))).join("e").replace(/^e/,"1e")}function b(t){const n=t.split(/[eE]/);if(n.length===1){return t}const e=+t;if(Number.isSafeInteger(e)){return`${e}`}const s=t.charAt(0)==="-";const i=+n[1];const o=n[0].split(".");const c=(s?o[0].substring(1):o[0])||"";const u=o[1]||"";const h=(t,n)=>{const e=Math.abs(n)-t.length;const s=e>0?`${"0".repeat(e)}${t}`:t;const r=`${s.slice(0,n)}${"."}${s.slice(n)}`;return r};const f=(t,n)=>{const e=n>t.length?`${t}${"0".repeat(n-t.length)}`:t;const s=`${e.slice(0,n)}${"."}${e.slice(n)}`;return s};const l=i>0?`${c}${f(u,i)}`:`${h(c,i)}${u}`;return`${s?"-":""}${l.charAt(0)==="."?"0":""}${l.replace(r,"").replace(a,"")}`}function d(t){return e.some((n=>t.includes(n)))}function w(t,n,e){const s=n.split(".")[1];if(s){const r=s.match(g)[0];if(r&&e.delocalize(t).length!==n.length&&s.indexOf("e")===-1){const n=e.decimal;t=!t.includes(n)?`${t}${n}`:t;return t.padEnd(t.length+r.length,e.localize("0"))}}return t}const I="en";const v=["ar","bg","bs","ca","cs","da","de","el",I,"es","et","fi","fr","he","hr","hu","id","it","ja","ko","lt","lv","no","nl","pl","pt-BR","pt-PT","ro","ru","sk","sl","sr","sv","th","tr","uk","vi","zh-CN","zh-HK","zh-TW"];const B=["ar","bg","bs","ca","cs","da","de","de-AT","de-CH","el",I,"en-AU","en-CA","en-GB","es","es-MX","et","fi","fr","fr-CH","he","hi","hr","hu","id","it","it-CH","ja","ko","lt","lv","mk","no","nl","pl","pt","pt-PT","ro","ru","sk","sl","sr","sv","th","tr","uk","vi","zh-CN","zh-HK","zh-TW"];const E=["arab","arabext","latn"];const N=t=>E.includes(t);const C=(new Intl.NumberFormat).resolvedOptions().numberingSystem;const j=C==="arab"||!N(C)?"latn":C;const x=t=>N(t)?t:j;function R(t,n="cldr"){const e=n==="cldr"?B:v;if(!t){return I}if(e.includes(t)){return t}t=t.toLowerCase();if(t==="nb"){return"no"}if(n==="t9n"&&t==="pt"){return"pt-BR"}if(t.includes("-")){t=t.replace(/(\w+)-(\w+)/,((t,n,e)=>`${n}-${e.toUpperCase()}`));if(!e.includes(t)){t=t.split("-")[0]}}if(t==="zh"){return"zh-CN"}if(!e.includes(t)){console.warn(`Translations for the "${t}" locale are not available and will fall back to the default, English (en).`);return I}return t}function S(t){switch(t){case"it-CH":return"de-CH";case"bs":return"bs-Cyrl";default:return t}}const k=new Set;function z(t){O(t);if(k.size===0){H?.observe(document.documentElement,{attributes:true,attributeFilter:["lang"],subtree:true})}k.add(t)}function O(t){t.effectiveLocale=T(t)}function y(t){k.delete(t);if(k.size===0){H.disconnect()}}const H=s("mutation",(e=>{e.forEach((e=>{const s=e.target;k.forEach((e=>{const r=!t(s,e.el);if(r){return}const i=n(e.el,"[lang]");if(!i){e.effectiveLocale=I;return}const o=i.lang;e.effectiveLocale=i.hasAttribute("lang")&&o===""?I:o}))}))}));function T(t){return t.el.lang||n(t.el,"[lang]")?.lang||document.documentElement.lang||I}class A{constructor(){this.delocalize=t=>this._numberFormatOptions?p(t,(t=>t.replace(new RegExp(`[${this._minusSign}]`,"g"),"-").replace(new RegExp(`[${this._group}]`,"g"),"").replace(new RegExp(`[${this._decimal}]`,"g"),".").replace(new RegExp(`[${this._digits.join("")}]`,"g"),this._getDigitIndex))):t;this.localize=t=>this._numberFormatOptions?p(t,(t=>c(t.trim())?new o(t.trim()).format(this).replace(new RegExp(`[${this._actualGroup}]`,"g"),this._group):t)):t}get group(){return this._group}get decimal(){return this._decimal}get minusSign(){return this._minusSign}get digits(){return this._digits}get numberFormatter(){return this._numberFormatter}get numberFormatOptions(){return this._numberFormatOptions}set numberFormatOptions(t){t.locale=R(t?.locale);t.numberingSystem=x(t?.numberingSystem);if(!this._numberFormatOptions&&t.locale===I&&t.numberingSystem===j&&Object.keys(t).length===2||JSON.stringify(this._numberFormatOptions)===JSON.stringify(t)){return}this._numberFormatOptions=t;this._numberFormatter=new Intl.NumberFormat(this._numberFormatOptions.locale,this._numberFormatOptions);this._digits=[...new Intl.NumberFormat(this._numberFormatOptions.locale,{useGrouping:false,numberingSystem:this._numberFormatOptions.numberingSystem}).format(9876543210)].reverse();const n=new Map(this._digits.map(((t,n)=>[t,n])));const e=new Intl.NumberFormat(this._numberFormatOptions.locale,{numberingSystem:this._numberFormatOptions.numberingSystem}).formatToParts(-12345678.9);this._actualGroup=e.find((t=>t.type==="group")).value;this._group=this._actualGroup.trim().length===0||this._actualGroup==" "?" ":this._actualGroup;this._decimal=e.find((t=>t.type==="decimal")).value;this._minusSign=e.find((t=>t.type==="minusSign")).value;this._getDigitIndex=t=>n.get(t)}}const F=new A;let M;let P;function G(t={}){return Object.entries(t).sort((([t],[n])=>t.localeCompare(n))).map((t=>`${t[0]}-${t[1]}`)).flat().join(":")}function J(t,n){t=R(t);if(!M){M=new Map}if(P!==t){M.clear();P=t}const e=G(n);const s=M.get(e);if(s){return s}const r=new Intl.DateTimeFormat(t,n);M.set(e,r);return r}export{o as B,A as N,w as a,S as b,z as c,y as d,x as e,J as f,R as g,c as i,F as n,u as p,$ as s};
-//# sourceMappingURL=p-29c291d1.js.map

package/dist/calcite/p-29d4f1ed.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as e}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";var i={name:"ro",weekdays:"Duminică_Luni_Marți_Miercuri_Joi_Vineri_Sâmbătă".split("_"),weekdaysShort:"Dum_Lun_Mar_Mie_Joi_Vin_Sâm".split("_"),weekdaysMin:"Du_Lu_Ma_Mi_Jo_Vi_Sâ".split("_"),months:"Ianuarie_Februarie_Martie_Aprilie_Mai_Iunie_Iulie_August_Septembrie_Octombrie_Noiembrie_Decembrie".split("_"),monthsShort:"Ian._Febr._Mart._Apr._Mai_Iun._Iul._Aug._Sept._Oct._Nov._Dec.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"peste %s",past:"acum %s",s:"câteva secunde",m:"un minut",mm:"%d minute",h:"o oră",hh:"%d ore",d:"o zi",dd:"%d zile",M:"o lună",MM:"%d luni",y:"un an",yy:"%d ani"},ordinal:function e(i){return i}};e.locale(i,null,true);export{i as default};
-//# sourceMappingURL=p-29d4f1ed.js.map