@esri/calcite-components 2.1.0-next.9 → 2.2.0-next.0

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.9
+ * v2.2.0-next.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.9
+ * v2.2.0-next.0
  */
 import { T as TableHeader, d as defineCustomElement$1 } from './table-header.js';
 

package/dist/components/calcite-table-row.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.9
+ * v2.2.0-next.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { v as focusElementInGroup } from './dom.js';
@@ -40,11 +40,11 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
                 cells?.forEach((cell, index) => {
                     cell.positionInRow = index + 1;
                     cell.parentRowType = this.rowType;
+                    cell.parentRowIsSelected = this.selected;
                     cell.scale = this.scale;
                     if (cell.nodeName === "CALCITE-TABLE-CELL") {
                         cell.readCellContentsToAT = this.readCellContentsToAT;
                         cell.disabled = this.disabled;
-                        cell.parentRowIsSelected = this.selected;
                     }
                 });
             }

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

@@ -1 +1 @@
-{"file":"calcite-table-row.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,WAAW,GAAG,iyBAAiyB;;MCmCxyB,QAAQ;;;;;;;QAmGX,aAAQ,GAAoE,EAAE,CAAC;QAkH/E,6BAAwB,GAAG,CACjC,YAAoB,EACpB,WAAmB,EACnB,WAA2C,EAC3C,QAAkB;YAElB,IAAI,CAAC,mCAAmC,CAAC,IAAI,CAAC;gBAC5C,YAAY;gBACZ,WAAW;gBACX,WAAW;gBACX,QAAQ;aACT,CAAC,CAAC;SACJ,CAAC;QAEM,gBAAW,GAAG;YACpB,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc;kBACpC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kBACnC,MAAM,CACN,CAAC,EAA+D,KAC9D,EAAE,CAAC,OAAO,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,sBAAsB,CAAC,CACzE,CAAC;YAEJ,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAC9B,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,0CAA0C,CAAC,CAC9E,EAAE,MAAM,CACP,CAAC,EAA+D,KAC9D,EAAE,CAAC,UAAU,IAAI,EAAE,CAAC,aAAa,CACpC,CAAC;YAEF,MAAM,KAAK,GAAG,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;YAEhF,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACpB,KAAK,EAAE,OAAO,CAAC,CAAC,IAAiE,EAAE,KAAK;oBACtF,IAAI,CAAC,aAAa,GAAG,KAAK,GAAG,CAAC,CAAC;oBAC/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC;oBAClC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;oBAExB,IAAI,IAAI,CAAC,QAAQ,KAAK,oBAAoB,EAAE;wBACzC,IAAoC,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC;wBACtF,IAAoC,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;wBAC9D,IAAoC,CAAC,mBAAmB,GAAG,IAAI,CAAC,QAAQ,CAAC;qBAC3E;iBACF,CAAC,CAAC;aACJ;YAED,IAAI,CAAC,QAAQ;gBACV,KAAyE,IAAI,EAAE,CAAC;YACnF,IAAI,CAAC,SAAS,GAAG,KAAK,EAAE,MAAM,CAAC;SAChC,CAAC;QAEM,yBAAoB,GAAG;YAC7B,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;SACnC,CAAC;QAEM,4BAAuB,GAAG,CAAC,KAAoB;YACrD,IAAI,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;gBAC9B,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;oBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;iBACxB;gBACD,IAAI,CAAC,oBAAoB,EAAE,CAAC;aAC7B;SACF,CAAC;wBA1QkC,KAAK;wBAGL,KAAK;;;wBAStB,KAAK;;;;;;6BAkBwD,MAAM;;;;+BAmE3D,EAAE;;IApD7B,iBAAiB;QACf,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/C,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;KACF;IAID,wBAAwB;QACtB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/C,qBAAqB,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;SACjD;KACF;;;;;;IAQD,gBAAgB;QACd,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/C,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;KACF;IAED,iBAAiB;QACf,kBAAkB,CAAC,IAAI,CAAC,CAAC;KAC1B;IAED,kBAAkB;QAChB,qBAAqB,CAAC,IAAI,CAAC,CAAC;KAC7B;IAED,oBAAoB;QAClB,qBAAqB,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;IAwCD,yCAAyC,CAAC,KAAkB;QAC1D,IAAK,KAAK,CAAC,MAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;YAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;YAC3C,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;YAC7C,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;YAC7C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;YAEvC,IAAI,WAAW,KAAK,IAAI,CAAC,WAAW,EAAE;gBACpC,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACjB,MAAM,gBAAgB,GACpB,WAAW,KAAK,MAAM,GAAG,UAAU,GAAG,WAAW,KAAK,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;oBACvF,IAAI,CAAC,wBAAwB,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC;oBAC5E,OAAO;iBACR;gBACD,MAAM,YAAY,GAAG,QAAQ;sBACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;sBACvC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,GAAG,CAAC,KAAK,QAAQ,CAAC,CAAC;gBAE9D,IAAI,YAAY,EAAE;oBAChB,YAAY,CAAC,QAAQ,EAAE,CAAC;iBACzB;aACF;SACF;KACF;;;;;;IAQO,cAAc,CAAC,KAAoB;QACzC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAqE,CAAC;QACvF,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACtB,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC5B,IAAI,EAAE,CAAC,OAAO,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE;YAC1E,QAAQ,GAAG;gBACT,KAAK,SAAS;oBACZ,IAAI,CAAC,wBAAwB,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;oBAC9E,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,MAAM;gBACR,KAAK,WAAW;oBACd,IAAI,CAAC,wBAAwB,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;oBAC1E,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,MAAM;gBACR,KAAK,QAAQ;oBACX,IAAI,CAAC,wBAAwB,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;oBAC3E,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,MAAM;gBACR,KAAK,UAAU;oBACb,IAAI,CAAC,wBAAwB,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;oBAC1E,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,MAAM;gBACR,KAAK,WAAW;oBACd,mBAAmB,CAAC,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;oBAClD,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,MAAM;gBACR,KAAK,YAAY;oBACf,mBAAmB,CAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;oBAC9C,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,MAAM;gBACR,KAAK,MAAM;oBACT,IAAI,SAAS,EAAE;wBACb,IAAI,CAAC,wBAAwB,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;wBAC5D,KAAK,CAAC,cAAc,EAAE,CAAC;qBACxB;yBAAM;wBACL,mBAAmB,CAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;wBAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;qBACxB;oBACD,MAAM;gBACR,KAAK,KAAK;oBACR,IAAI,SAAS,EAAE;wBACb,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;wBACrF,KAAK,CAAC,cAAc,EAAE,CAAC;qBACxB;yBAAM;wBACL,mBAAmB,CAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;wBAC9C,KAAK,CAAC,cAAc,EAAE,CAAC;qBACxB;oBACD,MAAM;aACT;SACF;KACF;;;;;;IAuED,mBAAmB;QACjB,MAAM,IAAI,GACR,IAAI,CAAC,aAAa,KAAK,UAAU,IAAI,IAAI,CAAC,QAAQ;cAC9C,gBAAgB;cAChB,IAAI,CAAC,aAAa,KAAK,UAAU;kBACjC,QAAQ;kBACR,IAAI,CAAC,QAAQ;sBACb,UAAU;sBACV,QAAQ,CAAC;QAEf,OAAO,oBAAc,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,GAAI,CAAC;KACtE;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,OAAO,KAAK,MAAM,IAC5B,4BACE,SAAS,EAAC,QAAQ,EAClB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,GAAG,EAAC,gBAAgB,EACpB,OAAO,EAAE,IAAI,CAAC,aAAa,KAAK,UAAU,IAAI,IAAI,CAAC,oBAAoB,EACvE,SAAS,EAAE,IAAI,CAAC,aAAa,KAAK,UAAU,IAAI,IAAI,CAAC,uBAAuB,EAC5E,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,aAAa,EAAE,IAAI,EACnB,aAAa,EAAE,IAAI,CAAC,aAAa,GACjC,IACA,IAAI,CAAC,OAAO,KAAK,MAAM,IACzB,0BACE,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAC,gBAAgB,EACpB,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,SAAS,EAAE,IAAI,CAAC,uBAAuB,EACvC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,EAClC,0BAA0B,EAAE,IAAI,CAAC,wBAAwB,EACzD,aAAa,EAAE,IAAI,IAElB,IAAI,CAAC,mBAAmB,EAAE,CACR,KAErB,0BAAoB,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,gBAAgB,EAAC,aAAa,EAAE,IAAI,GAAI,CACpF,CAAC;KACH;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,OAAO,KAAK,MAAM,IAC5B,4BAAsB,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,eAAe,EAAC,UAAU,EAAE,IAAI,GAAI,IAC/E,IAAI,CAAC,OAAO,KAAK,MAAM,IACzB,0BAAoB,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,eAAe,EAAC,UAAU,EAAE,IAAI,IACxE,IAAI,CAAC,wBAAwB,CACX,KAErB,0BAAoB,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,eAAe,EAAC,UAAU,EAAE,IAAI,GAAI,CAChF,CAAC;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,QACH,2BACiB,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,WAAW,GAAG,CAAC,mBACpB,IAAI,CAAC,QAAQ,EAC5B,SAAS,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;;YAEhD,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,IAElC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAC1C,IAAI,CAAC,aAAa,KAAK,MAAM,IAAI,IAAI,CAAC,oBAAoB,EAAE,EAC7D,YACE,YAAY,EAAE,IAAI,CAAC,WAAW,EAC9B,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,cAAc,GAAG,EAAqB,CAAC,GAC1D,CACC,CACA,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table-row/table-row.scss?tag=calcite-table-row&encapsulation=shadow","src/components/table-row/table-row.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-row-background: Specifies the background color of the component.\n * @prop --calcite-table-row-border-color: Specifies the border color of the component.\n */\n\n:host {\n  --calcite-internal-table-row-background: var(--calcite-table-row-background, var(--calcite-color-foreground-1));\n  --calcite-internal-table-row-border-color: var(--calcite-table-row-border-color, transparent);\n  @apply contents;\n}\n\n@include base-component();\n\n@include disabled() {\n  tr {\n    @apply opacity-disabled pointer-events-none;\n  }\n}\n\ntr {\n  border-block-end: 1px solid var(--calcite-internal-table-row-border-color);\n  background-color: var(--calcite-internal-table-row-background);\n}\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 { LocalizedComponent } from \"../../utils/locale\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport { focusElementInGroup, FocusElementInGroupDestination } from \"../../utils/dom\";\nimport { RowType, TableRowFocusEvent } from \"../table/interfaces\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * @slot - A slot for adding `calcite-table-cell` or `calcite-table-header` elements.\n */\n\n@Component({\n  tag: \"calcite-table-row\",\n  styleUrl: \"table-row.scss\",\n  shadow: true,\n})\nexport class TableRow implements InteractiveComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** When `true`, the component is selected. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** @internal */\n  @Prop({ mutable: true }) cellCount: number;\n\n  /** @internal */\n  @Prop() rowType: RowType;\n\n  /** @internal */\n  @Prop() numbered = false;\n\n  /** @internal */\n  @Prop() positionSection: number;\n\n  /** @internal */\n  @Prop() positionSectionLocalized: string;\n\n  /** @internal */\n  @Prop() positionAll: number;\n\n  /** @internal */\n  @Prop() readCellContentsToAT: boolean;\n\n  /** @internal */\n  @Prop() scale: Scale;\n\n  /** @internal */\n  @Prop() selectionMode: Extract<\"multiple\" | \"single\" | \"none\", SelectionMode> = \"none\";\n\n  /** @internal */\n  @Prop() selectedRowCount: number;\n\n  /** @internal */\n  @Prop() selectedRowCountLocalized: string;\n\n  /** @internal */\n  @Prop() bodyRowCount: number;\n\n  @Watch(\"bodyRowCount\")\n  @Watch(\"scale\")\n  @Watch(\"selected\")\n  @Watch(\"selectedRowCount\")\n  handleCellChanges(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      this.updateCells();\n    }\n  }\n\n  @Watch(\"numbered\")\n  @Watch(\"selectionMode\")\n  handleDelayedCellChanges(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      requestAnimationFrame(() => this.updateCells());\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentDidLoad(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      this.updateCells();\n    }\n  }\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTableRowElement;\n\n  private rowCells: (HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement)[] = [];\n\n  private tableRowEl: HTMLTableRowElement;\n\n  private tableRowSlotEl: HTMLSlotElement;\n\n  @State() effectiveLocale = \"\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the selected state of the component changes.\n   */\n  @Event({ cancelable: false }) calciteTableRowSelect: EventEmitter<void>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalTableRowFocusRequest: EventEmitter<TableRowFocusEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTableRowFocusChange\", { target: \"document\" })\n  calciteInternalTableRowFocusChangeHandler(event: CustomEvent): void {\n    if ((event.target as Element).contains(this.el)) {\n      const position = event.detail.cellPosition;\n      const rowPosition = event.detail.rowPosition;\n      const destination = event.detail.destination;\n      const lastCell = event.detail.lastCell;\n\n      if (rowPosition === this.positionAll) {\n        if (this.disabled) {\n          const deflectDirection =\n            destination === \"last\" ? \"previous\" : destination === \"first\" ? \"next\" : destination;\n          this.emitTableRowFocusRequest(position, this.positionAll, deflectDirection);\n          return;\n        }\n        const cellPosition = lastCell\n          ? this.rowCells[this.rowCells.length - 1]\n          : this.rowCells?.find((_, index) => index + 1 === position);\n\n        if (cellPosition) {\n          cellPosition.setFocus();\n        }\n      }\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private keyDownHandler(event: KeyboardEvent): void {\n    const el = event.target as HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement;\n    const key = event.key;\n    const isControl = event.ctrlKey;\n    const cells = this.rowCells;\n    if (el.matches(\"calcite-table-cell\") || el.matches(\"calcite-table-header\")) {\n      switch (key) {\n        case \"ArrowUp\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"previous\");\n          event.preventDefault();\n          break;\n        case \"ArrowDown\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"next\");\n          event.preventDefault();\n          break;\n        case \"PageUp\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"first\");\n          event.preventDefault();\n          break;\n        case \"PageDown\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"last\");\n          event.preventDefault();\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(cells, el, \"previous\", false);\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n          focusElementInGroup(cells, el, \"next\", false);\n          event.preventDefault();\n          break;\n        case \"Home\":\n          if (isControl) {\n            this.emitTableRowFocusRequest(1, this.positionAll, \"first\");\n            event.preventDefault();\n          } else {\n            focusElementInGroup(cells, el, \"first\", false);\n            event.preventDefault();\n          }\n          break;\n        case \"End\":\n          if (isControl) {\n            this.emitTableRowFocusRequest(this.rowCells?.length, this.positionAll, \"last\", true);\n            event.preventDefault();\n          } else {\n            focusElementInGroup(cells, el, \"last\", false);\n            event.preventDefault();\n          }\n          break;\n      }\n    }\n  }\n\n  private emitTableRowFocusRequest = (\n    cellPosition: number,\n    rowPosition: number,\n    destination: FocusElementInGroupDestination,\n    lastCell?: boolean\n  ): void => {\n    this.calciteInternalTableRowFocusRequest.emit({\n      cellPosition,\n      rowPosition,\n      destination,\n      lastCell,\n    });\n  };\n\n  private updateCells = (): void => {\n    const slottedCells = this.tableRowSlotEl\n      ?.assignedElements({ flatten: true })\n      ?.filter(\n        (el: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement) =>\n          el.matches(\"calcite-table-cell\") || el.matches(\"calcite-table-header\")\n      );\n\n    const renderedCells = Array.from(\n      this.tableRowEl?.querySelectorAll(\"calcite-table-header, calcite-table-cell\")\n    )?.filter(\n      (el: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement) =>\n        el.numberCell || el.selectionCell\n    );\n\n    const cells = renderedCells ? renderedCells.concat(slottedCells) : slottedCells;\n\n    if (cells.length > 0) {\n      cells?.forEach((cell: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement, index) => {\n        cell.positionInRow = index + 1;\n        cell.parentRowType = this.rowType;\n        cell.scale = this.scale;\n\n        if (cell.nodeName === \"CALCITE-TABLE-CELL\") {\n          (cell as HTMLCalciteTableCellElement).readCellContentsToAT = this.readCellContentsToAT;\n          (cell as HTMLCalciteTableCellElement).disabled = this.disabled;\n          (cell as HTMLCalciteTableCellElement).parentRowIsSelected = this.selected;\n        }\n      });\n    }\n\n    this.rowCells =\n      (cells as (HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement)[]) || [];\n    this.cellCount = cells?.length;\n  };\n\n  private handleSelectionOfRow = (): void => {\n    this.calciteTableRowSelect.emit();\n  };\n\n  private handleKeyboardSelection = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      if (event.key === \" \") {\n        event.preventDefault();\n      }\n      this.handleSelectionOfRow();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderSelectionIcon(): VNode {\n    const icon =\n      this.selectionMode === \"multiple\" && this.selected\n        ? \"check-square-f\"\n        : this.selectionMode === \"multiple\"\n        ? \"square\"\n        : this.selected\n        ? \"circle-f\"\n        : \"circle\";\n\n    return <calcite-icon icon={icon} scale={getIconScale(this.scale)} />;\n  }\n\n  renderSelectableCell(): VNode {\n    return this.rowType === \"head\" ? (\n      <calcite-table-header\n        alignment=\"center\"\n        bodyRowCount={this.bodyRowCount}\n        key=\"selection-head\"\n        onClick={this.selectionMode === \"multiple\" && this.handleSelectionOfRow}\n        onKeyDown={this.selectionMode === \"multiple\" && this.handleKeyboardSelection}\n        selectedRowCount={this.selectedRowCount}\n        selectedRowCountLocalized={this.selectedRowCountLocalized}\n        selectionCell={true}\n        selectionMode={this.selectionMode}\n      />\n    ) : this.rowType === \"body\" ? (\n      <calcite-table-cell\n        alignment=\"center\"\n        key=\"selection-body\"\n        onClick={this.handleSelectionOfRow}\n        onKeyDown={this.handleKeyboardSelection}\n        parentRowIsSelected={this.selected}\n        parentRowPositionLocalized={this.positionSectionLocalized}\n        selectionCell={true}\n      >\n        {this.renderSelectionIcon()}\n      </calcite-table-cell>\n    ) : (\n      <calcite-table-cell alignment=\"center\" key=\"selection-foot\" selectionCell={true} />\n    );\n  }\n\n  renderNumberedCell(): VNode {\n    return this.rowType === \"head\" ? (\n      <calcite-table-header alignment=\"center\" key=\"numbered-head\" numberCell={true} />\n    ) : this.rowType === \"body\" ? (\n      <calcite-table-cell alignment=\"center\" key=\"numbered-body\" numberCell={true}>\n        {this.positionSectionLocalized}\n      </calcite-table-cell>\n    ) : (\n      <calcite-table-cell alignment=\"center\" key=\"numbered-foot\" numberCell={true} />\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <tr\n          aria-disabled={this.disabled}\n          aria-rowindex={this.positionAll + 1}\n          aria-selected={this.selected}\n          onKeyDown={(event) => this.keyDownHandler(event)}\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.tableRowEl = el)}\n        >\n          {this.numbered && this.renderNumberedCell()}\n          {this.selectionMode !== \"none\" && this.renderSelectableCell()}\n          <slot\n            onSlotchange={this.updateCells}\n            ref={(el) => (this.tableRowSlotEl = el as HTMLSlotElement)}\n          />\n        </tr>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-table-row.js","mappings":"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","names":[],"sources":["src/components/table-row/table-row.scss?tag=calcite-table-row&encapsulation=shadow","src/components/table-row/table-row.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-row-background: Specifies the background color of the component.\n * @prop --calcite-table-row-border-color: Specifies the border color of the component.\n */\n\n:host {\n  --calcite-internal-table-row-background: var(--calcite-table-row-background, var(--calcite-color-foreground-1));\n  --calcite-internal-table-row-border-color: var(--calcite-table-row-border-color, transparent);\n  @apply contents;\n}\n\n@include base-component();\n\n@include disabled() {\n  tr {\n    @apply opacity-disabled pointer-events-none;\n  }\n}\n\ntr {\n  border-block-end: 1px solid var(--calcite-internal-table-row-border-color);\n  background-color: var(--calcite-internal-table-row-background);\n}\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 { LocalizedComponent } from \"../../utils/locale\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport { focusElementInGroup, FocusElementInGroupDestination } from \"../../utils/dom\";\nimport { RowType, TableRowFocusEvent } from \"../table/interfaces\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * @slot - A slot for adding `calcite-table-cell` or `calcite-table-header` elements.\n */\n\n@Component({\n  tag: \"calcite-table-row\",\n  styleUrl: \"table-row.scss\",\n  shadow: true,\n})\nexport class TableRow implements InteractiveComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** When `true`, the component is selected. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** @internal */\n  @Prop({ mutable: true }) cellCount: number;\n\n  /** @internal */\n  @Prop() rowType: RowType;\n\n  /** @internal */\n  @Prop() numbered = false;\n\n  /** @internal */\n  @Prop() positionSection: number;\n\n  /** @internal */\n  @Prop() positionSectionLocalized: string;\n\n  /** @internal */\n  @Prop() positionAll: number;\n\n  /** @internal */\n  @Prop() readCellContentsToAT: boolean;\n\n  /** @internal */\n  @Prop() scale: Scale;\n\n  /** @internal */\n  @Prop() selectionMode: Extract<\"multiple\" | \"single\" | \"none\", SelectionMode> = \"none\";\n\n  /** @internal */\n  @Prop() selectedRowCount: number;\n\n  /** @internal */\n  @Prop() selectedRowCountLocalized: string;\n\n  /** @internal */\n  @Prop() bodyRowCount: number;\n\n  @Watch(\"bodyRowCount\")\n  @Watch(\"scale\")\n  @Watch(\"selected\")\n  @Watch(\"selectedRowCount\")\n  handleCellChanges(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      this.updateCells();\n    }\n  }\n\n  @Watch(\"numbered\")\n  @Watch(\"selectionMode\")\n  handleDelayedCellChanges(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      requestAnimationFrame(() => this.updateCells());\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentDidLoad(): void {\n    if (this.tableRowEl && this.rowCells.length > 0) {\n      this.updateCells();\n    }\n  }\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTableRowElement;\n\n  private rowCells: (HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement)[] = [];\n\n  private tableRowEl: HTMLTableRowElement;\n\n  private tableRowSlotEl: HTMLSlotElement;\n\n  @State() effectiveLocale = \"\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the selected state of the component changes.\n   */\n  @Event({ cancelable: false }) calciteTableRowSelect: EventEmitter<void>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalTableRowFocusRequest: EventEmitter<TableRowFocusEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTableRowFocusChange\", { target: \"document\" })\n  calciteInternalTableRowFocusChangeHandler(event: CustomEvent): void {\n    if ((event.target as Element).contains(this.el)) {\n      const position = event.detail.cellPosition;\n      const rowPosition = event.detail.rowPosition;\n      const destination = event.detail.destination;\n      const lastCell = event.detail.lastCell;\n\n      if (rowPosition === this.positionAll) {\n        if (this.disabled) {\n          const deflectDirection =\n            destination === \"last\" ? \"previous\" : destination === \"first\" ? \"next\" : destination;\n          this.emitTableRowFocusRequest(position, this.positionAll, deflectDirection);\n          return;\n        }\n        const cellPosition = lastCell\n          ? this.rowCells[this.rowCells.length - 1]\n          : this.rowCells?.find((_, index) => index + 1 === position);\n\n        if (cellPosition) {\n          cellPosition.setFocus();\n        }\n      }\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private keyDownHandler(event: KeyboardEvent): void {\n    const el = event.target as HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement;\n    const key = event.key;\n    const isControl = event.ctrlKey;\n    const cells = this.rowCells;\n    if (el.matches(\"calcite-table-cell\") || el.matches(\"calcite-table-header\")) {\n      switch (key) {\n        case \"ArrowUp\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"previous\");\n          event.preventDefault();\n          break;\n        case \"ArrowDown\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"next\");\n          event.preventDefault();\n          break;\n        case \"PageUp\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"first\");\n          event.preventDefault();\n          break;\n        case \"PageDown\":\n          this.emitTableRowFocusRequest(el.positionInRow, this.positionAll, \"last\");\n          event.preventDefault();\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(cells, el, \"previous\", false);\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n          focusElementInGroup(cells, el, \"next\", false);\n          event.preventDefault();\n          break;\n        case \"Home\":\n          if (isControl) {\n            this.emitTableRowFocusRequest(1, this.positionAll, \"first\");\n            event.preventDefault();\n          } else {\n            focusElementInGroup(cells, el, \"first\", false);\n            event.preventDefault();\n          }\n          break;\n        case \"End\":\n          if (isControl) {\n            this.emitTableRowFocusRequest(this.rowCells?.length, this.positionAll, \"last\", true);\n            event.preventDefault();\n          } else {\n            focusElementInGroup(cells, el, \"last\", false);\n            event.preventDefault();\n          }\n          break;\n      }\n    }\n  }\n\n  private emitTableRowFocusRequest = (\n    cellPosition: number,\n    rowPosition: number,\n    destination: FocusElementInGroupDestination,\n    lastCell?: boolean\n  ): void => {\n    this.calciteInternalTableRowFocusRequest.emit({\n      cellPosition,\n      rowPosition,\n      destination,\n      lastCell,\n    });\n  };\n\n  private updateCells = (): void => {\n    const slottedCells = this.tableRowSlotEl\n      ?.assignedElements({ flatten: true })\n      ?.filter(\n        (el: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement) =>\n          el.matches(\"calcite-table-cell\") || el.matches(\"calcite-table-header\")\n      );\n\n    const renderedCells = Array.from(\n      this.tableRowEl?.querySelectorAll(\"calcite-table-header, calcite-table-cell\")\n    )?.filter(\n      (el: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement) =>\n        el.numberCell || el.selectionCell\n    );\n\n    const cells = renderedCells ? renderedCells.concat(slottedCells) : slottedCells;\n\n    if (cells.length > 0) {\n      cells?.forEach((cell: HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement, index) => {\n        cell.positionInRow = index + 1;\n        cell.parentRowType = this.rowType;\n        cell.parentRowIsSelected = this.selected;\n        cell.scale = this.scale;\n\n        if (cell.nodeName === \"CALCITE-TABLE-CELL\") {\n          (cell as HTMLCalciteTableCellElement).readCellContentsToAT = this.readCellContentsToAT;\n          (cell as HTMLCalciteTableCellElement).disabled = this.disabled;\n        }\n      });\n    }\n\n    this.rowCells =\n      (cells as (HTMLCalciteTableCellElement | HTMLCalciteTableHeaderElement)[]) || [];\n    this.cellCount = cells?.length;\n  };\n\n  private handleSelectionOfRow = (): void => {\n    this.calciteTableRowSelect.emit();\n  };\n\n  private handleKeyboardSelection = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      if (event.key === \" \") {\n        event.preventDefault();\n      }\n      this.handleSelectionOfRow();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderSelectionIcon(): VNode {\n    const icon =\n      this.selectionMode === \"multiple\" && this.selected\n        ? \"check-square-f\"\n        : this.selectionMode === \"multiple\"\n        ? \"square\"\n        : this.selected\n        ? \"circle-f\"\n        : \"circle\";\n\n    return <calcite-icon icon={icon} scale={getIconScale(this.scale)} />;\n  }\n\n  renderSelectableCell(): VNode {\n    return this.rowType === \"head\" ? (\n      <calcite-table-header\n        alignment=\"center\"\n        bodyRowCount={this.bodyRowCount}\n        key=\"selection-head\"\n        onClick={this.selectionMode === \"multiple\" && this.handleSelectionOfRow}\n        onKeyDown={this.selectionMode === \"multiple\" && this.handleKeyboardSelection}\n        selectedRowCount={this.selectedRowCount}\n        selectedRowCountLocalized={this.selectedRowCountLocalized}\n        selectionCell={true}\n        selectionMode={this.selectionMode}\n      />\n    ) : this.rowType === \"body\" ? (\n      <calcite-table-cell\n        alignment=\"center\"\n        key=\"selection-body\"\n        onClick={this.handleSelectionOfRow}\n        onKeyDown={this.handleKeyboardSelection}\n        parentRowIsSelected={this.selected}\n        parentRowPositionLocalized={this.positionSectionLocalized}\n        selectionCell={true}\n      >\n        {this.renderSelectionIcon()}\n      </calcite-table-cell>\n    ) : (\n      <calcite-table-cell alignment=\"center\" key=\"selection-foot\" selectionCell={true} />\n    );\n  }\n\n  renderNumberedCell(): VNode {\n    return this.rowType === \"head\" ? (\n      <calcite-table-header alignment=\"center\" key=\"numbered-head\" numberCell={true} />\n    ) : this.rowType === \"body\" ? (\n      <calcite-table-cell alignment=\"center\" key=\"numbered-body\" numberCell={true}>\n        {this.positionSectionLocalized}\n      </calcite-table-cell>\n    ) : (\n      <calcite-table-cell alignment=\"center\" key=\"numbered-foot\" numberCell={true} />\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <tr\n          aria-disabled={this.disabled}\n          aria-rowindex={this.positionAll + 1}\n          aria-selected={this.selected}\n          onKeyDown={(event) => this.keyDownHandler(event)}\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.tableRowEl = el)}\n        >\n          {this.numbered && this.renderNumberedCell()}\n          {this.selectionMode !== \"none\" && this.renderSelectableCell()}\n          <slot\n            onSlotchange={this.updateCells}\n            ref={(el) => (this.tableRowSlotEl = el as HTMLSlotElement)}\n          />\n        </tr>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/calcite-table.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.9
+ * v2.2.0-next.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.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.9
+ * v2.2.0-next.0
  */
 import { T as Tabs, d as defineCustomElement$1 } from './tabs.js';
 

package/dist/components/calcite-text-area.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.9
+ * v2.2.0-next.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
@@ -13,6 +13,9 @@ import { b as componentLoaded, s as setUpLoadableComponent, a as setComponentLoa
 import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';
 import { g as guid } from './guid.js';
+import { V as Validation } from './Validation.js';
+import { d as defineCustomElement$3 } from './icon.js';
+import { d as defineCustomElement$2 } from './input-message.js';
 import { t as throttle } from './throttle.js';
 
 const CSS = {
@@ -39,7 +42,7 @@ const SLOTS = {
 };
 const RESIZE_TIMEOUT = 100;
 
-const textAreaCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%}textarea{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-color-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-status-danger)}textarea.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}textarea.footer--slotted{min-inline-size:18rem}.footer{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}:host([resize=none]) textarea{resize:none}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=vertical]) textarea{resize:vertical}:host([scale=s]){font-size:var(--calcite-font-size--2)}:host([scale=s]) .footer{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}:host([scale=s]) textarea{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=s]) textarea,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}:host([scale=m]) textarea{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=m]) textarea,:host([scale=m]) .footer,:host([scale=m]) .character-limit{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}:host([scale=l]){font-size:var(--calcite-font-size-0)}:host([scale=l]) textarea{padding-block:0.75rem;padding-inline:1rem}:host([scale=l]) .footer{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}:host([scale=l]) textarea,:host([scale=l]) .footer,:host([scale=l]) .character-limit{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}:host([disabled]) textarea,:host([disabled]) footer{opacity:0.5}.border--color{border-block-end-width:1px;border-color:var(--calcite-color-border-input)}.border--color:focus{border-block-end-width:2px}textarea.block-size--full{block-size:100%}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
+const textAreaCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%}textarea{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-color-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-status-danger)}textarea.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}textarea.footer--slotted{min-inline-size:18rem}.footer{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}:host([resize=none]) textarea{resize:none}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=vertical]) textarea{resize:vertical}:host([scale=s]){font-size:var(--calcite-font-size--2)}:host([scale=s]) .footer{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}:host([scale=s]) textarea{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=s]) textarea,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}:host([scale=m]) textarea{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=m]) textarea,:host([scale=m]) .footer,:host([scale=m]) .character-limit{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}:host([scale=l]){font-size:var(--calcite-font-size-0)}:host([scale=l]) textarea{padding-block:0.75rem;padding-inline:1rem}:host([scale=l]) .footer{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}:host([scale=l]) textarea,:host([scale=l]) .footer,:host([scale=l]) .character-limit{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}:host([disabled]) textarea,:host([disabled]) footer{opacity:0.5}.border--color{border-block-end-width:1px;border-color:var(--calcite-color-border-input)}.border--color:focus{border-block-end-width:2px}textarea.block-size--full{block-size:100%}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.validation-container{padding-block-start:0.5rem;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
 
 const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends HTMLElement {
     constructor() {
@@ -105,6 +108,8 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends HTMLEle
         this.label = undefined;
         this.maxLength = undefined;
         this.messages = undefined;
+        this.validationMessage = undefined;
+        this.validationIcon = undefined;
         this.name = undefined;
         this.numberingSystem = undefined;
         this.placeholder = undefined;
@@ -174,7 +179,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends HTMLEle
             }, ref: (el) => (this.footerEl = el) }, h("div", { class: {
                 [CSS.container]: true,
                 [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
-            } }, h("slot", { name: SLOTS.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), h("slot", { name: SLOTS.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), h(HiddenFormInputSlot, { component: this }), this.isCharacterLimitExceeded() && (h("span", { "aria-hidden": true, "aria-live": "polite", class: CSS.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages()))));
+            } }, h("slot", { name: SLOTS.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), h("slot", { name: SLOTS.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), h(HiddenFormInputSlot, { component: this }), this.isCharacterLimitExceeded() && (h("span", { "aria-hidden": true, "aria-live": "polite", class: CSS.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     //--------------------------------------------------------------------------
     //
@@ -271,6 +276,8 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends HTMLEle
         "label": [1],
         "maxLength": [514, "max-length"],
         "messages": [1040],
+        "validationMessage": [1, "validation-message"],
+        "validationIcon": [8, "validation-icon"],
         "name": [513],
         "numberingSystem": [1, "numbering-system"],
         "placeholder": [1],
@@ -298,13 +305,23 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["calcite-text-area"];
+    const components = ["calcite-text-area", "calcite-icon", "calcite-input-message"];
     components.forEach(tagName => { switch (tagName) {
         case "calcite-text-area":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, TextArea);
             }
             break;
+        case "calcite-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "calcite-input-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
     } });
 }
 defineCustomElement$1();