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

package/dist/components/calcite-split-button.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';
 import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
 import { d as defineCustomElement$5 } from './button.js';

package/dist/components/calcite-stack.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
 import { a as Stack, d as defineCustomElement$1 } from './stack.js';
 

package/dist/components/calcite-stepper-item.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';
 import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';

package/dist/components/calcite-stepper.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
-import { h, proxyCustomElement, HTMLElement, createEvent, Host, readTask } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent, Host, readTask } from '@stencil/core/internal/client/index.js';
 import { s as slotChangeGetAssignedElements, v as focusElementInGroup } from './dom.js';
 import { c as createObserver } from './observers.js';
 import { g as guid } from './guid.js';
@@ -77,7 +77,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
             else {
                 this.nextStep();
             }
-            if (this.currentActivePosition &&
+            if (typeof this.currentActivePosition === "number" &&
                 currentActivePosition !== this.currentActivePosition &&
                 !this.items[this.currentActivePosition].disabled) {
                 this.calciteStepperItemChange.emit();

package/dist/components/calcite-stepper.js.map

@@ -1 +1 @@
-{"file":"calcite-stepper.js","mappings":"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","names":["CSS"],"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"],"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 ITEM_MIN_WIDTH = {\n  s: 120,\n  m: 180,\n  l: 200,\n};\n\nexport 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\"]) .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:host([layout=\"horizontal\"][scale=\"s\"]) .container {\n  gap: theme(\"spacing.1\") var(--calcite-internal-stepper-item-spacing-unit-s);\n}\n\n:host([layout=\"horizontal\"][scale=\"l\"]) .container {\n  gap: theme(\"spacing.3\") var(--calcite-internal-stepper-item-spacing-unit-s);\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 { Layout, Position, Scale } from \"../interfaces\";\nimport { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from \"./interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { StepBar } from \"./functional/step-bar\";\nimport { ITEM_MIN_WIDTH, 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: Extract<\"horizontal\" | \"vertical\", Layout> = \"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  }\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 })\n  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    this.resizeObserver?.observe(this.containerEl);\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    this.resizeObserver?.disconnect();\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.multipleViewMode }}\n          ref={this.setContainerEl}\n        >\n          {!this.multipleViewMode && this.layout === \"horizontal\" && (\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          <div class={{ [CSS.actionContainer]: true }}>\n            {this.renderAction(\"start\")}\n            {this.renderAction(\"end\")}\n          </div>\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\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(true);\n    });\n  }\n\n  @State() elWidth: number;\n\n  @Watch(\"elWidth\")\n  handleElWidthChange(): 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 resizeObserver = createObserver(\n    \"resize\",\n    (entries) => (this.elWidth = entries[0].contentRect.width)\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(currentActivePositionChanged = false): void {\n    const totalItems = this.items.length;\n    if (!this.elWidth || !totalItems || this.layout !== \"horizontal\" || totalItems === 1) {\n      return;\n    }\n\n    const activePosition = this.currentActivePosition || 0;\n    const totalMinWidthOfItems = totalItems * this.getMinWidthOfStepperItem();\n    const totalRowGap =\n      (totalItems - 1) * (parseInt(window.getComputedStyle(this.containerEl).rowGap) || 0);\n\n    if (this.elWidth <= totalMinWidthOfItems + totalRowGap) {\n      this.multipleViewMode = false;\n\n      this.items.forEach((item: HTMLCalciteStepperItemElement, index) => {\n        if (index !== activePosition) {\n          item.hidden = true;\n        } else {\n          item.hidden = false;\n          item.multipleViewMode = false;\n        }\n      });\n    } else if (this.elWidth > totalMinWidthOfItems + totalRowGap) {\n      if (this.multipleViewMode && !currentActivePositionChanged) {\n        return;\n      }\n\n      this.multipleViewMode = true;\n      this.setGridTemplateColumns(this.items);\n      this.items.forEach((item: HTMLCalciteStepperItemElement) => {\n        item.hidden = false;\n        item.multipleViewMode = true;\n      });\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.multipleViewMode) {\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\" && !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      this.currentActivePosition &&\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\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    this.setGridTemplateColumns(items);\n    this.setStepperItemNumberingSystem();\n  };\n\n  private setGridTemplateColumns(items: Element[]): void {\n    const minWidth = this.getMinWidthOfStepperItem();\n    const spacing = Array(items.length).fill(`minmax(${minWidth}px, 1fr)`).join(\" \");\n    this.containerEl.style.gridTemplateAreas = spacing;\n    this.containerEl.style.gridTemplateColumns = spacing;\n  }\n\n  private getMinWidthOfStepperItem(): number {\n    return ITEM_MIN_WIDTH[this.scale];\n  }\n}\n"],"version":3}
+{"file":"calcite-stepper.js","mappings":"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","names":["CSS"],"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"],"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 ITEM_MIN_WIDTH = {\n  s: 120,\n  m: 180,\n  l: 200,\n};\n\nexport 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\"]) .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:host([layout=\"horizontal\"][scale=\"s\"]) .container {\n  gap: theme(\"spacing.1\") var(--calcite-internal-stepper-item-spacing-unit-s);\n}\n\n:host([layout=\"horizontal\"][scale=\"l\"]) .container {\n  gap: theme(\"spacing.3\") var(--calcite-internal-stepper-item-spacing-unit-s);\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 { Layout, Position, Scale } from \"../interfaces\";\nimport { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from \"./interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { StepBar } from \"./functional/step-bar\";\nimport { ITEM_MIN_WIDTH, 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: Extract<\"horizontal\" | \"vertical\", Layout> = \"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  }\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    this.resizeObserver?.observe(this.containerEl);\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    this.resizeObserver?.disconnect();\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.multipleViewMode }}\n          ref={this.setContainerEl}\n        >\n          {!this.multipleViewMode && this.layout === \"horizontal\" && (\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          <div class={{ [CSS.actionContainer]: true }}>\n            {this.renderAction(\"start\")}\n            {this.renderAction(\"end\")}\n          </div>\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(true);\n    });\n  }\n\n  @State() elWidth: number;\n\n  @Watch(\"elWidth\")\n  handleElWidthChange(): 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 resizeObserver = createObserver(\n    \"resize\",\n    (entries) => (this.elWidth = entries[0].contentRect.width)\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(currentActivePositionChanged = false): void {\n    const totalItems = this.items.length;\n    if (!this.elWidth || !totalItems || this.layout !== \"horizontal\" || totalItems === 1) {\n      return;\n    }\n\n    const activePosition = this.currentActivePosition || 0;\n    const totalMinWidthOfItems = totalItems * this.getMinWidthOfStepperItem();\n    const totalRowGap =\n      (totalItems - 1) * (parseInt(window.getComputedStyle(this.containerEl).rowGap) || 0);\n\n    if (this.elWidth <= totalMinWidthOfItems + totalRowGap) {\n      this.multipleViewMode = false;\n\n      this.items.forEach((item: HTMLCalciteStepperItemElement, index) => {\n        if (index !== activePosition) {\n          item.hidden = true;\n        } else {\n          item.hidden = false;\n          item.multipleViewMode = false;\n        }\n      });\n    } else if (this.elWidth > totalMinWidthOfItems + totalRowGap) {\n      if (this.multipleViewMode && !currentActivePositionChanged) {\n        return;\n      }\n\n      this.multipleViewMode = true;\n      this.setGridTemplateColumns(this.items);\n      this.items.forEach((item: HTMLCalciteStepperItemElement) => {\n        item.hidden = false;\n        item.multipleViewMode = true;\n      });\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.multipleViewMode) {\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\" && !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\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    this.setGridTemplateColumns(items);\n    this.setStepperItemNumberingSystem();\n  };\n\n  private setGridTemplateColumns(items: Element[]): void {\n    const minWidth = this.getMinWidthOfStepperItem();\n    const spacing = Array(items.length).fill(`minmax(${minWidth}px, 1fr)`).join(\" \");\n    this.containerEl.style.gridTemplateAreas = spacing;\n    this.containerEl.style.gridTemplateColumns = spacing;\n  }\n\n  private getMinWidthOfStepperItem(): number {\n    return ITEM_MIN_WIDTH[this.scale];\n  }\n}\n"],"version":3}

package/dist/components/calcite-switch.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
 import { S as Switch, d as defineCustomElement$1 } from './switch.js';
 

package/dist/components/calcite-tab-nav.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
 import { T as TabNav, d as defineCustomElement$1 } from './tab-nav.js';
 

package/dist/components/calcite-tab-title.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
 import { T as TabTitle, d as defineCustomElement$1 } from './tab-title.js';
 

package/dist/components/calcite-tab.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
 import { T as Tab, d as defineCustomElement$1 } from './tab.js';
 

package/dist/components/calcite-table-cell.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
 import { T as TableCell, d as defineCustomElement$1 } from './table-cell.js';
 

package/dist/components/calcite-table-header.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
 import { T as TableHeader, d as defineCustomElement$1 } from './table-header.js';
 

package/dist/components/calcite-table-row.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { v as focusElementInGroup } from './dom.js';
 import { i as isActivationKey } from './key.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';

package/dist/components/calcite-table.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
 import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n.js';
 import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale.js';
@@ -16,7 +16,7 @@ import { d as defineCustomElement$2 } from './pagination.js';
 
 const CSS = {
     bordered: "bordered",
-    zebra: "zebra",
+    striped: "striped",
     selectionArea: "selection-area",
     paginationArea: "pagination-area",
     container: "container",
@@ -31,7 +31,7 @@ const SLOTS = {
     tableFooter: "table-footer",
 };
 
-const tableCss = ":host([scale=s]){--calcite-internal-table-cell-padding:0.25rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding:0.5rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-table-cell-padding:1rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--1)}:host{display:table}.container{max-inline-size:100vw;inline-size:100%}.table-container{overflow-x:auto;white-space:nowrap}.table-container:not(.bordered){border-block-end:1px solid var(--calcite-color-border-3)}.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}table{inline-size:100%;border-collapse:collapse;overflow-x:scroll;border-block-start:1px solid var(--calcite-color-border-3);border-inline-start:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3)}tbody{border-block-end:1px solid var(--calcite-color-border-3)}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color:var(--calcite-color-border-3)}.zebra ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background:var(--calcite-color-foreground-2)}.selection-actions{display:flex;flex-direction:row;margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:0.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:0.5rem}.selection-area calcite-button{margin-inline-end:1rem}.pagination-area{display:flex;inline-size:100%;flex-direction:row;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center}:host([hidden]){display:none}[hidden]{display:none}";
+const tableCss = ":host([scale=s]){--calcite-internal-table-cell-padding:0.25rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding:0.5rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-table-cell-padding:1rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--1)}:host{display:table}.container{max-inline-size:100vw;inline-size:100%}.table-container{overflow-x:auto;white-space:nowrap}.table-container:not(.bordered){border-block-end:1px solid var(--calcite-color-border-3)}.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}table{inline-size:100%;border-collapse:collapse;overflow-x:scroll;border-block-start:1px solid var(--calcite-color-border-3);border-inline-start:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3)}tbody{border-block-end:1px solid var(--calcite-color-border-3)}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color:var(--calcite-color-border-3)}.striped ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background:var(--calcite-color-foreground-2)}.selection-actions{display:flex;flex-direction:row;margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:0.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:0.5rem}.selection-area calcite-button{margin-inline-end:1rem}.pagination-area{display:flex;inline-size:100%;flex-direction:row;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center}:host([hidden]){display:none}[hidden]{display:none}";
 
 const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
     constructor() {
@@ -152,6 +152,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         this.scale = "m";
         this.selectionMode = "none";
         this.zebra = false;
+        this.striped = false;
         this.selectedItems = [];
         this.messages = undefined;
         this.messageOverrides = undefined;
@@ -275,7 +276,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
     render() {
         return (h(Host, null, h("div", { class: CSS.container }, this.selectionMode !== "none" && this.renderSelectionArea(), h("div", { class: {
                 [CSS.bordered]: this.bordered,
-                [CSS.zebra]: this.zebra,
+                [CSS.striped]: this.striped || this.zebra,
                 [CSS.tableContainer]: true,
             } }, h("table", { "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-readonly": true, "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: "grid" }, h("caption", { class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
     }
@@ -303,6 +304,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         "scale": [513],
         "selectionMode": [513, "selection-mode"],
         "zebra": [516],
+        "striped": [516],
         "selectedItems": [1040],
         "messages": [1040],
         "messageOverrides": [1040],

package/dist/components/calcite-table.js.map

@@ -1 +1 @@
-{"file":"calcite-table.js","mappings":"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","names":[],"sources":["src/components/table/resources.ts","src/components/table/table.scss?tag=calcite-table&encapsulation=shadow","src/components/table/table.tsx"],"sourcesContent":["export const CSS = {\n  bordered: \"bordered\",\n  zebra: \"zebra\",\n  selectionArea: \"selection-area\",\n  paginationArea: \"pagination-area\",\n  container: \"container\",\n  tableContainer: \"table-container\",\n  tableFixed: \"table--fixed\",\n  assistiveText: \"assistive-text\",\n  selectionActions: \"selection-actions\",\n};\n\nexport const SLOTS = {\n  selectionActions: \"selection-actions\",\n  tableHeader: \"table-header\",\n  tableFooter: \"table-footer\",\n};\n",":host([scale=\"s\"]) {\n  --calcite-internal-table-cell-padding: 0.25rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size--2);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3);\n}\n:host([scale=\"m\"]) {\n  --calcite-internal-table-cell-padding: 0.5rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size--1);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2);\n}\n:host([scale=\"l\"]) {\n  --calcite-internal-table-cell-padding: 1rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size-0);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1);\n}\n\n:host {\n  @apply table;\n}\n\n.container {\n  max-inline-size: 100vw;\n  inline-size: 100%;\n}\n\n.table-container {\n  @apply overflow-x-auto whitespace-nowrap;\n}\n\n.table-container:not(.bordered) {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\ntable {\n  @apply w-full border-collapse;\n  overflow-x: scroll;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  border-inline-start: 1px solid var(--calcite-color-border-3);\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\ntbody {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n.table--fixed {\n  @apply table-fixed;\n}\n\n.bordered {\n  ::slotted(calcite-table-row) {\n    --calcite-table-row-border-color: var(--calcite-color-border-3);\n  }\n}\n\n.zebra {\n  ::slotted(calcite-table-row:nth-child(2n + 1)) {\n    --calcite-table-row-background: var(--calcite-color-foreground-2);\n  }\n}\n.selection-actions {\n  @apply flex flex-row;\n  margin-inline-start: auto;\n}\n\n.selection-area {\n  @apply flex flex-row items-center;\n  padding-block: var(--calcite-internal-table-cell-padding);\n}\n\n.selection-area calcite-chip:last-of-type {\n  @apply me-2;\n}\n\n.selection-area calcite-chip:last-of-type:not(:first-of-type) {\n  @apply ms-2;\n}\n\n.selection-area calcite-button {\n  @apply me-4;\n}\n\n.pagination-area {\n  @apply flex flex-row w-full justify-center;\n  padding-block: var(--calcite-internal-table-cell-padding);\n}\n\ncalcite-pagination {\n  flex: 1;\n  justify-content: center;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport {\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  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  numberStringFormatter,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport { TableLayout, TableRowFocusEvent } from \"./interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { TableMessages } from \"./assets/table/t9n\";\nimport { getUserAgentString } from \"../../utils/browser\";\n\n/**\n * @slot - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.\n * @slot table-header - A slot for adding `calcite-table-row` elements containing `calcite-table-header` elements.\n * @slot table-footer - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.\n * @slot selection-actions - A slot for adding a `calcite-action-bar` or other elements to display when `selectionMode` is not `\"none\"`.\n */\n\n@Component({\n  tag: \"calcite-table\",\n  styleUrl: \"table.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Table implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays borders in the component. */\n  @Prop({ reflect: true }) bordered = false;\n\n  /** Specifies an accessible title for the component. */\n  @Prop() caption!: string;\n\n  /** When `true`, number values are displayed with a group separator corresponding to the language and country format. */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /** Specifies the layout of the component. */\n  @Prop({ reflect: true }) layout: TableLayout = \"auto\";\n\n  /** When `true`, displays the position of the row in numeric form. */\n  @Prop({ reflect: true }) numbered = false;\n\n  /** Specifies the Unicode numeral system used by the component for localization. */\n  @Prop({ reflect: true }) numberingSystem?: NumberingSystem;\n\n  /** Specifies the page size of the component. When `true`, renders `calcite-pagination` */\n  @Prop({ reflect: true }) pageSize = 0;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the selection mode of the component. */\n  @Prop({ reflect: true }) selectionMode: Extract<\"none\" | \"multiple\" | \"single\", SelectionMode> =\n    \"none\";\n\n  /** When `true`, displays zebra styling in the component. */\n  @Prop({ reflect: true }) zebra = false;\n\n  @Watch(\"groupSeparator\")\n  @Watch(\"numbered\")\n  @Watch(\"numberingSystem\")\n  @Watch(\"pageSize\")\n  @Watch(\"scale\")\n  @Watch(\"selectionMode\")\n  handleNumberedChange(): void {\n    this.updateRows();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteTableRowElement[] = [];\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: TableMessages;\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<TableMessages>;\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: HTMLCalciteTableElement;\n\n  @State() colCount = 0;\n\n  @State() pageStartRow = 1;\n\n  @State() selectedCount = 0;\n\n  /* Workaround for Safari https://bugs.webkit.org/show_bug.cgi?id=258430 https://bugs.webkit.org/show_bug.cgi?id=239478 */\n  // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️\n  @State() readCellContentsToAT: boolean;\n\n  @State() defaultMessages: TableMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private allRows: HTMLCalciteTableRowElement[];\n\n  private bodyRows: HTMLCalciteTableRowElement[];\n\n  private headRows: HTMLCalciteTableRowElement[];\n\n  private footRows: HTMLCalciteTableRowElement[];\n\n  private paginationEl: HTMLCalcitePaginationElement;\n\n  private tableBodySlotEl: HTMLSlotElement;\n\n  private tableHeadSlotEl: HTMLSlotElement;\n\n  private tableFootSlotEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.readCellContentsToAT = /safari/i.test(getUserAgentString());\n    this.updateRows();\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  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Emits when the component's selected rows change. */\n  @Event({ cancelable: false }) calciteTableSelect: EventEmitter<void>;\n\n  /** Emits when the component's page selection changes. */\n  @Event({ cancelable: false }) calciteTablePageChange: EventEmitter<void>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalTableRowFocusChange: EventEmitter<TableRowFocusEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteTableRowSelect\")\n  calciteChipSelectListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.setSelectedItems(event.target as HTMLCalciteTableRowElement);\n    }\n  }\n\n  @Listen(\"calciteInternalTableRowFocusRequest\")\n  calciteInternalTableRowFocusEvent(event: TableRowFocusEvent): void {\n    const cellPosition = event[\"detail\"].cellPosition;\n    const rowPos = event[\"detail\"].rowPosition;\n    const destination = event[\"detail\"].destination;\n    const lastCell = event[\"detail\"].lastCell;\n\n    const visibleBody = this.bodyRows?.filter((row) => !row.hidden);\n    const visibleAll = this.allRows?.filter((row) => !row.hidden);\n\n    const lastHeadRow = this.headRows[this.headRows.length - 1]?.positionAll;\n    const firstBodyRow = visibleBody[0]?.positionAll;\n    const lastBodyRow = visibleBody[visibleBody.length - 1]?.positionAll;\n    const firstFootRow = this.footRows[0]?.positionAll;\n    const lastTableRow = visibleAll[visibleAll.length - 1]?.positionAll;\n\n    const leavingHeader = destination === \"next\" && rowPos === lastHeadRow;\n    const leavingFooter = destination === \"previous\" && rowPos === firstFootRow;\n    const enteringHeader = destination === \"previous\" && rowPos === firstBodyRow;\n    const enteringFooter = destination === \"next\" && rowPos === lastBodyRow;\n\n    let rowPosition: number;\n\n    switch (destination) {\n      case \"first\":\n        rowPosition = 0;\n        break;\n      case \"last\":\n        rowPosition = lastTableRow;\n        break;\n      case \"next\":\n        rowPosition = leavingHeader ? firstBodyRow : enteringFooter ? firstFootRow : rowPos + 1;\n        break;\n      case \"previous\":\n        rowPosition = leavingFooter ? lastBodyRow : enteringHeader ? lastHeadRow : rowPos - 1;\n        break;\n    }\n\n    const destinationCount = this.allRows?.find(\n      (row) => row.positionAll === rowPosition\n    )?.cellCount;\n\n    const adjustedPos = cellPosition > destinationCount ? destinationCount : cellPosition;\n\n    if (rowPosition !== undefined) {\n      this.calciteInternalTableRowFocusChange.emit({\n        cellPosition: adjustedPos,\n        rowPosition,\n        destination,\n        lastCell,\n      });\n    }\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private getSlottedRows = (el: HTMLSlotElement): HTMLCalciteTableRowElement[] => {\n    return el\n      ?.assignedElements({ flatten: true })\n      ?.filter((el) => el?.matches(\"calcite-table-row\")) as HTMLCalciteTableRowElement[];\n  };\n\n  private updateRows = (): void => {\n    const headRows = this.getSlottedRows(this.tableHeadSlotEl) || [];\n    const bodyRows = this.getSlottedRows(this.tableBodySlotEl) || [];\n    const footRows = this.getSlottedRows(this.tableFootSlotEl) || [];\n    const allRows = [...headRows, ...bodyRows, ...footRows];\n\n    headRows?.forEach((row) => {\n      const position = headRows?.indexOf(row);\n      row.rowType = \"head\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    bodyRows?.forEach((row) => {\n      const position = bodyRows?.indexOf(row);\n      row.rowType = \"body\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    footRows?.forEach((row) => {\n      const position = footRows?.indexOf(row);\n      row.rowType = \"foot\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    allRows?.forEach((row) => {\n      row.selectionMode = this.selectionMode;\n      row.bodyRowCount = bodyRows?.length;\n      row.positionAll = allRows?.indexOf(row);\n      row.numbered = this.numbered;\n      row.scale = this.scale;\n      row.readCellContentsToAT = this.readCellContentsToAT;\n    });\n\n    const colCount =\n      headRows[0]?.cellCount || headRows[0]?.querySelectorAll(\"calcite-table-header\")?.length;\n\n    this.colCount = colCount;\n    this.headRows = headRows;\n    this.bodyRows = bodyRows;\n    this.footRows = footRows;\n    this.allRows = allRows;\n\n    this.updateSelectedItems();\n    this.paginateRows();\n  };\n\n  private handlePaginationChange = (): void => {\n    const requestedItem = this.paginationEl?.startItem;\n    this.pageStartRow = requestedItem || 1;\n    this.calciteTablePageChange.emit();\n    this.updateRows();\n  };\n\n  private paginateRows = (): void => {\n    this.bodyRows?.forEach((row) => {\n      const rowPos = row.positionSection + 1;\n      const inView = rowPos >= this.pageStartRow && rowPos < this.pageStartRow + this.pageSize;\n      row.hidden = this.pageSize > 0 && !inView && !this.footRows.includes(row);\n    });\n  };\n\n  private updateSelectedItems = (emit?: boolean): void => {\n    const selectedItems = this.bodyRows?.filter((el) => el.selected);\n    this.selectedItems = selectedItems;\n    this.selectedCount = selectedItems?.length;\n    this.allRows?.forEach((row) => {\n      row.selectedRowCount = this.selectedCount;\n      row.selectedRowCountLocalized = this.localizeNumber(this.selectedCount);\n    });\n    if (emit) {\n      this.calciteTableSelect.emit();\n    }\n  };\n\n  private handleDeselectAllRows = (): void => {\n    this.bodyRows?.forEach((row) => {\n      row.selected = false;\n    });\n    this.updateSelectedItems(true);\n  };\n\n  private setSelectedItems = (elToMatch?: HTMLCalciteTableRowElement): void => {\n    this.bodyRows?.forEach((el) => {\n      if (elToMatch?.rowType === \"head\") {\n        el.selected = this.selectedCount !== this.bodyRows?.length;\n      } else {\n        el.selected =\n          elToMatch === el ? !el.selected : this.selectionMode === \"multiple\" ? el.selected : false;\n      }\n    });\n    this.updateSelectedItems(true);\n  };\n\n  private localizeNumber = (value: number | string): string => {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    return numberStringFormatter.localize(value.toString());\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderSelectionArea(): VNode {\n    const outOfViewCount = this.selectedItems?.filter((el) => el.hidden)?.length;\n    const localizedOutOfView = this.localizeNumber(outOfViewCount?.toString());\n    const localizedSelectedCount = this.localizeNumber(this.selectedCount?.toString());\n    const selectionText = `${localizedSelectedCount} ${this.messages.selected}`;\n    const outOfView = `${localizedOutOfView} ${this.messages.hiddenSelected}`;\n\n    return (\n      <div class={CSS.selectionArea}>\n        <calcite-chip\n          kind={this.selectedCount > 0 ? \"brand\" : \"neutral\"}\n          scale={this.scale}\n          value={selectionText}\n        >\n          {selectionText}\n        </calcite-chip>\n        {outOfViewCount > 0 && (\n          <calcite-chip icon=\"hide-empty\" scale={this.scale} title={outOfView} value={outOfView}>\n            {localizedOutOfView}\n          </calcite-chip>\n        )}\n        {this.selectedCount > 0 && (\n          <calcite-button\n            icon-start=\"x\"\n            kind=\"neutral\"\n            onClick={this.handleDeselectAllRows}\n            round\n            scale={this.scale}\n            title={`${this.messages.clear} ${selectionText} ${this.messages.row}`}\n          >\n            {this.messages.clear}\n          </calcite-button>\n        )}\n        <div class={CSS.selectionActions}>\n          <slot name={SLOTS.selectionActions} />\n        </div>\n      </div>\n    );\n  }\n\n  renderPaginationArea(): VNode {\n    return (\n      <div class={CSS.paginationArea}>\n        <calcite-pagination\n          groupSeparator={this.groupSeparator}\n          numberingSystem={this.numberingSystem}\n          onCalcitePaginationChange={this.handlePaginationChange}\n          pageSize={this.pageSize}\n          scale={this.scale}\n          startItem={1}\n          totalItems={this.bodyRows?.length}\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.paginationEl = el)}\n        />\n      </div>\n    );\n  }\n\n  renderTHead(): VNode {\n    return (\n      <thead>\n        <slot\n          name={SLOTS.tableHeader}\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableHeadSlotEl = el as HTMLSlotElement)}\n        />\n      </thead>\n    );\n  }\n\n  renderTBody(): VNode {\n    return (\n      <tbody>\n        <slot\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableBodySlotEl = el as HTMLSlotElement)}\n        />\n      </tbody>\n    );\n  }\n\n  renderTFoot(): VNode {\n    return (\n      <tfoot>\n        <slot\n          name={SLOTS.tableFooter}\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableFootSlotEl = el as HTMLSlotElement)}\n        />\n      </tfoot>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <div class={CSS.container}>\n          {this.selectionMode !== \"none\" && this.renderSelectionArea()}\n          <div\n            class={{\n              [CSS.bordered]: this.bordered,\n              [CSS.zebra]: this.zebra,\n              [CSS.tableContainer]: true,\n            }}\n          >\n            <table\n              aria-colcount={this.colCount}\n              aria-multiselectable={this.selectionMode === \"multiple\"}\n              aria-readonly={true}\n              aria-rowcount={this.allRows?.length}\n              class={{ [CSS.tableFixed]: this.layout === \"fixed\" }}\n              role=\"grid\"\n            >\n              <caption class={CSS.assistiveText}>{this.caption}</caption>\n              {this.renderTHead()}\n              {this.renderTBody()}\n              {this.renderTFoot()}\n            </table>\n          </div>\n          {this.pageSize > 0 && this.renderPaginationArea()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-table.js","mappings":"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","names":[],"sources":["src/components/table/resources.ts","src/components/table/table.scss?tag=calcite-table&encapsulation=shadow","src/components/table/table.tsx"],"sourcesContent":["export const CSS = {\n  bordered: \"bordered\",\n  striped: \"striped\",\n  selectionArea: \"selection-area\",\n  paginationArea: \"pagination-area\",\n  container: \"container\",\n  tableContainer: \"table-container\",\n  tableFixed: \"table--fixed\",\n  assistiveText: \"assistive-text\",\n  selectionActions: \"selection-actions\",\n};\n\nexport const SLOTS = {\n  selectionActions: \"selection-actions\",\n  tableHeader: \"table-header\",\n  tableFooter: \"table-footer\",\n};\n",":host([scale=\"s\"]) {\n  --calcite-internal-table-cell-padding: 0.25rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size--2);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3);\n}\n:host([scale=\"m\"]) {\n  --calcite-internal-table-cell-padding: 0.5rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size--1);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2);\n}\n:host([scale=\"l\"]) {\n  --calcite-internal-table-cell-padding: 1rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size-0);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1);\n}\n\n:host {\n  @apply table;\n}\n\n.container {\n  max-inline-size: 100vw;\n  inline-size: 100%;\n}\n\n.table-container {\n  @apply overflow-x-auto whitespace-nowrap;\n}\n\n.table-container:not(.bordered) {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\ntable {\n  @apply w-full border-collapse;\n  overflow-x: scroll;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  border-inline-start: 1px solid var(--calcite-color-border-3);\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\ntbody {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n.table--fixed {\n  @apply table-fixed;\n}\n\n.bordered {\n  ::slotted(calcite-table-row) {\n    --calcite-table-row-border-color: var(--calcite-color-border-3);\n  }\n}\n\n.striped {\n  ::slotted(calcite-table-row:nth-child(2n + 1)) {\n    --calcite-table-row-background: var(--calcite-color-foreground-2);\n  }\n}\n.selection-actions {\n  @apply flex flex-row;\n  margin-inline-start: auto;\n}\n\n.selection-area {\n  @apply flex flex-row items-center;\n  padding-block: var(--calcite-internal-table-cell-padding);\n}\n\n.selection-area calcite-chip:last-of-type {\n  @apply me-2;\n}\n\n.selection-area calcite-chip:last-of-type:not(:first-of-type) {\n  @apply ms-2;\n}\n\n.selection-area calcite-button {\n  @apply me-4;\n}\n\n.pagination-area {\n  @apply flex flex-row w-full justify-center;\n  padding-block: var(--calcite-internal-table-cell-padding);\n}\n\ncalcite-pagination {\n  flex: 1;\n  justify-content: center;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport {\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  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  numberStringFormatter,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport { TableLayout, TableRowFocusEvent } from \"./interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { TableMessages } from \"./assets/table/t9n\";\nimport { getUserAgentString } from \"../../utils/browser\";\n\n/**\n * @slot - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.\n * @slot table-header - A slot for adding `calcite-table-row` elements containing `calcite-table-header` elements.\n * @slot table-footer - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.\n * @slot selection-actions - A slot for adding a `calcite-action-bar` or other elements to display when `selectionMode` is not `\"none\"`.\n */\n\n@Component({\n  tag: \"calcite-table\",\n  styleUrl: \"table.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Table implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays borders in the component. */\n  @Prop({ reflect: true }) bordered = false;\n\n  /** Specifies an accessible title for the component. */\n  @Prop() caption!: string;\n\n  /** When `true`, number values are displayed with a group separator corresponding to the language and country format. */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /** Specifies the layout of the component. */\n  @Prop({ reflect: true }) layout: TableLayout = \"auto\";\n\n  /** When `true`, displays the position of the row in numeric form. */\n  @Prop({ reflect: true }) numbered = false;\n\n  /** Specifies the Unicode numeral system used by the component for localization. */\n  @Prop({ reflect: true }) numberingSystem?: NumberingSystem;\n\n  /** Specifies the page size of the component. When `true`, renders `calcite-pagination` */\n  @Prop({ reflect: true }) pageSize = 0;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the selection mode of the component. */\n  @Prop({ reflect: true }) selectionMode: Extract<\"none\" | \"multiple\" | \"single\", SelectionMode> =\n    \"none\";\n\n  /**\n   * When `true`, displays striped styling in the component.\n   *\n   * @deprecated Use the `striped` property instead.\n   */\n  @Prop({ reflect: true }) zebra = false;\n\n  /** When `true`, displays striped styling in the component. */\n  @Prop({ reflect: true }) striped = false;\n\n  @Watch(\"groupSeparator\")\n  @Watch(\"numbered\")\n  @Watch(\"numberingSystem\")\n  @Watch(\"pageSize\")\n  @Watch(\"scale\")\n  @Watch(\"selectionMode\")\n  handleNumberedChange(): void {\n    this.updateRows();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteTableRowElement[] = [];\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: TableMessages;\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<TableMessages>;\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: HTMLCalciteTableElement;\n\n  @State() colCount = 0;\n\n  @State() pageStartRow = 1;\n\n  @State() selectedCount = 0;\n\n  /* Workaround for Safari https://bugs.webkit.org/show_bug.cgi?id=258430 https://bugs.webkit.org/show_bug.cgi?id=239478 */\n  // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️\n  @State() readCellContentsToAT: boolean;\n\n  @State() defaultMessages: TableMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private allRows: HTMLCalciteTableRowElement[];\n\n  private bodyRows: HTMLCalciteTableRowElement[];\n\n  private headRows: HTMLCalciteTableRowElement[];\n\n  private footRows: HTMLCalciteTableRowElement[];\n\n  private paginationEl: HTMLCalcitePaginationElement;\n\n  private tableBodySlotEl: HTMLSlotElement;\n\n  private tableHeadSlotEl: HTMLSlotElement;\n\n  private tableFootSlotEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.readCellContentsToAT = /safari/i.test(getUserAgentString());\n    this.updateRows();\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  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Emits when the component's selected rows change. */\n  @Event({ cancelable: false }) calciteTableSelect: EventEmitter<void>;\n\n  /** Emits when the component's page selection changes. */\n  @Event({ cancelable: false }) calciteTablePageChange: EventEmitter<void>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalTableRowFocusChange: EventEmitter<TableRowFocusEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteTableRowSelect\")\n  calciteChipSelectListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.setSelectedItems(event.target as HTMLCalciteTableRowElement);\n    }\n  }\n\n  @Listen(\"calciteInternalTableRowFocusRequest\")\n  calciteInternalTableRowFocusEvent(event: TableRowFocusEvent): void {\n    const cellPosition = event[\"detail\"].cellPosition;\n    const rowPos = event[\"detail\"].rowPosition;\n    const destination = event[\"detail\"].destination;\n    const lastCell = event[\"detail\"].lastCell;\n\n    const visibleBody = this.bodyRows?.filter((row) => !row.hidden);\n    const visibleAll = this.allRows?.filter((row) => !row.hidden);\n\n    const lastHeadRow = this.headRows[this.headRows.length - 1]?.positionAll;\n    const firstBodyRow = visibleBody[0]?.positionAll;\n    const lastBodyRow = visibleBody[visibleBody.length - 1]?.positionAll;\n    const firstFootRow = this.footRows[0]?.positionAll;\n    const lastTableRow = visibleAll[visibleAll.length - 1]?.positionAll;\n\n    const leavingHeader = destination === \"next\" && rowPos === lastHeadRow;\n    const leavingFooter = destination === \"previous\" && rowPos === firstFootRow;\n    const enteringHeader = destination === \"previous\" && rowPos === firstBodyRow;\n    const enteringFooter = destination === \"next\" && rowPos === lastBodyRow;\n\n    let rowPosition: number;\n\n    switch (destination) {\n      case \"first\":\n        rowPosition = 0;\n        break;\n      case \"last\":\n        rowPosition = lastTableRow;\n        break;\n      case \"next\":\n        rowPosition = leavingHeader ? firstBodyRow : enteringFooter ? firstFootRow : rowPos + 1;\n        break;\n      case \"previous\":\n        rowPosition = leavingFooter ? lastBodyRow : enteringHeader ? lastHeadRow : rowPos - 1;\n        break;\n    }\n\n    const destinationCount = this.allRows?.find(\n      (row) => row.positionAll === rowPosition\n    )?.cellCount;\n\n    const adjustedPos = cellPosition > destinationCount ? destinationCount : cellPosition;\n\n    if (rowPosition !== undefined) {\n      this.calciteInternalTableRowFocusChange.emit({\n        cellPosition: adjustedPos,\n        rowPosition,\n        destination,\n        lastCell,\n      });\n    }\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private getSlottedRows = (el: HTMLSlotElement): HTMLCalciteTableRowElement[] => {\n    return el\n      ?.assignedElements({ flatten: true })\n      ?.filter((el) => el?.matches(\"calcite-table-row\")) as HTMLCalciteTableRowElement[];\n  };\n\n  private updateRows = (): void => {\n    const headRows = this.getSlottedRows(this.tableHeadSlotEl) || [];\n    const bodyRows = this.getSlottedRows(this.tableBodySlotEl) || [];\n    const footRows = this.getSlottedRows(this.tableFootSlotEl) || [];\n    const allRows = [...headRows, ...bodyRows, ...footRows];\n\n    headRows?.forEach((row) => {\n      const position = headRows?.indexOf(row);\n      row.rowType = \"head\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    bodyRows?.forEach((row) => {\n      const position = bodyRows?.indexOf(row);\n      row.rowType = \"body\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    footRows?.forEach((row) => {\n      const position = footRows?.indexOf(row);\n      row.rowType = \"foot\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    allRows?.forEach((row) => {\n      row.selectionMode = this.selectionMode;\n      row.bodyRowCount = bodyRows?.length;\n      row.positionAll = allRows?.indexOf(row);\n      row.numbered = this.numbered;\n      row.scale = this.scale;\n      row.readCellContentsToAT = this.readCellContentsToAT;\n    });\n\n    const colCount =\n      headRows[0]?.cellCount || headRows[0]?.querySelectorAll(\"calcite-table-header\")?.length;\n\n    this.colCount = colCount;\n    this.headRows = headRows;\n    this.bodyRows = bodyRows;\n    this.footRows = footRows;\n    this.allRows = allRows;\n\n    this.updateSelectedItems();\n    this.paginateRows();\n  };\n\n  private handlePaginationChange = (): void => {\n    const requestedItem = this.paginationEl?.startItem;\n    this.pageStartRow = requestedItem || 1;\n    this.calciteTablePageChange.emit();\n    this.updateRows();\n  };\n\n  private paginateRows = (): void => {\n    this.bodyRows?.forEach((row) => {\n      const rowPos = row.positionSection + 1;\n      const inView = rowPos >= this.pageStartRow && rowPos < this.pageStartRow + this.pageSize;\n      row.hidden = this.pageSize > 0 && !inView && !this.footRows.includes(row);\n    });\n  };\n\n  private updateSelectedItems = (emit?: boolean): void => {\n    const selectedItems = this.bodyRows?.filter((el) => el.selected);\n    this.selectedItems = selectedItems;\n    this.selectedCount = selectedItems?.length;\n    this.allRows?.forEach((row) => {\n      row.selectedRowCount = this.selectedCount;\n      row.selectedRowCountLocalized = this.localizeNumber(this.selectedCount);\n    });\n    if (emit) {\n      this.calciteTableSelect.emit();\n    }\n  };\n\n  private handleDeselectAllRows = (): void => {\n    this.bodyRows?.forEach((row) => {\n      row.selected = false;\n    });\n    this.updateSelectedItems(true);\n  };\n\n  private setSelectedItems = (elToMatch?: HTMLCalciteTableRowElement): void => {\n    this.bodyRows?.forEach((el) => {\n      if (elToMatch?.rowType === \"head\") {\n        el.selected = this.selectedCount !== this.bodyRows?.length;\n      } else {\n        el.selected =\n          elToMatch === el ? !el.selected : this.selectionMode === \"multiple\" ? el.selected : false;\n      }\n    });\n    this.updateSelectedItems(true);\n  };\n\n  private localizeNumber = (value: number | string): string => {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    return numberStringFormatter.localize(value.toString());\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderSelectionArea(): VNode {\n    const outOfViewCount = this.selectedItems?.filter((el) => el.hidden)?.length;\n    const localizedOutOfView = this.localizeNumber(outOfViewCount?.toString());\n    const localizedSelectedCount = this.localizeNumber(this.selectedCount?.toString());\n    const selectionText = `${localizedSelectedCount} ${this.messages.selected}`;\n    const outOfView = `${localizedOutOfView} ${this.messages.hiddenSelected}`;\n\n    return (\n      <div class={CSS.selectionArea}>\n        <calcite-chip\n          kind={this.selectedCount > 0 ? \"brand\" : \"neutral\"}\n          scale={this.scale}\n          value={selectionText}\n        >\n          {selectionText}\n        </calcite-chip>\n        {outOfViewCount > 0 && (\n          <calcite-chip icon=\"hide-empty\" scale={this.scale} title={outOfView} value={outOfView}>\n            {localizedOutOfView}\n          </calcite-chip>\n        )}\n        {this.selectedCount > 0 && (\n          <calcite-button\n            icon-start=\"x\"\n            kind=\"neutral\"\n            onClick={this.handleDeselectAllRows}\n            round\n            scale={this.scale}\n            title={`${this.messages.clear} ${selectionText} ${this.messages.row}`}\n          >\n            {this.messages.clear}\n          </calcite-button>\n        )}\n        <div class={CSS.selectionActions}>\n          <slot name={SLOTS.selectionActions} />\n        </div>\n      </div>\n    );\n  }\n\n  renderPaginationArea(): VNode {\n    return (\n      <div class={CSS.paginationArea}>\n        <calcite-pagination\n          groupSeparator={this.groupSeparator}\n          numberingSystem={this.numberingSystem}\n          onCalcitePaginationChange={this.handlePaginationChange}\n          pageSize={this.pageSize}\n          scale={this.scale}\n          startItem={1}\n          totalItems={this.bodyRows?.length}\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.paginationEl = el)}\n        />\n      </div>\n    );\n  }\n\n  renderTHead(): VNode {\n    return (\n      <thead>\n        <slot\n          name={SLOTS.tableHeader}\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableHeadSlotEl = el as HTMLSlotElement)}\n        />\n      </thead>\n    );\n  }\n\n  renderTBody(): VNode {\n    return (\n      <tbody>\n        <slot\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableBodySlotEl = el as HTMLSlotElement)}\n        />\n      </tbody>\n    );\n  }\n\n  renderTFoot(): VNode {\n    return (\n      <tfoot>\n        <slot\n          name={SLOTS.tableFooter}\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableFootSlotEl = el as HTMLSlotElement)}\n        />\n      </tfoot>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <div class={CSS.container}>\n          {this.selectionMode !== \"none\" && this.renderSelectionArea()}\n          <div\n            class={{\n              [CSS.bordered]: this.bordered,\n              [CSS.striped]: this.striped || this.zebra,\n              [CSS.tableContainer]: true,\n            }}\n          >\n            <table\n              aria-colcount={this.colCount}\n              aria-multiselectable={this.selectionMode === \"multiple\"}\n              aria-readonly={true}\n              aria-rowcount={this.allRows?.length}\n              class={{ [CSS.tableFixed]: this.layout === \"fixed\" }}\n              role=\"grid\"\n            >\n              <caption class={CSS.assistiveText}>{this.caption}</caption>\n              {this.renderTHead()}\n              {this.renderTBody()}\n              {this.renderTFoot()}\n            </table>\n          </div>\n          {this.pageSize > 0 && this.renderPaginationArea()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/calcite-tabs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.1.0-next.8
+ * v2.1.0
  */
 import { T as Tabs, d as defineCustomElement$1 } from './tabs.js';