@govtechsg/sgds-web-component 3.26.1 → 3.27.0-rc.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 (239) hide show
  1. package/base/dropdown-list-element.js +9 -2
  2. package/base/dropdown-list-element.js.map +1 -1
  3. package/base/nav-element.d.ts +64 -0
  4. package/base/nav-element.js +263 -0
  5. package/base/nav-element.js.map +1 -0
  6. package/base/nav-profile-element.d.ts +47 -0
  7. package/base/nav-profile-element.js +191 -0
  8. package/base/nav-profile-element.js.map +1 -0
  9. package/base/nav-profile.js +6 -0
  10. package/base/nav-profile.js.map +1 -0
  11. package/components/Appnav/appnav-context.d.ts +6 -0
  12. package/components/Appnav/appnav-context.js +7 -0
  13. package/components/Appnav/appnav-context.js.map +1 -0
  14. package/components/Appnav/appnav.js +6 -0
  15. package/components/Appnav/appnav.js.map +1 -0
  16. package/components/Appnav/index.d.ts +9 -0
  17. package/components/Appnav/index.js +8 -0
  18. package/components/Appnav/index.js.map +1 -0
  19. package/components/Appnav/index.umd.min.js +2542 -0
  20. package/components/Appnav/index.umd.min.js.map +1 -0
  21. package/components/Appnav/sgds-appnav-profile.d.ts +17 -0
  22. package/components/Appnav/sgds-appnav-profile.js +31 -0
  23. package/components/Appnav/sgds-appnav-profile.js.map +1 -0
  24. package/components/Appnav/sgds-appnav.d.ts +44 -0
  25. package/components/Appnav/sgds-appnav.js +183 -0
  26. package/components/Appnav/sgds-appnav.js.map +1 -0
  27. package/components/Breadcrumb/index.umd.min.js +25 -25
  28. package/components/Breadcrumb/index.umd.min.js.map +1 -1
  29. package/components/Checkbox/index.umd.min.js +233 -233
  30. package/components/Checkbox/index.umd.min.js.map +1 -1
  31. package/components/Checkbox/sgds-checkbox.d.ts +1 -0
  32. package/components/Checkbox/sgds-checkbox.js +6 -1
  33. package/components/Checkbox/sgds-checkbox.js.map +1 -1
  34. package/components/ComboBox/index.umd.min.js +254 -254
  35. package/components/ComboBox/index.umd.min.js.map +1 -1
  36. package/components/DataTable/data-table.js +6 -0
  37. package/components/DataTable/data-table.js.map +1 -0
  38. package/components/DataTable/index.d.ts +12 -0
  39. package/components/DataTable/index.js +11 -0
  40. package/components/DataTable/index.js.map +1 -0
  41. package/components/DataTable/index.umd.min.js +2649 -0
  42. package/components/DataTable/index.umd.min.js.map +1 -0
  43. package/components/DataTable/sgds-data-table-cell.d.ts +15 -0
  44. package/components/DataTable/sgds-data-table-cell.js +32 -0
  45. package/components/DataTable/sgds-data-table-cell.js.map +1 -0
  46. package/components/DataTable/sgds-data-table-head.d.ts +28 -0
  47. package/components/DataTable/sgds-data-table-head.js +69 -0
  48. package/components/DataTable/sgds-data-table-head.js.map +1 -0
  49. package/components/DataTable/sgds-data-table-row.d.ts +76 -0
  50. package/components/DataTable/sgds-data-table-row.js +333 -0
  51. package/components/DataTable/sgds-data-table-row.js.map +1 -0
  52. package/components/DataTable/sgds-data-table.d.ts +84 -0
  53. package/components/DataTable/sgds-data-table.js +438 -0
  54. package/components/DataTable/sgds-data-table.js.map +1 -0
  55. package/components/Datepicker/index.umd.min.js +86 -86
  56. package/components/Datepicker/index.umd.min.js.map +1 -1
  57. package/components/Dropdown/dropdown-item.js +1 -1
  58. package/components/Dropdown/index.umd.min.js +5 -5
  59. package/components/Dropdown/index.umd.min.js.map +1 -1
  60. package/components/Dropdown/sgds-dropdown-item.d.ts +2 -0
  61. package/components/Dropdown/sgds-dropdown-item.js +8 -2
  62. package/components/Dropdown/sgds-dropdown-item.js.map +1 -1
  63. package/components/Input/index.umd.min.js +2 -2
  64. package/components/Input/index.umd.min.js.map +1 -1
  65. package/components/Input/input.js +1 -1
  66. package/components/Mainnav/index.d.ts +2 -0
  67. package/components/Mainnav/index.js +2 -0
  68. package/components/Mainnav/index.js.map +1 -1
  69. package/components/Mainnav/index.umd.min.js +339 -286
  70. package/components/Mainnav/index.umd.min.js.map +1 -1
  71. package/components/Mainnav/mainnav-dropdown.js +1 -1
  72. package/components/Mainnav/mainnav-item.js +1 -1
  73. package/components/Mainnav/mainnav.js +1 -1
  74. package/components/Mainnav/sgds-mainnav-profile.d.ts +15 -0
  75. package/components/Mainnav/sgds-mainnav-profile.js +29 -0
  76. package/components/Mainnav/sgds-mainnav-profile.js.map +1 -0
  77. package/components/Mainnav/sgds-mainnav.d.ts +8 -51
  78. package/components/Mainnav/sgds-mainnav.js +40 -238
  79. package/components/Mainnav/sgds-mainnav.js.map +1 -1
  80. package/components/OverflowMenu/index.umd.min.js +25 -25
  81. package/components/OverflowMenu/index.umd.min.js.map +1 -1
  82. package/components/QuantityToggle/index.umd.min.js +1 -1
  83. package/components/QuantityToggle/index.umd.min.js.map +1 -1
  84. package/components/Select/index.umd.min.js +1 -1
  85. package/components/Select/index.umd.min.js.map +1 -1
  86. package/components/Tab/index.umd.min.js +1 -1
  87. package/components/Tab/index.umd.min.js.map +1 -1
  88. package/components/Tab/tab-panel.js +1 -1
  89. package/components/Textarea/index.umd.min.js +1 -1
  90. package/components/index.d.ts +7 -0
  91. package/components/index.js +7 -0
  92. package/components/index.js.map +1 -1
  93. package/components/index.umd.min.js +851 -662
  94. package/components/index.umd.min.js.map +1 -1
  95. package/css/fouc.css +7 -0
  96. package/custom-elements.json +11304 -7831
  97. package/index.d.ts +2 -0
  98. package/index.js +2 -0
  99. package/index.js.map +1 -1
  100. package/index.umd.min.js +705 -511
  101. package/index.umd.min.js.map +1 -1
  102. package/package.json +1 -1
  103. package/react/appnav/index.cjs.js +45 -0
  104. package/react/appnav/index.cjs.js.map +1 -0
  105. package/react/appnav/index.d.ts +4 -0
  106. package/react/appnav/index.js +21 -0
  107. package/react/appnav/index.js.map +1 -0
  108. package/react/appnav-profile/index.cjs.js +40 -0
  109. package/react/appnav-profile/index.cjs.js.map +1 -0
  110. package/react/appnav-profile/index.d.ts +4 -0
  111. package/react/appnav-profile/index.js +16 -0
  112. package/react/appnav-profile/index.js.map +1 -0
  113. package/react/base/dropdown-list-element.cjs.js +9 -2
  114. package/react/base/dropdown-list-element.cjs.js.map +1 -1
  115. package/react/base/dropdown-list-element.js +9 -2
  116. package/react/base/dropdown-list-element.js.map +1 -1
  117. package/react/base/nav-element.cjs.js +268 -0
  118. package/react/base/nav-element.cjs.js.map +1 -0
  119. package/react/base/nav-element.js +264 -0
  120. package/react/base/nav-element.js.map +1 -0
  121. package/react/base/nav-profile-element.cjs.js +196 -0
  122. package/react/base/nav-profile-element.cjs.js.map +1 -0
  123. package/react/base/nav-profile-element.js +192 -0
  124. package/react/base/nav-profile-element.js.map +1 -0
  125. package/react/base/nav-profile.cjs.js +11 -0
  126. package/react/base/nav-profile.cjs.js.map +1 -0
  127. package/react/base/nav-profile.js +7 -0
  128. package/react/base/nav-profile.js.map +1 -0
  129. package/react/components/Appnav/appnav-context.cjs.js +13 -0
  130. package/react/components/Appnav/appnav-context.cjs.js.map +1 -0
  131. package/react/components/Appnav/appnav-context.js +8 -0
  132. package/react/components/Appnav/appnav-context.js.map +1 -0
  133. package/react/components/Appnav/appnav.cjs.js +11 -0
  134. package/react/components/Appnav/appnav.cjs.js.map +1 -0
  135. package/react/components/Appnav/appnav.js +7 -0
  136. package/react/components/Appnav/appnav.js.map +1 -0
  137. package/react/components/Appnav/sgds-appnav-profile.cjs.js +37 -0
  138. package/react/components/Appnav/sgds-appnav-profile.cjs.js.map +1 -0
  139. package/react/components/Appnav/sgds-appnav-profile.js +32 -0
  140. package/react/components/Appnav/sgds-appnav-profile.js.map +1 -0
  141. package/react/components/Appnav/sgds-appnav.cjs.js +189 -0
  142. package/react/components/Appnav/sgds-appnav.cjs.js.map +1 -0
  143. package/react/components/Appnav/sgds-appnav.js +184 -0
  144. package/react/components/Appnav/sgds-appnav.js.map +1 -0
  145. package/react/components/Checkbox/sgds-checkbox.cjs.js +6 -1
  146. package/react/components/Checkbox/sgds-checkbox.cjs.js.map +1 -1
  147. package/react/components/Checkbox/sgds-checkbox.js +6 -1
  148. package/react/components/Checkbox/sgds-checkbox.js.map +1 -1
  149. package/react/components/DataTable/data-table.cjs.js +11 -0
  150. package/react/components/DataTable/data-table.cjs.js.map +1 -0
  151. package/react/components/DataTable/data-table.js +7 -0
  152. package/react/components/DataTable/data-table.js.map +1 -0
  153. package/react/components/DataTable/sgds-data-table-cell.cjs.js +38 -0
  154. package/react/components/DataTable/sgds-data-table-cell.cjs.js.map +1 -0
  155. package/react/components/DataTable/sgds-data-table-cell.js +33 -0
  156. package/react/components/DataTable/sgds-data-table-cell.js.map +1 -0
  157. package/react/components/DataTable/sgds-data-table-head.cjs.js +75 -0
  158. package/react/components/DataTable/sgds-data-table-head.cjs.js.map +1 -0
  159. package/react/components/DataTable/sgds-data-table-head.js +70 -0
  160. package/react/components/DataTable/sgds-data-table-head.js.map +1 -0
  161. package/react/components/DataTable/sgds-data-table-row.cjs.js +339 -0
  162. package/react/components/DataTable/sgds-data-table-row.cjs.js.map +1 -0
  163. package/react/components/DataTable/sgds-data-table-row.js +334 -0
  164. package/react/components/DataTable/sgds-data-table-row.js.map +1 -0
  165. package/react/components/DataTable/sgds-data-table.cjs.js +444 -0
  166. package/react/components/DataTable/sgds-data-table.cjs.js.map +1 -0
  167. package/react/components/DataTable/sgds-data-table.js +439 -0
  168. package/react/components/DataTable/sgds-data-table.js.map +1 -0
  169. package/react/components/Dropdown/dropdown-item.cjs.js +1 -1
  170. package/react/components/Dropdown/dropdown-item.js +1 -1
  171. package/react/components/Dropdown/sgds-dropdown-item.cjs.js +8 -2
  172. package/react/components/Dropdown/sgds-dropdown-item.cjs.js.map +1 -1
  173. package/react/components/Dropdown/sgds-dropdown-item.js +8 -2
  174. package/react/components/Dropdown/sgds-dropdown-item.js.map +1 -1
  175. package/react/components/Input/input.cjs.js +1 -1
  176. package/react/components/Input/input.js +1 -1
  177. package/react/components/Mainnav/mainnav-dropdown.cjs.js +1 -1
  178. package/react/components/Mainnav/mainnav-dropdown.js +1 -1
  179. package/react/components/Mainnav/mainnav-item.cjs.js +1 -1
  180. package/react/components/Mainnav/mainnav-item.js +1 -1
  181. package/react/components/Mainnav/mainnav.cjs.js +1 -1
  182. package/react/components/Mainnav/mainnav.js +1 -1
  183. package/react/components/Mainnav/sgds-mainnav-profile.cjs.js +35 -0
  184. package/react/components/Mainnav/sgds-mainnav-profile.cjs.js.map +1 -0
  185. package/react/components/Mainnav/sgds-mainnav-profile.js +30 -0
  186. package/react/components/Mainnav/sgds-mainnav-profile.js.map +1 -0
  187. package/react/components/Mainnav/sgds-mainnav.cjs.js +39 -237
  188. package/react/components/Mainnav/sgds-mainnav.cjs.js.map +1 -1
  189. package/react/components/Mainnav/sgds-mainnav.js +40 -238
  190. package/react/components/Mainnav/sgds-mainnav.js.map +1 -1
  191. package/react/components/Tab/tab-panel.cjs.js +1 -1
  192. package/react/components/Tab/tab-panel.js +1 -1
  193. package/react/data-table/index.cjs.js +44 -0
  194. package/react/data-table/index.cjs.js.map +1 -0
  195. package/react/data-table/index.d.ts +4 -0
  196. package/react/data-table/index.js +20 -0
  197. package/react/data-table/index.js.map +1 -0
  198. package/react/data-table-cell/index.cjs.js +40 -0
  199. package/react/data-table-cell/index.cjs.js.map +1 -0
  200. package/react/data-table-cell/index.d.ts +4 -0
  201. package/react/data-table-cell/index.js +16 -0
  202. package/react/data-table-cell/index.js.map +1 -0
  203. package/react/data-table-head/index.cjs.js +40 -0
  204. package/react/data-table-head/index.cjs.js.map +1 -0
  205. package/react/data-table-head/index.d.ts +4 -0
  206. package/react/data-table-head/index.js +16 -0
  207. package/react/data-table-head/index.js.map +1 -0
  208. package/react/data-table-row/index.cjs.js +45 -0
  209. package/react/data-table-row/index.cjs.js.map +1 -0
  210. package/react/data-table-row/index.d.ts +4 -0
  211. package/react/data-table-row/index.js +21 -0
  212. package/react/data-table-row/index.js.map +1 -0
  213. package/react/index.cjs.js +152 -138
  214. package/react/index.cjs.js.map +1 -1
  215. package/react/index.d.ts +7 -0
  216. package/react/index.js +7 -0
  217. package/react/index.js.map +1 -1
  218. package/react/mainnav-profile/index.cjs.js +40 -0
  219. package/react/mainnav-profile/index.cjs.js.map +1 -0
  220. package/react/mainnav-profile/index.d.ts +4 -0
  221. package/react/mainnav-profile/index.js +16 -0
  222. package/react/mainnav-profile/index.js.map +1 -0
  223. package/react/styles/form-text-control.cjs.js +1 -1
  224. package/react/styles/form-text-control.js +1 -1
  225. package/styles/form-text-control.js +1 -1
  226. package/themes/blue.css +11 -11
  227. package/themes/cyan.css +10 -10
  228. package/themes/gt/blue.css +11 -11
  229. package/themes/gt/cyan.css +10 -10
  230. package/themes/gt/magenta.css +11 -11
  231. package/themes/gt/pink.css +11 -11
  232. package/themes/gt/purple.css +11 -11
  233. package/themes/gt/red.css +11 -11
  234. package/themes/magenta.css +11 -11
  235. package/themes/pink.css +11 -11
  236. package/themes/purple.css +11 -11
  237. package/themes/red.css +11 -11
  238. package/themes/root.css +5 -0
  239. package/types/react.d.ts +146 -2
@@ -0,0 +1,444 @@
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 decorators_js = require('lit/decorators.js');
9
+ var sgdsElement = require('../../base/sgds-element.cjs.js');
10
+ var dataTable = require('./data-table.cjs.js');
11
+ var sgdsPagination = require('../Pagination/sgds-pagination.cjs.js');
12
+ var sgdsDataTableRow = require('./sgds-data-table-row.cjs.js');
13
+ var sgdsDataTableCell = require('./sgds-data-table-cell.cjs.js');
14
+ var sgdsDataTableHead = require('./sgds-data-table-head.cjs.js');
15
+ var sgdsSkeleton = require('../Skeleton/sgds-skeleton.cjs.js');
16
+
17
+ /**
18
+ * @summary A data table container with pagination, row selection, loading, and sorting support.
19
+ *
20
+ * @slot default - Insert one or more `sgds-data-table-row` elements.
21
+ * @slot no-data - Custom content rendered when no body rows are available and `isLoading` is false.
22
+ *
23
+ * @event sgds-row-select - Emitted when row checkboxes change. Detail: `{ selected: rowData[] }`.
24
+ * @event sgds-sort - Emitted when `serverSort` is true and a sorting column header is clicked.
25
+ * Detail: `{ key: string; direction: "ascending" | "descending" | "none" }`.
26
+ * @event sgds-page-change - Emitted when pagination changes page.
27
+ */
28
+ class SgdsDataTable extends sgdsElement["default"] {
29
+ constructor() {
30
+ super(...arguments);
31
+ /** If true, renders a checkbox column for row selection. */
32
+ this.multiSelect = false;
33
+ /** Total number of data items (for server-side pagination). */
34
+ this.dataLength = 0;
35
+ /** Current page (1-based). */
36
+ this.currentPage = 1;
37
+ /** Number of rows per page. */
38
+ this.itemsPerPage = 5;
39
+ /** Custom text shown on the footer's left side. */
40
+ this.footerText = "";
41
+ /** When true, shows a loading state and hides body rows. */
42
+ this.isLoading = false;
43
+ /** When true, emits sort events for external handling instead of local sorting. */
44
+ this.serverSort = false;
45
+ /** Variant forwarded to the internal pagination component. */
46
+ this.paginationVariant = "default";
47
+ /**
48
+ * Controls the CSS `table-layout` algorithm.
49
+ * Use "auto" to let the browser size columns based on content, or "fixed" to distribute column widths evenly regardless of content.
50
+ * @type {"auto" | "fixed"}
51
+ * @default "auto"
52
+ */
53
+ this.layout = "auto";
54
+ /**
55
+ * Pagination mode. `client` (default) slices rows and renders pagination controls.
56
+ * `server` renders all slotted rows as-is — the caller is responsible for passing
57
+ * the correct page of data and handling `sgds-page-change` externally.
58
+ */
59
+ this.mode = "client";
60
+ this.tableRows = [];
61
+ this.headerRows = [];
62
+ this._headerCells = [];
63
+ this._initialRowPositions = new WeakMap();
64
+ this._hasCapturedInitialRowPositions = false;
65
+ this._rowHandlers = new WeakMap();
66
+ }
67
+ connectedCallback() {
68
+ super.connectedCallback();
69
+ this.setAttribute("role", "table");
70
+ }
71
+ _isRowChecked(row) {
72
+ var _a;
73
+ return row.checked || ((_a = row.checkbox) === null || _a === void 0 ? void 0 : _a.checked) === true;
74
+ }
75
+ _updateHeaderCheckbox() {
76
+ const checkedCount = this.tableRows.filter(r => this._isRowChecked(r)).length;
77
+ const allChecked = checkedCount === this.tableRows.length && checkedCount > 0;
78
+ this.headerRows.forEach(r => {
79
+ r.checked = allChecked;
80
+ if (r.checkbox) {
81
+ r.checkbox.checked = allChecked;
82
+ r.checkbox.indeterminate = checkedCount > 0 && !allChecked;
83
+ }
84
+ });
85
+ }
86
+ async _syncHeaderCheckboxAfterRender() {
87
+ if (!this.multiSelect || this.headerRows.length === 0)
88
+ return;
89
+ const rows = [...this.headerRows, ...this.tableRows];
90
+ await Promise.all(rows.map(row => row.updateComplete));
91
+ this._updateHeaderCheckbox();
92
+ }
93
+ _emitRowSelect() {
94
+ const selected = this.tableRows.filter(r => this._isRowChecked(r)).map(r => r.rowData);
95
+ this.emit("sgds-row-select", { detail: { selected } });
96
+ }
97
+ _attachRowListener(row) {
98
+ const old = this._rowHandlers.get(row);
99
+ if (old)
100
+ row.removeEventListener("i-sgds-change", old);
101
+ const handler = (e) => {
102
+ const { checked } = e.detail;
103
+ if (this.headerRows.includes(row)) {
104
+ this.tableRows.forEach(r => {
105
+ r.checked = checked;
106
+ if (r.checkbox)
107
+ r.checkbox.checked = checked;
108
+ });
109
+ }
110
+ else {
111
+ row.checked = checked;
112
+ this._updateHeaderCheckbox();
113
+ }
114
+ this._emitRowSelect();
115
+ };
116
+ this._rowHandlers.set(row, handler);
117
+ row.addEventListener("i-sgds-change", handler);
118
+ }
119
+ _configureRows() {
120
+ const hasExpand = this.tableRows.some(r => r.expand);
121
+ const hasDataRows = this.tableRows.length > 0;
122
+ this.headerRows.forEach(row => {
123
+ row.showCheckbox = this.multiSelect;
124
+ row.showExpandPlaceholder = hasExpand;
125
+ row.hasDataRows = hasDataRows;
126
+ if (this.multiSelect)
127
+ this._attachRowListener(row);
128
+ });
129
+ this.tableRows.forEach(row => {
130
+ row.showCheckbox = this.multiSelect;
131
+ row.showExpandPlaceholder = !row.expand && hasExpand;
132
+ if (this.multiSelect)
133
+ this._attachRowListener(row);
134
+ });
135
+ if (this.multiSelect) {
136
+ this._syncHeaderCheckboxAfterRender();
137
+ }
138
+ this._applyColumnAlignment();
139
+ }
140
+ _applyColumnAlignment() {
141
+ const headerAlignments = this._headerCells.reduce((acc, header) => {
142
+ var _a;
143
+ const span = Number(header.colSpan) > 0 ? Number(header.colSpan) : 1;
144
+ const alignment = (_a = header.textAlign) !== null && _a !== void 0 ? _a : "left";
145
+ for (let i = 0; i < span; i++) {
146
+ acc.push(alignment);
147
+ }
148
+ return acc;
149
+ }, []);
150
+ this.headerRows.forEach(row => {
151
+ row.columnAlignments = [...headerAlignments];
152
+ });
153
+ this.tableRows.forEach(row => {
154
+ row.columnAlignments = [...headerAlignments];
155
+ });
156
+ }
157
+ _extractCellText(row, columnIndex) {
158
+ const rowCellText = row.getCellText(columnIndex);
159
+ if (rowCellText)
160
+ return rowCellText;
161
+ const cells = Array.from(row.children).filter(child => child.tagName.toLowerCase() === "sgds-data-table-cell");
162
+ const cell = cells[columnIndex];
163
+ return ((cell === null || cell === void 0 ? void 0 : cell.textContent) || "").trim();
164
+ }
165
+ _toComparableValue(row, key, columnIndex) {
166
+ if (key && row.rowData && key in row.rowData) {
167
+ return row.rowData[key];
168
+ }
169
+ return this._extractCellText(row, columnIndex);
170
+ }
171
+ _compareValues(left, right, direction) {
172
+ if (left === right)
173
+ return 0;
174
+ const leftNumber = Number(left);
175
+ const rightNumber = Number(right);
176
+ const bothNumeric = Number.isFinite(leftNumber) && Number.isFinite(rightNumber);
177
+ if (bothNumeric) {
178
+ return direction === "ascending" ? leftNumber - rightNumber : rightNumber - leftNumber;
179
+ }
180
+ const cmp = String(left).localeCompare(String(right), undefined, { numeric: true, sensitivity: "base" });
181
+ return direction === "ascending" ? cmp : -cmp;
182
+ }
183
+ _resetOtherHeaderSortStates(activeHeader) {
184
+ this._headerCells.forEach(header => {
185
+ if (header !== activeHeader && header.sorting) {
186
+ header.sortDirection = "none";
187
+ }
188
+ });
189
+ }
190
+ _getRowsInInitialPositionOrder(rows) {
191
+ return [...rows].sort((left, right) => {
192
+ const leftPosition = this._initialRowPositions.get(left);
193
+ const rightPosition = this._initialRowPositions.get(right);
194
+ if (leftPosition === undefined && rightPosition === undefined)
195
+ return 0;
196
+ if (leftPosition === undefined)
197
+ return 1;
198
+ if (rightPosition === undefined)
199
+ return -1;
200
+ return leftPosition - rightPosition;
201
+ });
202
+ }
203
+ _captureInitialRowPositions(rows) {
204
+ if (this._hasCapturedInitialRowPositions)
205
+ return;
206
+ rows.forEach((row, index) => {
207
+ this._initialRowPositions.set(row, index);
208
+ });
209
+ this._hasCapturedInitialRowPositions = true;
210
+ }
211
+ _handleSort(e) {
212
+ const activeHeader = e.composedPath().find(node => node instanceof sgdsDataTableHead.SgdsDataTableHead);
213
+ if (!activeHeader || !activeHeader.sorting)
214
+ return;
215
+ const { key, direction } = e
216
+ .detail;
217
+ const columnIndex = activeHeader ? this._headerCells.indexOf(activeHeader) : -1;
218
+ this._resetOtherHeaderSortStates(activeHeader);
219
+ if (this.serverSort) {
220
+ e.stopPropagation();
221
+ this.emit("sgds-sort", { detail: { key, direction } });
222
+ return;
223
+ }
224
+ if (columnIndex < 0)
225
+ return;
226
+ if (direction === "none") {
227
+ this.tableRows = this._getRowsInInitialPositionOrder(this.tableRows);
228
+ this._syncDomRowOrder();
229
+ this._updateVisibleRows();
230
+ return;
231
+ }
232
+ if (this.mode === "client") {
233
+ const start = (this.currentPage - 1) * this.itemsPerPage;
234
+ const end = start + this.itemsPerPage;
235
+ const nextRows = [...this.tableRows];
236
+ const sortedVisibleRows = nextRows.slice(start, end).sort((left, right) => {
237
+ const leftValue = this._toComparableValue(left, key, columnIndex);
238
+ const rightValue = this._toComparableValue(right, key, columnIndex);
239
+ return this._compareValues(leftValue, rightValue, direction);
240
+ });
241
+ nextRows.splice(start, sortedVisibleRows.length, ...sortedVisibleRows);
242
+ this.tableRows = nextRows;
243
+ this._syncDomRowOrder();
244
+ this._updateVisibleRows();
245
+ return;
246
+ }
247
+ this.tableRows = [...this.tableRows].sort((left, right) => {
248
+ const leftValue = this._toComparableValue(left, key, columnIndex);
249
+ const rightValue = this._toComparableValue(right, key, columnIndex);
250
+ return this._compareValues(leftValue, rightValue, direction);
251
+ });
252
+ this._syncDomRowOrder();
253
+ this._updateVisibleRows();
254
+ }
255
+ _syncDomRowOrder() {
256
+ var _a;
257
+ const parent = (_a = this.tableRows[0]) === null || _a === void 0 ? void 0 : _a.parentElement;
258
+ if (!parent)
259
+ return;
260
+ this.tableRows.forEach(row => parent.appendChild(row));
261
+ }
262
+ _handleSlotChange(e) {
263
+ const slotted = e.target
264
+ .assignedElements({ flatten: true })
265
+ .filter(el => el instanceof sgdsDataTableRow.SgdsDataTableRow);
266
+ const rowTableChildren = (row) => Array.from(row.children).filter(child => {
267
+ const tagName = child.tagName.toLowerCase();
268
+ const isTableCell = tagName === "sgds-data-table-cell" || tagName === "sgds-data-table-head";
269
+ if (!isTableCell)
270
+ return false;
271
+ return child.getAttribute("slot") !== "content";
272
+ });
273
+ this.headerRows = slotted.filter(row => rowTableChildren(row).some(child => child.tagName.toLowerCase() === "sgds-data-table-head"));
274
+ this.tableRows = slotted.filter(row => {
275
+ const children = rowTableChildren(row);
276
+ return children.length > 0 && children.every(child => child.tagName.toLowerCase() === "sgds-data-table-cell");
277
+ });
278
+ this._headerCells = this.headerRows.reduce((acc, row) => {
279
+ const headers = Array.from(row.children).filter(child => child instanceof sgdsDataTableHead.SgdsDataTableHead);
280
+ acc.push(...headers);
281
+ return acc;
282
+ }, []);
283
+ this._captureInitialRowPositions(this.tableRows);
284
+ this._headerCells.forEach(header => {
285
+ if (header.sorting && !header.sortDirection) {
286
+ header.sortDirection = "none";
287
+ }
288
+ });
289
+ this._configureRows();
290
+ this._updateVisibleRows();
291
+ }
292
+ _updateVisibleRows() {
293
+ if (this.isLoading) {
294
+ this.tableRows.forEach(row => (row.style.display = "none"));
295
+ return;
296
+ }
297
+ if (this.mode === "server") {
298
+ this.tableRows.forEach(row => (row.style.display = ""));
299
+ return;
300
+ }
301
+ const total = this.dataLength || this.tableRows.length;
302
+ const lastPage = Math.max(1, Math.ceil(total / this.itemsPerPage));
303
+ if (this.currentPage > lastPage) {
304
+ this.currentPage = lastPage;
305
+ return;
306
+ }
307
+ const start = (this.currentPage - 1) * this.itemsPerPage;
308
+ const visible = new Set(this.tableRows.slice(start, start + this.itemsPerPage));
309
+ this.tableRows.forEach(row => (row.style.display = visible.has(row) ? "" : "none"));
310
+ }
311
+ _getSkeletonColumnCount() {
312
+ const firstHeaderRow = this.headerRows[0];
313
+ const firstHeaderCells = firstHeaderRow
314
+ ? Array.from(firstHeaderRow.children).filter(child => child instanceof sgdsDataTableHead.SgdsDataTableHead)
315
+ : [];
316
+ const headerColumnCount = firstHeaderCells.reduce((count, header) => {
317
+ const span = Number(header.colSpan) > 0 ? Number(header.colSpan) : 1;
318
+ return count + span;
319
+ }, 0);
320
+ const firstBodyRow = this.tableRows[0];
321
+ const fallbackBodyColumnCount = firstBodyRow
322
+ ? Array.from(firstBodyRow.children).filter(child => child instanceof sgdsDataTableCell.SgdsDataTableCell).length
323
+ : 0;
324
+ const hasExpand = this.tableRows.some(row => row.expand);
325
+ const controlColumns = (this.multiSelect ? 1 : 0) + (hasExpand ? 1 : 0);
326
+ const dataColumns = headerColumnCount || fallbackBodyColumnCount || 1;
327
+ return Math.max(1, dataColumns + controlColumns);
328
+ }
329
+ _renderLoadingSkeleton() {
330
+ const skeletonColumns = this._getSkeletonColumnCount();
331
+ const skeletonRows = Math.max(1, this.itemsPerPage || 1);
332
+ return lit.html `<div class="loading" role="status" aria-live="polite" aria-label="Loading">
333
+ <div class="loading-grid" style=${`--sgds-data-table-loading-columns: ${skeletonColumns};`} aria-hidden="true">
334
+ ${Array.from({ length: skeletonRows }, (_, rowIndex) => lit.html `<div class="loading-grid-row" key=${rowIndex}>
335
+ ${Array.from({ length: skeletonColumns }, () => lit.html `<sgds-skeleton .height=${"56px"} .borderRadius=${"4px"}></sgds-skeleton>`)}
336
+ </div>`)}
337
+ </div>
338
+ </div>`;
339
+ }
340
+ updated(changed) {
341
+ if (changed.has("currentPage") || changed.has("itemsPerPage") || changed.has("mode") || changed.has("isLoading")) {
342
+ this._updateVisibleRows();
343
+ }
344
+ if (changed.has("multiSelect")) {
345
+ this._configureRows();
346
+ }
347
+ if (this.multiSelect && (changed.has("tableRows") || changed.has("headerRows"))) {
348
+ this._syncHeaderCheckboxAfterRender();
349
+ }
350
+ }
351
+ render() {
352
+ const total = this.dataLength || this.tableRows.length;
353
+ const start = (this.currentPage - 1) * this.itemsPerPage;
354
+ const end = Math.min(start + this.itemsPerPage, total);
355
+ const displayStart = total === 0 ? 0 : start + 1;
356
+ const showNoData = !this.isLoading && this.tableRows.length === 0;
357
+ const showFooter = total !== 0;
358
+ return lit.html `
359
+ <div class="data-table">
360
+ <div class="table-container">
361
+ <slot @slotchange=${this._handleSlotChange} @i-sgds-sort=${this._handleSort} class="table"></slot>
362
+ ${this.isLoading
363
+ ? this._renderLoadingSkeleton()
364
+ : showNoData
365
+ ? lit.html `<slot name="no-data" class="no-data" role="status" aria-live="polite">No data</slot>`
366
+ : lit.nothing}
367
+ </div>
368
+
369
+ ${showFooter
370
+ ? lit.html `<div class="footer">
371
+ ${this.footerText || lit.html `<span>Showing ${displayStart} to ${end} of ${total} results</span>`}
372
+ <sgds-pagination
373
+ .dataLength=${total}
374
+ .currentPage=${this.currentPage}
375
+ .itemsPerPage=${this.itemsPerPage}
376
+ .variant=${this.paginationVariant}
377
+ size="sm"
378
+ @sgds-page-change=${(e) => {
379
+ this.currentPage = e.detail.currentPage;
380
+ this.emit("sgds-page-change");
381
+ }}
382
+ ></sgds-pagination>
383
+ </div>`
384
+ : lit.nothing}
385
+ </div>
386
+ `;
387
+ }
388
+ }
389
+ SgdsDataTable.styles = [
390
+ ...sgdsElement["default"].styles,
391
+ dataTable["default"],
392
+ lit.css `
393
+ :host {
394
+ display: block;
395
+ }
396
+ `
397
+ ];
398
+ /** @internal */
399
+ SgdsDataTable.dependencies = {
400
+ "sgds-pagination": sgdsPagination.SgdsPagination,
401
+ "sgds-data-table-cell": sgdsDataTableCell.SgdsDataTableCell,
402
+ "sgds-data-table-head": sgdsDataTableHead.SgdsDataTableHead,
403
+ "sgds-skeleton": sgdsSkeleton.SgdsSkeleton
404
+ };
405
+ tslib.__decorate([
406
+ decorators_js.property({ type: Boolean })
407
+ ], SgdsDataTable.prototype, "multiSelect", void 0);
408
+ tslib.__decorate([
409
+ decorators_js.property({ type: Number })
410
+ ], SgdsDataTable.prototype, "dataLength", void 0);
411
+ tslib.__decorate([
412
+ decorators_js.property({ type: Number })
413
+ ], SgdsDataTable.prototype, "currentPage", void 0);
414
+ tslib.__decorate([
415
+ decorators_js.property({ type: Number })
416
+ ], SgdsDataTable.prototype, "itemsPerPage", void 0);
417
+ tslib.__decorate([
418
+ decorators_js.property({ type: String })
419
+ ], SgdsDataTable.prototype, "footerText", void 0);
420
+ tslib.__decorate([
421
+ decorators_js.property({ type: Boolean })
422
+ ], SgdsDataTable.prototype, "isLoading", void 0);
423
+ tslib.__decorate([
424
+ decorators_js.property({ type: Boolean })
425
+ ], SgdsDataTable.prototype, "serverSort", void 0);
426
+ tslib.__decorate([
427
+ decorators_js.property({ type: String })
428
+ ], SgdsDataTable.prototype, "paginationVariant", void 0);
429
+ tslib.__decorate([
430
+ decorators_js.property({ type: String, reflect: true })
431
+ ], SgdsDataTable.prototype, "layout", void 0);
432
+ tslib.__decorate([
433
+ decorators_js.property({ type: String })
434
+ ], SgdsDataTable.prototype, "mode", void 0);
435
+ tslib.__decorate([
436
+ decorators_js.state()
437
+ ], SgdsDataTable.prototype, "tableRows", void 0);
438
+ tslib.__decorate([
439
+ decorators_js.state()
440
+ ], SgdsDataTable.prototype, "headerRows", void 0);
441
+
442
+ exports.SgdsDataTable = SgdsDataTable;
443
+ exports["default"] = SgdsDataTable;
444
+ //# sourceMappingURL=sgds-data-table.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sgds-data-table.cjs.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 SgdsSkeleton from \"../Skeleton/sgds-skeleton\";\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-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 }) footerText = \"\";\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 /** 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 => 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.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<{ 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.sortDirection) {\n header.sortDirection = \"none\";\n }\n });\n\n this._configureRows();\n this._updateVisibleRows();\n }\n\n private _updateVisibleRows() {\n if (this.isLoading) {\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() {\n const firstHeaderRow = this.headerRows[0];\n const firstHeaderCells = firstHeaderRow\n ? (Array.from(firstHeaderRow.children).filter(child => child instanceof SgdsDataTableHead) as SgdsDataTableHead[])\n : [];\n\n const headerColumnCount = firstHeaderCells.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 controlColumns = (this.multiSelect ? 1 : 0) + (hasExpand ? 1 : 0);\n const dataColumns = headerColumnCount || fallbackBodyColumnCount || 1;\n\n return Math.max(1, dataColumns + controlColumns);\n }\n\n private _renderLoadingSkeleton() {\n const skeletonColumns = this._getSkeletonColumnCount();\n const skeletonRows = Math.max(1, this.itemsPerPage || 1);\n\n return html`<div class=\"loading\" role=\"status\" aria-live=\"polite\" aria-label=\"Loading\">\n <div class=\"loading-grid\" style=${`--sgds-data-table-loading-columns: ${skeletonColumns};`} aria-hidden=\"true\">\n ${Array.from(\n { length: skeletonRows },\n (_, rowIndex) =>\n html`<div class=\"loading-grid-row\" key=${rowIndex}>\n ${Array.from(\n { length: skeletonColumns },\n () => html`<sgds-skeleton .height=${\"56px\"} .borderRadius=${\"4px\"}></sgds-skeleton>`\n )}\n </div>`\n )}\n </div>\n </div>`;\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 const showFooter = total !== 0;\n\n return html`\n <div class=\"data-table\">\n <div class=\"table-container\">\n <slot @slotchange=${this._handleSlotChange} @i-sgds-sort=${this._handleSort} class=\"table\"></slot>\n ${this.isLoading\n ? this._renderLoadingSkeleton()\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 ${showFooter\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 .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"],"names":["SgdsElement","SgdsDataTableHead","SgdsDataTableRow","SgdsDataTableCell","html","nothing","tableStyle","css","SgdsPagination","SgdsSkeleton","__decorate","property","state"],"mappings":"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"}