@rozie-ui/data-table-lit 0.4.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +93 -82
- package/dist/index.cjs +1032 -141
- package/dist/index.d.cts +190 -32
- package/dist/index.d.mts +190 -32
- package/dist/index.mjs +1032 -141
- package/package.json +2 -2
- package/src/Column.ts +3 -3
- package/src/DataTable.ts +1466 -134
- package/src/EditorCheckbox.ts +35 -2
- package/src/EditorDate.ts +59 -6
- package/src/EditorNumber.ts +47 -5
- package/src/EditorSelect.ts +48 -7
- package/src/EditorText.ts +38 -6
- package/src/FilterNumberRange.ts +77 -9
- package/src/FilterSelect.ts +17 -2
- package/src/FilterText.ts +47 -6
- package/src/GroupBar.ts +76 -3
- package/src/helpers/columnDefUtils.ts +73 -1
- package/src/helpers/dateValue.ts +55 -0
- package/src/themes/base.css +122 -88
- package/src/themes/bootstrap.css +60 -24
- package/src/themes/material.css +54 -22
- package/src/themes/shadcn.css +59 -23
package/dist/index.d.cts
CHANGED
|
@@ -6,14 +6,14 @@ declare class DataTable extends DataTable_base {
|
|
|
6
6
|
static shadowRootOptions: ShadowRootInit;
|
|
7
7
|
static styles: _$lit.CSSResult;
|
|
8
8
|
/**
|
|
9
|
-
* The row data — `model: true`, so a committed cell/row edit writes a **fresh** array back through `
|
|
9
|
+
* The row data — `model: true`, so a committed cell/row edit writes a **fresh** array back through the two-way `data` binding (uncontrolled fallback `dataDefault`). A stable reference per Rozie's setup-once model — fed directly into table-core (never map/cloned in the watcher).
|
|
10
10
|
* @example
|
|
11
11
|
* <rozie-data-table .data=${rows} @data-change=${…} .columns=${cols}></rozie-data-table>
|
|
12
12
|
*/
|
|
13
13
|
_data_attr: any[];
|
|
14
14
|
private _dataControllable;
|
|
15
15
|
/**
|
|
16
|
-
* Config-array column fallback (lower precedence than `<Column>` children). Each entry: `{ id?, field, header?, sortable?, filterable?, pinned?, width? }`. Columns may come from this array, from `<Column>` children, or both (id-keyed last-write-wins union).
|
|
16
|
+
* Config-array column fallback (lower precedence than `<Column>` children). Each entry: `{ id?, field, header?, sortable?, filterable?, pinned?, width? }`. Columns may come from this array, from `<Column>` children, or both (id-keyed last-write-wins union). A `pinned` value of `'left'` or `'right'` is applied once as the table's initial `columnPinning` state — identical to `<Column pinned>` — which also REORDERS that column, since table-core orders visible cells `[left-pinned, center, right-pinned]`. A consumer who has already expressed a pin (an initial two-way `columnPinning` model value or an interactive pin) owns the slice and this declaration is ignored.
|
|
17
17
|
*/
|
|
18
18
|
columns: any[];
|
|
19
19
|
/**
|
|
@@ -53,7 +53,7 @@ declare class DataTable extends DataTable_base {
|
|
|
53
53
|
*/
|
|
54
54
|
pageCount: number | null;
|
|
55
55
|
/**
|
|
56
|
-
* Opt-in **expandable rows**. When `true`, a leading chevron expander column auto-injects (after the select column) and `getExpandedRowModel` activates; default `false` is byte-identical-off. Every row can expand to reveal a `#detail` panel unless `getSubRows` is supplied (then only rows with children expand).
|
|
56
|
+
* Opt-in **expandable rows**. When `true`, a leading chevron expander column auto-injects (after the select column) and `getExpandedRowModel` activates; default `false` is byte-identical-off. Every row can expand to reveal a `#detail` panel unless `getSubRows` is supplied (then only rows with children expand). Pass `expandable` as a real boolean — a valueless attribute only coerces to `true` on Vue and Lit.
|
|
57
57
|
*/
|
|
58
58
|
expandable: boolean;
|
|
59
59
|
/**
|
|
@@ -61,6 +61,10 @@ declare class DataTable extends DataTable_base {
|
|
|
61
61
|
*/
|
|
62
62
|
_expanded_attr: any | boolean;
|
|
63
63
|
private _expandedControllable;
|
|
64
|
+
/**
|
|
65
|
+
* Row identity `(originalRow, index, parentRow?) => string | number` — the key `rowSelection`, `expanded` and the per-row caches use. Default null → table-core keys rows by position (`"0"`, `"1"`, … and `"0.1"` for sub-rows), so inserting or removing rows above a selected or expanded row moves that state onto whatever row now sits at its index. Supply it whenever rows can be added or removed while state is held (server push, live lists); the result is coerced to a string.
|
|
66
|
+
*/
|
|
67
|
+
getRowId: ((...args: any[]) => any) | null;
|
|
64
68
|
/**
|
|
65
69
|
* Table-level child-row accessor `(originalRow, index) => TData[] | undefined` that drives nested sub-rows. When supplied (with `expandable`), table-core flattens the hierarchy and the expand seam reveals depth-indented child rows. Null → the `#detail` scoped slot is the expand mode.
|
|
66
70
|
*/
|
|
@@ -70,7 +74,7 @@ declare class DataTable extends DataTable_base {
|
|
|
70
74
|
*/
|
|
71
75
|
groupable: boolean;
|
|
72
76
|
/**
|
|
73
|
-
* `GroupingState` — an ordered `string[]` of column ids (multi-column → nested groups, e.g. `['region','category']`). An empty/unbound list is ungrouped (byte-identical-off). Group-header rows are collapsible (they ride the expand model). Surfaces through `group-change`; uncontrolled fallback (`$data.groupingDefault`, default `[]`) when unbound — the default is `null` (mirroring `expanded`) so the uncontrolled fallback is reachable and the grouping auto-expand default can activate when a consumer applies grouping without binding `
|
|
77
|
+
* `GroupingState` — an ordered `string[]` of column ids (multi-column → nested groups, e.g. `['region','category']`). An empty/unbound list is ungrouped (byte-identical-off). Group-header rows are collapsible (they ride the expand model). Surfaces through `group-change`; uncontrolled fallback (`$data.groupingDefault`, default `[]`) when unbound — the default is `null` (mirroring `expanded`) so the uncontrolled fallback is reachable and the grouping auto-expand default can activate when a consumer applies grouping without binding the two-way `grouping` model (a non-null `[]` default would short-circuit it). All reads are null-guarded, so table-core still receives an array.
|
|
74
78
|
*/
|
|
75
79
|
_grouping_attr: any[] | null;
|
|
76
80
|
private _groupingControllable;
|
|
@@ -104,7 +108,7 @@ declare class DataTable extends DataTable_base {
|
|
|
104
108
|
*/
|
|
105
109
|
stickyHeader: boolean;
|
|
106
110
|
/**
|
|
107
|
-
* `'table'` (default, row-oriented, byte-behaviorally identical to a plain accessible table) | `'grid'`
|
|
111
|
+
* `'table'` (default, row-oriented, byte-behaviorally identical to a plain accessible table) | `'grid'` — lights up the full WAI-ARIA **[grid interaction mode](/components/data-table-grid-mode)**: `role="grid"`, a roving single tab-stop, 2-D APG arrow-key cell navigation, range selection, and clipboard support.
|
|
108
112
|
*/
|
|
109
113
|
interactionMode: string;
|
|
110
114
|
/**
|
|
@@ -169,10 +173,12 @@ declare class DataTable extends DataTable_base {
|
|
|
169
173
|
private _rangeAnchor;
|
|
170
174
|
private _rangeFocus;
|
|
171
175
|
private _pasteAnnounce;
|
|
176
|
+
private _rangeAnnounce;
|
|
172
177
|
private _liveAnnounce;
|
|
173
178
|
private _ref__rozieRoot;
|
|
174
179
|
private __rozieWatchInitial_0;
|
|
175
180
|
private __rozieWatchInitial_1;
|
|
181
|
+
private __rozieWatchInitial_2;
|
|
176
182
|
private __rozieCtxProvider_data_table_columns;
|
|
177
183
|
private _rozieSlotDistributor;
|
|
178
184
|
private _hasSlotDefault;
|
|
@@ -196,6 +202,12 @@ declare class DataTable extends DataTable_base {
|
|
|
196
202
|
private _slotDynamicColHeaderElements;
|
|
197
203
|
private _hasSlotDynamicFilter;
|
|
198
204
|
private _slotDynamicFilterElements;
|
|
205
|
+
private _hasSlotPlaceholder;
|
|
206
|
+
private _slotPlaceholderElements;
|
|
207
|
+
placeholder?: (scope: {
|
|
208
|
+
index: any;
|
|
209
|
+
columnId: any;
|
|
210
|
+
}) => unknown;
|
|
199
211
|
private _hasSlotSelectCell;
|
|
200
212
|
private _slotSelectCellElements;
|
|
201
213
|
selectCell?: (scope: {
|
|
@@ -226,6 +238,7 @@ declare class DataTable extends DataTable_base {
|
|
|
226
238
|
value: any;
|
|
227
239
|
uniqueValues: any;
|
|
228
240
|
minMax: any;
|
|
241
|
+
columnLabel: any;
|
|
229
242
|
setFilter: any;
|
|
230
243
|
}) => unknown;
|
|
231
244
|
private _hasSlotCell;
|
|
@@ -245,6 +258,7 @@ declare class DataTable extends DataTable_base {
|
|
|
245
258
|
value: any;
|
|
246
259
|
commit: any;
|
|
247
260
|
cancel: any;
|
|
261
|
+
columnLabel: any;
|
|
248
262
|
autofocus: any;
|
|
249
263
|
}) => unknown;
|
|
250
264
|
rozieSlots?: {
|
|
@@ -258,6 +272,7 @@ declare class DataTable extends DataTable_base {
|
|
|
258
272
|
value: any;
|
|
259
273
|
uniqueValues: any;
|
|
260
274
|
minMax: any;
|
|
275
|
+
columnLabel: any;
|
|
261
276
|
setFilter: any;
|
|
262
277
|
}) => unknown;
|
|
263
278
|
[key: `cell-${string}`]: (scope: {
|
|
@@ -273,6 +288,7 @@ declare class DataTable extends DataTable_base {
|
|
|
273
288
|
value: any;
|
|
274
289
|
commit: any;
|
|
275
290
|
cancel: any;
|
|
291
|
+
columnLabel: any;
|
|
276
292
|
autofocus: any;
|
|
277
293
|
}) => unknown;
|
|
278
294
|
} & Record<string, (scope: any) => unknown>;
|
|
@@ -294,8 +310,13 @@ declare class DataTable extends DataTable_base {
|
|
|
294
310
|
remeasurePending: boolean;
|
|
295
311
|
remeasureRaf: any;
|
|
296
312
|
remeasureDisposed: boolean;
|
|
313
|
+
scrollEndPinned: boolean;
|
|
314
|
+
scrollEndPinnedCount: number;
|
|
315
|
+
scrollEndPinnedTop: number;
|
|
297
316
|
GRID_PAGE_STEP: number;
|
|
298
317
|
gridRoot: any;
|
|
318
|
+
outsidePointerDown: boolean;
|
|
319
|
+
docPointerDown: any;
|
|
299
320
|
programmatic: number;
|
|
300
321
|
focusIntentEpoch: number;
|
|
301
322
|
DATA_WRITE_TOKEN_KEY: string;
|
|
@@ -305,23 +326,41 @@ declare class DataTable extends DataTable_base {
|
|
|
305
326
|
expandedTouched: boolean;
|
|
306
327
|
groupingActiveDefault: () => boolean;
|
|
307
328
|
effectiveColumnPinning: () => any;
|
|
329
|
+
pinSeedApplied: boolean;
|
|
330
|
+
seedColumnPinning: () => void;
|
|
308
331
|
currentState: () => any;
|
|
309
332
|
currentData: () => any;
|
|
333
|
+
/**
|
|
334
|
+
* A-01 — translate the public per-column `width` into table-core's `size`.
|
|
335
|
+
*
|
|
336
|
+
* `width` was written onto the ColumnDef in both build branches and read by NOTHING:
|
|
337
|
+
* table-core resolves column width from `size` (a NUMBER of px), which only the two
|
|
338
|
+
* chrome columns ever set. So the documented API was completely inert — the exact
|
|
339
|
+
* sibling of the inert `pinned` that 0.5.0 closed.
|
|
340
|
+
*
|
|
341
|
+
* `size` is numeric px by construction, so only a number or a px string can map onto
|
|
342
|
+
* it; any other CSS length (`12rem`, `20%`, `auto`) has no numeric px value at build
|
|
343
|
+
* time and is deliberately NOT guessed — it returns null and the column keeps
|
|
344
|
+
* table-core's default. The `width` prop's docs say exactly this.
|
|
345
|
+
*
|
|
346
|
+
* Returns null (not undefined) for "no usable width" so callers can test `!= null`
|
|
347
|
+
* without tripping over a legitimate 0.
|
|
348
|
+
*/
|
|
349
|
+
parseWidthToSize: (w: any) => number;
|
|
350
|
+
editorWarned: any;
|
|
351
|
+
checkEditorKind: (id: any, editor: any) => any;
|
|
310
352
|
buildConfigDef: (c: any) => {
|
|
311
353
|
id: string;
|
|
312
354
|
header: any;
|
|
313
355
|
columns: any[];
|
|
314
|
-
accessorKey?: undefined;
|
|
315
|
-
enableSorting?: undefined;
|
|
316
|
-
enableColumnFilter?: undefined;
|
|
317
|
-
filterable?: undefined;
|
|
318
|
-
expandable?: undefined;
|
|
319
|
-
groupable?: undefined;
|
|
320
|
-
aggregationFn?: undefined;
|
|
321
|
-
pinned?: undefined;
|
|
322
|
-
width?: undefined;
|
|
323
|
-
meta?: undefined;
|
|
324
356
|
} | {
|
|
357
|
+
meta: {
|
|
358
|
+
editable: boolean;
|
|
359
|
+
editor: any;
|
|
360
|
+
editorOptions: any;
|
|
361
|
+
validate: any;
|
|
362
|
+
};
|
|
363
|
+
size?: number;
|
|
325
364
|
id: string;
|
|
326
365
|
accessorKey: any;
|
|
327
366
|
header: any;
|
|
@@ -333,12 +372,6 @@ declare class DataTable extends DataTable_base {
|
|
|
333
372
|
aggregationFn: string | ((columnId: any, leafRows: any, childRows: any) => any);
|
|
334
373
|
pinned: any;
|
|
335
374
|
width: any;
|
|
336
|
-
meta: {
|
|
337
|
-
editable: boolean;
|
|
338
|
-
editor: any;
|
|
339
|
-
editorOptions: any;
|
|
340
|
-
validate: any;
|
|
341
|
-
};
|
|
342
375
|
columns?: undefined;
|
|
343
376
|
};
|
|
344
377
|
columnDefsCache: any[] | null;
|
|
@@ -385,6 +418,7 @@ declare class DataTable extends DataTable_base {
|
|
|
385
418
|
onColumnSizingChangeCb: (updater: any) => void;
|
|
386
419
|
onColumnOrderChangeCb: (updater: any) => void;
|
|
387
420
|
onColumnPinningChangeCb: (updater: any) => void;
|
|
421
|
+
columnSizingInfoSync: any;
|
|
388
422
|
onColumnSizingInfoChangeCb: (updater: any) => void;
|
|
389
423
|
resolveVirtual: () => "rows" | "columns" | "both" | "off";
|
|
390
424
|
rowsWindowed: () => boolean;
|
|
@@ -396,11 +430,23 @@ declare class DataTable extends DataTable_base {
|
|
|
396
430
|
forcedColumns: () => number[];
|
|
397
431
|
windowedCells: (row: any) => any;
|
|
398
432
|
windowSource: () => any;
|
|
433
|
+
REMEASURE_MAX_FRAMES: number;
|
|
399
434
|
scheduleRemeasure: () => void;
|
|
400
435
|
teardownRemeasure: () => void;
|
|
401
436
|
pinnedEditIndex: () => any;
|
|
402
437
|
pinnedMeasurement: (pin: any) => any;
|
|
403
|
-
remeasureWindow: () =>
|
|
438
|
+
remeasureWindow: () => boolean;
|
|
439
|
+
LAZY_PLACEHOLDER_KEY: string;
|
|
440
|
+
LAZY_PLACEHOLDER_ROW_ID_PREFIX: string;
|
|
441
|
+
lazyPlaceholders: Record<number, any>;
|
|
442
|
+
lazyRowsActive: () => boolean;
|
|
443
|
+
isLazyPlaceholder: (orig: any) => boolean;
|
|
444
|
+
rowIsLazyPlaceholder: (row: any) => boolean;
|
|
445
|
+
feedData: () => any[];
|
|
446
|
+
migratePlaceholderSizeCache: () => void;
|
|
447
|
+
lastRangeStart: number;
|
|
448
|
+
lastRangeEnd: number;
|
|
449
|
+
emitVisibleRangeIfChanged: () => void;
|
|
404
450
|
virtualItemKey: (i: any) => any;
|
|
405
451
|
COL_OVERSCAN: number;
|
|
406
452
|
colRtlObserver: any;
|
|
@@ -445,6 +491,8 @@ declare class DataTable extends DataTable_base {
|
|
|
445
491
|
effectiveColumnFilters: () => any[];
|
|
446
492
|
effectiveGlobalFilter: () => string;
|
|
447
493
|
buildSortFilterAnnounce: () => string;
|
|
494
|
+
rowIdOption: () => (originalRow: any, index: any, parent: any) => string;
|
|
495
|
+
rowSelectionOption: () => boolean | ((row: any) => boolean);
|
|
448
496
|
reFeed: () => void;
|
|
449
497
|
lastPropsData: unknown;
|
|
450
498
|
maybeClearHistoryOnExternalSwap: () => void;
|
|
@@ -472,7 +520,7 @@ declare class DataTable extends DataTable_base {
|
|
|
472
520
|
columnPinSide: (colId: any) => any;
|
|
473
521
|
onPinColumn: (colId: any, side: any, evt: any) => void;
|
|
474
522
|
pinStyle: (colId: any, zIndex?: number) => string;
|
|
475
|
-
thStyle: (header: any) => string;
|
|
523
|
+
thStyle: (header: any, widthPx?: any) => string;
|
|
476
524
|
onGlobalFilterInput: (evt: any) => void;
|
|
477
525
|
onColumnFilterInput: (colId: any, evt: any) => void;
|
|
478
526
|
globalFilterValue: () => any;
|
|
@@ -534,18 +582,20 @@ declare class DataTable extends DataTable_base {
|
|
|
534
582
|
rowIndexOf: (row: any) => number;
|
|
535
583
|
colIndexOf: (row: any, cellCtx: any) => any;
|
|
536
584
|
headerColIndexOf: (hg: any, header: any) => any;
|
|
585
|
+
headerLeafStart: (hg: any, header: any) => number;
|
|
537
586
|
pageRowOffset: () => number;
|
|
538
587
|
toAbsRow: (localRow: any) => any;
|
|
539
588
|
prePaginationRowCount: () => any;
|
|
540
589
|
cellTabindex: (rowKey: any, colIndex: any, level?: any) => 0 | -1;
|
|
541
590
|
isActiveCell: (rowKey: any, colIndex: any, level?: any) => boolean;
|
|
542
|
-
resolveCellEl: (rowKey: any, colIndex: any, level?:
|
|
591
|
+
resolveCellEl: (rowKey: any, colIndex: any, level?: number | null) => any;
|
|
543
592
|
focusActiveCell: (nextRow?: any, nextCol?: any, nextIsHeader?: any, nextLevel?: any) => void;
|
|
544
593
|
totalRowCount: () => any;
|
|
545
594
|
headerRowCount: () => number;
|
|
546
595
|
gridAriaRowCount: () => any;
|
|
547
596
|
ariaPageOffset: () => number;
|
|
548
597
|
bodyAriaRowIndex: (row: any) => number;
|
|
598
|
+
gridAriaColCount: () => any;
|
|
549
599
|
visibleColCount: () => any;
|
|
550
600
|
bodyRowCount: () => number;
|
|
551
601
|
headerLeafLevel: () => number;
|
|
@@ -571,22 +621,28 @@ declare class DataTable extends DataTable_base {
|
|
|
571
621
|
col: number;
|
|
572
622
|
};
|
|
573
623
|
currentCellEl: () => any;
|
|
624
|
+
activeCellHasControls: () => boolean;
|
|
574
625
|
enterControl: () => void;
|
|
575
626
|
cycleWithinCell: (cellEl: any, forward: any) => void;
|
|
576
627
|
onGridKeyDown: (e: any) => void;
|
|
577
628
|
syncActiveFromEvent: (e: any) => void;
|
|
578
629
|
onGridMouseDown: (e: any) => void;
|
|
579
630
|
onGridDblClick: (e: any) => void;
|
|
631
|
+
activateRowAt: (index: any, trigger: any) => void;
|
|
632
|
+
ROW_ACTIVATE_CONTROLS: string;
|
|
633
|
+
maybeActivateRowFromClick: (e: any) => void;
|
|
580
634
|
onGridClick: (e: any) => void;
|
|
581
635
|
onGridFocusOut: (e: any) => void;
|
|
582
636
|
recoverGridFocus: (rowKey: any, col: any, level: any, guardMoved?: boolean) => void;
|
|
583
637
|
clampActiveCell: (rowCount: any, colCount: any) => void;
|
|
584
638
|
windowedHeadersFor: (hg: any, hgLevel: any) => any;
|
|
585
639
|
windowedColSpan: () => any;
|
|
640
|
+
lastColSizeSig: number;
|
|
641
|
+
remeasureColumnSizes: () => void;
|
|
586
642
|
remeasureColumnWindow: () => void;
|
|
587
643
|
gridEmptyFallback: boolean;
|
|
588
644
|
rangeTransition: boolean;
|
|
589
|
-
rangeClickPending:
|
|
645
|
+
rangeClickPending: any;
|
|
590
646
|
rangeActive: boolean;
|
|
591
647
|
inRange: (rIdx: any, cIdx: any) => boolean;
|
|
592
648
|
getSelectedRange: () => {
|
|
@@ -600,10 +656,14 @@ declare class DataTable extends DataTable_base {
|
|
|
600
656
|
};
|
|
601
657
|
};
|
|
602
658
|
isFillHandleCell: (rIdx: any, cIdx: any) => boolean;
|
|
659
|
+
rangeSummary: (anchor: any, focus: any) => string;
|
|
603
660
|
emitRangeChange: (anchor: any, focus: any) => void;
|
|
604
661
|
extendRange: (dRow: any, dCol: any) => void;
|
|
605
|
-
setRangeFocus: (rIdx: any, cIdx: any) => void;
|
|
662
|
+
setRangeFocus: (rIdx: any, cIdx: any, anchorR?: any, anchorC?: any) => void;
|
|
606
663
|
selectAllBody: () => void;
|
|
664
|
+
rangeFocusRow: () => any;
|
|
665
|
+
rangeFocusCol: () => any;
|
|
666
|
+
selectActiveColumn: () => void;
|
|
607
667
|
clearRange: () => void;
|
|
608
668
|
clampRange: (maxRowArg: any, maxColArg: any) => void;
|
|
609
669
|
announce: (msg: any) => void;
|
|
@@ -616,9 +676,12 @@ declare class DataTable extends DataTable_base {
|
|
|
616
676
|
c1: any;
|
|
617
677
|
};
|
|
618
678
|
rangeToTsv: () => string;
|
|
679
|
+
clipboardWriteAvailable: () => boolean;
|
|
680
|
+
clipboardReadAvailable: () => boolean;
|
|
619
681
|
copyRange: () => void;
|
|
620
|
-
applyGridToRange: (grid: any, originRow: any, originCol: any) => {
|
|
682
|
+
applyGridToRange: (grid: any, originRow: any, originCol: any, verb: any) => {
|
|
621
683
|
wrote: number;
|
|
684
|
+
changed: number;
|
|
622
685
|
total: number;
|
|
623
686
|
};
|
|
624
687
|
rowOriginalAt: (rowIndex: any) => any;
|
|
@@ -696,6 +759,11 @@ declare class DataTable extends DataTable_base {
|
|
|
696
759
|
editTransition: boolean;
|
|
697
760
|
pendingEditFollow: any;
|
|
698
761
|
committedThisSession: boolean;
|
|
762
|
+
rowDraftSync: Record<string, any>;
|
|
763
|
+
dropinTabFlush: {
|
|
764
|
+
called: boolean;
|
|
765
|
+
committed: boolean;
|
|
766
|
+
} | null;
|
|
699
767
|
inRowEdit: () => boolean;
|
|
700
768
|
editorValueFor: (colId: any) => any;
|
|
701
769
|
editorCheckedFor: (colId: any) => boolean;
|
|
@@ -706,6 +774,7 @@ declare class DataTable extends DataTable_base {
|
|
|
706
774
|
setRowDraft: (colId: any, value: any) => void;
|
|
707
775
|
rowEditTab: (target: any, backward: any) => void;
|
|
708
776
|
onEditorKeyDown: (e: any) => void;
|
|
777
|
+
onEditorDropinKeyDown: (e: any) => void;
|
|
709
778
|
onEditorBlur: (e: any) => void;
|
|
710
779
|
editCell: (rowIndex: any, colIndex: any) => void;
|
|
711
780
|
commitEditing: () => void;
|
|
@@ -779,11 +848,11 @@ declare class Column extends Column_base {
|
|
|
779
848
|
*/
|
|
780
849
|
filterable: boolean;
|
|
781
850
|
/**
|
|
782
|
-
*
|
|
851
|
+
* Initial pin side: `''` (unpinned) | `'left'` | `'right'`. Applied once as the table's starting `columnPinning` state, so `getIsPinned()` reports it and the column joins the matching sticky rail — which also reorders it, since visible cells are ordered `[left-pinned, center, right-pinned]`. Ignored if the consumer has already pinned something; an interactive unpin is never re-applied.
|
|
783
852
|
*/
|
|
784
853
|
pinned: string;
|
|
785
854
|
/**
|
|
786
|
-
* Optional fixed/initial column width — a
|
|
855
|
+
* Optional fixed/initial column width, applied as the column's starting size — a px number (`120`) or a px string (`'120px'`). Column sizing is numeric px, so other CSS lengths (`'12rem'`, `'20%'`, `'auto'`) have no px value to apply and are ignored; the column keeps the default width. An interactive resize overrides this.
|
|
787
856
|
*/
|
|
788
857
|
width: string | number;
|
|
789
858
|
/**
|
|
@@ -803,7 +872,7 @@ declare class Column extends Column_base {
|
|
|
803
872
|
*/
|
|
804
873
|
editable: boolean;
|
|
805
874
|
/**
|
|
806
|
-
*
|
|
875
|
+
* Editor type for this column: `'text'` | `'number'` | `'select'` | `'checkbox'` (built-in inputs), or `'custom'` to hand rendering to the `#editor` scoped slot (or a per-column `editor-<columnId>` fill). Default `'text'`. **`'custom'` is the gate:** a column left on a built-in type ignores any `#editor` fill and renders the built-in input. Requires `editable: true` — and, for any pointer or keyboard edit entry, `interactionMode="grid"` on the table.
|
|
807
876
|
*/
|
|
808
877
|
editor: string;
|
|
809
878
|
/**
|
|
@@ -876,7 +945,12 @@ declare class EditorText extends EditorText_base {
|
|
|
876
945
|
* Focus this editor's primary input when true — the host sets it for the one editor that should hold focus; reactive.
|
|
877
946
|
*/
|
|
878
947
|
autofocus: boolean;
|
|
948
|
+
/**
|
|
949
|
+
* The column's human header, forwarded by the slot scope — used as the control's accessible name in place of the internal column id.
|
|
950
|
+
*/
|
|
951
|
+
columnLabel: string;
|
|
879
952
|
private _draft;
|
|
953
|
+
private _touched;
|
|
880
954
|
private _refInputEl;
|
|
881
955
|
private __rozieFirstUpdateDone;
|
|
882
956
|
private _disconnectCleanups;
|
|
@@ -885,11 +959,13 @@ declare class EditorText extends EditorText_base {
|
|
|
885
959
|
updated(changedProperties: Map<string, unknown>): void;
|
|
886
960
|
disconnectedCallback(): void;
|
|
887
961
|
render(): _$lit.TemplateResult<1>;
|
|
962
|
+
draftValue: () => string;
|
|
888
963
|
onInput: (e: any) => void;
|
|
889
964
|
doCommit: () => void;
|
|
890
965
|
doCancel: () => void;
|
|
891
966
|
onKeydown: (e: any) => void;
|
|
892
967
|
onBlur: () => void;
|
|
968
|
+
a11yLabel: () => string;
|
|
893
969
|
}
|
|
894
970
|
//#endregion
|
|
895
971
|
//#region src/EditorNumber.d.ts
|
|
@@ -920,17 +996,31 @@ declare class EditorNumber extends EditorNumber_base {
|
|
|
920
996
|
* `() => void` — revert the edit (Escape). Null-guarded at call sites.
|
|
921
997
|
*/
|
|
922
998
|
cancel: ((...args: any[]) => any) | null;
|
|
999
|
+
/**
|
|
1000
|
+
* Focus this editor's primary control when true — the host sets it for the one editor that should hold focus; reactive.
|
|
1001
|
+
*/
|
|
1002
|
+
autofocus: boolean;
|
|
1003
|
+
/**
|
|
1004
|
+
* The column's human header, forwarded by the slot scope — used as the control's accessible name in place of the internal column id.
|
|
1005
|
+
*/
|
|
1006
|
+
columnLabel: string;
|
|
923
1007
|
private _draft;
|
|
1008
|
+
private _touched;
|
|
1009
|
+
private _refInputEl;
|
|
1010
|
+
private __rozieFirstUpdateDone;
|
|
924
1011
|
private _disconnectCleanups;
|
|
925
1012
|
private _rozieTornDown;
|
|
926
1013
|
firstUpdated(): void;
|
|
1014
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
927
1015
|
disconnectedCallback(): void;
|
|
928
1016
|
render(): _$lit.TemplateResult<1>;
|
|
1017
|
+
draftValue: () => string;
|
|
929
1018
|
onInput: (e: any) => void;
|
|
930
1019
|
doCommit: () => void;
|
|
931
1020
|
doCancel: () => void;
|
|
932
1021
|
onKeydown: (e: any) => void;
|
|
933
1022
|
onBlur: () => void;
|
|
1023
|
+
a11yLabel: () => string;
|
|
934
1024
|
}
|
|
935
1025
|
//#endregion
|
|
936
1026
|
//#region src/EditorSelect.d.ts
|
|
@@ -965,17 +1055,31 @@ declare class EditorSelect extends EditorSelect_base {
|
|
|
965
1055
|
* The select options — `[{ value, label }]`. Mirrors `<Column editorOptions>`.
|
|
966
1056
|
*/
|
|
967
1057
|
options: any[];
|
|
1058
|
+
/**
|
|
1059
|
+
* Focus this editor's primary control when true — the host sets it for the one editor that should hold focus; reactive.
|
|
1060
|
+
*/
|
|
1061
|
+
autofocus: boolean;
|
|
1062
|
+
/**
|
|
1063
|
+
* The column's human header, forwarded by the slot scope — used as the control's accessible name in place of the internal column id.
|
|
1064
|
+
*/
|
|
1065
|
+
columnLabel: string;
|
|
968
1066
|
private _draft;
|
|
1067
|
+
private _touched;
|
|
1068
|
+
private _refSelectEl;
|
|
1069
|
+
private __rozieFirstUpdateDone;
|
|
969
1070
|
private _disconnectCleanups;
|
|
970
1071
|
private _rozieTornDown;
|
|
971
1072
|
firstUpdated(): void;
|
|
1073
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
972
1074
|
disconnectedCallback(): void;
|
|
973
1075
|
render(): _$lit.TemplateResult<1>;
|
|
1076
|
+
draftValue: () => string;
|
|
974
1077
|
onChange: (e: any) => void;
|
|
975
1078
|
doCommit: () => void;
|
|
976
1079
|
doCancel: () => void;
|
|
977
1080
|
onKeydown: (e: any) => void;
|
|
978
1081
|
onBlur: () => void;
|
|
1082
|
+
a11yLabel: () => string;
|
|
979
1083
|
}
|
|
980
1084
|
//#endregion
|
|
981
1085
|
//#region src/EditorCheckbox.d.ts
|
|
@@ -1006,12 +1110,25 @@ declare class EditorCheckbox extends EditorCheckbox_base {
|
|
|
1006
1110
|
* `() => void` — revert the edit (Escape). Null-guarded at call sites.
|
|
1007
1111
|
*/
|
|
1008
1112
|
cancel: ((...args: any[]) => any) | null;
|
|
1113
|
+
/**
|
|
1114
|
+
* Focus this editor's primary control when true — the host sets it for the one editor that should hold focus; reactive.
|
|
1115
|
+
*/
|
|
1116
|
+
autofocus: boolean;
|
|
1117
|
+
/**
|
|
1118
|
+
* The column's human header, forwarded by the slot scope — used as the control's accessible name in place of the internal column id.
|
|
1119
|
+
*/
|
|
1120
|
+
columnLabel: string;
|
|
1121
|
+
private _refInputEl;
|
|
1122
|
+
private __rozieFirstUpdateDone;
|
|
1009
1123
|
private _disconnectCleanups;
|
|
1010
1124
|
private _rozieTornDown;
|
|
1125
|
+
firstUpdated(): void;
|
|
1126
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
1011
1127
|
disconnectedCallback(): void;
|
|
1012
1128
|
render(): _$lit.TemplateResult<1>;
|
|
1013
1129
|
onChange: (e: any) => void;
|
|
1014
1130
|
onKeydown: (e: any) => void;
|
|
1131
|
+
a11yLabel: () => string;
|
|
1015
1132
|
}
|
|
1016
1133
|
//#endregion
|
|
1017
1134
|
//#region src/EditorDate.d.ts
|
|
@@ -1042,18 +1159,32 @@ declare class EditorDate extends EditorDate_base {
|
|
|
1042
1159
|
* `() => void` — revert the edit (Escape). Null-guarded at call sites.
|
|
1043
1160
|
*/
|
|
1044
1161
|
cancel: ((...args: any[]) => any) | null;
|
|
1162
|
+
/**
|
|
1163
|
+
* Focus this editor's primary control when true — the host sets it for the one editor that should hold focus; reactive.
|
|
1164
|
+
*/
|
|
1165
|
+
autofocus: boolean;
|
|
1166
|
+
/**
|
|
1167
|
+
* The column's human header, forwarded by the slot scope — used as the control's accessible name in place of the internal column id.
|
|
1168
|
+
*/
|
|
1169
|
+
columnLabel: string;
|
|
1045
1170
|
private _draft;
|
|
1171
|
+
private _touched;
|
|
1172
|
+
private _refInputEl;
|
|
1173
|
+
private __rozieFirstUpdateDone;
|
|
1046
1174
|
private _disconnectCleanups;
|
|
1047
1175
|
private _rozieTornDown;
|
|
1048
1176
|
firstUpdated(): void;
|
|
1177
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
1049
1178
|
disconnectedCallback(): void;
|
|
1050
1179
|
render(): _$lit.TemplateResult<1>;
|
|
1180
|
+
draftValue: () => string;
|
|
1051
1181
|
onInput: (e: any) => void;
|
|
1052
1182
|
doCommit: () => void;
|
|
1053
1183
|
doCancel: () => void;
|
|
1054
1184
|
onChange: (e: any) => void;
|
|
1055
1185
|
onKeydown: (e: any) => void;
|
|
1056
1186
|
onBlur: () => void;
|
|
1187
|
+
a11yLabel: () => string;
|
|
1057
1188
|
}
|
|
1058
1189
|
//#endregion
|
|
1059
1190
|
//#region src/FilterText.d.ts
|
|
@@ -1076,17 +1207,25 @@ declare class FilterText extends FilterText_base {
|
|
|
1076
1207
|
* `(columnId, value) => void` — apply the column filter (Enter / blur applies, Escape clears). Null-guarded at call sites.
|
|
1077
1208
|
*/
|
|
1078
1209
|
setFilter: ((...args: any[]) => any) | null;
|
|
1210
|
+
/**
|
|
1211
|
+
* The column's human header, forwarded by the `#filter` slot scope — used as the control's accessible name in place of the internal column id.
|
|
1212
|
+
*/
|
|
1213
|
+
columnLabel: string;
|
|
1079
1214
|
private _draft;
|
|
1215
|
+
private _touched;
|
|
1216
|
+
private __rozieFirstUpdateDone;
|
|
1080
1217
|
private _disconnectCleanups;
|
|
1081
1218
|
private _rozieTornDown;
|
|
1082
|
-
|
|
1219
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
1083
1220
|
disconnectedCallback(): void;
|
|
1084
1221
|
render(): _$lit.TemplateResult<1>;
|
|
1222
|
+
draftValue: () => string;
|
|
1085
1223
|
onInput: (e: any) => void;
|
|
1086
1224
|
applyFilter: () => void;
|
|
1087
1225
|
clearFilter: () => void;
|
|
1088
1226
|
onKeydown: (e: any) => void;
|
|
1089
1227
|
onBlur: () => void;
|
|
1228
|
+
a11yLabel: () => string;
|
|
1090
1229
|
}
|
|
1091
1230
|
//#endregion
|
|
1092
1231
|
//#region src/FilterNumberRange.d.ts
|
|
@@ -1113,18 +1252,29 @@ declare class FilterNumberRange extends FilterNumberRange_base {
|
|
|
1113
1252
|
* The faceted `[min, max]` bounds for this column (`[number, number]` or null) — drives the input placeholders only.
|
|
1114
1253
|
*/
|
|
1115
1254
|
minMax: unknown;
|
|
1255
|
+
/**
|
|
1256
|
+
* The column's human header, forwarded by the `#filter` slot scope — used as the control's accessible name in place of the internal column id.
|
|
1257
|
+
*/
|
|
1258
|
+
columnLabel: string;
|
|
1116
1259
|
private _minDraft;
|
|
1117
1260
|
private _maxDraft;
|
|
1261
|
+
private _touched;
|
|
1262
|
+
private __rozieWatchInitial_0;
|
|
1118
1263
|
private _disconnectCleanups;
|
|
1119
1264
|
private _rozieTornDown;
|
|
1120
1265
|
firstUpdated(): void;
|
|
1121
1266
|
disconnectedCallback(): void;
|
|
1122
1267
|
render(): _$lit.TemplateResult<1>;
|
|
1268
|
+
minDraftValue: () => string;
|
|
1269
|
+
maxDraftValue: () => string;
|
|
1123
1270
|
onMinInput: (e: any) => void;
|
|
1124
1271
|
onMaxInput: (e: any) => void;
|
|
1272
|
+
onKeydown: (e: any) => void;
|
|
1273
|
+
onBlur: () => void;
|
|
1125
1274
|
minPlaceholder: () => string;
|
|
1126
1275
|
maxPlaceholder: () => string;
|
|
1127
|
-
applyRange: () => void;
|
|
1276
|
+
applyRange: (minDraft: any, maxDraft: any) => void;
|
|
1277
|
+
a11yLabel: () => string;
|
|
1128
1278
|
}
|
|
1129
1279
|
//#endregion
|
|
1130
1280
|
//#region src/FilterSelect.d.ts
|
|
@@ -1151,12 +1301,17 @@ declare class FilterSelect extends FilterSelect_base {
|
|
|
1151
1301
|
* The faceted distinct keys for this column (cross-filtered, keys only — no occurrence counts) used to build the `<option>` list.
|
|
1152
1302
|
*/
|
|
1153
1303
|
uniqueValues: any[];
|
|
1304
|
+
/**
|
|
1305
|
+
* The column's human header, forwarded by the `#filter` slot scope — used as the control's accessible name in place of the internal column id.
|
|
1306
|
+
*/
|
|
1307
|
+
columnLabel: string;
|
|
1154
1308
|
private _disconnectCleanups;
|
|
1155
1309
|
private _rozieTornDown;
|
|
1156
1310
|
disconnectedCallback(): void;
|
|
1157
1311
|
render(): _$lit.TemplateResult<1>;
|
|
1158
1312
|
selectValue: () => string;
|
|
1159
1313
|
onChange: (e: any) => void;
|
|
1314
|
+
a11yLabel: () => string;
|
|
1160
1315
|
}
|
|
1161
1316
|
//#endregion
|
|
1162
1317
|
//#region src/GroupBar.d.ts
|
|
@@ -1196,6 +1351,9 @@ declare class GroupBar extends GroupBar_base {
|
|
|
1196
1351
|
onDragEnd: () => void;
|
|
1197
1352
|
onDrop: (e: any) => void;
|
|
1198
1353
|
removeKey: (key: any) => void;
|
|
1354
|
+
toggleKey: (id: any) => void;
|
|
1355
|
+
moveKey: (key: any, delta: any) => void;
|
|
1356
|
+
onTokenKeydown: (e: any, gk: any) => void;
|
|
1199
1357
|
clearAll: () => void;
|
|
1200
1358
|
labelFor: (key: any) => any;
|
|
1201
1359
|
}
|