@aquera/nile-elements 0.1.73-beta-1.8 → 0.1.73-beta-1.9

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 (164) hide show
  1. package/README.md +0 -3
  2. package/demo/index.html +9 -47
  3. package/dist/axe.min-2b379f29.cjs.js +12 -0
  4. package/dist/axe.min-2b379f29.cjs.js.map +1 -0
  5. package/dist/axe.min-c2cd8733.esm.js +12 -0
  6. package/dist/{fixture-90b199c4.esm.js → fixture-2b5b3aba.esm.js} +1 -1
  7. package/dist/{fixture-5b79f853.cjs.js → fixture-3bfb4490.cjs.js} +2 -2
  8. package/dist/{fixture-5b79f853.cjs.js.map → fixture-3bfb4490.cjs.js.map} +1 -1
  9. package/dist/{fixture-dbd66009.cjs.js → fixture-7bfb866e.cjs.js} +2 -2
  10. package/dist/fixture-7bfb866e.cjs.js.map +1 -0
  11. package/dist/{fixture-cf7bfcf5.esm.js → fixture-8edec91c.esm.js} +1 -1
  12. package/dist/fixture-e7023246.esm.js +569 -0
  13. package/dist/fixture-fe6c932e.cjs.js +395 -0
  14. package/dist/{fixture-dbd66009.cjs.js.map → fixture-fe6c932e.cjs.js.map} +1 -1
  15. package/dist/index.js +4 -5
  16. package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
  17. package/dist/nile-accordion/nile-accordian.test.esm.js +1 -1
  18. package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js +1 -1
  19. package/dist/nile-auto-complete/nile-auto-complete.test.esm.js +1 -1
  20. package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
  21. package/dist/nile-avatar/nile-avatar.test.esm.js +1 -1
  22. package/dist/nile-badge/nile-badge.test.cjs.js +1 -1
  23. package/dist/nile-badge/nile-badge.test.esm.js +1 -1
  24. package/dist/nile-button/nile-button.test.cjs.js +1 -1
  25. package/dist/nile-button/nile-button.test.esm.js +1 -1
  26. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +1 -1
  27. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.esm.js +1 -1
  28. package/dist/nile-calendar/nile-calendar.test.cjs.js +1 -1
  29. package/dist/nile-calendar/nile-calendar.test.esm.js +1 -1
  30. package/dist/nile-card/nile-card.test.cjs.js +1 -1
  31. package/dist/nile-card/nile-card.test.esm.js +1 -1
  32. package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -1
  33. package/dist/nile-checkbox/nile-checkbox.test.esm.js +1 -1
  34. package/dist/nile-chip/nile-chip.test.cjs.js +1 -1
  35. package/dist/nile-chip/nile-chip.test.esm.js +1 -1
  36. package/dist/nile-dialog/nile-dialog.test.cjs.js +1 -1
  37. package/dist/nile-dialog/nile-dialog.test.esm.js +1 -1
  38. package/dist/nile-drawer/nile-drawer.test.cjs.js +1 -1
  39. package/dist/nile-drawer/nile-drawer.test.esm.js +1 -1
  40. package/dist/nile-dropdown/nile-dropdown.test.cjs.js +1 -1
  41. package/dist/nile-dropdown/nile-dropdown.test.esm.js +1 -1
  42. package/dist/nile-empty-state/nile-empty-state.test.cjs.js +1 -1
  43. package/dist/nile-empty-state/nile-empty-state.test.esm.js +1 -1
  44. package/dist/nile-error-message/nile-error-message.test.cjs.js +1 -1
  45. package/dist/nile-error-message/nile-error-message.test.esm.js +1 -1
  46. package/dist/nile-file-preview/nile-file-preview.test.cjs.js +1 -1
  47. package/dist/nile-file-preview/nile-file-preview.test.esm.js +1 -1
  48. package/dist/nile-file-upload/nile-file-upload.test.cjs.js +1 -1
  49. package/dist/nile-file-upload/nile-file-upload.test.esm.js +1 -1
  50. package/dist/nile-filter-chip/nile-filter-chip.test.cjs.js +1 -1
  51. package/dist/nile-filter-chip/nile-filter-chip.test.esm.js +1 -1
  52. package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
  53. package/dist/nile-form-group/nile-form-group.test.esm.js +1 -1
  54. package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
  55. package/dist/nile-form-help-text/nile-form-help-text.test.esm.js +1 -1
  56. package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
  57. package/dist/nile-hero/nile-hero.test.esm.js +1 -1
  58. package/dist/nile-icon/nile-icon.test.cjs.js +1 -1
  59. package/dist/nile-icon/nile-icon.test.esm.js +1 -1
  60. package/dist/nile-input/nile-input.test.cjs.js +1 -1
  61. package/dist/nile-input/nile-input.test.esm.js +1 -1
  62. package/dist/nile-link/nile-link.test.cjs.js +1 -1
  63. package/dist/nile-link/nile-link.test.esm.js +1 -1
  64. package/dist/nile-loader/nile-loader.test.cjs.js +1 -1
  65. package/dist/nile-loader/nile-loader.test.esm.js +1 -1
  66. package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
  67. package/dist/nile-popover/nile-popover.test.esm.js +1 -1
  68. package/dist/nile-popup/nile-popup.test.cjs.js +1 -1
  69. package/dist/nile-popup/nile-popup.test.esm.js +1 -1
  70. package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +1 -1
  71. package/dist/nile-progress-bar/nile-progress-bar.test.esm.js +1 -1
  72. package/dist/nile-radio/nile-radio.test.cjs.js +1 -1
  73. package/dist/nile-radio/nile-radio.test.esm.js +1 -1
  74. package/dist/nile-radio-group/nile-radio-group.test.cjs.js +1 -1
  75. package/dist/nile-radio-group/nile-radio-group.test.esm.js +1 -1
  76. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  77. package/dist/nile-select/nile-select.test.cjs.js +1 -1
  78. package/dist/nile-select/nile-select.test.esm.js +1 -1
  79. package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
  80. package/dist/nile-slide-toggle/nile-slide-toggle.test.esm.js +1 -1
  81. package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
  82. package/dist/nile-tab-group/nile-tab-group.test.esm.js +1 -1
  83. package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
  84. package/dist/nile-textarea/nile-textarea.test.esm.js +1 -1
  85. package/dist/nile-virtual-select/nile-virtual-select.cjs.js +1 -1
  86. package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +1 -1
  87. package/dist/nile-virtual-select/nile-virtual-select.esm.js +2 -2
  88. package/dist/nile-virtual-select/nile-virtual-select.test.cjs.js +1 -1
  89. package/dist/nile-virtual-select/nile-virtual-select.test.esm.js +1 -1
  90. package/dist/nile-virtual-select/renderer.cjs.js +1 -1
  91. package/dist/nile-virtual-select/renderer.cjs.js.map +1 -1
  92. package/dist/nile-virtual-select/renderer.esm.js +3 -4
  93. package/dist/src/nile-icon/icons/svg/ng-lock-03.d.ts +5 -0
  94. package/dist/src/nile-icon/icons/svg/ng-lock-03.js +5 -0
  95. package/dist/src/nile-icon/icons/svg/ng-lock-03.js.map +1 -0
  96. package/dist/src/nile-select/nile-select.js.map +1 -1
  97. package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +1 -9
  98. package/dist/src/nile-virtual-select/nile-virtual-select.js +5 -55
  99. package/dist/src/nile-virtual-select/nile-virtual-select.js.map +1 -1
  100. package/dist/src/nile-virtual-select/renderer.d.ts +2 -2
  101. package/dist/src/nile-virtual-select/renderer.js +5 -6
  102. package/dist/src/nile-virtual-select/renderer.js.map +1 -1
  103. package/dist/tsconfig.tsbuildinfo +1 -1
  104. package/package.json +1 -1
  105. package/src/nile-select/nile-select.ts +11 -11
  106. package/src/nile-virtual-select/nile-virtual-select.ts +7 -68
  107. package/src/nile-virtual-select/renderer.ts +5 -7
  108. package/vscode-html-custom-data.json +1 -17
  109. package/dist/src/internal/resizable-helper.d.ts +0 -59
  110. package/dist/src/internal/resizable-helper.js +0 -115
  111. package/dist/src/internal/resizable-helper.js.map +0 -1
  112. package/dist/src/internal/resizable-styles.d.ts +0 -16
  113. package/dist/src/internal/resizable-styles.js +0 -144
  114. package/dist/src/internal/resizable-styles.js.map +0 -1
  115. package/dist/src/nile-badge/__snapshots__/nile-badge.test.snap.js +0 -17
  116. package/dist/src/nile-calendar/__snapshots__/nile-calendar.test.snap.js +0 -310
  117. package/dist/src/nile-card/__snapshots__/nile-card.test.snap.js +0 -34
  118. package/dist/src/nile-checkbox/__snapshots__/nile-checkbox.test.snap.js +0 -31
  119. package/dist/src/nile-grid/data-processor.d.ts +0 -37
  120. package/dist/src/nile-grid/data-processor.js +0 -122
  121. package/dist/src/nile-grid/data-processor.js.map +0 -1
  122. package/dist/src/nile-grid/event-handlers.d.ts +0 -35
  123. package/dist/src/nile-grid/event-handlers.js +0 -158
  124. package/dist/src/nile-grid/event-handlers.js.map +0 -1
  125. package/dist/src/nile-grid/index.d.ts +0 -5
  126. package/dist/src/nile-grid/index.js +0 -6
  127. package/dist/src/nile-grid/index.js.map +0 -1
  128. package/dist/src/nile-grid/nile-grid.css.d.ts +0 -1
  129. package/dist/src/nile-grid/nile-grid.css.js +0 -120
  130. package/dist/src/nile-grid/nile-grid.css.js.map +0 -1
  131. package/dist/src/nile-grid/nile-grid.d.ts +0 -39
  132. package/dist/src/nile-grid/nile-grid.js +0 -182
  133. package/dist/src/nile-grid/nile-grid.js.map +0 -1
  134. package/dist/src/nile-grid/renderer.d.ts +0 -8
  135. package/dist/src/nile-grid/renderer.js +0 -78
  136. package/dist/src/nile-grid/renderer.js.map +0 -1
  137. package/dist/src/nile-grid/resize-handler.d.ts +0 -4
  138. package/dist/src/nile-grid/resize-handler.js +0 -36
  139. package/dist/src/nile-grid/resize-handler.js.map +0 -1
  140. package/dist/src/nile-grid/types.d.ts +0 -32
  141. package/dist/src/nile-grid/types.js +0 -2
  142. package/dist/src/nile-grid/types.js.map +0 -1
  143. package/dist/src/nile-grid/utils.d.ts +0 -4
  144. package/dist/src/nile-grid/utils.js +0 -32
  145. package/dist/src/nile-grid/utils.js.map +0 -1
  146. package/dist/src/nile-hero/__snapshots__/nile-hero.test.snap.js +0 -47
  147. package/dist/src/nile-icon/__snapshots__/nile-icon.test.snap.js +0 -16
  148. package/dist/src/nile-input/__snapshots__/nile-input.test.snap.js +0 -75
  149. package/dist/src/nile-popover/__snapshots__/nile-popover.test.snap.js +0 -22
  150. package/dist/src/nile-table-body/virtual-scroll-helper.d.ts +0 -9
  151. package/dist/src/nile-table-body/virtual-scroll-helper.js +0 -24
  152. package/dist/src/nile-table-body/virtual-scroll-helper.js.map +0 -1
  153. package/dist/src/nile-virtual-table-body/index.d.ts +0 -2
  154. package/dist/src/nile-virtual-table-body/index.js +0 -3
  155. package/dist/src/nile-virtual-table-body/index.js.map +0 -1
  156. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.d.ts +0 -1
  157. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.js +0 -44
  158. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.js.map +0 -1
  159. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.d.ts +0 -50
  160. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.js +0 -135
  161. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.js.map +0 -1
  162. package/dist/src/nile-virtual-table-body/renderer.d.ts +0 -16
  163. package/dist/src/nile-virtual-table-body/renderer.js +0 -49
  164. package/dist/src/nile-virtual-table-body/renderer.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../../src/nile-grid/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAE3C,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,OAAO,YAAY;IACvB,MAAM,CAAC,YAAY,CAAC,UAAuB,EAAE,eAAwB,EAAE,aAAqE;QAC1I,OAAO,IAAI,CAAA;+DACgD,sBAAsB,CAAC,UAAU,CAAC;UACvF,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;oBAEzB,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,KAAK;cACjC,IAAI,CAAC,sBAAsB,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;;6BAGzC,CAAC,CAAa,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC;;;aAG/D,CAAC,CAAC,CAAC,EAAE;;SAET,CAAC;;KAEL,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,UAAU,CACf,OAAc,EACd,UAAuB,EACvB,mBAA4B,EAC5B,kBAAkE;QAElE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,IAAI,CAAA;;;;OAIV,CAAC;QACJ,CAAC;QAED,IAAI,mBAAmB,EAAE,CAAC;YACxB,OAAO,IAAI,CAAA;;YAEL,kBAAkB;;OAEvB,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAA;;UAEL,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;;KAE1F,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,qBAAqB,CAAC,GAAQ,EAAE,QAAgB,EAAE,UAAuB;QAC9E,MAAM,KAAK,GAAqB,EAAE,CAAC;QACnC,IAAI,eAAe,GAAG,CAAC,CAAC;QAExB,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;YAChE,MAAM,GAAG,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;YAEjC,kEAAkE;YAClE,IAAI,eAAe,GAAG,QAAQ,EAAE,CAAC;gBAC/B,SAAS;YACX,CAAC;YAED,wBAAwB;YACxB,MAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAE/D,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;gBAChB,MAAM,SAAS,GAAG,gBAAgB,eAAe,GAAG,CAAC,WAAW,OAAO,GAAG,CAAC;gBAE3E,KAAK,CAAC,IAAI,CAAC,IAAI,CAAA;0CACmB,SAAS;oBAC/B,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;;SAEzB,CAAC,CAAC;gBAEH,eAAe,IAAI,OAAO,CAAC;YAC7B,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;4DAC6C,sBAAsB,CAAC,UAAU,CAAC;UACpF,KAAK;;KAEV,CAAC;IACJ,CAAC;IAEO,MAAM,CAAC,sBAAsB,CAAC,GAAc,EAAE,eAAwB;QAC5E,IAAI,CAAC,eAAe;YAAE,OAAO,KAAK,CAAC;QACnC,IAAI,GAAG,CAAC,SAAS,KAAK,KAAK;YAAE,OAAO,KAAK,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { ColumnDef } from './types.js';\nimport { getGridTemplateColumns, calculateColSpan } from './utils.js';\n\nexport class GridRenderer {\n static renderHeader(columnDefs: ColumnDef[], enableColResize: boolean, onResizeStart: (e: MouseEvent, col: ColumnDef, index: number) => void): TemplateResult {\n return html`\n <div class=\"grid-header\" style=\"grid-template-columns: ${getGridTemplateColumns(columnDefs)};\">\n ${columnDefs.map((col, index) => html`\n <div class=\"grid-header-cell\">\n <span>${col.headerName || col.field}</span>\n ${this.shouldShowResizeHandle(col, enableColResize) ? html`\n <div \n class=\"grid-resize-handle\"\n @mousedown=${(e: MouseEvent) => onResizeStart(e, col, index)}\n title=\"Drag to resize column\"\n ></div>\n ` : ''}\n </div>\n `)}\n </div>\n `;\n }\n\n static renderBody(\n rowData: any[], \n columnDefs: ColumnDef[], \n enableVirtualScroll: boolean,\n onVirtualizeRender: (row: any, rowIndex: number) => TemplateResult\n ): TemplateResult {\n if (rowData.length === 0) {\n return html`\n <div class=\"grid-empty\">\n <div class=\"empty-text\">No data available</div>\n </div>\n `;\n }\n\n if (enableVirtualScroll) {\n return html`\n <div class=\"grid-body\">\n ${onVirtualizeRender}\n </div>\n `;\n }\n\n return html`\n <div class=\"grid-body\">\n ${rowData.map((row, rowIndex) => this.renderRowWithSpanning(row, rowIndex, columnDefs))}\n </div>\n `;\n }\n\n static renderRowWithSpanning(row: any, rowIndex: number, columnDefs: ColumnDef[]): TemplateResult {\n const cells: TemplateResult[] = [];\n let currentColIndex = 0;\n\n for (let colIndex = 0; colIndex < columnDefs.length; colIndex++) {\n const col = columnDefs[colIndex];\n \n // Check if this column should be skipped due to previous spanning\n if (currentColIndex > colIndex) {\n continue;\n }\n\n // Calculate column span\n const colSpan = calculateColSpan(col, row, rowIndex, colIndex);\n \n if (colSpan > 0) {\n const cellStyle = `grid-column: ${currentColIndex + 1} / span ${colSpan};`;\n \n cells.push(html`\n <div class=\"grid-cell\" style=\"${cellStyle}\">\n <span>${row[col.field]}</span>\n </div>\n `);\n \n currentColIndex += colSpan;\n }\n }\n\n return html`\n <div class=\"grid-row\" style=\"grid-template-columns: ${getGridTemplateColumns(columnDefs)};\">\n ${cells}\n </div>\n `;\n }\n\n private static shouldShowResizeHandle(col: ColumnDef, enableColResize: boolean): boolean {\n if (!enableColResize) return false;\n if (col.resizable === false) return false;\n return true;\n }\n}\n"]}
@@ -1,4 +0,0 @@
1
- import type { ColumnDef, GridOptions } from './types.js';
2
- export declare class ResizeHandler {
3
- static handleResizeStart(event: MouseEvent, col: ColumnDef, columnIndex: number, columnDefs: ColumnDef[], gridOptions: GridOptions, onUpdate: () => void): void;
4
- }
@@ -1,36 +0,0 @@
1
- export class ResizeHandler {
2
- static handleResizeStart(event, col, columnIndex, columnDefs, gridOptions, onUpdate) {
3
- event.preventDefault();
4
- event.stopPropagation();
5
- const startX = event.clientX;
6
- const startWidth = col.width || 100;
7
- const isShiftKey = event.shiftKey || gridOptions.colResizeDefault === 'shift';
8
- const handleMouseMove = (e) => {
9
- const deltaX = e.clientX - startX;
10
- let newWidth = startWidth + deltaX;
11
- // Ensure minimum width for usability
12
- newWidth = Math.max(newWidth, 50);
13
- // Update column width
14
- col.width = newWidth;
15
- // If shift resize, adjust adjacent column
16
- if (isShiftKey && columnIndex < columnDefs.length - 1) {
17
- const nextCol = columnDefs[columnIndex + 1];
18
- const totalWidth = (col.width || 0) + (nextCol.width || 0);
19
- const newNextWidth = totalWidth - newWidth;
20
- // Ensure adjacent column doesn't get too narrow
21
- if (newNextWidth >= 50) {
22
- nextCol.width = newNextWidth;
23
- }
24
- }
25
- // Force complete re-render for virtual scrolling
26
- onUpdate();
27
- };
28
- const handleMouseUp = () => {
29
- document.removeEventListener('mousemove', handleMouseMove);
30
- document.removeEventListener('mouseup', handleMouseUp);
31
- };
32
- document.addEventListener('mousemove', handleMouseMove);
33
- document.addEventListener('mouseup', handleMouseUp);
34
- }
35
- }
36
- //# sourceMappingURL=resize-handler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"resize-handler.js","sourceRoot":"","sources":["../../../src/nile-grid/resize-handler.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,aAAa;IACxB,MAAM,CAAC,iBAAiB,CACtB,KAAiB,EACjB,GAAc,EACd,WAAmB,EACnB,UAAuB,EACvB,WAAwB,EACxB,QAAoB;QAEpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,MAAM,UAAU,GAAG,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC;QACpC,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,IAAI,WAAW,CAAC,gBAAgB,KAAK,OAAO,CAAC;QAE9E,MAAM,eAAe,GAAG,CAAC,CAAa,EAAE,EAAE;YACxC,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC;YAClC,IAAI,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;YAEnC,qCAAqC;YACrC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAElC,sBAAsB;YACtB,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC;YAErB,0CAA0C;YAC1C,IAAI,UAAU,IAAI,WAAW,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACtD,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;gBAC5C,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;gBAC3D,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;gBAE3C,gDAAgD;gBAChD,IAAI,YAAY,IAAI,EAAE,EAAE,CAAC;oBACvB,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC;gBAC/B,CAAC;YACH,CAAC;YAED,iDAAiD;YACjD,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtD,CAAC;CACF","sourcesContent":["import type { ColumnDef, GridOptions } from './types.js';\n\nexport class ResizeHandler {\n static handleResizeStart(\n event: MouseEvent, \n col: ColumnDef, \n columnIndex: number, \n columnDefs: ColumnDef[],\n gridOptions: GridOptions,\n onUpdate: () => void\n ): void {\n event.preventDefault();\n event.stopPropagation();\n \n const startX = event.clientX;\n const startWidth = col.width || 100;\n const isShiftKey = event.shiftKey || gridOptions.colResizeDefault === 'shift';\n \n const handleMouseMove = (e: MouseEvent) => {\n const deltaX = e.clientX - startX;\n let newWidth = startWidth + deltaX;\n \n // Ensure minimum width for usability\n newWidth = Math.max(newWidth, 50);\n \n // Update column width\n col.width = newWidth;\n \n // If shift resize, adjust adjacent column\n if (isShiftKey && columnIndex < columnDefs.length - 1) {\n const nextCol = columnDefs[columnIndex + 1];\n const totalWidth = (col.width || 0) + (nextCol.width || 0);\n const newNextWidth = totalWidth - newWidth;\n \n // Ensure adjacent column doesn't get too narrow\n if (newNextWidth >= 50) {\n nextCol.width = newNextWidth;\n }\n }\n \n // Force complete re-render for virtual scrolling\n onUpdate();\n };\n \n const handleMouseUp = () => {\n document.removeEventListener('mousemove', handleMouseMove);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n \n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('mouseup', handleMouseUp);\n }\n}\n"]}
@@ -1,32 +0,0 @@
1
- export interface ColumnDef {
2
- field: string;
3
- headerName?: string;
4
- sortable?: boolean;
5
- width?: number;
6
- resizable?: boolean;
7
- minWidth?: number;
8
- maxWidth?: number;
9
- colSpan?: (params: ColSpanParams) => number;
10
- }
11
- export interface GridOptions {
12
- rowSelection?: 'single' | 'multiple';
13
- enableSorting?: boolean;
14
- enableVirtualScroll?: boolean;
15
- enableColResize?: boolean;
16
- colResizeDefault?: 'normal' | 'shift';
17
- }
18
- export interface ColSpanParams {
19
- data: any;
20
- field: string;
21
- rowIndex: number;
22
- columnIndex: number;
23
- }
24
- export interface GridApi {
25
- getSelectedRows: () => any[];
26
- setRowData: (data: any[]) => void;
27
- setColumnDefs: (defs: ColumnDef[]) => void;
28
- }
29
- export interface GridReadyEvent {
30
- api: GridApi;
31
- type: 'gridReady';
32
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/nile-grid/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface ColumnDef {\n field: string;\n headerName?: string;\n sortable?: boolean;\n width?: number;\n resizable?: boolean;\n minWidth?: number;\n maxWidth?: number;\n colSpan?: (params: ColSpanParams) => number;\n}\n\nexport interface GridOptions {\n rowSelection?: 'single' | 'multiple';\n enableSorting?: boolean;\n enableVirtualScroll?: boolean;\n enableColResize?: boolean;\n colResizeDefault?: 'normal' | 'shift';\n}\n\nexport interface ColSpanParams {\n data: any;\n field: string;\n rowIndex: number;\n columnIndex: number;\n}\n\nexport interface GridApi {\n getSelectedRows: () => any[];\n setRowData: (data: any[]) => void;\n setColumnDefs: (defs: ColumnDef[]) => void;\n}\n\nexport interface GridReadyEvent {\n api: GridApi;\n type: 'gridReady';\n}\n"]}
@@ -1,4 +0,0 @@
1
- import type { ColumnDef } from './types.js';
2
- export declare function getGridTemplateColumns(columnDefs: ColumnDef[]): string;
3
- export declare function calculateColSpan(col: ColumnDef, row: any, rowIndex: number, colIndex: number): number;
4
- export declare function shouldShowResizeHandle(col: ColumnDef, enableColResize: boolean): boolean;
@@ -1,32 +0,0 @@
1
- export function getGridTemplateColumns(columnDefs) {
2
- return columnDefs.map((col, index) => {
3
- if (col.width) {
4
- return `${col.width}px`;
5
- }
6
- // Last column takes remaining space
7
- if (index === columnDefs.length - 1) {
8
- return '1fr';
9
- }
10
- return 'auto';
11
- }).join(' ');
12
- }
13
- export function calculateColSpan(col, row, rowIndex, colIndex) {
14
- if (col.colSpan) {
15
- const params = {
16
- data: row,
17
- field: col.field,
18
- rowIndex,
19
- columnIndex: colIndex
20
- };
21
- return col.colSpan(params);
22
- }
23
- return 1;
24
- }
25
- export function shouldShowResizeHandle(col, enableColResize) {
26
- if (!enableColResize)
27
- return false;
28
- if (col.resizable === false)
29
- return false;
30
- return true;
31
- }
32
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/nile-grid/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,sBAAsB,CAAC,UAAuB;IAC5D,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACnC,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;YACd,OAAO,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC;QAC1B,CAAC;QACD,oCAAoC;QACpC,IAAI,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpC,OAAO,KAAK,CAAC;QACf,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAAc,EAAE,GAAQ,EAAE,QAAgB,EAAE,QAAgB;IAC3F,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;QAChB,MAAM,MAAM,GAAkB;YAC5B,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,GAAG,CAAC,KAAK;YAChB,QAAQ;YACR,WAAW,EAAE,QAAQ;SACtB,CAAC;QACF,OAAO,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,GAAc,EAAE,eAAwB;IAC7E,IAAI,CAAC,eAAe;QAAE,OAAO,KAAK,CAAC;IACnC,IAAI,GAAG,CAAC,SAAS,KAAK,KAAK;QAAE,OAAO,KAAK,CAAC;IAC1C,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import type { ColumnDef, ColSpanParams } from './types.js';\n\nexport function getGridTemplateColumns(columnDefs: ColumnDef[]): string {\n return columnDefs.map((col, index) => {\n if (col.width) {\n return `${col.width}px`;\n }\n // Last column takes remaining space\n if (index === columnDefs.length - 1) {\n return '1fr';\n }\n return 'auto';\n }).join(' ');\n}\n\nexport function calculateColSpan(col: ColumnDef, row: any, rowIndex: number, colIndex: number): number {\n if (col.colSpan) {\n const params: ColSpanParams = {\n data: row,\n field: col.field,\n rowIndex,\n columnIndex: colIndex\n };\n return col.colSpan(params);\n }\n return 1;\n}\n\nexport function shouldShowResizeHandle(col: ColumnDef, enableColResize: boolean): boolean {\n if (!enableColResize) return false;\n if (col.resizable === false) return false;\n return true;\n}\n"]}
@@ -1,47 +0,0 @@
1
- /* @web/test-runner snapshot v1 */
2
- export const snapshots = {};
3
-
4
- snapshots["NileHero renders correctly with default properties"] =
5
- `<div
6
- class="hero__container hero__container--expanded"
7
- part="nile__hero__container"
8
- >
9
- <nile-hero-header
10
- class="hero__header--collapsed"
11
- hero-text="Test Hero"
12
- icon="error"
13
- part="nile__hero__header"
14
- style="opacity:0"
15
- >
16
- </nile-hero-header>
17
- <div
18
- class="hero__slot__container"
19
- style="opacity:1"
20
- >
21
- <div class="hero__slot">
22
- <span class="icon__container">
23
- <nile-icon
24
- method="stroke"
25
- name="error"
26
- size="16"
27
- >
28
- </nile-icon>
29
- </span>
30
- <slot>
31
- </slot>
32
- </div>
33
- </div>
34
- <div
35
- class="hero__img__container"
36
- id="hero__img__container"
37
- style="opacity:1"
38
- >
39
- <img
40
- class="hero__img"
41
- src=""
42
- >
43
- </div>
44
- </div>
45
- `;
46
- /* end snapshot NileHero renders correctly with default properties */
47
-
@@ -1,16 +0,0 @@
1
- /* @web/test-runner snapshot v1 */
2
- export const snapshots = {};
3
-
4
- snapshots["NileIcon should render the icon with the correct name"] =
5
- `<nile-icon
6
- description=""
7
- method="fill"
8
- name="info"
9
- set="local"
10
- size="16"
11
- style="--nile-svg-fill: var(--nile-colors-dark-500); --nile-svg-height: 16px; --nile-svg-width: 16px;"
12
- >
13
- </nile-icon>
14
- `;
15
- /* end snapshot NileIcon should render the icon with the correct name */
16
-
@@ -1,75 +0,0 @@
1
- /* @web/test-runner snapshot v1 */
2
- export const snapshots = {};
3
-
4
- snapshots["nile-input renders correctly"] =
5
- `<div
6
- class="form-control form-control--has-label form-control--medium"
7
- part="form-control"
8
- >
9
- <label
10
- aria-hidden="false"
11
- class="form-control__label"
12
- for="input"
13
- part="form-control-label"
14
- >
15
- <slot name="label">
16
- Test Label
17
- </slot>
18
- </label>
19
- <div
20
- class="form-control-input"
21
- part="form-control-input"
22
- >
23
- <nile-popup
24
- distance="5"
25
- exportparts="input"
26
- placement="bottom-start"
27
- strategy="fixed"
28
- >
29
- <div
30
- class="input input--empty input--medium input--standard"
31
- part="base"
32
- slot="anchor"
33
- >
34
- <slot
35
- class="input__prefix"
36
- name="prefix"
37
- part="prefix"
38
- >
39
- </slot>
40
- <input
41
- aria-describedby="help-text"
42
- autocomplete="off"
43
- class="input__control"
44
- id="input"
45
- name=""
46
- part="input"
47
- placeholder=""
48
- spellcheck="true"
49
- title=""
50
- type="text"
51
- >
52
- <slot
53
- class="input__suffix"
54
- name="suffix"
55
- part="suffix"
56
- >
57
- </slot>
58
- </div>
59
- <div class="input__non-printable">
60
- Non-printable character detected.
61
- <nile-badge
62
- class="input__remove-non-printable"
63
- variant="error"
64
- >
65
- Remove All
66
- </nile-badge>
67
- <div class="input__srtiked-text-container">
68
- </div>
69
- </div>
70
- </nile-popup>
71
- </div>
72
- </div>
73
- `;
74
- /* end snapshot nile-input renders correctly */
75
-
@@ -1,22 +0,0 @@
1
- /* @web/test-runner snapshot v1 */
2
- export const snapshots = {};
3
-
4
- snapshots["NilePopover renders correctly"] =
5
- `<nile-popup
6
- active=""
7
- arrowplacement="anchor"
8
- distance="18"
9
- placement="top"
10
- shift=""
11
- strategy="absolute"
12
- >
13
- <slot
14
- aria-describedby="tooltip"
15
- name="anchor"
16
- slot="anchor"
17
- >
18
- </slot>
19
- </nile-popup>
20
- `;
21
- /* end snapshot NilePopover renders correctly */
22
-
@@ -1,9 +0,0 @@
1
- import type NileElement from '../internal/nile-element';
2
- /**
3
- * Helper class to manage virtual scroll functionality for nile-table-body component
4
- */
5
- export declare class VirtualTableBodyHelper {
6
- private component;
7
- constructor(component: NileElement);
8
- renderVirtualizedContent(): any;
9
- }
@@ -1,24 +0,0 @@
1
- import { html } from 'lit';
2
- /**
3
- * Helper class to manage virtual scroll functionality for nile-table-body component
4
- */
5
- export class VirtualTableBodyHelper {
6
- constructor(component) {
7
- this.component = component;
8
- }
9
- renderVirtualizedContent() {
10
- const component = this.component;
11
- return html `
12
- <div class="virtual-table-body">
13
- <nile-virtual-table-body
14
- .type=${component.type}
15
- .data=${component.data || []}
16
- .hasResizableColumns=${component.hasResizableColumns}
17
- >
18
- <slot name="table__header" slot="table__header"></slot>
19
- </nile-virtual-table-body>
20
- </div>
21
- `;
22
- }
23
- }
24
- //# sourceMappingURL=virtual-scroll-helper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"virtual-scroll-helper.js","sourceRoot":"","sources":["../../../src/nile-table-body/virtual-scroll-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B;;GAEG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAY,SAAsB;QAChC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,wBAAwB;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAgB,CAAC;QAExC,OAAO,IAAI,CAAA;;;kBAGG,SAAS,CAAC,IAAI;kBACd,SAAS,CAAC,IAAI,IAAI,EAAE;iCACL,SAAS,CAAC,mBAAmB;;;;;KAKzD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html } from 'lit';\nimport type NileElement from '../internal/nile-element';\n\n/**\n * Helper class to manage virtual scroll functionality for nile-table-body component\n */\nexport class VirtualTableBodyHelper {\n private component: NileElement;\n\n constructor(component: NileElement) {\n this.component = component;\n }\n\n renderVirtualizedContent(): any {\n const component = this.component as any;\n\n return html`\n <div class=\"virtual-table-body\">\n <nile-virtual-table-body\n .type=${component.type}\n .data=${component.data || []}\n .hasResizableColumns=${component.hasResizableColumns}\n >\n <slot name=\"table__header\" slot=\"table__header\"></slot>\n </nile-virtual-table-body>\n </div>\n `;\n }\n}\n"]}
@@ -1,2 +0,0 @@
1
- export { default as NileVirtualTableBody } from './nile-virtual-table-body.js';
2
- export { VirtualTableBodyRenderer } from './renderer.js';
@@ -1,3 +0,0 @@
1
- export { default as NileVirtualTableBody } from './nile-virtual-table-body.js';
2
- export { VirtualTableBodyRenderer } from './renderer.js';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-virtual-table-body/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default as NileVirtualTableBody } from './nile-virtual-table-body.js';\nexport { VirtualTableBodyRenderer } from './renderer.js';\n"]}
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,44 +0,0 @@
1
- import { css } from 'lit';
2
- export const styles = css `
3
- :host {
4
- display: block;
5
- }
6
-
7
- .base {
8
- width: 100%;
9
- }
10
-
11
- .table__header {
12
- display: contents;
13
- }
14
-
15
- .nile__table__body {
16
- display: contents;
17
- }
18
-
19
- .nile__table__body[resizable] {
20
- position: relative;
21
- }
22
-
23
- .virtualized-container {
24
- height: 400px; /* Default height, can be customized */
25
- overflow-y: auto;
26
- border: 1px solid #e0e0e0;
27
- }
28
-
29
- .virtualized-row {
30
- display: contents;
31
- }
32
-
33
- /* Ensure table rows maintain their structure in virtualized context */
34
- ::slotted(nile-table-row) {
35
- display: table-row;
36
- }
37
-
38
- /* Virtualizer specific styles */
39
- lit-virtualizer {
40
- height: 100%;
41
- width: 100%;
42
- }
43
- `;
44
- //# sourceMappingURL=nile-virtual-table-body.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-virtual-table-body.css.js","sourceRoot":"","sources":["../../../src/nile-virtual-table-body/nile-virtual-table-body.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n :host {\n display: block;\n }\n\n .base {\n width: 100%;\n }\n\n .table__header {\n display: contents;\n }\n\n .nile__table__body {\n display: contents;\n }\n\n .nile__table__body[resizable] {\n position: relative;\n }\n\n .virtualized-container {\n height: 400px; /* Default height, can be customized */\n overflow-y: auto;\n border: 1px solid #e0e0e0;\n }\n\n .virtualized-row {\n display: contents;\n }\n\n /* Ensure table rows maintain their structure in virtualized context */\n ::slotted(nile-table-row) {\n display: table-row;\n }\n\n /* Virtualizer specific styles */\n lit-virtualizer {\n height: 100%;\n width: 100%;\n }\n`;\n"]}
@@ -1,50 +0,0 @@
1
- /**
2
- * Copyright Aquera Inc 2025
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 { CSSResultArray, TemplateResult, PropertyValues } from 'lit';
8
- import NileElement from '../internal/nile-element';
9
- /**
10
- * nile-virtual-table-body component.
11
- *
12
- * @tag nile-virtual-table-body
13
- *
14
- */
15
- export declare class NileVirtualTableBody extends NileElement {
16
- /**
17
- * The styles for VirtualTableBody
18
- * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
19
- */
20
- defaultSlot: HTMLSlotElement;
21
- type: 'primary' | 'secondary';
22
- /**
23
- * Array of all table row data for virtual scrolling.
24
- * Each row should be an object with a 'cells' property containing an array of cell data.
25
- * Example: [{ cells: [{ content: 'Cell 1' }, { content: 'Cell 2' }] }]
26
- */
27
- data: any[];
28
- private rows_data;
29
- private header_rows_data;
30
- private sort__index;
31
- private search__index;
32
- private hasResizableColumns;
33
- static get styles(): CSSResultArray;
34
- protected firstUpdated(_changedProperties: PropertyValues): void;
35
- private getChildren;
36
- private getIndexValue;
37
- private checkForResizableColumns;
38
- handleSlotchange(e: any): void;
39
- private handleSort;
40
- private handleSearch;
41
- render(): TemplateResult;
42
- private getVirtualizedContent;
43
- handleDataChange(): void;
44
- }
45
- export default NileVirtualTableBody;
46
- declare global {
47
- interface HTMLElementTagNameMap {
48
- 'nile-virtual-table-body': NileVirtualTableBody;
49
- }
50
- }
@@ -1,135 +0,0 @@
1
- /**
2
- * Copyright Aquera Inc 2025
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 { __decorate } from "tslib";
8
- import { html, } from 'lit';
9
- import { customElement, query, state, property } from 'lit/decorators.js';
10
- import { styles } from './nile-virtual-table-body.css';
11
- import NileElement from '../internal/nile-element';
12
- import { hasResizableColumns } from '../internal/resizable-table-helper';
13
- import { VirtualTableBodyRenderer } from './renderer.js';
14
- import { watch } from '../internal/watch';
15
- /**
16
- * nile-virtual-table-body component.
17
- *
18
- * @tag nile-virtual-table-body
19
- *
20
- */
21
- let NileVirtualTableBody = class NileVirtualTableBody extends NileElement {
22
- constructor() {
23
- /**
24
- * The styles for VirtualTableBody
25
- * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
26
- */
27
- super(...arguments);
28
- this.type = 'primary';
29
- /**
30
- * Array of all table row data for virtual scrolling.
31
- * Each row should be an object with a 'cells' property containing an array of cell data.
32
- * Example: [{ cells: [{ content: 'Cell 1' }, { content: 'Cell 2' }] }]
33
- */
34
- this.data = [];
35
- this.rows_data = [];
36
- this.header_rows_data = [];
37
- this.hasResizableColumns = false;
38
- /* #endregion */
39
- }
40
- static get styles() {
41
- return [styles];
42
- }
43
- firstUpdated(_changedProperties) {
44
- this.emit('nile-body-load', { value: this.type, comp: this }, true, false);
45
- }
46
- /* #endregion */
47
- /* #region Methods */
48
- getChildren(child, tagname) {
49
- return child.querySelectorAll(tagname);
50
- }
51
- getIndexValue(index__value) {
52
- return this.header_rows_data.indexOf(index__value);
53
- }
54
- checkForResizableColumns() {
55
- this.hasResizableColumns = hasResizableColumns(this);
56
- }
57
- handleSlotchange(e) {
58
- // For virtual table body, we primarily use the data property
59
- // Slot change is mainly for header content
60
- this.checkForResizableColumns();
61
- }
62
- handleSort(e) {
63
- const { curr_sort_string, order } = e.detail.value;
64
- const header_index = this.getIndexValue(curr_sort_string);
65
- this.emit('nile-sort', {
66
- value: { header_index, curr_sort_string, order },
67
- });
68
- }
69
- handleSearch(e) {
70
- const searchText = e.detail.value;
71
- this.search__index = this.getIndexValue(e.target.textContent);
72
- this.emit('nile-table-search', {
73
- index: this.search__index,
74
- value: searchText,
75
- });
76
- }
77
- render() {
78
- return html `
79
- <div class="base" part="base">
80
- <slot name="table__header" class="table__header"></slot>
81
- <div
82
- class="nile__table__body"
83
- ?resizable=${this.hasResizableColumns}
84
- @nile-click-sort=${this.handleSort}
85
- @nile-search=${this.handleSearch}
86
- >
87
- <slot
88
- @slotchange=${this.handleSlotchange}
89
- name="table__body"
90
- ></slot>
91
- ${this.getVirtualizedContent()}
92
- </div>
93
- </div>
94
- `;
95
- }
96
- getVirtualizedContent() {
97
- return VirtualTableBodyRenderer.getVirtualizedContent(this.data, this.hasResizableColumns);
98
- }
99
- handleDataChange() {
100
- this.requestUpdate();
101
- }
102
- };
103
- __decorate([
104
- query('slot')
105
- ], NileVirtualTableBody.prototype, "defaultSlot", void 0);
106
- __decorate([
107
- property()
108
- ], NileVirtualTableBody.prototype, "type", void 0);
109
- __decorate([
110
- property({ type: Array })
111
- ], NileVirtualTableBody.prototype, "data", void 0);
112
- __decorate([
113
- state()
114
- ], NileVirtualTableBody.prototype, "rows_data", void 0);
115
- __decorate([
116
- state()
117
- ], NileVirtualTableBody.prototype, "header_rows_data", void 0);
118
- __decorate([
119
- state()
120
- ], NileVirtualTableBody.prototype, "sort__index", void 0);
121
- __decorate([
122
- state()
123
- ], NileVirtualTableBody.prototype, "search__index", void 0);
124
- __decorate([
125
- state()
126
- ], NileVirtualTableBody.prototype, "hasResizableColumns", void 0);
127
- __decorate([
128
- watch('data', { waitUntilFirstUpdate: true })
129
- ], NileVirtualTableBody.prototype, "handleDataChange", null);
130
- NileVirtualTableBody = __decorate([
131
- customElement('nile-virtual-table-body')
132
- ], NileVirtualTableBody);
133
- export { NileVirtualTableBody };
134
- export default NileVirtualTableBody;
135
- //# sourceMappingURL=nile-virtual-table-body.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-virtual-table-body.js","sourceRoot":"","sources":["../../../src/nile-virtual-table-body/nile-virtual-table-body.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n PropertyValues,\n} from 'lit';\nimport {\n customElement,\n query,\n state,\n property\n} from 'lit/decorators.js';\nimport { styles } from './nile-virtual-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\nimport { hasResizableColumns } from '../internal/resizable-table-helper';\nimport { virtualize } from '@lit-labs/virtualizer/virtualize.js';\nimport { VirtualTableBodyRenderer } from './renderer.js';\nimport { watch } from '../internal/watch';\n\n/**\n * nile-virtual-table-body component.\n *\n * @tag nile-virtual-table-body\n *\n */\n@customElement('nile-virtual-table-body')\nexport class NileVirtualTableBody extends NileElement {\n /**\n * The styles for VirtualTableBody\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n\n @query('slot') defaultSlot: HTMLSlotElement;\n @property() type: 'primary' | 'secondary' = 'primary';\n\n /** \n * Array of all table row data for virtual scrolling.\n * Each row should be an object with a 'cells' property containing an array of cell data.\n * Example: [{ cells: [{ content: 'Cell 1' }, { content: 'Cell 2' }] }]\n */\n @property({ type: Array }) data: any[] = [];\n\n @state() private rows_data: any[] = [];\n @state() private header_rows_data: any[] = [];\n @state() private sort__index: number;\n @state() private search__index: number;\n @state() private hasResizableColumns = false;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n protected firstUpdated(_changedProperties: PropertyValues): void {\n this.emit('nile-body-load', { value: this.type, comp: this }, true, false);\n }\n\n /* #endregion */\n\n /* #region Methods */\n\n private getChildren(child: any, tagname: string) {\n return child.querySelectorAll(tagname);\n }\n\n private getIndexValue(index__value: string): number {\n return this.header_rows_data.indexOf(index__value);\n }\n\n private checkForResizableColumns() {\n this.hasResizableColumns = hasResizableColumns(this);\n }\n\n handleSlotchange(e: any) {\n // For virtual table body, we primarily use the data property\n // Slot change is mainly for header content\n this.checkForResizableColumns();\n }\n\n private handleSort(e: any) {\n const { curr_sort_string, order } = e.detail.value;\n const header_index = this.getIndexValue(curr_sort_string);\n this.emit('nile-sort', {\n value: { header_index, curr_sort_string, order },\n });\n }\n\n private handleSearch(e: any) {\n const searchText = e.detail.value;\n this.search__index = this.getIndexValue(e.target.textContent);\n this.emit('nile-table-search', {\n index: this.search__index,\n value: searchText,\n });\n }\n\n public render(): TemplateResult {\n return html`\n <div class=\"base\" part=\"base\">\n <slot name=\"table__header\" class=\"table__header\"></slot>\n <div\n class=\"nile__table__body\"\n ?resizable=${this.hasResizableColumns}\n @nile-click-sort=${this.handleSort}\n @nile-search=${this.handleSearch}\n >\n <slot\n @slotchange=${this.handleSlotchange}\n name=\"table__body\"\n ></slot>\n ${this.getVirtualizedContent()}\n </div>\n </div>\n `;\n }\n\n private getVirtualizedContent(): TemplateResult {\n return VirtualTableBodyRenderer.getVirtualizedContent(\n this.data,\n this.hasResizableColumns\n );\n }\n\n @watch('data', { waitUntilFirstUpdate: true })\n handleDataChange(): void {\n this.requestUpdate();\n }\n\n /* #endregion */\n}\n\nexport default NileVirtualTableBody;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-virtual-table-body': NileVirtualTableBody;\n }\n}\n"]}
@@ -1,16 +0,0 @@
1
- /**
2
- * Copyright Aquera Inc 2025
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 TemplateResult } from 'lit';
8
- export declare class VirtualTableBodyRenderer {
9
- static getVirtualizedContent(data: any[], hasResizableColumns: boolean): TemplateResult;
10
- static getRowRenderFunction(rowData: any, hasResizableColumns: boolean): TemplateResult;
11
- /**
12
- * Determines whether to use virtualizer based on dataset size
13
- * For small datasets (less than 50 rows), use regular rendering for better performance
14
- */
15
- private static shouldUseVirtualizer;
16
- }