@sme.up/ketchup 3.0.0-SNAPSHOT → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/dist/cjs/{drag-and-drop-bbbf419d.js → drag-and-drop-4787ff6f.js} +1 -1
  2. package/dist/cjs/{f-button-929bbaa5.js → f-button-8812fb28.js} +2 -2
  3. package/dist/cjs/{f-image-9221e56e.js → f-image-a2211186.js} +1 -1
  4. package/dist/cjs/kup-accordion.cjs.entry.js +2 -2
  5. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +24 -18
  6. package/dist/cjs/kup-box_2.cjs.entry.js +5 -5
  7. package/dist/cjs/kup-bpmn.cjs.entry.js +1 -1
  8. package/dist/cjs/kup-calendar.cjs.entry.js +1 -1
  9. package/dist/cjs/kup-dash_2.cjs.entry.js +1 -1
  10. package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
  11. package/dist/cjs/kup-editor.cjs.entry.js +1 -1
  12. package/dist/cjs/kup-field.cjs.entry.js +1 -1
  13. package/dist/cjs/kup-grid.cjs.entry.js +1 -1
  14. package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
  15. package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
  16. package/dist/cjs/kup-magic-box.cjs.entry.js +3 -3
  17. package/dist/cjs/{kup-manager-bf580cf7.js → kup-manager-03ea9815.js} +39 -30
  18. package/dist/cjs/kup-modal_2.cjs.entry.js +1 -1
  19. package/dist/cjs/kup-nav-bar.cjs.entry.js +3 -3
  20. package/dist/cjs/{kup-paginator-declarations-25c881ab.js → kup-paginator-declarations-8029e07e.js} +3 -3
  21. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  22. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  23. package/dist/collection/assets/data-table-performance.js +64 -919
  24. package/dist/collection/assets/data-table.js +44 -0
  25. package/dist/collection/components/kup-data-table/kup-data-table-declarations.js +1 -1
  26. package/dist/collection/components/kup-data-table/kup-data-table-state.js +1 -1
  27. package/dist/collection/components/kup-data-table/kup-data-table.css +7 -0
  28. package/dist/collection/components/kup-data-table/kup-data-table.js +18 -10
  29. package/dist/collection/utils/kup-debug/kup-debug.js +17 -7
  30. package/dist/collection/utils/kup-dynamic-position/kup-dynamic-position.js +5 -3
  31. package/dist/collection/utils/kup-manager/kup-manager.js +2 -8
  32. package/dist/collection/utils/kup-scroll-on-hover/kup-scroll-on-hover.js +14 -11
  33. package/dist/esm/{drag-and-drop-cc72ec41.js → drag-and-drop-e88a00a2.js} +1 -1
  34. package/dist/esm/{f-button-f7a21749.js → f-button-52db5f1b.js} +2 -2
  35. package/dist/esm/{f-image-0f1d37f3.js → f-image-9dbc901f.js} +1 -1
  36. package/dist/esm/kup-accordion.entry.js +2 -2
  37. package/dist/esm/kup-autocomplete_27.entry.js +24 -18
  38. package/dist/esm/kup-box_2.entry.js +5 -5
  39. package/dist/esm/kup-bpmn.entry.js +1 -1
  40. package/dist/esm/kup-calendar.entry.js +1 -1
  41. package/dist/esm/kup-dash_2.entry.js +1 -1
  42. package/dist/esm/kup-drawer.entry.js +1 -1
  43. package/dist/esm/kup-editor.entry.js +1 -1
  44. package/dist/esm/kup-field.entry.js +1 -1
  45. package/dist/esm/kup-grid.entry.js +1 -1
  46. package/dist/esm/kup-iframe.entry.js +1 -1
  47. package/dist/esm/kup-lazy.entry.js +1 -1
  48. package/dist/esm/kup-magic-box.entry.js +3 -3
  49. package/dist/esm/{kup-manager-f3bbd16f.js → kup-manager-5a812e97.js} +39 -30
  50. package/dist/esm/kup-modal_2.entry.js +1 -1
  51. package/dist/esm/kup-nav-bar.entry.js +3 -3
  52. package/dist/esm/{kup-paginator-declarations-4c512743.js → kup-paginator-declarations-4253e2a2.js} +3 -3
  53. package/dist/esm/kup-probe.entry.js +1 -1
  54. package/dist/esm/kup-qlik.entry.js +1 -1
  55. package/dist/ketchup/ketchup.esm.js +1 -1
  56. package/dist/ketchup/{p-9a63d358.entry.js → p-12c796d1.entry.js} +1 -1
  57. package/dist/ketchup/{p-4ceff81e.entry.js → p-144d078b.entry.js} +1 -1
  58. package/dist/ketchup/{p-8cd0e70c.js → p-21b4005f.js} +1 -1
  59. package/dist/ketchup/{p-5919b78a.entry.js → p-29c79da9.entry.js} +1 -1
  60. package/dist/ketchup/{p-4fa707a0.entry.js → p-48c65b8d.entry.js} +1 -1
  61. package/dist/ketchup/{p-e3d99a3f.entry.js → p-6da2b313.entry.js} +1 -1
  62. package/dist/ketchup/{p-78784608.js → p-706474f3.js} +1 -1
  63. package/dist/ketchup/{p-078691de.entry.js → p-73e65ff4.entry.js} +1 -1
  64. package/dist/ketchup/{p-29b9f6c1.entry.js → p-7a01dbbb.entry.js} +1 -1
  65. package/dist/ketchup/{p-7806e2d7.entry.js → p-844c424b.entry.js} +1 -1
  66. package/dist/ketchup/{p-6352cbc7.js → p-a643165c.js} +1 -1
  67. package/dist/ketchup/{p-e2cf131d.entry.js → p-bfbc6b8c.entry.js} +2 -2
  68. package/dist/ketchup/{p-b780967f.entry.js → p-bfd42c64.entry.js} +1 -1
  69. package/dist/ketchup/{p-e573dadb.entry.js → p-c23b501e.entry.js} +1 -1
  70. package/dist/ketchup/{p-abc7addd.entry.js → p-cd009fed.entry.js} +1 -1
  71. package/dist/ketchup/{p-3efe8512.entry.js → p-cffa93f1.entry.js} +1 -1
  72. package/dist/ketchup/{p-ad230690.entry.js → p-dcd13c1f.entry.js} +1 -1
  73. package/dist/ketchup/{p-b2c51c48.entry.js → p-dfbfad81.entry.js} +1 -1
  74. package/dist/ketchup/{p-f0b640c3.entry.js → p-e2458e49.entry.js} +1 -1
  75. package/dist/ketchup/p-ecf7ddf4.js +1 -0
  76. package/dist/ketchup/{p-fafee99d.entry.js → p-f0fae900.entry.js} +1 -1
  77. package/dist/ketchup/{p-785a37e5.js → p-fda4b1a0.js} +1 -1
  78. package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts +1 -1
  79. package/dist/types/components/kup-data-table/kup-data-table-state.d.ts +1 -1
  80. package/dist/types/components/kup-data-table/kup-data-table.d.ts +2 -0
  81. package/dist/types/utils/kup-debug/kup-debug.d.ts +5 -3
  82. package/dist/types/utils/kup-dynamic-position/kup-dynamic-position.d.ts +2 -2
  83. package/dist/types/utils/kup-manager/kup-manager-declarations.d.ts +0 -7
  84. package/dist/types/utils/kup-scroll-on-hover/kup-scroll-on-hover.d.ts +1 -0
  85. package/package.json +1 -1
  86. package/dist/ketchup/p-75bac26c.js +0 -1
package/dist/collection/assets/data-table-performance.js CHANGED
@@ -1,921 +1,66 @@
1
- const data = {
2
- columns: [
3
- {
4
- name: 'FLD0',
5
- title: 'Column 0',
6
- hideValuesRepetitions: true,
7
- },
8
- {
9
- name: 'FLD1',
10
- title: 'Column 1',
11
- hideValuesRepetitions: true,
12
- },
13
- {
14
- name: 'FLD2',
15
- title: 'Column 2',
16
- hideValuesRepetitions: true,
17
- },
18
- {
19
- name: 'FLD3',
20
- title: 'Column 3',
21
- hideValuesRepetitions: false,
22
- },
23
- {
24
- name: 'FLD4',
25
- title: 'Column 4',
26
- hideValuesRepetitions: true,
27
- },
28
- {
29
- name: 'FLD5',
30
- title: 'Column 5',
31
- hideValuesRepetitions: false,
32
- },
33
- {
34
- name: 'FLD6',
35
- title: 'Column 6',
36
- hideValuesRepetitions: true,
37
- },
38
- {
39
- name: 'FLD7',
40
- title: 'Column 7',
41
- hideValuesRepetitions: false,
42
- },
43
- {
44
- name: 'FLD8',
45
- title: 'Column 8',
46
- hideValuesRepetitions: false,
47
- },
48
- {
49
- name: 'FLD9',
50
- title: 'Column 9',
51
- hideValuesRepetitions: false,
52
- },
53
- ],
54
- rows: [
55
- {
56
- cells: {
57
- FLD0: {
58
- value: 'Commerce module',
59
- obj: {
60
- t: '',
61
- p: '',
62
- k: '-200',
63
- },
64
- },
65
- FLD1: {
66
- value: 'Java',
67
- obj: {
68
- t: '',
69
- p: '',
70
- k: '-201',
71
- },
72
- },
73
- FLD2: {
74
- value: '-202',
75
- obj: {
76
- t: '',
77
- p: '',
78
- k: '-202',
79
- },
80
- },
81
- FLD3: {
82
- value: '-203',
83
- obj: {
84
- t: '',
85
- p: '',
86
- k: '-203',
87
- },
88
- },
89
- FLD4: {
90
- value: '-204',
91
- obj: {
92
- t: '',
93
- p: '',
94
- k: '-204',
95
- },
96
- },
97
- FLD5: {
98
- value: '-205',
99
- obj: {
100
- t: '',
101
- p: '',
102
- k: '-205',
103
- },
104
- },
105
- FLD6: {
106
- value: '-206',
107
- obj: {
108
- t: '',
109
- p: '',
110
- k: '-206',
111
- },
112
- },
113
- FLD7: {
114
- value: '-207',
115
- obj: {
116
- t: '',
117
- p: '',
118
- k: '-207',
119
- },
120
- },
121
- FLD8: {
122
- value: '8',
123
- obj: {
124
- t: '',
125
- p: '',
126
- k: '8',
127
- },
128
- },
129
- FLD9: {
130
- value: '9',
131
- obj: {
132
- t: '',
133
- p: '',
134
- k: '9',
135
- },
136
- },
137
- },
138
- id: '0',
139
- },
140
- {
141
- cells: {
142
- FLD0: {
143
- value: 'Sales module',
144
- obj: {
145
- t: '',
146
- p: '',
147
- k: '-190',
148
- },
149
- },
150
- FLD1: {
151
- value: 'Java',
152
- obj: {
153
- t: '',
154
- p: '',
155
- k: '-191',
156
- },
157
- },
158
- FLD2: {
159
- value: '-192',
160
- obj: {
161
- t: '',
162
- p: '',
163
- k: '-192',
164
- },
165
- },
166
- FLD3: {
167
- value: '-193',
168
- obj: {
169
- t: '',
170
- p: '',
171
- k: '-193',
172
- },
173
- },
174
- FLD4: {
175
- value: '-194',
176
- obj: {
177
- t: '',
178
- p: '',
179
- k: '-194',
180
- },
181
- },
182
- FLD5: {
183
- value: '-195',
184
- obj: {
185
- t: '',
186
- p: '',
187
- k: '-195',
188
- },
189
- },
190
- FLD6: {
191
- value: '-196',
192
- obj: {
193
- t: '',
194
- p: '',
195
- k: '-196',
196
- },
197
- },
198
- FLD7: {
199
- value: '-197',
200
- obj: {
201
- t: '',
202
- p: '',
203
- k: '-197',
204
- },
205
- },
206
- FLD8: {
207
- value: '8',
208
- obj: {
209
- t: '',
210
- p: '',
211
- k: '8',
212
- },
213
- },
214
- FLD9: {
215
- value: '9',
216
- obj: {
217
- t: '',
218
- p: '',
219
- k: '9',
220
- },
221
- },
222
- },
223
- id: '1',
224
- },
225
- {
226
- cells: {
227
- FLD0: {
228
- value: 'Commerce module',
229
- obj: {
230
- t: '',
231
- p: '',
232
- k: '-190',
233
- },
234
- },
235
- FLD1: {
236
- value: 'Javascript',
237
- obj: {
238
- t: '',
239
- p: '',
240
- k: '-191',
241
- },
242
- },
243
- FLD2: {
244
- value: '-192',
245
- obj: {
246
- t: '',
247
- p: '',
248
- k: '-192',
249
- },
250
- },
251
- FLD3: {
252
- value: '-193',
253
- obj: {
254
- t: '',
255
- p: '',
256
- k: '-193',
257
- },
258
- },
259
- FLD4: {
260
- value: '-194',
261
- obj: {
262
- t: '',
263
- p: '',
264
- k: '-194',
265
- },
266
- },
267
- FLD5: {
268
- value: '-195',
269
- obj: {
270
- t: '',
271
- p: '',
272
- k: '-195',
273
- },
274
- },
275
- FLD6: {
276
- value: '-196',
277
- obj: {
278
- t: '',
279
- p: '',
280
- k: '-196',
281
- },
282
- },
283
- FLD7: {
284
- value: '-197',
285
- obj: {
286
- t: '',
287
- p: '',
288
- k: '-197',
289
- },
290
- },
291
- FLD8: {
292
- value: '8',
293
- obj: {
294
- t: '',
295
- p: '',
296
- k: '8',
297
- },
298
- },
299
- FLD9: {
300
- value: '9',
301
- obj: {
302
- t: '',
303
- p: '',
304
- k: '9',
305
- },
306
- },
307
- },
308
- id: '2',
309
- },
310
- {
311
- cells: {
312
- FLD0: {
313
- value: 'Sales module',
314
- obj: {
315
- t: '',
316
- p: '',
317
- k: '-190',
318
- },
319
- },
320
- FLD1: {
321
- value: 'Delphi',
322
- obj: {
323
- t: '',
324
- p: '',
325
- k: '-191',
326
- },
327
- },
328
- FLD2: {
329
- value: '-192',
330
- obj: {
331
- t: '',
332
- p: '',
333
- k: '-192',
334
- },
335
- },
336
- FLD3: {
337
- value: '-193',
338
- obj: {
339
- t: '',
340
- p: '',
341
- k: '-193',
342
- },
343
- },
344
- FLD4: {
345
- value: '-194',
346
- obj: {
347
- t: '',
348
- p: '',
349
- k: '-194',
350
- },
351
- },
352
- FLD5: {
353
- value: '-195',
354
- obj: {
355
- t: '',
356
- p: '',
357
- k: '-195',
358
- },
359
- },
360
- FLD6: {
361
- value: '-196',
362
- obj: {
363
- t: '',
364
- p: '',
365
- k: '-196',
366
- },
367
- },
368
- FLD7: {
369
- value: '-197',
370
- obj: {
371
- t: '',
372
- p: '',
373
- k: '-197',
374
- },
375
- },
376
- FLD8: {
377
- value: '8',
378
- obj: {
379
- t: '',
380
- p: '',
381
- k: '8',
382
- },
383
- },
384
- FLD9: {
385
- value: '9',
386
- obj: {
387
- t: '',
388
- p: '',
389
- k: '9',
390
- },
391
- },
392
- },
393
- id: '3',
394
- },
395
- {
396
- cells: {
397
- FLD0: {
398
- value: 'Commerce module',
399
- obj: {
400
- t: '',
401
- p: '',
402
- k: '-190',
403
- },
404
- },
405
- FLD1: {
406
- value: 'Delphi',
407
- obj: {
408
- t: '',
409
- p: '',
410
- k: '-191',
411
- },
412
- },
413
- FLD2: {
414
- value: '-192',
415
- obj: {
416
- t: '',
417
- p: '',
418
- k: '-192',
419
- },
420
- },
421
- FLD3: {
422
- value: '-193',
423
- obj: {
424
- t: '',
425
- p: '',
426
- k: '-193',
427
- },
428
- },
429
- FLD4: {
430
- value: '-194',
431
- obj: {
432
- t: '',
433
- p: '',
434
- k: '-194',
435
- },
436
- },
437
- FLD5: {
438
- value: '-195',
439
- obj: {
440
- t: '',
441
- p: '',
442
- k: '-195',
443
- },
444
- },
445
- FLD6: {
446
- value: '-196',
447
- obj: {
448
- t: '',
449
- p: '',
450
- k: '-196',
451
- },
452
- },
453
- FLD7: {
454
- value: '-197',
455
- obj: {
456
- t: '',
457
- p: '',
458
- k: '-197',
459
- },
460
- },
461
- FLD8: {
462
- value: '8',
463
- obj: {
464
- t: '',
465
- p: '',
466
- k: '8',
467
- },
468
- },
469
- FLD9: {
470
- value: '9',
471
- obj: {
472
- t: '',
473
- p: '',
474
- k: '9',
475
- },
476
- },
477
- },
478
- id: '4',
479
- },
480
- {
481
- cells: {
482
- FLD0: {
483
- value: 'Marketing module',
484
- obj: {
485
- t: '',
486
- p: '',
487
- k: '-190',
488
- },
489
- },
490
- FLD1: {
491
- value: 'Kotlin',
492
- obj: {
493
- t: '',
494
- p: '',
495
- k: '-191',
496
- },
497
- },
498
- FLD2: {
499
- value: '-192',
500
- obj: {
501
- t: '',
502
- p: '',
503
- k: '-192',
504
- },
505
- },
506
- FLD3: {
507
- value: '-193',
508
- obj: {
509
- t: '',
510
- p: '',
511
- k: '-193',
512
- },
513
- },
514
- FLD4: {
515
- value: '-194',
516
- obj: {
517
- t: '',
518
- p: '',
519
- k: '-194',
520
- },
521
- },
522
- FLD5: {
523
- value: '-195',
524
- obj: {
525
- t: '',
526
- p: '',
527
- k: '-195',
528
- },
529
- },
530
- FLD6: {
531
- value: '-196',
532
- obj: {
533
- t: '',
534
- p: '',
535
- k: '-196',
536
- },
537
- },
538
- FLD7: {
539
- value: '-197',
540
- obj: {
541
- t: '',
542
- p: '',
543
- k: '-197',
544
- },
545
- },
546
- FLD8: {
547
- value: '8',
548
- obj: {
549
- t: '',
550
- p: '',
551
- k: '8',
552
- },
553
- },
554
- FLD9: {
555
- value: '9',
556
- obj: {
557
- t: '',
558
- p: '',
559
- k: '9',
560
- },
561
- },
562
- },
563
- id: '5',
564
- },
565
- {
566
- cells: {
567
- FLD0: {
568
- value: 'Marketing module',
569
- obj: {
570
- t: '',
571
- p: '',
572
- k: '-190',
573
- },
574
- },
575
- FLD1: {
576
- value: 'Delphi',
577
- obj: {
578
- t: '',
579
- p: '',
580
- k: '-191',
581
- },
582
- },
583
- FLD2: {
584
- value: '-192',
585
- obj: {
586
- t: '',
587
- p: '',
588
- k: '-192',
589
- },
590
- },
591
- FLD3: {
592
- value: '-193',
593
- obj: {
594
- t: '',
595
- p: '',
596
- k: '-193',
597
- },
598
- },
599
- FLD4: {
600
- value: '-194',
601
- obj: {
602
- t: '',
603
- p: '',
604
- k: '-194',
605
- },
606
- },
607
- FLD5: {
608
- value: '-195',
609
- obj: {
610
- t: '',
611
- p: '',
612
- k: '-195',
613
- },
614
- },
615
- FLD6: {
616
- value: '-196',
617
- obj: {
618
- t: '',
619
- p: '',
620
- k: '-196',
621
- },
622
- },
623
- FLD7: {
624
- value: '-197',
625
- obj: {
626
- t: '',
627
- p: '',
628
- k: '-197',
629
- },
630
- },
631
- FLD8: {
632
- value: '8',
633
- obj: {
634
- t: '',
635
- p: '',
636
- k: '8',
637
- },
638
- },
639
- FLD9: {
640
- value: '9',
641
- obj: {
642
- t: '',
643
- p: '',
644
- k: '9',
645
- },
646
- },
647
- },
648
- id: '6',
649
- },
650
- {
651
- cells: {
652
- FLD0: {
653
- value: 'Marketing module',
654
- obj: {
655
- t: '',
656
- p: '',
657
- k: '-190',
658
- },
659
- },
660
- FLD1: {
661
- value: 'Javascript',
662
- obj: {
663
- t: '',
664
- p: '',
665
- k: '-191',
666
- },
667
- },
668
- FLD2: {
669
- value: '-192',
670
- obj: {
671
- t: '',
672
- p: '',
673
- k: '-192',
674
- },
675
- },
676
- FLD3: {
677
- value: '-193',
678
- obj: {
679
- t: '',
680
- p: '',
681
- k: '-193',
682
- },
683
- },
684
- FLD4: {
685
- value: '-194',
686
- obj: {
687
- t: '',
688
- p: '',
689
- k: '-194',
690
- },
691
- },
692
- FLD5: {
693
- value: '-195',
694
- obj: {
695
- t: '',
696
- p: '',
697
- k: '-195',
698
- },
699
- },
700
- FLD6: {
701
- value: '-196',
702
- obj: {
703
- t: '',
704
- p: '',
705
- k: '-196',
706
- },
707
- },
708
- FLD7: {
709
- value: '-197',
710
- obj: {
711
- t: '',
712
- p: '',
713
- k: '-197',
714
- },
715
- },
716
- FLD8: {
717
- value: '8',
718
- obj: {
719
- t: '',
720
- p: '',
721
- k: '8',
722
- },
723
- },
724
- FLD9: {
725
- value: '9',
726
- obj: {
727
- t: '',
728
- p: '',
729
- k: '9',
730
- },
731
- },
732
- },
733
- id: '7',
734
- },
735
- {
736
- cells: {
737
- FLD0: {
738
- value: 'Sales module',
739
- obj: {
740
- t: '',
741
- p: '',
742
- k: '-190',
743
- },
744
- },
745
- FLD1: {
746
- value: 'Kotlin',
747
- obj: {
748
- t: '',
749
- p: '',
750
- k: '-191',
751
- },
752
- },
753
- FLD2: {
754
- value: '-192',
755
- obj: {
756
- t: '',
757
- p: '',
758
- k: '-192',
759
- },
760
- },
761
- FLD3: {
762
- value: '-193',
763
- obj: {
764
- t: '',
765
- p: '',
766
- k: '-193',
767
- },
768
- },
769
- FLD4: {
770
- value: '-194',
771
- obj: {
772
- t: '',
773
- p: '',
774
- k: '-194',
775
- },
776
- },
777
- FLD5: {
778
- value: '-195',
779
- obj: {
780
- t: '',
781
- p: '',
782
- k: '-195',
783
- },
784
- },
785
- FLD6: {
786
- value: '-196',
787
- obj: {
788
- t: '',
789
- p: '',
790
- k: '-196',
791
- },
792
- },
793
- FLD7: {
794
- value: '-197',
795
- obj: {
796
- t: '',
797
- p: '',
798
- k: '-197',
799
- },
800
- },
801
- FLD8: {
802
- value: '8',
803
- obj: {
804
- t: '',
805
- p: '',
806
- k: '8',
807
- },
808
- },
809
- FLD9: {
810
- value: '9',
811
- obj: {
812
- t: '',
813
- p: '',
814
- k: '9',
815
- },
816
- },
817
- },
818
- id: '8',
819
- },
820
- {
821
- cells: {
822
- FLD0: {
823
- value: 'Sales module',
824
- obj: {
825
- t: '',
826
- p: '',
827
- k: '-190',
828
- },
829
- },
830
- FLD1: {
831
- value: 'Java',
832
- obj: {
833
- t: '',
834
- p: '',
835
- k: '-191',
836
- },
837
- },
838
- FLD2: {
839
- value: '-192',
840
- obj: {
841
- t: '',
842
- p: '',
843
- k: '-192',
844
- },
845
- },
846
- FLD3: {
847
- value: '-193',
848
- obj: {
849
- t: '',
850
- p: '',
851
- k: '-193',
852
- },
853
- },
854
- FLD4: {
855
- value: '-194',
856
- obj: {
857
- t: '',
858
- p: '',
859
- k: '-194',
860
- },
861
- },
862
- FLD5: {
863
- value: '-195',
864
- obj: {
865
- t: '',
866
- p: '',
867
- k: '-195',
868
- },
869
- },
870
- FLD6: {
871
- value: '-196',
872
- obj: {
873
- t: '',
874
- p: '',
875
- k: '-196',
876
- },
877
- },
878
- FLD7: {
879
- value: '-197',
880
- obj: {
881
- t: '',
882
- p: '',
883
- k: '-197',
884
- },
885
- },
886
- FLD8: {
887
- value: '8',
888
- obj: {
889
- t: '',
890
- p: '',
891
- k: '8',
892
- },
893
- },
894
- FLD9: {
895
- value: '9',
896
- obj: {
897
- t: '',
898
- p: '',
899
- k: '9',
900
- },
901
- },
902
- },
903
- id: '9',
904
- },
905
- ],
906
- };
907
-
1
+ const applyButton = document.getElementById('apply-button');
2
+ const columnField = document.getElementById('column-field');
3
+ const navBar = document.getElementById('nav-bar');
4
+ const rowField = document.getElementById('row-field');
5
+ const tableField = document.getElementById('table-field');
908
6
  const wrapper = document.getElementById('datatable-wrapper');
909
- for (let index = 0; index < 50; index++) {
910
- const table = document.createElement('kup-data-table');
911
- table.data = { ...data };
912
- wrapper.appendChild(table);
913
- }
914
- document.addEventListener('kup-datatable-rowselected', (e) => {
915
- alert(
916
- 'clickedColumn: ' +
917
- e.detail.clickedColumn +
918
- ' clickedRow: ' +
919
- JSON.stringify(e.detail.clickedRow)
920
- );
7
+ var data = null;
8
+ var end = 0;
9
+ var start = 0;
10
+
11
+ applyButton.addEventListener('kup-button-click', () => {
12
+ refreshTables();
921
13
  });
14
+
15
+ function refreshTables() {
16
+ console.log('Refreshing...');
17
+ document.querySelectorAll('kup-data-table').forEach((table) => {
18
+ table.remove();
19
+ });
20
+ data = { columns: [], rows: [] };
21
+ let nColumns, nRows, nTables;
22
+ const columnPromise = columnField.getValue();
23
+ const rowPromise = rowField.getValue();
24
+ const tablePromise = tableField.getValue();
25
+ const promises = [columnPromise, rowPromise, tablePromise];
26
+ Promise.all(promises).then((values) => {
27
+ nColumns = +values[0];
28
+ nRows = +values[1];
29
+ nTables = +values[2];
30
+
31
+ for (let index = 0; index < nColumns; index++) {
32
+ const i = index.toString();
33
+ data.columns.push({
34
+ name: i,
35
+ title: i,
36
+ });
37
+ }
38
+ for (let index = 0; index < nRows; index++) {
39
+ const i = index.toString();
40
+ data.rows.push({
41
+ cells: createCells(i),
42
+ id: i,
43
+ });
44
+ }
45
+ for (let index = 0; index < nTables; index++) {
46
+ const table = document.createElement('kup-data-table');
47
+ table.data = { ...data };
48
+ //table.lazyLoadRows = true;
49
+ //table.rowsPerPage = 10;
50
+ table.rowsPerPage = 100000;
51
+ wrapper.appendChild(table);
52
+ }
53
+ navBar.label = `Created ${nTables} tables.`;
54
+ });
55
+ }
56
+
57
+ function createCells(i) {
58
+ const cells = {};
59
+ for (let index = 0; index < data.columns.length; index++) {
60
+ const column = data.columns[index];
61
+ cells[column.name] = {
62
+ value: 'Row ' + i + '; Col ' + column.name,
63
+ };
64
+ }
65
+ return cells;
66
+ }