@jarenjs/collection 0.85.0 → 0.87.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.
@@ -0,0 +1,1351 @@
1
+ import { mountCollection } from './index.js';
2
+ export type DragTarget = import('../drag.js').DragTarget;
3
+ export type DragContainer = {
4
+ id: string;
5
+ mounted: ReturnType<typeof mountCollection>;
6
+ columnKey: (index: number) => string;
7
+ indexOfColumn: (key: string) => number;
8
+ };
9
+ export type CollectionDragOptions = import('../drag.js').DragOptions & {
10
+ locateSource: (key: string) => DragTarget | null;
11
+ disabled?: (target: DragTarget) => boolean;
12
+ label?: (key: string) => string;
13
+ portal?: HTMLElement;
14
+ maxContainers?: number;
15
+ edgeSize?: number;
16
+ maxScrollPerFrame?: number;
17
+ requestFrame?: (fn: FrameRequestCallback) => number;
18
+ cancelFrame?: (id: number) => void;
19
+ };
20
+ /** @typedef {import('../drag.js').DragTarget} DragTarget */
21
+ /** @typedef {{id:string, mounted:ReturnType<typeof mountCollection>,
22
+ * columnKey:(index:number)=>string, indexOfColumn:(key:string)=>number}} DragContainer */
23
+ /** @typedef {import('../drag.js').DragOptions & {
24
+ * locateSource:(key:string)=>DragTarget|null, disabled?:(target:DragTarget)=>boolean,
25
+ * label?:(key:string)=>string, portal?:HTMLElement, maxContainers?:number,
26
+ * edgeSize?:number, maxScrollPerFrame?:number,
27
+ * requestFrame?:(fn:FrameRequestCallback)=>number, cancelFrame?:(id:number)=>void
28
+ * }} CollectionDragOptions */
29
+ /** Own sensors and an overlay across bounded, already-mounted collections.
30
+ * Touch starts only on handles marked data-jc-drag and styled touch-action:none.
31
+ * @param {DragContainer[]} containers @param {CollectionDragOptions} options */
32
+ export declare function mountCollectionDrag(containers: DragContainer[], options: CollectionDragOptions): {
33
+ interaction: {
34
+ state: () => import("../drag.js").DragState;
35
+ cancel: (reason?: string) => import("../drag.js").DragState;
36
+ revalidate: () => import("../drag.js").DragState;
37
+ begin(key: string, request?: {
38
+ input?: 'pointer' | 'touch' | 'keyboard';
39
+ point?: {
40
+ x: number;
41
+ y: number;
42
+ };
43
+ copy?: boolean;
44
+ }): import("../drag.js").DragState | {
45
+ phase: string;
46
+ reason: string;
47
+ };
48
+ move(point: {
49
+ x: number;
50
+ y: number;
51
+ }, target: import("../drag.js").DragTarget | null, copy?: boolean): import("../drag.js").DragState;
52
+ drop(): Promise<import("../drag.js").DragState | {
53
+ phase: 'idle' | 'armed' | 'dragging' | 'validating' | 'committing' | 'settled' | 'cancelled' | 'disposed';
54
+ source: import("../drag.js").DragSource | null;
55
+ target: import("../drag.js").DragTarget | null;
56
+ mode: 'move' | 'copy';
57
+ input: 'pointer' | 'touch' | 'keyboard' | null;
58
+ point: {
59
+ x: number;
60
+ y: number;
61
+ } | null;
62
+ reason: string | null;
63
+ generation: number;
64
+ pending: boolean;
65
+ error: unknown;
66
+ }>;
67
+ dispose(): void;
68
+ };
69
+ dispose: () => void;
70
+ cancel: (reason?: string) => import("../drag.js").DragState;
71
+ /** Update authority callbacks; geometry and resource owners belong to this mount.
72
+ * @param {Partial<CollectionDragOptions>} next */
73
+ update(next: Partial<CollectionDragOptions>): import("../drag.js").DragState;
74
+ stats: () => {
75
+ listeners: number;
76
+ subscriptions: number;
77
+ frames: number;
78
+ overlays: number;
79
+ statusNodes: number;
80
+ pending: number;
81
+ };
82
+ };
83
+ /** One collection and its interaction share the existing WidgetDef lifetime.
84
+ * @param {any|((props:any,emit:any)=>any)} options */
85
+ export declare function createDraggableCollectionWidget(options: any | ((props: any, emit: any) => any)): {
86
+ mount(host: any, props: any, emit: any): {
87
+ mounted: {
88
+ controller: {
89
+ rowAxis: {
90
+ position: (index: any) => any;
91
+ size: (index: any) => any;
92
+ indexAt: (offset: any) => number;
93
+ extent(): any;
94
+ range({ offset, viewport, overscan }?: {
95
+ offset?: number | undefined;
96
+ overscan?: number | undefined;
97
+ viewport?: number | undefined;
98
+ }): {
99
+ start: number;
100
+ end: number;
101
+ offset: number;
102
+ extent: any;
103
+ };
104
+ measure(index: any, key: any, value: any): {
105
+ state: string;
106
+ reason: string;
107
+ } | {
108
+ reason?: undefined;
109
+ state: string;
110
+ };
111
+ anchor(offset: any, keyAt: any, query?: string): {
112
+ key: string;
113
+ index: number;
114
+ offset: number;
115
+ query: string;
116
+ } | null;
117
+ restore(anchor: any, indexOf: any, query?: string): {
118
+ state: string;
119
+ offset: any;
120
+ fallback: boolean;
121
+ };
122
+ update(next: any): void;
123
+ clear(): void;
124
+ stats(): {
125
+ measurements: number;
126
+ bytes: number;
127
+ summaries: number;
128
+ };
129
+ dispose(): void;
130
+ };
131
+ columnAxis: {
132
+ position: (index: any) => any;
133
+ size: (index: any) => any;
134
+ indexAt: (offset: any) => number;
135
+ extent(): any;
136
+ range({ offset, viewport, overscan }?: {
137
+ offset?: number | undefined;
138
+ overscan?: number | undefined;
139
+ viewport?: number | undefined;
140
+ }): {
141
+ start: number;
142
+ end: number;
143
+ offset: number;
144
+ extent: any;
145
+ };
146
+ measure(index: any, key: any, value: any): {
147
+ state: string;
148
+ reason: string;
149
+ } | {
150
+ reason?: undefined;
151
+ state: string;
152
+ };
153
+ anchor(offset: any, keyAt: any, query?: string): {
154
+ key: string;
155
+ index: number;
156
+ offset: number;
157
+ query: string;
158
+ } | null;
159
+ restore(anchor: any, indexOf: any, query?: string): {
160
+ state: string;
161
+ offset: any;
162
+ fallback: boolean;
163
+ };
164
+ update(next: any): void;
165
+ clear(): void;
166
+ stats(): {
167
+ measurements: number;
168
+ bytes: number;
169
+ summaries: number;
170
+ };
171
+ dispose(): void;
172
+ };
173
+ layout: () => {
174
+ state: any;
175
+ reason: any;
176
+ rows: never[];
177
+ columns: never[];
178
+ } | {
179
+ state: string;
180
+ rowRange: {
181
+ start: number;
182
+ end: number;
183
+ offset: number;
184
+ extent: any;
185
+ };
186
+ columnRange: {
187
+ start: number;
188
+ end: number;
189
+ offset: number;
190
+ extent: any;
191
+ };
192
+ rows: {
193
+ index: number;
194
+ key: any;
195
+ start: any;
196
+ size: any;
197
+ pinned: any;
198
+ }[];
199
+ columns: {
200
+ index: number;
201
+ start: any;
202
+ size: any;
203
+ pinned: any;
204
+ }[];
205
+ };
206
+ options(): any;
207
+ position(): {
208
+ top: number;
209
+ left: number;
210
+ width: number;
211
+ height: number;
212
+ };
213
+ viewport(next: any): {
214
+ state: any;
215
+ reason: any;
216
+ rows: never[];
217
+ columns: never[];
218
+ } | {
219
+ state: string;
220
+ rowRange: {
221
+ start: number;
222
+ end: number;
223
+ offset: number;
224
+ extent: any;
225
+ };
226
+ columnRange: {
227
+ start: number;
228
+ end: number;
229
+ offset: number;
230
+ extent: any;
231
+ };
232
+ rows: {
233
+ index: number;
234
+ key: any;
235
+ start: any;
236
+ size: any;
237
+ pinned: any;
238
+ }[];
239
+ columns: {
240
+ index: number;
241
+ start: any;
242
+ size: any;
243
+ pinned: any;
244
+ }[];
245
+ };
246
+ update(next: any): {
247
+ state: any;
248
+ reason: any;
249
+ rows: never[];
250
+ columns: never[];
251
+ } | {
252
+ state: string;
253
+ rowRange: {
254
+ start: number;
255
+ end: number;
256
+ offset: number;
257
+ extent: any;
258
+ };
259
+ columnRange: {
260
+ start: number;
261
+ end: number;
262
+ offset: number;
263
+ extent: any;
264
+ };
265
+ rows: {
266
+ index: number;
267
+ key: any;
268
+ start: any;
269
+ size: any;
270
+ pinned: any;
271
+ }[];
272
+ columns: {
273
+ index: number;
274
+ start: any;
275
+ size: any;
276
+ pinned: any;
277
+ }[];
278
+ };
279
+ measure(index: any, key: any, size: any, axis?: string): {
280
+ state: string;
281
+ reason: string;
282
+ offset: number;
283
+ } | {
284
+ reason?: undefined;
285
+ state: string;
286
+ offset: number;
287
+ };
288
+ pin(rows?: any[], columns?: any[]): {
289
+ state: any;
290
+ reason: any;
291
+ rows: never[];
292
+ columns: never[];
293
+ } | {
294
+ state: string;
295
+ rowRange: {
296
+ start: number;
297
+ end: number;
298
+ offset: number;
299
+ extent: any;
300
+ };
301
+ columnRange: {
302
+ start: number;
303
+ end: number;
304
+ offset: number;
305
+ extent: any;
306
+ };
307
+ rows: {
308
+ index: number;
309
+ key: any;
310
+ start: any;
311
+ size: any;
312
+ pinned: any;
313
+ }[];
314
+ columns: {
315
+ index: number;
316
+ start: any;
317
+ size: any;
318
+ pinned: any;
319
+ }[];
320
+ };
321
+ restore(value: any): {
322
+ state: any;
323
+ reason: any;
324
+ rows: never[];
325
+ columns: never[];
326
+ } | {
327
+ state: string;
328
+ rowRange: {
329
+ start: number;
330
+ end: number;
331
+ offset: number;
332
+ extent: any;
333
+ };
334
+ columnRange: {
335
+ start: number;
336
+ end: number;
337
+ offset: number;
338
+ extent: any;
339
+ };
340
+ rows: {
341
+ index: number;
342
+ key: any;
343
+ start: any;
344
+ size: any;
345
+ pinned: any;
346
+ }[];
347
+ columns: {
348
+ index: number;
349
+ start: any;
350
+ size: any;
351
+ pinned: any;
352
+ }[];
353
+ } | {
354
+ state: string;
355
+ reason: string;
356
+ offset?: undefined;
357
+ left?: undefined;
358
+ } | {
359
+ reason?: undefined;
360
+ state: string;
361
+ offset: number;
362
+ left: number;
363
+ };
364
+ snapshot(): any;
365
+ scrollToOffset: (offset: any) => {
366
+ state: any;
367
+ reason: any;
368
+ rows: never[];
369
+ columns: never[];
370
+ } | {
371
+ state: string;
372
+ rowRange: {
373
+ start: number;
374
+ end: number;
375
+ offset: number;
376
+ extent: any;
377
+ };
378
+ columnRange: {
379
+ start: number;
380
+ end: number;
381
+ offset: number;
382
+ extent: any;
383
+ };
384
+ rows: {
385
+ index: number;
386
+ key: any;
387
+ start: any;
388
+ size: any;
389
+ pinned: any;
390
+ }[];
391
+ columns: {
392
+ index: number;
393
+ start: any;
394
+ size: any;
395
+ pinned: any;
396
+ }[];
397
+ } | {
398
+ state: string;
399
+ reason: string;
400
+ offset?: undefined;
401
+ left?: undefined;
402
+ } | {
403
+ reason?: undefined;
404
+ state: string;
405
+ offset: number;
406
+ left: number;
407
+ };
408
+ scrollToIndex(index: number, column?: number): {
409
+ state: any;
410
+ reason: any;
411
+ rows: never[];
412
+ columns: never[];
413
+ } | {
414
+ state: string;
415
+ rowRange: {
416
+ start: number;
417
+ end: number;
418
+ offset: number;
419
+ extent: any;
420
+ };
421
+ columnRange: {
422
+ start: number;
423
+ end: number;
424
+ offset: number;
425
+ extent: any;
426
+ };
427
+ rows: {
428
+ index: number;
429
+ key: any;
430
+ start: any;
431
+ size: any;
432
+ pinned: any;
433
+ }[];
434
+ columns: {
435
+ index: number;
436
+ start: any;
437
+ size: any;
438
+ pinned: any;
439
+ }[];
440
+ } | {
441
+ state: string;
442
+ reason: string;
443
+ offset?: undefined;
444
+ left?: undefined;
445
+ } | {
446
+ reason?: undefined;
447
+ state: string;
448
+ offset: number;
449
+ left: number;
450
+ };
451
+ scrollToKey(key: any): {
452
+ state: any;
453
+ reason: any;
454
+ rows: never[];
455
+ columns: never[];
456
+ } | {
457
+ state: string;
458
+ rowRange: {
459
+ start: number;
460
+ end: number;
461
+ offset: number;
462
+ extent: any;
463
+ };
464
+ columnRange: {
465
+ start: number;
466
+ end: number;
467
+ offset: number;
468
+ extent: any;
469
+ };
470
+ rows: {
471
+ index: number;
472
+ key: any;
473
+ start: any;
474
+ size: any;
475
+ pinned: any;
476
+ }[];
477
+ columns: {
478
+ index: number;
479
+ start: any;
480
+ size: any;
481
+ pinned: any;
482
+ }[];
483
+ } | {
484
+ state: string;
485
+ reason: string;
486
+ offset?: undefined;
487
+ left?: undefined;
488
+ } | {
489
+ reason?: undefined;
490
+ state: string;
491
+ offset: number;
492
+ left: number;
493
+ };
494
+ view(interaction?: null, id?: string): (string | (string | (string | any[] | {
495
+ key: number;
496
+ class: string;
497
+ role: string | undefined;
498
+ id: string | undefined;
499
+ 'data-column': number;
500
+ 'aria-colindex': number | undefined;
501
+ 'aria-selected': any;
502
+ 'data-active': boolean;
503
+ style: {
504
+ [x: string]: string | number;
505
+ position: string;
506
+ width: string;
507
+ height: string;
508
+ zIndex: number;
509
+ };
510
+ })[] | {
511
+ key: string;
512
+ 'data-row': number;
513
+ 'data-key': any;
514
+ role: string;
515
+ id: string | undefined;
516
+ 'aria-rowindex': number | undefined;
517
+ 'aria-posinset': number | undefined;
518
+ 'aria-setsize': any;
519
+ 'aria-selected': any;
520
+ class: string;
521
+ style: {
522
+ position: string;
523
+ top: string;
524
+ height: string;
525
+ width: string;
526
+ zIndex: number;
527
+ };
528
+ })[] | {
529
+ class: string;
530
+ style: {
531
+ position: string;
532
+ height: string;
533
+ width: string;
534
+ };
535
+ })[];
536
+ stats(): {
537
+ rows: number;
538
+ columns: number;
539
+ cells: number;
540
+ rowMeasurements: {
541
+ measurements: number;
542
+ bytes: number;
543
+ summaries: number;
544
+ };
545
+ columnMeasurements: {
546
+ measurements: number;
547
+ bytes: number;
548
+ summaries: number;
549
+ };
550
+ };
551
+ dispose(): void;
552
+ };
553
+ interaction: {
554
+ state: () => {
555
+ focus: any;
556
+ pending: any;
557
+ selection: {
558
+ mode: string;
559
+ keys: never[];
560
+ ranges: never[];
561
+ exclusions: never[];
562
+ query: any;
563
+ snapshot: any;
564
+ };
565
+ };
566
+ selected: (key: any) => boolean;
567
+ focusIndex: (index: any, column?: number) => {
568
+ state: string;
569
+ reason: string;
570
+ focus?: undefined;
571
+ index?: undefined;
572
+ column?: undefined;
573
+ } | {
574
+ reason?: undefined;
575
+ state: string;
576
+ focus: null;
577
+ index?: undefined;
578
+ column?: undefined;
579
+ } | {
580
+ reason?: undefined;
581
+ focus?: undefined;
582
+ state: string;
583
+ index: any;
584
+ column: number;
585
+ } | {
586
+ reason?: undefined;
587
+ focus?: undefined;
588
+ key: string;
589
+ index: any;
590
+ column: number;
591
+ state: string;
592
+ };
593
+ cancelPending(): void;
594
+ update(next: any): {
595
+ state: string;
596
+ reason: string;
597
+ focus?: undefined;
598
+ index?: undefined;
599
+ column?: undefined;
600
+ } | {
601
+ reason?: undefined;
602
+ state: string;
603
+ focus: null;
604
+ index?: undefined;
605
+ column?: undefined;
606
+ } | {
607
+ reason?: undefined;
608
+ focus?: undefined;
609
+ state: string;
610
+ index: any;
611
+ column: number;
612
+ } | {
613
+ state: string;
614
+ };
615
+ toggle: (key: any) => {
616
+ state: string;
617
+ reason: string;
618
+ } | {
619
+ reason?: undefined;
620
+ state: string;
621
+ };
622
+ selectAll(): void;
623
+ clear(): void;
624
+ restore(intent: any): {
625
+ state: string;
626
+ reason: string;
627
+ } | {
628
+ reason?: undefined;
629
+ state: string;
630
+ };
631
+ key(event: any): {
632
+ state: string;
633
+ reason: string;
634
+ } | {
635
+ reason?: undefined;
636
+ state: string;
637
+ } | {
638
+ state: string;
639
+ key: any;
640
+ column: any;
641
+ };
642
+ };
643
+ element: HTMLDivElement;
644
+ refresh: () => void;
645
+ measureVisible: () => void;
646
+ subscribe(fn: (event: any) => void): () => void;
647
+ retain(read: () => {
648
+ rows: number[];
649
+ columns: number[];
650
+ }): () => void;
651
+ update(next: any): void;
652
+ scrollToOffset(offset: any): any;
653
+ scrollToIndex(index: number, column?: number): any;
654
+ scrollToKey(key: any): any;
655
+ restore(intent: any): any;
656
+ snapshot(): {
657
+ anchor: any;
658
+ selection: {
659
+ mode: string;
660
+ keys: never[];
661
+ ranges: never[];
662
+ exclusions: never[];
663
+ query: any;
664
+ snapshot: any;
665
+ };
666
+ };
667
+ stats(): {
668
+ rows: number;
669
+ columns: number;
670
+ cells: number;
671
+ rowMeasurements: {
672
+ measurements: number;
673
+ bytes: number;
674
+ summaries: number;
675
+ };
676
+ columnMeasurements: {
677
+ measurements: number;
678
+ bytes: number;
679
+ summaries: number;
680
+ };
681
+ listeners: number;
682
+ observers: number;
683
+ frames: number;
684
+ subscribers: number;
685
+ retainers: number;
686
+ };
687
+ dispose: () => void;
688
+ };
689
+ drag: {
690
+ interaction: {
691
+ state: () => import("../drag.js").DragState;
692
+ cancel: (reason?: string) => import("../drag.js").DragState;
693
+ revalidate: () => import("../drag.js").DragState;
694
+ begin(key: string, request?: {
695
+ input?: 'pointer' | 'touch' | 'keyboard';
696
+ point?: {
697
+ x: number;
698
+ y: number;
699
+ };
700
+ copy?: boolean;
701
+ }): import("../drag.js").DragState | {
702
+ phase: string;
703
+ reason: string;
704
+ };
705
+ move(point: {
706
+ x: number;
707
+ y: number;
708
+ }, target: import("../drag.js").DragTarget | null, copy?: boolean): import("../drag.js").DragState;
709
+ drop(): Promise<import("../drag.js").DragState | {
710
+ phase: 'idle' | 'armed' | 'dragging' | 'validating' | 'committing' | 'settled' | 'cancelled' | 'disposed';
711
+ source: import("../drag.js").DragSource | null;
712
+ target: import("../drag.js").DragTarget | null;
713
+ mode: 'move' | 'copy';
714
+ input: 'pointer' | 'touch' | 'keyboard' | null;
715
+ point: {
716
+ x: number;
717
+ y: number;
718
+ } | null;
719
+ reason: string | null;
720
+ generation: number;
721
+ pending: boolean;
722
+ error: unknown;
723
+ }>;
724
+ dispose(): void;
725
+ };
726
+ dispose: () => void;
727
+ cancel: (reason?: string) => import("../drag.js").DragState;
728
+ /** Update authority callbacks; geometry and resource owners belong to this mount.
729
+ * @param {Partial<CollectionDragOptions>} next */
730
+ update(next: Partial<CollectionDragOptions>): import("../drag.js").DragState;
731
+ stats: () => {
732
+ listeners: number;
733
+ subscriptions: number;
734
+ frames: number;
735
+ overlays: number;
736
+ statusNodes: number;
737
+ pending: number;
738
+ };
739
+ };
740
+ container: {
741
+ id: any;
742
+ mounted: {
743
+ controller: {
744
+ rowAxis: {
745
+ position: (index: any) => any;
746
+ size: (index: any) => any;
747
+ indexAt: (offset: any) => number;
748
+ extent(): any;
749
+ range({ offset, viewport, overscan }?: {
750
+ offset?: number | undefined;
751
+ overscan?: number | undefined;
752
+ viewport?: number | undefined;
753
+ }): {
754
+ start: number;
755
+ end: number;
756
+ offset: number;
757
+ extent: any;
758
+ };
759
+ measure(index: any, key: any, value: any): {
760
+ state: string;
761
+ reason: string;
762
+ } | {
763
+ reason?: undefined;
764
+ state: string;
765
+ };
766
+ anchor(offset: any, keyAt: any, query?: string): {
767
+ key: string;
768
+ index: number;
769
+ offset: number;
770
+ query: string;
771
+ } | null;
772
+ restore(anchor: any, indexOf: any, query?: string): {
773
+ state: string;
774
+ offset: any;
775
+ fallback: boolean;
776
+ };
777
+ update(next: any): void;
778
+ clear(): void;
779
+ stats(): {
780
+ measurements: number;
781
+ bytes: number;
782
+ summaries: number;
783
+ };
784
+ dispose(): void;
785
+ };
786
+ columnAxis: {
787
+ position: (index: any) => any;
788
+ size: (index: any) => any;
789
+ indexAt: (offset: any) => number;
790
+ extent(): any;
791
+ range({ offset, viewport, overscan }?: {
792
+ offset?: number | undefined;
793
+ overscan?: number | undefined;
794
+ viewport?: number | undefined;
795
+ }): {
796
+ start: number;
797
+ end: number;
798
+ offset: number;
799
+ extent: any;
800
+ };
801
+ measure(index: any, key: any, value: any): {
802
+ state: string;
803
+ reason: string;
804
+ } | {
805
+ reason?: undefined;
806
+ state: string;
807
+ };
808
+ anchor(offset: any, keyAt: any, query?: string): {
809
+ key: string;
810
+ index: number;
811
+ offset: number;
812
+ query: string;
813
+ } | null;
814
+ restore(anchor: any, indexOf: any, query?: string): {
815
+ state: string;
816
+ offset: any;
817
+ fallback: boolean;
818
+ };
819
+ update(next: any): void;
820
+ clear(): void;
821
+ stats(): {
822
+ measurements: number;
823
+ bytes: number;
824
+ summaries: number;
825
+ };
826
+ dispose(): void;
827
+ };
828
+ layout: () => {
829
+ state: any;
830
+ reason: any;
831
+ rows: never[];
832
+ columns: never[];
833
+ } | {
834
+ state: string;
835
+ rowRange: {
836
+ start: number;
837
+ end: number;
838
+ offset: number;
839
+ extent: any;
840
+ };
841
+ columnRange: {
842
+ start: number;
843
+ end: number;
844
+ offset: number;
845
+ extent: any;
846
+ };
847
+ rows: {
848
+ index: number;
849
+ key: any;
850
+ start: any;
851
+ size: any;
852
+ pinned: any;
853
+ }[];
854
+ columns: {
855
+ index: number;
856
+ start: any;
857
+ size: any;
858
+ pinned: any;
859
+ }[];
860
+ };
861
+ options(): any;
862
+ position(): {
863
+ top: number;
864
+ left: number;
865
+ width: number;
866
+ height: number;
867
+ };
868
+ viewport(next: any): {
869
+ state: any;
870
+ reason: any;
871
+ rows: never[];
872
+ columns: never[];
873
+ } | {
874
+ state: string;
875
+ rowRange: {
876
+ start: number;
877
+ end: number;
878
+ offset: number;
879
+ extent: any;
880
+ };
881
+ columnRange: {
882
+ start: number;
883
+ end: number;
884
+ offset: number;
885
+ extent: any;
886
+ };
887
+ rows: {
888
+ index: number;
889
+ key: any;
890
+ start: any;
891
+ size: any;
892
+ pinned: any;
893
+ }[];
894
+ columns: {
895
+ index: number;
896
+ start: any;
897
+ size: any;
898
+ pinned: any;
899
+ }[];
900
+ };
901
+ update(next: any): {
902
+ state: any;
903
+ reason: any;
904
+ rows: never[];
905
+ columns: never[];
906
+ } | {
907
+ state: string;
908
+ rowRange: {
909
+ start: number;
910
+ end: number;
911
+ offset: number;
912
+ extent: any;
913
+ };
914
+ columnRange: {
915
+ start: number;
916
+ end: number;
917
+ offset: number;
918
+ extent: any;
919
+ };
920
+ rows: {
921
+ index: number;
922
+ key: any;
923
+ start: any;
924
+ size: any;
925
+ pinned: any;
926
+ }[];
927
+ columns: {
928
+ index: number;
929
+ start: any;
930
+ size: any;
931
+ pinned: any;
932
+ }[];
933
+ };
934
+ measure(index: any, key: any, size: any, axis?: string): {
935
+ state: string;
936
+ reason: string;
937
+ offset: number;
938
+ } | {
939
+ reason?: undefined;
940
+ state: string;
941
+ offset: number;
942
+ };
943
+ pin(rows?: any[], columns?: any[]): {
944
+ state: any;
945
+ reason: any;
946
+ rows: never[];
947
+ columns: never[];
948
+ } | {
949
+ state: string;
950
+ rowRange: {
951
+ start: number;
952
+ end: number;
953
+ offset: number;
954
+ extent: any;
955
+ };
956
+ columnRange: {
957
+ start: number;
958
+ end: number;
959
+ offset: number;
960
+ extent: any;
961
+ };
962
+ rows: {
963
+ index: number;
964
+ key: any;
965
+ start: any;
966
+ size: any;
967
+ pinned: any;
968
+ }[];
969
+ columns: {
970
+ index: number;
971
+ start: any;
972
+ size: any;
973
+ pinned: any;
974
+ }[];
975
+ };
976
+ restore(value: any): {
977
+ state: any;
978
+ reason: any;
979
+ rows: never[];
980
+ columns: never[];
981
+ } | {
982
+ state: string;
983
+ rowRange: {
984
+ start: number;
985
+ end: number;
986
+ offset: number;
987
+ extent: any;
988
+ };
989
+ columnRange: {
990
+ start: number;
991
+ end: number;
992
+ offset: number;
993
+ extent: any;
994
+ };
995
+ rows: {
996
+ index: number;
997
+ key: any;
998
+ start: any;
999
+ size: any;
1000
+ pinned: any;
1001
+ }[];
1002
+ columns: {
1003
+ index: number;
1004
+ start: any;
1005
+ size: any;
1006
+ pinned: any;
1007
+ }[];
1008
+ } | {
1009
+ state: string;
1010
+ reason: string;
1011
+ offset?: undefined;
1012
+ left?: undefined;
1013
+ } | {
1014
+ reason?: undefined;
1015
+ state: string;
1016
+ offset: number;
1017
+ left: number;
1018
+ };
1019
+ snapshot(): any;
1020
+ scrollToOffset: (offset: any) => {
1021
+ state: any;
1022
+ reason: any;
1023
+ rows: never[];
1024
+ columns: never[];
1025
+ } | {
1026
+ state: string;
1027
+ rowRange: {
1028
+ start: number;
1029
+ end: number;
1030
+ offset: number;
1031
+ extent: any;
1032
+ };
1033
+ columnRange: {
1034
+ start: number;
1035
+ end: number;
1036
+ offset: number;
1037
+ extent: any;
1038
+ };
1039
+ rows: {
1040
+ index: number;
1041
+ key: any;
1042
+ start: any;
1043
+ size: any;
1044
+ pinned: any;
1045
+ }[];
1046
+ columns: {
1047
+ index: number;
1048
+ start: any;
1049
+ size: any;
1050
+ pinned: any;
1051
+ }[];
1052
+ } | {
1053
+ state: string;
1054
+ reason: string;
1055
+ offset?: undefined;
1056
+ left?: undefined;
1057
+ } | {
1058
+ reason?: undefined;
1059
+ state: string;
1060
+ offset: number;
1061
+ left: number;
1062
+ };
1063
+ scrollToIndex(index: number, column?: number): {
1064
+ state: any;
1065
+ reason: any;
1066
+ rows: never[];
1067
+ columns: never[];
1068
+ } | {
1069
+ state: string;
1070
+ rowRange: {
1071
+ start: number;
1072
+ end: number;
1073
+ offset: number;
1074
+ extent: any;
1075
+ };
1076
+ columnRange: {
1077
+ start: number;
1078
+ end: number;
1079
+ offset: number;
1080
+ extent: any;
1081
+ };
1082
+ rows: {
1083
+ index: number;
1084
+ key: any;
1085
+ start: any;
1086
+ size: any;
1087
+ pinned: any;
1088
+ }[];
1089
+ columns: {
1090
+ index: number;
1091
+ start: any;
1092
+ size: any;
1093
+ pinned: any;
1094
+ }[];
1095
+ } | {
1096
+ state: string;
1097
+ reason: string;
1098
+ offset?: undefined;
1099
+ left?: undefined;
1100
+ } | {
1101
+ reason?: undefined;
1102
+ state: string;
1103
+ offset: number;
1104
+ left: number;
1105
+ };
1106
+ scrollToKey(key: any): {
1107
+ state: any;
1108
+ reason: any;
1109
+ rows: never[];
1110
+ columns: never[];
1111
+ } | {
1112
+ state: string;
1113
+ rowRange: {
1114
+ start: number;
1115
+ end: number;
1116
+ offset: number;
1117
+ extent: any;
1118
+ };
1119
+ columnRange: {
1120
+ start: number;
1121
+ end: number;
1122
+ offset: number;
1123
+ extent: any;
1124
+ };
1125
+ rows: {
1126
+ index: number;
1127
+ key: any;
1128
+ start: any;
1129
+ size: any;
1130
+ pinned: any;
1131
+ }[];
1132
+ columns: {
1133
+ index: number;
1134
+ start: any;
1135
+ size: any;
1136
+ pinned: any;
1137
+ }[];
1138
+ } | {
1139
+ state: string;
1140
+ reason: string;
1141
+ offset?: undefined;
1142
+ left?: undefined;
1143
+ } | {
1144
+ reason?: undefined;
1145
+ state: string;
1146
+ offset: number;
1147
+ left: number;
1148
+ };
1149
+ view(interaction?: null, id?: string): (string | (string | (string | any[] | {
1150
+ key: number;
1151
+ class: string;
1152
+ role: string | undefined;
1153
+ id: string | undefined;
1154
+ 'data-column': number;
1155
+ 'aria-colindex': number | undefined;
1156
+ 'aria-selected': any;
1157
+ 'data-active': boolean;
1158
+ style: {
1159
+ [x: string]: string | number;
1160
+ position: string;
1161
+ width: string;
1162
+ height: string;
1163
+ zIndex: number;
1164
+ };
1165
+ })[] | {
1166
+ key: string;
1167
+ 'data-row': number;
1168
+ 'data-key': any;
1169
+ role: string;
1170
+ id: string | undefined;
1171
+ 'aria-rowindex': number | undefined;
1172
+ 'aria-posinset': number | undefined;
1173
+ 'aria-setsize': any;
1174
+ 'aria-selected': any;
1175
+ class: string;
1176
+ style: {
1177
+ position: string;
1178
+ top: string;
1179
+ height: string;
1180
+ width: string;
1181
+ zIndex: number;
1182
+ };
1183
+ })[] | {
1184
+ class: string;
1185
+ style: {
1186
+ position: string;
1187
+ height: string;
1188
+ width: string;
1189
+ };
1190
+ })[];
1191
+ stats(): {
1192
+ rows: number;
1193
+ columns: number;
1194
+ cells: number;
1195
+ rowMeasurements: {
1196
+ measurements: number;
1197
+ bytes: number;
1198
+ summaries: number;
1199
+ };
1200
+ columnMeasurements: {
1201
+ measurements: number;
1202
+ bytes: number;
1203
+ summaries: number;
1204
+ };
1205
+ };
1206
+ dispose(): void;
1207
+ };
1208
+ interaction: {
1209
+ state: () => {
1210
+ focus: any;
1211
+ pending: any;
1212
+ selection: {
1213
+ mode: string;
1214
+ keys: never[];
1215
+ ranges: never[];
1216
+ exclusions: never[];
1217
+ query: any;
1218
+ snapshot: any;
1219
+ };
1220
+ };
1221
+ selected: (key: any) => boolean;
1222
+ focusIndex: (index: any, column?: number) => {
1223
+ state: string;
1224
+ reason: string;
1225
+ focus?: undefined;
1226
+ index?: undefined;
1227
+ column?: undefined;
1228
+ } | {
1229
+ reason?: undefined;
1230
+ state: string;
1231
+ focus: null;
1232
+ index?: undefined;
1233
+ column?: undefined;
1234
+ } | {
1235
+ reason?: undefined;
1236
+ focus?: undefined;
1237
+ state: string;
1238
+ index: any;
1239
+ column: number;
1240
+ } | {
1241
+ reason?: undefined;
1242
+ focus?: undefined;
1243
+ key: string;
1244
+ index: any;
1245
+ column: number;
1246
+ state: string;
1247
+ };
1248
+ cancelPending(): void;
1249
+ update(next: any): {
1250
+ state: string;
1251
+ reason: string;
1252
+ focus?: undefined;
1253
+ index?: undefined;
1254
+ column?: undefined;
1255
+ } | {
1256
+ reason?: undefined;
1257
+ state: string;
1258
+ focus: null;
1259
+ index?: undefined;
1260
+ column?: undefined;
1261
+ } | {
1262
+ reason?: undefined;
1263
+ focus?: undefined;
1264
+ state: string;
1265
+ index: any;
1266
+ column: number;
1267
+ } | {
1268
+ state: string;
1269
+ };
1270
+ toggle: (key: any) => {
1271
+ state: string;
1272
+ reason: string;
1273
+ } | {
1274
+ reason?: undefined;
1275
+ state: string;
1276
+ };
1277
+ selectAll(): void;
1278
+ clear(): void;
1279
+ restore(intent: any): {
1280
+ state: string;
1281
+ reason: string;
1282
+ } | {
1283
+ reason?: undefined;
1284
+ state: string;
1285
+ };
1286
+ key(event: any): {
1287
+ state: string;
1288
+ reason: string;
1289
+ } | {
1290
+ reason?: undefined;
1291
+ state: string;
1292
+ } | {
1293
+ state: string;
1294
+ key: any;
1295
+ column: any;
1296
+ };
1297
+ };
1298
+ element: HTMLDivElement;
1299
+ refresh: () => void;
1300
+ measureVisible: () => void;
1301
+ subscribe(fn: (event: any) => void): () => void;
1302
+ retain(read: () => {
1303
+ rows: number[];
1304
+ columns: number[];
1305
+ }): () => void;
1306
+ update(next: any): void;
1307
+ scrollToOffset(offset: any): any;
1308
+ scrollToIndex(index: number, column?: number): any;
1309
+ scrollToKey(key: any): any;
1310
+ restore(intent: any): any;
1311
+ snapshot(): {
1312
+ anchor: any;
1313
+ selection: {
1314
+ mode: string;
1315
+ keys: never[];
1316
+ ranges: never[];
1317
+ exclusions: never[];
1318
+ query: any;
1319
+ snapshot: any;
1320
+ };
1321
+ };
1322
+ stats(): {
1323
+ rows: number;
1324
+ columns: number;
1325
+ cells: number;
1326
+ rowMeasurements: {
1327
+ measurements: number;
1328
+ bytes: number;
1329
+ summaries: number;
1330
+ };
1331
+ columnMeasurements: {
1332
+ measurements: number;
1333
+ bytes: number;
1334
+ summaries: number;
1335
+ };
1336
+ listeners: number;
1337
+ observers: number;
1338
+ frames: number;
1339
+ subscribers: number;
1340
+ retainers: number;
1341
+ };
1342
+ dispose: () => void;
1343
+ };
1344
+ columnKey: any;
1345
+ indexOfColumn: any;
1346
+ };
1347
+ emit: any;
1348
+ };
1349
+ update(handle: any, props: any): void;
1350
+ unmount(handle: any): void;
1351
+ };