@govtechsg/sgds-web-component 3.28.1-rc.0 → 3.29.1-rc.0

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

@@ -178,7 +178,7 @@ var SgdsDataTableRow = class extends SgdsElement {
     </td>`;
 	}
 	_renderExpandCell() {
-		if (this._isHeaderRow) return html`<th class="control-cell" scope="col"></th>`;
+		if (this._isHeaderRow) return html`<th class="control-cell" scope="col"><span class="visually-hidden">Expand</span></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>
@@ -186,16 +186,24 @@ var SgdsDataTableRow = class extends SgdsElement {
     </td>`;
 	}
 	_renderExpandPlaceholder() {
-		return this._isHeaderRow ? html`<th class="control-cell" scope="col"></th>` : html`<td class="control-cell"></td>`;
+		return this._isHeaderRow ? html`<th class="control-cell" scope="col"><span class="visually-hidden">Expand</span></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>
+            <sgds-checkbox
+              .checked=${this.checked}
+              @sgds-change=${this._onCheckboxChange}
+              .ariaLabel=${"Select all rows"}
+            ></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>
+            <sgds-checkbox
+              .checked=${this.checked}
+              @sgds-change=${this._onCheckboxChange}
+              .ariaLabel=${"Select row"}
+            ></sgds-checkbox>
           </div>
         </td>`;
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"sgds-data-table-row.js","names":["tableRowStyle"],"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  /** 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\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  /** 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"],"mappings":"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"}
+{"version":3,"file":"sgds-data-table-row.js","names":["tableRowStyle"],"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  /** 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\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  /** 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\"><span class=\"visually-hidden\">Expand</span></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\n      ? html`<th class=\"control-cell\" scope=\"col\"><span class=\"visually-hidden\">Expand</span></th>`\n      : 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\n              .checked=${this.checked}\n              @sgds-change=${this._onCheckboxChange}\n              .ariaLabel=${\"Select all rows\"}\n            ></sgds-checkbox>\n          </div>\n        </th>`\n      : html`<td class=\"control-cell\">\n          <div class=\"data-table-cell checkbox-cell\">\n            <sgds-checkbox\n              .checked=${this.checked}\n              @sgds-change=${this._onCheckboxChange}\n              .ariaLabel=${\"Select row\"}\n            ></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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAa,mBAAb,cAAsC,YAAY;;;EAYK,KAAA,SAAA;EAGF,KAAA,OAAA;EAGG,KAAA,UAAA;EAGV,KAAA,eAAA;EAGS,KAAA,wBAAA;EAGuB,KAAA,mBAAA,CAAC;EAGlC,KAAA,cAAA;EAQX,KAAA,eAAA;EACP,KAAA,iCAAA,IAAI,QAAuD;;;EAtCpE,KAAA,SAAA,CAAC,GAAG,YAAY,QAAQA,QAAa;;;EAG/B,KAAA,eAAA;GACpB,iBAAiB;GACjB,wBAAwB;GACxB,wBAAwB;GACxB,aAAa;EACf;;;CAkCA,IAAI,WAAgC;EAClC,OAAO,KAAK,eAAe;CAC7B;CAEA,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,KAAK,oBAAoB,IAAI,uBAAuB,KAAK,sBAAsB,CAAC;EAChF,KAAK,kBAAkB,QAAQ,MAAM,EAAE,WAAW,KAAK,CAAC;EACxD,KAAK,sBAAsB;CAC7B;CAEA,uBAAuB;EACrB,KAAK,mBAAmB,WAAW;EACnC,MAAM,qBAAqB;CAC7B;CAEA,eAAe;EACb,IAAI,KAAK,iBACP,KAAK,gBAAgB,SAAS,CAAC,KAAK;CAExC;CAEA,MACM,uBAAuB;EAC3B,IAAI,KAAK,MAAM;GAEb,IADiB,KAAK,KAAK,aAAa,EAAE,YAAY,KAAK,CAChD,CAAC,CAAC,kBAAkB;IAC7B,KAAK,OAAO;IACZ;GACF;GACA,MAAM,eAAe,KAAK,eAAe;GACzC,KAAK,gBAAgB,SAAS;GAC9B,MAAM,EAAE,WAAW,YAAY,aAAa,MAAM,iBAAiB;GACnE,MAAM,UACJ,KAAK,iBACL,wBAAwB,WAAW,KAAK,gBAAgB,YAAY,GACpE,OACF;GACA,KAAK,KAAK,iBAAiB;EAC7B,OAAO;GAEL,IADiB,KAAK,KAAK,aAAa,EAAE,YAAY,KAAK,CAChD,CAAC,CAAC,kBAAkB;IAC7B,KAAK,OAAO;IACZ;GACF;GACA,MAAM,eAAe,KAAK,eAAe;GACzC,MAAM,EAAE,WAAW,YAAY,aAAa,MAAM,iBAAiB;GACnE,MAAM,UACJ,KAAK,iBACL,wBAAwB,WAAW,KAAK,gBAAgB,YAAY,GACpE,OACF;GACA,KAAK,gBAAgB,SAAS;GAC9B,KAAK,KAAK,iBAAiB;EAC7B;CACF;;CAGA,MAAa,OAAO;EAClB,IAAI,KAAK,MAAM;EACf,KAAK,OAAO;EACZ,OAAO,aAAa,MAAM,iBAAiB;CAC7C;;CAGA,MAAa,OAAO;EAClB,IAAI,CAAC,KAAK,MAAM;EAChB,KAAK,OAAO;EACZ,OAAO,aAAa,MAAM,iBAAiB;CAC7C;;CAGA,YAAmB,aAAqB;EAEtC,MAAM,OADQ,KAAK,UAAU,CAAC,CAAC,QAAO,SAAQ,gBAAgB,iBAC7C,CAAC,CAAC;EACnB,IAAI,CAAC,MAAM,OAAO;EAClB,QAAQ,KAAK,eAAe,GAAA,CAAI,KAAK;CACvC;CAEA,YAAoB;EAClB,OAAO,MAAM,KAAK,KAAK,QAAQ,CAAC,CAAC,QAC/B,UAAS,iBAAiB,qBAAqB,iBAAiB,iBAClE;CACF;CAEA,eAAuB,OAAqD;EAC1E,MAAM,SAAQ,SAAQ;GAEpB,MAAM,WAAW,QADH,MAAM,QAAQ,IACC;GAC7B,KAAK,eAAe,IAAI,MAAM,QAAQ;GACtC,IAAI,KAAK,aAAa,MAAM,MAAM,UAChC,KAAK,aAAa,QAAQ,QAAQ;EAEtC,CAAC;CACH;CAEA,wBAAgC;EAC9B,MAAM,QAAQ,KAAK,UAAU;EAC7B,KAAK,eAAe,KAAK;EACzB,KAAK,eAAe,MAAM,MAAK,SAAQ,gBAAgB,iBAAiB;EACxE,KAAK,cAAc;CACrB;CAEA,kBAA0B,GAAgB;EACxC,KAAK,KAAK,iBAAiB,EAAE,QAAQ,EAAE,SAAU,EAAE,OAAwB,QAAQ,EAAE,CAAC;CACxF;CAEA,gBAAwB;EACtB,KAAK,OAAO,KAAK,KAAK,IAAI,KAAK,KAAK;CACtC;CAEA,iBAAyB,GAAkB;EACzC,IAAI,EAAE,QAAQ,SAAS;EACvB,EAAE,eAAe;EACjB,KAAK,cAAc;CACrB;CAEA,eAAuB,GAAkB,QAA2B;EAClE,IAAI,EAAE,QAAQ,SAAS;EACvB,EAAE,eAAe;EACjB,OAAO,gBAAgB;CACzB;CAEA,YAAoB,IAA2C,aAAqB;EAClF,MAAM,WAAW,KAAK,eAAe,IAAI,EAAE;EAE3C,IAAI,cAAc,mBAChB,OAAO,IAAI;gBACD,UAAU,GAAG,KAAK,EAAE;kBAClB,UAAU,GAAG,OAAO,EAAE;kBACtB,UAAU,GAAG,OAAO,EAAE;oBACpB,UAAU,GAAG,aAAa,EAAE;;mBAE7B,UAAU,GAAG,UAAU,MAAM,KAAA,CAAS,EAAE;wBACnC,GAAG,QAAQ;iBAClB,GAAG,gBAAgB,GAAG,gBAAgB,IAAI,QAAQ;mBAChD,GAAG,WAAW,MAAqB,KAAK,eAAe,GAAG,EAAE,IAAI,QAAQ;;sCAErD,GAAG,cAAc,UAAU,gBAAgB,aAAa;YAClF,WAAW,IAAI,cAAc,SAAS,YAAY,QAAQ;YAC1D,GAAG,UACD,IAAI;;;uCAGqB,GAAG,kBAAkB,SAAS,KAAK,SAAS;+BACpD,GAAG,kBAAkB,eAAe,oBAAoB,iBAAiB;8BAC1E,CAAC,KAAK,YAAY;;;;2BAIrB,GAAG,kBAAkB,eAAe,oBAAoB,iBAAiB;;;;kBAKtF,QAAQ;;;EAKlB,MAAM,gBAAgB,KAAK,iBAAiB,gBAAgB;EAC5D,OAAO,IAAI,eAAe,UAAU,GAAG,OAAO,EAAE,WAAW,UAAU,GAAG,OAAO,EAAE;oCACjD,kBAAkB,UAAU,gBAAgB,aAAa;UACnF,WAAW,IAAI,cAAc,SAAS,YAAY,QAAQ;;;CAGlE;CAEA,oBAA4B;EAC1B,IAAI,KAAK,cACP,OAAO,IAAI;EAGb,OAAO,IAAI,mCAAmC,KAAK,cAAc,YAAY,KAAK,iBAAiB;;0BAE7E,KAAK,OAAO,eAAe,eAAe;;;CAGlE;CAEA,2BAAmC;EACjC,OAAO,KAAK,eACR,IAAI,0FACJ,IAAI;CACV;CAEA,sBAA8B;EAC5B,OAAO,KAAK,eACR,IAAI;;;yBAGa,KAAK,QAAQ;6BACT,KAAK,kBAAkB;2BACzB,kBAAkB;;;iBAIrC,IAAI;;;yBAGa,KAAK,QAAQ;6BACT,KAAK,kBAAkB;2BACzB,aAAa;;;;CAItC;CAEA,SAAS;EACP,MAAM,QAAQ,KAAK,UAAU;EAC7B,MAAM,YAAY,MAAM,UAAU,KAAK,eAAe,IAAI,MAAM,KAAK,UAAU,KAAK,wBAAwB,IAAI;EAChH,MAAM,UAAU,KAAK,eAAe,mBAAmB;EAEvD,OAAO,IAAI;iBACE,QAAQ,oBAAoB,KAAK,aAAa,SAAS,KAAK,OAAO,WAAW,GAAG;UACxF,KAAK,SACH,KAAK,kBAAkB,IACvB,KAAK,wBACL,KAAK,yBAAyB,IAC9B,QAAQ;UACV,KAAK,eAAe,KAAK,oBAAoB,IAAI,QAAQ;iBAClD;GACP,IAAI,oBAAoB;GACxB,OAAO,MAAM,KAAI,OAAM;IACrB,MAAM,eAAe,KAAK,YAAY,IAAI,iBAAiB;IAC3D,MAAM,OAAO,OAAO,GAAG,OAAO,IAAI,IAAI,OAAO,GAAG,OAAO,IAAI;IAC3D,qBAAqB;IACrB,OAAO;GACT,CAAC;EACH,EAAA,CAAG,EAAE;;;QAGL,KAAK,SACH,IAAI;;4BAEc,UAAU;;;;;;;;cAS5B,QAAQ;;CAEhB;AACF;AAtRG,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,UAAA,KAAA,CAAA;AAGzC,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;AAGzC,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,WAAA,KAAA,CAAA;AAGzC,WAAA,CAAA,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,iBAAA,WAAA,gBAAA,KAAA,CAAA;AAG1B,WAAA,CAAA,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,iBAAA,WAAA,yBAAA,KAAA,CAAA;AAG1B,WAAA,CAAA,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,iBAAA,WAAA,oBAAA,KAAA,CAAA;AAG7B,WAAA,CAAA,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,iBAAA,WAAA,eAAA,KAAA,CAAA;AAG1B,WAAA,CAAA,MAAM,kBAAkB,CAAA,GAAA,iBAAA,WAAA,mBAAA,KAAA,CAAA;AAGxB,WAAA,CAAA,MAAM,eAAe,CAAA,GAAA,iBAAA,WAAA,eAAA,KAAA,CAAA;AAErB,WAAA,CAAA,MAAM,CAAA,GAAA,iBAAA,WAAA,gBAAA,KAAA,CAAA;AA2BN,WAAA,CAAA,MAAM,QAAQ,EAAE,sBAAsB,KAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,wBAAA,IAAA;AAmO/C,oBAAoB,mBAAmB;CACrC,WAAW,CACT;EAAE,QAAQ;EAAK,SAAS;CAAI,GAC5B;EAAE,QAAQ;EAAQ,SAAS;CAAI,CACjC;CACA,SAAS;EAAE,UAAU;EAAK,QAAQ;CAAc;AAClD,CAAC;AAED,oBAAoB,mBAAmB;CACrC,WAAW,CACT;EAAE,QAAQ;EAAQ,SAAS;CAAI,GAC/B;EAAE,QAAQ;EAAK,SAAS;CAAI,CAC9B;CACA,SAAS;EAAE,UAAU;EAAK,QAAQ;CAAc;AAClD,CAAC"}

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

@@ -61,7 +61,6 @@ var SgdsDataTable = class extends SgdsElement {
 	}
 	connectedCallback() {
 		super.connectedCallback();
-		this.setAttribute("role", "table");
 	}
 	_isRowChecked(row) {
 		return row.checked || row.checkbox?.checked === true;
@@ -320,7 +319,7 @@ var SgdsDataTable = class extends SgdsElement {
 		return html`
       <div class="data-table">
         <div class="table-container">
-          <div class="table">
+          <div class="table" role="table">
             <slot @slotchange=${this._handleSlotChange} @i-sgds-sort=${this._handleSort}></slot>
             ${this.loading ? this._renderLoadingSkeleton() : nothing}
           </div>

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

@@ -1 +1 @@
-{"version":3,"file":"sgds-data-table.js","names":["tableStyle"],"sources":["../../../src/components/DataTable/sgds-data-table.ts"],"sourcesContent":["import { css, html, nothing } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport tableStyle from \"./data-table.css\";\nimport SgdsPagination from \"../Pagination/sgds-pagination\";\nimport type { ISgdsPaginationPageChangeEventDetail } from \"../Pagination/sgds-pagination\";\nimport SgdsDataTableRow from \"./sgds-data-table-row\";\nimport SgdsDataTableCell from \"./sgds-data-table-cell\";\nimport SgdsDataTableHead from \"./sgds-data-table-head\";\nimport SgdsSkeleton from \"../Skeleton/sgds-skeleton\";\nimport type { ISgdsDataTableRowSelectEventDetail, ISgdsDataTableSortEventDetail } from \"./types\";\nexport type { ISgdsDataTableRowSelectEventDetail, ISgdsDataTableSortEventDetail };\n\n/**\n * @summary A data table container with pagination, row selection, loading, and sorting support.\n *\n * @slot default - Insert one or more `sgds-data-table-row` elements.\n * @slot no-data - Custom content rendered when no body rows are available and `loading` is false.\n *\n * @event sgds-row-select - Emitted when row checkboxes change. Detail: `{ selected: Record<string, string>[] }`.\n * @event sgds-sort - Emitted when `serverSort` is true and a sorting column header is clicked.\n * Detail: `{ key: string; direction: \"ascending\" | \"descending\" | \"none\" }`.\n * @event sgds-page-change - Emitted when pagination changes page.\n */\nexport class SgdsDataTable extends SgdsElement {\n  static styles = [\n    ...SgdsElement.styles,\n    tableStyle,\n    css`\n      :host {\n        display: block;\n      }\n    `\n  ];\n\n  /** @internal */\n  static dependencies = {\n    \"sgds-pagination\": SgdsPagination,\n    \"sgds-data-table-cell\": SgdsDataTableCell,\n    \"sgds-data-table-head\": SgdsDataTableHead,\n    \"sgds-skeleton\": SgdsSkeleton\n  };\n\n  /** If true, renders a checkbox column for row selection. */\n  @property({ type: Boolean }) multiSelect = false;\n\n  /** Total number of data items (for server-side pagination). */\n  @property({ type: Number }) dataLength = 0;\n\n  /** Current page (1-based). */\n  @property({ type: Number }) currentPage = 1;\n\n  /** Number of rows per page. */\n  @property({ type: Number }) itemsPerPage = 5;\n\n  /** Custom text shown on the footer's left side. */\n  @property({ type: String }) paginationSummary = \"\";\n\n  /** When true, shows a loading state and hides body rows. */\n  @property({ type: Boolean }) loading = false;\n\n  /** When true, emits sort events for external handling instead of local sorting. */\n  @property({ type: Boolean }) serverSort = false;\n\n  /** Variant forwarded to the internal pagination component. */\n  @property({ type: String }) paginationVariant: \"default\" | \"number\" | \"button\" | \"description\" = \"default\";\n\n  /**\n   * Controls the CSS `table-layout` algorithm.\n   * Use \"auto\" to let the browser size columns based on content, or \"fixed\" to distribute column widths evenly regardless of content.\n   * @type {\"auto\" | \"fixed\"}\n   * @default \"auto\"\n   */\n  @property({ type: String, reflect: true }) layout: \"auto\" | \"fixed\" = \"auto\";\n\n  /**\n   * Pagination mode. `client` (default) slices rows and renders pagination controls.\n   * `server` renders all slotted rows as-is — the caller is responsible for passing\n   * the correct page of data and handling `sgds-page-change` externally.\n   */\n  @property({ type: String }) mode: \"client\" | \"server\" = \"client\";\n\n  @state() private tableRows: SgdsDataTableRow[] = [];\n  @state() private headerRows: SgdsDataTableRow[] = [];\n\n  private _headerCells: SgdsDataTableHead[] = [];\n  private _initialRowPositions = new WeakMap<SgdsDataTableRow, number>();\n  private _hasCapturedInitialRowPositions = false;\n\n  private _rowHandlers = new WeakMap<SgdsDataTableRow, EventListener>();\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute(\"role\", \"table\");\n  }\n\n  private _isRowChecked(row: SgdsDataTableRow) {\n    return row.checked || row.checkbox?.checked === true;\n  }\n\n  private _updateHeaderCheckbox() {\n    const checkedCount = this.tableRows.filter(r => this._isRowChecked(r)).length;\n\n    const allChecked = checkedCount === this.tableRows.length && checkedCount > 0;\n\n    this.headerRows.forEach(r => {\n      r.checked = allChecked;\n      if (r.checkbox) {\n        r.checkbox.checked = allChecked;\n        r.checkbox.indeterminate = checkedCount > 0 && !allChecked;\n      }\n    });\n  }\n\n  private async _syncHeaderCheckboxAfterRender() {\n    if (!this.multiSelect || this.headerRows.length === 0) return;\n\n    const rows = [...this.headerRows, ...this.tableRows];\n    await Promise.all(rows.map(row => row.updateComplete));\n    this._updateHeaderCheckbox();\n  }\n\n  private _emitRowSelect() {\n    const selected = this.tableRows.filter(r => this._isRowChecked(r)).map(r => this._getRowData(r));\n    this.emit(\"sgds-row-select\", { detail: { selected } });\n  }\n\n  private _attachRowListener(row: SgdsDataTableRow) {\n    const old = this._rowHandlers.get(row);\n    if (old) row.removeEventListener(\"i-sgds-change\", old);\n\n    const handler: EventListener = (e: Event) => {\n      const { checked } = (e as CustomEvent<{ checked: boolean }>).detail;\n\n      if (this.headerRows.includes(row)) {\n        this.tableRows.forEach(r => {\n          r.checked = checked;\n          if (r.checkbox) r.checkbox.checked = checked;\n        });\n      } else {\n        row.checked = checked;\n        this._updateHeaderCheckbox();\n      }\n      this._emitRowSelect();\n    };\n\n    this._rowHandlers.set(row, handler);\n    row.addEventListener(\"i-sgds-change\", handler);\n  }\n\n  private _configureRows() {\n    const hasExpand = this.tableRows.some(r => r.expand);\n    const hasDataRows = this.tableRows.length > 0;\n\n    this.headerRows.forEach(row => {\n      row.showCheckbox = this.multiSelect;\n      row.showExpandPlaceholder = hasExpand;\n      row.hasDataRows = hasDataRows;\n      if (this.multiSelect) this._attachRowListener(row);\n    });\n\n    this.tableRows.forEach(row => {\n      row.showCheckbox = this.multiSelect;\n      row.showExpandPlaceholder = !row.expand && hasExpand;\n      if (this.multiSelect) this._attachRowListener(row);\n    });\n\n    if (this.multiSelect) {\n      this._syncHeaderCheckboxAfterRender();\n    }\n\n    this._applyColumnAlignment();\n  }\n\n  private _applyColumnAlignment() {\n    const headerAlignments = this._headerCells.reduce<Array<\"left\" | \"right\">>((acc, header) => {\n      const span = Number(header.colSpan) > 0 ? Number(header.colSpan) : 1;\n      const alignment = header.textAlign ?? \"left\";\n      for (let i = 0; i < span; i++) {\n        acc.push(alignment);\n      }\n      return acc;\n    }, []);\n\n    this.headerRows.forEach(row => {\n      row.columnAlignments = [...headerAlignments];\n    });\n\n    this.tableRows.forEach(row => {\n      row.columnAlignments = [...headerAlignments];\n    });\n  }\n\n  private _extractCellText(row: SgdsDataTableRow, columnIndex: number) {\n    const rowCellText = row.getCellText(columnIndex);\n    if (rowCellText) return rowCellText;\n\n    const cells = Array.from(row.children).filter(child => child.tagName.toLowerCase() === \"sgds-data-table-cell\");\n    const cell = cells[columnIndex];\n    return (cell?.textContent || \"\").trim();\n  }\n\n  private _getRowData(row: SgdsDataTableRow): Record<string, string> {\n    const data: Record<string, string> = {};\n    this._headerCells.forEach((header, index) => {\n      const key = header.sortKey || (header.textContent ?? \"\").trim() || `col-${index}`;\n      data[key] = this._extractCellText(row, index);\n    });\n    return data;\n  }\n\n  private _toComparableValue(row: SgdsDataTableRow, _key: string, columnIndex: number) {\n    return this._extractCellText(row, columnIndex);\n  }\n\n  private _compareValues(left: unknown, right: unknown, direction: \"ascending\" | \"descending\") {\n    if (left === right) return 0;\n\n    const leftNumber = Number(left);\n    const rightNumber = Number(right);\n    const bothNumeric = Number.isFinite(leftNumber) && Number.isFinite(rightNumber);\n\n    if (bothNumeric) {\n      return direction === \"ascending\" ? leftNumber - rightNumber : rightNumber - leftNumber;\n    }\n\n    const cmp = String(left).localeCompare(String(right), undefined, { numeric: true, sensitivity: \"base\" });\n    return direction === \"ascending\" ? cmp : -cmp;\n  }\n\n  private _resetOtherHeaderSortStates(activeHeader: SgdsDataTableHead | null) {\n    this._headerCells.forEach(header => {\n      if (header !== activeHeader && header.sorting) {\n        header.sortDirection = \"none\";\n      }\n    });\n  }\n\n  private _getRowsInInitialPositionOrder(rows: SgdsDataTableRow[]) {\n    return [...rows].sort((left, right) => {\n      const leftPosition = this._initialRowPositions.get(left);\n      const rightPosition = this._initialRowPositions.get(right);\n\n      if (leftPosition === undefined && rightPosition === undefined) return 0;\n      if (leftPosition === undefined) return 1;\n      if (rightPosition === undefined) return -1;\n      return leftPosition - rightPosition;\n    });\n  }\n\n  private _captureInitialRowPositions(rows: SgdsDataTableRow[]) {\n    if (this._hasCapturedInitialRowPositions) return;\n\n    rows.forEach((row, index) => {\n      this._initialRowPositions.set(row, index);\n    });\n\n    this._hasCapturedInitialRowPositions = true;\n  }\n\n  private _handleSort(e: Event) {\n    const activeHeader = e.composedPath().find(node => node instanceof SgdsDataTableHead) as\n      | SgdsDataTableHead\n      | undefined;\n\n    if (!activeHeader || !activeHeader.sorting) return;\n\n    const { key, direction } = (e as CustomEvent<ISgdsDataTableSortEventDetail>).detail;\n    const columnIndex = activeHeader ? this._headerCells.indexOf(activeHeader) : -1;\n\n    this._resetOtherHeaderSortStates(activeHeader);\n\n    if (this.serverSort) {\n      e.stopPropagation();\n      this.emit(\"sgds-sort\", { detail: { key, direction } });\n      return;\n    }\n\n    if (columnIndex < 0) return;\n\n    if (direction === \"none\") {\n      this.tableRows = this._getRowsInInitialPositionOrder(this.tableRows);\n      this._syncDomRowOrder();\n      this._updateVisibleRows();\n      return;\n    }\n\n    if (this.mode === \"client\") {\n      const start = (this.currentPage - 1) * this.itemsPerPage;\n      const end = start + this.itemsPerPage;\n      const nextRows = [...this.tableRows];\n\n      const sortedVisibleRows = nextRows.slice(start, end).sort((left, right) => {\n        const leftValue = this._toComparableValue(left, key, columnIndex);\n        const rightValue = this._toComparableValue(right, key, columnIndex);\n        return this._compareValues(leftValue, rightValue, direction);\n      });\n      nextRows.splice(start, sortedVisibleRows.length, ...sortedVisibleRows);\n\n      this.tableRows = nextRows;\n      this._syncDomRowOrder();\n      this._updateVisibleRows();\n      return;\n    }\n\n    this.tableRows = [...this.tableRows].sort((left, right) => {\n      const leftValue = this._toComparableValue(left, key, columnIndex);\n      const rightValue = this._toComparableValue(right, key, columnIndex);\n      return this._compareValues(leftValue, rightValue, direction);\n    });\n\n    this._syncDomRowOrder();\n    this._updateVisibleRows();\n  }\n\n  private _syncDomRowOrder() {\n    const parent = this.tableRows[0]?.parentElement;\n    if (!parent) return;\n    this.tableRows.forEach(row => parent.appendChild(row));\n  }\n\n  private _handleSlotChange(e: Event) {\n    const slotted = (e.target as HTMLSlotElement)\n      .assignedElements({ flatten: true })\n      .filter(el => el instanceof SgdsDataTableRow) as SgdsDataTableRow[];\n\n    const rowTableChildren = (row: SgdsDataTableRow) =>\n      Array.from(row.children).filter(child => {\n        const tagName = child.tagName.toLowerCase();\n        const isTableCell = tagName === \"sgds-data-table-cell\" || tagName === \"sgds-data-table-head\";\n        if (!isTableCell) return false;\n        return child.getAttribute(\"slot\") !== \"content\";\n      });\n\n    this.headerRows = slotted.filter(row =>\n      rowTableChildren(row).some(child => child.tagName.toLowerCase() === \"sgds-data-table-head\")\n    );\n\n    this.tableRows = slotted.filter(row => {\n      const children = rowTableChildren(row);\n      return children.length > 0 && children.every(child => child.tagName.toLowerCase() === \"sgds-data-table-cell\");\n    });\n\n    this._headerCells = this.headerRows.reduce<SgdsDataTableHead[]>((acc, row) => {\n      const headers = Array.from(row.children).filter(\n        child => child instanceof SgdsDataTableHead\n      ) as SgdsDataTableHead[];\n      acc.push(...headers);\n      return acc;\n    }, []);\n\n    this._captureInitialRowPositions(this.tableRows);\n\n    this._headerCells.forEach(header => {\n      if (header.sorting && !header.sortDirection) {\n        header.sortDirection = \"none\";\n      }\n    });\n\n    this._configureRows();\n    this._updateVisibleRows();\n  }\n\n  private _updateVisibleRows() {\n    if (this.loading) {\n      this.tableRows.forEach(row => (row.style.display = \"none\"));\n      return;\n    }\n\n    if (this.mode === \"server\") {\n      this.tableRows.forEach(row => (row.style.display = \"\"));\n      return;\n    }\n\n    const total = this.dataLength || this.tableRows.length;\n    const lastPage = Math.max(1, Math.ceil(total / this.itemsPerPage));\n    if (this.currentPage > lastPage) {\n      this.currentPage = lastPage;\n      return;\n    }\n    const start = (this.currentPage - 1) * this.itemsPerPage;\n    const visible = new Set(this.tableRows.slice(start, start + this.itemsPerPage));\n    this.tableRows.forEach(row => (row.style.display = visible.has(row) ? \"\" : \"none\"));\n  }\n\n  private _getSkeletonColumnCount(): { dataColumns: number; hasExpand: boolean; hasCheckbox: boolean } {\n    const headerColumnCount = this._headerCells.reduce((count, header) => {\n      const span = Number(header.colSpan) > 0 ? Number(header.colSpan) : 1;\n      return count + span;\n    }, 0);\n\n    const firstBodyRow = this.tableRows[0];\n    const fallbackBodyColumnCount = firstBodyRow\n      ? Array.from(firstBodyRow.children).filter(child => child instanceof SgdsDataTableCell).length\n      : 0;\n\n    const hasExpand = this.tableRows.some(row => row.expand);\n    const dataColumns = headerColumnCount || fallbackBodyColumnCount || 1;\n\n    return { dataColumns, hasExpand, hasCheckbox: this.multiSelect };\n  }\n\n  private _renderLoadingSkeleton() {\n    const { dataColumns, hasExpand, hasCheckbox } = this._getSkeletonColumnCount();\n    const skeletonRows = Math.max(1, this.itemsPerPage || 1);\n\n    return Array.from(\n      { length: skeletonRows },\n      () =>\n        html`<div class=\"skeleton-row\" role=\"presentation\">\n          ${hasExpand\n            ? html`<div class=\"skeleton-cell control-cell\">\n                <sgds-skeleton .height=${\"20px\"} .width=${\"20px\"} .borderRadius=${\"4px\"}></sgds-skeleton>\n              </div>`\n            : nothing}\n          ${hasCheckbox\n            ? html`<div class=\"skeleton-cell control-cell\">\n                <sgds-skeleton .height=${\"24px\"} .width=${\"24px\"} .borderRadius=${\"4px\"}></sgds-skeleton>\n              </div>`\n            : nothing}\n          ${Array.from(\n            { length: dataColumns },\n            () =>\n              html`<div class=\"skeleton-cell\">\n                <sgds-skeleton .height=${\"100%\"} .borderRadius=${\"4px\"}></sgds-skeleton>\n              </div>`\n          )}\n        </div>`\n    );\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has(\"currentPage\") || changed.has(\"itemsPerPage\") || changed.has(\"mode\") || changed.has(\"loading\")) {\n      this._updateVisibleRows();\n    }\n    if (changed.has(\"multiSelect\")) {\n      this._configureRows();\n    }\n\n    if (this.multiSelect && (changed.has(\"tableRows\") || changed.has(\"headerRows\"))) {\n      this._syncHeaderCheckboxAfterRender();\n    }\n  }\n\n  render() {\n    const total = this.dataLength || this.tableRows.length;\n    const start = (this.currentPage - 1) * this.itemsPerPage;\n    const end = Math.min(start + this.itemsPerPage, total);\n    const displayStart = total === 0 ? 0 : start + 1;\n    const showNoData = !this.loading && this.tableRows.length === 0;\n    const showFooter = total !== 0;\n\n    return html`\n      <div class=\"data-table\">\n        <div class=\"table-container\">\n          <div class=\"table\">\n            <slot @slotchange=${this._handleSlotChange} @i-sgds-sort=${this._handleSort}></slot>\n            ${this.loading ? this._renderLoadingSkeleton() : nothing}\n          </div>\n          ${!this.loading && showNoData\n            ? html`<slot name=\"no-data\" class=\"no-data\" role=\"status\" aria-live=\"polite\">No data</slot>`\n            : nothing}\n        </div>\n\n        ${showFooter\n          ? html`<div class=\"footer\">\n              ${this.loading\n                ? html`<span></span>`\n                : this.paginationSummary || html`<span>Showing ${displayStart} to ${end} of ${total} results</span>`}\n              <sgds-pagination\n                .dataLength=${total}\n                .currentPage=${this.currentPage}\n                .itemsPerPage=${this.itemsPerPage}\n                .variant=${this.paginationVariant}\n                size=\"sm\"\n                @sgds-page-change=${(e: CustomEvent<ISgdsPaginationPageChangeEventDetail>) => {\n                  this.currentPage = e.detail.currentPage;\n                  this.emit(\"sgds-page-change\");\n                }}\n              ></sgds-pagination>\n            </div>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n\nexport default SgdsDataTable;\n"],"mappings":"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"}
+{"version":3,"file":"sgds-data-table.js","names":["tableStyle"],"sources":["../../../src/components/DataTable/sgds-data-table.ts"],"sourcesContent":["import { css, html, nothing } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport tableStyle from \"./data-table.css\";\nimport SgdsPagination from \"../Pagination/sgds-pagination\";\nimport type { ISgdsPaginationPageChangeEventDetail } from \"../Pagination/sgds-pagination\";\nimport SgdsDataTableRow from \"./sgds-data-table-row\";\nimport SgdsDataTableCell from \"./sgds-data-table-cell\";\nimport SgdsDataTableHead from \"./sgds-data-table-head\";\nimport SgdsSkeleton from \"../Skeleton/sgds-skeleton\";\nimport type { ISgdsDataTableRowSelectEventDetail, ISgdsDataTableSortEventDetail } from \"./types\";\nexport type { ISgdsDataTableRowSelectEventDetail, ISgdsDataTableSortEventDetail };\n\n/**\n * @summary A data table container with pagination, row selection, loading, and sorting support.\n *\n * @slot default - Insert one or more `sgds-data-table-row` elements.\n * @slot no-data - Custom content rendered when no body rows are available and `loading` is false.\n *\n * @event sgds-row-select - Emitted when row checkboxes change. Detail: `{ selected: Record<string, string>[] }`.\n * @event sgds-sort - Emitted when `serverSort` is true and a sorting column header is clicked.\n * Detail: `{ key: string; direction: \"ascending\" | \"descending\" | \"none\" }`.\n * @event sgds-page-change - Emitted when pagination changes page.\n */\nexport class SgdsDataTable extends SgdsElement {\n  static styles = [\n    ...SgdsElement.styles,\n    tableStyle,\n    css`\n      :host {\n        display: block;\n      }\n    `\n  ];\n\n  /** @internal */\n  static dependencies = {\n    \"sgds-pagination\": SgdsPagination,\n    \"sgds-data-table-cell\": SgdsDataTableCell,\n    \"sgds-data-table-head\": SgdsDataTableHead,\n    \"sgds-skeleton\": SgdsSkeleton\n  };\n\n  /** If true, renders a checkbox column for row selection. */\n  @property({ type: Boolean }) multiSelect = false;\n\n  /** Total number of data items (for server-side pagination). */\n  @property({ type: Number }) dataLength = 0;\n\n  /** Current page (1-based). */\n  @property({ type: Number }) currentPage = 1;\n\n  /** Number of rows per page. */\n  @property({ type: Number }) itemsPerPage = 5;\n\n  /** Custom text shown on the footer's left side. */\n  @property({ type: String }) paginationSummary = \"\";\n\n  /** When true, shows a loading state and hides body rows. */\n  @property({ type: Boolean }) loading = false;\n\n  /** When true, emits sort events for external handling instead of local sorting. */\n  @property({ type: Boolean }) serverSort = false;\n\n  /** Variant forwarded to the internal pagination component. */\n  @property({ type: String }) paginationVariant: \"default\" | \"number\" | \"button\" | \"description\" = \"default\";\n\n  /**\n   * Controls the CSS `table-layout` algorithm.\n   * Use \"auto\" to let the browser size columns based on content, or \"fixed\" to distribute column widths evenly regardless of content.\n   * @type {\"auto\" | \"fixed\"}\n   * @default \"auto\"\n   */\n  @property({ type: String, reflect: true }) layout: \"auto\" | \"fixed\" = \"auto\";\n\n  /**\n   * Pagination mode. `client` (default) slices rows and renders pagination controls.\n   * `server` renders all slotted rows as-is — the caller is responsible for passing\n   * the correct page of data and handling `sgds-page-change` externally.\n   */\n  @property({ type: String }) mode: \"client\" | \"server\" = \"client\";\n\n  @state() private tableRows: SgdsDataTableRow[] = [];\n  @state() private headerRows: SgdsDataTableRow[] = [];\n\n  private _headerCells: SgdsDataTableHead[] = [];\n  private _initialRowPositions = new WeakMap<SgdsDataTableRow, number>();\n  private _hasCapturedInitialRowPositions = false;\n\n  private _rowHandlers = new WeakMap<SgdsDataTableRow, EventListener>();\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  private _isRowChecked(row: SgdsDataTableRow) {\n    return row.checked || row.checkbox?.checked === true;\n  }\n\n  private _updateHeaderCheckbox() {\n    const checkedCount = this.tableRows.filter(r => this._isRowChecked(r)).length;\n\n    const allChecked = checkedCount === this.tableRows.length && checkedCount > 0;\n\n    this.headerRows.forEach(r => {\n      r.checked = allChecked;\n      if (r.checkbox) {\n        r.checkbox.checked = allChecked;\n        r.checkbox.indeterminate = checkedCount > 0 && !allChecked;\n      }\n    });\n  }\n\n  private async _syncHeaderCheckboxAfterRender() {\n    if (!this.multiSelect || this.headerRows.length === 0) return;\n\n    const rows = [...this.headerRows, ...this.tableRows];\n    await Promise.all(rows.map(row => row.updateComplete));\n    this._updateHeaderCheckbox();\n  }\n\n  private _emitRowSelect() {\n    const selected = this.tableRows.filter(r => this._isRowChecked(r)).map(r => this._getRowData(r));\n    this.emit(\"sgds-row-select\", { detail: { selected } });\n  }\n\n  private _attachRowListener(row: SgdsDataTableRow) {\n    const old = this._rowHandlers.get(row);\n    if (old) row.removeEventListener(\"i-sgds-change\", old);\n\n    const handler: EventListener = (e: Event) => {\n      const { checked } = (e as CustomEvent<{ checked: boolean }>).detail;\n\n      if (this.headerRows.includes(row)) {\n        this.tableRows.forEach(r => {\n          r.checked = checked;\n          if (r.checkbox) r.checkbox.checked = checked;\n        });\n      } else {\n        row.checked = checked;\n        this._updateHeaderCheckbox();\n      }\n      this._emitRowSelect();\n    };\n\n    this._rowHandlers.set(row, handler);\n    row.addEventListener(\"i-sgds-change\", handler);\n  }\n\n  private _configureRows() {\n    const hasExpand = this.tableRows.some(r => r.expand);\n    const hasDataRows = this.tableRows.length > 0;\n\n    this.headerRows.forEach(row => {\n      row.showCheckbox = this.multiSelect;\n      row.showExpandPlaceholder = hasExpand;\n      row.hasDataRows = hasDataRows;\n      if (this.multiSelect) this._attachRowListener(row);\n    });\n\n    this.tableRows.forEach(row => {\n      row.showCheckbox = this.multiSelect;\n      row.showExpandPlaceholder = !row.expand && hasExpand;\n      if (this.multiSelect) this._attachRowListener(row);\n    });\n\n    if (this.multiSelect) {\n      this._syncHeaderCheckboxAfterRender();\n    }\n\n    this._applyColumnAlignment();\n  }\n\n  private _applyColumnAlignment() {\n    const headerAlignments = this._headerCells.reduce<Array<\"left\" | \"right\">>((acc, header) => {\n      const span = Number(header.colSpan) > 0 ? Number(header.colSpan) : 1;\n      const alignment = header.textAlign ?? \"left\";\n      for (let i = 0; i < span; i++) {\n        acc.push(alignment);\n      }\n      return acc;\n    }, []);\n\n    this.headerRows.forEach(row => {\n      row.columnAlignments = [...headerAlignments];\n    });\n\n    this.tableRows.forEach(row => {\n      row.columnAlignments = [...headerAlignments];\n    });\n  }\n\n  private _extractCellText(row: SgdsDataTableRow, columnIndex: number) {\n    const rowCellText = row.getCellText(columnIndex);\n    if (rowCellText) return rowCellText;\n\n    const cells = Array.from(row.children).filter(child => child.tagName.toLowerCase() === \"sgds-data-table-cell\");\n    const cell = cells[columnIndex];\n    return (cell?.textContent || \"\").trim();\n  }\n\n  private _getRowData(row: SgdsDataTableRow): Record<string, string> {\n    const data: Record<string, string> = {};\n    this._headerCells.forEach((header, index) => {\n      const key = header.sortKey || (header.textContent ?? \"\").trim() || `col-${index}`;\n      data[key] = this._extractCellText(row, index);\n    });\n    return data;\n  }\n\n  private _toComparableValue(row: SgdsDataTableRow, _key: string, columnIndex: number) {\n    return this._extractCellText(row, columnIndex);\n  }\n\n  private _compareValues(left: unknown, right: unknown, direction: \"ascending\" | \"descending\") {\n    if (left === right) return 0;\n\n    const leftNumber = Number(left);\n    const rightNumber = Number(right);\n    const bothNumeric = Number.isFinite(leftNumber) && Number.isFinite(rightNumber);\n\n    if (bothNumeric) {\n      return direction === \"ascending\" ? leftNumber - rightNumber : rightNumber - leftNumber;\n    }\n\n    const cmp = String(left).localeCompare(String(right), undefined, { numeric: true, sensitivity: \"base\" });\n    return direction === \"ascending\" ? cmp : -cmp;\n  }\n\n  private _resetOtherHeaderSortStates(activeHeader: SgdsDataTableHead | null) {\n    this._headerCells.forEach(header => {\n      if (header !== activeHeader && header.sorting) {\n        header.sortDirection = \"none\";\n      }\n    });\n  }\n\n  private _getRowsInInitialPositionOrder(rows: SgdsDataTableRow[]) {\n    return [...rows].sort((left, right) => {\n      const leftPosition = this._initialRowPositions.get(left);\n      const rightPosition = this._initialRowPositions.get(right);\n\n      if (leftPosition === undefined && rightPosition === undefined) return 0;\n      if (leftPosition === undefined) return 1;\n      if (rightPosition === undefined) return -1;\n      return leftPosition - rightPosition;\n    });\n  }\n\n  private _captureInitialRowPositions(rows: SgdsDataTableRow[]) {\n    if (this._hasCapturedInitialRowPositions) return;\n\n    rows.forEach((row, index) => {\n      this._initialRowPositions.set(row, index);\n    });\n\n    this._hasCapturedInitialRowPositions = true;\n  }\n\n  private _handleSort(e: Event) {\n    const activeHeader = e.composedPath().find(node => node instanceof SgdsDataTableHead) as\n      | SgdsDataTableHead\n      | undefined;\n\n    if (!activeHeader || !activeHeader.sorting) return;\n\n    const { key, direction } = (e as CustomEvent<ISgdsDataTableSortEventDetail>).detail;\n    const columnIndex = activeHeader ? this._headerCells.indexOf(activeHeader) : -1;\n\n    this._resetOtherHeaderSortStates(activeHeader);\n\n    if (this.serverSort) {\n      e.stopPropagation();\n      this.emit(\"sgds-sort\", { detail: { key, direction } });\n      return;\n    }\n\n    if (columnIndex < 0) return;\n\n    if (direction === \"none\") {\n      this.tableRows = this._getRowsInInitialPositionOrder(this.tableRows);\n      this._syncDomRowOrder();\n      this._updateVisibleRows();\n      return;\n    }\n\n    if (this.mode === \"client\") {\n      const start = (this.currentPage - 1) * this.itemsPerPage;\n      const end = start + this.itemsPerPage;\n      const nextRows = [...this.tableRows];\n\n      const sortedVisibleRows = nextRows.slice(start, end).sort((left, right) => {\n        const leftValue = this._toComparableValue(left, key, columnIndex);\n        const rightValue = this._toComparableValue(right, key, columnIndex);\n        return this._compareValues(leftValue, rightValue, direction);\n      });\n      nextRows.splice(start, sortedVisibleRows.length, ...sortedVisibleRows);\n\n      this.tableRows = nextRows;\n      this._syncDomRowOrder();\n      this._updateVisibleRows();\n      return;\n    }\n\n    this.tableRows = [...this.tableRows].sort((left, right) => {\n      const leftValue = this._toComparableValue(left, key, columnIndex);\n      const rightValue = this._toComparableValue(right, key, columnIndex);\n      return this._compareValues(leftValue, rightValue, direction);\n    });\n\n    this._syncDomRowOrder();\n    this._updateVisibleRows();\n  }\n\n  private _syncDomRowOrder() {\n    const parent = this.tableRows[0]?.parentElement;\n    if (!parent) return;\n    this.tableRows.forEach(row => parent.appendChild(row));\n  }\n\n  private _handleSlotChange(e: Event) {\n    const slotted = (e.target as HTMLSlotElement)\n      .assignedElements({ flatten: true })\n      .filter(el => el instanceof SgdsDataTableRow) as SgdsDataTableRow[];\n\n    const rowTableChildren = (row: SgdsDataTableRow) =>\n      Array.from(row.children).filter(child => {\n        const tagName = child.tagName.toLowerCase();\n        const isTableCell = tagName === \"sgds-data-table-cell\" || tagName === \"sgds-data-table-head\";\n        if (!isTableCell) return false;\n        return child.getAttribute(\"slot\") !== \"content\";\n      });\n\n    this.headerRows = slotted.filter(row =>\n      rowTableChildren(row).some(child => child.tagName.toLowerCase() === \"sgds-data-table-head\")\n    );\n\n    this.tableRows = slotted.filter(row => {\n      const children = rowTableChildren(row);\n      return children.length > 0 && children.every(child => child.tagName.toLowerCase() === \"sgds-data-table-cell\");\n    });\n\n    this._headerCells = this.headerRows.reduce<SgdsDataTableHead[]>((acc, row) => {\n      const headers = Array.from(row.children).filter(\n        child => child instanceof SgdsDataTableHead\n      ) as SgdsDataTableHead[];\n      acc.push(...headers);\n      return acc;\n    }, []);\n\n    this._captureInitialRowPositions(this.tableRows);\n\n    this._headerCells.forEach(header => {\n      if (header.sorting && !header.sortDirection) {\n        header.sortDirection = \"none\";\n      }\n    });\n\n    this._configureRows();\n    this._updateVisibleRows();\n  }\n\n  private _updateVisibleRows() {\n    if (this.loading) {\n      this.tableRows.forEach(row => (row.style.display = \"none\"));\n      return;\n    }\n\n    if (this.mode === \"server\") {\n      this.tableRows.forEach(row => (row.style.display = \"\"));\n      return;\n    }\n\n    const total = this.dataLength || this.tableRows.length;\n    const lastPage = Math.max(1, Math.ceil(total / this.itemsPerPage));\n    if (this.currentPage > lastPage) {\n      this.currentPage = lastPage;\n      return;\n    }\n    const start = (this.currentPage - 1) * this.itemsPerPage;\n    const visible = new Set(this.tableRows.slice(start, start + this.itemsPerPage));\n    this.tableRows.forEach(row => (row.style.display = visible.has(row) ? \"\" : \"none\"));\n  }\n\n  private _getSkeletonColumnCount(): { dataColumns: number; hasExpand: boolean; hasCheckbox: boolean } {\n    const headerColumnCount = this._headerCells.reduce((count, header) => {\n      const span = Number(header.colSpan) > 0 ? Number(header.colSpan) : 1;\n      return count + span;\n    }, 0);\n\n    const firstBodyRow = this.tableRows[0];\n    const fallbackBodyColumnCount = firstBodyRow\n      ? Array.from(firstBodyRow.children).filter(child => child instanceof SgdsDataTableCell).length\n      : 0;\n\n    const hasExpand = this.tableRows.some(row => row.expand);\n    const dataColumns = headerColumnCount || fallbackBodyColumnCount || 1;\n\n    return { dataColumns, hasExpand, hasCheckbox: this.multiSelect };\n  }\n\n  private _renderLoadingSkeleton() {\n    const { dataColumns, hasExpand, hasCheckbox } = this._getSkeletonColumnCount();\n    const skeletonRows = Math.max(1, this.itemsPerPage || 1);\n\n    return Array.from(\n      { length: skeletonRows },\n      () =>\n        html`<div class=\"skeleton-row\" role=\"presentation\">\n          ${hasExpand\n            ? html`<div class=\"skeleton-cell control-cell\">\n                <sgds-skeleton .height=${\"20px\"} .width=${\"20px\"} .borderRadius=${\"4px\"}></sgds-skeleton>\n              </div>`\n            : nothing}\n          ${hasCheckbox\n            ? html`<div class=\"skeleton-cell control-cell\">\n                <sgds-skeleton .height=${\"24px\"} .width=${\"24px\"} .borderRadius=${\"4px\"}></sgds-skeleton>\n              </div>`\n            : nothing}\n          ${Array.from(\n            { length: dataColumns },\n            () =>\n              html`<div class=\"skeleton-cell\">\n                <sgds-skeleton .height=${\"100%\"} .borderRadius=${\"4px\"}></sgds-skeleton>\n              </div>`\n          )}\n        </div>`\n    );\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has(\"currentPage\") || changed.has(\"itemsPerPage\") || changed.has(\"mode\") || changed.has(\"loading\")) {\n      this._updateVisibleRows();\n    }\n    if (changed.has(\"multiSelect\")) {\n      this._configureRows();\n    }\n\n    if (this.multiSelect && (changed.has(\"tableRows\") || changed.has(\"headerRows\"))) {\n      this._syncHeaderCheckboxAfterRender();\n    }\n  }\n\n  render() {\n    const total = this.dataLength || this.tableRows.length;\n    const start = (this.currentPage - 1) * this.itemsPerPage;\n    const end = Math.min(start + this.itemsPerPage, total);\n    const displayStart = total === 0 ? 0 : start + 1;\n    const showNoData = !this.loading && this.tableRows.length === 0;\n    const showFooter = total !== 0;\n\n    return html`\n      <div class=\"data-table\">\n        <div class=\"table-container\">\n          <div class=\"table\" role=\"table\">\n            <slot @slotchange=${this._handleSlotChange} @i-sgds-sort=${this._handleSort}></slot>\n            ${this.loading ? this._renderLoadingSkeleton() : nothing}\n          </div>\n          ${!this.loading && showNoData\n            ? html`<slot name=\"no-data\" class=\"no-data\" role=\"status\" aria-live=\"polite\">No data</slot>`\n            : nothing}\n        </div>\n\n        ${showFooter\n          ? html`<div class=\"footer\">\n              ${this.loading\n                ? html`<span></span>`\n                : this.paginationSummary || html`<span>Showing ${displayStart} to ${end} of ${total} results</span>`}\n              <sgds-pagination\n                .dataLength=${total}\n                .currentPage=${this.currentPage}\n                .itemsPerPage=${this.itemsPerPage}\n                .variant=${this.paginationVariant}\n                size=\"sm\"\n                @sgds-page-change=${(e: CustomEvent<ISgdsPaginationPageChangeEventDetail>) => {\n                  this.currentPage = e.detail.currentPage;\n                  this.emit(\"sgds-page-change\");\n                }}\n              ></sgds-pagination>\n            </div>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n\nexport default SgdsDataTable;\n"],"mappings":"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"}

package/components/Datepicker/index.umd.min.js

@@ -99,7 +99,7 @@ let n=e._$AN;if(n===void 0)return!1;for(let e of n)e._$AO?.(t,!1),ht(e,t);return
 * Copyright 2020 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
-let wr=Symbol.for(``),Tr=e=>{if(e?.r===wr)return e?._$litStatic$},Er=(e,...t)=>({_$litStatic$:t.reduce((t,n,r)=>t+(e=>{if(e._$litStatic$!==void 0)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`)})(n)+e[r+1],e[0]),r:wr}),Dr=/* @__PURE__ */ new Map,J=(e=>(t,...n)=>{let r=n.length,i,a,o=[],s=[],c,l=0,u=!1;for(;l<r;){for(c=t[l];l<r&&(a=n[l],(i=Tr(a))!==void 0);)c+=i+t[++l],u=!0;l!==r&&s.push(a),o.push(c),l++}if(l===r&&o.push(t[r]),u){let e=o.join(`$$lit$$`);(t=Dr.get(e))===void 0&&(o.raw=o,Dr.set(e,t=o)),n=s}return e(t,...n)})(w);k();var Or=y`:host{--btn-font-weight:var(--sgds-font-weight-regular);--btn-color:var(--sgds-color-fixed-light);--btn-bg:var(--sgds-primary-surface-default);--btn-hover-bg:var(--sgds-primary-surface-emphasis);--btn-border-radius:var(--sgds-border-radius-md);--btn-opacity:var(--sgds-opacity-100,1)}:host([variant=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=brand]){--btn-bg:var(--sgds-primary-surface-default);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline]){--btn-border-width:var(--sgds-border-width-1)}:host([variant=outline][tone=brand]){--btn-border-color:var(--sgds-primary-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-color:var(--sgds-primary-color-default);--btn-hover-bg:var(--sgds-primary-bg-translucent)}:host([variant=ghost][tone=brand]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-primary-surface-translucent);--btn-color:var(--sgds-primary-color-default)}:host([variant=primary][tone=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline][tone=danger]){--btn-border-color:var(--sgds-danger-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=ghost][tone=danger]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=primary][tone=fixed-light]){--btn-bg:var(--sgds-surface-fixed-light);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 0%,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 100%),var(--sgds-surface-fixed-light,#fff);--btn-color:var(--sgds-color-fixed-dark)}:host([variant=outline][tone=fixed-light]){--btn-border-color:var(--sgds-border-color-fixed-light);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=ghost][tone=fixed-light]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=neutral]){--btn-bg:var(--sgds-surface-inverse);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-surface-inverse);--btn-color:var(--sgds-color-inverse)}:host([variant=outline][tone=neutral]){--btn-border-color:var(--sgds-border-color-emphasis);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost][tone=neutral]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost]) .btn,:host([variant=outline]) .btn,:host([variant=primary]) .btn{color:var(--btn-color)}:host([variant=outline]) .btn{border:var(--btn-border-width) solid var(--btn-border-color)}:host([size=lg]) .btn{font-size:var(--sgds-font-size-label-lg);height:var(--sgds-dimension-56);line-height:var(--sgds-line-height-md);min-width:var(--sgds-dimension-112);padding:var(--sgds-padding-none) var(--sgds-padding-xl)}:host([size=sm]) .btn{font-size:var(--sgds-font-size-label-sm);height:var(--sgds-dimension-40);line-height:var(--sgds-line-height-2-xs);min-width:var(--sgds-dimension-80);padding:var(--sgds-padding-none) var(--sgds-padding-md)}:host([size=xs]) .btn{font-size:var(--sgds-font-size-label-xs);height:var(--sgds-dimension-32);line-height:var(--sgds-line-height-3-xs);min-width:var(--sgds-dimension-64);padding:var(--sgds-padding-none) var(--sgds-padding-sm)}.btn{align-items:center;background-color:var(--btn-bg);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--btn-border-radius);color:var(--sgds-color-fixed-light);cursor:pointer;display:inline-flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--btn-font-weight);gap:var(--sgds-gap-2-xs);height:var(--sgds-dimension-48);justify-content:center;line-height:var(--sgds-line-height-xs);min-width:var(--sgds-dimension-96);opacity:var(--btn-opacity);padding:var(--sgds-padding-none) var(--sgds-padding-lg);text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle;white-space:nowrap;width:inherit}.btn.active,.btn:hover{background:var(--btn-hover-bg)}.btn:focus-visible{background:var(--btn-hover-bg);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.btn.disabled,.btn:disabled{color:var(--btn-color);cursor:not-allowed;opacity:var(--sgds-opacity-40)}.btn.loading{cursor:default}.btn slot::slotted(*){color:var(--btn-color)}`,Y=class extends U{constructor(...e){super(...e),this.variant=`primary`,this.tone=`brand`,this.size=`md`,this.active=!1,this.disabled=!1,this.target=`_self`}static{this.styles=[...U.styles,Or]}focus(e){this.button.focus(e)}click(){this.button.click()}blur(){this.button.blur()}_handleBlur(){this.emit(`sgds-blur`)}_handleFocus(){this.emit(`sgds-focus`)}_handleClick(e){if(this.disabled||this.loading){e.preventDefault(),e.stopPropagation();return}}_handleKeydown(e){if(e.key===`Enter`&&this.loading){e.preventDefault(),e.stopPropagation();return}}_assignSpinnerSize(e){if(e===`xs`||e===`sm`)return`xs`;if(e===`md`||e===`lg`)return`sm`}_assignSpinnerTone(e,t){return e===`fixed-light`&&t===`primary`?`fixed-dark`:e===`neutral`&&t===`primary`?`inverse`:e===`fixed-light`||t===`primary`?`fixed-light`:e===`neutral`&&(t===`outline`||t===`ghost`)?`neutral`:`brand`}};H([ot(`.btn`)],Y.prototype,`button`,void 0),H([A({reflect:!0})],Y.prototype,`variant`,void 0),H([A({reflect:!0})],Y.prototype,`tone`,void 0),H([A({reflect:!0})],Y.prototype,`size`,void 0),H([A({type:Boolean,reflect:!0})],Y.prototype,`active`,void 0),H([A({type:Boolean,reflect:!0})],Y.prototype,`disabled`,void 0),H([A({type:String,reflect:!0})],Y.prototype,`href`,void 0),H([A({type:String,reflect:!0})],Y.prototype,`target`,void 0),H([A({type:String,reflect:!0})],Y.prototype,`download`,void 0),H([A({type:String})],Y.prototype,`ariaLabel`,void 0),H([A({type:Boolean})],Y.prototype,`loading`,void 0);function kr(e){if(!e)return e;let t=e.trim().toLowerCase();if(!(t.startsWith(`javascript:`)||t.startsWith(`data:`)||t.startsWith(`vbscript:`)))return e}var Ar=class{constructor(e,...t){this.slotNames=[],(this.host=e).addController(this),this.slotNames=t,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent?.trim()!==``)return!0;if(e.nodeType===e.ELEMENT_NODE){let t=e;if(t.tagName.toLowerCase()===`sl-visually-hidden`)return!1;if(!t.hasAttribute(`slot`))return!0}return!1})}hasNamedSlot(e){return this.host.querySelector(`:scope > [slot="${e}"]`)!==null}test(e){return e===`[default]`?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){this.host.shadowRoot?.addEventListener(`slotchange`,this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot?.removeEventListener(`slotchange`,this.handleSlotChange)}handleSlotChange(e){let t=e.target;(this.slotNames.includes(`[default]`)&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()}},jr=class{constructor(e,t){(this.host=e).addController(this),this.options={form:e=>e.closest(`form`),...t}}hostConnected(){this.form=this.options.form(this.host)}hostDisconnected(){this.form&&=void 0}doAction(e,t){if(this.form){let n=document.createElement(`button`);n.type=e,n.style.position=`absolute`,n.style.width=`0`,n.style.height=`0`,n.style.clipPath=`inset(50%)`,n.style.overflow=`hidden`,n.style.whiteSpace=`nowrap`,t&&([`formaction`,`formmethod`,`formnovalidate`,`formtarget`].forEach(e=>{t.hasAttribute(e)&&n.setAttribute(e,t.getAttribute(e))}),e===`submit`&&t.hasAttribute(`name`)&&(n.name=t.getAttribute(`name`),n.value=t.getAttribute(`value`)||``)),this.form.append(n),n.click(),n.remove()}}reset(e){this.doAction(`reset`,e)}submit(e){this.doAction(`submit`,e)}};k();var Mr=y`::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230e0e0e' fill-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4M12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230e0e0e' fill-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4M12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}`;k();var Nr=y`:host{display:inline-block}:host([fullWidth]),:host([fullWidth]) .btn{width:100%}:host([fullWidth]) .btn.has-left-icon{justify-content:flex-start}:host([fullWidth]) .btn.has-right-icon{justify-content:space-between}:host([fullWidth]) .btn.has-left-icon.has-right-icon{justify-content:center}.btn span{padding:0 var(--sgds-padding-2-xs)}.btn.no-icon{gap:var(--sgds-gap-none)}.loading{cursor:default}`,X=class extends Y{constructor(...e){super(...e),this.formSubmitController=new jr(this,{form:e=>{if(e.hasAttribute(`form`)){let t=e.getRootNode(),n=e.getAttribute(`form`);return t.getElementById(n)}return e.closest(`form`)}}),this.type=`button`,this.fullWidth=!1,this.hasLeftIconSlot=!1,this.hasRightIconSlot=!1,this.hasSlotController=new Ar(this,`leftIcon`,`rightIcon`),this._clickHandler=()=>{this.type===`submit`&&this.formSubmitController.submit(this),this.type===`reset`&&this.formSubmitController.reset(this)}}static{this.styles=[...Y.styles,Mr,Nr]}updated(){this.hasLeftIconSlot||=this.hasSlotController.test(`leftIcon`),this.hasRightIconSlot||=this.hasSlotController.test(`rightIcon`)}_handleClick(e){if(this.disabled||this.loading){e.preventDefault(),e.stopPropagation();return}this.removeEventListener(`click`,this._clickHandler),this.addEventListener(`click`,this._clickHandler)}render(){let e=this.href,t=e?Er`a`:Er`button`,n=!this.hasLeftIconSlot&&!this.hasRightIconSlot;return J`
+let wr=Symbol.for(``),Tr=e=>{if(e?.r===wr)return e?._$litStatic$},Er=(e,...t)=>({_$litStatic$:t.reduce((t,n,r)=>t+(e=>{if(e._$litStatic$!==void 0)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`)})(n)+e[r+1],e[0]),r:wr}),Dr=/* @__PURE__ */ new Map,J=(e=>(t,...n)=>{let r=n.length,i,a,o=[],s=[],c,l=0,u=!1;for(;l<r;){for(c=t[l];l<r&&(a=n[l],(i=Tr(a))!==void 0);)c+=i+t[++l],u=!0;l!==r&&s.push(a),o.push(c),l++}if(l===r&&o.push(t[r]),u){let e=o.join(`$$lit$$`);(t=Dr.get(e))===void 0&&(o.raw=o,Dr.set(e,t=o)),n=s}return e(t,...n)})(w);k();var Or=y`:host{--btn-font-weight:var(--sgds-font-weight-regular);--btn-color:var(--sgds-color-fixed-light);--btn-bg:var(--sgds-primary-surface-default);--btn-hover-bg:var(--sgds-primary-surface-emphasis);--btn-border-radius:var(--sgds-border-radius-md);--btn-opacity:var(--sgds-opacity-100,1)}:host([variant=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=brand]){--btn-bg:var(--sgds-primary-surface-default);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline]){--btn-border-width:var(--sgds-border-width-1)}:host([variant=outline][tone=brand]){--btn-border-color:var(--sgds-primary-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-color:var(--sgds-primary-color-default);--btn-hover-bg:var(--sgds-primary-bg-translucent)}:host([variant=ghost][tone=brand]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-primary-surface-translucent);--btn-color:var(--sgds-primary-color-default)}:host([variant=primary][tone=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline][tone=danger]){--btn-border-color:var(--sgds-danger-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=ghost][tone=danger]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=primary][tone=fixed-light]){--btn-bg:var(--sgds-surface-fixed-light);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 0%,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 100%),var(--sgds-surface-fixed-light,#fff);--btn-color:var(--sgds-color-fixed-dark)}:host([variant=outline][tone=fixed-light]){--btn-border-color:var(--sgds-border-color-fixed-light);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=ghost][tone=fixed-light]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=neutral]){--btn-bg:var(--sgds-surface-inverse);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-surface-inverse);--btn-color:var(--sgds-color-inverse)}:host([variant=outline][tone=neutral]){--btn-border-color:var(--sgds-border-color-emphasis);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost][tone=neutral]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost]) .btn,:host([variant=outline]) .btn,:host([variant=primary]) .btn{color:var(--btn-color)}:host([variant=outline]) .btn{border:var(--btn-border-width) solid var(--btn-border-color)}:host([size=lg]) .btn{font-size:var(--sgds-font-size-label-lg);height:var(--sgds-dimension-56);line-height:var(--sgds-line-height-md);min-width:var(--sgds-dimension-112);padding:var(--sgds-padding-none) var(--sgds-padding-xl)}:host([size=sm]) .btn{font-size:var(--sgds-font-size-label-sm);height:var(--sgds-dimension-40);line-height:var(--sgds-line-height-2-xs);min-width:var(--sgds-dimension-80);padding:var(--sgds-padding-none) var(--sgds-padding-md)}:host([size=xs]) .btn{font-size:var(--sgds-font-size-label-xs);height:var(--sgds-dimension-32);line-height:var(--sgds-line-height-3-xs);min-width:var(--sgds-dimension-64);padding:var(--sgds-padding-none) var(--sgds-padding-sm)}.btn{align-items:center;background-color:var(--btn-bg);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--btn-border-radius);color:var(--sgds-color-fixed-light);cursor:pointer;display:inline-flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--btn-font-weight);gap:var(--sgds-gap-2-xs);height:var(--sgds-dimension-48);justify-content:center;line-height:var(--sgds-line-height-xs);min-width:var(--sgds-dimension-96);opacity:var(--btn-opacity);padding:var(--sgds-padding-none) var(--sgds-padding-lg);position:relative;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle;white-space:nowrap;width:inherit}.btn.active,.btn:hover{background:var(--btn-hover-bg)}.btn:focus-visible{background:var(--btn-hover-bg);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host(:not([disabled])) .btn:active:after{background-color:var(--sgds-bg-translucent);border-radius:inherit;content:"";inset:0;position:absolute}.btn.disabled,.btn:disabled{color:var(--btn-color);cursor:not-allowed;opacity:var(--sgds-opacity-40)}.btn.loading{cursor:default}.btn slot::slotted(*){color:var(--btn-color)}`,Y=class extends U{constructor(...e){super(...e),this.variant=`primary`,this.tone=`brand`,this.size=`md`,this.active=!1,this.disabled=!1,this.target=`_self`}static{this.styles=[...U.styles,Or]}focus(e){this.button.focus(e)}click(){this.button.click()}blur(){this.button.blur()}_handleBlur(){this.emit(`sgds-blur`)}_handleFocus(){this.emit(`sgds-focus`)}_handleClick(e){if(this.disabled||this.loading){e.preventDefault(),e.stopPropagation();return}}_handleKeydown(e){if(e.key===`Enter`&&this.loading){e.preventDefault(),e.stopPropagation();return}}_assignSpinnerSize(e){if(e===`xs`||e===`sm`)return`xs`;if(e===`md`||e===`lg`)return`sm`}_assignSpinnerTone(e,t){return e===`fixed-light`&&t===`primary`?`fixed-dark`:e===`neutral`&&t===`primary`?`inverse`:e===`fixed-light`||t===`primary`?`fixed-light`:e===`neutral`&&(t===`outline`||t===`ghost`)?`neutral`:`brand`}};H([ot(`.btn`)],Y.prototype,`button`,void 0),H([A({reflect:!0})],Y.prototype,`variant`,void 0),H([A({reflect:!0})],Y.prototype,`tone`,void 0),H([A({reflect:!0})],Y.prototype,`size`,void 0),H([A({type:Boolean,reflect:!0})],Y.prototype,`active`,void 0),H([A({type:Boolean,reflect:!0})],Y.prototype,`disabled`,void 0),H([A({type:String,reflect:!0})],Y.prototype,`href`,void 0),H([A({type:String,reflect:!0})],Y.prototype,`target`,void 0),H([A({type:String,reflect:!0})],Y.prototype,`download`,void 0),H([A({type:String})],Y.prototype,`ariaLabel`,void 0),H([A({type:Boolean})],Y.prototype,`loading`,void 0);function kr(e){if(!e)return e;let t=e.trim().toLowerCase();if(!(t.startsWith(`javascript:`)||t.startsWith(`data:`)||t.startsWith(`vbscript:`)))return e}var Ar=class{constructor(e,...t){this.slotNames=[],(this.host=e).addController(this),this.slotNames=t,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent?.trim()!==``)return!0;if(e.nodeType===e.ELEMENT_NODE){let t=e;if(t.tagName.toLowerCase()===`sl-visually-hidden`)return!1;if(!t.hasAttribute(`slot`))return!0}return!1})}hasNamedSlot(e){return this.host.querySelector(`:scope > [slot="${e}"]`)!==null}test(e){return e===`[default]`?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){this.host.shadowRoot?.addEventListener(`slotchange`,this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot?.removeEventListener(`slotchange`,this.handleSlotChange)}handleSlotChange(e){let t=e.target;(this.slotNames.includes(`[default]`)&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()}},jr=class{constructor(e,t){(this.host=e).addController(this),this.options={form:e=>e.closest(`form`),...t}}hostConnected(){this.form=this.options.form(this.host)}hostDisconnected(){this.form&&=void 0}doAction(e,t){if(this.form){let n=document.createElement(`button`);n.type=e,n.style.position=`absolute`,n.style.width=`0`,n.style.height=`0`,n.style.clipPath=`inset(50%)`,n.style.overflow=`hidden`,n.style.whiteSpace=`nowrap`,t&&([`formaction`,`formmethod`,`formnovalidate`,`formtarget`].forEach(e=>{t.hasAttribute(e)&&n.setAttribute(e,t.getAttribute(e))}),e===`submit`&&t.hasAttribute(`name`)&&(n.name=t.getAttribute(`name`),n.value=t.getAttribute(`value`)||``)),this.form.append(n),n.click(),n.remove()}}reset(e){this.doAction(`reset`,e)}submit(e){this.doAction(`submit`,e)}};k();var Mr=y`::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230e0e0e' fill-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4M12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230e0e0e' fill-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4M12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}`;k();var Nr=y`:host{display:inline-block}:host([fullWidth]),:host([fullWidth]) .btn{width:100%}:host([fullWidth]) .btn.has-left-icon{justify-content:flex-start}:host([fullWidth]) .btn.has-right-icon{justify-content:space-between}:host([fullWidth]) .btn.has-left-icon.has-right-icon{justify-content:center}.btn span{padding:0 var(--sgds-padding-2-xs)}.btn.no-icon{gap:var(--sgds-gap-none)}.loading{cursor:default}`,X=class extends Y{constructor(...e){super(...e),this.formSubmitController=new jr(this,{form:e=>{if(e.hasAttribute(`form`)){let t=e.getRootNode(),n=e.getAttribute(`form`);return t.getElementById(n)}return e.closest(`form`)}}),this.type=`button`,this.fullWidth=!1,this.hasLeftIconSlot=!1,this.hasRightIconSlot=!1,this.hasSlotController=new Ar(this,`leftIcon`,`rightIcon`),this._clickHandler=()=>{this.type===`submit`&&this.formSubmitController.submit(this),this.type===`reset`&&this.formSubmitController.reset(this)}}static{this.styles=[...Y.styles,Mr,Nr]}updated(){this.hasLeftIconSlot||=this.hasSlotController.test(`leftIcon`),this.hasRightIconSlot||=this.hasSlotController.test(`rightIcon`)}_handleClick(e){if(this.disabled||this.loading){e.preventDefault(),e.stopPropagation();return}this.removeEventListener(`click`,this._clickHandler),this.addEventListener(`click`,this._clickHandler)}render(){let e=this.href,t=e?Er`a`:Er`button`,n=!this.hasLeftIconSlot&&!this.hasRightIconSlot;return J`
       <${t}
         class="btn ${K({disabled:this.disabled,active:this.active,"has-left-icon":this.hasLeftIconSlot,"has-right-icon":this.hasRightIconSlot,"no-icon":n,loading:this.loading})}"
         ?disabled=${q(e?void 0:this.disabled)}
@@ -123,7 +123,7 @@ let wr=Symbol.for(``),Tr=e=>{if(e?.r===wr)return e?._$litStatic$},Er=(e,...t)=>(
                size=${q(this._assignSpinnerSize(this.size))}
                tone=${q(this._assignSpinnerTone(this.tone,this.variant))}
              ></sgds-spinner>`:J`<slot name="leftIcon"></slot>
-               <span><slot></slot></span>
+               <span role="presentation"><slot></slot></span>
                <slot name="rightIcon"></slot>`}
       
       </${t}>
@@ -2581,6 +2581,7 @@ let wr=Symbol.for(``),Tr=e=>{if(e?.r===wr)return e?._$litStatic$},Er=(e,...t)=>(
     `}_renderPasswordToggle(){return J`<sgds-icon
       tabIndex="0"
       role="button"
+      aria-label=${this._showPassword?`Hide password`:`Show password`}
       name=${this._showPassword?`eye-slash-fill`:`eye-fill`}
       @click=${()=>this._showPassword=!this._showPassword}
     ></sgds-icon>`}_inputType(){return this.type===`password`&&this._showPassword?`text`:this.type}_renderFeedback(){let e=this.hasFeedback===`both`||this.hasFeedback===`text`;return this.invalid&&e?J` <div class="invalid-feedback-container">