@aquera/nile-elements 0.1.70-beta-1.2 → 0.1.72-beta-1.0

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 (244) hide show
  1. package/README.md +3 -0
  2. package/demo/index.html +201 -237
  3. package/dist/aquera-nile-elements-0.1.57-beta-2.0.tgz +0 -0
  4. package/dist/axe.min-2b379f29.cjs.js +12 -0
  5. package/dist/axe.min-2b379f29.cjs.js.map +1 -0
  6. package/dist/axe.min-c2cd8733.esm.js +12 -0
  7. package/dist/{fixture-5b79f853.cjs.js → fixture-28d63bc4.cjs.js} +2 -2
  8. package/dist/{fixture-5b79f853.cjs.js.map → fixture-28d63bc4.cjs.js.map} +1 -1
  9. package/dist/{fixture-dbd66009.cjs.js → fixture-324a7ef9.cjs.js} +2 -2
  10. package/dist/{fixture-dbd66009.cjs.js.map → fixture-324a7ef9.cjs.js.map} +1 -1
  11. package/dist/{fixture-cf7bfcf5.esm.js → fixture-78a015b8.esm.js} +1 -1
  12. package/dist/fixture-add72f26.esm.js +569 -0
  13. package/dist/{fixture-90b199c4.esm.js → fixture-ba65eb22.esm.js} +1 -1
  14. package/dist/fixture-c1bd203f.cjs.js +395 -0
  15. package/dist/fixture-c1bd203f.cjs.js.map +1 -0
  16. package/dist/fixture-cb376a7f.cjs.js +395 -0
  17. package/dist/fixture-cb376a7f.cjs.js.map +1 -0
  18. package/dist/fixture-f2693d97.esm.js +569 -0
  19. package/dist/index.js +101 -11
  20. package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
  21. package/dist/nile-accordion/nile-accordian.test.esm.js +1 -1
  22. package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js +1 -1
  23. package/dist/nile-auto-complete/nile-auto-complete.test.esm.js +1 -1
  24. package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
  25. package/dist/nile-avatar/nile-avatar.test.esm.js +1 -1
  26. package/dist/nile-badge/nile-badge.test.cjs.js +1 -1
  27. package/dist/nile-badge/nile-badge.test.esm.js +1 -1
  28. package/dist/nile-button/nile-button.test.cjs.js +1 -1
  29. package/dist/nile-button/nile-button.test.esm.js +1 -1
  30. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +1 -1
  31. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.esm.js +1 -1
  32. package/dist/nile-calendar/nile-calendar.test.cjs.js +1 -1
  33. package/dist/nile-calendar/nile-calendar.test.esm.js +1 -1
  34. package/dist/nile-card/nile-card.test.cjs.js +1 -1
  35. package/dist/nile-card/nile-card.test.esm.js +1 -1
  36. package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -1
  37. package/dist/nile-checkbox/nile-checkbox.test.esm.js +1 -1
  38. package/dist/nile-chip/nile-chip.test.cjs.js +1 -1
  39. package/dist/nile-chip/nile-chip.test.esm.js +1 -1
  40. package/dist/nile-dialog/nile-dialog.test.cjs.js +1 -1
  41. package/dist/nile-dialog/nile-dialog.test.esm.js +1 -1
  42. package/dist/nile-drawer/nile-drawer.test.cjs.js +1 -1
  43. package/dist/nile-drawer/nile-drawer.test.esm.js +1 -1
  44. package/dist/nile-dropdown/nile-dropdown.test.cjs.js +1 -1
  45. package/dist/nile-dropdown/nile-dropdown.test.esm.js +1 -1
  46. package/dist/nile-empty-state/nile-empty-state.test.cjs.js +1 -1
  47. package/dist/nile-empty-state/nile-empty-state.test.esm.js +1 -1
  48. package/dist/nile-error-message/nile-error-message.test.cjs.js +1 -1
  49. package/dist/nile-error-message/nile-error-message.test.esm.js +1 -1
  50. package/dist/nile-file-preview/nile-file-preview.test.cjs.js +1 -1
  51. package/dist/nile-file-preview/nile-file-preview.test.esm.js +1 -1
  52. package/dist/nile-file-upload/nile-file-upload.test.cjs.js +1 -1
  53. package/dist/nile-file-upload/nile-file-upload.test.esm.js +1 -1
  54. package/dist/nile-filter-chip/nile-filter-chip.test.cjs.js +1 -1
  55. package/dist/nile-filter-chip/nile-filter-chip.test.esm.js +1 -1
  56. package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
  57. package/dist/nile-form-group/nile-form-group.test.esm.js +1 -1
  58. package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
  59. package/dist/nile-form-help-text/nile-form-help-text.test.esm.js +1 -1
  60. package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
  61. package/dist/nile-hero/nile-hero.test.esm.js +1 -1
  62. package/dist/nile-icon/nile-icon.test.cjs.js +1 -1
  63. package/dist/nile-icon/nile-icon.test.esm.js +1 -1
  64. package/dist/nile-input/nile-input.test.cjs.js +1 -1
  65. package/dist/nile-input/nile-input.test.esm.js +1 -1
  66. package/dist/nile-link/nile-link.test.cjs.js +1 -1
  67. package/dist/nile-link/nile-link.test.esm.js +1 -1
  68. package/dist/nile-loader/nile-loader.test.cjs.js +1 -1
  69. package/dist/nile-loader/nile-loader.test.esm.js +1 -1
  70. package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
  71. package/dist/nile-popover/nile-popover.test.esm.js +1 -1
  72. package/dist/nile-popup/nile-popup.test.cjs.js +1 -1
  73. package/dist/nile-popup/nile-popup.test.esm.js +1 -1
  74. package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +1 -1
  75. package/dist/nile-progress-bar/nile-progress-bar.test.esm.js +1 -1
  76. package/dist/nile-radio/nile-radio.test.cjs.js +1 -1
  77. package/dist/nile-radio/nile-radio.test.esm.js +1 -1
  78. package/dist/nile-radio-group/nile-radio-group.test.cjs.js +1 -1
  79. package/dist/nile-radio-group/nile-radio-group.test.esm.js +1 -1
  80. package/dist/nile-select/nile-select.test.cjs.js +1 -1
  81. package/dist/nile-select/nile-select.test.esm.js +1 -1
  82. package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
  83. package/dist/nile-slide-toggle/nile-slide-toggle.test.esm.js +1 -1
  84. package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
  85. package/dist/nile-tab-group/nile-tab-group.test.esm.js +1 -1
  86. package/dist/nile-table-body/nile-table-body.cjs.js +1 -1
  87. package/dist/nile-table-body/nile-table-body.cjs.js.map +1 -1
  88. package/dist/nile-table-body/nile-table-body.esm.js +2 -2
  89. package/dist/nile-table-cell-item/nile-table-cell-item.cjs.js +1 -1
  90. package/dist/nile-table-cell-item/nile-table-cell-item.cjs.js.map +1 -1
  91. package/dist/nile-table-cell-item/nile-table-cell-item.css.cjs.js +1 -1
  92. package/dist/nile-table-cell-item/nile-table-cell-item.css.cjs.js.map +1 -1
  93. package/dist/nile-table-cell-item/nile-table-cell-item.css.esm.js +8 -3
  94. package/dist/nile-table-cell-item/nile-table-cell-item.esm.js +11 -5
  95. package/dist/nile-table-row/nile-table-row.cjs.js +1 -1
  96. package/dist/nile-table-row/nile-table-row.cjs.js.map +1 -1
  97. package/dist/nile-table-row/nile-table-row.css.cjs.js +1 -1
  98. package/dist/nile-table-row/nile-table-row.css.cjs.js.map +1 -1
  99. package/dist/nile-table-row/nile-table-row.css.esm.js +52 -0
  100. package/dist/nile-table-row/nile-table-row.esm.js +33 -6
  101. package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
  102. package/dist/nile-textarea/nile-textarea.test.esm.js +1 -1
  103. package/dist/nile-virtual-select/nile-virtual-select.test.cjs.js +1 -1
  104. package/dist/nile-virtual-select/nile-virtual-select.test.esm.js +1 -1
  105. package/dist/src/internal/expandable-row-helper.d.ts +13 -0
  106. package/dist/src/internal/expandable-row-helper.js +37 -0
  107. package/dist/src/internal/expandable-row-helper.js.map +1 -0
  108. package/dist/src/internal/expandable-row-styles.d.ts +11 -0
  109. package/dist/src/internal/expandable-row-styles.js +27 -0
  110. package/dist/src/internal/expandable-row-styles.js.map +1 -0
  111. package/dist/src/internal/table-expandable-helper.d.ts +0 -0
  112. package/dist/src/internal/table-expandable-helper.js +2 -0
  113. package/dist/src/internal/table-expandable-helper.js.map +1 -0
  114. package/dist/src/internal/table-row-expandable-helper.d.ts +12 -0
  115. package/dist/src/internal/table-row-expandable-helper.js +32 -0
  116. package/dist/src/internal/table-row-expandable-helper.js.map +1 -0
  117. package/dist/src/internal/table-row-expandable-styles.d.ts +11 -0
  118. package/dist/src/internal/table-row-expandable-styles.js +12 -0
  119. package/dist/src/internal/table-row-expandable-styles.js.map +1 -0
  120. package/dist/src/nile-group-header/index.d.ts +1 -0
  121. package/dist/src/nile-group-header/index.js +2 -0
  122. package/dist/src/nile-group-header/index.js.map +1 -0
  123. package/dist/src/nile-group-header/nile-group-header.css.d.ts +12 -0
  124. package/dist/src/nile-group-header/nile-group-header.css.js +30 -0
  125. package/dist/src/nile-group-header/nile-group-header.css.js.map +1 -0
  126. package/dist/src/nile-group-header/nile-group-header.d.ts +19 -0
  127. package/dist/src/nile-group-header/nile-group-header.js +36 -0
  128. package/dist/src/nile-group-header/nile-group-header.js.map +1 -0
  129. package/dist/src/nile-group-header/nile-option-header.css.d.ts +12 -0
  130. package/dist/src/nile-group-header/nile-option-header.css.js +30 -0
  131. package/dist/src/nile-group-header/nile-option-header.css.js.map +1 -0
  132. package/dist/src/nile-group-header/nile-option-header.d.ts +33 -0
  133. package/dist/src/nile-group-header/nile-option-header.js +51 -0
  134. package/dist/src/nile-group-header/nile-option-header.js.map +1 -0
  135. package/dist/src/nile-option-header/index.d.ts +1 -0
  136. package/dist/src/nile-option-header/index.js +2 -0
  137. package/dist/src/nile-option-header/index.js.map +1 -0
  138. package/dist/src/nile-option-header/nile-option-header.css.d.ts +12 -0
  139. package/dist/src/nile-option-header/nile-option-header.css.js +30 -0
  140. package/dist/src/nile-option-header/nile-option-header.css.js.map +1 -0
  141. package/dist/src/nile-option-header/nile-option-header.d.ts +33 -0
  142. package/dist/src/nile-option-header/nile-option-header.js +51 -0
  143. package/dist/src/nile-option-header/nile-option-header.js.map +1 -0
  144. package/dist/src/nile-table-body/nile-table-body.d.ts +3 -0
  145. package/dist/src/nile-table-body/nile-table-body.js +32 -0
  146. package/dist/src/nile-table-body/nile-table-body.js.map +1 -1
  147. package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js +5 -0
  148. package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js.map +1 -1
  149. package/dist/src/nile-table-cell-item/nile-table-cell-item.d.ts +1 -0
  150. package/dist/src/nile-table-cell-item/nile-table-cell-item.js +14 -2
  151. package/dist/src/nile-table-cell-item/nile-table-cell-item.js.map +1 -1
  152. package/dist/src/nile-table-row/TableRowExpandableHelper.d.ts +9 -0
  153. package/dist/src/nile-table-row/TableRowExpandableHelper.js +26 -0
  154. package/dist/src/nile-table-row/TableRowExpandableHelper.js.map +1 -0
  155. package/dist/src/nile-table-row/helper.ts.d.ts +37 -0
  156. package/dist/src/nile-table-row/helper.ts.js +105 -0
  157. package/dist/src/nile-table-row/helper.ts.js.map +1 -0
  158. package/dist/src/nile-table-row/nile-table-row-expandable.d.ts +37 -0
  159. package/dist/src/nile-table-row/nile-table-row-expandable.js +105 -0
  160. package/dist/src/nile-table-row/nile-table-row-expandable.js.map +1 -0
  161. package/dist/src/nile-table-row/nile-table-row.css.js +52 -0
  162. package/dist/src/nile-table-row/nile-table-row.css.js.map +1 -1
  163. package/dist/src/nile-table-row/nile-table-row.d.ts +12 -1
  164. package/dist/src/nile-table-row/nile-table-row.js +113 -9
  165. package/dist/src/nile-table-row/nile-table-row.js.map +1 -1
  166. package/dist/src/nile-table-row-expandable/index.d.ts +1 -0
  167. package/dist/src/nile-table-row-expandable/index.js +2 -0
  168. package/dist/src/nile-table-row-expandable/index.js.map +1 -0
  169. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.css.d.ts +12 -0
  170. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.css.js +17 -0
  171. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.css.js.map +1 -0
  172. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.d.ts +37 -0
  173. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.js +103 -0
  174. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.js.map +1 -0
  175. package/dist/src/nile-tooltip/nile-tooltip-utils.d.ts +18 -0
  176. package/dist/src/nile-tooltip/nile-tooltip-utils.js +216 -0
  177. package/dist/src/nile-tooltip/nile-tooltip-utils.js.map +1 -0
  178. package/dist/src/nile-tooltip/nile-tooltip.test.d.ts +1 -0
  179. package/dist/src/nile-tooltip/nile-tooltip.test.js +148 -0
  180. package/dist/src/nile-tooltip/nile-tooltip.test.js.map +1 -0
  181. package/dist/tsconfig.tsbuildinfo +1 -1
  182. package/package.json +1 -1
  183. package/src/nile-table-body/nile-table-body.ts +27 -1
  184. package/src/nile-table-cell-item/nile-table-cell-item.css.ts +5 -0
  185. package/src/nile-table-cell-item/nile-table-cell-item.ts +15 -2
  186. package/src/nile-table-row/nile-table-row.css.ts +52 -0
  187. package/src/nile-table-row/nile-table-row.ts +108 -5
  188. package/vscode-html-custom-data.json +43 -4
  189. package/dist/src/internal/resizable-helper.d.ts +0 -59
  190. package/dist/src/internal/resizable-helper.js +0 -115
  191. package/dist/src/internal/resizable-helper.js.map +0 -1
  192. package/dist/src/internal/resizable-styles.d.ts +0 -16
  193. package/dist/src/internal/resizable-styles.js +0 -144
  194. package/dist/src/internal/resizable-styles.js.map +0 -1
  195. package/dist/src/nile-badge/__snapshots__/nile-badge.test.snap.js +0 -17
  196. package/dist/src/nile-calendar/__snapshots__/nile-calendar.test.snap.js +0 -310
  197. package/dist/src/nile-card/__snapshots__/nile-card.test.snap.js +0 -34
  198. package/dist/src/nile-checkbox/__snapshots__/nile-checkbox.test.snap.js +0 -31
  199. package/dist/src/nile-grid/data-processor.d.ts +0 -37
  200. package/dist/src/nile-grid/data-processor.js +0 -122
  201. package/dist/src/nile-grid/data-processor.js.map +0 -1
  202. package/dist/src/nile-grid/event-handlers.d.ts +0 -35
  203. package/dist/src/nile-grid/event-handlers.js +0 -158
  204. package/dist/src/nile-grid/event-handlers.js.map +0 -1
  205. package/dist/src/nile-grid/index.d.ts +0 -5
  206. package/dist/src/nile-grid/index.js +0 -6
  207. package/dist/src/nile-grid/index.js.map +0 -1
  208. package/dist/src/nile-grid/nile-grid.css.d.ts +0 -1
  209. package/dist/src/nile-grid/nile-grid.css.js +0 -120
  210. package/dist/src/nile-grid/nile-grid.css.js.map +0 -1
  211. package/dist/src/nile-grid/nile-grid.d.ts +0 -39
  212. package/dist/src/nile-grid/nile-grid.js +0 -182
  213. package/dist/src/nile-grid/nile-grid.js.map +0 -1
  214. package/dist/src/nile-grid/renderer.d.ts +0 -8
  215. package/dist/src/nile-grid/renderer.js +0 -78
  216. package/dist/src/nile-grid/renderer.js.map +0 -1
  217. package/dist/src/nile-grid/resize-handler.d.ts +0 -4
  218. package/dist/src/nile-grid/resize-handler.js +0 -36
  219. package/dist/src/nile-grid/resize-handler.js.map +0 -1
  220. package/dist/src/nile-grid/types.d.ts +0 -32
  221. package/dist/src/nile-grid/types.js +0 -2
  222. package/dist/src/nile-grid/types.js.map +0 -1
  223. package/dist/src/nile-grid/utils.d.ts +0 -4
  224. package/dist/src/nile-grid/utils.js +0 -32
  225. package/dist/src/nile-grid/utils.js.map +0 -1
  226. package/dist/src/nile-hero/__snapshots__/nile-hero.test.snap.js +0 -47
  227. package/dist/src/nile-icon/__snapshots__/nile-icon.test.snap.js +0 -16
  228. package/dist/src/nile-input/__snapshots__/nile-input.test.snap.js +0 -75
  229. package/dist/src/nile-popover/__snapshots__/nile-popover.test.snap.js +0 -22
  230. package/dist/src/nile-table-body/virtual-scroll-helper.d.ts +0 -9
  231. package/dist/src/nile-table-body/virtual-scroll-helper.js +0 -24
  232. package/dist/src/nile-table-body/virtual-scroll-helper.js.map +0 -1
  233. package/dist/src/nile-virtual-table-body/index.d.ts +0 -2
  234. package/dist/src/nile-virtual-table-body/index.js +0 -3
  235. package/dist/src/nile-virtual-table-body/index.js.map +0 -1
  236. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.d.ts +0 -1
  237. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.js +0 -44
  238. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.js.map +0 -1
  239. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.d.ts +0 -50
  240. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.js +0 -135
  241. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.js.map +0 -1
  242. package/dist/src/nile-virtual-table-body/renderer.d.ts +0 -16
  243. package/dist/src/nile-virtual-table-body/renderer.js +0 -49
  244. package/dist/src/nile-virtual-table-body/renderer.js.map +0 -1
@@ -1,122 +0,0 @@
1
- /**
2
- * Copyright Aquera Inc 2023
3
- *
4
- * This source code is licensed under the BSD-3-Clause license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- export class GridDataProcessor {
8
- constructor(options, pageSize = 20) {
9
- this.options = options;
10
- this.pageSize = pageSize;
11
- this.currentPage = 1;
12
- this.sortField = '';
13
- this.sortDirection = 'asc';
14
- this.filterText = '';
15
- }
16
- setOptions(options) {
17
- this.options = options;
18
- }
19
- setPageSize(pageSize) {
20
- this.pageSize = pageSize;
21
- }
22
- setCurrentPage(page) {
23
- this.currentPage = page;
24
- }
25
- setSortField(field) {
26
- this.sortField = field;
27
- }
28
- setSortDirection(direction) {
29
- this.sortDirection = direction;
30
- }
31
- setFilterText(text) {
32
- this.filterText = text;
33
- }
34
- processData(data, columns) {
35
- // Apply filtering
36
- const filteredData = this.applyFilters(data, columns);
37
- // Apply sorting
38
- const sortedData = this.applySorting(filteredData, columns);
39
- // Apply pagination
40
- const totalPages = Math.ceil(sortedData.length / this.pageSize);
41
- const paginatedData = this.applyPagination(sortedData);
42
- return {
43
- filteredData,
44
- sortedData,
45
- paginatedData,
46
- totalPages
47
- };
48
- }
49
- applyFilters(data, columns) {
50
- if (!this.filterText || !this.options.enableFiltering) {
51
- return data;
52
- }
53
- return data.filter(row => {
54
- return columns.some(column => {
55
- const value = row[column.field];
56
- if (value == null)
57
- return false;
58
- return String(value).toLowerCase().includes(this.filterText.toLowerCase());
59
- });
60
- });
61
- }
62
- applySorting(data, columns) {
63
- if (!this.sortField || !this.options.enableSorting) {
64
- return data;
65
- }
66
- const column = columns.find(col => col.field === this.sortField);
67
- if (!column)
68
- return data;
69
- return [...data].sort((a, b) => {
70
- const aVal = a[column.field];
71
- const bVal = b[column.field];
72
- if (aVal == null && bVal == null)
73
- return 0;
74
- if (aVal == null)
75
- return 1;
76
- if (bVal == null)
77
- return -1;
78
- if (typeof aVal === 'string' && typeof bVal === 'string') {
79
- return this.sortDirection === 'asc'
80
- ? aVal.localeCompare(bVal)
81
- : bVal.localeCompare(aVal);
82
- }
83
- if (typeof aVal === 'number' && typeof bVal === 'number') {
84
- return this.sortDirection === 'asc' ? aVal - bVal : bVal - aVal;
85
- }
86
- return 0;
87
- });
88
- }
89
- applyPagination(data) {
90
- if (!this.options.enablePagination) {
91
- return data;
92
- }
93
- const startIndex = (this.currentPage - 1) * this.pageSize;
94
- const endIndex = startIndex + this.pageSize;
95
- return data.slice(startIndex, endIndex);
96
- }
97
- getSortClass(column) {
98
- if (this.sortField !== column.field)
99
- return '';
100
- return this.sortDirection === 'asc' ? 'sort-asc' : 'sort-desc';
101
- }
102
- getSortIcon(column) {
103
- if (this.sortField !== column.field)
104
- return '↕';
105
- return this.sortDirection === 'asc' ? '↑' : '↓';
106
- }
107
- isAllSelected(paginatedData) {
108
- return paginatedData.length > 0 && paginatedData.every(row => row.selected);
109
- }
110
- isPartiallySelected(paginatedData) {
111
- const selectedCount = paginatedData.filter(row => row.selected).length;
112
- return selectedCount > 0 && selectedCount < paginatedData.length;
113
- }
114
- // Getters for event handlers
115
- getSortField() {
116
- return this.sortField;
117
- }
118
- getSortDirection() {
119
- return this.sortDirection;
120
- }
121
- }
122
- //# sourceMappingURL=data-processor.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-processor.js","sourceRoot":"","sources":["../../../src/nile-grid/data-processor.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport type { GridColumnDef, GridRowData, GridOptions } from './types.js';\n\nexport class GridDataProcessor {\n private options: GridOptions;\n private pageSize: number;\n private currentPage: number;\n private sortField: string;\n private sortDirection: 'asc' | 'desc';\n private filterText: string;\n\n constructor(options: GridOptions, pageSize: number = 20) {\n this.options = options;\n this.pageSize = pageSize;\n this.currentPage = 1;\n this.sortField = '';\n this.sortDirection = 'asc';\n this.filterText = '';\n }\n\n setOptions(options: GridOptions): void {\n this.options = options;\n }\n\n setPageSize(pageSize: number): void {\n this.pageSize = pageSize;\n }\n\n setCurrentPage(page: number): void {\n this.currentPage = page;\n }\n\n setSortField(field: string): void {\n this.sortField = field;\n }\n\n setSortDirection(direction: 'asc' | 'desc'): void {\n this.sortDirection = direction;\n }\n\n setFilterText(text: string): void {\n this.filterText = text;\n }\n\n processData(data: GridRowData[], columns: GridColumnDef[]): {\n filteredData: GridRowData[];\n sortedData: GridRowData[];\n paginatedData: GridRowData[];\n totalPages: number;\n } {\n // Apply filtering\n const filteredData = this.applyFilters(data, columns);\n \n // Apply sorting\n const sortedData = this.applySorting(filteredData, columns);\n \n // Apply pagination\n const totalPages = Math.ceil(sortedData.length / this.pageSize);\n const paginatedData = this.applyPagination(sortedData);\n\n return {\n filteredData,\n sortedData,\n paginatedData,\n totalPages\n };\n }\n\n private applyFilters(data: GridRowData[], columns: GridColumnDef[]): GridRowData[] {\n if (!this.filterText || !this.options.enableFiltering) {\n return data;\n }\n\n return data.filter(row => {\n return columns.some(column => {\n const value = row[column.field];\n if (value == null) return false;\n return String(value).toLowerCase().includes(this.filterText.toLowerCase());\n });\n });\n }\n\n private applySorting(data: GridRowData[], columns: GridColumnDef[]): GridRowData[] {\n if (!this.sortField || !this.options.enableSorting) {\n return data;\n }\n\n const column = columns.find(col => col.field === this.sortField);\n if (!column) return data;\n\n return [...data].sort((a, b) => {\n const aVal = a[column.field];\n const bVal = b[column.field];\n \n if (aVal == null && bVal == null) return 0;\n if (aVal == null) return 1;\n if (bVal == null) return -1;\n\n if (typeof aVal === 'string' && typeof bVal === 'string') {\n return this.sortDirection === 'asc' \n ? aVal.localeCompare(bVal)\n : bVal.localeCompare(aVal);\n }\n\n if (typeof aVal === 'number' && typeof bVal === 'number') {\n return this.sortDirection === 'asc' ? aVal - bVal : bVal - aVal;\n }\n\n return 0;\n });\n }\n\n private applyPagination(data: GridRowData[]): GridRowData[] {\n if (!this.options.enablePagination) {\n return data;\n }\n\n const startIndex = (this.currentPage - 1) * this.pageSize;\n const endIndex = startIndex + this.pageSize;\n return data.slice(startIndex, endIndex);\n }\n\n getSortClass(column: GridColumnDef): string {\n if (this.sortField !== column.field) return '';\n return this.sortDirection === 'asc' ? 'sort-asc' : 'sort-desc';\n }\n\n getSortIcon(column: GridColumnDef): string {\n if (this.sortField !== column.field) return '↕';\n return this.sortDirection === 'asc' ? '↑' : '↓';\n }\n\n isAllSelected(paginatedData: GridRowData[]): boolean {\n return paginatedData.length > 0 && paginatedData.every(row => row.selected);\n }\n\n isPartiallySelected(paginatedData: GridRowData[]): boolean {\n const selectedCount = paginatedData.filter(row => row.selected).length;\n return selectedCount > 0 && selectedCount < paginatedData.length;\n }\n\n // Getters for event handlers\n getSortField(): string {\n return this.sortField;\n }\n\n getSortDirection(): 'asc' | 'desc' {\n return this.sortDirection;\n }\n}\n"]}
@@ -1,35 +0,0 @@
1
- /**
2
- * Copyright Aquera Inc 2023
3
- *
4
- * This source code is licensed under the BSD-3-Clause license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- import type { GridColumnDef, GridRowData, GridOptions } from './types.js';
8
- import type { GridDataProcessor } from './data-processor.js';
9
- export declare class GridEventHandlers {
10
- private options;
11
- private dataProcessor;
12
- private selectedRows;
13
- private isResizing;
14
- private resizingColumn;
15
- private dragStartX;
16
- private dragStartWidth;
17
- constructor(options: GridOptions, dataProcessor: GridDataProcessor);
18
- setOptions(options: GridOptions): void;
19
- handleKeyDown(event: KeyboardEvent): void;
20
- handleWheel(event: WheelEvent, updateVirtualScrolling: () => void): void;
21
- handleColumnSort(column: GridColumnDef, onSort: (field: string, direction: 'asc' | 'desc') => void): void;
22
- handleColumnFilter(column: GridColumnDef, value: string, onFilter: () => void): void;
23
- handleRowSelection(row: GridRowData, event: Event, currentData: GridRowData[], onSelectionChange: () => void): void;
24
- handleHeaderSelectionChange(event: Event, currentData: GridRowData[], onSelectionChange: () => void): void;
25
- handleRowClick(row: GridRowData, event: Event): void;
26
- handleCellEdit(row: GridRowData, column: GridColumnDef, value: any, onCellEdit: (row: GridRowData, column: GridColumnDef, oldValue: any, newValue: any) => void): void;
27
- handleColumnResizeStart(column: GridColumnDef, event: MouseEvent): void;
28
- private handleColumnResizeMove;
29
- private handleColumnResizeEnd;
30
- private handleArrowKeyNavigation;
31
- private emit;
32
- getSelectedRows(): GridRowData[];
33
- isResizingColumn(): boolean;
34
- getResizingColumn(): GridColumnDef | null;
35
- }
@@ -1,158 +0,0 @@
1
- /**
2
- * Copyright Aquera Inc 2023
3
- *
4
- * This source code is licensed under the BSD-3-Clause license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- export class GridEventHandlers {
8
- constructor(options, dataProcessor) {
9
- this.selectedRows = [];
10
- this.isResizing = false;
11
- this.resizingColumn = null;
12
- this.dragStartX = 0;
13
- this.dragStartWidth = 0;
14
- this.options = options;
15
- this.dataProcessor = dataProcessor;
16
- }
17
- setOptions(options) {
18
- this.options = options;
19
- this.dataProcessor.setOptions(options);
20
- }
21
- handleKeyDown(event) {
22
- if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
23
- event.preventDefault();
24
- this.handleArrowKeyNavigation(event.key);
25
- }
26
- }
27
- handleWheel(event, updateVirtualScrolling) {
28
- if (this.options.enableVirtualScrolling) {
29
- updateVirtualScrolling();
30
- }
31
- }
32
- handleColumnSort(column, onSort) {
33
- if (!this.options.enableSorting)
34
- return;
35
- const currentField = this.dataProcessor.getSortField();
36
- const currentDirection = this.dataProcessor.getSortDirection();
37
- let newDirection;
38
- if (currentField === column.field) {
39
- newDirection = currentDirection === 'asc' ? 'desc' : 'asc';
40
- }
41
- else {
42
- newDirection = 'asc';
43
- }
44
- this.dataProcessor.setSortField(column.field);
45
- this.dataProcessor.setSortDirection(newDirection);
46
- onSort(column.field, newDirection);
47
- }
48
- handleColumnFilter(column, value, onFilter) {
49
- if (!this.options.enableFiltering)
50
- return;
51
- column.filterValue = value;
52
- this.dataProcessor.setFilterText(value);
53
- this.dataProcessor.setCurrentPage(1);
54
- onFilter();
55
- }
56
- handleRowSelection(row, event, currentData, onSelectionChange) {
57
- if (!this.options.enableRowSelection)
58
- return;
59
- const checkbox = event.target;
60
- if (this.options.enableMultiRowSelection) {
61
- if (checkbox.checked) {
62
- if (!this.selectedRows.find(r => r.id === row.id)) {
63
- this.selectedRows.push(row);
64
- row.selected = true;
65
- }
66
- }
67
- else {
68
- const index = this.selectedRows.findIndex(r => r.id === row.id);
69
- if (index > -1) {
70
- this.selectedRows.splice(index, 1);
71
- row.selected = false;
72
- }
73
- }
74
- }
75
- else {
76
- this.selectedRows = checkbox.checked ? [row] : [];
77
- // Update all rows selection state
78
- currentData.forEach(r => {
79
- r.selected = r.id === row.id ? checkbox.checked : false;
80
- });
81
- }
82
- onSelectionChange();
83
- }
84
- handleHeaderSelectionChange(event, currentData, onSelectionChange) {
85
- if (!this.options.enableRowSelection)
86
- return;
87
- const checkbox = event.target;
88
- const isChecked = checkbox.checked;
89
- currentData.forEach(row => {
90
- row.selected = isChecked;
91
- });
92
- if (isChecked) {
93
- this.selectedRows = [...currentData];
94
- }
95
- else {
96
- this.selectedRows = [];
97
- }
98
- onSelectionChange();
99
- }
100
- handleRowClick(row, event) {
101
- if (this.options.suppressRowClickSelection)
102
- return;
103
- const target = event.target;
104
- if (target.tagName === 'INPUT' || target.closest('.checkbox-cell'))
105
- return;
106
- // Emit row click event
107
- this.emit('nile-grid-row-click', { row, event });
108
- }
109
- handleCellEdit(row, column, value, onCellEdit) {
110
- if (!column.editable)
111
- return;
112
- const oldValue = row[column.field];
113
- row[column.field] = value;
114
- onCellEdit(row, column, oldValue, value);
115
- }
116
- handleColumnResizeStart(column, event) {
117
- if (!this.options.enableColumnResize)
118
- return;
119
- this.isResizing = true;
120
- this.resizingColumn = column;
121
- this.dragStartX = event.clientX;
122
- this.dragStartWidth = column.width || 150;
123
- document.addEventListener('mousemove', this.handleColumnResizeMove.bind(this));
124
- document.addEventListener('mouseup', this.handleColumnResizeEnd.bind(this));
125
- }
126
- handleColumnResizeMove(event) {
127
- if (!this.isResizing || !this.resizingColumn)
128
- return;
129
- const deltaX = event.clientX - this.dragStartX;
130
- const newWidth = Math.max(this.resizingColumn.minWidth || 50, Math.min(this.resizingColumn.maxWidth || 500, this.dragStartWidth + deltaX));
131
- this.resizingColumn.width = newWidth;
132
- }
133
- handleColumnResizeEnd() {
134
- this.isResizing = false;
135
- this.resizingColumn = null;
136
- document.removeEventListener('mousemove', this.handleColumnResizeMove.bind(this));
137
- document.removeEventListener('mouseup', this.handleColumnResizeEnd.bind(this));
138
- }
139
- handleArrowKeyNavigation(key) {
140
- // Emit keyboard navigation event
141
- this.emit('nile-grid-key-navigation', { key });
142
- }
143
- emit(eventName, detail) {
144
- // This will be implemented by the main component
145
- // The main component will listen to these events and emit them
146
- }
147
- // Getters
148
- getSelectedRows() {
149
- return this.selectedRows;
150
- }
151
- isResizingColumn() {
152
- return this.isResizing;
153
- }
154
- getResizingColumn() {
155
- return this.resizingColumn;
156
- }
157
- }
158
- //# sourceMappingURL=event-handlers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"event-handlers.js","sourceRoot":"","sources":["../../../src/nile-grid/event-handlers.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport type { GridColumnDef, GridRowData, GridOptions } from './types.js';\nimport type { GridDataProcessor } from './data-processor.js';\n\nexport class GridEventHandlers {\n private options: GridOptions;\n private dataProcessor: GridDataProcessor;\n private selectedRows: GridRowData[] = [];\n private isResizing: boolean = false;\n private resizingColumn: GridColumnDef | null = null;\n private dragStartX: number = 0;\n private dragStartWidth: number = 0;\n\n constructor(options: GridOptions, dataProcessor: GridDataProcessor) {\n this.options = options;\n this.dataProcessor = dataProcessor;\n }\n\n setOptions(options: GridOptions): void {\n this.options = options;\n this.dataProcessor.setOptions(options);\n }\n\n handleKeyDown(event: KeyboardEvent): void {\n if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n event.preventDefault();\n this.handleArrowKeyNavigation(event.key);\n }\n }\n\n handleWheel(event: WheelEvent, updateVirtualScrolling: () => void): void {\n if (this.options.enableVirtualScrolling) {\n updateVirtualScrolling();\n }\n }\n\n handleColumnSort(column: GridColumnDef, onSort: (field: string, direction: 'asc' | 'desc') => void): void {\n if (!this.options.enableSorting) return;\n\n const currentField = this.dataProcessor.getSortField();\n const currentDirection = this.dataProcessor.getSortDirection();\n\n let newDirection: 'asc' | 'desc';\n if (currentField === column.field) {\n newDirection = currentDirection === 'asc' ? 'desc' : 'asc';\n } else {\n newDirection = 'asc';\n }\n\n this.dataProcessor.setSortField(column.field);\n this.dataProcessor.setSortDirection(newDirection);\n \n onSort(column.field, newDirection);\n }\n\n handleColumnFilter(column: GridColumnDef, value: string, onFilter: () => void): void {\n if (!this.options.enableFiltering) return;\n\n column.filterValue = value;\n this.dataProcessor.setFilterText(value);\n this.dataProcessor.setCurrentPage(1);\n \n onFilter();\n }\n\n handleRowSelection(row: GridRowData, event: Event, currentData: GridRowData[], onSelectionChange: () => void): void {\n if (!this.options.enableRowSelection) return;\n\n const checkbox = event.target as HTMLInputElement;\n \n if (this.options.enableMultiRowSelection) {\n if (checkbox.checked) {\n if (!this.selectedRows.find(r => r.id === row.id)) {\n this.selectedRows.push(row);\n row.selected = true;\n }\n } else {\n const index = this.selectedRows.findIndex(r => r.id === row.id);\n if (index > -1) {\n this.selectedRows.splice(index, 1);\n row.selected = false;\n }\n }\n } else {\n this.selectedRows = checkbox.checked ? [row] : [];\n // Update all rows selection state\n currentData.forEach(r => {\n r.selected = r.id === row.id ? checkbox.checked : false;\n });\n }\n\n onSelectionChange();\n }\n\n handleHeaderSelectionChange(event: Event, currentData: GridRowData[], onSelectionChange: () => void): void {\n if (!this.options.enableRowSelection) return;\n\n const checkbox = event.target as HTMLInputElement;\n const isChecked = checkbox.checked;\n \n currentData.forEach(row => {\n row.selected = isChecked;\n });\n\n if (isChecked) {\n this.selectedRows = [...currentData];\n } else {\n this.selectedRows = [];\n }\n\n onSelectionChange();\n }\n\n handleRowClick(row: GridRowData, event: Event): void {\n if (this.options.suppressRowClickSelection) return;\n\n const target = event.target as HTMLElement;\n if (target.tagName === 'INPUT' || target.closest('.checkbox-cell')) return;\n\n // Emit row click event\n this.emit('nile-grid-row-click', { row, event });\n }\n\n handleCellEdit(row: GridRowData, column: GridColumnDef, value: any, onCellEdit: (row: GridRowData, column: GridColumnDef, oldValue: any, newValue: any) => void): void {\n if (!column.editable) return;\n\n const oldValue = row[column.field];\n row[column.field] = value;\n\n onCellEdit(row, column, oldValue, value);\n }\n\n handleColumnResizeStart(column: GridColumnDef, event: MouseEvent): void {\n if (!this.options.enableColumnResize) return;\n\n this.isResizing = true;\n this.resizingColumn = column;\n this.dragStartX = event.clientX;\n this.dragStartWidth = column.width || 150;\n\n document.addEventListener('mousemove', this.handleColumnResizeMove.bind(this));\n document.addEventListener('mouseup', this.handleColumnResizeEnd.bind(this));\n }\n\n private handleColumnResizeMove(event: MouseEvent): void {\n if (!this.isResizing || !this.resizingColumn) return;\n\n const deltaX = event.clientX - this.dragStartX;\n const newWidth = Math.max(\n this.resizingColumn.minWidth || 50,\n Math.min(this.resizingColumn.maxWidth || 500, this.dragStartWidth + deltaX)\n );\n\n this.resizingColumn.width = newWidth;\n }\n\n private handleColumnResizeEnd(): void {\n this.isResizing = false;\n this.resizingColumn = null;\n \n document.removeEventListener('mousemove', this.handleColumnResizeMove.bind(this));\n document.removeEventListener('mouseup', this.handleColumnResizeEnd.bind(this));\n }\n\n private handleArrowKeyNavigation(key: string): void {\n // Emit keyboard navigation event\n this.emit('nile-grid-key-navigation', { key });\n }\n\n private emit(eventName: string, detail: any): void {\n // This will be implemented by the main component\n // The main component will listen to these events and emit them\n }\n\n // Getters\n getSelectedRows(): GridRowData[] {\n return this.selectedRows;\n }\n\n isResizingColumn(): boolean {\n return this.isResizing;\n }\n\n getResizingColumn(): GridColumnDef | null {\n return this.resizingColumn;\n }\n}\n"]}
@@ -1,5 +0,0 @@
1
- export { NileGrid } from './nile-grid';
2
- export * from './types';
3
- export * from './utils';
4
- export * from './renderer';
5
- export * from './resize-handler';
@@ -1,6 +0,0 @@
1
- export { NileGrid } from './nile-grid';
2
- export * from './types';
3
- export * from './utils';
4
- export * from './renderer';
5
- export * from './resize-handler';
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC","sourcesContent":["export { NileGrid } from './nile-grid';\nexport * from './types';\nexport * from './utils';\nexport * from './renderer';\nexport * from './resize-handler';\n"]}
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,120 +0,0 @@
1
- import { css } from 'lit';
2
- export const styles = css `
3
- :host {
4
- display: block;
5
- font-family: var(--nile-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
6
- font-size: var(--nile-font-size, 14px);
7
- line-height: var(--nile-line-height, 1.4);
8
- color: var(--nile-color-text, #333);
9
- }
10
-
11
- .grid-container {
12
- border: 1px solid var(--nile-color-border, #ddd);
13
- border-radius: var(--nile-border-radius, 4px);
14
- background: var(--nile-color-background, #fff);
15
- overflow: hidden;
16
- width: 100%;
17
- min-width: 100%;
18
- box-sizing: border-box;
19
- }
20
-
21
- .grid-header {
22
- display: grid;
23
- background: var(--nile-color-header-background, #f8f9fa);
24
- border-bottom: 1px solid var(--nile-color-border, #ddd);
25
- font-weight: 600;
26
- width: 100%;
27
- }
28
-
29
- .grid-header-cell {
30
- padding: 8px 12px;
31
- border-right: 1px solid var(--nile-color-border, #ddd);
32
- display: flex;
33
- align-items: center;
34
- justify-content: space-between;
35
- overflow: hidden;
36
- text-overflow: ellipsis;
37
- white-space: nowrap;
38
- position: relative;
39
- }
40
-
41
- .grid-header-cell:last-child {
42
- border-right: none;
43
- }
44
-
45
- .grid-resize-handle {
46
- position: absolute;
47
- right: 0;
48
- top: 0;
49
- bottom: 0;
50
- width: 4px;
51
- cursor: col-resize;
52
- background: transparent;
53
- transition: background-color 0.2s ease;
54
- }
55
-
56
- .grid-resize-handle:hover {
57
- background: var(--nile-color-primary, #007bff);
58
- }
59
-
60
- .grid-resize-handle:active {
61
- background: var(--nile-color-primary, #007bff);
62
- }
63
-
64
- .grid-body {
65
- max-height: 400px;
66
- overflow-y: auto;
67
- width: 100%;
68
- }
69
-
70
- .grid-row {
71
- display: grid;
72
- border-bottom: 1px solid var(--nile-color-border-light, #f0f0f0);
73
- width: 100%;
74
- min-width: 100%;
75
- }
76
-
77
- .grid-row:nth-child(even) {
78
- background: var(--nile-color-row-even, #fafafa);
79
- }
80
-
81
- .grid-row:nth-child(odd) {
82
- background: var(--nile-color-row-odd, #fff);
83
- }
84
-
85
- .grid-cell {
86
- padding: 8px 12px;
87
- border-right: 1px solid var(--nile-color-border-light, #f0f0f0);
88
- display: flex;
89
- align-items: center;
90
- overflow: hidden;
91
- text-overflow: ellipsis;
92
- white-space: nowrap;
93
- }
94
-
95
- .grid-cell:last-child {
96
- border-right: none;
97
- }
98
-
99
- /* Column spanning styles */
100
- .grid-cell[style*="grid-column"] {
101
- border-right: 1px solid var(--nile-color-border-light, #f0f0f0);
102
- }
103
-
104
- .grid-cell[style*="grid-column"]:last-of-type {
105
- border-right: none;
106
- }
107
-
108
- .grid-empty {
109
- display: flex;
110
- align-items: center;
111
- justify-content: center;
112
- padding: 40px;
113
- color: var(--nile-color-muted, #6c757d);
114
- }
115
-
116
- .empty-text {
117
- font-size: 14px;
118
- }
119
- `;
120
- //# sourceMappingURL=nile-grid.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-grid.css.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n :host {\n display: block;\n font-family: var(--nile-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);\n font-size: var(--nile-font-size, 14px);\n line-height: var(--nile-line-height, 1.4);\n color: var(--nile-color-text, #333);\n }\n\n .grid-container {\n border: 1px solid var(--nile-color-border, #ddd);\n border-radius: var(--nile-border-radius, 4px);\n background: var(--nile-color-background, #fff);\n overflow: hidden;\n width: 100%;\n min-width: 100%;\n box-sizing: border-box;\n }\n\n .grid-header {\n display: grid;\n background: var(--nile-color-header-background, #f8f9fa);\n border-bottom: 1px solid var(--nile-color-border, #ddd);\n font-weight: 600;\n width: 100%;\n }\n\n .grid-header-cell {\n padding: 8px 12px;\n border-right: 1px solid var(--nile-color-border, #ddd);\n display: flex;\n align-items: center;\n justify-content: space-between;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n }\n\n .grid-header-cell:last-child {\n border-right: none;\n }\n\n .grid-resize-handle {\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n cursor: col-resize;\n background: transparent;\n transition: background-color 0.2s ease;\n }\n\n .grid-resize-handle:hover {\n background: var(--nile-color-primary, #007bff);\n }\n\n .grid-resize-handle:active {\n background: var(--nile-color-primary, #007bff);\n }\n\n .grid-body {\n max-height: 400px;\n overflow-y: auto;\n width: 100%;\n }\n\n .grid-row {\n display: grid;\n border-bottom: 1px solid var(--nile-color-border-light, #f0f0f0);\n width: 100%;\n min-width: 100%;\n }\n\n .grid-row:nth-child(even) {\n background: var(--nile-color-row-even, #fafafa);\n }\n\n .grid-row:nth-child(odd) {\n background: var(--nile-color-row-odd, #fff);\n }\n\n .grid-cell {\n padding: 8px 12px;\n border-right: 1px solid var(--nile-color-border-light, #f0f0f0);\n display: flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .grid-cell:last-child {\n border-right: none;\n }\n\n /* Column spanning styles */\n .grid-cell[style*=\"grid-column\"] {\n border-right: 1px solid var(--nile-color-border-light, #f0f0f0);\n }\n\n .grid-cell[style*=\"grid-column\"]:last-of-type {\n border-right: none;\n }\n\n .grid-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px;\n color: var(--nile-color-muted, #6c757d);\n }\n\n .empty-text {\n font-size: 14px;\n }\n`;\n"]}
@@ -1,39 +0,0 @@
1
- import { TemplateResult } from 'lit';
2
- import type { CSSResultGroup } from 'lit';
3
- import NileElement from '../internal/nile-element';
4
- import type { ColumnDef, GridOptions } from './types.js';
5
- /**
6
- * @summary A simple data grid component
7
- * @status stable
8
- * @since 2.0
9
- *
10
- * @event grid-ready - Emitted when the grid is ready
11
- */
12
- export declare class NileGrid extends NileElement {
13
- static styles: CSSResultGroup;
14
- /** Column definitions for the grid */
15
- columnDefs: ColumnDef[];
16
- /** Row data to display in the grid */
17
- rowData: any[];
18
- /** Grid options for configuration */
19
- gridOptions: GridOptions;
20
- private gridApi;
21
- connectedCallback(): void;
22
- firstUpdated(): void;
23
- private initializeGridApi;
24
- private emitGridReady;
25
- private handleResizeStart;
26
- private renderHeader;
27
- private shouldShowResizeHandle;
28
- private renderBody;
29
- private renderRowCells;
30
- private calculateColSpan;
31
- private getGridTemplateColumns;
32
- render(): TemplateResult;
33
- }
34
- export default NileGrid;
35
- declare global {
36
- interface HTMLElementTagNameMap {
37
- 'nile-grid': NileGrid;
38
- }
39
- }