@govtechsg/sgds-web-component 3.26.0 → 3.26.1-rc.0

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

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

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

@@ -0,0 +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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"}