@govtechsg/sgds-web-component 3.26.1-rc.1 → 3.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/components/Checkbox/index.umd.min.js +233 -233
  2. package/components/Checkbox/index.umd.min.js.map +1 -1
  3. package/components/Checkbox/sgds-checkbox.d.ts +0 -1
  4. package/components/Checkbox/sgds-checkbox.js +1 -6
  5. package/components/Checkbox/sgds-checkbox.js.map +1 -1
  6. package/components/ComboBox/index.umd.min.js +241 -241
  7. package/components/ComboBox/index.umd.min.js.map +1 -1
  8. package/components/Datepicker/index.umd.min.js +86 -86
  9. package/components/Datepicker/index.umd.min.js.map +1 -1
  10. package/components/Input/index.umd.min.js +2 -2
  11. package/components/Input/index.umd.min.js.map +1 -1
  12. package/components/Input/input.js +1 -1
  13. package/components/QuantityToggle/index.umd.min.js +40 -40
  14. package/components/QuantityToggle/index.umd.min.js.map +1 -1
  15. package/components/QuantityToggle/sgds-quantity-toggle.d.ts +1 -2
  16. package/components/QuantityToggle/sgds-quantity-toggle.js +9 -18
  17. package/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
  18. package/components/Select/index.umd.min.js +1 -1
  19. package/components/Tab/index.umd.min.js +1 -1
  20. package/components/Tab/index.umd.min.js.map +1 -1
  21. package/components/Tab/tab-panel.js +1 -1
  22. package/components/Textarea/index.umd.min.js +1 -1
  23. package/components/Textarea/index.umd.min.js.map +1 -1
  24. package/components/Textarea/textarea.js +1 -1
  25. package/components/index.d.ts +0 -4
  26. package/components/index.js +0 -4
  27. package/components/index.js.map +1 -1
  28. package/components/index.umd.min.js +482 -576
  29. package/components/index.umd.min.js.map +1 -1
  30. package/css/fouc.css +1 -5
  31. package/custom-elements.json +3036 -4391
  32. package/index.d.ts +0 -1
  33. package/index.js +0 -1
  34. package/index.js.map +1 -1
  35. package/index.umd.min.js +311 -405
  36. package/index.umd.min.js.map +1 -1
  37. package/package.json +1 -1
  38. package/react/components/Checkbox/sgds-checkbox.cjs.js +1 -6
  39. package/react/components/Checkbox/sgds-checkbox.cjs.js.map +1 -1
  40. package/react/components/Checkbox/sgds-checkbox.js +1 -6
  41. package/react/components/Checkbox/sgds-checkbox.js.map +1 -1
  42. package/react/components/Input/input.cjs.js +1 -1
  43. package/react/components/Input/input.js +1 -1
  44. package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js +9 -18
  45. package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js.map +1 -1
  46. package/react/components/QuantityToggle/sgds-quantity-toggle.js +9 -18
  47. package/react/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
  48. package/react/components/Tab/tab-panel.cjs.js +1 -1
  49. package/react/components/Tab/tab-panel.js +1 -1
  50. package/react/components/Textarea/textarea.cjs.js +1 -1
  51. package/react/components/Textarea/textarea.js +1 -1
  52. package/react/index.cjs.js +124 -132
  53. package/react/index.cjs.js.map +1 -1
  54. package/react/index.d.ts +1 -5
  55. package/react/index.js +1 -5
  56. package/react/index.js.map +1 -1
  57. package/react/styles/form-text-control.cjs.js +1 -1
  58. package/react/styles/form-text-control.js +1 -1
  59. package/styles/form-text-control.js +1 -1
  60. package/types/react.d.ts +16 -109
  61. package/components/DataTable/data-table.js +0 -6
  62. package/components/DataTable/data-table.js.map +0 -1
  63. package/components/DataTable/index.d.ts +0 -12
  64. package/components/DataTable/index.js +0 -11
  65. package/components/DataTable/index.js.map +0 -1
  66. package/components/DataTable/index.umd.min.js +0 -2634
  67. package/components/DataTable/index.umd.min.js.map +0 -1
  68. package/components/DataTable/sgds-data-table-cell.d.ts +0 -15
  69. package/components/DataTable/sgds-data-table-cell.js +0 -32
  70. package/components/DataTable/sgds-data-table-cell.js.map +0 -1
  71. package/components/DataTable/sgds-data-table-head.d.ts +0 -28
  72. package/components/DataTable/sgds-data-table-head.js +0 -69
  73. package/components/DataTable/sgds-data-table-head.js.map +0 -1
  74. package/components/DataTable/sgds-data-table-row.d.ts +0 -76
  75. package/components/DataTable/sgds-data-table-row.js +0 -333
  76. package/components/DataTable/sgds-data-table-row.js.map +0 -1
  77. package/components/DataTable/sgds-data-table.d.ts +0 -82
  78. package/components/DataTable/sgds-data-table.js +0 -405
  79. package/components/DataTable/sgds-data-table.js.map +0 -1
  80. package/react/components/DataTable/data-table.cjs.js +0 -11
  81. package/react/components/DataTable/data-table.cjs.js.map +0 -1
  82. package/react/components/DataTable/data-table.js +0 -7
  83. package/react/components/DataTable/data-table.js.map +0 -1
  84. package/react/components/DataTable/sgds-data-table-cell.cjs.js +0 -38
  85. package/react/components/DataTable/sgds-data-table-cell.cjs.js.map +0 -1
  86. package/react/components/DataTable/sgds-data-table-cell.js +0 -33
  87. package/react/components/DataTable/sgds-data-table-cell.js.map +0 -1
  88. package/react/components/DataTable/sgds-data-table-head.cjs.js +0 -75
  89. package/react/components/DataTable/sgds-data-table-head.cjs.js.map +0 -1
  90. package/react/components/DataTable/sgds-data-table-head.js +0 -70
  91. package/react/components/DataTable/sgds-data-table-head.js.map +0 -1
  92. package/react/components/DataTable/sgds-data-table-row.cjs.js +0 -339
  93. package/react/components/DataTable/sgds-data-table-row.cjs.js.map +0 -1
  94. package/react/components/DataTable/sgds-data-table-row.js +0 -334
  95. package/react/components/DataTable/sgds-data-table-row.js.map +0 -1
  96. package/react/components/DataTable/sgds-data-table.cjs.js +0 -411
  97. package/react/components/DataTable/sgds-data-table.cjs.js.map +0 -1
  98. package/react/components/DataTable/sgds-data-table.js +0 -406
  99. package/react/components/DataTable/sgds-data-table.js.map +0 -1
  100. package/react/data-table/index.cjs.js +0 -44
  101. package/react/data-table/index.cjs.js.map +0 -1
  102. package/react/data-table/index.d.ts +0 -4
  103. package/react/data-table/index.js +0 -20
  104. package/react/data-table/index.js.map +0 -1
  105. package/react/data-table-cell/index.cjs.js +0 -40
  106. package/react/data-table-cell/index.cjs.js.map +0 -1
  107. package/react/data-table-cell/index.d.ts +0 -4
  108. package/react/data-table-cell/index.js +0 -16
  109. package/react/data-table-cell/index.js.map +0 -1
  110. package/react/data-table-head/index.cjs.js +0 -40
  111. package/react/data-table-head/index.cjs.js.map +0 -1
  112. package/react/data-table-head/index.d.ts +0 -4
  113. package/react/data-table-head/index.js +0 -16
  114. package/react/data-table-head/index.js.map +0 -1
  115. package/react/data-table-row/index.cjs.js +0 -45
  116. package/react/data-table-row/index.cjs.js.map +0 -1
  117. package/react/data-table-row/index.d.ts +0 -4
  118. package/react/data-table-row/index.js +0 -21
  119. package/react/data-table-row/index.js.map +0 -1
@@ -1,82 +0,0 @@
1
- import SgdsElement from "../../base/sgds-element";
2
- import SgdsPagination from "../Pagination/sgds-pagination";
3
- import SgdsDataTableCell from "./sgds-data-table-cell";
4
- import SgdsDataTableHead from "./sgds-data-table-head";
5
- import SgdsSpinner from "../Spinner/sgds-spinner";
6
- /**
7
- * @summary A data table container with pagination, row selection, loading, and sorting support.
8
- *
9
- * @slot default - Insert one or more `sgds-data-table-row` elements.
10
- * @slot no-data - Custom content rendered when no body rows are available and `isLoading` is false.
11
- *
12
- * @event sgds-row-select - Emitted when row checkboxes change. Detail: `{ selected: rowData[] }`.
13
- * @event sgds-sort - Emitted when `serverSort` is true and a sorting column header is clicked.
14
- * Detail: `{ key: string; direction: "ascending" | "descending" | "none" }`.
15
- * @event sgds-page-change - Emitted when pagination changes page.
16
- */
17
- export declare class SgdsDataTable extends SgdsElement {
18
- static styles: import("lit").CSSResult[];
19
- /** @internal */
20
- static dependencies: {
21
- "sgds-pagination": typeof SgdsPagination;
22
- "sgds-data-table-cell": typeof SgdsDataTableCell;
23
- "sgds-data-table-head": typeof SgdsDataTableHead;
24
- "sgds-spinner": typeof SgdsSpinner;
25
- };
26
- /** If true, renders a checkbox column for row selection. */
27
- multiSelect: boolean;
28
- /** Total number of data items (for server-side pagination). */
29
- dataLength: number;
30
- /** Current page (1-based). */
31
- currentPage: number;
32
- /** Number of rows per page. */
33
- itemsPerPage: number;
34
- /** Custom text shown on the footer's left side. */
35
- footerText: string;
36
- /** If true, hides the footer (summary text and pagination controls). */
37
- hideFooter: boolean;
38
- /** When true, shows a loading state and hides body rows. */
39
- isLoading: boolean;
40
- /** When true, emits sort events for external handling instead of local sorting. */
41
- serverSort: boolean;
42
- /**
43
- * Controls the CSS `table-layout` algorithm.
44
- * Use "auto" to let the browser size columns based on content, or "fixed" to distribute column widths evenly regardless of content.
45
- * @type {"auto" | "fixed"}
46
- * @default "auto"
47
- */
48
- layout: "auto" | "fixed";
49
- /**
50
- * Pagination mode. `client` (default) slices rows and renders pagination controls.
51
- * `server` renders all slotted rows as-is — the caller is responsible for passing
52
- * the correct page of data and handling `sgds-page-change` externally.
53
- */
54
- mode: "client" | "server";
55
- private tableRows;
56
- private headerRows;
57
- private _headerCells;
58
- private _initialRowPositions;
59
- private _hasCapturedInitialRowPositions;
60
- private _rowHandlers;
61
- connectedCallback(): void;
62
- private _isRowChecked;
63
- private _updateHeaderCheckbox;
64
- private _syncHeaderCheckboxAfterRender;
65
- private _emitRowSelect;
66
- private _attachRowListener;
67
- private _configureRows;
68
- private _applyColumnAlignment;
69
- private _extractCellText;
70
- private _toComparableValue;
71
- private _compareValues;
72
- private _resetOtherHeaderSortStates;
73
- private _getRowsInInitialPositionOrder;
74
- private _captureInitialRowPositions;
75
- private _handleSort;
76
- private _syncDomRowOrder;
77
- private _handleSlotChange;
78
- private _updateVisibleRows;
79
- updated(changed: Map<string, unknown>): void;
80
- render(): import("lit").TemplateResult<1>;
81
- }
82
- export default SgdsDataTable;
@@ -1,405 +0,0 @@
1
- import { __decorate } from 'tslib';
2
- import { css, html, nothing } from 'lit';
3
- import { property, state } from 'lit/decorators.js';
4
- import SgdsElement from '../../base/sgds-element.js';
5
- import css_248z from './data-table.js';
6
- import { SgdsPagination } from '../Pagination/sgds-pagination.js';
7
- import { SgdsDataTableRow } from './sgds-data-table-row.js';
8
- import { SgdsDataTableCell } from './sgds-data-table-cell.js';
9
- import { SgdsDataTableHead } from './sgds-data-table-head.js';
10
- import { SgdsSpinner } from '../Spinner/sgds-spinner.js';
11
-
12
- /**
13
- * @summary A data table container with pagination, row selection, loading, and sorting support.
14
- *
15
- * @slot default - Insert one or more `sgds-data-table-row` elements.
16
- * @slot no-data - Custom content rendered when no body rows are available and `isLoading` is false.
17
- *
18
- * @event sgds-row-select - Emitted when row checkboxes change. Detail: `{ selected: rowData[] }`.
19
- * @event sgds-sort - Emitted when `serverSort` is true and a sorting column header is clicked.
20
- * Detail: `{ key: string; direction: "ascending" | "descending" | "none" }`.
21
- * @event sgds-page-change - Emitted when pagination changes page.
22
- */
23
- class SgdsDataTable extends SgdsElement {
24
- constructor() {
25
- super(...arguments);
26
- /** If true, renders a checkbox column for row selection. */
27
- this.multiSelect = false;
28
- /** Total number of data items (for server-side pagination). */
29
- this.dataLength = 0;
30
- /** Current page (1-based). */
31
- this.currentPage = 1;
32
- /** Number of rows per page. */
33
- this.itemsPerPage = 5;
34
- /** Custom text shown on the footer's left side. */
35
- this.footerText = "";
36
- /** If true, hides the footer (summary text and pagination controls). */
37
- this.hideFooter = false;
38
- /** When true, shows a loading state and hides body rows. */
39
- this.isLoading = false;
40
- /** When true, emits sort events for external handling instead of local sorting. */
41
- this.serverSort = false;
42
- /**
43
- * Controls the CSS `table-layout` algorithm.
44
- * Use "auto" to let the browser size columns based on content, or "fixed" to distribute column widths evenly regardless of content.
45
- * @type {"auto" | "fixed"}
46
- * @default "auto"
47
- */
48
- this.layout = "auto";
49
- /**
50
- * Pagination mode. `client` (default) slices rows and renders pagination controls.
51
- * `server` renders all slotted rows as-is — the caller is responsible for passing
52
- * the correct page of data and handling `sgds-page-change` externally.
53
- */
54
- this.mode = "client";
55
- this.tableRows = [];
56
- this.headerRows = [];
57
- this._headerCells = [];
58
- this._initialRowPositions = new WeakMap();
59
- this._hasCapturedInitialRowPositions = false;
60
- this._rowHandlers = new WeakMap();
61
- }
62
- connectedCallback() {
63
- super.connectedCallback();
64
- this.setAttribute("role", "table");
65
- }
66
- _isRowChecked(row) {
67
- var _a;
68
- return row.checked || ((_a = row.checkbox) === null || _a === void 0 ? void 0 : _a.checked) === true;
69
- }
70
- _updateHeaderCheckbox() {
71
- const checkedCount = this.tableRows.filter(r => this._isRowChecked(r)).length;
72
- const allChecked = checkedCount === this.tableRows.length && checkedCount > 0;
73
- this.headerRows.forEach(r => {
74
- r.checked = allChecked;
75
- if (r.checkbox) {
76
- r.checkbox.checked = allChecked;
77
- r.checkbox.indeterminate = checkedCount > 0 && !allChecked;
78
- }
79
- });
80
- }
81
- async _syncHeaderCheckboxAfterRender() {
82
- if (!this.multiSelect || this.headerRows.length === 0)
83
- return;
84
- const rows = [...this.headerRows, ...this.tableRows];
85
- await Promise.all(rows.map(row => row.updateComplete));
86
- this._updateHeaderCheckbox();
87
- }
88
- _emitRowSelect() {
89
- const selected = this.tableRows.filter(r => this._isRowChecked(r)).map(r => r.rowData);
90
- this.emit("sgds-row-select", { detail: { selected } });
91
- }
92
- _attachRowListener(row) {
93
- const old = this._rowHandlers.get(row);
94
- if (old)
95
- row.removeEventListener("i-sgds-change", old);
96
- const handler = (e) => {
97
- const { checked } = e.detail;
98
- if (this.headerRows.includes(row)) {
99
- this.tableRows.forEach(r => {
100
- r.checked = checked;
101
- if (r.checkbox)
102
- r.checkbox.checked = checked;
103
- });
104
- }
105
- else {
106
- row.checked = checked;
107
- this._updateHeaderCheckbox();
108
- }
109
- this._emitRowSelect();
110
- };
111
- this._rowHandlers.set(row, handler);
112
- row.addEventListener("i-sgds-change", handler);
113
- }
114
- _configureRows() {
115
- const hasExpand = this.tableRows.some(r => r.expand);
116
- const hasDataRows = this.tableRows.length > 0;
117
- this.headerRows.forEach(row => {
118
- row.showCheckbox = this.multiSelect;
119
- row.showExpandPlaceholder = hasExpand;
120
- row.hasDataRows = hasDataRows;
121
- if (this.multiSelect)
122
- this._attachRowListener(row);
123
- });
124
- this.tableRows.forEach(row => {
125
- row.showCheckbox = this.multiSelect;
126
- row.showExpandPlaceholder = !row.expand && hasExpand;
127
- if (this.multiSelect)
128
- this._attachRowListener(row);
129
- });
130
- if (this.multiSelect) {
131
- this._syncHeaderCheckboxAfterRender();
132
- }
133
- this._applyColumnAlignment();
134
- }
135
- _applyColumnAlignment() {
136
- const headerAlignments = this._headerCells.reduce((acc, header) => {
137
- var _a;
138
- const span = Number(header.colspan) > 0 ? Number(header.colspan) : 1;
139
- const alignment = (_a = header.textAlign) !== null && _a !== void 0 ? _a : "left";
140
- for (let i = 0; i < span; i++) {
141
- acc.push(alignment);
142
- }
143
- return acc;
144
- }, []);
145
- this.headerRows.forEach(row => {
146
- row.columnAlignments = [...headerAlignments];
147
- });
148
- this.tableRows.forEach(row => {
149
- row.columnAlignments = [...headerAlignments];
150
- });
151
- }
152
- _extractCellText(row, columnIndex) {
153
- const rowCellText = row.getCellText(columnIndex);
154
- if (rowCellText)
155
- return rowCellText;
156
- const cells = Array.from(row.children).filter(child => child.tagName.toLowerCase() === "sgds-data-table-cell");
157
- const cell = cells[columnIndex];
158
- return ((cell === null || cell === void 0 ? void 0 : cell.textContent) || "").trim();
159
- }
160
- _toComparableValue(row, key, columnIndex) {
161
- if (key && row.rowData && key in row.rowData) {
162
- return row.rowData[key];
163
- }
164
- return this._extractCellText(row, columnIndex);
165
- }
166
- _compareValues(left, right, direction) {
167
- if (left === right)
168
- return 0;
169
- const leftNumber = Number(left);
170
- const rightNumber = Number(right);
171
- const bothNumeric = Number.isFinite(leftNumber) && Number.isFinite(rightNumber);
172
- if (bothNumeric) {
173
- return direction === "ascending" ? leftNumber - rightNumber : rightNumber - leftNumber;
174
- }
175
- const cmp = String(left).localeCompare(String(right), undefined, { numeric: true, sensitivity: "base" });
176
- return direction === "ascending" ? cmp : -cmp;
177
- }
178
- _resetOtherHeaderSortStates(activeHeader) {
179
- this._headerCells.forEach(header => {
180
- if (header !== activeHeader && header.sorting) {
181
- header.ariasort = "none";
182
- }
183
- });
184
- }
185
- _getRowsInInitialPositionOrder(rows) {
186
- return [...rows].sort((left, right) => {
187
- const leftPosition = this._initialRowPositions.get(left);
188
- const rightPosition = this._initialRowPositions.get(right);
189
- if (leftPosition === undefined && rightPosition === undefined)
190
- return 0;
191
- if (leftPosition === undefined)
192
- return 1;
193
- if (rightPosition === undefined)
194
- return -1;
195
- return leftPosition - rightPosition;
196
- });
197
- }
198
- _captureInitialRowPositions(rows) {
199
- if (this._hasCapturedInitialRowPositions)
200
- return;
201
- rows.forEach((row, index) => {
202
- this._initialRowPositions.set(row, index);
203
- });
204
- this._hasCapturedInitialRowPositions = true;
205
- }
206
- _handleSort(e) {
207
- const activeHeader = e.composedPath().find(node => node instanceof SgdsDataTableHead);
208
- if (!activeHeader || !activeHeader.sorting)
209
- return;
210
- const { key, direction } = e
211
- .detail;
212
- const columnIndex = activeHeader ? this._headerCells.indexOf(activeHeader) : -1;
213
- this._resetOtherHeaderSortStates(activeHeader);
214
- if (this.serverSort) {
215
- e.stopPropagation();
216
- this.emit("sgds-sort", { detail: { key, direction } });
217
- return;
218
- }
219
- if (columnIndex < 0)
220
- return;
221
- if (direction === "none") {
222
- this.tableRows = this._getRowsInInitialPositionOrder(this.tableRows);
223
- this._syncDomRowOrder();
224
- this._updateVisibleRows();
225
- return;
226
- }
227
- if (this.mode === "client") {
228
- const start = (this.currentPage - 1) * this.itemsPerPage;
229
- const end = start + this.itemsPerPage;
230
- const nextRows = [...this.tableRows];
231
- const sortedVisibleRows = nextRows.slice(start, end).sort((left, right) => {
232
- const leftValue = this._toComparableValue(left, key, columnIndex);
233
- const rightValue = this._toComparableValue(right, key, columnIndex);
234
- return this._compareValues(leftValue, rightValue, direction);
235
- });
236
- nextRows.splice(start, sortedVisibleRows.length, ...sortedVisibleRows);
237
- this.tableRows = nextRows;
238
- this._syncDomRowOrder();
239
- this._updateVisibleRows();
240
- return;
241
- }
242
- this.tableRows = [...this.tableRows].sort((left, right) => {
243
- const leftValue = this._toComparableValue(left, key, columnIndex);
244
- const rightValue = this._toComparableValue(right, key, columnIndex);
245
- return this._compareValues(leftValue, rightValue, direction);
246
- });
247
- this._syncDomRowOrder();
248
- this._updateVisibleRows();
249
- }
250
- _syncDomRowOrder() {
251
- var _a;
252
- const parent = (_a = this.tableRows[0]) === null || _a === void 0 ? void 0 : _a.parentElement;
253
- if (!parent)
254
- return;
255
- this.tableRows.forEach(row => parent.appendChild(row));
256
- }
257
- _handleSlotChange(e) {
258
- const slotted = e.target
259
- .assignedElements({ flatten: true })
260
- .filter(el => el instanceof SgdsDataTableRow);
261
- const rowTableChildren = (row) => Array.from(row.children).filter(child => {
262
- const tagName = child.tagName.toLowerCase();
263
- const isTableCell = tagName === "sgds-data-table-cell" || tagName === "sgds-data-table-head";
264
- if (!isTableCell)
265
- return false;
266
- return child.getAttribute("slot") !== "content";
267
- });
268
- this.headerRows = slotted.filter(row => rowTableChildren(row).some(child => child.tagName.toLowerCase() === "sgds-data-table-head"));
269
- this.tableRows = slotted.filter(row => {
270
- const children = rowTableChildren(row);
271
- return children.length > 0 && children.every(child => child.tagName.toLowerCase() === "sgds-data-table-cell");
272
- });
273
- this._headerCells = this.headerRows.reduce((acc, row) => {
274
- const headers = Array.from(row.children).filter(child => child instanceof SgdsDataTableHead);
275
- acc.push(...headers);
276
- return acc;
277
- }, []);
278
- this._captureInitialRowPositions(this.tableRows);
279
- this._headerCells.forEach(header => {
280
- if (header.sorting && !header.ariasort) {
281
- header.ariasort = "none";
282
- }
283
- });
284
- this._configureRows();
285
- this._updateVisibleRows();
286
- }
287
- _updateVisibleRows() {
288
- if (this.mode === "server") {
289
- this.tableRows.forEach(row => (row.style.display = this.isLoading ? "none" : ""));
290
- return;
291
- }
292
- const total = this.dataLength || this.tableRows.length;
293
- const lastPage = Math.max(1, Math.ceil(total / this.itemsPerPage));
294
- if (this.currentPage > lastPage) {
295
- this.currentPage = lastPage;
296
- return;
297
- }
298
- const start = (this.currentPage - 1) * this.itemsPerPage;
299
- const visible = new Set(this.tableRows.slice(start, start + this.itemsPerPage));
300
- this.tableRows.forEach(row => (row.style.display = visible.has(row) ? "" : "none"));
301
- }
302
- updated(changed) {
303
- if (changed.has("currentPage") || changed.has("itemsPerPage") || changed.has("mode") || changed.has("isLoading")) {
304
- this._updateVisibleRows();
305
- }
306
- if (changed.has("multiSelect")) {
307
- this._configureRows();
308
- }
309
- if (this.multiSelect && (changed.has("tableRows") || changed.has("headerRows"))) {
310
- this._syncHeaderCheckboxAfterRender();
311
- }
312
- }
313
- render() {
314
- const total = this.dataLength || this.tableRows.length;
315
- const start = (this.currentPage - 1) * this.itemsPerPage;
316
- const end = Math.min(start + this.itemsPerPage, total);
317
- const displayStart = total === 0 ? 0 : start + 1;
318
- const showNoData = !this.isLoading && this.tableRows.length === 0;
319
- return html `
320
- <div class="data-table">
321
- <div>
322
- <slot @slotchange=${this._handleSlotChange} @i-sgds-sort=${this._handleSort} class="table"></slot>
323
- ${this.isLoading
324
- ? html `<div class="loading" role="status" aria-live="polite">
325
- <div class="loading-menu"><sgds-spinner size="xs" tone="brand"></sgds-spinner>Loading...</div>
326
- </div>`
327
- : showNoData
328
- ? html `<slot name="no-data" class="no-data" role="status" aria-live="polite">No data</slot>`
329
- : nothing}
330
- </div>
331
-
332
- ${this.hideFooter
333
- ? nothing
334
- : html `<div class="footer">
335
- ${this.footerText || html `<span>Showing ${displayStart} to ${end} of ${total} results</span>`}
336
- <sgds-pagination
337
- .dataLength=${total}
338
- .currentPage=${this.currentPage}
339
- .itemsPerPage=${this.itemsPerPage}
340
- size="sm"
341
- @sgds-page-change=${(e) => {
342
- this.currentPage = e.detail.currentPage;
343
- this.emit("sgds-page-change");
344
- }}
345
- ></sgds-pagination>
346
- </div>`}
347
- </div>
348
- `;
349
- }
350
- }
351
- SgdsDataTable.styles = [
352
- ...SgdsElement.styles,
353
- css_248z,
354
- css `
355
- :host {
356
- display: block;
357
- }
358
- `
359
- ];
360
- /** @internal */
361
- SgdsDataTable.dependencies = {
362
- "sgds-pagination": SgdsPagination,
363
- "sgds-data-table-cell": SgdsDataTableCell,
364
- "sgds-data-table-head": SgdsDataTableHead,
365
- "sgds-spinner": SgdsSpinner
366
- };
367
- __decorate([
368
- property({ type: Boolean })
369
- ], SgdsDataTable.prototype, "multiSelect", void 0);
370
- __decorate([
371
- property({ type: Number })
372
- ], SgdsDataTable.prototype, "dataLength", void 0);
373
- __decorate([
374
- property({ type: Number })
375
- ], SgdsDataTable.prototype, "currentPage", void 0);
376
- __decorate([
377
- property({ type: Number })
378
- ], SgdsDataTable.prototype, "itemsPerPage", void 0);
379
- __decorate([
380
- property({ type: String })
381
- ], SgdsDataTable.prototype, "footerText", void 0);
382
- __decorate([
383
- property({ type: Boolean })
384
- ], SgdsDataTable.prototype, "hideFooter", void 0);
385
- __decorate([
386
- property({ type: Boolean })
387
- ], SgdsDataTable.prototype, "isLoading", void 0);
388
- __decorate([
389
- property({ type: Boolean })
390
- ], SgdsDataTable.prototype, "serverSort", void 0);
391
- __decorate([
392
- property({ type: String, reflect: true })
393
- ], SgdsDataTable.prototype, "layout", void 0);
394
- __decorate([
395
- property({ type: String })
396
- ], SgdsDataTable.prototype, "mode", void 0);
397
- __decorate([
398
- state()
399
- ], SgdsDataTable.prototype, "tableRows", void 0);
400
- __decorate([
401
- state()
402
- ], SgdsDataTable.prototype, "headerRows", void 0);
403
-
404
- export { SgdsDataTable, SgdsDataTable as default };
405
- //# sourceMappingURL=sgds-data-table.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sgds-data-table.js","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 SgdsSpinner from \"../Spinner/sgds-spinner\";\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 `isLoading` is false.\n *\n * @event sgds-row-select - Emitted when row checkboxes change. Detail: `{ selected: rowData[] }`.\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-spinner\": SgdsSpinner\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 }) footerText = \"\";\n\n /** If true, hides the footer (summary text and pagination controls). */\n @property({ type: Boolean }) hideFooter = false;\n\n /** When true, shows a loading state and hides body rows. */\n @property({ type: Boolean }) isLoading = false;\n\n /** When true, emits sort events for external handling instead of local sorting. */\n @property({ type: Boolean }) serverSort = false;\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 => r.rowData);\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 _toComparableValue(row: SgdsDataTableRow, key: string, columnIndex: number) {\n if (key && row.rowData && key in row.rowData) {\n return row.rowData[key];\n }\n\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.ariasort = \"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<{ key: string; direction: \"ascending\" | \"descending\" | \"none\" }>)\n .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.ariasort) {\n header.ariasort = \"none\";\n }\n });\n\n this._configureRows();\n this._updateVisibleRows();\n }\n\n private _updateVisibleRows() {\n if (this.mode === \"server\") {\n this.tableRows.forEach(row => (row.style.display = this.isLoading ? \"none\" : \"\"));\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 updated(changed: Map<string, unknown>) {\n if (changed.has(\"currentPage\") || changed.has(\"itemsPerPage\") || changed.has(\"mode\") || changed.has(\"isLoading\")) {\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.isLoading && this.tableRows.length === 0;\n\n return html`\n <div class=\"data-table\">\n <div>\n <slot @slotchange=${this._handleSlotChange} @i-sgds-sort=${this._handleSort} class=\"table\"></slot>\n ${this.isLoading\n ? html`<div class=\"loading\" role=\"status\" aria-live=\"polite\">\n <div class=\"loading-menu\"><sgds-spinner size=\"xs\" tone=\"brand\"></sgds-spinner>Loading...</div>\n </div>`\n : showNoData\n ? html`<slot name=\"no-data\" class=\"no-data\" role=\"status\" aria-live=\"polite\">No data</slot>`\n : nothing}\n </div>\n\n ${this.hideFooter\n ? nothing\n : html`<div class=\"footer\">\n ${this.footerText || 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 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 </div>\n `;\n }\n}\n\nexport default SgdsDataTable;\n"],"names":["tableStyle"],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var lit = require('lit');
7
-
8
- var css_248z = lit.css`:host{display:contents}:host([layout=fixed]) .table{table-layout:fixed}.table{border-collapse:collapse;display:table;table-layout:auto;width:100%}.data-table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;min-height:var(--sgds-dimension-56)}.footer{justify-content:space-between;padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.footer,.loading{align-items:center;display:flex}.loading{border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.loading .loading-menu{gap:var(--sgds-gap-xs);pointer-events:none}.loading .loading-menu,.no-data{align-items:center;color:var(--sgds-text-color-subtle);display:flex}.no-data{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.active:not(.sort-icon),tr:hover:not([data-header-row]){background-color:var(--sgds-bg-translucent-subtle);transition:background-color .15s ease}td,th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);vertical-align:middle}.data-table-cell,.data-table-head{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.data-table-head{font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-2-xs)}.sort,.sort-button{align-items:center;display:inline-flex}.sort-button{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-md);color:var(--sgds-color-subtle);cursor:pointer;height:var(--sgds-dimension-24);justify-content:center;padding:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:var(--sgds-dimension-24)}.sort-button:hover{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-color-default)}.sort-button:focus,.sort-button:focus-visible{background-color:var(--sgds-bg-translucent-subtle);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sort-button:disabled{background-color:var(--sgds-bg-transparent);color:var(--sgds-color-muted);cursor:not-allowed}.sort-button.active{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-default)}.sort-icon{display:inline-flex}.data-table-cell.align-right,.data-table-head.align-right{justify-content:flex-end;text-align:right}.control-cell{width:var(--sgds-dimension-56)}:host(.checkbox-cell) .data-table-cell,:host(.checkbox-cell) .data-table-head{padding:var(--sgds-padding-sm) var(--sgds-padding-md)}:host(.expand-cell) .data-table-cell{cursor:pointer;padding:var(--sgds-padding-md)}.expandable-td{border:0;padding:0}.expandable-content{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);padding:var(--sgds-padding-2-xl);padding-left:var(--sgds-padding-4-xl)}.hidden{display:none}`;
9
-
10
- exports["default"] = css_248z;
11
- //# sourceMappingURL=data-table.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-table.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
@@ -1,7 +0,0 @@
1
- 'use client';
2
- import { css } from 'lit';
3
-
4
- var css_248z = css`:host{display:contents}:host([layout=fixed]) .table{table-layout:fixed}.table{border-collapse:collapse;display:table;table-layout:auto;width:100%}.data-table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;min-height:var(--sgds-dimension-56)}.footer{justify-content:space-between;padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.footer,.loading{align-items:center;display:flex}.loading{border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.loading .loading-menu{gap:var(--sgds-gap-xs);pointer-events:none}.loading .loading-menu,.no-data{align-items:center;color:var(--sgds-text-color-subtle);display:flex}.no-data{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.active:not(.sort-icon),tr:hover:not([data-header-row]){background-color:var(--sgds-bg-translucent-subtle);transition:background-color .15s ease}td,th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);vertical-align:middle}.data-table-cell,.data-table-head{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.data-table-head{font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-2-xs)}.sort,.sort-button{align-items:center;display:inline-flex}.sort-button{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-md);color:var(--sgds-color-subtle);cursor:pointer;height:var(--sgds-dimension-24);justify-content:center;padding:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:var(--sgds-dimension-24)}.sort-button:hover{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-color-default)}.sort-button:focus,.sort-button:focus-visible{background-color:var(--sgds-bg-translucent-subtle);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sort-button:disabled{background-color:var(--sgds-bg-transparent);color:var(--sgds-color-muted);cursor:not-allowed}.sort-button.active{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-default)}.sort-icon{display:inline-flex}.data-table-cell.align-right,.data-table-head.align-right{justify-content:flex-end;text-align:right}.control-cell{width:var(--sgds-dimension-56)}:host(.checkbox-cell) .data-table-cell,:host(.checkbox-cell) .data-table-head{padding:var(--sgds-padding-sm) var(--sgds-padding-md)}:host(.expand-cell) .data-table-cell{cursor:pointer;padding:var(--sgds-padding-md)}.expandable-td{border:0;padding:0}.expandable-content{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);padding:var(--sgds-padding-2-xl);padding-left:var(--sgds-padding-4-xl)}.hidden{display:none}`;
5
-
6
- export { css_248z as default };
7
- //# sourceMappingURL=data-table.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
@@ -1,38 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var tslib = require('tslib');
7
- var lit = require('lit');
8
- var sgdsElement = require('../../base/sgds-element.cjs.js');
9
- var decorators_js = require('lit/decorators.js');
10
-
11
- /**
12
- * @summary Data container for a table cell. Rendered as a `<td>` by the parent `sgds-data-table-row`.
13
- *
14
- * @slot default - Content to display inside the cell.
15
- */
16
- class SgdsDataTableCell extends sgdsElement["default"] {
17
- render() {
18
- return lit.html `<slot></slot>`;
19
- }
20
- }
21
- SgdsDataTableCell.styles = [
22
- ...sgdsElement["default"].styles,
23
- lit.css `
24
- :host {
25
- display: contents;
26
- }
27
- `
28
- ];
29
- tslib.__decorate([
30
- decorators_js.property({ type: Number, reflect: true })
31
- ], SgdsDataTableCell.prototype, "colspan", void 0);
32
- tslib.__decorate([
33
- decorators_js.property({ type: Number, reflect: true })
34
- ], SgdsDataTableCell.prototype, "rowspan", void 0);
35
-
36
- exports.SgdsDataTableCell = SgdsDataTableCell;
37
- exports["default"] = SgdsDataTableCell;
38
- //# sourceMappingURL=sgds-data-table-cell.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sgds-data-table-cell.cjs.js","sources":["../../../../src/components/DataTable/sgds-data-table-cell.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { property } from \"lit/decorators.js\";\n\n/**\n * @summary Data container for a table cell. Rendered as a `<td>` by the parent `sgds-data-table-row`.\n *\n * @slot default - Content to display inside the cell.\n */\nexport class SgdsDataTableCell extends SgdsElement {\n static styles = [\n ...SgdsElement.styles,\n css`\n :host {\n display: contents;\n }\n `\n ];\n\n /** Number of columns this cell spans. */\n @property({ type: Number, reflect: true }) colspan: number | undefined;\n\n /** Number of rows this cell spans. */\n @property({ type: Number, reflect: true }) rowspan: number | undefined;\n\n render() {\n return html`<slot></slot>`;\n }\n}\n\nexport default SgdsDataTableCell;\n"],"names":["SgdsElement","html","css","__decorate","property"],"mappings":";;;;;;;;;;AAIA;;;;AAIG;AACG,MAAO,iBAAkB,SAAQA,sBAAW,CAAA;IAgBhD,MAAM,GAAA;QACJ,OAAOC,QAAI,CAAA,CAAA,aAAA,CAAe,CAAC;KAC5B;;AAjBM,iBAAA,CAAA,MAAM,GAAG;IACd,GAAGD,sBAAW,CAAC,MAAM;AACrB,IAAAE,OAAG,CAAA,CAAA;;;;AAIF,IAAA,CAAA;CACF,CAAC;AAGyCC,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5BD,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;;"}