@govtechsg/sgds-web-component 3.27.0-rc.0 → 3.27.0-rc.1

package/components/DataTable/sgds-data-table-cell.d.ts

@@ -6,10 +6,10 @@ import SgdsElement from "../../base/sgds-element";
  */
 export declare class SgdsDataTableCell extends SgdsElement {
     static styles: import("lit").CSSResult[];
-    /** Number of columns this cell spans. */
-    colspan: number | undefined;
-    /** Number of rows this cell spans. */
-    rowspan: number | undefined;
+    /** @internal Number of columns this cell spans. */
+    colSpan: number | undefined;
+    /** @internal Number of rows this cell spans. */
+    rowSpan: number | undefined;
     render(): import("lit").TemplateResult<1>;
 }
 export default SgdsDataTableCell;

package/components/DataTable/sgds-data-table-cell.js

@@ -22,11 +22,11 @@ SgdsDataTableCell.styles = [
     `
 ];
 __decorate([
-    property({ type: Number, reflect: true })
-], SgdsDataTableCell.prototype, "colspan", void 0);
+    property({ type: Number })
+], SgdsDataTableCell.prototype, "colSpan", void 0);
 __decorate([
-    property({ type: Number, reflect: true })
-], SgdsDataTableCell.prototype, "rowspan", void 0);
+    property({ type: Number })
+], SgdsDataTableCell.prototype, "rowSpan", void 0);
 
 export { SgdsDataTableCell, SgdsDataTableCell as default };
 //# sourceMappingURL=sgds-data-table-cell.js.map

package/components/DataTable/sgds-data-table-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgds-data-table-cell.js","sources":["../../../src/components/DataTable/sgds-data-table-cell.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { property } from \"lit/decorators.js\";\n\n/**\n * @summary Data container for a table cell. Rendered as a `<td>` by the parent `sgds-data-table-row`.\n *\n * @slot default - Content to display inside the cell.\n */\nexport class SgdsDataTableCell extends SgdsElement {\n  static styles = [\n    ...SgdsElement.styles,\n    css`\n      :host {\n        display: contents;\n      }\n    `\n  ];\n\n  /** Number of columns this cell spans. */\n  @property({ type: Number, reflect: true }) colspan: number | undefined;\n\n  /** Number of rows this cell spans. */\n  @property({ type: Number, reflect: true }) rowspan: number | undefined;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport default SgdsDataTableCell;\n"],"names":[],"mappings":";;;;;AAIA;;;;AAIG;AACG,MAAO,iBAAkB,SAAQ,WAAW,CAAA;IAgBhD,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,aAAA,CAAe,CAAC;KAC5B;;AAjBM,iBAAA,CAAA,MAAM,GAAG;IACd,GAAG,WAAW,CAAC,MAAM;AACrB,IAAA,GAAG,CAAA,CAAA;;;;AAIF,IAAA,CAAA;CACF,CAAC;AAGyC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"sgds-data-table-cell.js","sources":["../../../src/components/DataTable/sgds-data-table-cell.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { property } from \"lit/decorators.js\";\n\n/**\n * @summary Data container for a table cell. Rendered as a `<td>` by the parent `sgds-data-table-row`.\n *\n * @slot default - Content to display inside the cell.\n */\nexport class SgdsDataTableCell extends SgdsElement {\n  static styles = [\n    ...SgdsElement.styles,\n    css`\n      :host {\n        display: contents;\n      }\n    `\n  ];\n\n  /** @internal Number of columns this cell spans. */\n  @property({ type: Number }) colSpan: number | undefined;\n\n  /** @internal Number of rows this cell spans. */\n  @property({ type: Number }) rowSpan: number | undefined;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport default SgdsDataTableCell;\n"],"names":[],"mappings":";;;;;AAIA;;;;AAIG;AACG,MAAO,iBAAkB,SAAQ,WAAW,CAAA;IAgBhD,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,aAAA,CAAe,CAAC;KAC5B;;AAjBM,iBAAA,CAAA,MAAM,GAAG;IACd,GAAG,WAAW,CAAC,MAAM;AACrB,IAAA,GAAG,CAAA,CAAA;;;;AAIF,IAAA,CAAA;CACF,CAAC;AAG0B,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

package/components/DataTable/sgds-data-table-head.d.ts

@@ -9,14 +9,14 @@ export declare class SgdsDataTableHead extends SgdsElement {
     static styles: import("lit").CSSResult[];
     /** Sets the column width. */
     width: string | undefined;
-    /** Number of columns this cell spans. */
-    colspan: number | undefined;
-    /** Number of rows this cell spans. */
-    rowspan: number | undefined;
+    /** @internal Number of columns this cell spans. */
+    colSpan: number | undefined;
+    /** @internal Number of rows this cell spans. */
+    rowSpan: number | undefined;
     /** Text alignment for the header content. */
     textAlign: "left" | "right";
     /** Current sort direction for this column. */
-    ariasort: "ascending" | "descending" | "none" | "other" | undefined;
+    sortDirection: "ascending" | "descending" | "none" | "other" | undefined;
     /** When true, clicking this header cycles through ascending → descending → none sort. */
     sorting: boolean;
     /** Column key emitted in the row's internal sort payload, used to identify which column to sort. */

package/components/DataTable/sgds-data-table-head.js

@@ -23,8 +23,8 @@ class SgdsDataTableHead extends SgdsElement {
     handleSortClick() {
         if (!this.sorting)
             return;
-        const next = this.ariasort === "ascending" ? "descending" : this.ariasort === "descending" ? "none" : "ascending";
-        this.ariasort = next;
+        const next = this.sortDirection === "ascending" ? "descending" : this.sortDirection === "descending" ? "none" : "ascending";
+        this.sortDirection = next;
         this.emit("i-sgds-sort", {
             detail: { key: this.sortKey, direction: next },
             bubbles: true,
@@ -47,17 +47,17 @@ __decorate([
     property({ type: String, reflect: true })
 ], SgdsDataTableHead.prototype, "width", void 0);
 __decorate([
-    property({ type: Number, reflect: true })
-], SgdsDataTableHead.prototype, "colspan", void 0);
+    property({ type: Number })
+], SgdsDataTableHead.prototype, "colSpan", void 0);
 __decorate([
-    property({ type: Number, reflect: true })
-], SgdsDataTableHead.prototype, "rowspan", void 0);
+    property({ type: Number })
+], SgdsDataTableHead.prototype, "rowSpan", void 0);
 __decorate([
     property({ type: String, reflect: true })
 ], SgdsDataTableHead.prototype, "textAlign", void 0);
 __decorate([
     property({ type: String, reflect: true })
-], SgdsDataTableHead.prototype, "ariasort", void 0);
+], SgdsDataTableHead.prototype, "sortDirection", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], SgdsDataTableHead.prototype, "sorting", void 0);

package/components/DataTable/sgds-data-table-head.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgds-data-table-head.js","sources":["../../../src/components/DataTable/sgds-data-table-head.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { property } from \"lit/decorators.js\";\n\n/**\n * @summary Data container for a table header cell. Rendered as a `<th>` by the parent `sgds-data-table-row`.\n *\n * @slot default - Content to display inside the header cell.\n *\n */\nexport class SgdsDataTableHead extends SgdsElement {\n  static styles = [\n    ...SgdsElement.styles,\n    css`\n      :host {\n        display: contents;\n      }\n    `\n  ];\n\n  /** Sets the column width. */\n  @property({ type: String, reflect: true }) width: string | undefined;\n\n  /** Number of columns this cell spans. */\n  @property({ type: Number, reflect: true }) colspan: number | undefined;\n\n  /** Number of rows this cell spans. */\n  @property({ type: Number, reflect: true }) rowspan: number | undefined;\n\n  /** Text alignment for the header content. */\n  @property({ type: String, reflect: true }) textAlign: \"left\" | \"right\" = \"left\";\n\n  /** Current sort direction for this column. */\n  @property({ type: String, reflect: true }) ariasort: \"ascending\" | \"descending\" | \"none\" | \"other\" | undefined;\n\n  /** When true, clicking this header cycles through ascending → descending → none sort. */\n  @property({ type: Boolean, reflect: true }) sorting = false;\n\n  /** Column key emitted in the row's internal sort payload, used to identify which column to sort. */\n  @property({ type: String, reflect: true }) sortKey = \"\";\n\n  /** @internal — called by the row when the rendered `<th>` is clicked. */\n  handleSortClick() {\n    if (!this.sorting) return;\n    const next = this.ariasort === \"ascending\" ? \"descending\" : this.ariasort === \"descending\" ? \"none\" : \"ascending\";\n    this.ariasort = next;\n    this.emit(\"i-sgds-sort\", {\n      detail: { key: this.sortKey, direction: next },\n      bubbles: true,\n      composed: true\n    });\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport default SgdsDataTableHead;\n"],"names":[],"mappings":";;;;;AAIA;;;;;AAKG;AACG,MAAO,iBAAkB,SAAQ,WAAW,CAAA;AAAlD,IAAA,WAAA,GAAA;;;QAoB6C,IAAS,CAAA,SAAA,GAAqB,MAAM,CAAC;;QAMpC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;;QAGjB,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;KAiBzD;;IAdC,eAAe,GAAA;QACb,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,KAAK,WAAW,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ,KAAK,YAAY,GAAG,MAAM,GAAG,WAAW,CAAC;AAClH,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE;AAC9C,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CAAC;KACJ;IAED,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,aAAA,CAAe,CAAC;KAC5B;;AA5CM,iBAAA,CAAA,MAAM,GAAG;IACd,GAAG,WAAW,CAAC,MAAM;AACrB,IAAA,GAAG,CAAA,CAAA;;;;AAIF,IAAA,CAAA;AACF,CAPY,CAOX;AAGyC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA2B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG1B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAsC,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAqE,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGnE,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAiB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGjB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAc,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"sgds-data-table-head.js","sources":["../../../src/components/DataTable/sgds-data-table-head.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { property } from \"lit/decorators.js\";\n\n/**\n * @summary Data container for a table header cell. Rendered as a `<th>` by the parent `sgds-data-table-row`.\n *\n * @slot default - Content to display inside the header cell.\n *\n */\nexport class SgdsDataTableHead extends SgdsElement {\n  static styles = [\n    ...SgdsElement.styles,\n    css`\n      :host {\n        display: contents;\n      }\n    `\n  ];\n\n  /** Sets the column width. */\n  @property({ type: String, reflect: true }) width: string | undefined;\n\n  /** @internal Number of columns this cell spans. */\n  @property({ type: Number }) colSpan: number | undefined;\n\n  /** @internal Number of rows this cell spans. */\n  @property({ type: Number }) rowSpan: number | undefined;\n\n  /** Text alignment for the header content. */\n  @property({ type: String, reflect: true }) textAlign: \"left\" | \"right\" = \"left\";\n\n  /** Current sort direction for this column. */\n  @property({ type: String, reflect: true }) sortDirection: \"ascending\" | \"descending\" | \"none\" | \"other\" | undefined;\n\n  /** When true, clicking this header cycles through ascending → descending → none sort. */\n  @property({ type: Boolean, reflect: true }) sorting = false;\n\n  /** Column key emitted in the row's internal sort payload, used to identify which column to sort. */\n  @property({ type: String, reflect: true }) sortKey = \"\";\n\n  /** @internal — called by the row when the rendered `<th>` is clicked. */\n  handleSortClick() {\n    if (!this.sorting) return;\n    const next =\n      this.sortDirection === \"ascending\" ? \"descending\" : this.sortDirection === \"descending\" ? \"none\" : \"ascending\";\n    this.sortDirection = next;\n    this.emit(\"i-sgds-sort\", {\n      detail: { key: this.sortKey, direction: next },\n      bubbles: true,\n      composed: true\n    });\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport default SgdsDataTableHead;\n"],"names":[],"mappings":";;;;;AAIA;;;;;AAKG;AACG,MAAO,iBAAkB,SAAQ,WAAW,CAAA;AAAlD,IAAA,WAAA,GAAA;;;QAoB6C,IAAS,CAAA,SAAA,GAAqB,MAAM,CAAC;;QAMpC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;;QAGjB,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;KAkBzD;;IAfC,eAAe,GAAA;QACb,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,MAAM,IAAI,GACR,IAAI,CAAC,aAAa,KAAK,WAAW,GAAG,YAAY,GAAG,IAAI,CAAC,aAAa,KAAK,YAAY,GAAG,MAAM,GAAG,WAAW,CAAC;AACjH,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE;AAC9C,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CAAC;KACJ;IAED,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,aAAA,CAAe,CAAC;KAC5B;;AA7CM,iBAAA,CAAA,MAAM,GAAG;IACd,GAAG,WAAW,CAAC,MAAM;AACrB,IAAA,GAAG,CAAA,CAAA;;;;AAIF,IAAA,CAAA;AACF,CAPY,CAOX;AAGyC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA2B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGzC,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGb,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAsC,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA0E,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGxE,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAiB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGjB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAc,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

package/components/DataTable/sgds-data-table-row.js

@@ -165,9 +165,9 @@ class SgdsDataTableRow extends SgdsElement {
         if (el instanceof SgdsDataTableHead) {
             return html `<th
         width=${ifDefined(el.width)}
-        colspan=${ifDefined(el.colspan)}
-        rowspan=${ifDefined(el.rowspan)}
-        aria-sort=${ifDefined(el.ariasort)}
+        colspan=${ifDefined(el.colSpan)}
+        rowspan=${ifDefined(el.rowSpan)}
+        aria-sort=${ifDefined(el.sortDirection)}
         scope="col"
         tabindex=${ifDefined(el.sorting ? "0" : undefined)}
         ?data-sorting=${el.sorting}
@@ -180,13 +180,13 @@ class SgdsDataTableRow extends SgdsElement {
                 ? html `
                 <button
                   type="button"
-                  class="sort-button ${el.ariasort === "none" ? "" : "active"}"
-                  aria-label=${el.ariasort === "descending" ? "Sort descending" : "Sort ascending"}
+                  class="sort-button ${el.sortDirection === "none" ? "" : "active"}"
+                  aria-label=${el.sortDirection === "descending" ? "Sort descending" : "Sort ascending"}
                   ?disabled=${!this.hasDataRows}
                 >
                   <sgds-icon
                     class="sort-icon"
-                    name=${el.ariasort === "descending" ? "sort-descending" : "sort-ascending"}
+                    name=${el.sortDirection === "descending" ? "sort-descending" : "sort-ascending"}
                     size="sm"
                   ></sgds-icon>
                 </button>
@@ -196,7 +196,7 @@ class SgdsDataTableRow extends SgdsElement {
       </th>`;
         }
         const cellAlignment = (_a = this.columnAlignments[columnIndex]) !== null && _a !== void 0 ? _a : "left";
-        return html `<td colspan=${ifDefined(el.colspan)} rowspan=${ifDefined(el.rowspan)}>
+        return html `<td colspan=${ifDefined(el.colSpan)} rowspan=${ifDefined(el.rowSpan)}>
       <div class="data-table-cell ${cellAlignment === "right" ? "align-right" : "align-left"}">
         ${slotName ? html `<slot name=${slotName}></slot>` : nothing}
       </div>
@@ -244,7 +244,7 @@ class SgdsDataTableRow extends SgdsElement {
             let visualColumnIndex = 0;
             return cells.map(el => {
                 const renderedCell = this._renderCell(el, visualColumnIndex);
-                const span = Number(el.colspan) > 0 ? Number(el.colspan) : 1;
+                const span = Number(el.colSpan) > 0 ? Number(el.colSpan) : 1;
                 visualColumnIndex += span;
                 return renderedCell;
             });

package/components/DataTable/sgds-data-table-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgds-data-table-row.js","sources":["../../../src/components/DataTable/sgds-data-table-row.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { property, query, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { SgdsCheckbox } from \"../Checkbox/sgds-checkbox\";\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from \"../../utils/animate\";\nimport { getAnimation, setDefaultAnimation } from \"../../utils/animation-registry\";\nimport { waitForEvent } from \"../../utils/event\";\nimport { watch } from \"../../utils/watch\";\nimport tableRowStyle from \"./data-table.css\";\nimport SgdsDataTableCell from \"./sgds-data-table-cell\";\nimport SgdsDataTableHead from \"./sgds-data-table-head\";\nimport { SgdsIcon } from \"../Icon/sgds-icon\";\n\n/**\n * @summary A data table row. Set `expand` to enable an expandable content area beneath\n * the row, then place detail content in the `content` slot.\n *\n * @slot default - Insert `sgds-data-table-cell` or `sgds-data-table-head` elements.\n * @slot content - Content shown in the animated expand area beneath the row.\n *\n * @event sgds-show - Emitted when the expandable row begins to open.\n * @event sgds-after-show - Emitted after the expandable row open animation completes.\n * @event sgds-hide - Emitted when the expandable row begins to close.\n * @event sgds-after-hide - Emitted after the expandable row close animation completes.\n */\nexport class SgdsDataTableRow extends SgdsElement {\n  static styles = [...SgdsElement.styles, tableRowStyle];\n\n  /** @internal */\n  static dependencies = {\n    \"sgds-checkbox\": SgdsCheckbox,\n    \"sgds-data-table-cell\": SgdsDataTableCell,\n    \"sgds-data-table-head\": SgdsDataTableHead,\n    \"sgds-icon\": SgdsIcon\n  };\n\n  /** Arbitrary data associated with this row. Returned in event detail on row selection. */\n  @property({ type: Object, reflect: true }) rowData: Record<string, unknown> = {};\n\n  /** When true, the row has an expandable content area toggled by a chevron. */\n  @property({ type: Boolean, reflect: true }) expand = false;\n\n  /** When true, the expandable content area is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** When true, the row is checked. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** @internal — set by `sgds-data-table` to show a checkbox cell on this row. */\n  @property({ type: Boolean }) showCheckbox = false;\n\n  /** @internal — set by `sgds-data-table` when at least one sibling row is expandable. */\n  @property({ type: Boolean }) showExpandPlaceholder = false;\n\n  /** @internal — per-column alignment injected by `sgds-data-table` from header cells. */\n  @property({ attribute: false }) columnAlignments: Array<\"left\" | \"right\"> = [];\n  /** @internal — set by `sgds-data-table` to indicate whether body rows exist. */\n  @property({ type: Boolean }) hasDataRows = false;\n\n  /** @internal */\n  @query(\".expandable-body\") private _expandableBody!: HTMLElement;\n\n  /** @internal */\n  @query(\"sgds-checkbox\") private _checkboxEl!: SgdsCheckbox;\n\n  @state() private _isHeaderRow = false;\n  private _cellSlotNames = new WeakMap<SgdsDataTableCell | SgdsDataTableHead, string>();\n  private _lightDomObserver?: MutationObserver;\n\n  /** The checkbox rendered inside this row, if `showCheckbox` is true. */\n  get checkbox(): SgdsCheckbox | null {\n    return this._checkboxEl ?? null;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._lightDomObserver = new MutationObserver(() => this._handleLightDomChange());\n    this._lightDomObserver.observe(this, { childList: true });\n    this._handleLightDomChange();\n  }\n\n  disconnectedCallback() {\n    this._lightDomObserver?.disconnect();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    if (this._expandableBody) {\n      this._expandableBody.hidden = !this.open;\n    }\n  }\n\n  @watch(\"open\", { waitUntilFirstUpdate: true })\n  async handleExpandedChange() {\n    if (this.open) {\n      const sgdsShow = this.emit(\"sgds-show\", { cancelable: true });\n      if (sgdsShow.defaultPrevented) {\n        this.open = false;\n        return;\n      }\n      await stopAnimations(this._expandableBody);\n      this._expandableBody.hidden = false;\n      const { keyframes, options } = getAnimation(this, \"row.expand.show\");\n      await animateTo(\n        this._expandableBody,\n        shimKeyframesHeightAuto(keyframes, this._expandableBody.scrollHeight),\n        options\n      );\n      this.emit(\"sgds-after-show\");\n    } else {\n      const sgdsHide = this.emit(\"sgds-hide\", { cancelable: true });\n      if (sgdsHide.defaultPrevented) {\n        this.open = true;\n        return;\n      }\n      await stopAnimations(this._expandableBody);\n      const { keyframes, options } = getAnimation(this, \"row.expand.hide\");\n      await animateTo(\n        this._expandableBody,\n        shimKeyframesHeightAuto(keyframes, this._expandableBody.scrollHeight),\n        options\n      );\n      this._expandableBody.hidden = true;\n      this.emit(\"sgds-after-hide\");\n    }\n  }\n\n  @watch(\"checked\")\n  async handleCheckedChange() {\n    if (this.checked) {\n      this.emit(\"i-sgds-change\", { detail: { checked: true } });\n    }\n  }\n\n  /** Opens the expandable content area. */\n  public async show() {\n    if (this.open) return;\n    this.open = true;\n    return waitForEvent(this, \"sgds-after-show\");\n  }\n\n  /** Closes the expandable content area. */\n  public async hide() {\n    if (!this.open) return;\n    this.open = false;\n    return waitForEvent(this, \"sgds-after-hide\");\n  }\n\n  /** @internal — returns visible text content for a body cell by visual column index. */\n  public getCellText(columnIndex: number) {\n    const cells = this._getCells().filter(cell => cell instanceof SgdsDataTableCell) as SgdsDataTableCell[];\n    const cell = cells[columnIndex];\n    if (!cell) return \"\";\n    return (cell.textContent ?? \"\").trim();\n  }\n\n  private _getCells() {\n    return Array.from(this.children).filter(\n      child => child instanceof SgdsDataTableCell || child instanceof SgdsDataTableHead\n    ) as Array<SgdsDataTableCell | SgdsDataTableHead>;\n  }\n\n  private _syncCellSlots(cells: Array<SgdsDataTableCell | SgdsDataTableHead>) {\n    cells.forEach(cell => {\n      const index = cells.indexOf(cell);\n      const slotName = `cell-${index}`;\n      this._cellSlotNames.set(cell, slotName);\n      if (cell.getAttribute(\"slot\") !== slotName) {\n        cell.setAttribute(\"slot\", slotName);\n      }\n    });\n  }\n\n  private _handleLightDomChange() {\n    const cells = this._getCells();\n    this._syncCellSlots(cells);\n    this._isHeaderRow = cells.some(cell => cell instanceof SgdsDataTableHead);\n    this.requestUpdate();\n  }\n\n  private _onCheckboxChange(e: CustomEvent) {\n    this.emit(\"i-sgds-change\", { detail: { checked: (e.target as SgdsCheckbox).checked } });\n  }\n\n  private _toggleExpand() {\n    this.open ? this.hide() : this.show();\n  }\n\n  private _onExpandKeyDown(e: KeyboardEvent) {\n    if (e.key !== \"Enter\") return;\n    e.preventDefault();\n    this._toggleExpand();\n  }\n\n  private _onSortKeyDown(e: KeyboardEvent, header: SgdsDataTableHead) {\n    if (e.key !== \"Enter\") return;\n    e.preventDefault();\n    header.handleSortClick();\n  }\n\n  private _renderCell(el: SgdsDataTableCell | SgdsDataTableHead, columnIndex: number) {\n    const slotName = this._cellSlotNames.get(el);\n\n    if (el instanceof SgdsDataTableHead) {\n      return html`<th\n        width=${ifDefined(el.width)}\n        colspan=${ifDefined(el.colspan)}\n        rowspan=${ifDefined(el.rowspan)}\n        aria-sort=${ifDefined(el.ariasort)}\n        scope=\"col\"\n        tabindex=${ifDefined(el.sorting ? \"0\" : undefined)}\n        ?data-sorting=${el.sorting}\n        @click=${el.sorting ? () => el.handleSortClick() : nothing}\n        @keydown=${el.sorting ? (e: KeyboardEvent) => this._onSortKeyDown(e, el) : nothing}\n      >\n        <div class=\"data-table-head ${el.textAlign === \"right\" ? \"align-right\" : \"align-left\"}\">\n          ${slotName ? html`<slot name=${slotName}></slot>` : nothing}\n          ${el.sorting\n            ? html`\n                <button\n                  type=\"button\"\n                  class=\"sort-button ${el.ariasort === \"none\" ? \"\" : \"active\"}\"\n                  aria-label=${el.ariasort === \"descending\" ? \"Sort descending\" : \"Sort ascending\"}\n                  ?disabled=${!this.hasDataRows}\n                >\n                  <sgds-icon\n                    class=\"sort-icon\"\n                    name=${el.ariasort === \"descending\" ? \"sort-descending\" : \"sort-ascending\"}\n                    size=\"sm\"\n                  ></sgds-icon>\n                </button>\n              `\n            : nothing}\n        </div>\n      </th>`;\n    }\n\n    const cellAlignment = this.columnAlignments[columnIndex] ?? \"left\";\n    return html`<td colspan=${ifDefined(el.colspan)} rowspan=${ifDefined(el.rowspan)}>\n      <div class=\"data-table-cell ${cellAlignment === \"right\" ? \"align-right\" : \"align-left\"}\">\n        ${slotName ? html`<slot name=${slotName}></slot>` : nothing}\n      </div>\n    </td>`;\n  }\n\n  private _renderExpandCell() {\n    if (this._isHeaderRow) {\n      return html`<th class=\"control-cell\" scope=\"col\"></th>`;\n    }\n\n    return html`<td class=\"control-cell\" @click=${this._toggleExpand} @keydown=${this._onExpandKeyDown} tabindex=\"0\">\n      <div class=\"data-table-cell expand-cell\">\n        <sgds-icon name=${this.open ? \"chevron-up\" : \"chevron-down\"} size=\"md\"></sgds-icon>\n      </div>\n    </td>`;\n  }\n\n  private _renderExpandPlaceholder() {\n    return this._isHeaderRow ? html`<th class=\"control-cell\" scope=\"col\"></th>` : html`<td class=\"control-cell\"></td>`;\n  }\n\n  private _renderCheckboxCell() {\n    return this._isHeaderRow\n      ? html`<th class=\"control-cell\" scope=\"col\">\n          <div class=\"data-table-cell checkbox-cell\">\n            <sgds-checkbox .checked=${this.checked} @sgds-change=${this._onCheckboxChange}></sgds-checkbox>\n          </div>\n        </th>`\n      : html`<td class=\"control-cell\">\n          <div class=\"data-table-cell checkbox-cell\">\n            <sgds-checkbox .checked=${this.checked} @sgds-change=${this._onCheckboxChange}></sgds-checkbox>\n          </div>\n        </td>`;\n  }\n\n  render() {\n    const cells = this._getCells();\n    const totalCols = cells.length + (this.showCheckbox ? 1 : 0) + (this.expand || this.showExpandPlaceholder ? 1 : 0);\n    const rowPart = this._isHeaderRow ? \"row row-header\" : \"row row-body\";\n\n    return html`\n      <tr part=${rowPart} ?data-header-row=${this._isHeaderRow} class=${this.open ? \"active\" : \"\"}>\n        ${this.expand\n          ? this._renderExpandCell()\n          : this.showExpandPlaceholder\n          ? this._renderExpandPlaceholder()\n          : nothing}\n        ${this.showCheckbox ? this._renderCheckboxCell() : nothing}\n        ${(() => {\n          let visualColumnIndex = 0;\n          return cells.map(el => {\n            const renderedCell = this._renderCell(el, visualColumnIndex);\n            const span = Number(el.colspan) > 0 ? Number(el.colspan) : 1;\n            visualColumnIndex += span;\n            return renderedCell;\n          });\n        })()}\n      </tr>\n\n      ${this.expand\n        ? html`\n            <tr class=\"expandable-row\">\n              <td colspan=${totalCols} class=\"expandable-td\">\n                <div class=\"expandable-body\">\n                  <div class=\"expandable-content\">\n                    <slot name=\"content\"></slot>\n                  </div>\n                </div>\n              </td>\n            </tr>\n          `\n        : nothing}\n    `;\n  }\n}\n\nsetDefaultAnimation(\"row.expand.show\", {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"auto\", opacity: \"1\" }\n  ],\n  options: { duration: 250, easing: \"ease-in-out\" }\n});\n\nsetDefaultAnimation(\"row.expand.hide\", {\n  keyframes: [\n    { height: \"auto\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" }\n  ],\n  options: { duration: 250, easing: \"ease-in-out\" }\n});\n\nexport default SgdsDataTableRow;\n"],"names":["tableRowStyle"],"mappings":"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"}
+{"version":3,"file":"sgds-data-table-row.js","sources":["../../../src/components/DataTable/sgds-data-table-row.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { property, query, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { SgdsCheckbox } from \"../Checkbox/sgds-checkbox\";\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from \"../../utils/animate\";\nimport { getAnimation, setDefaultAnimation } from \"../../utils/animation-registry\";\nimport { waitForEvent } from \"../../utils/event\";\nimport { watch } from \"../../utils/watch\";\nimport tableRowStyle from \"./data-table.css\";\nimport SgdsDataTableCell from \"./sgds-data-table-cell\";\nimport SgdsDataTableHead from \"./sgds-data-table-head\";\nimport { SgdsIcon } from \"../Icon/sgds-icon\";\n\n/**\n * @summary A data table row. Set `expand` to enable an expandable content area beneath\n * the row, then place detail content in the `content` slot.\n *\n * @slot default - Insert `sgds-data-table-cell` or `sgds-data-table-head` elements.\n * @slot content - Content shown in the animated expand area beneath the row.\n *\n * @event sgds-show - Emitted when the expandable row begins to open.\n * @event sgds-after-show - Emitted after the expandable row open animation completes.\n * @event sgds-hide - Emitted when the expandable row begins to close.\n * @event sgds-after-hide - Emitted after the expandable row close animation completes.\n */\nexport class SgdsDataTableRow extends SgdsElement {\n  static styles = [...SgdsElement.styles, tableRowStyle];\n\n  /** @internal */\n  static dependencies = {\n    \"sgds-checkbox\": SgdsCheckbox,\n    \"sgds-data-table-cell\": SgdsDataTableCell,\n    \"sgds-data-table-head\": SgdsDataTableHead,\n    \"sgds-icon\": SgdsIcon\n  };\n\n  /** Arbitrary data associated with this row. Returned in event detail on row selection. */\n  @property({ type: Object, reflect: true }) rowData: Record<string, unknown> = {};\n\n  /** When true, the row has an expandable content area toggled by a chevron. */\n  @property({ type: Boolean, reflect: true }) expand = false;\n\n  /** When true, the expandable content area is open. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** When true, the row is checked. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** @internal — set by `sgds-data-table` to show a checkbox cell on this row. */\n  @property({ type: Boolean }) showCheckbox = false;\n\n  /** @internal — set by `sgds-data-table` when at least one sibling row is expandable. */\n  @property({ type: Boolean }) showExpandPlaceholder = false;\n\n  /** @internal — per-column alignment injected by `sgds-data-table` from header cells. */\n  @property({ attribute: false }) columnAlignments: Array<\"left\" | \"right\"> = [];\n  /** @internal — set by `sgds-data-table` to indicate whether body rows exist. */\n  @property({ type: Boolean }) hasDataRows = false;\n\n  /** @internal */\n  @query(\".expandable-body\") private _expandableBody!: HTMLElement;\n\n  /** @internal */\n  @query(\"sgds-checkbox\") private _checkboxEl!: SgdsCheckbox;\n\n  @state() private _isHeaderRow = false;\n  private _cellSlotNames = new WeakMap<SgdsDataTableCell | SgdsDataTableHead, string>();\n  private _lightDomObserver?: MutationObserver;\n\n  /** The checkbox rendered inside this row, if `showCheckbox` is true. */\n  get checkbox(): SgdsCheckbox | null {\n    return this._checkboxEl ?? null;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._lightDomObserver = new MutationObserver(() => this._handleLightDomChange());\n    this._lightDomObserver.observe(this, { childList: true });\n    this._handleLightDomChange();\n  }\n\n  disconnectedCallback() {\n    this._lightDomObserver?.disconnect();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    if (this._expandableBody) {\n      this._expandableBody.hidden = !this.open;\n    }\n  }\n\n  @watch(\"open\", { waitUntilFirstUpdate: true })\n  async handleExpandedChange() {\n    if (this.open) {\n      const sgdsShow = this.emit(\"sgds-show\", { cancelable: true });\n      if (sgdsShow.defaultPrevented) {\n        this.open = false;\n        return;\n      }\n      await stopAnimations(this._expandableBody);\n      this._expandableBody.hidden = false;\n      const { keyframes, options } = getAnimation(this, \"row.expand.show\");\n      await animateTo(\n        this._expandableBody,\n        shimKeyframesHeightAuto(keyframes, this._expandableBody.scrollHeight),\n        options\n      );\n      this.emit(\"sgds-after-show\");\n    } else {\n      const sgdsHide = this.emit(\"sgds-hide\", { cancelable: true });\n      if (sgdsHide.defaultPrevented) {\n        this.open = true;\n        return;\n      }\n      await stopAnimations(this._expandableBody);\n      const { keyframes, options } = getAnimation(this, \"row.expand.hide\");\n      await animateTo(\n        this._expandableBody,\n        shimKeyframesHeightAuto(keyframes, this._expandableBody.scrollHeight),\n        options\n      );\n      this._expandableBody.hidden = true;\n      this.emit(\"sgds-after-hide\");\n    }\n  }\n\n  @watch(\"checked\")\n  async handleCheckedChange() {\n    if (this.checked) {\n      this.emit(\"i-sgds-change\", { detail: { checked: true } });\n    }\n  }\n\n  /** Opens the expandable content area. */\n  public async show() {\n    if (this.open) return;\n    this.open = true;\n    return waitForEvent(this, \"sgds-after-show\");\n  }\n\n  /** Closes the expandable content area. */\n  public async hide() {\n    if (!this.open) return;\n    this.open = false;\n    return waitForEvent(this, \"sgds-after-hide\");\n  }\n\n  /** @internal — returns visible text content for a body cell by visual column index. */\n  public getCellText(columnIndex: number) {\n    const cells = this._getCells().filter(cell => cell instanceof SgdsDataTableCell) as SgdsDataTableCell[];\n    const cell = cells[columnIndex];\n    if (!cell) return \"\";\n    return (cell.textContent ?? \"\").trim();\n  }\n\n  private _getCells() {\n    return Array.from(this.children).filter(\n      child => child instanceof SgdsDataTableCell || child instanceof SgdsDataTableHead\n    ) as Array<SgdsDataTableCell | SgdsDataTableHead>;\n  }\n\n  private _syncCellSlots(cells: Array<SgdsDataTableCell | SgdsDataTableHead>) {\n    cells.forEach(cell => {\n      const index = cells.indexOf(cell);\n      const slotName = `cell-${index}`;\n      this._cellSlotNames.set(cell, slotName);\n      if (cell.getAttribute(\"slot\") !== slotName) {\n        cell.setAttribute(\"slot\", slotName);\n      }\n    });\n  }\n\n  private _handleLightDomChange() {\n    const cells = this._getCells();\n    this._syncCellSlots(cells);\n    this._isHeaderRow = cells.some(cell => cell instanceof SgdsDataTableHead);\n    this.requestUpdate();\n  }\n\n  private _onCheckboxChange(e: CustomEvent) {\n    this.emit(\"i-sgds-change\", { detail: { checked: (e.target as SgdsCheckbox).checked } });\n  }\n\n  private _toggleExpand() {\n    this.open ? this.hide() : this.show();\n  }\n\n  private _onExpandKeyDown(e: KeyboardEvent) {\n    if (e.key !== \"Enter\") return;\n    e.preventDefault();\n    this._toggleExpand();\n  }\n\n  private _onSortKeyDown(e: KeyboardEvent, header: SgdsDataTableHead) {\n    if (e.key !== \"Enter\") return;\n    e.preventDefault();\n    header.handleSortClick();\n  }\n\n  private _renderCell(el: SgdsDataTableCell | SgdsDataTableHead, columnIndex: number) {\n    const slotName = this._cellSlotNames.get(el);\n\n    if (el instanceof SgdsDataTableHead) {\n      return html`<th\n        width=${ifDefined(el.width)}\n        colspan=${ifDefined(el.colSpan)}\n        rowspan=${ifDefined(el.rowSpan)}\n        aria-sort=${ifDefined(el.sortDirection)}\n        scope=\"col\"\n        tabindex=${ifDefined(el.sorting ? \"0\" : undefined)}\n        ?data-sorting=${el.sorting}\n        @click=${el.sorting ? () => el.handleSortClick() : nothing}\n        @keydown=${el.sorting ? (e: KeyboardEvent) => this._onSortKeyDown(e, el) : nothing}\n      >\n        <div class=\"data-table-head ${el.textAlign === \"right\" ? \"align-right\" : \"align-left\"}\">\n          ${slotName ? html`<slot name=${slotName}></slot>` : nothing}\n          ${el.sorting\n            ? html`\n                <button\n                  type=\"button\"\n                  class=\"sort-button ${el.sortDirection === \"none\" ? \"\" : \"active\"}\"\n                  aria-label=${el.sortDirection === \"descending\" ? \"Sort descending\" : \"Sort ascending\"}\n                  ?disabled=${!this.hasDataRows}\n                >\n                  <sgds-icon\n                    class=\"sort-icon\"\n                    name=${el.sortDirection === \"descending\" ? \"sort-descending\" : \"sort-ascending\"}\n                    size=\"sm\"\n                  ></sgds-icon>\n                </button>\n              `\n            : nothing}\n        </div>\n      </th>`;\n    }\n\n    const cellAlignment = this.columnAlignments[columnIndex] ?? \"left\";\n    return html`<td colspan=${ifDefined(el.colSpan)} rowspan=${ifDefined(el.rowSpan)}>\n      <div class=\"data-table-cell ${cellAlignment === \"right\" ? \"align-right\" : \"align-left\"}\">\n        ${slotName ? html`<slot name=${slotName}></slot>` : nothing}\n      </div>\n    </td>`;\n  }\n\n  private _renderExpandCell() {\n    if (this._isHeaderRow) {\n      return html`<th class=\"control-cell\" scope=\"col\"></th>`;\n    }\n\n    return html`<td class=\"control-cell\" @click=${this._toggleExpand} @keydown=${this._onExpandKeyDown} tabindex=\"0\">\n      <div class=\"data-table-cell expand-cell\">\n        <sgds-icon name=${this.open ? \"chevron-up\" : \"chevron-down\"} size=\"md\"></sgds-icon>\n      </div>\n    </td>`;\n  }\n\n  private _renderExpandPlaceholder() {\n    return this._isHeaderRow ? html`<th class=\"control-cell\" scope=\"col\"></th>` : html`<td class=\"control-cell\"></td>`;\n  }\n\n  private _renderCheckboxCell() {\n    return this._isHeaderRow\n      ? html`<th class=\"control-cell\" scope=\"col\">\n          <div class=\"data-table-cell checkbox-cell\">\n            <sgds-checkbox .checked=${this.checked} @sgds-change=${this._onCheckboxChange}></sgds-checkbox>\n          </div>\n        </th>`\n      : html`<td class=\"control-cell\">\n          <div class=\"data-table-cell checkbox-cell\">\n            <sgds-checkbox .checked=${this.checked} @sgds-change=${this._onCheckboxChange}></sgds-checkbox>\n          </div>\n        </td>`;\n  }\n\n  render() {\n    const cells = this._getCells();\n    const totalCols = cells.length + (this.showCheckbox ? 1 : 0) + (this.expand || this.showExpandPlaceholder ? 1 : 0);\n    const rowPart = this._isHeaderRow ? \"row row-header\" : \"row row-body\";\n\n    return html`\n      <tr part=${rowPart} ?data-header-row=${this._isHeaderRow} class=${this.open ? \"active\" : \"\"}>\n        ${this.expand\n          ? this._renderExpandCell()\n          : this.showExpandPlaceholder\n          ? this._renderExpandPlaceholder()\n          : nothing}\n        ${this.showCheckbox ? this._renderCheckboxCell() : nothing}\n        ${(() => {\n          let visualColumnIndex = 0;\n          return cells.map(el => {\n            const renderedCell = this._renderCell(el, visualColumnIndex);\n            const span = Number(el.colSpan) > 0 ? Number(el.colSpan) : 1;\n            visualColumnIndex += span;\n            return renderedCell;\n          });\n        })()}\n      </tr>\n\n      ${this.expand\n        ? html`\n            <tr class=\"expandable-row\">\n              <td colspan=${totalCols} class=\"expandable-td\">\n                <div class=\"expandable-body\">\n                  <div class=\"expandable-content\">\n                    <slot name=\"content\"></slot>\n                  </div>\n                </div>\n              </td>\n            </tr>\n          `\n        : nothing}\n    `;\n  }\n}\n\nsetDefaultAnimation(\"row.expand.show\", {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"auto\", opacity: \"1\" }\n  ],\n  options: { duration: 250, easing: \"ease-in-out\" }\n});\n\nsetDefaultAnimation(\"row.expand.hide\", {\n  keyframes: [\n    { height: \"auto\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" }\n  ],\n  options: { duration: 250, easing: \"ease-in-out\" }\n});\n\nexport default SgdsDataTableRow;\n"],"names":["tableRowStyle"],"mappings":"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"}

package/components/DataTable/sgds-data-table.d.ts

@@ -2,7 +2,7 @@ import SgdsElement from "../../base/sgds-element";
 import SgdsPagination from "../Pagination/sgds-pagination";
 import SgdsDataTableCell from "./sgds-data-table-cell";
 import SgdsDataTableHead from "./sgds-data-table-head";
-import SgdsSpinner from "../Spinner/sgds-spinner";
+import SgdsSkeleton from "../Skeleton/sgds-skeleton";
 /**
  * @summary A data table container with pagination, row selection, loading, and sorting support.
  *
@@ -21,7 +21,7 @@ export declare class SgdsDataTable extends SgdsElement {
         "sgds-pagination": typeof SgdsPagination;
         "sgds-data-table-cell": typeof SgdsDataTableCell;
         "sgds-data-table-head": typeof SgdsDataTableHead;
-        "sgds-spinner": typeof SgdsSpinner;
+        "sgds-skeleton": typeof SgdsSkeleton;
     };
     /** If true, renders a checkbox column for row selection. */
     multiSelect: boolean;
@@ -33,12 +33,12 @@ export declare class SgdsDataTable extends SgdsElement {
     itemsPerPage: number;
     /** Custom text shown on the footer's left side. */
     footerText: string;
-    /** If true, hides the footer (summary text and pagination controls). */
-    hideFooter: boolean;
     /** When true, shows a loading state and hides body rows. */
     isLoading: boolean;
     /** When true, emits sort events for external handling instead of local sorting. */
     serverSort: boolean;
+    /** Variant forwarded to the internal pagination component. */
+    paginationVariant: "default" | "number" | "button" | "description";
     /**
      * Controls the CSS `table-layout` algorithm.
      * Use "auto" to let the browser size columns based on content, or "fixed" to distribute column widths evenly regardless of content.
@@ -76,6 +76,8 @@ export declare class SgdsDataTable extends SgdsElement {
     private _syncDomRowOrder;
     private _handleSlotChange;
     private _updateVisibleRows;
+    private _getSkeletonColumnCount;
+    private _renderLoadingSkeleton;
     updated(changed: Map<string, unknown>): void;
     render(): import("lit").TemplateResult<1>;
 }

package/components/DataTable/sgds-data-table.js

@@ -7,7 +7,7 @@ import { SgdsPagination } from '../Pagination/sgds-pagination.js';
 import { SgdsDataTableRow } from './sgds-data-table-row.js';
 import { SgdsDataTableCell } from './sgds-data-table-cell.js';
 import { SgdsDataTableHead } from './sgds-data-table-head.js';
-import { SgdsSpinner } from '../Spinner/sgds-spinner.js';
+import { SgdsSkeleton } from '../Skeleton/sgds-skeleton.js';
 
 /**
  * @summary A data table container with pagination, row selection, loading, and sorting support.
@@ -33,12 +33,12 @@ class SgdsDataTable extends SgdsElement {
         this.itemsPerPage = 5;
         /** Custom text shown on the footer's left side. */
         this.footerText = "";
-        /** If true, hides the footer (summary text and pagination controls). */
-        this.hideFooter = false;
         /** When true, shows a loading state and hides body rows. */
         this.isLoading = false;
         /** When true, emits sort events for external handling instead of local sorting. */
         this.serverSort = false;
+        /** Variant forwarded to the internal pagination component. */
+        this.paginationVariant = "default";
         /**
          * Controls the CSS `table-layout` algorithm.
          * Use "auto" to let the browser size columns based on content, or "fixed" to distribute column widths evenly regardless of content.
@@ -135,7 +135,7 @@ class SgdsDataTable extends SgdsElement {
     _applyColumnAlignment() {
         const headerAlignments = this._headerCells.reduce((acc, header) => {
             var _a;
-            const span = Number(header.colspan) > 0 ? Number(header.colspan) : 1;
+            const span = Number(header.colSpan) > 0 ? Number(header.colSpan) : 1;
             const alignment = (_a = header.textAlign) !== null && _a !== void 0 ? _a : "left";
             for (let i = 0; i < span; i++) {
                 acc.push(alignment);
@@ -178,7 +178,7 @@ class SgdsDataTable extends SgdsElement {
     _resetOtherHeaderSortStates(activeHeader) {
         this._headerCells.forEach(header => {
             if (header !== activeHeader && header.sorting) {
-                header.ariasort = "none";
+                header.sortDirection = "none";
             }
         });
     }
@@ -277,16 +277,20 @@ class SgdsDataTable extends SgdsElement {
         }, []);
         this._captureInitialRowPositions(this.tableRows);
         this._headerCells.forEach(header => {
-            if (header.sorting && !header.ariasort) {
-                header.ariasort = "none";
+            if (header.sorting && !header.sortDirection) {
+                header.sortDirection = "none";
             }
         });
         this._configureRows();
         this._updateVisibleRows();
     }
     _updateVisibleRows() {
+        if (this.isLoading) {
+            this.tableRows.forEach(row => (row.style.display = "none"));
+            return;
+        }
         if (this.mode === "server") {
-            this.tableRows.forEach(row => (row.style.display = this.isLoading ? "none" : ""));
+            this.tableRows.forEach(row => (row.style.display = ""));
             return;
         }
         const total = this.dataLength || this.tableRows.length;
@@ -299,6 +303,35 @@ class SgdsDataTable extends SgdsElement {
         const visible = new Set(this.tableRows.slice(start, start + this.itemsPerPage));
         this.tableRows.forEach(row => (row.style.display = visible.has(row) ? "" : "none"));
     }
+    _getSkeletonColumnCount() {
+        const firstHeaderRow = this.headerRows[0];
+        const firstHeaderCells = firstHeaderRow
+            ? Array.from(firstHeaderRow.children).filter(child => child instanceof SgdsDataTableHead)
+            : [];
+        const headerColumnCount = firstHeaderCells.reduce((count, header) => {
+            const span = Number(header.colSpan) > 0 ? Number(header.colSpan) : 1;
+            return count + span;
+        }, 0);
+        const firstBodyRow = this.tableRows[0];
+        const fallbackBodyColumnCount = firstBodyRow
+            ? Array.from(firstBodyRow.children).filter(child => child instanceof SgdsDataTableCell).length
+            : 0;
+        const hasExpand = this.tableRows.some(row => row.expand);
+        const controlColumns = (this.multiSelect ? 1 : 0) + (hasExpand ? 1 : 0);
+        const dataColumns = headerColumnCount || fallbackBodyColumnCount || 1;
+        return Math.max(1, dataColumns + controlColumns);
+    }
+    _renderLoadingSkeleton() {
+        const skeletonColumns = this._getSkeletonColumnCount();
+        const skeletonRows = Math.max(1, this.itemsPerPage || 1);
+        return html `<div class="loading" role="status" aria-live="polite" aria-label="Loading">
+      <div class="loading-grid" style=${`--sgds-data-table-loading-columns: ${skeletonColumns};`} aria-hidden="true">
+        ${Array.from({ length: skeletonRows }, (_, rowIndex) => html `<div class="loading-grid-row" key=${rowIndex}>
+              ${Array.from({ length: skeletonColumns }, () => html `<sgds-skeleton .height=${"56px"} .borderRadius=${"4px"}></sgds-skeleton>`)}
+            </div>`)}
+      </div>
+    </div>`;
+    }
     updated(changed) {
         if (changed.has("currentPage") || changed.has("itemsPerPage") || changed.has("mode") || changed.has("isLoading")) {
             this._updateVisibleRows();
@@ -316,34 +349,34 @@ class SgdsDataTable extends SgdsElement {
         const end = Math.min(start + this.itemsPerPage, total);
         const displayStart = total === 0 ? 0 : start + 1;
         const showNoData = !this.isLoading && this.tableRows.length === 0;
+        const showFooter = total !== 0;
         return html `
       <div class="data-table">
-        <div>
+        <div class="table-container">
           <slot @slotchange=${this._handleSlotChange} @i-sgds-sort=${this._handleSort} class="table"></slot>
           ${this.isLoading
-            ? html `<div class="loading" role="status" aria-live="polite">
-                <div class="loading-menu"><sgds-spinner size="xs" tone="brand"></sgds-spinner>Loading...</div>
-              </div>`
+            ? this._renderLoadingSkeleton()
             : showNoData
                 ? html `<slot name="no-data" class="no-data" role="status" aria-live="polite">No data</slot>`
                 : nothing}
         </div>
 
-        ${this.hideFooter
-            ? nothing
-            : html `<div class="footer">
+        ${showFooter
+            ? html `<div class="footer">
               ${this.footerText || html `<span>Showing ${displayStart} to ${end} of ${total} results</span>`}
               <sgds-pagination
                 .dataLength=${total}
                 .currentPage=${this.currentPage}
                 .itemsPerPage=${this.itemsPerPage}
+                .variant=${this.paginationVariant}
                 size="sm"
                 @sgds-page-change=${(e) => {
                 this.currentPage = e.detail.currentPage;
                 this.emit("sgds-page-change");
             }}
               ></sgds-pagination>
-            </div>`}
+            </div>`
+            : nothing}
       </div>
     `;
     }
@@ -362,7 +395,7 @@ SgdsDataTable.dependencies = {
     "sgds-pagination": SgdsPagination,
     "sgds-data-table-cell": SgdsDataTableCell,
     "sgds-data-table-head": SgdsDataTableHead,
-    "sgds-spinner": SgdsSpinner
+    "sgds-skeleton": SgdsSkeleton
 };
 __decorate([
     property({ type: Boolean })
@@ -379,15 +412,15 @@ __decorate([
 __decorate([
     property({ type: String })
 ], SgdsDataTable.prototype, "footerText", void 0);
-__decorate([
-    property({ type: Boolean })
-], SgdsDataTable.prototype, "hideFooter", void 0);
 __decorate([
     property({ type: Boolean })
 ], SgdsDataTable.prototype, "isLoading", void 0);
 __decorate([
     property({ type: Boolean })
 ], SgdsDataTable.prototype, "serverSort", void 0);
+__decorate([
+    property({ type: String })
+], SgdsDataTable.prototype, "paginationVariant", void 0);
 __decorate([
     property({ type: String, reflect: true })
 ], SgdsDataTable.prototype, "layout", void 0);