@esri/calcite-components 3.0.0-next.98 → 3.0.0

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

@@ -1,17 +1,15 @@
-import { a as A, c as E } from "../../chunks/runtime.js";
-import { html as a, nothing as I } from "lit";
-import { render as F } from "lit-html";
+import { a as E, c as I } from "../../chunks/runtime.js";
+import { html as a, nothing as F } from "lit";
+import { render as M } from "lit-html";
 import { createRef as b, ref as p } from "lit-html/directives/ref.js";
-import { LitElement as M, createEvent as u, safeClassMap as d } from "@arcgis/lumina";
-import { s as P, a as k } from "../../chunks/loadable.js";
-import { n as y } from "../../chunks/locale.js";
-import { u as O } from "../../chunks/useT9n.js";
-import { css as L } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.98
-*/
+import { LitElement as P, createEvent as u, safeClassMap as d } from "@arcgis/lumina";
+import { n as $ } from "../../chunks/locale.js";
+import { u as k } from "../../chunks/useT9n.js";
+import { i as g } from "../../chunks/component.js";
+import { css as O } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const n = {
   bordered: "bordered",
   striped: "striped",
@@ -22,16 +20,16 @@ const n = {
   tableFixed: "table--fixed",
   assistiveText: "assistive-text",
   selectionActions: "selection-actions"
-}, g = {
+}, m = {
   selectionActions: "selection-actions",
   tableHeader: "table-header",
   tableFooter: "table-footer"
-}, H = L`:host([scale=s]){--calcite-internal-table-cell-padding: .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: .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:flex}.container{display:flex;block-size:100%;inline-size:100%;flex-direction:column}.table-container{overflow:auto;white-space:nowrap;border: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}.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:.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:.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}`;
-class U extends M {
+}, H = O`@charset "UTF-8";:host([scale=s]){--calcite-internal-table-cell-padding: .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: .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:flex}.container{display:flex;block-size:100%;inline-size:100%;flex-direction:column}.table-container{overflow:auto;white-space:nowrap;border: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}@-moz-document url-prefix(){table{border-collapse:separate;border-spacing:0}}.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:.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:.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}`;
+class L extends P {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.paginationEl = b(), this.tableBodySlotEl = b(), this.tableFootSlotEl = b(), this.tableHeadSlotEl = b(), this.colCount = 0, this.pageStartRow = 1, this.selectedCount = 0, this.bordered = !1, this.groupSeparator = !1, this.interactionMode = "interactive", this.layout = "auto", this.messages = O({ blocking: !0 }), this.numbered = !1, this.pageSize = 0, this.scale = "m", this._selectedItems = [], this.selectionDisplay = "top", this.selectionMode = "none", this.striped = !1, this.calciteInternalTableRowFocusChange = u({ cancelable: !1 }), this.calciteTablePageChange = u({ cancelable: !1 }), this.calciteTableSelect = u({ cancelable: !1 }), this.listen("calciteTableRowSelect", this.calciteTableRowSelectListener), this.listen("calciteInternalTableRowSelect", this.calciteInternalTableRowSelectListener), this.listen("calciteInternalTableRowFocusRequest", this.calciteInternalTableRowFocusEvent);
+    super(), this.paginationEl = b(), this.tableBodySlotEl = b(), this.tableFootSlotEl = b(), this.tableHeadSlotEl = b(), this.colCount = 0, this.pageStartRow = 1, this.selectedCount = 0, this.bordered = !1, this.groupSeparator = !1, this.interactionMode = "interactive", this.layout = "auto", this.messages = k({ blocking: !0 }), this.numbered = !1, this.pageSize = 0, this.scale = "m", this._selectedItems = [], this.selectionDisplay = "top", this.selectionMode = "none", this.striped = !1, this.calciteInternalTableRowFocusChange = u({ cancelable: !1 }), this.calciteTablePageChange = u({ cancelable: !1 }), this.calciteTableSelect = u({ cancelable: !1 }), this.listen("calciteTableRowSelect", this.calciteTableRowSelectListener), this.listen("calciteInternalTableRowSelect", this.calciteInternalTableRowSelectListener), this.listen("calciteInternalTableRowFocusRequest", this.calciteInternalTableRowFocusEvent);
   }
   static {
     this.properties = { colCount: 16, pageStartRow: 16, readCellContentsToAT: 16, selectedCount: 16, bordered: 7, caption: 1, groupSeparator: 7, interactionMode: 3, layout: 3, messageOverrides: 0, numbered: 7, numberingSystem: 3, pageSize: 11, scale: 3, selectedItems: 32, _selectedItems: 16, selectionDisplay: 3, selectionMode: 3, striped: 7 };
@@ -48,13 +46,12 @@ class U extends M {
     return this._selectedItems;
   }
   async load() {
-    P(this), this.readCellContentsToAT = /safari/i.test(A()), this.listenOn(this.el.shadowRoot, "slotchange", this.handleSlotChange);
+    this.readCellContentsToAT = /safari/i.test(E()), this.listenOn(this.el.shadowRoot, "slotchange", this.handleSlotChange);
   }
   willUpdate(e) {
     (e.has("groupSeparator") && (this.hasUpdated || this.groupSeparator !== !1) || e.has("interactionMode") && (this.hasUpdated || this.interactionMode !== "interactive") || e.has("numbered") && (this.hasUpdated || this.numbered !== !1) || e.has("numberingSystem") || e.has("pageSize") && (this.hasUpdated || this.pageSize !== 0) || e.has("scale") && (this.hasUpdated || this.scale !== "m") || e.has("selectionMode") && (this.hasUpdated || this.selectionMode !== "none")) && this.updateRows();
   }
   loaded() {
-    k(this);
   }
   // #endregion
   // #region Private Methods
@@ -68,27 +65,27 @@ class U extends M {
     e.composedPath().includes(this.el) && this.updateSelectedItems(!1);
   }
   calciteInternalTableRowFocusEvent(e) {
-    const i = e.detail.cellPosition, s = e.detail.rowPosition, o = e.detail.destination, c = e.detail.lastCell, t = this.bodyRows?.filter((h) => !h.hidden), l = this.allRows?.filter((h) => !h.hidden), m = this.headRows[this.headRows.length - 1]?.positionAll, f = t[0]?.positionAll, S = t[t.length - 1]?.positionAll, w = this.footRows[0]?.positionAll, $ = l[l.length - 1]?.positionAll, C = o === "next" && s === m, v = o === "previous" && s === w, z = o === "previous" && s === f, T = o === "next" && s === S;
+    const i = e.detail.cellPosition, s = e.detail.rowPosition, l = e.detail.destination, c = e.detail.lastCell, t = this.bodyRows?.filter((h) => !g(h)), o = this.allRows?.filter((h) => !g(h)), f = this.headRows[this.headRows.length - 1]?.positionAll, S = t[0]?.positionAll, w = t[t.length - 1]?.positionAll, R = this.footRows[0]?.positionAll, C = o[o.length - 1]?.positionAll, v = l === "next" && s === f, z = l === "previous" && s === R, T = l === "previous" && s === S, x = l === "next" && s === w;
     let r;
-    switch (o) {
+    switch (l) {
       case "first":
         r = 0;
         break;
       case "last":
-        r = $;
+        r = C;
         break;
       case "next":
-        r = C ? f : T ? w : s + 1;
+        r = v ? S : x ? R : s + 1;
         break;
       case "previous":
-        r = v ? S : z ? m : s - 1;
+        r = z ? w : T ? f : s - 1;
         break;
     }
-    const R = this.allRows?.find((h) => h.positionAll === r)?.cellCount, x = i > R ? R : i;
+    const y = this.allRows?.find((h) => h.positionAll === r)?.cellCount, A = i > y ? y : i;
     r !== void 0 && this.calciteInternalTableRowFocusChange.emit({
-      cellPosition: x,
+      cellPosition: A,
       rowPosition: r,
-      destination: o,
+      destination: l,
       lastCell: c
     });
   }
@@ -96,21 +93,21 @@ class U extends M {
     return e?.assignedElements({ flatten: !0 })?.filter((i) => i?.matches("calcite-table-row"));
   }
   updateRows() {
-    const e = this.getSlottedRows(this.tableHeadSlotEl.value) || [], i = this.getSlottedRows(this.tableBodySlotEl.value) || [], s = this.getSlottedRows(this.tableFootSlotEl.value) || [], o = [...e, ...i, ...s];
+    const e = this.getSlottedRows(this.tableHeadSlotEl.value) || [], i = this.getSlottedRows(this.tableBodySlotEl.value) || [], s = this.getSlottedRows(this.tableFootSlotEl.value) || [], l = [...e, ...i, ...s];
     e?.forEach((t) => {
-      const l = e?.indexOf(t);
-      t.rowType = "head", t.positionSection = l, t.positionSectionLocalized = this.localizeNumber((l + 1).toString());
+      const o = e?.indexOf(t);
+      t.rowType = "head", t.positionSection = o, t.positionSectionLocalized = this.localizeNumber((o + 1).toString());
     }), i?.forEach((t) => {
-      const l = i?.indexOf(t);
-      t.rowType = "body", t.positionSection = l, t.positionSectionLocalized = this.localizeNumber((l + 1).toString());
+      const o = i?.indexOf(t);
+      t.rowType = "body", t.positionSection = o, t.positionSectionLocalized = this.localizeNumber((o + 1).toString());
     }), s?.forEach((t) => {
-      const l = s?.indexOf(t);
-      t.rowType = "foot", t.positionSection = l, t.positionSectionLocalized = this.localizeNumber((l + 1).toString());
-    }), o?.forEach((t) => {
-      t.interactionMode = this.interactionMode, t.selectionMode = this.selectionMode, t.bodyRowCount = i?.length, t.positionAll = o?.indexOf(t), t.numbered = this.numbered, t.scale = this.scale, t.readCellContentsToAT = this.readCellContentsToAT, t.lastVisibleRow = o?.indexOf(t) === o.length - 1;
+      const o = s?.indexOf(t);
+      t.rowType = "foot", t.positionSection = o, t.positionSectionLocalized = this.localizeNumber((o + 1).toString());
+    }), l?.forEach((t) => {
+      t.interactionMode = this.interactionMode, t.selectionMode = this.selectionMode, t.bodyRowCount = i?.length, t.positionAll = l?.indexOf(t), t.numbered = this.numbered, t.scale = this.scale, t.readCellContentsToAT = this.readCellContentsToAT, t.lastVisibleRow = l?.indexOf(t) === l.length - 1;
     });
     const c = e[0]?.cellCount || e[0]?.querySelectorAll("calcite-table-header")?.length;
-    this.colCount = c, this.headRows = e, this.bodyRows = i, this.footRows = s, this.allRows = o, this.updateSelectedItems(), this.paginateRows();
+    this.colCount = c, this.headRows = e, this.bodyRows = i, this.footRows = s, this.allRows = l, this.updateSelectedItems(), this.paginateRows();
   }
   handlePaginationChange() {
     const e = this.paginationEl.value?.startItem;
@@ -119,7 +116,7 @@ class U extends M {
   paginateRows() {
     this.bodyRows?.forEach((e) => {
       const i = e.positionSection + 1, s = i >= this.pageStartRow && i < this.pageStartRow + this.pageSize;
-      e.hidden = this.pageSize > 0 && !s && !this.footRows.includes(e), e.lastVisibleRow = i === this.pageStartRow + this.pageSize - 1 || i === this.bodyRows.length;
+      e.itemHidden = this.pageSize > 0 && !s && !this.footRows.includes(e), e.lastVisibleRow = i === this.pageStartRow + this.pageSize - 1 || i === this.bodyRows.length;
     });
   }
   updateSelectedItems(e) {
@@ -139,29 +136,29 @@ class U extends M {
     }), this.updateSelectedItems(!0);
   }
   localizeNumber(e) {
-    return y.numberFormatOptions = {
+    return $.numberFormatOptions = {
       locale: this.messages._lang,
       numberingSystem: this.numberingSystem,
       useGrouping: this.groupSeparator
-    }, y.localize(e.toString());
+    }, $.localize(e.toString());
   }
   // #endregion
   // #region Rendering
   renderSelectionArea() {
-    const e = this._selectedItems?.filter((t) => t.hidden)?.length, i = this.localizeNumber(e?.toString()), o = `${this.localizeNumber(this.selectedCount?.toString())} ${this.messages.selected}`, c = `${i} ${this.messages.hiddenSelected}`;
-    return a`<div class=${d(n.selectionArea)}><calcite-chip .kind=${this.selectedCount > 0 ? "brand" : "neutral"} .label=${o} .scale=${this.scale} .value=${o}>${o}</calcite-chip>${e > 0 && a`<calcite-chip icon=hide-empty .label=${c} .scale=${this.scale} title=${c ?? I} .value=${c}>${i}</calcite-chip>` || ""}${this.selectedCount > 0 && a`<calcite-button icon-start=x kind=neutral @click=${this.handleDeselectAllRows} round .scale=${this.scale} .title=${`${this.messages.clear} ${o} ${this.messages.row}`}>${this.messages.clear}</calcite-button>` || ""}<div class=${d(n.selectionActions)}><slot name=${g.selectionActions}></slot></div></div>`;
+    const e = this._selectedItems?.filter((t) => g(t))?.length, i = this.localizeNumber(e?.toString()), l = `${this.localizeNumber(this.selectedCount?.toString())} ${this.messages.selected}`, c = `${i} ${this.messages.hiddenSelected}`;
+    return a`<div class=${d(n.selectionArea)}><calcite-chip .kind=${this.selectedCount > 0 ? "brand" : "neutral"} .label=${l} .scale=${this.scale} .value=${l}>${l}</calcite-chip>${e > 0 && a`<calcite-chip icon=hide-empty .label=${c} .scale=${this.scale} title=${c ?? F} .value=${c}>${i}</calcite-chip>` || ""}${this.selectedCount > 0 && a`<calcite-button icon-start=x kind=neutral @click=${this.handleDeselectAllRows} round .scale=${this.scale} .title=${`${this.messages.clear} ${l} ${this.messages.row}`}>${this.messages.clear}</calcite-button>` || ""}<div class=${d(n.selectionActions)}><slot name=${m.selectionActions}></slot></div></div>`;
   }
   renderPaginationArea() {
     return a`<div class=${d(n.paginationArea)}><calcite-pagination .groupSeparator=${this.groupSeparator} .numberingSystem=${this.numberingSystem} @calcitePaginationChange=${this.handlePaginationChange} .pageSize=${this.pageSize} .scale=${this.scale} start-item=1 .totalItems=${this.bodyRows?.length} ${p(this.paginationEl)}></calcite-pagination></div>`;
   }
   renderTHead() {
-    return a`<thead><slot name=${g.tableHeader} ${p(this.tableHeadSlotEl)}></slot></thead>`;
+    return a`<thead><slot name=${m.tableHeader} ${p(this.tableHeadSlotEl)}></slot></thead>`;
   }
   renderTBody() {
     return a`<tbody><slot ${p(this.tableBodySlotEl)}></slot></tbody>`;
   }
   renderTFoot() {
-    return a`<tfoot><slot name=${g.tableFooter} ${p(this.tableFootSlotEl)}></slot></tfoot>`;
+    return a`<tfoot><slot name=${m.tableFooter} ${p(this.tableFootSlotEl)}></slot></tfoot>`;
   }
   render() {
     return a`<div class=${d(n.container)}>${this.selectionMode !== "none" && this.selectionDisplay !== "none" && this.renderSelectionArea() || ""}<div class=${d({
@@ -170,11 +167,11 @@ class U extends M {
       [n.tableContainer]: !0
     })}><table .ariaColCount=${this.colCount} .ariaMultiSelectable=${/* workaround to ensure the attr gets removed; we should be able to avoid the ternary when fixed */
     this.selectionMode === "multiple" ? "true" : null} .ariaRowCount=${this.allRows?.length} class=${d({ [n.tableFixed]: this.layout === "fixed" })} .role=${this.interactionMode === "interactive" ? "grid" : "table"} ${p((e) => {
-      e && F(a`<caption class=${d(n.assistiveText)}>${this.caption}</caption>${this.renderTHead()}${this.renderTBody()}${this.renderTFoot()}`, e);
+      e && M(a`<caption class=${d(n.assistiveText)}>${this.caption}</caption>${this.renderTHead()}${this.renderTBody()}${this.renderTFoot()}`, e);
     })}></table></div>${this.pageSize > 0 && this.renderPaginationArea() || ""}</div>`;
   }
 }
-E("calcite-table", U);
+I("calcite-table", L);
 export {
-  U as Table
+  L as Table
 };

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

@@ -1,17 +1,15 @@
-import { C as i, c } from "../../chunks/runtime.js";
+import { C as n, c } from "../../chunks/runtime.js";
 import { html as o, nothing as s } from "lit";
 import { createRef as a, ref as r } from "lit-html/directives/ref.js";
-import { LitElement as d, safeClassMap as n } from "@arcgis/lumina";
-import { c as h, s as p, a as m } from "../../chunks/loadable.js";
-import { u, I as b } from "../../chunks/interactive.js";
-import { g as C } from "../../chunks/dom.js";
-import { u as f } from "../../chunks/useT9n.js";
-import { css as g } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.98
-*/
+import { LitElement as d, safeClassMap as i } from "@arcgis/lumina";
+import { c as h } from "../../chunks/loadable.js";
+import { u as p, I as u } from "../../chunks/interactive.js";
+import { g as m } from "../../chunks/dom.js";
+import { u as b } from "../../chunks/useT9n.js";
+import { css as f } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const e = {
   contentCell: "content-cell",
   numberCell: "number-cell",
@@ -21,16 +19,16 @@ const e = {
   assistiveText: "assistive-text",
   lastCell: "last-cell",
   staticCell: "static-cell"
-}, v = g`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-cell-background: var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td:not(.selection-cell):not(.number-cell){text-align:center}:host([alignment=end]) td:not(.selection-cell):not(.number-cell){text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}td:not(.static-cell){outline-color:transparent}td:not(.static-cell):focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}td.start.content-cell{vertical-align:top}td.end.content-cell{vertical-align:bottom}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{text-align:center;border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}.selection-cell:not(.footer-cell){cursor:pointer}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background: var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset .25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
-class x extends d {
+}, g = f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-cell-background: var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td:not(.selection-cell):not(.number-cell){text-align:center}:host([alignment=end]) td:not(.selection-cell):not(.number-cell){text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}td:not(.static-cell){outline-color:transparent}td:not(.static-cell):focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}td.start.content-cell{vertical-align:top}td.end.content-cell{vertical-align:bottom}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{text-align:center;border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}.selection-cell:not(.footer-cell){cursor:pointer}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background: var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset .25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
+class C extends d {
   constructor() {
-    super(...arguments), this.containerEl = a(), this.contentsText = "", this.focused = !1, this.selectionText = "", this.alignment = "start", this.interactionMode = "interactive", this.messages = f(), this.parentRowAlignment = "start", this.scale = "m";
+    super(...arguments), this.containerEl = a(), this.contentsText = "", this.focused = !1, this.selectionText = "", this.alignment = "start", this.interactionMode = "interactive", this.messages = b(), this.parentRowAlignment = "start", this.scale = "m";
   }
   static {
     this.properties = { contentsText: 16, focused: 16, selectionText: 16, alignment: 3, colSpan: 11, disabled: 5, interactionMode: 1, lastCell: 5, messageOverrides: 0, numberCell: 5, parentRowAlignment: 1, parentRowIsSelected: 5, parentRowPositionLocalized: 1, parentRowType: 1, positionInRow: 9, readCellContentsToAT: 5, rowSpan: 11, scale: 1, selectionCell: 5 };
   }
   static {
-    this.styles = v;
+    this.styles = g;
   }
   // #endregion
   // #region Public Methods
@@ -41,16 +39,15 @@ class x extends d {
   // #endregion
   // #region Lifecycle
   async load() {
-    p(this), this.updateScreenReaderContentsText(), this.updateScreenReaderSelectionText();
+    this.updateScreenReaderContentsText(), this.updateScreenReaderSelectionText();
   }
   willUpdate(t) {
     t.has("parentRowIsSelected") && this.updateScreenReaderSelectionText();
   }
   updated() {
-    u(this);
+    p(this);
   }
   loaded() {
-    m(this);
   }
   // #endregion
   // #region Private Methods
@@ -70,21 +67,21 @@ class x extends d {
   // #endregion
   // #region Rendering
   render() {
-    const t = C(this.el), l = this.disabled || this.interactionMode === "static" && (!this.selectionCell || this.selectionCell && this.parentRowType === "foot");
-    return b({ disabled: this.disabled, children: o`<td class=${n({
+    const t = m(this.el), l = this.disabled || this.interactionMode === "static" && (!this.selectionCell || this.selectionCell && this.parentRowType === "foot");
+    return u({ disabled: this.disabled, children: o`<td class=${i({
       [e.footerCell]: this.parentRowType === "foot",
       [e.contentCell]: !this.numberCell && !this.selectionCell,
       [e.numberCell]: this.numberCell,
       [e.selectionCell]: this.selectionCell,
       [e.selectedCell]: this.parentRowIsSelected,
       [e.lastCell]: this.lastCell && (!this.rowSpan || this.colSpan && !!this.rowSpan),
-      [i.rtl]: t === "rtl",
+      [n.rtl]: t === "rtl",
       [e.staticCell]: l,
       [this.parentRowAlignment]: this.parentRowAlignment === "start" || this.parentRowAlignment === "end"
-    })} colSpan=${this.colSpan ?? s} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} .role=${this.interactionMode === "interactive" ? "gridcell" : "cell"} rowSpan=${this.rowSpan ?? s} .tabIndex=${l ? -1 : 0} ${r(this.containerEl)}>${(this.selectionCell || this.readCellContentsToAT) && o`<span .ariaLive=${this.focused ? "polite" : "off"} class=${n(e.assistiveText)}>${this.selectionCell && this.selectionText || ""}${this.readCellContentsToAT && !this.selectionCell && this.contentsText || ""}</span>` || ""}<slot @slotchange=${this.updateScreenReaderContentsText}></slot></td>` });
+    })} colSpan=${this.colSpan ?? s} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} .role=${this.interactionMode === "interactive" ? "gridcell" : "cell"} rowSpan=${this.rowSpan ?? s} .tabIndex=${l ? -1 : 0} ${r(this.containerEl)}>${(this.selectionCell || this.readCellContentsToAT) && o`<span .ariaLive=${this.focused ? "polite" : "off"} class=${i(e.assistiveText)}>${this.selectionCell && this.selectionText || ""}${this.readCellContentsToAT && !this.selectionCell && this.contentsText || ""}</span>` || ""}<slot @slotchange=${this.updateScreenReaderContentsText}></slot></td>` });
   }
 }
-c("calcite-table-cell", x);
+c("calcite-table-cell", C);
 export {
-  x as TableCell
+  C as TableCell
 };

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

@@ -1,16 +1,14 @@
 import { c as d } from "../../chunks/runtime.js";
-import { html as o, nothing as n } from "lit";
+import { html as i, nothing as n } from "lit";
 import { createRef as h, ref as p } from "lit-html/directives/ref.js";
-import { LitElement as u, safeClassMap as i } from "@arcgis/lumina";
-import { c as m, s as b, a as g } from "../../chunks/loadable.js";
-import { g as f } from "../../chunks/component.js";
-import { u as w } from "../../chunks/useT9n.js";
-import { css as C } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.98
-*/
+import { LitElement as u, safeClassMap as o } from "@arcgis/lumina";
+import { c as m } from "../../chunks/loadable.js";
+import { g as b } from "../../chunks/component.js";
+import { u as g } from "../../chunks/useT9n.js";
+import { css as f } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const e = {
   contentCell: "content-cell",
   numberCell: "number-cell",
@@ -29,16 +27,16 @@ const e = {
   checked: "check-square-f",
   indeterminate: "minus-square-f",
   unchecked: "square"
-}, v = C`:host{--calcite-internal-table-header-background: var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color: var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}th{white-space:normal;text-align:start;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}th:not(.static-cell){outline-color:transparent}th:not(.static-cell):not(.static-cell):focus-within{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}th:not(.center):not(.end).content-cell{vertical-align:top}th.center{vertical-align:middle}th.end.content-cell{vertical-align:bottom}th.body-row,th.footer-row{padding-block:var(--calcite-internal-table-cell-padding);border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}th.last-cell{border-inline-end:0}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.cell--multiple-selection:not(.end){vertical-align:middle}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background: var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}`;
-class R extends u {
+}, w = f`:host{--calcite-internal-table-header-background: var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color: var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}th{white-space:normal;text-align:start;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}th:not(.static-cell){outline-color:transparent}th:not(.static-cell):not(.static-cell):focus-within{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}th:not(.center):not(.end).content-cell{vertical-align:top}th.center{vertical-align:middle}th.end.content-cell{vertical-align:bottom}th.body-row,th.footer-row{padding-block:var(--calcite-internal-table-cell-padding);border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}th.last-cell{border-inline-end:0}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.cell--multiple-selection:not(.end){vertical-align:middle}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background: var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}`;
+class C extends u {
   constructor() {
-    super(...arguments), this.containerEl = h(), this.focused = !1, this.screenReaderText = "", this.alignment = "start", this.interactionMode = "interactive", this.messages = w({ blocking: !0 }), this.numberCell = !1, this.parentRowAlignment = "start", this.selectionCell = !1;
+    super(...arguments), this.containerEl = h(), this.focused = !1, this.screenReaderText = "", this.alignment = "start", this.interactionMode = "interactive", this.messages = g({ blocking: !0 }), this.numberCell = !1, this.parentRowAlignment = "start", this.selectionCell = !1;
   }
   static {
     this.properties = { focused: 16, screenReaderText: 16, alignment: 3, bodyRowCount: 9, colSpan: 11, description: 3, heading: 3, interactionMode: 1, lastCell: 5, messageOverrides: 0, numberCell: 5, parentRowAlignment: 1, parentRowIsSelected: 5, parentRowType: 1, positionInRow: 9, rowSpan: 11, scale: 1, selectedRowCount: 9, selectedRowCountLocalized: 1, selectionCell: 5, selectionMode: 1 };
   }
   static {
-    this.styles = v;
+    this.styles = w;
   }
   // #endregion
   // #region Public Methods
@@ -49,13 +47,12 @@ class R extends u {
   // #endregion
   // #region Lifecycle
   async load() {
-    b(this), this.updateScreenReaderText();
+    this.updateScreenReaderText();
   }
   willUpdate(t) {
     (t.has("selectedRowCount") || t.has("selectedRowCountLocalized")) && this.updateScreenReaderText();
   }
   loaded() {
-    g(this);
   }
   // #endregion
   // #region Private Methods
@@ -74,7 +71,7 @@ class R extends u {
   // #region Rendering
   render() {
     const t = this.rowSpan ? "rowgroup" : this.colSpan ? "colgroup" : this.parentRowType === "body" ? "row" : "col", l = this.selectedRowCount === this.bodyRowCount, s = this.selectedRowCount > 0, r = l ? c.checked : s ? c.indeterminate : c.unchecked, a = this.interactionMode === "static" && !this.selectionCell;
-    return o`<th .ariaColIndex=${this.parentRowType === "head" ? this.positionInRow : void 0} class=${i({
+    return i`<th .ariaColIndex=${this.parentRowType === "head" ? this.positionInRow : void 0} class=${o({
       [e.bodyRow]: this.parentRowType === "body",
       [e.footerRow]: this.parentRowType === "foot",
       [e.contentCell]: !this.numberCell && !this.selectionCell,
@@ -85,10 +82,10 @@ class R extends u {
       [e.staticCell]: a,
       [e.lastCell]: this.lastCell && (!this.rowSpan || this.colSpan && !!this.rowSpan),
       [this.parentRowAlignment]: this.parentRowAlignment === "center" || this.parentRowAlignment === "end"
-    })} colSpan=${this.colSpan ?? n} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} .role=${this.parentRowType === "head" ? "columnheader" : "rowheader"} rowSpan=${this.rowSpan ?? n} scope=${t ?? n} .tabIndex=${this.selectionCell ? 0 : a ? -1 : 0} ${p(this.containerEl)}>${this.heading && o`<div class=${i(e.heading)}>${this.heading}</div>` || ""}${this.description && o`<div class=${i(e.description)}>${this.description}</div>` || ""}${this.selectionCell && this.selectionMode === "multiple" && o`<calcite-icon class=${i({ [e.active]: s || l })} .icon=${r} .scale=${f(this.scale)}></calcite-icon>` || ""}${(this.selectionCell || this.numberCell) && o`<span .ariaLive=${this.focused ? "polite" : "off"} class=${i(e.assistiveText)}>${this.screenReaderText}</span>` || ""}</th>`;
+    })} colSpan=${this.colSpan ?? n} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} .role=${this.parentRowType === "head" ? "columnheader" : "rowheader"} rowSpan=${this.rowSpan ?? n} scope=${t ?? n} .tabIndex=${this.selectionCell ? 0 : a ? -1 : 0} ${p(this.containerEl)}>${this.heading && i`<div class=${o(e.heading)}>${this.heading}</div>` || ""}${this.description && i`<div class=${o(e.description)}>${this.description}</div>` || ""}${this.selectionCell && this.selectionMode === "multiple" && i`<calcite-icon class=${o({ [e.active]: s || l })} .icon=${r} .scale=${b(this.scale)}></calcite-icon>` || ""}${(this.selectionCell || this.numberCell) && i`<span .ariaLive=${this.focused ? "polite" : "off"} class=${o(e.assistiveText)}>${this.screenReaderText}</span>` || ""}</th>`;
   }
 }
-d("calcite-table-header", R);
+d("calcite-table-header", C);
 export {
-  R as TableHeader
+  C as TableHeader
 };

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

@@ -9,26 +9,24 @@ import { i as R } from "../../chunks/key.js";
 import { u as C, I as y } from "../../chunks/interactive.js";
 import { g } from "../../chunks/component.js";
 import { css as T } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.98
-*/
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const $ = {
   lastVisibleRow: "last-visible-row"
-}, S = T`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-row-background: var(--calcite-table-row-background, var(--calcite-color-foreground-1));--calcite-internal-table-row-border-color: var(--calcite-table-row-border-color, transparent);display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}tr{border-block-end:1px solid var(--calcite-internal-table-row-border-color);background-color:var(--calcite-internal-table-row-background)}tr.last-visible-row{border-block-end:0}`;
+}, S = T`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-row-background: var(--calcite-table-row-background, var(--calcite-color-foreground-1));--calcite-internal-table-row-border-color: var(--calcite-table-row-border-color, transparent);display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}tr{border-block-end:1px solid var(--calcite-internal-table-row-border-color);background-color:var(--calcite-internal-table-row-background)}tr.last-visible-row{border-block-end:0}@-moz-document url-prefix(){tr{box-shadow:inset 0 -1px 0 0 var(--calcite-internal-table-row-border-color)}tr.last-visible-row{box-shadow:inset 0 -1px 0 0 transparent}}:host([item-hidden]){display:none}`;
 class A extends w {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.rowCells = [], this.tableRowSlotEl = m(), this.disabled = !1, this.interactionMode = "interactive", this.numbered = !1, this.selected = !1, this.selectionMode = "none", this.calciteInternalTableRowFocusRequest = r({ cancelable: !1 }), this.calciteInternalTableRowSelect = r({ cancelable: !1 }), this.calciteTableRowSelect = r({ cancelable: !1 }), this.handleSelectionOfRow = () => {
+    super(), this.rowCells = [], this.tableRowSlotEl = m(), this.itemHidden = !1, this.disabled = !1, this.interactionMode = "interactive", this.numbered = !1, this.selected = !1, this.selectionMode = "none", this.calciteInternalTableRowFocusRequest = r({ cancelable: !1 }), this.calciteInternalTableRowSelect = r({ cancelable: !1 }), this.calciteTableRowSelect = r({ cancelable: !1 }), this.handleSelectionOfRow = () => {
       (this.rowType === "body" || this.rowType === "head" && this.selectionMode === "multiple") && this.calciteTableRowSelect.emit();
     }, this.handleKeyboardSelection = (e) => {
       R(e.key) && (e.key === " " && e.preventDefault(), this.handleSelectionOfRow());
     }, this.listenOn(document, "calciteInternalTableRowFocusChange", this.calciteInternalTableRowFocusChangeHandler);
   }
   static {
-    this.properties = { alignment: 3, bodyRowCount: 9, cellCount: 9, disabled: 7, interactionMode: 1, lastVisibleRow: 5, numbered: 5, positionAll: 9, positionSection: 9, positionSectionLocalized: 1, readCellContentsToAT: 5, rowType: 1, scale: 1, selected: 7, selectedRowCount: 9, selectedRowCountLocalized: 1, selectionMode: 1 };
+    this.properties = { alignment: 3, itemHidden: 7, bodyRowCount: 9, cellCount: 9, disabled: 7, interactionMode: 1, lastVisibleRow: 5, numbered: 5, positionAll: 9, positionSection: 9, positionSectionLocalized: 1, readCellContentsToAT: 5, rowType: 1, scale: 1, selected: 7, selectedRowCount: 9, selectedRowCountLocalized: 1, selectionMode: 1 };
   }
   static {
     this.styles = S;

package/dist/components/calcite-tabs/customElement.js

@@ -4,11 +4,9 @@ import { html as n } from "lit";
 import { LitElement as h } from "@arcgis/lumina";
 import { s as b, e as p } from "../../chunks/dom.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.98
-*/
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const f = {
   titleGroup: "title-group"
 }, u = m`:host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1),inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][scale=s]) section{padding:.75rem}:host([bordered][scale=m]) section{padding:.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}`;

package/dist/components/calcite-text-area/customElement.d.ts

@@ -39,7 +39,12 @@ export declare class TextArea extends LitElement {
     /** Accessible name for the component. */
     label: string;
     /**
-     * Specifies the maximum number of characters allowed.
+     * When `true`, prevents input beyond the maximum length, mimicking native `<textarea>` behavior.
+     */
+    limitText: boolean;
+    /**
+     * When the component resides in a form,
+     * specifies the maximum number of characters allowed.
      *
      * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)
      */
@@ -61,7 +66,8 @@ export declare class TextArea extends LitElement {
         tooShort: string;
     }>;
     /**
-     * Specifies the minimum number of characters allowed.
+     * When the component resides in a form,
+     * specifies the minimum number of characters allowed.
      *
      * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-minlength)
      */
@@ -87,7 +93,8 @@ export declare class TextArea extends LitElement {
      */
     readOnly: boolean;
     /**
-     * When `true`, the component must have a value in order for the form to submit.
+     * When `true` and the component resides in a form,
+     * the component must have a value in order for the form to submit.
      *
      * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
      */