@esri/calcite-components 2.7.0-next.4 → 2.7.0-next.6

package/dist/calcite/p-2be7b0f4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","stepBar","stepBarActive","stepBarComplete","stepBarDisabled","stepBarError","stepBarInActive","StepBar","disabled","active","complete","error","key","h","class","width","x","y","actionIcon","actionIconStart","actionIconEnd","actionContainer","stepBarContainer","singleView","stepperCss","Stepper","this","enabledItems","itemMap","Map","items","mutationObserver","createObserver","updateItems","multipleViewMode","guid","handleActionClick","event","currentActivePosition","target","getAttribute","prevStep","nextStep","calciteStepperItemChange","emit","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","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","handleUserRequestedStepperItemSelect","getEnabledStepIndex","updateStep","goToStep","step","startStep","endStep","effectiveLocaleChange","updateMessages","effectiveLocale","handlePositionChange","readTask","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","StepperItem","keyDownHandler","emitUserRequestedItem","preventDefault","handleItemClick","composedPath","some","classList","contains","emitRequestedItem","itemPosition","calciteInternalUserRequestedStepperItemSelect","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/functional/step-bar.tsx","src/components/stepper/resources.ts","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":["import { FunctionalComponent, h } 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}) => (\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","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",":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 stepBar {\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 stepBar();\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 {\n  StepperItemChangeEventDetail,\n  StepperItemKeyEventDetail,\n  StepperLayout,\n} from \"./interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { StepBar } from \"./functional/step-bar\";\nimport { CSS } from \"./resources\";\nimport { guid } from \"../../utils/guid\";\n\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 { 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 }) 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(\"calciteInternalUserRequestedStepperItemSelect\")\n  handleUserRequestedStepperItemSelect(): void {\n    this.calciteStepperItemChange.emit();\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 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.calciteStepperItemChange.emit();\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    duration-150\n    ease-in-out;\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  @apply duration-150 ease-in-out;\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    duration-150\n    ease-in-out;\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    duration-150\n    ease-in-out;\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    duration-150\n    ease-in-out;\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\"]) .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;\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 { CSS } from \"./resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\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  calciteInternalUserRequestedStepperItemSelect: EventEmitter<StepperItemChangeEventDetail>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalStepperItemRegister: EventEmitter<StepperItemEventDetail>;\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              tabIndex={\n                /* additional tab index logic needed because of display: contents */\n                this.layout === \"horizontal\" && !this.disabled ? 0 : null\n              }\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.headerEl = el)}\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 = \"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      const position = this.itemPosition;\n\n      this.calciteInternalUserRequestedStepperItemSelect.emit({\n        position,\n      });\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":"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"}

package/dist/calcite/p-2d167d11.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+import{r as t,c as s,h as e,H as i,g as a}from"./p-45712297.js";import{l as c,d as o,t as r}from"./p-106e7fac.js";import{c as n,u as h,d as l,I as d}from"./p-75c6678e.js";import{a as p,s as b,b as f}from"./p-8c2e580c.js";import"./p-dbb00ecc.js";import"./p-ab5dc1e0.js";import"./p-ae213fc6.js";const u=":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{--calcite-card-group-gap:var(--calcite-size-md);display:block}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-gap)}: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 m=class{constructor(e){t(this,e);this.calciteCardGroupSelect=s(this,"calciteCardGroupSelect",6);this.items=[];this.udpateItemsOnSelectionModeChange=()=>{this.updateSlottedItems(this.slotRefEl);this.updateSelectedItems()};this.updateItemsOnSlotChange=t=>{this.updateSlottedItems(t.target);this.updateSelectedItems()};this.updateSlottedItems=t=>{this.items=t.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-card")))};this.updateSelectedItems=()=>{this.items.forEach((t=>{t.selectionMode=this.selectionMode}));this.setSelectedItems(false)};this.setSelectedItems=(t,s)=>{if(s){this.items.forEach((t=>{const e=s===t;switch(this.selectionMode){case"multiple":if(e){t.selected=!t.selected}break;case"single":t.selected=e?!t.selected:false;break;case"single-persist":t.selected=!!e;break}}))}this.selectedItems=this.items.filter((t=>t.selected));if(t&&this.selectionMode!=="none"&&!this.disabled){this.calciteCardGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.udpateItemsOnSelectionModeChange()}connectedCallback(){n(this)}componentDidRender(){h(this)}componentDidLoad(){p(this)}disconnectedCallback(){l(this)}async componentWillLoad(){b(this)}calciteInternalCardKeyEventListener(t){if(t.composedPath().includes(this.el)){const s=this.items.filter((t=>!t.disabled));switch(t.detail["key"]){case"ArrowRight":c(s,t.target,"next");break;case"ArrowLeft":c(s,t.target,"previous");break;case"Home":c(s,t.target,"first");break;case"End":c(s,t.target,"last");break}}}calciteCardSelectListener(t){if(t.composedPath().includes(this.el)&&!t.target.selectable){this.setSelectedItems(true,t.target)}}async setFocus(){await f(this);if(!this.disabled){o(this.items[0])}}render(){const t=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return e(i,null,e(d,{disabled:this.disabled},e("div",{"aria-disabled":r(this.disabled),"aria-label":this.label,class:"container",role:t},e("slot",{onSlotchange:this.updateItemsOnSlotChange,ref:t=>this.slotRefEl=t}))))}get el(){return a(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};m.style=u;export{m as calcite_card_group};
+//# sourceMappingURL=p-2d167d11.entry.js.map

package/dist/calcite/p-2f88cde8.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+class t{constructor(){this._formatterCache=new Map;this._commonDateTimeFormatterOptions={year:"numeric",month:"2-digit",day:"2-digit",timeZoneName:"shortOffset"}}get name(){return"native"}create(t){return new Date(t)}increase(t){const e=864e5;return new Date(t.getTime()+e)}formatToIsoDateString(t){const e=t.getFullYear();const n=t.getMonth()+1;const s=t.getDate();return`${e}-${n.toString().padStart(2,"0")}-${s.toString().padStart(2,"0")}`}isoToTimeZone(t,e){const n=this._toDate(t);const s=this._getFormatter(e);const r=s.formatToParts(n);const[o]=r.filter((({type:t})=>t==="timeZoneName")).map((({value:t})=>t));const i=this._getTimeZoneOffsetInMins(o);const a=n.getMinutes()-(n.getTimezoneOffset()-i);n.setMinutes(a);return n}same(t,e){return t.getTime()===e.getTime()}_toDate(t){return new Date(t)}_getFormatter(t){let e=this._formatterCache.get(t);if(!e){e=new Intl.DateTimeFormat("en-US",{timeZone:t,...this._commonDateTimeFormatterOptions});this._formatterCache.set(t,e)}return e}_getTimeZoneOffsetInMins(t){const[e,...n]=t.slice(3);const[s,r]=n.join("").split(":");const o=e==="+"?1:-1;return o*(Number(s)*60+Number(r||0))}}export{t as DateEngine};
+//# sourceMappingURL=p-2f88cde8.js.map

package/dist/calcite/p-306e280b.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+import{r as e,h as t,g as s}from"./p-45712297.js";import{c as i,d as n}from"./p-c621eb39.js";import{u as a,c,s as r,d as o}from"./p-ed51ff29.js";import{c as l}from"./p-0591c7d5.js";import{x as d}from"./p-106e7fac.js";import"./p-c6732cc0.js";import"./p-dbb00ecc.js";import"./p-ab5dc1e0.js";const h={scrim:"scrim",content:"content"};const m={s:72,l:480};const f=":host{--calcite-scrim-background:var(--calcite-color-transparent-scrim);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-color-transparent-scrim))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(t){e(this,t);this.resizeObserver=l("resize",(()=>this.handleResize()));this.handleDefaultSlotChange=e=>{this.hasContent=d(e)};this.storeLoaderEl=e=>{this.loaderEl=e;this.handleResize()};this.loading=false;this.messages=undefined;this.messageOverrides=undefined;this.loaderScale=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasContent=false}onMessagesChange(){}effectiveLocaleChange(){a(this,this.effectiveLocale)}connectedCallback(){i(this);c(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await r(this)}disconnectedCallback(){n(this);o(this);this.resizeObserver?.disconnect()}render(){const{hasContent:e,loading:s,messages:i}=this;return t("div",{class:h.scrim},s?t("calcite-loader",{label:i.loading,scale:this.loaderScale,ref:this.storeLoaderEl}):null,t("div",{class:h.content,hidden:!e},t("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(e){if(e<m.s){return"s"}else if(e>=m.l){return"l"}else{return"m"}}handleResize(){const{loaderEl:e,el:t}=this;if(!e){return}this.loaderScale=this.getScale(Math.min(t.clientHeight,t.clientWidth)??0)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};p.style=f;export{p as calcite_scrim};
+//# sourceMappingURL=p-306e280b.entry.js.map

package/dist/calcite/p-3123b60f.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+import{d as _}from"./p-db3d60db.js";import"./p-45712297.js";import"./p-313a8641.js";import"./p-106e7fac.js";import"./p-dbb00ecc.js";import"./p-ab5dc1e0.js";import"./p-75c6678e.js";import"./p-ae213fc6.js";import"./p-c6732cc0.js";import"./p-c863db12.js";import"./p-d4bb383e.js";import"./p-8c2e580c.js";import"./p-c621eb39.js";import"./p-0591c7d5.js";import"./p-a2903b2e.js";import"./p-68f51d24.js";import"./p-ed51ff29.js";import"./p-e1d73bbb.js";import"./p-035c9ba0.js";var p={name:"mk",weekdays:"недела_понеделник_вторник_среда_четврток_петок_сабота".split("_"),months:"јануари_февруари_март_април_мај_јуни_јули_август_септември_октомври_ноември_декември".split("_"),weekStart:1,weekdaysShort:"нед_пон_вто_сре_чет_пет_саб".split("_"),monthsShort:"јан_фев_мар_апр_мај_јун_јул_авг_сеп_окт_ное_дек".split("_"),weekdaysMin:"нe_пo_вт_ср_че_пе_сa".split("_"),ordinal:function _(p){return p},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"после %s",past:"пред %s",s:"неколку секунди",m:"минута",mm:"%d минути",h:"час",hh:"%d часа",d:"ден",dd:"%d дена",M:"месец",MM:"%d месеци",y:"година",yy:"%d години"}};_.locale(p,null,true);export default p;
+//# sourceMappingURL=p-3123b60f.js.map

package/dist/calcite/p-313a8641.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+import{q as n,c as t}from"./p-106e7fac.js";import{h as e}from"./p-45712297.js";const o=["calcite-input","calcite-input-number","calcite-input-text","calcite-text-area"];function i(n){const t=n.split("-").map(((n,t)=>t===0?n:`${n[0].toUpperCase()}${n.slice(1)}`)).join("");const e=`${t}${o.includes(n)?"Input":"Change"}`;return e}const s="hidden-form-input";function c(n){return"checked"in n}const r=new WeakMap;const u=new WeakSet;function a(n,e){const o=t(e.parentElement,"[form]");if(o){return true}const i="calciteInternalFormComponentRegister";let s=false;n.addEventListener(i,(n=>{s=n.composedPath().some((n=>u.has(n)));n.stopPropagation()}),{once:true});e.dispatchEvent(new CustomEvent(i,{bubbles:true,composed:true}));return s}function f(n){"status"in n&&(n.status="idle");"validationIcon"in n&&(n.validationIcon=false);"validationMessage"in n&&(n.validationMessage="")}function l(n,t){"status"in n&&(n.status="invalid");"validationIcon"in n&&!n.validationIcon&&(n.validationIcon=true);"validationMessage"in n&&!n.validationMessage&&(n.validationMessage=t)}function m(n){const t=n?.target;const e=t?.parentElement;const o=e?.nodeName?.toLowerCase();const s=o?.split("-");if(s.length<2||s[0]!=="calcite"){return}n?.preventDefault();l(e,t?.validationMessage);if(e?.validationMessage!==t?.validationMessage){return}const c=i(o);e.addEventListener(c,(()=>f(e)),{once:true})}function d(n){const{formEl:t}=n;if(!t){return false}t.addEventListener("invalid",m,true);t.requestSubmit();t.removeEventListener("invalid",m,true);requestAnimationFrame((()=>{const n=t.querySelectorAll("[status=invalid]");for(const t of n){if(t?.validationMessage){t?.setFocus();break}}}));return true}function p(n){n.formEl?.reset()}function v(n){const{el:t,value:e}=n;const o=b(n);if(!o||a(o,t)){return}n.formEl=o;n.defaultValue=e;if(c(n)){n.defaultChecked=n.checked}const i=(n.onFormReset||h).bind(n);o.addEventListener("reset",i);r.set(n.el,i);u.add(t)}function b(e){const{el:o,form:i}=e;return i?n(o,{id:i}):t(o,"form")}function h(){f(this);if(c(this)){this.checked=this.defaultChecked;return}this.value=this.defaultValue}function I(n){const{el:t,formEl:e}=n;if(!e){return}const o=r.get(t);e.removeEventListener("reset",o);r.delete(t);n.formEl=null;u.delete(t)}function w(n,t){n.defaultValue=t}const E="calciteInternalHiddenInputInput";const $=n=>{n.target.dispatchEvent(new CustomEvent(E,{bubbles:true}))};const g=n=>n.removeEventListener("input",$);function k(n){const{el:t,formEl:e,name:o,value:i}=n;const{ownerDocument:c}=t;const r=t.querySelectorAll(`input[slot="${s}"]`);if(!e||!o){r.forEach((n=>{g(n);n.remove()}));return}const u=Array.isArray(i)?i:[i];const a=[];const f=new Set;r.forEach((t=>{const e=u.find((n=>n==t.value));if(e!=null){f.add(e);C(n,t,e)}else{a.push(t)}}));let l;u.forEach((t=>{if(f.has(t)){return}let e=a.pop();if(!e){e=c.createElement("input");e.slot=s}if(!l){l=c.createDocumentFragment()}l.append(e);e.addEventListener("input",$);C(n,e,t)}));if(l){t.append(l)}a.forEach((n=>{g(n);n.remove()}))}function C(n,t,e){const{defaultValue:o,disabled:i,form:s,name:r,required:u}=n;t.defaultValue=o;t.disabled=i;t.name=r;t.required=u;t.tabIndex=-1;if(s){t.setAttribute("form",s)}else{t.removeAttribute("form")}if(c(n)){t.checked=n.checked;t.defaultChecked=n.defaultChecked;t.value=n.checked?e||"on":""}else{t.value=e||""}n.syncHiddenFormInput?.(t)}const q=({component:n})=>{k(n);return e("slot",{name:s})};export{q as H,w as a,v as c,I as d,b as f,E as i,p as r,d as s};
+//# sourceMappingURL=p-313a8641.js.map

package/dist/calcite/p-3327e40a.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+import{r as t,c as i,h as e,H as s,g as n}from"./p-45712297.js";import{e as o,h as a,g as l}from"./p-106e7fac.js";import{s as r,c,i as h,d,H as p}from"./p-313a8641.js";import{c as u,d as f,u as b,I as m}from"./p-75c6678e.js";import{c as v,d as g,g as x}from"./p-c863db12.js";import{s as k,a as w,c as y}from"./p-8c2e580c.js";import{c as z,d as j}from"./p-c621eb39.js";import{c as I}from"./p-0591c7d5.js";import{C}from"./p-ab5dc1e0.js";import{u as L,c as W,d as E,s as D}from"./p-ed51ff29.js";import{g as T}from"./p-d4bb383e.js";import{V as F}from"./p-035c9ba0.js";import{s as H}from"./p-cc321b26.js";import"./p-dbb00ecc.js";import"./p-ae213fc6.js";import"./p-c6732cc0.js";const R={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper"};const V={action:"action"};const q=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input{padding-inline-start:0.5rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.5rem)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .prefix,:host([scale=s]) .suffix{padding-inline:0.5rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input{padding-inline-start:0.75rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.75rem)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .prefix,:host([scale=m]) .suffix{padding-inline:0.75rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input{padding-inline-start:1rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 1rem)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .prefix,:host([scale=l]) .suffix{padding-inline:1rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input: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          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.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 B=class{constructor(e){t(this,e);this.calciteInternalInputTextFocus=i(this,"calciteInternalInputTextFocus",7);this.calciteInternalInputTextBlur=i(this,"calciteInternalInputTextBlur",7);this.calciteInputTextInput=i(this,"calciteInputTextInput",7);this.calciteInputTextChange=i(this,"calciteInputTextChange",7);this.previousValueOrigin="initial";this.mutationObserver=I("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled){return}if(this.isClearable&&t.key==="Escape"){this.clearInputTextValue(t);t.preventDefault()}if(t.key==="Enter"&&!t.defaultPrevented){if(r(this)){t.preventDefault()}}};this.clearInputTextValue=t=>{this.setValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue){this.calciteInputTextChange.emit();this.setPreviousEmittedValue(this.value)}};this.inputTextBlurHandler=()=>{this.calciteInternalInputTextBlur.emit({element:this.childEl,value:this.value});this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const i=o(this.el,"action");if(t.target!==i){this.setFocus()}};this.inputTextFocusHandler=()=>{this.calciteInternalInputTextFocus.emit({element:this.childEl,value:this.value})};this.inputTextInputHandler=t=>{if(this.disabled||this.readOnly){return}this.setValue({nativeEvent:t,origin:"user",value:t.target.value})};this.inputTextKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(t.key==="Enter"){this.emitChangeIfUserModified()}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildElRef=t=>{this.childEl=t};this.setInputValue=t=>{if(!this.childEl){return}this.childEl.value=t};this.setPreviousEmittedValue=t=>{this.previousEmittedValue=t};this.setPreviousValue=t=>{this.previousValue=t};this.setValue=({committing:t=false,nativeEvent:i,origin:e,previousValue:s,value:n})=>{this.setPreviousValue(s??this.value);this.previousValueOrigin=e;this.userChangedValue=e==="user"&&n!==this.value;this.value=n;if(e==="direct"){this.setInputValue(n);this.setPreviousEmittedValue(n)}if(i){const i=this.calciteInputTextInput.emit();if(i.defaultPrevented){this.value=this.previousValue}else if(t){this.emitChangeIfUserModified()}}};this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.form=undefined;this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.loading=false;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.autocomplete=undefined;this.inputMode="text";this.enterKeyHint=undefined;this.pattern=undefined;this.suffixText=undefined;this.editingEnabled=false;this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined;this.slottedActionElDisabledInternally=false}disabledWatcher(){this.setDisabledAction()}onMessagesChange(){}valueWatcher(t,i){if(!this.userChangedValue){this.setValue({origin:"direct",previousValue:i,value:!t?"":t})}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=a({},this.icon,"text")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleChange(){L(this,this.effectiveLocale)}connectedCallback(){u(this);z(this);W(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);v(this);c(this);this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(h,this.onHiddenFormInputInput)}disconnectedCallback(){f(this);g(this);d(this);j(this);E(this);this.mutationObserver?.disconnect();this.el.removeEventListener(h,this.onHiddenFormInputInput)}async componentWillLoad(){k(this);this.requestedIcon=a({},this.icon,"text");await D(this)}componentDidLoad(){w(this)}componentDidRender(){b(this)}async setFocus(){await y(this);this.childEl?.focus()}async selectText(){this.childEl?.select()}onLabelClick(){this.setFocus()}syncHiddenFormInput(t){H("text",this,t)}setDisabledAction(){const t=o(this.el,"action");if(!t){return}if(this.disabled){if(t.getAttribute("disabled")==null){this.slottedActionElDisabledInternally=true}t.setAttribute("disabled","")}else if(this.slottedActionElDisabledInternally){t.removeAttribute("disabled");this.slottedActionElDisabledInternally=false}}render(){const t=l(this.el);const i=e("div",{class:R.loader},e("calcite-progress",{label:this.messages.loading,type:"indeterminate"}));const n=e("button",{"aria-label":this.messages.clear,class:R.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputTextValue,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"x",scale:T(this.scale)}));const o=e("calcite-icon",{class:R.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:T(this.scale)});const a=e("div",{class:R.prefix},this.prefixText);const r=e("div",{class:R.suffix},this.suffixText);const c=e("input",{"aria-label":x(this),autocomplete:this.autocomplete,autofocus:this.autofocus?true:null,class:{[R.editingEnabled]:this.editingEnabled,[R.inlineChild]:!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,maxLength:this.maxLength,minLength:this.minLength,name:this.name,onBlur:this.inputTextBlurHandler,onFocus:this.inputTextFocusHandler,onInput:this.inputTextInputHandler,onKeyDown:this.inputTextKeyDownHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,required:this.required?true:null,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:"text",value:this.value,ref:this.setChildElRef});return e(s,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},e(m,{disabled:this.disabled},e("div",{class:{[R.inputWrapper]:true,[C.rtl]:t==="rtl"}},this.prefixText?a:null,e("div",{class:R.wrapper},c,this.isClearable?n:null,this.requestedIcon?o:null,this.loading?i:null),e("div",{class:R.actionWrapper},e("slot",{name:V.action})),this.suffixText?r:null,e(p,{component:this})),this.validationMessage&&this.status==="invalid"?e(F,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};B.style=q;export{B as calcite_input_text};
+//# sourceMappingURL=p-3327e40a.entry.js.map

package/dist/calcite/p-3327e40a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","loader","clearButton","editingEnabled","inlineChild","inputIcon","prefix","suffix","wrapper","inputWrapper","actionWrapper","resizeIconWrapper","SLOTS","action","inputTextCss","InputText","this","previousValueOrigin","mutationObserver","createObserver","setDisabledAction","userChangedValue","keyDownHandler","event","readOnly","disabled","isClearable","key","clearInputTextValue","preventDefault","defaultPrevented","submitForm","nativeEvent","setValue","committing","origin","value","emitChangeIfUserModified","previousEmittedValue","calciteInputTextChange","emit","setPreviousEmittedValue","inputTextBlurHandler","calciteInternalInputTextBlur","element","childEl","clickHandler","slottedActionEl","getSlotted","el","target","setFocus","inputTextFocusHandler","calciteInternalInputTextFocus","inputTextInputHandler","inputTextKeyDownHandler","onHiddenFormInputInput","name","stopPropagation","setChildElRef","setInputValue","newInputValue","setPreviousValue","previousValue","calciteInputTextInputEvent","calciteInputTextInput","disabledWatcher","onMessagesChange","valueWatcher","newValue","updateRequestedIcon","requestedIcon","setRequestedIcon","icon","clearable","length","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectInteractive","connectLocalized","connectMessages","inlineEditableEl","closest","connectLabel","connectForm","observe","childList","addEventListener","internalHiddenInputInputEvent","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","disconnect","removeEventListener","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","componentFocusable","focus","selectText","select","onLabelClick","syncHiddenFormInput","input","getAttribute","slottedActionElDisabledInternally","setAttribute","removeAttribute","render","dir","getElementDir","h","class","label","messages","loading","type","inputClearButton","clear","onClick","tabIndex","scale","getIconScale","iconEl","flipRtl","iconFlipRtl","prefixText","suffixText","getLabelText","autocomplete","autofocus","defaultValue","enterKeyHint","inputMode","maxLength","minLength","onBlur","onFocus","onInput","onKeyDown","pattern","placeholder","required","ref","Host","InteractiveContainer","CSS_UTILITY","rtl","HiddenFormInputSlot","component","validationMessage","status","Validation","validationIcon","message"],"sources":["src/components/input-text/resources.ts","src/components/input-text/input-text.scss?tag=calcite-input-text&encapsulation=shadow","src/components/input-text/input-text.tsx"],"sourcesContent":["export const CSS = {\n  loader: \"loader\",\n  clearButton: \"clear-button\",\n  editingEnabled: \"editing-enabled\",\n  inlineChild: \"inline-child\",\n  inputIcon: \"icon\",\n  prefix: \"prefix\",\n  suffix: \"suffix\",\n  wrapper: \"element-wrapper\",\n  inputWrapper: \"wrapper\",\n  actionWrapper: \"action-wrapper\",\n  resizeIconWrapper: \"resize-icon-wrapper\",\n};\n\nexport const SLOTS = {\n  action: \"action\",\n};\n",":host {\n  @apply block;\n}\n\n// scales\n:host([scale=\"s\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.2\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.2\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n2h h-6;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-2;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-6;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.6\");\n    min-inline-size: theme(\"spacing.6\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.3\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.3\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n1h h-8;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-3;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-8;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.8\");\n    min-inline-size: theme(\"spacing.8\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  & input {\n    padding-inline-start: theme(\"spacing.4\");\n    padding-inline-end: var(--calcite-internal-input-text-input-padding-inline-end, theme(\"spacing.4\"));\n  }\n\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-0h h-11;\n  }\n\n  & .prefix,\n  & .suffix {\n    @apply px-4;\n  }\n\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-11;\n  }\n\n  & .clear-button {\n    min-block-size: theme(\"spacing.11\");\n    min-inline-size: theme(\"spacing.11\");\n  }\n}\n\n@include disabled();\n\ninput {\n  transition:\n    var(--calcite-animation-timing),\n    block-size 0,\n    outline-offset 0s;\n  -webkit-appearance: none;\n  @apply bg-foreground-1\n    box-border\n    flex\n    flex-1\n    font-inherit\n    font-normal\n    m-0\n    max-h-full\n    max-w-full\n    relative\n    rounded-none\n    text-color-1\n    text-ellipsis\n    w-full;\n\n  &:placeholder-shown {\n    @apply text-ellipsis;\n  }\n}\n\n// states\ninput {\n  @apply text-color-1\n    border-color-input\n    border\n    border-solid;\n  &::placeholder,\n  &:-ms-input-placeholder,\n  &::-ms-input-placeholder {\n    @apply text-color-3 font-normal;\n  }\n}\ninput:focus {\n  @apply border-color-brand text-color-1;\n}\ninput[readonly] {\n  @apply bg-background font-medium;\n}\ninput[readonly]:focus {\n  @apply text-color-1;\n}\ncalcite-icon {\n  @apply text-color-3;\n}\n\n//focus\n\ninput {\n  @apply focus-base;\n}\ninput:focus {\n  @apply focus-inset;\n}\n\n:host([status=\"invalid\"]) {\n  & input {\n    @apply border-color-danger;\n  }\n  & input:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n// ICONS\n\n// position icons\n\n:host([scale=\"s\"]) .icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n:host([scale=\"m\"]) .icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host([scale=\"l\"]) .icon {\n  inset-inline-start: theme(\"spacing.4\");\n}\n\n// position placeholder/value text in relation to icons\n\n:host([icon][scale=\"s\"]) input {\n  padding-inline-start: theme(\"padding.8\");\n}\n\n:host([icon][scale=\"m\"]) input {\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host([icon][scale=\"l\"]) input {\n  padding-inline-start: theme(\"padding.14\");\n}\n\n// positioning wrapper for icon and loader\n\n.element-wrapper {\n  @apply relative\n    order-3\n    inline-flex\n    flex-1\n    items-center;\n}\n\n.icon {\n  @apply transition-default\n    pointer-events-none\n    absolute\n    block\n\n    z-default; // needed for firefox to display the icon properly\n}\n\n// hide browser default clear\n\ninput[type=\"text\"]::-ms-clear,\ninput[type=\"text\"]::-ms-reveal {\n  @apply hidden\n    h-0\n    w-0;\n}\n\n.clear-button {\n  pointer-events: initial;\n  @apply focus-base\n    border-color-input\n    bg-foreground-1\n    order-4\n    m-0\n    box-border\n    flex\n    min-h-full\n    cursor-pointer\n    items-center\n    justify-center\n    self-stretch\n    border\n    border-solid;\n\n  border-inline-start-width: theme(\"borderWidth.0\");\n\n  &:hover {\n    @apply bg-foreground-2 transition-default;\n    calcite-icon {\n      @apply text-color-1 transition-default;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &:disabled {\n    @apply opacity-disabled;\n  }\n}\n\n// loading\n.loader {\n  inset-block-start: 1px;\n  inset-inline: 1px;\n  @apply pointer-events-none\n    absolute\n    block;\n}\n\n// slotted action\n.action-wrapper {\n  @apply order-7 flex;\n}\n\n// prefix and suffix\n.prefix,\n.suffix {\n  @apply border-color-input\n    bg-background\n    text-color-2\n    box-border\n    flex\n    h-auto\n    min-h-full\n    select-none\n    content-center\n    items-center\n    break-words\n    border\n    border-solid\n    font-medium\n    leading-none;\n}\n\n.prefix {\n  @apply order-2;\n  border-inline-end-width: theme(\"borderWidth.0\");\n}\n.suffix {\n  @apply order-5;\n  border-inline-start-width: theme(\"borderWidth.0\");\n}\n\n// alignment type\n:host([alignment=\"start\"]) {\n  & input {\n    text-align: start;\n  }\n}\n\n:host([alignment=\"end\"]) {\n  & input {\n    text-align: end;\n  }\n}\n\n.wrapper {\n  @apply relative\n    flex\n    flex-row\n    items-center;\n}\n\n:host(.no-bottom-border) input {\n  @apply border-b-0;\n}\n\n:host(.border-top-color-one) input {\n  @apply border-t-color-1;\n}\n\n// input needed for higher specificity of these overrides\ninput {\n  &.inline-child {\n    @apply transition-default bg-transparent;\n    .editing-enabled {\n      background-color: inherit;\n    }\n  }\n\n  &.inline-child:not(.editing-enabled) {\n    @apply border-color-transparent\n    flex\n    cursor-pointer text-ellipsis;\n    padding-inline-start: 0;\n  }\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  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, getSlotted, setRequestedIcon } from \"../../utils/dom\";\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  internalHiddenInputInputEvent,\n  submitForm,\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 { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { SetValueOrigin } from \"../input/interfaces\";\nimport { Alignment, Scale, Status } from \"../interfaces\";\nimport { InputTextMessages } from \"./assets/input-text/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport { syncHiddenFormInput, TextualInputComponent } from \"../input/common/input\";\n\n/**\n * @slot action - A slot for positioning a button next to the component.\n */\n@Component({\n  tag: \"calcite-input-text\",\n  styleUrl: \"input-text.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class InputText\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    TextualInputComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the text alignment of the component's value. */\n  @Prop({ reflect: true }) alignment: Extract<\"start\" | \"end\", Alignment> = \"start\";\n\n  /**\n   * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.\n   *\n   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)\n   */\n  @Prop({ reflect: true }) autofocus = false;\n\n  /**\n   * When `true`, a clear button is displayed when the component has a value.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.setDisabledAction();\n  }\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 })\n  form: string;\n\n  /**\n   * Specifies an icon to display.\n   *\n   * @futureBreaking Remove boolean type as it is not supported.\n   */\n  @Prop({ reflect: true }) icon: string | boolean;\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  /** Accessible name for the component's button or hyperlink. */\n  @Prop() label: string;\n\n  /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the maximum length of text for the component's value.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Specifies the minimum length of text for the component's value.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\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: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /** Adds text to the start of the component. */\n  @Prop() prefixText: string;\n\n  /**\n   * When `true`, the component's value can be read, but cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\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  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * Specifies the type of content to autocomplete, for use in forms.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * Specifies the type of content to help devices display an appropriate virtual keyboard.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n   */\n  @Prop() inputMode = \"text\";\n\n  /**\n   * Specifies the action label or icon for the Enter key on virtual keyboards.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\n   */\n  @Prop() enterKeyHint: string;\n\n  /**\n   * Specifies a regex pattern the component's `value` must match for validation.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @Prop() pattern: string;\n\n  /** Adds text to the end of the component.  */\n  @Prop() suffixText: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\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: InputTextMessages;\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<InputTextMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string, previousValue: string): void {\n    if (!this.userChangedValue) {\n      this.setValue({\n        origin: \"direct\",\n        previousValue,\n        value: !newValue ? \"\" : newValue,\n      });\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"icon\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"text\");\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputTextElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: InputText[\"value\"];\n\n  inlineEditableEl: HTMLCalciteInlineEditableElement;\n\n  /** keep track of the rendered child */\n  private childEl?: HTMLInputElement;\n\n  get isClearable(): boolean {\n    return this.clearable && this.value.length > 0;\n  }\n\n  private previousEmittedValue: string;\n\n  private previousValue: string;\n\n  private previousValueOrigin: SetValueOrigin = \"initial\";\n\n  /** the computed icon to render */\n  private requestedIcon?: string;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setDisabledAction());\n\n  private userChangedValue = false;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: InputTextMessages;\n\n  @State() slottedActionElDisabledInternally = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n\n    this.inlineEditableEl = this.el.closest(\"calcite-inline-editable\");\n    if (this.inlineEditableEl) {\n      this.editingEnabled = this.inlineEditableEl.editingEnabled || false;\n    }\n    this.setPreviousEmittedValue(this.value);\n    this.setPreviousValue(this.value);\n\n    connectLabel(this);\n    connectForm(this);\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.setDisabledAction();\n    this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n\n    this.mutationObserver?.disconnect();\n    this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"text\");\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event() calciteInternalInputTextFocus: EventEmitter<{\n    element: HTMLInputElement;\n    value: string;\n  }>;\n\n  /**\n   * @internal\n   */\n  @Event() calciteInternalInputTextBlur: EventEmitter<{ element: HTMLInputElement; value: string }>;\n\n  /**\n   * Fires each time a new value is typed.\n   */\n  @Event({ cancelable: true }) calciteInputTextInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new value is typed and committed.\n   */\n  @Event() calciteInputTextChange: EventEmitter<void>;\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.childEl?.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    this.childEl?.select();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.readOnly || this.disabled) {\n      return;\n    }\n    if (this.isClearable && event.key === \"Escape\") {\n      this.clearInputTextValue(event);\n      event.preventDefault();\n    }\n    if (event.key === \"Enter\" && !event.defaultPrevented) {\n      if (submitForm(this)) {\n        event.preventDefault();\n      }\n    }\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private clearInputTextValue = (nativeEvent: KeyboardEvent | MouseEvent): void => {\n    this.setValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: \"\",\n    });\n  };\n\n  private emitChangeIfUserModified = (): void => {\n    if (this.previousValueOrigin === \"user\" && this.value !== this.previousEmittedValue) {\n      this.calciteInputTextChange.emit();\n      this.setPreviousEmittedValue(this.value);\n    }\n  };\n\n  private inputTextBlurHandler = () => {\n    this.calciteInternalInputTextBlur.emit({\n      element: this.childEl,\n      value: this.value,\n    });\n\n    this.emitChangeIfUserModified();\n  };\n\n  private clickHandler = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    const slottedActionEl = getSlotted(this.el, \"action\");\n    if (event.target !== slottedActionEl) {\n      this.setFocus();\n    }\n  };\n\n  private inputTextFocusHandler = (): void => {\n    this.calciteInternalInputTextFocus.emit({\n      element: this.childEl,\n      value: this.value,\n    });\n  };\n\n  private inputTextInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    this.setValue({\n      nativeEvent,\n      origin: \"user\",\n      value: (nativeEvent.target as HTMLInputElement).value,\n    });\n  };\n\n  private inputTextKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      this.emitChangeIfUserModified();\n    }\n  };\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    syncHiddenFormInput(\"text\", this, input);\n  }\n\n  private onHiddenFormInputInput = (event: Event): void => {\n    if ((event.target as HTMLInputElement).name === this.name) {\n      this.setValue({\n        value: (event.target as HTMLInputElement).value,\n        origin: \"direct\",\n      });\n    }\n    this.setFocus();\n    event.stopPropagation();\n  };\n\n  private setChildElRef = (el) => {\n    this.childEl = el;\n  };\n\n  private setDisabledAction(): void {\n    const slottedActionEl = getSlotted(this.el, \"action\");\n\n    if (!slottedActionEl) {\n      return;\n    }\n\n    if (this.disabled) {\n      if (slottedActionEl.getAttribute(\"disabled\") == null) {\n        this.slottedActionElDisabledInternally = true;\n      }\n      slottedActionEl.setAttribute(\"disabled\", \"\");\n    } else if (this.slottedActionElDisabledInternally) {\n      slottedActionEl.removeAttribute(\"disabled\");\n      this.slottedActionElDisabledInternally = false;\n    }\n  }\n\n  private setInputValue = (newInputValue: string): void => {\n    if (!this.childEl) {\n      return;\n    }\n    this.childEl.value = newInputValue;\n  };\n\n  private setPreviousEmittedValue = (value: string): void => {\n    this.previousEmittedValue = value;\n  };\n\n  private setPreviousValue = (value: string): void => {\n    this.previousValue = value;\n  };\n\n  private setValue = ({\n    committing = false,\n    nativeEvent,\n    origin,\n    previousValue,\n    value,\n  }: {\n    committing?: boolean;\n    nativeEvent?: MouseEvent | KeyboardEvent | InputEvent;\n    origin: SetValueOrigin;\n    previousValue?: string;\n    value: string;\n  }): void => {\n    this.setPreviousValue(previousValue ?? this.value);\n    this.previousValueOrigin = origin;\n    this.userChangedValue = origin === \"user\" && value !== this.value;\n    this.value = value;\n\n    if (origin === \"direct\") {\n      this.setInputValue(value);\n      this.setPreviousEmittedValue(value);\n    }\n\n    if (nativeEvent) {\n      const calciteInputTextInputEvent = this.calciteInputTextInput.emit();\n\n      if (calciteInputTextInputEvent.defaultPrevented) {\n        this.value = this.previousValue;\n      } else if (committing) {\n        this.emitChangeIfUserModified();\n      }\n    }\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const loader = (\n      <div class={CSS.loader}>\n        <calcite-progress label={this.messages.loading} type=\"indeterminate\" />\n      </div>\n    );\n\n    const inputClearButton = (\n      <button\n        aria-label={this.messages.clear}\n        class={CSS.clearButton}\n        disabled={this.disabled || this.readOnly}\n        onClick={this.clearInputTextValue}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n    const iconEl = (\n      <calcite-icon\n        class={CSS.inputIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.requestedIcon}\n        scale={getIconScale(this.scale)}\n      />\n    );\n    const prefixText = <div class={CSS.prefix}>{this.prefixText}</div>;\n\n    const suffixText = <div class={CSS.suffix}>{this.suffixText}</div>;\n\n    const childEl = (\n      <input\n        aria-label={getLabelText(this)}\n        autocomplete={this.autocomplete}\n        autofocus={this.autofocus ? true : null}\n        class={{\n          [CSS.editingEnabled]: this.editingEnabled,\n          [CSS.inlineChild]: !!this.inlineEditableEl,\n        }}\n        defaultValue={this.defaultValue}\n        disabled={this.disabled ? true : null}\n        enterKeyHint={this.enterKeyHint}\n        inputMode={this.inputMode}\n        maxLength={this.maxLength}\n        minLength={this.minLength}\n        name={this.name}\n        onBlur={this.inputTextBlurHandler}\n        onFocus={this.inputTextFocusHandler}\n        onInput={this.inputTextInputHandler}\n        onKeyDown={this.inputTextKeyDownHandler}\n        pattern={this.pattern}\n        placeholder={this.placeholder || \"\"}\n        readOnly={this.readOnly}\n        required={this.required ? true : null}\n        tabIndex={this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null}\n        type=\"text\"\n        value={this.value}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.setChildElRef}\n      />\n    );\n\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={{ [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.prefixText ? prefixText : null}\n            <div class={CSS.wrapper}>\n              {childEl}\n              {this.isClearable ? inputClearButton : null}\n              {this.requestedIcon ? iconEl : null}\n              {this.loading ? loader : null}\n            </div>\n            <div class={CSS.actionWrapper}>\n              <slot name={SLOTS.action} />\n            </div>\n            {this.suffixText ? suffixText : null}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\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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"}

package/dist/calcite/p-335de619.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+import{r as t,h as e,H as n}from"./p-45712297.js";import{b as s}from"./p-106e7fac.js";import{S as i,C as a}from"./p-719dac37.js";import"./p-dbb00ecc.js";import"./p-ab5dc1e0.js";const o=":host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, 0.75rem);padding-block:var(--calcite-stack-padding-block, 0.5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}";const c=class{constructor(e){t(this,e);this.handleActionsStartSlotChange=t=>{this.hasActionsStart=s(t)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=s(t)};this.handleContentStartSlotChange=t=>{this.hasContentStart=s(t)};this.handleContentEndSlotChange=t=>{this.hasContentEnd=s(t)};this.disabled=false;this.hasActionsStart=false;this.hasActionsEnd=false;this.hasContentStart=false;this.hasContentEnd=false}renderActionsStart(){const{hasActionsStart:t}=this;return e("div",{class:a.actionsStart,hidden:!t,key:"actions-start-container"},e("slot",{name:i.actionsStart,onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{hasActionsEnd:t}=this;return e("div",{class:a.actionsEnd,hidden:!t,key:"actions-end-container"},e("slot",{name:i.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}))}renderContentStart(){const{hasContentStart:t}=this;return e("div",{class:a.contentStart,hidden:!t},e("slot",{name:i.contentStart,onSlotchange:this.handleContentStartSlotChange}))}renderDefaultContent(){return e("div",{class:a.content},e("slot",null))}renderContentEnd(){const{hasContentEnd:t}=this;return e("div",{class:a.contentEnd,hidden:!t},e("slot",{name:i.contentEnd,onSlotchange:this.handleContentEndSlotChange}))}render(){return e(n,null,e("div",{class:a.container},this.renderActionsStart(),this.renderContentStart(),this.renderDefaultContent(),this.renderContentEnd(),this.renderActionsEnd()))}};c.style=o;export{c as calcite_stack};
+//# sourceMappingURL=p-335de619.entry.js.map

package/dist/calcite/p-3384908a.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+import{d as e}from"./p-db3d60db.js";import"./p-45712297.js";import"./p-313a8641.js";import"./p-106e7fac.js";import"./p-dbb00ecc.js";import"./p-ab5dc1e0.js";import"./p-75c6678e.js";import"./p-ae213fc6.js";import"./p-c6732cc0.js";import"./p-c863db12.js";import"./p-d4bb383e.js";import"./p-8c2e580c.js";import"./p-c621eb39.js";import"./p-0591c7d5.js";import"./p-a2903b2e.js";import"./p-68f51d24.js";import"./p-ed51ff29.js";import"./p-e1d73bbb.js";import"./p-035c9ba0.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var n=r[i];if(Array.isArray(n)){n=n[t?0:1]}return n.replace("%d",e)}var i={name:"de-ch",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export default i;
+//# sourceMappingURL=p-3384908a.js.map

package/dist/calcite/p-36400674.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+import{d as e}from"./p-db3d60db.js";import"./p-45712297.js";import"./p-313a8641.js";import"./p-106e7fac.js";import"./p-dbb00ecc.js";import"./p-ab5dc1e0.js";import"./p-75c6678e.js";import"./p-ae213fc6.js";import"./p-c6732cc0.js";import"./p-c863db12.js";import"./p-d4bb383e.js";import"./p-8c2e580c.js";import"./p-c621eb39.js";import"./p-0591c7d5.js";import"./p-a2903b2e.js";import"./p-68f51d24.js";import"./p-ed51ff29.js";import"./p-e1d73bbb.js";import"./p-035c9ba0.js";var m={name:"es-mx",weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"}};e.locale(m,null,true);export default m;
+//# sourceMappingURL=p-36400674.js.map

package/dist/calcite/p-36ec3c18.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+import{d as r}from"./p-db3d60db.js";import"./p-45712297.js";import"./p-313a8641.js";import"./p-106e7fac.js";import"./p-dbb00ecc.js";import"./p-ab5dc1e0.js";import"./p-75c6678e.js";import"./p-ae213fc6.js";import"./p-c6732cc0.js";import"./p-c863db12.js";import"./p-d4bb383e.js";import"./p-8c2e580c.js";import"./p-c621eb39.js";import"./p-0591c7d5.js";import"./p-a2903b2e.js";import"./p-68f51d24.js";import"./p-ed51ff29.js";import"./p-e1d73bbb.js";import"./p-035c9ba0.js";var e={name:"hu",weekdays:"vasárnap_hétfő_kedd_szerda_csütörtök_péntek_szombat".split("_"),weekdaysShort:"vas_hét_kedd_sze_csüt_pén_szo".split("_"),weekdaysMin:"v_h_k_sze_cs_p_szo".split("_"),months:"január_február_március_április_május_június_július_augusztus_szeptember_október_november_december".split("_"),monthsShort:"jan_feb_márc_ápr_máj_jún_júl_aug_szept_okt_nov_dec".split("_"),ordinal:function r(e){return e+"."},weekStart:1,relativeTime:{future:"%s múlva",past:"%s",s:function r(e,t,n,p){return"néhány másodperc"+(p||t?"":"e")},m:function r(e,t,n,p){return"egy perc"+(p||t?"":"e")},mm:function r(e,t,n,p){return e+" perc"+(p||t?"":"e")},h:function r(e,t,n,p){return"egy "+(p||t?"óra":"órája")},hh:function r(e,t,n,p){return e+" "+(p||t?"óra":"órája")},d:function r(e,t,n,p){return"egy "+(p||t?"nap":"napja")},dd:function r(e,t,n,p){return e+" "+(p||t?"nap":"napja")},M:function r(e,t,n,p){return"egy "+(p||t?"hónap":"hónapja")},MM:function r(e,t,n,p){return e+" "+(p||t?"hónap":"hónapja")},y:function r(e,t,n,p){return"egy "+(p||t?"év":"éve")},yy:function r(e,t,n,p){return e+" "+(p||t?"év":"éve")}},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY. MMMM D.",LLL:"YYYY. MMMM D. H:mm",LLLL:"YYYY. MMMM D., dddd H:mm"}};r.locale(e,null,true);export default e;
+//# sourceMappingURL=p-36ec3c18.js.map

package/dist/calcite/p-38c5977e.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+import{r as e,c as t,h as i,g as s}from"./p-45712297.js";import{b as n,s as a,f as o,t as c}from"./p-106e7fac.js";import{c as l,u as r,d,I as h}from"./p-75c6678e.js";import{s as p,a as f,c as m}from"./p-8c2e580c.js";import{c as b}from"./p-0591c7d5.js";import{S as u}from"./p-72ddb793.js";import{H as g}from"./p-213b0e0e.js";import{S as x,C as v,I as y}from"./p-3b096326.js";import{c as k,d as z}from"./p-c621eb39.js";import{c as w,s as C,d as S,u as j}from"./p-ed51ff29.js";import"./p-dbb00ecc.js";import"./p-ab5dc1e0.js";import"./p-ae213fc6.js";import"./p-c6732cc0.js";const A=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}.footer{display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-panel-footer-padding, 0.5rem);border-block-start:1px solid var(--calcite-color-border-3)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";const H=class{constructor(i){e(this,i);this.calcitePanelClose=t(this,"calcitePanelClose",6);this.calcitePanelToggle=t(this,"calcitePanelToggle",6);this.calcitePanelScroll=t(this,"calcitePanelScroll",6);this.resizeObserver=b("resize",(()=>this.resizeHandler()));this.resizeHandler=()=>{const{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!=="number"||typeof e.offsetHeight!=="number"){return}e.tabIndex=e.scrollHeight>e.offsetHeight?0:-1};this.setContainerRef=e=>{this.containerEl=e};this.panelKeyDownHandler=e=>{if(this.closable&&e.key==="Escape"&&!e.defaultPrevented){this.close();e.preventDefault()}};this.close=()=>{this.closed=true;this.calcitePanelClose.emit()};this.collapse=()=>{this.collapsed=!this.collapsed;this.calcitePanelToggle.emit()};this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()};this.handleHeaderActionsStartSlotChange=e=>{this.hasStartActions=n(e)};this.handleHeaderActionsEndSlotChange=e=>{this.hasEndActions=n(e)};this.handleHeaderMenuActionsSlotChange=e=>{this.hasMenuItems=n(e)};this.handleActionBarSlotChange=e=>{const t=a(e).filter((e=>e?.matches("calcite-action-bar")));t.forEach((e=>e.layout="horizontal"));this.hasActionBar=!!t.length};this.handleHeaderContentSlotChange=e=>{this.hasHeaderContent=n(e)};this.handleFooterSlotChange=e=>{this.hasFooterContent=n(e)};this.handleFooterActionsSlotChange=e=>{this.hasFooterActions=n(e)};this.handleFabSlotChange=e=>{this.hasFab=n(e)};this.setPanelScrollEl=e=>{this.panelScrollEl=e;this.resizeObserver?.disconnect();if(e){this.resizeObserver?.observe(e);this.resizeHandler()}};this.closed=false;this.disabled=false;this.closable=false;this.collapsed=false;this.collapseDirection="down";this.collapsible=false;this.headingLevel=undefined;this.loading=false;this.heading=undefined;this.description=undefined;this.menuOpen=false;this.messageOverrides=undefined;this.messages=undefined;this.overlayPositioning="absolute";this.hasStartActions=false;this.hasEndActions=false;this.hasMenuItems=false;this.hasHeaderContent=false;this.hasActionBar=false;this.hasFooterContent=false;this.hasFooterActions=false;this.hasFab=false;this.defaultMessages=undefined;this.effectiveLocale="";this.showHeaderContent=false}onMessagesChange(){}connectedCallback(){l(this);k(this);w(this)}async componentWillLoad(){p(this);await C(this)}componentDidLoad(){f(this)}componentDidRender(){r(this)}disconnectedCallback(){d(this);z(this);S(this);this.resizeObserver?.disconnect()}effectiveLocaleChange(){j(this,this.effectiveLocale)}async setFocus(){await m(this);o(this.containerEl)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}renderHeaderContent(){const{heading:e,headingLevel:t,description:s,hasHeaderContent:n}=this;const a=e?i(g,{class:v.heading,level:t},e):null;const o=s?i("span",{class:v.description},s):null;return!n&&(a||o)?i("div",{class:v.headerContent,key:"header-content"},a,o):null}renderActionBar(){return i("div",{class:v.actionBarContainer,hidden:!this.hasActionBar},i("slot",{name:x.actionBar,onSlotchange:this.handleActionBarSlotChange}))}renderHeaderSlottedContent(){return i("div",{class:v.headerContent,hidden:!this.hasHeaderContent,key:"slotted-header-content"},i("slot",{name:x.headerContent,onSlotchange:this.handleHeaderContentSlotChange}))}renderHeaderStartActions(){const{hasStartActions:e}=this;return i("div",{class:{[v.headerActionsStart]:true,[v.headerActions]:true},hidden:!e,key:"header-actions-start"},i("slot",{name:x.headerActionsStart,onSlotchange:this.handleHeaderActionsStartSlotChange}))}renderHeaderActionsEnd(){const{hasEndActions:e,messages:t,closable:s,collapsed:n,collapseDirection:a,collapsible:o,hasMenuItems:l}=this;const{collapse:r,expand:d,close:h}=t;const p=[y.expand,y.collapse];if(a==="up"){p.reverse()}const f=o?i("calcite-action",{"aria-expanded":c(!n),"aria-label":r,"data-test":"collapse",icon:n?p[0]:p[1],onClick:this.collapse,text:r,title:n?d:r}):null;const m=s?i("calcite-action",{"aria-label":h,"data-test":"close",icon:y.close,onClick:this.close,text:h,title:h}):null;const b=i("slot",{name:x.headerActionsEnd,onSlotchange:this.handleHeaderActionsEndSlotChange});const u=e||f||m||l;return i("div",{class:{[v.headerActionsEnd]:true,[v.headerActions]:true},hidden:!u,key:"header-actions-end"},b,this.renderMenu(),f,m)}renderMenu(){const{hasMenuItems:e,messages:t,menuOpen:s}=this;return i("calcite-action-menu",{flipPlacements:["top","bottom"],hidden:!e,key:"menu",label:t.options,open:s,overlayPositioning:this.overlayPositioning,placement:"bottom-end"},i("calcite-action",{icon:y.menu,slot:u.trigger,text:t.options}),i("slot",{name:x.headerMenuActions,onSlotchange:this.handleHeaderMenuActionsSlotChange}))}renderHeaderNode(){const{hasHeaderContent:e,hasStartActions:t,hasEndActions:s,closable:n,collapsible:a,hasMenuItems:o,hasActionBar:c}=this;const l=this.renderHeaderContent();const r=e||!!l||t||s||a||n||o;this.showHeaderContent=r;return i("header",{class:v.header,hidden:!(r||c)},i("div",{class:{[v.headerContainer]:true,[v.headerContainerBorderEnd]:c},hidden:!r},this.renderHeaderStartActions(),this.renderHeaderSlottedContent(),l,this.renderHeaderActionsEnd()),this.renderActionBar())}renderFooterNode(){const{hasFooterContent:e,hasFooterActions:t}=this;const s=e||t;return i("footer",{class:v.footer,hidden:!s},i("slot",{key:"footer-slot",name:x.footer,onSlotchange:this.handleFooterSlotChange}),i("slot",{key:"footer-actions-slot",name:x.footerActions,onSlotchange:this.handleFooterActionsSlotChange}))}renderContent(){return i("div",{class:v.contentWrapper,hidden:this.collapsible&&this.collapsed,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},i("slot",null),this.renderFab())}renderFab(){return i("div",{class:v.fabContainer,hidden:!this.hasFab},i("slot",{name:x.fab,onSlotchange:this.handleFabSlotChange}))}render(){const{disabled:e,loading:t,panelKeyDownHandler:s,closed:n,closable:a}=this;const o=i("article",{"aria-busy":c(t),class:v.container,hidden:n,onKeyDown:s,tabIndex:a?0:-1,ref:this.setContainerRef},this.renderHeaderNode(),this.renderContent(),this.renderFooterNode());return i(h,{disabled:e},t?i("calcite-scrim",{loading:t}):null,o)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};H.style=A;export{H as calcite_panel};
+//# sourceMappingURL=p-38c5977e.entry.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+const e={actionBarContainer:"action-bar-container",backButton:"back-button",container:"container",header:"header",headerContainer:"header-container",headerContainerBorderEnd:"header-container--border-end",heading:"heading",summary:"summary",description:"description",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",fabContainer:"fab-container",footer:"footer"};const n={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right",expand:"chevron-down",collapse:"chevron-up"};const a={actionBar:"action-bar",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};export{e as C,n as I,a as S};
+//# sourceMappingURL=p-3b096326.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.6
+ */
+import{r as t,c as i,h as s,H as a,g as e}from"./p-45712297.js";import{c as n}from"./p-0591c7d5.js";import{s as l,a as o,c}from"./p-8c2e580c.js";import{V as h}from"./p-035c9ba0.js";const r={itemWrapper:"item-wrapper"};const d=":host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-md) * -1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(s){t(this,s);this.calciteRadioButtonGroupChange=i(this,"calciteRadioButtonGroupChange",6);this.mutationObserver=n("mutation",(()=>this.passPropsToRadioButtons()));this.passPropsToRadioButtons=()=>{this.radioButtons=Array.from(this.el.querySelectorAll("calcite-radio-button"));this.selectedItem=Array.from(this.radioButtons).find((t=>t.checked))||null;if(this.radioButtons.length>0){this.radioButtons.forEach((t=>{t.disabled=this.disabled||t.disabled;t.hidden=this.el.hidden;t.name=this.name;t.required=this.required;t.scale=this.scale}))}};this.disabled=false;this.layout="horizontal";this.name=undefined;this.required=false;this.selectedItem=null;this.scale="m";this.status="idle";this.validationMessage=undefined;this.validationIcon=undefined;this.radioButtons=[]}handleHiddenChange(){this.passPropsToRadioButtons()}onDisabledChange(){this.passPropsToRadioButtons()}onLayoutChange(){this.passPropsToRadioButtons()}onScaleChange(){this.passPropsToRadioButtons()}connectedCallback(){this.passPropsToRadioButtons();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentWillLoad(){l(this)}componentDidLoad(){o(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}getFocusableRadioButton(){return this.radioButtons.find((t=>!t.disabled))??null}async setFocus(){await c(this);if(this.selectedItem&&!this.selectedItem.disabled){return this.selectedItem.setFocus()}if(this.radioButtons.length>0){return this.getFocusableRadioButton()?.setFocus()}}radioButtonChangeHandler(t){this.selectedItem=t.target;this.calciteRadioButtonGroupChange.emit()}render(){return s(a,{role:"radiogroup"},s("div",{class:r.itemWrapper},s("slot",null)),this.validationMessage&&this.status==="invalid"?s(h,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null)}get el(){return e(this)}static get watchers(){return{hidden:["handleHiddenChange"],disabled:["onDisabledChange"],layout:["onLayoutChange"],scale:["onScaleChange"]}}};p.style=d;export{p as calcite_radio_button_group};
+//# sourceMappingURL=p-3b406935.entry.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","numberCell","footerCell","selectionCell","selectedCell","assistiveText","lastCell","staticCell","tableCellCss","TableCell","this","updateScreenReaderContentsText","contentsText","el","textContent","onContainerBlur","focused","onContainerFocus","onSelectedChange","updateScreenReaderSelectionText","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectMessages","connectInteractive","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectInteractive","setFocus","componentFocusable","containerEl","focus","selectedText","messages","row","parentRowPositionLocalized","selected","keyboardDeselect","unselectedText","unselected","keyboardSelect","selectionText","parentRowIsSelected","render","dir","getElementDir","disabled","interactionMode","parentRowType","h","Host","InteractiveContainer","class","rowSpan","colSpan","CSS_UTILITY","rtl","onBlur","onFocus","role","tabIndex","ref","readCellContentsToAT","Fragment","onSlotchange","bodyRow","footerRow","heading","description","multipleSelectionCell","active","tableHeaderCss","TableHeader","updateScreenReaderText","text","sharedText","selectedRowCountLocalized","rowNumber","selectionMode","selectionColumn","bodyRowCount","selectedRowCount","all","keyboardDeselectAll","keyboardSelectAll","screenReaderText","scope","allSelected","selectionIcon","positionInRow","undefined","icon","scale","getIconScale"],"sources":["src/components/table-cell/resources.ts","src/components/table-cell/table-cell.scss?tag=calcite-table-cell&encapsulation=shadow","src/components/table-cell/table-cell.tsx","src/components/table-header/resources.ts","src/components/table-header/table-header.scss?tag=calcite-table-header&encapsulation=shadow","src/components/table-header/table-header.tsx"],"sourcesContent":["export const CSS = {\n  numberCell: \"number-cell\",\n  footerCell: \"footer-cell\",\n  selectionCell: \"selection-cell\",\n  selectedCell: \"selected-cell\",\n  assistiveText: \"assistive-text\",\n  lastCell: \"last-cell\",\n  staticCell: \"static-cell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-cell-background: Specifies the background color of the component.\n */\n\n:host {\n  --calcite-internal-table-cell-background: var(--calcite-table-cell-background, transparent);\n  @apply contents;\n}\n\n:host([alignment=\"center\"]) td {\n  @apply text-center;\n}\n\n:host([alignment=\"end\"]) td {\n  @apply text-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\ntd {\n  @apply text-start  align-middle text-color-1 whitespace-normal;\n  background: var(--calcite-internal-table-cell-background);\n  font-size: var(--calcite-internal-table-cell-font-size);\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n  padding: var(--calcite-internal-table-cell-padding);\n\n  &:not(.static-cell) {\n    @apply focus-base;\n    &:focus {\n      @apply focus-inset;\n    }\n  }\n}\n\ntd.last-cell {\n  border-inline-end: 0;\n}\n\n.number-cell {\n  @apply bg-foreground-2;\n}\n\n.footer-cell {\n  @apply bg-background font-medium text-color-1;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n}\n\n.number-cell,\n.selection-cell {\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n}\n\n.selection-cell {\n  @apply text-color-3;\n  inset-inline-start: 2rem;\n  &:not(.footer-cell) {\n    @apply cursor-pointer;\n  }\n}\n\n.selected-cell:not(.number-cell):not(.footer-cell) {\n  --calcite-internal-table-cell-background: var(--calcite-color-foreground-current);\n}\n\n.selection-cell.selected-cell {\n  box-shadow: inset 0.25rem 0 0 0 var(--calcite-color-brand);\n  color: var(--calcite-color-brand);\n  & calcite-icon {\n    color: var(--calcite-color-brand);\n  }\n}\n\n.calcite--rtl.selection-cell.selected-cell {\n  box-shadow: inset -0.25rem 0 0 0 var(--calcite-color-brand);\n}\n\n.selection-cell {\n  @apply align-middle;\n  & ::slotted(calcite-icon) {\n    @apply pointer-events-none mt-1;\n  }\n}\n\n@include disabled();\n","import {\n  Component,\n  Element,\n  Fragment,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Alignment, Scale } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\n\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { TableCellMessages } from \"./assets/table-cell/t9n\";\nimport { CSS } from \"./resources\";\nimport { RowType, TableInteractionMode } from \"../table/interfaces\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\n\n/**\n * @slot - A slot for adding content, usually text content.\n */\n@Component({\n  tag: \"calcite-table-cell\",\n  styleUrl: \"table-cell.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TableCell\n  implements InteractiveComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment = \"start\";\n\n  /** Specifies the number of columns the component should span. */\n  @Prop({ reflect: true }) colSpan: number;\n\n  /** Specifies the number of rows the component should span. */\n  @Prop({ reflect: true }) rowSpan: number;\n\n  /** @internal */\n  @Prop() disabled: boolean;\n\n  /** @internal */\n  @Prop() interactionMode: TableInteractionMode = \"interactive\";\n\n  /** @internal */\n  @Prop() lastCell: boolean;\n\n  /** @internal */\n  @Prop() numberCell: boolean;\n\n  /** @internal */\n  @Prop() parentRowIsSelected: boolean;\n\n  @Watch(\"parentRowIsSelected\")\n  onSelectedChange(): void {\n    this.updateScreenReaderSelectionText();\n  }\n\n  /** @internal */\n  @Prop() parentRowPositionLocalized: string;\n\n  /** @internal */\n  @Prop() parentRowType: RowType;\n\n  /** @internal */\n  @Prop() positionInRow: number;\n\n  /** @internal */\n  @Prop() readCellContentsToAT: boolean;\n\n  /** @internal */\n  @Prop() scale: Scale = \"m\";\n\n  /** @internal */\n  @Prop() selectionCell: boolean;\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: TableCellMessages;\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<TableCellMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTableCellElement;\n\n  @State() contentsText = \"\";\n\n  @State() defaultMessages: TableCellMessages;\n\n  @State() focused = false;\n\n  @State() selectionText = \"\";\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private containerEl: HTMLTableCellElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.updateScreenReaderContentsText();\n    this.updateScreenReaderSelectionText();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectInteractive(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    this.containerEl.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateScreenReaderSelectionText(): void {\n    const selectedText = `${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;\n    const unselectedText = `${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;\n    this.selectionText = this.parentRowIsSelected ? selectedText : unselectedText;\n  }\n\n  private updateScreenReaderContentsText = (): void => {\n    this.contentsText = this.el.textContent;\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n  };\n\n  private onContainerFocus = (): void => {\n    this.focused = true;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const staticCell =\n      this.disabled ||\n      (this.interactionMode === \"static\" &&\n        (!this.selectionCell || (this.selectionCell && this.parentRowType === \"foot\")));\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <td\n            aria-disabled={this.disabled}\n            class={{\n              [CSS.footerCell]: this.parentRowType === \"foot\",\n              [CSS.numberCell]: this.numberCell,\n              [CSS.selectionCell]: this.selectionCell,\n              [CSS.selectedCell]: this.parentRowIsSelected,\n              [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),\n              [CSS_UTILITY.rtl]: dir === \"rtl\",\n              [CSS.staticCell]: staticCell,\n            }}\n            colSpan={this.colSpan}\n            onBlur={this.onContainerBlur}\n            onFocus={this.onContainerFocus}\n            role={this.interactionMode === \"interactive\" ? \"gridcell\" : \"cell\"}\n            rowSpan={this.rowSpan}\n            tabIndex={staticCell ? -1 : 0}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={(el) => (this.containerEl = el)}\n          >\n            <span\n              aria-hidden={true}\n              aria-live={this.focused ? \"polite\" : \"off\"}\n              class={CSS.assistiveText}\n            >\n              {(this.selectionCell || this.readCellContentsToAT) && (\n                <Fragment>\n                  {this.selectionCell && this.selectionText}\n                  {this.readCellContentsToAT && !this.selectionCell && this.contentsText}\n                </Fragment>\n              )}\n            </span>\n            <slot onSlotchange={this.updateScreenReaderContentsText} />\n          </td>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  numberCell: \"number-cell\",\n  selectionCell: \"selection-cell\",\n  bodyRow: \"body-row\",\n  footerRow: \"footer-row\",\n  heading: \"heading\",\n  description: \"description\",\n  multipleSelectionCell: \"cell--multiple-selection\",\n  assistiveText: \"assistive-text\",\n  active: \"active\",\n  selectedCell: \"selected-cell\",\n  lastCell: \"last-cell\",\n  staticCell: \"static-cell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-header-background: Specifies the background color of the component.\n * @prop --calcite-table-header-border-color: Specifies the border color of the component.\n */\n\n:host {\n  --calcite-internal-table-header-background: var(--calcite-table-header-background, var(--calcite-color-foreground-2));\n  --calcite-internal-table-header-border-color: var(--calcite-table-border-color, var(--calcite-color-border-3));\n  @apply contents;\n}\n\n:host([alignment=\"center\"]) th {\n  @apply text-center;\n}\n\n:host([alignment=\"end\"]) th {\n  @apply text-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\nth {\n  @apply text-color-1 text-start font-medium align-top whitespace-normal;\n  font-size: var(--calcite-internal-table-cell-font-size);\n  border-inline-end: 1px solid var(--calcite-internal-table-header-border-color);\n  border-block-end: 1px solid var(--calcite-internal-table-header-border-color);\n  padding-block: calc(var(--calcite-internal-table-cell-padding) * 1.5);\n  padding-inline: var(--calcite-internal-table-cell-padding);\n  background-color: var(--calcite-internal-table-header-background);\n\n  &:not(.static-cell) {\n    @apply focus-base;\n    &:not(.static-cell):focus-within {\n      @apply focus-inset;\n    }\n  }\n}\n\nth.last-cell {\n  border-inline-end: 0;\n}\n\nth.body-row,\nth.footer-row {\n  @apply align-middle;\n  border-block-end: 0;\n}\n\nth.footer-row {\n  border-block-start: 1px solid var(--calcite-internal-table-header-border-color);\n}\n\n.cell--multiple-selection {\n  @apply cursor-pointer align-middle text-color-3;\n}\n\n.selected-cell:not(.number-cell):not(.footer-cell) {\n  --calcite-internal-table-header-background: var(--calcite-color-foreground-current);\n}\n\n.number-cell,\n.selection-cell {\n  @apply text-color-2;\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n}\n\n.selection-cell calcite-icon.active {\n  color: var(--calcite-color-brand);\n}\n.number-cell calcite-icon,\n.selection-cell calcite-icon {\n  @apply ms-auto me-auto align-middle;\n}\n\n.heading {\n  @apply text-color-1;\n}\n\n.description {\n  @apply text-color-3;\n  font-size: var(--calcite-internal-table-cell-font-size-secondary);\n}\n","import { Component, Element, h, Host, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { Alignment, Scale, SelectionMode } from \"../interfaces\";\nimport { TableHeaderMessages } from \"./assets/table-header/t9n\";\nimport { CSS } from \"./resources\";\nimport { RowType, TableInteractionMode } from \"../table/interfaces\";\nimport { getIconScale } from \"../../utils/component\";\n\n@Component({\n  tag: \"calcite-table-header\",\n  styleUrl: \"table-header.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TableHeader implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment = \"start\";\n\n  /** Specifies the number of columns the component should span. */\n  @Prop({ reflect: true }) colSpan: number;\n\n  /** A description to display beneath heading content. */\n  @Prop({ reflect: true }) description: string;\n\n  /** A heading to display above description content. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** Specifies the number of rows the component should span. */\n  @Prop({ reflect: true }) rowSpan: number;\n\n  /** @internal */\n  @Prop() interactionMode: TableInteractionMode = \"interactive\";\n\n  /** @internal */\n  @Prop() lastCell: boolean;\n\n  /** @internal */\n  @Prop() numberCell = false;\n\n  /** @internal */\n  @Prop() parentRowIsSelected: boolean;\n\n  /** @internal */\n  @Prop() parentRowType: RowType;\n\n  /** @internal */\n  @Prop() positionInRow: number;\n\n  /** @internal */\n  @Prop() scale: Scale;\n\n  /** @internal */\n  @Prop() selectedRowCount: number;\n\n  /** @internal */\n  @Prop() selectedRowCountLocalized: string;\n\n  @Watch(\"selectedRowCount\")\n  @Watch(\"selectedRowCountLocalized\")\n  onSelectedChange(): void {\n    this.updateScreenReaderText();\n  }\n\n  /** @internal */\n  @Prop() selectionCell = false;\n\n  /** @internal */\n  @Prop() selectionMode: SelectionMode;\n\n  /** @internal */\n  @Prop() bodyRowCount: number;\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: TableHeaderMessages;\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<TableHeaderMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.updateScreenReaderText();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n  @Element() el: HTMLCalciteTableHeaderElement;\n\n  @State() defaultMessages: TableHeaderMessages;\n\n  @State() focused = false;\n\n  @State() screenReaderText = \"\";\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private containerEl: HTMLTableCellElement;\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    this.containerEl.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateScreenReaderText(): void {\n    let text = \"\";\n    const sharedText = `${this.selectedRowCountLocalized} ${this.messages?.selected}`;\n    if (this.numberCell) {\n      text = this.messages?.rowNumber;\n    } else if (this.selectionMode === \"single\") {\n      text = `${this.messages?.selectionColumn}. ${sharedText}`;\n    } else if (this.bodyRowCount === this.selectedRowCount) {\n      text = `${this.messages?.selectionColumn}. ${this.messages?.all} ${sharedText} ${this.messages?.keyboardDeselectAll}`;\n    } else {\n      text = `${this.messages?.selectionColumn}. ${sharedText} ${this.messages?.keyboardSelectAll}`;\n    }\n    this.screenReaderText = text;\n  }\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n  };\n\n  private onContainerFocus = (): void => {\n    this.focused = true;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const scope = this.rowSpan\n      ? \"rowgroup\"\n      : this.colSpan\n        ? \"colgroup\"\n        : this.parentRowType === \"body\"\n          ? \"row\"\n          : \"col\";\n\n    const allSelected = this.selectedRowCount === this.bodyRowCount;\n    const selectionIcon = allSelected ? \"check-square-f\" : \"check-square\";\n    const staticCell = this.interactionMode === \"static\" && !this.selectionCell;\n    return (\n      <Host>\n        <th\n          aria-colindex={this.parentRowType === \"head\" ? this.positionInRow : undefined}\n          class={{\n            [CSS.bodyRow]: this.parentRowType === \"body\",\n            [CSS.footerRow]: this.parentRowType === \"foot\",\n            [CSS.numberCell]: this.numberCell,\n            [CSS.selectionCell]: this.selectionCell,\n            [CSS.selectedCell]: this.parentRowIsSelected,\n            [CSS.multipleSelectionCell]: this.selectionMode === \"multiple\",\n            [CSS.staticCell]: staticCell,\n            [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),\n          }}\n          colSpan={this.colSpan}\n          onBlur={this.onContainerBlur}\n          onFocus={this.onContainerFocus}\n          role={this.parentRowType === \"head\" ? \"columnheader\" : \"rowheader\"}\n          rowSpan={this.rowSpan}\n          scope={scope}\n          tabIndex={this.selectionCell ? 0 : staticCell ? -1 : 0}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={(el) => (this.containerEl = el)}\n        >\n          {this.heading && <div class={CSS.heading}>{this.heading}</div>}\n          {this.description && <div class={CSS.description}>{this.description}</div>}\n          {this.selectionCell && this.selectionMode === \"multiple\" && (\n            <calcite-icon\n              class={{ [CSS.active]: allSelected }}\n              icon={selectionIcon}\n              scale={getIconScale(this.scale)}\n            />\n          )}\n          <span\n            aria-hidden={true}\n            aria-live={this.focused ? \"polite\" : \"off\"}\n            class={CSS.assistiveText}\n          >\n            {(this.selectionCell || this.numberCell) && this.screenReaderText}\n          </span>\n        </th>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}