@vuu-ui/vuu-table 0.6.25-debug → 0.6.26-debug

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 (19) hide show
  1. package/cjs/index.js +1065 -1058
  2. package/cjs/index.js.map +4 -4
  3. package/esm/index.js +1110 -1101
  4. package/esm/index.js.map +4 -4
  5. package/index.css +180 -200
  6. package/index.css.map +3 -3
  7. package/package.json +5 -5
  8. package/types/RowBasedTable.d.ts +2 -1
  9. package/types/Table.d.ts +2 -1
  10. package/types/TableCell.d.ts +1 -1
  11. package/types/TableGroupHeaderCell.d.ts +2 -2
  12. package/types/TableRow.d.ts +3 -2
  13. package/types/dataTableTypes.d.ts +3 -6
  14. package/types/useDraggableColumn.d.ts +3 -6
  15. package/types/{useDataTable.d.ts → useTable.d.ts} +21 -14
  16. package/types/useTableScroll.d.ts +3 -12
  17. package/types/useTableViewport.d.ts +12 -5
  18. package/types/useVirtualViewport.d.ts +3 -2
  19. package/types/ColumnBasedTable.d.ts +0 -3
package/index.css CHANGED
@@ -3,7 +3,16 @@
3
3
  --cell-outline-width: 2px;
4
4
  user-select: none;
5
5
  }
6
- .vuuTable-table td {
6
+ [role=cell] {
7
+ display: inline-block;
8
+ }
9
+ [data-align=end] {
10
+ margin-left: auto;
11
+ }
12
+ [data-align=end] + [data-align=end] {
13
+ margin-left: 0;
14
+ }
15
+ .vuuTable-table [role=cell] {
7
16
  --saltEditableLabel-height: 17px;
8
17
  --saltInput-height: 17px;
9
18
  --saltInput-minHeight: 17px;
@@ -15,30 +24,31 @@
15
24
  line-height: calc(var(--vuuTable-rowHeight) - 1px);
16
25
  overflow: hidden;
17
26
  padding: 0 5px;
27
+ vertical-align: top;
18
28
  }
19
- .vuuTable th:focus,
20
- .vuuTable td:focus {
29
+ .vuuTable-headerCell:focus,
30
+ .vuuTable [role=cell]:focus {
21
31
  outline: var(--vuuTableCell-outline, dotted var(--salt-color-blue-400) var(--cell-outline-width));
22
32
  outline-offset: calc(var(--cell-outline-width) * -1);
23
33
  box-shadow: inset 0 0 0 var(--cell-outline-width) white;
24
34
  border-bottom: none;
25
35
  }
26
- .vuuTable th:focus .vuuTable-headerCell-inner {
36
+ .vuuTable-headerCell:focus .vuuTable-headerCell-inner {
27
37
  padding-bottom: var(--cell-outline-width);
28
38
  }
29
- .vuuTable th:not(.vuuTable-headerCell-resizing):focus .vuuTable-headerCell-inner {
39
+ .vuuTable-headerCell:not(.vuuTable-headerCell-resizing):focus .vuuTable-headerCell-inner {
30
40
  --columnResizer-color: transparent;
31
41
  }
32
- .vuuTable td:focus {
42
+ .vuuTable [role=cell]:focus {
33
43
  border-right: none;
34
44
  padding-bottom: 1px;
35
45
  }
36
- td[data-editable=true] {
46
+ [role=cell][data-editable=true] {
37
47
  --salt-text-fontSize: 10px;
38
48
  --vuu-icon-size: 5px;
39
49
  position: relative;
40
50
  }
41
- td[data-editable=true]:after {
51
+ [role=cell][data-editable=true]:after {
42
52
  top: 0;
43
53
  content: "";
44
54
  background-color: var(--salt-text-secondary-foreground, black);
@@ -52,27 +62,30 @@ td[data-editable=true]:after {
52
62
  transform: rotate(180deg);
53
63
  width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));
54
64
  }
55
- td:focus[data-editable],
56
- td:focus-within[data-editable],
57
- td:has(.saltEditableLabel-editing) {
65
+ [role=cell]:focus[data-editable],
66
+ [role=cell]:focus-within[data-editable],
67
+ [role=cell]:has(.saltEditableLabel-editing) {
58
68
  outline: solid var(--salt-color-blue-400) 1px;
59
69
  background-color: white;
60
70
  outline-offset: -1px;
61
71
  }
62
- td:focus[data-editable=true]:after,
63
- td:has(.saltEditableLabel):after {
72
+ [role=cell]:focus[data-editable=true]:after,
73
+ [role=cell]:has(.saltEditableLabel):after {
64
74
  background-color: var(--salt-color-blue-400);
65
75
  left: 1px;
66
76
  top: 1px;
67
77
  }
78
+ .vuuAlignRight {
79
+ text-align: right;
80
+ }
68
81
 
69
82
  /* src/TableGroupCell.css */
70
83
  .vuuTableGroupCell {
71
84
  --spacer-width: 20px;
72
85
  --toggle-icon-transform: var(--row-toggle-icon-transform, none);
73
86
  --vuu-icon-width: 18px;
74
- display: flex;
75
87
  align-items: center;
88
+ display: inline-flex;
76
89
  }
77
90
  .vuuTableGroupCell-spacer {
78
91
  height: 100%;
@@ -95,12 +108,14 @@ td:has(.saltEditableLabel):after {
95
108
 
96
109
  /* src/TableRow.css */
97
110
  .vuuTableRow {
98
- background: transparent;
111
+ --row-background: var(--table-background);
112
+ position: absolute;
113
+ top: 0;
99
114
  }
100
115
  .vuuTableRow-even {
101
116
  --row-background: var(--row-background-even);
102
117
  }
103
- .vuuTableRow :is(.vuuPinFloating, .vuuPinLeft, .vuuPinRight) {
118
+ .vuuTableRow {
104
119
  background-color: var(--row-background);
105
120
  }
106
121
  .vuuTableRow-expanded {
@@ -116,19 +131,95 @@ td:has(.saltEditableLabel):after {
116
131
 
117
132
  /* src/ColumnResizer.css */
118
133
  .vuuColumnResizer {
134
+ background-color: var(--columnResizer-color);
119
135
  cursor: col-resize;
120
- margin-left: auto;
136
+ height: 100%;
137
+ position: relative;
121
138
  width: 4px;
122
139
  }
140
+ .vuuColumnResizer:hover {
141
+ --columnResizer-color: var(--salt-color-blue-500);
142
+ }
123
143
  .vuuColumnResizer:after {
124
144
  content: "";
125
145
  position: absolute;
126
146
  width: var(--columnResizer-width, 1px);
127
147
  top: 0;
128
148
  bottom: 0;
129
- right: 0;
149
+ right: -1px;
130
150
  background-color: var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));
131
- height: var(--columnResizer-height, 100%);
151
+ height: var(--columnResizer-height, calc(100% + 1px));
152
+ }
153
+
154
+ /* src/TableGroupHeaderCell.css */
155
+ .salt-theme {
156
+ --svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="rgb(38, 112, 169)" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite" /></path></svg>');
157
+ }
158
+ .vuuTable-groupHeaderCell {
159
+ --cell-align: "flex-start";
160
+ text-align: left;
161
+ background: var(--dataTable-background);
162
+ cursor: default;
163
+ height: var(--vuuTableHeaderHeight);
164
+ }
165
+ .vuuTable-groupHeaderCell-inner {
166
+ align-items: center;
167
+ display: flex;
168
+ height: 100%;
169
+ padding-left: 1px;
170
+ }
171
+ .vuuTable-groupHeaderCell-label {
172
+ align-items: center;
173
+ display: flex;
174
+ flex: 0 0 auto;
175
+ }
176
+ .vuuTable-groupHeaderCell-col {
177
+ align-items: center;
178
+ background-color: inherit;
179
+ display: inline-flex;
180
+ flex: 0 1 auto;
181
+ height: calc(var(--vuuTableHeaderHeight) - 2px);
182
+ justify-content: space-between;
183
+ padding-right: 8px;
184
+ position: relative;
185
+ }
186
+ .vuuTable-groupHeaderCell-close {
187
+ --vuu-icon-height: 18px;
188
+ --vuu-icon-width: 18px;
189
+ cursor: pointer;
190
+ left: 3px;
191
+ }
192
+ .vuuTable-groupHeaderCell-col:nth-child(odd) {
193
+ background-color: var(--salt-color-gray-50);
194
+ }
195
+ .vuuTable-groupHeaderCell-col:nth-child(even) {
196
+ background-color: var(--salt-color-gray-40);
197
+ }
198
+ .vuuTable-groupHeaderCell-col:first-child {
199
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
200
+ padding-left: 3px;
201
+ z-index: 1;
202
+ }
203
+ .vuuTable-groupHeaderCell-col:not(:first-child) {
204
+ margin-left: -6px;
205
+ padding-left: 12px;
206
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%);
207
+ }
208
+ .vuuTable-groupHeaderCell-resizing {
209
+ --columnResizer-color: var(--salt-color-blue-500);
210
+ --columnResizer-height: var(--table-height);
211
+ --columnResizer-width: 2px;
212
+ }
213
+ .vuuTable-groupHeaderCell-pending {
214
+ --pending-content: "";
215
+ }
216
+ .vuuTable-groupHeaderCell-col:has(+ .vuuColumnResizer):after {
217
+ content: var(--pending-content);
218
+ width: 24px;
219
+ height: 24px;
220
+ background-image: var(--svg-spinner);
221
+ background-repeat: no-repeat;
222
+ background-size: cover;
132
223
  }
133
224
 
134
225
  /* src/SortIndicator.css */
@@ -162,27 +253,26 @@ td:has(.saltEditableLabel):after {
162
253
  border-style: solid solid solid none;
163
254
  border-width: 1px;
164
255
  color: var(--salt-text-secondary-foreground);
256
+ display: inline-block;
165
257
  height: var(--vuuTableHeaderHeight);
166
258
  padding: 0 !important;
167
- position: sticky;
168
- top: var(--heading-top, 0);
169
- z-index: 1;
170
259
  }
171
260
  .vuuTable-heading:has(+ .vuuTable-heading) > .vuuTable-headingCell {
172
261
  border-bottom-color: transparent;
173
262
  }
174
- .vuuTable-headerCell {
263
+ [role=columnHeader] {
264
+ --vuuTableCell-border-bottomColor: var(--salt-separable-tertiary-borderColor);
175
265
  --cell-align: "flex-start";
266
+ display: inline-block;
176
267
  text-align: left;
177
268
  background: var(--dataTable-background);
178
- border-bottom: 2px solid var(--salt-separable-tertiary-borderColor);
269
+ border-right: 1px solid var(--vuuTableCell-border-rightColor);
270
+ border-bottom: 1px solid var(--vuuTableCell-border-bottomColor);
179
271
  color: var(--salt-text-secondary-foreground);
180
272
  cursor: default;
181
- padding: 0 !important;
182
- position: sticky;
183
- top: calc(var(--total-header-height) - var(--header-height));
184
273
  height: var(--vuuTableHeaderHeight);
185
- z-index: 1;
274
+ padding: 0 !important;
275
+ vertical-align: top;
186
276
  }
187
277
  .vuuTable-headerCell-right {
188
278
  --cell-align: flex-end;
@@ -207,7 +297,7 @@ td:has(.saltEditableLabel):after {
207
297
  --columnResizer-height: var(--table-height);
208
298
  --columnResizer-width: 2px;
209
299
  }
210
- .vuuTable-headerCell.vuuPinLeft.vuuEndPin:after {
300
+ [role=headerCell].vuuPinLeft.vuuEndPin:after {
211
301
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.4);
212
302
  content: "";
213
303
  position: absolute;
@@ -217,7 +307,7 @@ td:has(.saltEditableLabel):after {
217
307
  top: 0;
218
308
  right: 0px;
219
309
  }
220
- .vuuTable-headerCell.vuuPinRight.vuuEndPin:after {
310
+ [role=headerCell].vuuPinRight.vuuEndPin:after {
221
311
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.3);
222
312
  content: "";
223
313
  position: absolute;
@@ -227,6 +317,14 @@ td:has(.saltEditableLabel):after {
227
317
  top: 0;
228
318
  left: 0px;
229
319
  }
320
+ [role=headerCell]:is(.vuuPinLeft, .vuuPinRight, .vuuPinFloating) {
321
+ top: 0;
322
+ z-index: 20;
323
+ }
324
+ .saltDraggable-vuuTable-headerCell {
325
+ --dataTable-background: ivory;
326
+ --vuuTableHeaderHeight: 25px;
327
+ }
230
328
 
231
329
  /* src/filter-indicator.css */
232
330
  .vuuFilterIndicator {
@@ -244,206 +342,76 @@ td:has(.saltEditableLabel):after {
244
342
  padding-left: 0;
245
343
  }
246
344
 
247
- /* src/TableGroupHeaderCell.css */
248
- .salt-theme {
249
- --svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="rgb(38, 112, 169)" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite" /></path></svg>');
345
+ /* src/RowBasedTable.css */
346
+ .vuuTable-table {
347
+ --vuuTable-rowHeight: var(--row-height);
348
+ --vuuTableCell-border-bottomColor: transparent;
349
+ --vuuTableCell-border-rightColor: var(--salt-separable-tertiary-borderColor);
350
+ border-collapse: separate;
351
+ border-spacing: 0;
352
+ border-left: 1px solid #ccc;
353
+ border: none;
354
+ font-size: var(--vuuTable-font-size, 10px);
355
+ margin: 0;
356
+ min-height: 100%;
357
+ width: var(--content-width);
250
358
  }
251
- .vuuTable-groupHeaderCell {
252
- --cell-align: "flex-start";
253
- text-align: left;
254
- background: var(--dataTable-background);
255
- border-right: 1px solid var(--salt-separable-tertiary-borderColor);
256
- border-bottom: 2px solid var(--salt-separable-tertiary-borderColor);
257
- color: var(--salt-text-secondary-foreground);
258
- cursor: default;
259
- padding: 0 !important;
359
+ .vuuTable-headers {
260
360
  position: sticky;
261
361
  top: 0;
262
- height: var(--vuuTableHeaderHeight);
263
362
  z-index: 1;
264
363
  }
265
- .vuuTable-groupHeaderCell-inner {
266
- display: flex;
267
- height: 100%;
268
- }
269
- .vuuTable-groupHeaderCell-label {
270
- align-items: center;
271
- display: flex;
272
- flex: 0 0 auto;
273
- }
274
- .vuuTable-groupHeaderCell-col {
275
- align-items: center;
276
- background-color: inherit;
277
- display: inline-flex;
278
- flex: 0 1 auto;
279
- height: calc(var(--vuuTableHeaderHeight) - 4px);
280
- justify-content: space-between;
281
- padding-right: 8px;
364
+ .vuuTable-body {
365
+ height: var(--content-height);
282
366
  position: relative;
283
367
  }
284
- .vuuTable-groupHeaderCell-close {
285
- --vuu-icon-height: 18px;
286
- --vuu-icon-width: 18px;
287
- cursor: pointer;
288
- left: 3px;
289
- }
290
- .vuuTable-groupHeaderCell-col:nth-child(odd) {
291
- background-color: var(--salt-color-gray-50);
292
- }
293
- .vuuTable-groupHeaderCell-col:nth-child(even) {
294
- background-color: var(--salt-color-gray-40);
295
- }
296
- .vuuTable-groupHeaderCell-col:first-child {
297
- clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
298
- padding-left: 3px;
299
- z-index: 1;
300
- }
301
- .vuuTable-groupHeaderCell-col:not(:first-child) {
302
- margin-left: -6px;
303
- padding-left: 12px;
304
- clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%);
305
- }
306
- .vuuTable-groupHeaderCell-resizing {
307
- --columnResizer-color: var(--salt-color-blue-500);
308
- --columnResizer-height: var(--table-height);
309
- --columnResizer-width: 2px;
310
- }
311
- .vuuTable-groupHeaderCell-pending {
312
- --pending-content: "";
313
- }
314
- .vuuTable-groupHeaderCell-col:has(+ .vuuColumnResizer):after {
315
- content: var(--pending-content);
316
- width: 24px;
317
- height: 24px;
318
- background-image: var(--svg-spinner);
319
- background-repeat: no-repeat;
320
- background-size: cover;
321
- }
322
368
 
323
369
  /* src/Table.css */
324
370
  .vuuTable {
325
371
  --dataTable-background: var(--salt-container-primary-background, inherit);
326
372
  --row-background-even: var(--dataTable-background);
327
373
  --row-background-odd: var(--dataTable-background);
328
- --table-background: var(--dataTable-background);
374
+ --table-background: var(--dataTable-background, none);
329
375
  background-color: var(--dataTable-background);
330
376
  position: relative;
331
377
  }
332
378
  .vuuTable-zebra {
333
379
  --row-background-even: var(--salt-container-secondary-background);
334
- --table-background: 0 var(--header-height) repeating-linear-gradient( to bottom, var(--salt-container-secondary-background), var(--salt-container-secondary-background) var(--row-height), var(--dataTable-background) var(--row-height), var(--dataTable-background) calc(var(--row-height) *2));
335
- }
336
- .vuuTable-loading .vuuTable-table {
337
- --skeleton-height: 20px;
338
- --skeleton-width: calc(var(--content-width) - 8px);
339
- --skeleton-left: 4px;
340
- --skeleton-row-height: 16px;
341
- --skeleton-size: var(--skeleton-width) var(--skeleton-height);
342
- --skeleton-row: linear-gradient( var(--salt-color-gray-20-fade-background) var(--skeleton-row-height), transparent 0 );
343
- --skeleton-background-image: var(--skeleton-row);
344
- background-image: var(--skeleton-background-image);
345
- background-repeat: repeat-y;
346
- background-size: var(--skeleton-size);
347
- background-position-x: var(--skeleton-left);
348
- background-position-y: 27px;
349
- }
350
- .vuuTable-contentContainer {
351
- --vuuTable-contentHeight: var(--content-height, "auto");
352
- --vuuTable-contentWidth: var(--content-width, "auto");
353
- --vuuTableHeaderHeight: var(--header-height, 30px);
354
- --vuuTable-height: calc(var(--table-height) - var(--scrollbar-size));
355
- --vuuTable-pinnedWidthLeft: var(--pinned-width-left, 0pxs);
356
- --vuuTable-scrollbarSize: var(--scrollbar-size, 15px);
357
- --vuuTable-width: calc(var(--table-width) - var(--scrollbar-size));
358
- background-color: var(--salt-container-primary-background);
359
- height: var(--vuuTable-height);
360
- position: relative;
361
- overflow: auto;
362
- overscroll-behavior: none;
363
- width: var(--vuuTable-width);
364
- }
365
- .vuuTable-contentContainer::-webkit-scrollbar {
366
- display: none;
367
380
  }
368
381
  .vuuTable-scrollbarContainer {
369
382
  --scroll-content-width: calc(var(--content-width) - var(--pinned-width-left));
383
+ border-bottom: none !important;
384
+ border-top: none !important;
370
385
  border-left: solid 1px var(--salt-container-primary-borderColor);
371
- border-top: solid 1px var(--salt-container-primary-borderColor);
386
+ box-shadow: 0px -1px 0px 0px var(--salt-container-primary-borderColor);
387
+ height: var(--viewport-body-height);
388
+ left: var(--pinned-width-left);
372
389
  overflow: auto;
373
390
  position: absolute;
374
- height: calc(var(--table-height) - var(--total-header-height) + 1px);
391
+ top: var(--total-header-height);
375
392
  width: calc(var(--table-width) - var(--pinned-width-left) + 1px);
376
393
  }
377
- .vuuTable-scrollContainerHeader {
378
- background: #777;
379
- height: var(--header-height);
380
- position: fixed;
381
- top: 0;
382
- right: 0;
383
- width: var(--vuuTable-scrollbarSize);
384
- }
385
- .vuuTable-scrollContainerFooter {
386
- background-color: green;
387
- height: var(--vuuTable-scrollbarSize);
388
- position: fixed;
389
- bottom: 0;
390
- left: 0;
391
- width: var(--pinned-width-left);
392
- }
393
- .vuuTable-scrollContent {
394
+ .vuuTable-scrollbarContent {
395
+ height: calc(var(--content-height) + var(--horizontal-scrollbar-height));
394
396
  position: absolute;
395
- height: var(--content-height);
396
397
  width: var(--scroll-content-width, var(--content-width));
397
398
  }
398
- .vuuTable-tableContainer {
399
- background-color: var(--dataTable-background);
400
- border-bottom: solid 1px var(--salt-container-primary-borderColor);
401
- height: calc(var(--table-height) - var(--scrollbar-size));
402
- left: 0px;
403
- overflow: hidden;
404
- position: sticky;
405
- top: 0px;
406
- width: calc(var(--table-width) - var(--scrollbar-size));
407
- white-space: nowrap;
408
- }
409
- .vuuTable-table {
410
- --vuuTable-rowHeight: var(--row-height);
411
- --vuuTableCell-border-bottomColor: transparent;
412
- --vuuTableCell-border-rightColor: var(--salt-separable-tertiary-borderColor);
413
- position: absolute;
414
- top: 0;
415
- left: 0;
416
- background: var(--table-background);
417
- border-collapse: separate;
418
- border-spacing: 0;
419
- border-left: 1px solid #ccc;
420
- border: none;
421
- font-size: var(--vuuTable-font-size, 10px);
422
- margin: 0;
423
- min-height: 100%;
424
- table-layout: fixed;
425
- width: var(--vuuTable-contentWidth);
426
- }
427
- .vuuTable-columnBased {
428
- display: inline-table;
429
- height: var(--vuuTable-height);
430
- position: static;
399
+ .vuuTable-contentContainer {
400
+ --vuuTableHeaderHeight: var(--header-height, 30px);
401
+ background-color: var(--salt-container-primary-background);
402
+ height: calc(var(--table-height) - var(--horizontal-scrollbar-height));
403
+ position: relative;
404
+ overflow: auto;
405
+ overscroll-behavior: none;
406
+ width: calc(var(--table-width) - var(--vertical-scrollbar-width));
431
407
  }
432
- .vuuTable-filler {
433
- height: var(--filler-height);
408
+ .vuuTable-contentContainer::-webkit-scrollbar {
409
+ display: none;
434
410
  }
435
411
  :is(.vuuPinLeft, .vuuPinRight, .vuuPinFloating) {
412
+ background-color: inherit;
436
413
  position: sticky;
437
- }
438
- .vuuAlignRight {
439
- text-align: right;
440
- }
441
- th:is(.vuuPinLeft, .vuuPinRight, .vuuPinFloating) {
442
- top: 0;
443
- z-index: 20;
444
- }
445
- table:is(.vuuPinLeft, .vuuPinRight, .vuuPinFloating) {
446
- z-index: 10;
414
+ z-index: 1;
447
415
  }
448
416
  .vuuTable-settings {
449
417
  --saltButton-height: var(--header-height);
@@ -455,9 +423,21 @@ table:is(.vuuPinLeft, .vuuPinRight, .vuuPinFloating) {
455
423
  .vuuTable:has(.vuuTable-headerCell-resizing) * {
456
424
  cursor: col-resize;
457
425
  }
458
- .saltDraggable-table-column {
459
- background-color: var(--salt-container-primary-background);
460
- overflow: hidden;
426
+
427
+ /* src/Table-loading.css */
428
+ .vuuTable-loading .vuuTable-table {
429
+ --skeleton-height: 20px;
430
+ --skeleton-width: calc(var(--content-width) - 8px);
431
+ --skeleton-left: 4px;
432
+ --skeleton-row-height: 16px;
433
+ --skeleton-size: var(--skeleton-width) var(--skeleton-height);
434
+ --skeleton-row: linear-gradient( var(--salt-color-gray-20-fade-background) var(--skeleton-row-height), transparent 0 );
435
+ --skeleton-background-image: var(--skeleton-row);
436
+ background-image: var(--skeleton-background-image);
437
+ background-repeat: repeat-y;
438
+ background-size: var(--skeleton-size);
439
+ background-position-x: var(--skeleton-left);
440
+ background-position-y: 27px;
461
441
  }
462
442
  .vuuTable-loading .vuuTable-table {
463
443
  --skeleton-height: 20px;
package/index.css.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../packages/vuu-table/src/TableCell.css", "../../../packages/vuu-table/src/TableGroupCell.css", "../../../packages/vuu-table/src/TableRow.css", "../../../packages/vuu-table/src/ColumnResizer.css", "../../../packages/vuu-table/src/SortIndicator.css", "../../../packages/vuu-table/src/TableHeaderCell.css", "../../../packages/vuu-table/src/filter-indicator.css", "../../../packages/vuu-table/src/TableGroupHeaderCell.css", "../../../packages/vuu-table/src/Table.css", "../../../packages/vuu-table/src/cell-renderers/json-cell/JsonCell.css"],
4
- "sourcesContent": [".vuuTable {\n --cell-outline-width: 2px;\n user-select: none;\n}\n\n.vuuTable-table td {\n --saltEditableLabel-height: 17px;\n --saltInput-height: 17px;\n --saltInput-minHeight: 17px;\n\n border-right: 1px solid var(--vuuTableCell-border-rightColor);\n border-bottom: 1px solid var(--vuuTableCell-border-bottomColor);\n color: var(--salt-text-primary-foreground);\n cursor: default;\n height: var(--vuuTable-rowHeight);\n line-height: calc(var(--vuuTable-rowHeight) - 1px);\n overflow: hidden;\n padding: 0 5px;\n}\n\n\n.vuuTable th:focus,\n.vuuTable td:focus {\n outline: var(--vuuTableCell-outline, dotted var(--salt-color-blue-400) var(--cell-outline-width));\n outline-offset: calc(var(--cell-outline-width) * -1);\n /** This is to achieve a white background to outline dashes */\n box-shadow: inset 0 0 0 var(--cell-outline-width) white;\n border-bottom: none;\n}\n\n.vuuTable th:focus .vuuTable-headerCell-inner{\n /** This is to achieve a white background to outline dashes */\n padding-bottom: var(--cell-outline-width);\n}\n\n.vuuTable th:not(.vuuTable-headerCell-resizing):focus .vuuTable-headerCell-inner{\n --columnResizer-color: transparent;\n}\n\n\n.vuuTable td:focus {\n /** This is to achieve a white background to outline dashes */\n border-right: none;\n padding-bottom: 1px;\n}\n\n\ntd[data-editable=\"true\"] {\n --salt-text-fontSize: 10px;\n --vuu-icon-size: 5px;\n position: relative;\n}\n\ntd[data-editable=\"true\"]:after {\n top: 0;\n content: \"\";\n background-color: var(--salt-text-secondary-foreground, black);\n left: 0;\n height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n -webkit-mask: var(--svg-corner-triangle) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask: var(--svg-corner-triangle) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n position: absolute;\n transform: rotate(180deg);\n width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n }\n \ntd:focus[data-editable],\ntd:focus-within[data-editable],\ntd:has(.saltEditableLabel-editing) {\n outline: solid var(--salt-color-blue-400) 1px;\n background-color: white;\n outline-offset: -1px;\n}\n\ntd:focus[data-editable=\"true\"]:after,\ntd:has(.saltEditableLabel):after {\n /* background-color: black; */\n background-color: var(--salt-color-blue-400);\n left: 1px;\n top: 1px;\n}\n", ".vuuTableGroupCell {\n --spacer-width: 20px;\n --toggle-icon-transform: var(--row-toggle-icon-transform, none);\n --vuu-icon-width: 18px;\n display: flex;\n align-items: center;\n}\n\n.vuuTableGroupCell-spacer {\n height: 100%;\n position: relative;\n width: var(--spacer-width);\n}\n\n.vuuTableGroupCell-spacer:after {\n background: var(--salt-container-primary-borderColor);\n content: '';\n position: absolute;\n top:0;\n bottom: -1px;\n /* left: calc(var(--spacer-width / 2)); */\n left: 9px;\n width: 1px;\n}\n\n.vuuTableGroupCell-toggle {\n transition: transform 0.25s;\n transform: var(--toggle-icon-transform);\n}\n\n\n/* .vuuTableGroupCell-toggle[data-icon='triangle-right']{\n --vuu-icon-svg: var(--svg-plus-box);\n}\n\n.vuuTableRow-expanded .vuuTableGroupCell-toggle[data-icon='triangle-right']{\n --vuu-icon-svg: var(--svg-minus-box);\n} */\n", " .vuuTableRow {\n background: transparent;\n /* background: var(--row-background); */\n }\n\n .vuuTableRow-even {\n --row-background: var(--row-background-even);\n }\n\n .vuuTableRow :is(.vuuPinFloating, .vuuPinLeft, .vuuPinRight) {\n background-color: var(--row-background);\n }\n \n .vuuTableRow-expanded {\n --row-toggle-icon-transform: rotate(90deg);\n }\n \n .vuuTableRow[aria-selected] {\n background-color: var(--vuuTableRow-selected-background, var(--salt-selectable-background-selected));\n --vuuTableCell-border-bottomColor: var(--salt-selectable-borderColor-selected);\n }\n\n /* .vuuTableRow:not([aria-selected]):has(+ [aria-selected]) {\n --vuuTableCell-border-bottomColor: var(--salt-selectable-borderColor-selected);\n } */\n\n .vuuTableRow-preSelected {\n --vuuTableCell-border-bottomColor: var(--salt-selectable-borderColor-selected);\n }", ".vuuColumnResizer {\n cursor: col-resize;\n margin-left: auto;\n width: 4px;\n}\n\n.vuuColumnResizer:after {\n content: '';\n position: absolute;\n width: var(--columnResizer-width, 1px);\n top:0;\n bottom:0;\n right: 0;\n background-color: var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));\n height: var(--columnResizer-height, 100%);\n}", ".vuuSortIndicator {\n --menu-icon-size: 18px;\n --menu-item-icon-color: black;\n display: flex;\n flex-direction: column;\n position: relative;\n width: 18px;\n}\n\n.vuuSortPosition {\n font-size: 10px;\n line-height: 10px;\n text-align: center;\n}\n\n", "/* We support multi level headings up to a maximum of 4 heading levels */\n.vuuTable-heading:nth-child(2) {\n --heading-top: calc(var(--header-height));\n}\n.vuuTable-heading:nth-child(3) {\n --heading-top: calc(var(--header-height) * 2);\n}\n.vuuTable-heading:nth-child(3) {\n --heading-top: calc(var(--header-height) * 3);\n}\n\n.vuuTable-headingCell {\n background: var(--dataTable-background);\n border-color: var(--salt-separable-tertiary-borderColor);\n border-style: solid solid solid none;\n border-width: 1px;\n color: var(--salt-text-secondary-foreground);\n height: var(--vuuTableHeaderHeight);\n padding: 0 !important;\n position: sticky;\n top: var(--heading-top, 0);\n z-index: 1;\n}\n\n.vuuTable-heading:has(+ .vuuTable-heading) > .vuuTable-headingCell {\n border-bottom-color: transparent;\n}\n\n.vuuTable-headerCell {\n --cell-align: 'flex-start';\n text-align: left;\n background: var(--dataTable-background);\n /* border-right: var(--header-border-rightWidth, 1px) solid var(--header-border-rightColor, var(--salt-separable-tertiary-borderColor)); */\n border-bottom: 2px solid var(--salt-separable-tertiary-borderColor);\n color: var(--salt-text-secondary-foreground);\n cursor: default;\n padding: 0 !important;\n position: sticky;\n top: calc(var(--total-header-height) - var(--header-height));\n height: var(--vuuTableHeaderHeight);\n /* ensure header row sits atop everything else when scrolling down */\n z-index: 1;\n }\n\n .vuuTable-headerCell-right {\n --cell-align: flex-end;\n }\n \n .vuuTable-headerCell-inner {\n align-items: stretch;\n display: flex;\n height: 100%;\n padding: 0 0 0 3px;\n }\n\n .vuuTable-headerCell-inner:has(.vuuFilterIndicator){\n padding-left: 0;\n }\n\n .vuuTable-headerCell-label {\n align-items: center;\n justify-content: var(--cell-align);\n display: flex;\n flex: 1 1 auto;\n }\n\n .vuuTable-headerCell-resizing {\n --columnResizer-color: var(--salt-color-blue-500);\n --columnResizer-height: var(--table-height);\n --columnResizer-width: 2px;\n }\n\n .vuuTable-headerCell.vuuPinLeft.vuuEndPin:after {\n box-shadow: 2px 0px 5px rgba(0,0,0,0.4);\n content: \"\";\n position: absolute;\n width: 1px;\n background-color: transparent;\n height: var(--table-height);\n top:0;\n right: 0px;\n }\n\n .vuuTable-headerCell.vuuPinRight.vuuEndPin:after {\n box-shadow: -2px 0px 5px rgba(0,0,0,0.3);\n content: \"\";\n position: absolute;\n width: 1px;\n background-color: transparent;\n height: var(--table-height);\n top:0;\n left: 0px;\n }", ".vuuFilterIndicator {\n --menu-icon-size: 12px;\n --menu-item-icon-color: black;\n align-items: center;\n cursor: pointer;\n display: flex;\n flex: 0 0 18px;\n flex-direction: column;\n justify-content: center;\n position: relative;\n}\n\n.vuuFilterIndicator + .vuuTable-headerCell-inner {\n padding-left: 0;\n}\n", "\n.salt-theme {\n --svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><path fill=\"rgb(38, 112, 169)\" d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\"><animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" /></path></svg>');\n}\n\n.vuuTable-groupHeaderCell {\n --cell-align: 'flex-start';\n text-align: left;\n background: var(--dataTable-background);\n border-right: 1px solid var(--salt-separable-tertiary-borderColor);\n border-bottom: 2px solid var(--salt-separable-tertiary-borderColor);\n color: var(--salt-text-secondary-foreground);\n cursor: default;\n padding: 0 !important;\n position: sticky;\n top: 0;\n height: var(--vuuTableHeaderHeight);\n /* ensure header row sits atop everything else when scrolling down */\n z-index: 1;\n }\n\n\n .vuuTable-groupHeaderCell-inner {\n display: flex;\n height: 100%;\n }\n\n .vuuTable-groupHeaderCell-label {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n }\n\n .vuuTable-groupHeaderCell-col {\n align-items: center;\n background-color: inherit;\n display: inline-flex;\n flex: 0 1 auto;\n height: calc(var(--vuuTableHeaderHeight) - 4px);\n justify-content: space-between;\n padding-right: 8px;\n position: relative;\n }\n\n .vuuTable-groupHeaderCell-close {\n --vuu-icon-height: 18px;\n --vuu-icon-width: 18px;\n cursor: pointer;\n left: 3px;\n }\n\n .vuuTable-groupHeaderCell-col:nth-child(odd) {\n background-color: var(--salt-color-gray-50);\n }\n .vuuTable-groupHeaderCell-col:nth-child(even) {\n background-color: var(--salt-color-gray-40);\n }\n\n .vuuTable-groupHeaderCell-col:first-child {\n clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);\n padding-left: 3px;\n z-index: 1;\n }\n \n .vuuTable-groupHeaderCell-col:not(:first-child) {\n margin-left: -6px;\n padding-left: 12px;\n clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%);\n }\n \n .vuuTable-groupHeaderCell-resizing {\n --columnResizer-color: var(--salt-color-blue-500);\n --columnResizer-height: var(--table-height);\n --columnResizer-width: 2px;\n }\n .vuuTable-groupHeaderCell-pending {\n --pending-content: '';\n }\n\n .vuuTable-groupHeaderCell-col:has(+ .vuuColumnResizer):after {\n content: var(--pending-content);\n width: 24px;\n height:24px;\n background-image: var(--svg-spinner);\n background-repeat: no-repeat;\n background-size: cover;\n }\n", "\n.vuuTable {\n --dataTable-background: var(--salt-container-primary-background, inherit);\n --row-background-even: var(--dataTable-background);\n --row-background-odd: var(--dataTable-background);\n --table-background: var(--dataTable-background);\n background-color: var(--dataTable-background);\n position: relative;\n}\n\n.vuuTable-zebra {\n --row-background-even: var(--salt-container-secondary-background);\n --table-background: 0 var(--header-height) repeating-linear-gradient(\n to bottom, \n var(--salt-container-secondary-background), \n var(--salt-container-secondary-background) var(--row-height), \n var(--dataTable-background) var(--row-height), \n var(--dataTable-background) calc(var(--row-height) *2));\n}\n\n.vuuTable-loading .vuuTable-table {\n --skeleton-height: 20px;\n --skeleton-width: calc(var(--content-width) - 8px);\n --skeleton-left: 4px;\n --skeleton-row-height: 16px;\n --skeleton-size: var(--skeleton-width) var(--skeleton-height);\n --skeleton-row: linear-gradient(\n var(--salt-color-gray-20-fade-background) var(--skeleton-row-height),\n transparent 0\n );\n --skeleton-background-image: var(--skeleton-row);\n\n\n background-image: var(--skeleton-background-image);\n background-repeat: repeat-y;\n background-size: var(--skeleton-size);\n background-position-x: var(--skeleton-left);\n background-position-y: 27px;\n}\n\n.vuuTable-contentContainer {\n \n --vuuTable-contentHeight: var(--content-height, 'auto');\n --vuuTable-contentWidth: var(--content-width, 'auto');\n --vuuTableHeaderHeight: var(--header-height, 30px);\n --vuuTable-height: calc(var(--table-height) - var(--scrollbar-size));\n --vuuTable-pinnedWidthLeft: var(--pinned-width-left, 0pxs);\n --vuuTable-scrollbarSize: var(--scrollbar-size, 15px);\n --vuuTable-width: calc(var(--table-width) - var(--scrollbar-size));\n\n background-color: var(--salt-container-primary-background);\n\n height: var(--vuuTable-height);\n position: relative;\n overflow: auto;\n overscroll-behavior: none;\n width: var(--vuuTable-width);\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n display: none;\n}\n\n.vuuTable-scrollbarContainer {\n --scroll-content-width: calc(var(--content-width) - var(--pinned-width-left));\n border-left: solid 1px var(--salt-container-primary-borderColor);\n border-top: solid 1px var(--salt-container-primary-borderColor);\n overflow: auto;\n position: absolute;\n height: calc(var(--table-height) - var(--total-header-height) + 1px);\n width: calc(var(--table-width) - var(--pinned-width-left) + 1px);\n}\n\n.vuuTable-scrollContainerHeader {\n background: #777;\n height: var(--header-height);\n position: fixed;\n top:0;\n right:0;\n width: var(--vuuTable-scrollbarSize);\n}\n.vuuTable-scrollContainerFooter {\n background-color: green;\n height: var(--vuuTable-scrollbarSize);\n position: fixed;\n bottom:0;\n left:0;\n width: var(--pinned-width-left);\n\n}\n\n.vuuTable-scrollContent {\n position: absolute;\n height: var(--content-height);\n width: var(--scroll-content-width, var(--content-width));\n}\n\n.vuuTable-tableContainer {\n background-color: var(--dataTable-background);\n border-bottom: solid 1px var(--salt-container-primary-borderColor);\n height: calc(var(--table-height) - var(--scrollbar-size));\n left: 0px;\n overflow: hidden;\n position: sticky;\n top: 0px;\n width: calc(var(--table-width) - var(--scrollbar-size));\n white-space: nowrap;\n\n}\n\n\n.vuuTable-table {\n --vuuTable-rowHeight: var(--row-height);\n --vuuTableCell-border-bottomColor: transparent;\n --vuuTableCell-border-rightColor: var(--salt-separable-tertiary-borderColor);\n\n position: absolute;\n top: 0;\n left: 0;\n\n background: var(--table-background);\n /* background-position: 0 25px; */\n\n border-collapse: separate;\n border-spacing: 0;\n border-left: 1px solid #ccc;\n border: none;\n font-size: var(--vuuTable-font-size, 10px);\n margin: 0;\n min-height: 100%;\n table-layout: fixed;\n width: var(--vuuTable-contentWidth);\n}\n\n.vuuTable-columnBased {\n display: inline-table;\n height: var(--vuuTable-height);\n position: static;\n}\n\n/* .vuuTable-columnBased .vuuTable-headerCell{\n background-color: darkmagenta;\n} */\n\n.vuuTable-filler {\n height: var(--filler-height);\n}\n\n:is(.vuuPinLeft, .vuuPinRight, .vuuPinFloating) {\n position: sticky;\n}\n\n.vuuAlignRight {\n text-align: right;\n}\n\nth:is(.vuuPinLeft, .vuuPinRight, .vuuPinFloating) {\n top:0;\n z-index: 20;\n}\n\ntable:is(.vuuPinLeft, .vuuPinRight, .vuuPinFloating) {\n z-index: 10;\n}\n\n/* .vuuTable-row {\n transform: translate3d(0px, 25px, 0px);\n} */\n\n.vuuTable-settings {\n --saltButton-height: var(--header-height);\n --saltButton-width: 15px;\n position: absolute !important;\n right: 0;\n top: 0;\n}\n\n.vuuTable:has(.vuuTable-headerCell-resizing) * {\n cursor: col-resize;\n}\n\n.saltDraggable-table-column {\n background-color: var(--salt-container-primary-background);\n overflow: hidden;\n}\n\n.vuuTable-loading .vuuTable-table {\n --skeleton-height: 20px;\n --skeleton-width: calc(var(--content-width) - 8px);\n --skeleton-left: 4px;\n --skeleton-row-height: 16px;\n --skeleton-size: var(--skeleton-width) var(--skeleton-height);\n --skeleton-row: linear-gradient(\n var(--salt-color-gray-20-fade-background) var(--skeleton-row-height),\n transparent 0\n );\n --skeleton-background-image: var(--skeleton-row);\n\n background-image: var(--skeleton-background-image);\n background-repeat: repeat-y;\n background-size: var(--skeleton-size);\n background-position-x: var(--skeleton-left);\n background-position-y: 27px;\n\n /* animation:linearAnim 2s infinite linear */\n}\n\n.vuuTable-loading .vuuTable-table:after {\n animation: shimmer 2s infinite;\n background: linear-gradient(\n 90deg, \n rgba(255,255,255, 0) 0, \n rgba(255,255,255, .2) 20%, \n rgba(255,255,255, .6) 60%, \n rgba(255,255,255, 0)\n );\n content: '';\n height: var(--table-height);\n left: 0px;\n position: absolute;\n transform: translateX(-100%);\n top: var(--header-height);\n width: var(--content-width);\n}\n\n@keyframes shimmer {\n 100% {\n transform: translateX(100%);\n }\n}", ".vuuJsonCell-group {\n align-items: center;\n display: inline-flex;\n height: calc(var(--vuuTable-rowHeight) - 1px);\n width: 100%;\n}\n\n.vuuJsonCell-toggle {\n --vuu-icon-color: var(--salt-text-primary-foreground);\n --vuu-icon-height: calc(var(--vuuTable-rowHeight) - 1px);\n --vuu-icon-width: 18px;\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.vuuJsonCell-name {\n font-weight: var(--salt-typography-fontWeight-semiBold); \n}\n\n.vuuJsonCell-value {\n overflow: hidden;\n text-overflow: ellipsis;\n}"],
5
- "mappings": ";AAAA;AACI;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIJ;AAAA;AAEI;AACA;AAEA;AACA;AAAA;AAGJ;AAEI;AAAA;AAGJ;AACI;AAAA;AAIJ;AAEI;AACA;AAAA;AAIJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AAAA;AAAA;AAGI;AACA;AACA;AAAA;AAGJ;AAAA;AAGI;AACA;AACA;AAAA;;;ACjFJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGJ;AACI;AACA;AAAA;;;AC3BF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAOF;AACE;AAAA;;;AC3BJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACdJ;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACXF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACE;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AC3FJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;;;ACZF;AACC;AAAA;AAGD;AACE;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACpFJ;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAQF;AACE;AACA;AACA;AACA;AACA;AACA;AAIA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAGF;AAEE;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKF;AACE;AACA;AACA;AAEA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAOF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAOF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAKF;AACE;AACA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AAAA;AAEI;AAAA;AAAA;;;ACnOJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACM;AAAA;AAGN;AACI;AACA;AAAA;",
3
+ "sources": ["../../../packages/vuu-table/src/TableCell.css", "../../../packages/vuu-table/src/TableGroupCell.css", "../../../packages/vuu-table/src/TableRow.css", "../../../packages/vuu-table/src/ColumnResizer.css", "../../../packages/vuu-table/src/TableGroupHeaderCell.css", "../../../packages/vuu-table/src/SortIndicator.css", "../../../packages/vuu-table/src/TableHeaderCell.css", "../../../packages/vuu-table/src/filter-indicator.css", "../../../packages/vuu-table/src/RowBasedTable.css", "../../../packages/vuu-table/src/Table.css", "../../../packages/vuu-table/src/Table-loading.css", "../../../packages/vuu-table/src/cell-renderers/json-cell/JsonCell.css"],
4
+ "sourcesContent": [".vuuTable {\n --cell-outline-width: 2px;\n user-select: none;\n}\n\n[role=\"cell\"] {\n display: inline-block;\n}\n\n[data-align=\"end\"] {\n margin-left: auto;\n}\n\n[data-align=\"end\"] + [data-align=\"end\"] {\n margin-left: 0;\n}\n\n \n.vuuTable-table [role=\"cell\"] {\n --saltEditableLabel-height: 17px;\n --saltInput-height: 17px;\n --saltInput-minHeight: 17px;\n\n border-right: 1px solid var(--vuuTableCell-border-rightColor);\n border-bottom: 1px solid var(--vuuTableCell-border-bottomColor);\n color: var(--salt-text-primary-foreground);\n cursor: default;\n height: var(--vuuTable-rowHeight);\n line-height: calc(var(--vuuTable-rowHeight) - 1px);\n overflow: hidden;\n padding: 0 5px;\n vertical-align: top;\n}\n\n\n.vuuTable-headerCell:focus,\n.vuuTable [role=\"cell\"]:focus {\n outline: var(--vuuTableCell-outline, dotted var(--salt-color-blue-400) var(--cell-outline-width));\n outline-offset: calc(var(--cell-outline-width) * -1);\n /** This is to achieve a white background to outline dashes */\n box-shadow: inset 0 0 0 var(--cell-outline-width) white;\n border-bottom: none;\n}\n\n.vuuTable-headerCell:focus .vuuTable-headerCell-inner{\n /** This is to achieve a white background to outline dashes */\n padding-bottom: var(--cell-outline-width);\n}\n\n.vuuTable-headerCell:not(.vuuTable-headerCell-resizing):focus .vuuTable-headerCell-inner{\n --columnResizer-color: transparent;\n}\n\n\n.vuuTable [role=\"cell\"]:focus {\n /** This is to achieve a white background to outline dashes */\n border-right: none;\n padding-bottom: 1px;\n}\n\n\n[role=\"cell\"][data-editable=\"true\"] {\n --salt-text-fontSize: 10px;\n --vuu-icon-size: 5px;\n position: relative;\n}\n\n[role=\"cell\"][data-editable=\"true\"]:after {\n top: 0;\n content: \"\";\n background-color: var(--salt-text-secondary-foreground, black);\n left: 0;\n height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n -webkit-mask: var(--svg-corner-triangle) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask: var(--svg-corner-triangle) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n position: absolute;\n transform: rotate(180deg);\n width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n }\n \n [role=\"cell\"]:focus[data-editable],\n [role=\"cell\"]:focus-within[data-editable],\n [role=\"cell\"]:has(.saltEditableLabel-editing) {\n outline: solid var(--salt-color-blue-400) 1px;\n background-color: white;\n outline-offset: -1px;\n}\n\n[role=\"cell\"]:focus[data-editable=\"true\"]:after,\n[role=\"cell\"]:has(.saltEditableLabel):after {\n /* background-color: black; */\n background-color: var(--salt-color-blue-400);\n left: 1px;\n top: 1px;\n}\n\n.vuuAlignRight {\n text-align: right;\n }\n ", ".vuuTableGroupCell {\n --spacer-width: 20px;\n --toggle-icon-transform: var(--row-toggle-icon-transform, none);\n --vuu-icon-width: 18px;\n\n align-items: center;\n display: inline-flex;\n}\n\n.vuuTableGroupCell-spacer {\n height: 100%;\n position: relative;\n width: var(--spacer-width);\n}\n\n.vuuTableGroupCell-spacer:after {\n background: var(--salt-container-primary-borderColor);\n content: '';\n position: absolute;\n top:0;\n bottom: -1px;\n /* left: calc(var(--spacer-width / 2)); */\n left: 9px;\n width: 1px;\n}\n\n.vuuTableGroupCell-toggle {\n transition: transform 0.25s;\n transform: var(--toggle-icon-transform);\n}\n\n\n/* .vuuTableGroupCell-toggle[data-icon='triangle-right']{\n --vuu-icon-svg: var(--svg-plus-box);\n}\n\n.vuuTableRow-expanded .vuuTableGroupCell-toggle[data-icon='triangle-right']{\n --vuu-icon-svg: var(--svg-minus-box);\n} */\n", " .vuuTableRow {\n --row-background: var(--table-background);\n position: absolute;\n top:0;\n }\n\n .vuuTableRow-even {\n --row-background: var(--row-background-even);\n }\n\n /* .vuuTableRow :is(.vuuPinFloating, .vuuPinLeft, .vuuPinRight) {\n background-color: var(--row-background);\n } */\n .vuuTableRow {\n background-color: var(--row-background);\n }\n \n .vuuTableRow-expanded {\n --row-toggle-icon-transform: rotate(90deg);\n }\n \n .vuuTableRow[aria-selected] {\n background-color: var(--vuuTableRow-selected-background, var(--salt-selectable-background-selected));\n --vuuTableCell-border-bottomColor: var(--salt-selectable-borderColor-selected);\n }\n\n /* .vuuTableRow:not([aria-selected]):has(+ [aria-selected]) {\n --vuuTableCell-border-bottomColor: var(--salt-selectable-borderColor-selected);\n } */\n\n .vuuTableRow-preSelected {\n --vuuTableCell-border-bottomColor: var(--salt-selectable-borderColor-selected);\n }", ".vuuColumnResizer {\n background-color: var(--columnResizer-color);\n cursor: col-resize;\n height: 100%;\n position: relative;\n width: 4px;\n}\n\n.vuuColumnResizer:hover {\n --columnResizer-color: var(--salt-color-blue-500);\n}\n\n.vuuColumnResizer:after {\n content: '';\n position: absolute;\n width: var(--columnResizer-width, 1px);\n top:0;\n bottom:0;\n right: -1px;\n background-color: var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));\n height: var(--columnResizer-height, calc(100% + 1px));\n}", "\n.salt-theme {\n --svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><path fill=\"rgb(38, 112, 169)\" d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\"><animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" /></path></svg>');\n}\n\n.vuuTable-groupHeaderCell {\n --cell-align: 'flex-start';\n text-align: left;\n background: var(--dataTable-background);\n cursor: default;\n height: var(--vuuTableHeaderHeight);\n /* ensure header row sits atop everything else when scrolling down */\n }\n\n\n .vuuTable-groupHeaderCell-inner {\n align-items: center;\n display: flex;\n height: 100%;\n padding-left: 1px;\n }\n\n .vuuTable-groupHeaderCell-label {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n }\n\n .vuuTable-groupHeaderCell-col {\n align-items: center;\n background-color: inherit;\n display: inline-flex;\n flex: 0 1 auto;\n height: calc(var(--vuuTableHeaderHeight) - 2px);\n justify-content: space-between;\n padding-right: 8px;\n position: relative;\n }\n\n .vuuTable-groupHeaderCell-close {\n --vuu-icon-height: 18px;\n --vuu-icon-width: 18px;\n cursor: pointer;\n left: 3px;\n }\n\n .vuuTable-groupHeaderCell-col:nth-child(odd) {\n background-color: var(--salt-color-gray-50);\n }\n .vuuTable-groupHeaderCell-col:nth-child(even) {\n background-color: var(--salt-color-gray-40);\n }\n\n .vuuTable-groupHeaderCell-col:first-child {\n clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);\n padding-left: 3px;\n z-index: 1;\n }\n \n .vuuTable-groupHeaderCell-col:not(:first-child) {\n margin-left: -6px;\n padding-left: 12px;\n clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%);\n }\n \n .vuuTable-groupHeaderCell-resizing {\n --columnResizer-color: var(--salt-color-blue-500);\n --columnResizer-height: var(--table-height);\n --columnResizer-width: 2px;\n }\n .vuuTable-groupHeaderCell-pending {\n --pending-content: '';\n }\n\n .vuuTable-groupHeaderCell-col:has(+ .vuuColumnResizer):after {\n content: var(--pending-content);\n width: 24px;\n height:24px;\n background-image: var(--svg-spinner);\n background-repeat: no-repeat;\n background-size: cover;\n }\n", ".vuuSortIndicator {\n --menu-icon-size: 18px;\n --menu-item-icon-color: black;\n display: flex;\n flex-direction: column;\n position: relative;\n width: 18px;\n}\n\n.vuuSortPosition {\n font-size: 10px;\n line-height: 10px;\n text-align: center;\n}\n\n", "/* We support multi level headings up to a maximum of 4 heading levels */\n.vuuTable-heading:nth-child(2) {\n --heading-top: calc(var(--header-height));\n}\n.vuuTable-heading:nth-child(3) {\n --heading-top: calc(var(--header-height) * 2);\n}\n.vuuTable-heading:nth-child(3) {\n --heading-top: calc(var(--header-height) * 3);\n}\n\n.vuuTable-headingCell {\n background: var(--dataTable-background);\n border-color: var(--salt-separable-tertiary-borderColor);\n border-style: solid solid solid none;\n border-width: 1px;\n color: var(--salt-text-secondary-foreground);\n display: inline-block;\n height: var(--vuuTableHeaderHeight);\n padding: 0 !important;\n}\n\n.vuuTable-heading:has(+ .vuuTable-heading) > .vuuTable-headingCell {\n border-bottom-color: transparent;\n}\n\n[role=\"columnHeader\"] {\n --vuuTableCell-border-bottomColor: var(--salt-separable-tertiary-borderColor);\n --cell-align: 'flex-start';\n display: inline-block;\n text-align: left;\n background: var(--dataTable-background);\n border-right: 1px solid var(--vuuTableCell-border-rightColor);\n border-bottom: 1px solid var(--vuuTableCell-border-bottomColor);\n color: var(--salt-text-secondary-foreground);\n cursor: default;\n height: var(--vuuTableHeaderHeight);\n padding: 0 !important;\n vertical-align: top;\n }\n\n .vuuTable-headerCell-right {\n --cell-align: flex-end;\n }\n \n .vuuTable-headerCell-inner {\n align-items: stretch;\n display: flex;\n height: 100%;\n padding: 0 0 0 3px;\n }\n\n .vuuTable-headerCell-inner:has(.vuuFilterIndicator){\n padding-left: 0;\n }\n\n .vuuTable-headerCell-label {\n align-items: center;\n justify-content: var(--cell-align);\n display: flex;\n flex: 1 1 auto;\n }\n\n .vuuTable-headerCell-resizing {\n --columnResizer-color: var(--salt-color-blue-500);\n --columnResizer-height: var(--table-height);\n --columnResizer-width: 2px;\n }\n\n [role='headerCell'].vuuPinLeft.vuuEndPin:after {\n box-shadow: 2px 0px 5px rgba(0,0,0,0.4);\n content: \"\";\n position: absolute;\n width: 1px;\n background-color: transparent;\n height: var(--table-height);\n top:0;\n right: 0px;\n }\n\n [role='headerCell'].vuuPinRight.vuuEndPin:after {\n box-shadow: -2px 0px 5px rgba(0,0,0,0.3);\n content: \"\";\n position: absolute;\n width: 1px;\n background-color: transparent;\n height: var(--table-height);\n top:0;\n left: 0px;\n }\n\n [role='headerCell']:is(.vuuPinLeft, .vuuPinRight, .vuuPinFloating) {\n top:0;\n z-index: 20;\n }\n \n .saltDraggable-vuuTable-headerCell {\n --dataTable-background: ivory;\n --vuuTableHeaderHeight: 25px;\n }", ".vuuFilterIndicator {\n --menu-icon-size: 12px;\n --menu-item-icon-color: black;\n align-items: center;\n cursor: pointer;\n display: flex;\n flex: 0 0 18px;\n flex-direction: column;\n justify-content: center;\n position: relative;\n}\n\n.vuuFilterIndicator + .vuuTable-headerCell-inner {\n padding-left: 0;\n}\n", ".vuuTable-table {\n --vuuTable-rowHeight: var(--row-height);\n --vuuTableCell-border-bottomColor: transparent;\n --vuuTableCell-border-rightColor: var(--salt-separable-tertiary-borderColor);\n \n border-collapse: separate;\n border-spacing: 0;\n border-left: 1px solid #ccc;\n border: none;\n font-size: var(--vuuTable-font-size, 10px);\n margin: 0;\n min-height: 100%;\n width: var(--content-width);\n}\n \n.vuuTable-headers {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.vuuTable-body {\n height: var(--content-height);\n position: relative;\n}\n\n", "/**\n variables injected by Table component\n --content-height\n --content-width\n --header-height\n --horizontal-scrollbar-height\n --pinned-width-left\n --pinned-width-right\n --row-height\n --table-height\n --table-width\n --total-header-height\n --vertical-scrollbar-width\n --viewport-body-height\n*/\n.vuuTable {\n\n --dataTable-background: var(--salt-container-primary-background, inherit);\n --row-background-even: var(--dataTable-background);\n --row-background-odd: var(--dataTable-background);\n --table-background: var(--dataTable-background, none);\n\n background-color: var(--dataTable-background);\n position: relative;\n}\n\n.vuuTable-zebra {\n --row-background-even: var(--salt-container-secondary-background);\n}\n\n.vuuTable-scrollbarContainer {\n --scroll-content-width: calc(var(--content-width) - var(--pinned-width-left));\n border-bottom: none !important;\n border-top: none !important;\n border-left: solid 1px var(--salt-container-primary-borderColor);\n /* a top border */\n box-shadow: 0px -1px 0px 0px var(--salt-container-primary-borderColor);\n height: var(--viewport-body-height);\n left: var(--pinned-width-left);\n overflow: auto;\n position: absolute;\n top: var(--total-header-height);\n width: calc(var(--table-width) - var(--pinned-width-left) + 1px);\n}\n\n.vuuTable-scrollbarContent {\n height: calc(var(--content-height) + var(--horizontal-scrollbar-height));\n position: absolute;\n width: var(--scroll-content-width, var(--content-width));\n}\n\n.vuuTable-contentContainer {\n --vuuTableHeaderHeight: var(--header-height, 30px);\n\n background-color: var(--salt-container-primary-background);\n\n height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n position: relative;\n overflow: auto;\n overscroll-behavior: none;\n width: calc(var(--table-width) - var(--vertical-scrollbar-width));\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n display: none;\n}\n\n\n:is(.vuuPinLeft, .vuuPinRight, .vuuPinFloating) {\n background-color: inherit;\n position: sticky;\n z-index: 1;\n}\n\n.vuuTable-settings {\n --saltButton-height: var(--header-height);\n --saltButton-width: 15px;\n position: absolute !important;\n right: 0;\n top: 0;\n}\n\n.vuuTable:has(.vuuTable-headerCell-resizing) * {\n cursor: col-resize;\n}\n\n", ".vuuTable-loading .vuuTable-table {\n --skeleton-height: 20px;\n --skeleton-width: calc(var(--content-width) - 8px);\n --skeleton-left: 4px;\n --skeleton-row-height: 16px;\n --skeleton-size: var(--skeleton-width) var(--skeleton-height);\n --skeleton-row: linear-gradient(\n var(--salt-color-gray-20-fade-background) var(--skeleton-row-height),\n transparent 0\n );\n --skeleton-background-image: var(--skeleton-row);\n \n background-image: var(--skeleton-background-image);\n background-repeat: repeat-y;\n background-size: var(--skeleton-size);\n background-position-x: var(--skeleton-left);\n background-position-y: 27px;\n }\n \n .vuuTable-loading .vuuTable-table {\n --skeleton-height: 20px;\n --skeleton-width: calc(var(--content-width) - 8px);\n --skeleton-left: 4px;\n --skeleton-row-height: 16px;\n --skeleton-size: var(--skeleton-width) var(--skeleton-height);\n --skeleton-row: linear-gradient(\n var(--salt-color-gray-20-fade-background) var(--skeleton-row-height),\n transparent 0\n );\n --skeleton-background-image: var(--skeleton-row);\n \n background-image: var(--skeleton-background-image);\n background-repeat: repeat-y;\n background-size: var(--skeleton-size);\n background-position-x: var(--skeleton-left);\n background-position-y: 27px;\n \n /* animation:linearAnim 2s infinite linear */\n }\n \n .vuuTable-loading .vuuTable-table:after {\n animation: shimmer 2s infinite;\n background: linear-gradient(\n 90deg, \n rgba(255,255,255, 0) 0, \n rgba(255,255,255, .2) 20%, \n rgba(255,255,255, .6) 60%, \n rgba(255,255,255, 0)\n );\n content: '';\n height: var(--table-height);\n left: 0px;\n position: absolute;\n transform: translateX(-100%);\n top: var(--header-height);\n width: var(--content-width);\n }\n \n @keyframes shimmer {\n 100% {\n transform: translateX(100%);\n }\n }", ".vuuJsonCell-group {\n align-items: center;\n display: inline-flex;\n height: calc(var(--vuuTable-rowHeight) - 1px);\n width: 100%;\n}\n\n.vuuJsonCell-toggle {\n --vuu-icon-color: var(--salt-text-primary-foreground);\n --vuu-icon-height: calc(var(--vuuTable-rowHeight) - 1px);\n --vuu-icon-width: 18px;\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.vuuJsonCell-name {\n font-weight: var(--salt-typography-fontWeight-semiBold); \n}\n\n.vuuJsonCell-value {\n overflow: hidden;\n text-overflow: ellipsis;\n}"],
5
+ "mappings": ";AAAA;AACI;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AAAA;AAIJ;AACI;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIJ;AAAA;AAEI;AACA;AAEA;AACA;AAAA;AAGJ;AAEI;AAAA;AAGJ;AACI;AAAA;AAIJ;AAEI;AACA;AAAA;AAIJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AAAA;AAAA;AAGE;AACA;AACA;AAAA;AAGJ;AAAA;AAGI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;;;ACnGJ;AACI;AACA;AACA;AAEA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGJ;AACI;AACA;AAAA;;;AC5BF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAMF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAOF;AACE;AAAA;;;AC/BJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACnBJ;AACC;AAAA;AAGD;AACE;AACE;AACA;AACA;AACA;AAAA;AAKF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;;;AChFJ;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACXF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;AClGJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;;;ACbF;AACI;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;ACRF;AAEE;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;;;ACnFF;AACI;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAKF;AACE;AACA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AAAA;AAEI;AAAA;AAAA;;;AC5DN;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACM;AAAA;AAGN;AACI;AACA;AAAA;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@vuu-ui/vuu-table",
3
- "version": "0.6.25-debug",
3
+ "version": "0.6.26-debug",
4
4
  "author": "heswell",
5
5
  "license": "Apache-2.0",
6
6
  "dependencies": {
7
7
  "@salt-ds/core": "1.2.0",
8
8
  "@salt-ds/icons": "1.1.0",
9
9
  "@heswell/salt-lab": "1.0.0-alpha.2",
10
- "@vuu-ui/vuu-data": "0.6.25-debug",
11
- "@vuu-ui/vuu-filters": "0.6.25-debug",
12
- "@vuu-ui/vuu-popups": "0.6.25-debug",
13
- "@vuu-ui/vuu-utils": "0.6.25-debug"
10
+ "@vuu-ui/vuu-data": "0.6.26-debug",
11
+ "@vuu-ui/vuu-filters": "0.6.26-debug",
12
+ "@vuu-ui/vuu-popups": "0.6.26-debug",
13
+ "@vuu-ui/vuu-utils": "0.6.26-debug"
14
14
  },
15
15
  "peerDependencies": {
16
16
  "classnames": "^2.2.6",