@genesislcap/rapid-grid-tabulator 14.238.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 (45) hide show
  1. package/README.md +29 -0
  2. package/custom-elements-manifest.config.js +14 -0
  3. package/dist/custom-elements.json +1231 -0
  4. package/dist/dts/cell-renderers/action.renderer.d.ts +23 -0
  5. package/dist/dts/cell-renderers/action.renderer.d.ts.map +1 -0
  6. package/dist/dts/cell-renderers/index.d.ts +2 -0
  7. package/dist/dts/cell-renderers/index.d.ts.map +1 -0
  8. package/dist/dts/grid-components.d.ts +16 -0
  9. package/dist/dts/grid-components.d.ts.map +1 -0
  10. package/dist/dts/grid-tabulator.d.ts +38 -0
  11. package/dist/dts/grid-tabulator.d.ts.map +1 -0
  12. package/dist/dts/grid-tabulator.styles.d.ts +2 -0
  13. package/dist/dts/grid-tabulator.styles.d.ts.map +1 -0
  14. package/dist/dts/grid-tabulator.template.d.ts +2 -0
  15. package/dist/dts/grid-tabulator.template.d.ts.map +1 -0
  16. package/dist/dts/index.d.ts +9 -0
  17. package/dist/dts/index.d.ts.map +1 -0
  18. package/dist/dts/style/colors.d.ts +16 -0
  19. package/dist/dts/style/colors.d.ts.map +1 -0
  20. package/dist/dts/style/index.d.ts +3 -0
  21. package/dist/dts/style/index.d.ts.map +1 -0
  22. package/dist/dts/style/tokens.d.ts +9 -0
  23. package/dist/dts/style/tokens.d.ts.map +1 -0
  24. package/dist/dts/themes/genesis-rapid/theme-genesis-rapid-css.d.ts +2 -0
  25. package/dist/dts/themes/genesis-rapid/theme-genesis-rapid-css.d.ts.map +1 -0
  26. package/dist/dts/themes/genesis-rapid/theme-genesis-rapid.d.ts +8 -0
  27. package/dist/dts/themes/genesis-rapid/theme-genesis-rapid.d.ts.map +1 -0
  28. package/dist/dts/themes/index.d.ts +2 -0
  29. package/dist/dts/themes/index.d.ts.map +1 -0
  30. package/dist/esm/cell-renderers/action.renderer.js +39 -0
  31. package/dist/esm/cell-renderers/index.js +1 -0
  32. package/dist/esm/grid-components.js +29 -0
  33. package/dist/esm/grid-tabulator.js +53 -0
  34. package/dist/esm/grid-tabulator.styles.js +21 -0
  35. package/dist/esm/grid-tabulator.template.js +2 -0
  36. package/dist/esm/index.js +8 -0
  37. package/dist/esm/style/colors.js +16 -0
  38. package/dist/esm/style/index.js +2 -0
  39. package/dist/esm/style/tokens.js +21 -0
  40. package/dist/esm/themes/genesis-rapid/theme-genesis-rapid-css.js +1326 -0
  41. package/dist/esm/themes/genesis-rapid/theme-genesis-rapid.js +89 -0
  42. package/dist/esm/themes/index.js +1 -0
  43. package/genx.config.ts +11 -0
  44. package/license.txt +46 -0
  45. package/package.json +70 -0
@@ -0,0 +1,1326 @@
1
+ import { css } from '@microsoft/fast-element';
2
+ export const themeGenesisRapidCSS = css `
3
+ .tabulator {
4
+ position: relative;
5
+ /* border: 1px solid #999; */
6
+ background-color: #1f2126;
7
+ font-size: 14px;
8
+ text-align: left;
9
+ overflow: hidden;
10
+ -webkit-transform: translateZ(0);
11
+ -moz-transform: translateZ(0);
12
+ -ms-transform: translateZ(0);
13
+ -o-transform: translateZ(0);
14
+ transform: translateZ(0);
15
+ scrollbar-color: rgb(46 48 53) rgb(31 33 38);
16
+ }
17
+
18
+ .tabulator[tabulator-layout='fitDataFill'] .tabulator-tableholder .tabulator-table {
19
+ min-width: 100%;
20
+ }
21
+
22
+ .tabulator[tabulator-layout='fitDataTable'] {
23
+ display: inline-block;
24
+ }
25
+
26
+ .tabulator.tabulator-block-select {
27
+ user-select: none;
28
+ }
29
+
30
+ .tabulator .tabulator-header {
31
+ position: relative;
32
+ box-sizing: border-box;
33
+ width: 100%;
34
+ border-bottom: 1px solid #7e9aa5;
35
+ background-color: #202126;
36
+ color: #879ba6;
37
+ font-weight: bold;
38
+ white-space: nowrap;
39
+ overflow: hidden;
40
+ -moz-user-select: none;
41
+ -khtml-user-select: none;
42
+ -webkit-user-select: none;
43
+ -o-user-select: none;
44
+ }
45
+
46
+ .tabulator .tabulator-header.tabulator-header-hidden {
47
+ display: none;
48
+ }
49
+
50
+ .tabulator .tabulator-header .tabulator-header-contents {
51
+ position: relative;
52
+ overflow: hidden;
53
+ }
54
+
55
+ .tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
56
+ display: inline-block;
57
+ }
58
+
59
+ .tabulator .tabulator-header .tabulator-col {
60
+ display: inline-flex;
61
+ position: relative;
62
+ box-sizing: border-box;
63
+ flex-direction: column;
64
+ justify-content: flex-start;
65
+ border-right: 1px solid #7e9aa5;
66
+ background-color: #202126;
67
+ color: #879ba6;
68
+ text-align: left;
69
+ vertical-align: bottom;
70
+ overflow: hidden;
71
+ }
72
+
73
+ .tabulator .tabulator-header .tabulator-col.tabulator-moving {
74
+ position: absolute;
75
+ border: 1px solid #999;
76
+ background: #cdcdcd;
77
+ pointer-events: none;
78
+ }
79
+
80
+ .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
81
+ box-sizing: border-box;
82
+ position: relative;
83
+ padding: 4px;
84
+ }
85
+
86
+ .tabulator
87
+ .tabulator-header
88
+ .tabulator-col
89
+ .tabulator-col-content
90
+ .tabulator-header-popup-button {
91
+ padding: 0 8px;
92
+ }
93
+
94
+ .tabulator
95
+ .tabulator-header
96
+ .tabulator-col
97
+ .tabulator-col-content
98
+ .tabulator-header-popup-button:hover {
99
+ cursor: pointer;
100
+ opacity: 0.6;
101
+ }
102
+
103
+ .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
104
+ position: relative;
105
+ }
106
+
107
+ .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
108
+ box-sizing: border-box;
109
+ width: 100%;
110
+ white-space: nowrap;
111
+ overflow: hidden;
112
+ text-overflow: ellipsis;
113
+ vertical-align: bottom;
114
+ }
115
+
116
+ .tabulator
117
+ .tabulator-header
118
+ .tabulator-col
119
+ .tabulator-col-content
120
+ .tabulator-col-title.tabulator-col-title-wrap {
121
+ white-space: normal;
122
+ text-overflow: initial;
123
+ }
124
+
125
+ .tabulator
126
+ .tabulator-header
127
+ .tabulator-col
128
+ .tabulator-col-content
129
+ .tabulator-col-title
130
+ .tabulator-title-editor {
131
+ box-sizing: border-box;
132
+ width: 100%;
133
+ border: 1px solid #999;
134
+ padding: 1px;
135
+ background: #fff;
136
+ }
137
+
138
+ .tabulator
139
+ .tabulator-header
140
+ .tabulator-col
141
+ .tabulator-col-content
142
+ .tabulator-col-title
143
+ .tabulator-header-popup-button
144
+ + .tabulator-title-editor {
145
+ width: calc(100% - 22px);
146
+ }
147
+
148
+ .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
149
+ display: flex;
150
+ align-items: center;
151
+ position: absolute;
152
+ top: 0;
153
+ bottom: 0;
154
+ right: 4px;
155
+ }
156
+
157
+ .tabulator
158
+ .tabulator-header
159
+ .tabulator-col
160
+ .tabulator-col-content
161
+ .tabulator-col-sorter
162
+ .tabulator-arrow {
163
+ width: 0;
164
+ height: 0;
165
+ border-left: 6px solid transparent;
166
+ border-right: 6px solid transparent;
167
+ border-bottom: 6px solid #bbb;
168
+ }
169
+
170
+ .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
171
+ position: relative;
172
+ display: flex;
173
+ border-top: 1px solid #aaa;
174
+ overflow: hidden;
175
+ margin-right: -1px;
176
+ }
177
+
178
+ .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
179
+ position: relative;
180
+ box-sizing: border-box;
181
+ margin-top: 2px;
182
+ width: 100%;
183
+ text-align: center;
184
+ }
185
+
186
+ .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
187
+ height: auto !important;
188
+ }
189
+
190
+ .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
191
+ margin-top: 3px;
192
+ }
193
+
194
+ .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
195
+ width: 0;
196
+ height: 0;
197
+ }
198
+
199
+ .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
200
+ padding-right: 25px;
201
+ }
202
+
203
+ .tabulator
204
+ .tabulator-header
205
+ .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
206
+ cursor: pointer;
207
+ background-color: #2d2e34;
208
+ }
209
+
210
+ .tabulator
211
+ .tabulator-header
212
+ .tabulator-col.tabulator-sortable[aria-sort='none']
213
+ .tabulator-col-content
214
+ .tabulator-col-sorter {
215
+ color: #bbb;
216
+ }
217
+
218
+ .tabulator
219
+ .tabulator-header
220
+ .tabulator-col.tabulator-sortable[aria-sort='none']
221
+ .tabulator-col-content
222
+ .tabulator-col-sorter.tabulator-col-sorter-element
223
+ .tabulator-arrow:hover {
224
+ cursor: pointer;
225
+ border-bottom: 6px solid #555;
226
+ }
227
+
228
+ .tabulator
229
+ .tabulator-header
230
+ .tabulator-col.tabulator-sortable[aria-sort='none']
231
+ .tabulator-col-content
232
+ .tabulator-col-sorter
233
+ .tabulator-arrow {
234
+ border-top: none;
235
+ border-bottom: 6px solid #bbb;
236
+ }
237
+
238
+ .tabulator
239
+ .tabulator-header
240
+ .tabulator-col.tabulator-sortable[aria-sort='ascending']
241
+ .tabulator-col-content
242
+ .tabulator-col-sorter {
243
+ color: #666;
244
+ }
245
+
246
+ .tabulator
247
+ .tabulator-header
248
+ .tabulator-col.tabulator-sortable[aria-sort='ascending']
249
+ .tabulator-col-content
250
+ .tabulator-col-sorter.tabulator-col-sorter-element
251
+ .tabulator-arrow:hover {
252
+ cursor: pointer;
253
+ border-bottom: 6px solid #555;
254
+ }
255
+
256
+ .tabulator
257
+ .tabulator-header
258
+ .tabulator-col.tabulator-sortable[aria-sort='ascending']
259
+ .tabulator-col-content
260
+ .tabulator-col-sorter
261
+ .tabulator-arrow {
262
+ border-top: none;
263
+ border-bottom: 6px solid #666;
264
+ }
265
+
266
+ .tabulator
267
+ .tabulator-header
268
+ .tabulator-col.tabulator-sortable[aria-sort='descending']
269
+ .tabulator-col-content
270
+ .tabulator-col-sorter {
271
+ color: #666;
272
+ }
273
+
274
+ .tabulator
275
+ .tabulator-header
276
+ .tabulator-col.tabulator-sortable[aria-sort='descending']
277
+ .tabulator-col-content
278
+ .tabulator-col-sorter.tabulator-col-sorter-element
279
+ .tabulator-arrow:hover {
280
+ cursor: pointer;
281
+ border-top: 6px solid #555;
282
+ }
283
+
284
+ .tabulator
285
+ .tabulator-header
286
+ .tabulator-col.tabulator-sortable[aria-sort='descending']
287
+ .tabulator-col-content
288
+ .tabulator-col-sorter
289
+ .tabulator-arrow {
290
+ border-bottom: none;
291
+ border-top: 6px solid #666;
292
+ color: #666;
293
+ }
294
+
295
+ .tabulator
296
+ .tabulator-header
297
+ .tabulator-col.tabulator-col-vertical
298
+ .tabulator-col-content
299
+ .tabulator-col-title {
300
+ writing-mode: vertical-rl;
301
+ text-orientation: mixed;
302
+ display: flex;
303
+ align-items: center;
304
+ justify-content: center;
305
+ }
306
+
307
+ .tabulator
308
+ .tabulator-header
309
+ .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip
310
+ .tabulator-col-title {
311
+ transform: rotate(180deg);
312
+ }
313
+
314
+ .tabulator
315
+ .tabulator-header
316
+ .tabulator-col.tabulator-col-vertical.tabulator-sortable
317
+ .tabulator-col-title {
318
+ padding-right: 0;
319
+ padding-top: 20px;
320
+ }
321
+
322
+ .tabulator
323
+ .tabulator-header
324
+ .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip
325
+ .tabulator-col-title {
326
+ padding-right: 0;
327
+ padding-bottom: 20px;
328
+ }
329
+
330
+ .tabulator
331
+ .tabulator-header
332
+ .tabulator-col.tabulator-col-vertical.tabulator-sortable
333
+ .tabulator-col-sorter {
334
+ justify-content: center;
335
+ left: 0;
336
+ right: 0;
337
+ top: 4px;
338
+ bottom: auto;
339
+ }
340
+
341
+ .tabulator .tabulator-header .tabulator-frozen {
342
+ position: sticky;
343
+ left: 0;
344
+ z-index: 10;
345
+ }
346
+
347
+ .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
348
+ border-right: 2px solid #aaa;
349
+ }
350
+
351
+ .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
352
+ border-left: 2px solid #aaa;
353
+ }
354
+
355
+ .tabulator .tabulator-header .tabulator-calcs-holder {
356
+ box-sizing: border-box;
357
+ background: #f3f3f3 !important;
358
+ border-top: 1px solid #aaa;
359
+ border-bottom: 1px solid #aaa;
360
+ }
361
+
362
+ .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
363
+ background: #f3f3f3 !important;
364
+ }
365
+
366
+ .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
367
+ display: none;
368
+ }
369
+
370
+ .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
371
+ display: none;
372
+ }
373
+
374
+ .tabulator .tabulator-tableholder {
375
+ position: relative;
376
+ width: 100%;
377
+ white-space: nowrap;
378
+ overflow: auto;
379
+ -webkit-overflow-scrolling: touch;
380
+ }
381
+
382
+ .tabulator-tableholder::-webkit-scrollbar {
383
+ width: 12px;
384
+ /* width of the entire scrollbar */
385
+ }
386
+
387
+ .tabulator-tableholder::-webkit-scrollbar-track {
388
+ background: #333;
389
+ /* color of the tracking area */
390
+ }
391
+
392
+ .tabulator-tableholder::-webkit-scrollbar-thumb {
393
+ background-color: #666;
394
+ /* color of the scroll thumb */
395
+ border-radius: 20px;
396
+ /* roundness of the scroll thumb */
397
+ border: 3px solid #333;
398
+ /* creates padding around scroll thumb */
399
+ }
400
+
401
+ .tabulator-tableholder::-webkit-scrollbar-corner {
402
+ background: #222;
403
+ }
404
+
405
+ .tabulator .tabulator-tableholder:focus {
406
+ outline: none;
407
+ }
408
+
409
+ .tabulator .tabulator-tableholder .tabulator-placeholder {
410
+ box-sizing: border-box;
411
+ display: flex;
412
+ align-items: center;
413
+ justify-content: center;
414
+ width: 100%;
415
+ }
416
+
417
+ .tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode='virtual'] {
418
+ min-height: 100%;
419
+ min-width: 100%;
420
+ }
421
+
422
+ .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
423
+ display: inline-block;
424
+ text-align: center;
425
+ padding: 10px;
426
+ color: #ccc;
427
+ font-weight: bold;
428
+ font-size: 20px;
429
+ white-space: normal;
430
+ }
431
+
432
+ .tabulator .tabulator-tableholder .tabulator-table {
433
+ position: relative;
434
+ display: inline-block;
435
+ white-space: nowrap;
436
+ overflow: visible;
437
+ color: #333;
438
+ }
439
+
440
+ .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
441
+ font-weight: bold;
442
+ background: #e2e2e2;
443
+ }
444
+
445
+ .tabulator
446
+ .tabulator-tableholder
447
+ .tabulator-table
448
+ .tabulator-row.tabulator-calcs.tabulator-calcs-top {
449
+ border-bottom: 2px solid #aaa;
450
+ }
451
+
452
+ .tabulator
453
+ .tabulator-tableholder
454
+ .tabulator-table
455
+ .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
456
+ border-top: 2px solid #aaa;
457
+ }
458
+
459
+ .tabulator .tabulator-footer {
460
+ border-top: 1px solid #999;
461
+ background-color: #e6e6e6;
462
+ color: #555;
463
+ font-weight: bold;
464
+ white-space: nowrap;
465
+ user-select: none;
466
+ -moz-user-select: none;
467
+ -khtml-user-select: none;
468
+ -webkit-user-select: none;
469
+ -o-user-select: none;
470
+ }
471
+
472
+ .tabulator .tabulator-footer .tabulator-footer-contents {
473
+ display: flex;
474
+ flex-direction: row;
475
+ align-items: center;
476
+ justify-content: space-between;
477
+ padding: 5px 10px;
478
+ }
479
+
480
+ .tabulator .tabulator-footer .tabulator-footer-contents:empty {
481
+ display: none;
482
+ }
483
+
484
+ .tabulator .tabulator-footer .tabulator-calcs-holder {
485
+ box-sizing: border-box;
486
+ width: 100%;
487
+ text-align: left;
488
+ background: #f3f3f3 !important;
489
+ border-bottom: 1px solid #aaa;
490
+ border-top: 1px solid #aaa;
491
+ overflow: hidden;
492
+ }
493
+
494
+ .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
495
+ display: inline-block;
496
+ background: #f3f3f3 !important;
497
+ }
498
+
499
+ .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
500
+ display: none;
501
+ }
502
+
503
+ .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
504
+ margin-bottom: -5px;
505
+ border-bottom: none;
506
+ }
507
+
508
+ .tabulator .tabulator-footer > * + .tabulator-page-counter {
509
+ margin-left: 10px;
510
+ }
511
+
512
+ .tabulator .tabulator-footer .tabulator-page-counter {
513
+ font-weight: normal;
514
+ }
515
+
516
+ .tabulator .tabulator-footer .tabulator-paginator {
517
+ flex: 1;
518
+ text-align: right;
519
+ color: #555;
520
+ font-family: inherit;
521
+ font-weight: inherit;
522
+ font-size: inherit;
523
+ }
524
+
525
+ .tabulator .tabulator-footer .tabulator-page-size {
526
+ display: inline-block;
527
+ margin: 0 5px;
528
+ padding: 2px 5px;
529
+ border: 1px solid #aaa;
530
+ border-radius: 3px;
531
+ }
532
+
533
+ .tabulator .tabulator-footer .tabulator-pages {
534
+ margin: 0 7px;
535
+ }
536
+
537
+ .tabulator .tabulator-footer .tabulator-page {
538
+ display: inline-block;
539
+ margin: 0 2px;
540
+ padding: 2px 5px;
541
+ border: 1px solid #aaa;
542
+ border-radius: 3px;
543
+ background: rgba(255, 255, 255, 0.2);
544
+ }
545
+
546
+ .tabulator .tabulator-footer .tabulator-page.active {
547
+ color: #d00;
548
+ }
549
+
550
+ .tabulator .tabulator-footer .tabulator-page:disabled {
551
+ opacity: 0.5;
552
+ }
553
+
554
+ .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
555
+ cursor: pointer;
556
+ background: rgba(0, 0, 0, 0.2);
557
+ color: #fff;
558
+ }
559
+
560
+ .tabulator .tabulator-col-resize-handle {
561
+ position: relative;
562
+ display: inline-block;
563
+ width: 6px;
564
+ margin-left: -3px;
565
+ margin-right: -3px;
566
+ z-index: 10;
567
+ vertical-align: middle;
568
+ }
569
+
570
+ .tabulator .tabulator-col-resize-handle:hover {
571
+ cursor: ew-resize;
572
+ }
573
+
574
+ .tabulator .tabulator-col-resize-handle:last-of-type {
575
+ width: 3px;
576
+ margin-right: 0;
577
+ }
578
+
579
+ .tabulator .tabulator-alert {
580
+ position: absolute;
581
+ display: flex;
582
+ align-items: center;
583
+ top: 0;
584
+ left: 0;
585
+ z-index: 100;
586
+ height: 100%;
587
+ width: 100%;
588
+ background: rgba(0, 0, 0, 0.4);
589
+ text-align: center;
590
+ }
591
+
592
+ .tabulator .tabulator-alert .tabulator-alert-msg {
593
+ display: inline-block;
594
+ margin: 0 auto;
595
+ padding: 10px 20px;
596
+ border-radius: 10px;
597
+ background: #fff;
598
+ font-weight: bold;
599
+ font-size: 16px;
600
+ }
601
+
602
+ .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
603
+ border: 4px solid #333;
604
+ color: #000;
605
+ }
606
+
607
+ .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
608
+ border: 4px solid #d00;
609
+ color: #590000;
610
+ }
611
+
612
+ .tabulator-row {
613
+ position: relative;
614
+ box-sizing: border-box;
615
+ min-height: 22px;
616
+ background-color: #1f2126;
617
+ color: #cccccc;
618
+ border-bottom: 1px solid #2f3237;
619
+ }
620
+
621
+ .tabulator-row.tabulator-row-even {
622
+ background-color: #1f2126;
623
+ }
624
+
625
+ .tabulator-row.tabulator-selectable:hover {
626
+ background-color: #2d2e34;
627
+ cursor: pointer;
628
+ }
629
+
630
+ .tabulator-row.tabulator-selected {
631
+ background-color: #9abcea;
632
+ }
633
+
634
+ .tabulator-row.tabulator-selected:hover {
635
+ background-color: #769bcc;
636
+ cursor: pointer;
637
+ }
638
+
639
+ .tabulator-row.tabulator-row-moving {
640
+ border: 1px solid #000;
641
+ background: #fff;
642
+ }
643
+
644
+ .tabulator-row.tabulator-moving {
645
+ position: absolute;
646
+ border-top: 1px solid #aaa;
647
+ border-bottom: 1px solid #aaa;
648
+ pointer-events: none;
649
+ z-index: 15;
650
+ }
651
+
652
+ .tabulator-row .tabulator-row-resize-handle {
653
+ position: absolute;
654
+ right: 0;
655
+ bottom: 0;
656
+ left: 0;
657
+ height: 5px;
658
+ }
659
+
660
+ .tabulator-row .tabulator-row-resize-handle.prev {
661
+ top: 0;
662
+ bottom: auto;
663
+ }
664
+
665
+ .tabulator-row .tabulator-row-resize-handle:hover {
666
+ cursor: ns-resize;
667
+ }
668
+
669
+ .tabulator-row .tabulator-responsive-collapse {
670
+ box-sizing: border-box;
671
+ padding: 5px;
672
+ border-top: 1px solid #aaa;
673
+ border-bottom: 1px solid #aaa;
674
+ }
675
+
676
+ .tabulator-row .tabulator-responsive-collapse:empty {
677
+ display: none;
678
+ }
679
+
680
+ .tabulator-row .tabulator-responsive-collapse table {
681
+ font-size: 14px;
682
+ }
683
+
684
+ .tabulator-row .tabulator-responsive-collapse table tr td {
685
+ position: relative;
686
+ }
687
+
688
+ .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
689
+ padding-right: 10px;
690
+ }
691
+
692
+ .tabulator-row .tabulator-cell {
693
+ align-items: center;
694
+ background-color: inherit;
695
+ display: inline-flex;
696
+ position: unset;
697
+ box-sizing: border-box;
698
+ padding: 4px 8px;
699
+ /* border-right: 1px solid #aaa; */
700
+ vertical-align: middle;
701
+ white-space: nowrap;
702
+ overflow: hidden;
703
+ text-overflow: ellipsis;
704
+ }
705
+
706
+ .tabulator-row .tabulator-cell.tabulator-frozen {
707
+ display: inline-flex;
708
+ position: sticky;
709
+ left: 0;
710
+ background-color: inherit;
711
+ z-index: 10;
712
+ }
713
+
714
+ .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
715
+ border-right: 2px solid #aaa;
716
+ }
717
+
718
+ .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
719
+ border-left: 2px solid #aaa;
720
+ }
721
+
722
+ .tabulator-row .tabulator-cell.tabulator-editing {
723
+ border: 1px solid #1d68cd;
724
+ outline: none;
725
+ padding: 0;
726
+ }
727
+
728
+ .tabulator-row .tabulator-cell.tabulator-editing input,
729
+ .tabulator-row .tabulator-cell.tabulator-editing select {
730
+ border: 1px;
731
+ background: transparent;
732
+ outline: none;
733
+ }
734
+
735
+ .tabulator-row .tabulator-cell.tabulator-validation-fail {
736
+ border: 1px solid #dd0000;
737
+ }
738
+
739
+ .tabulator-row .tabulator-cell.tabulator-validation-fail input,
740
+ .tabulator-row .tabulator-cell.tabulator-validation-fail select {
741
+ border: 1px;
742
+ background: transparent;
743
+ color: #dd0000;
744
+ }
745
+
746
+ .tabulator-row .tabulator-cell.tabulator-row-handle {
747
+ display: inline-flex;
748
+ align-items: center;
749
+ justify-content: center;
750
+ -moz-user-select: none;
751
+ -khtml-user-select: none;
752
+ -webkit-user-select: none;
753
+ -o-user-select: none;
754
+ }
755
+
756
+ .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
757
+ width: 80%;
758
+ }
759
+
760
+ .tabulator-row
761
+ .tabulator-cell.tabulator-row-handle
762
+ .tabulator-row-handle-box
763
+ .tabulator-row-handle-bar {
764
+ width: 100%;
765
+ height: 3px;
766
+ margin-top: 2px;
767
+ background: #666;
768
+ }
769
+
770
+ .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
771
+ display: inline-block;
772
+ vertical-align: middle;
773
+ height: 9px;
774
+ width: 7px;
775
+ margin-top: -9px;
776
+ margin-right: 5px;
777
+ border-bottom-left-radius: 1px;
778
+ border-left: 2px solid #aaa;
779
+ border-bottom: 2px solid #aaa;
780
+ }
781
+
782
+ .tabulator-row .tabulator-cell .tabulator-data-tree-control {
783
+ display: inline-flex;
784
+ justify-content: center;
785
+ align-items: center;
786
+ vertical-align: middle;
787
+ height: 11px;
788
+ width: 11px;
789
+ margin-right: 5px;
790
+ border: 1px solid #333;
791
+ border-radius: 2px;
792
+ background: rgba(0, 0, 0, 0.1);
793
+ overflow: hidden;
794
+ }
795
+
796
+ .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
797
+ cursor: pointer;
798
+ background: rgba(0, 0, 0, 0.2);
799
+ }
800
+
801
+ .tabulator-row
802
+ .tabulator-cell
803
+ .tabulator-data-tree-control
804
+ .tabulator-data-tree-control-collapse {
805
+ display: inline-block;
806
+ position: relative;
807
+ height: 7px;
808
+ width: 1px;
809
+ background: transparent;
810
+ }
811
+
812
+ .tabulator-row
813
+ .tabulator-cell
814
+ .tabulator-data-tree-control
815
+ .tabulator-data-tree-control-collapse:after {
816
+ position: absolute;
817
+ content: '';
818
+ left: -3px;
819
+ top: 3px;
820
+ height: 1px;
821
+ width: 7px;
822
+ background: #333;
823
+ }
824
+
825
+ .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
826
+ display: inline-block;
827
+ position: relative;
828
+ height: 7px;
829
+ width: 1px;
830
+ background: #333;
831
+ }
832
+
833
+ .tabulator-row
834
+ .tabulator-cell
835
+ .tabulator-data-tree-control
836
+ .tabulator-data-tree-control-expand:after {
837
+ position: absolute;
838
+ content: '';
839
+ left: -3px;
840
+ top: 3px;
841
+ height: 1px;
842
+ width: 7px;
843
+ background: #333;
844
+ }
845
+
846
+ .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
847
+ display: inline-flex;
848
+ align-items: center;
849
+ justify-content: center;
850
+ -moz-user-select: none;
851
+ -khtml-user-select: none;
852
+ -webkit-user-select: none;
853
+ -o-user-select: none;
854
+ height: 15px;
855
+ width: 15px;
856
+ border-radius: 20px;
857
+ background: #666;
858
+ color: #fff;
859
+ font-weight: bold;
860
+ font-size: 1.1em;
861
+ }
862
+
863
+ .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
864
+ opacity: 0.7;
865
+ cursor: pointer;
866
+ }
867
+
868
+ .tabulator-row
869
+ .tabulator-cell
870
+ .tabulator-responsive-collapse-toggle.open
871
+ .tabulator-responsive-collapse-toggle-close {
872
+ display: initial;
873
+ }
874
+
875
+ .tabulator-row
876
+ .tabulator-cell
877
+ .tabulator-responsive-collapse-toggle.open
878
+ .tabulator-responsive-collapse-toggle-open {
879
+ display: none;
880
+ }
881
+
882
+ .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {
883
+ stroke: #fff;
884
+ }
885
+
886
+ .tabulator-row
887
+ .tabulator-cell
888
+ .tabulator-responsive-collapse-toggle
889
+ .tabulator-responsive-collapse-toggle-close {
890
+ display: none;
891
+ }
892
+
893
+ .tabulator-row .tabulator-cell .tabulator-traffic-light {
894
+ display: inline-block;
895
+ height: 14px;
896
+ width: 14px;
897
+ border-radius: 14px;
898
+ }
899
+
900
+ .tabulator-row.tabulator-group {
901
+ box-sizing: border-box;
902
+ border-bottom: 1px solid #999;
903
+ border-right: 1px solid #aaa;
904
+ border-top: 1px solid #999;
905
+ padding: 5px;
906
+ padding-left: 10px;
907
+ background: #ccc;
908
+ font-weight: bold;
909
+ min-width: 100%;
910
+ }
911
+
912
+ .tabulator-row.tabulator-group:hover {
913
+ cursor: pointer;
914
+ background-color: rgba(0, 0, 0, 0.1);
915
+ }
916
+
917
+ .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
918
+ margin-right: 10px;
919
+ border-left: 6px solid transparent;
920
+ border-right: 6px solid transparent;
921
+ border-top: 6px solid #666;
922
+ border-bottom: 0;
923
+ }
924
+
925
+ .tabulator-row.tabulator-group.tabulator-group-level-1 {
926
+ padding-left: 30px;
927
+ }
928
+
929
+ .tabulator-row.tabulator-group.tabulator-group-level-2 {
930
+ padding-left: 50px;
931
+ }
932
+
933
+ .tabulator-row.tabulator-group.tabulator-group-level-3 {
934
+ padding-left: 70px;
935
+ }
936
+
937
+ .tabulator-row.tabulator-group.tabulator-group-level-4 {
938
+ padding-left: 90px;
939
+ }
940
+
941
+ .tabulator-row.tabulator-group.tabulator-group-level-5 {
942
+ padding-left: 110px;
943
+ }
944
+
945
+ .tabulator-row.tabulator-group .tabulator-group-toggle {
946
+ display: inline-block;
947
+ }
948
+
949
+ .tabulator-row.tabulator-group .tabulator-arrow {
950
+ display: inline-block;
951
+ width: 0;
952
+ height: 0;
953
+ margin-right: 16px;
954
+ border-top: 6px solid transparent;
955
+ border-bottom: 6px solid transparent;
956
+ border-right: 0;
957
+ border-left: 6px solid #666;
958
+ vertical-align: middle;
959
+ }
960
+
961
+ .tabulator-row.tabulator-group span {
962
+ margin-left: 10px;
963
+ color: #d00;
964
+ }
965
+
966
+ .tabulator-popup-container {
967
+ position: absolute;
968
+ display: inline-block;
969
+ box-sizing: border-box;
970
+ background: #fff;
971
+ border: 1px solid #aaa;
972
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
973
+ font-size: 14px;
974
+ overflow-y: auto;
975
+ -webkit-overflow-scrolling: touch;
976
+ z-index: 10000;
977
+ }
978
+
979
+ .tabulator-popup {
980
+ padding: 5px;
981
+ border-radius: 3px;
982
+ }
983
+
984
+ .tabulator-tooltip {
985
+ max-width: Min(500px, 100%);
986
+ padding: 3px 5px;
987
+ border-radius: 2px;
988
+ box-shadow: none;
989
+ font-size: 12px;
990
+ pointer-events: none;
991
+ }
992
+
993
+ .tabulator-menu .tabulator-menu-item {
994
+ position: relative;
995
+ box-sizing: border-box;
996
+ padding: 5px 10px;
997
+ user-select: none;
998
+ }
999
+
1000
+ .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
1001
+ opacity: 0.5;
1002
+ }
1003
+
1004
+ .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
1005
+ cursor: pointer;
1006
+ background: #efefef;
1007
+ }
1008
+
1009
+ .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
1010
+ padding-right: 25px;
1011
+ }
1012
+
1013
+ .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {
1014
+ display: inline-block;
1015
+ position: absolute;
1016
+ top: calc(5px + 0.4em);
1017
+ right: 10px;
1018
+ height: 7px;
1019
+ width: 7px;
1020
+ content: '';
1021
+ border-width: 1px 1px 0 0;
1022
+ border-style: solid;
1023
+ border-color: #aaa;
1024
+ vertical-align: top;
1025
+ transform: rotate(45deg);
1026
+ }
1027
+
1028
+ .tabulator-menu .tabulator-menu-separator {
1029
+ border-top: 1px solid #aaa;
1030
+ }
1031
+
1032
+ .tabulator-edit-list {
1033
+ max-height: 200px;
1034
+ font-size: 14px;
1035
+ overflow-y: auto;
1036
+ -webkit-overflow-scrolling: touch;
1037
+ }
1038
+
1039
+ .tabulator-edit-list .tabulator-edit-list-item {
1040
+ padding: 4px;
1041
+ color: #333;
1042
+ outline: none;
1043
+ }
1044
+
1045
+ .tabulator-edit-list .tabulator-edit-list-item.active {
1046
+ color: #fff;
1047
+ background: #1d68cd;
1048
+ }
1049
+
1050
+ .tabulator-edit-list .tabulator-edit-list-item.active.focused {
1051
+ outline: 1px solid rgba(255, 255, 255, 0.5);
1052
+ }
1053
+
1054
+ .tabulator-edit-list .tabulator-edit-list-item.focused {
1055
+ outline: 1px solid #1d68cd;
1056
+ }
1057
+
1058
+ .tabulator-edit-list .tabulator-edit-list-item:hover {
1059
+ cursor: pointer;
1060
+ color: #fff;
1061
+ background: #1d68cd;
1062
+ }
1063
+
1064
+ .tabulator-edit-list .tabulator-edit-list-placeholder {
1065
+ padding: 4px;
1066
+ color: #333;
1067
+ text-align: center;
1068
+ }
1069
+
1070
+ .tabulator-edit-list .tabulator-edit-list-group {
1071
+ border-bottom: 1px solid #aaa;
1072
+ padding: 4px;
1073
+ padding-top: 6px;
1074
+ color: #333;
1075
+ font-weight: bold;
1076
+ }
1077
+
1078
+ .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2,
1079
+ .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 {
1080
+ padding-left: 12px;
1081
+ }
1082
+
1083
+ .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3,
1084
+ .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 {
1085
+ padding-left: 20px;
1086
+ }
1087
+
1088
+ .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4,
1089
+ .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 {
1090
+ padding-left: 28px;
1091
+ }
1092
+
1093
+ .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5,
1094
+ .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 {
1095
+ padding-left: 36px;
1096
+ }
1097
+
1098
+ .tabulator.tabulator-ltr {
1099
+ direction: ltr;
1100
+ }
1101
+
1102
+ .tabulator.tabulator-rtl {
1103
+ text-align: initial;
1104
+ direction: rtl;
1105
+ }
1106
+
1107
+ .tabulator.tabulator-rtl .tabulator-header .tabulator-col {
1108
+ text-align: initial;
1109
+ border-left: 1px solid #aaa;
1110
+ border-right: initial;
1111
+ }
1112
+
1113
+ .tabulator.tabulator-rtl
1114
+ .tabulator-header
1115
+ .tabulator-col.tabulator-col-group
1116
+ .tabulator-col-group-cols {
1117
+ margin-right: initial;
1118
+ margin-left: -1px;
1119
+ }
1120
+
1121
+ .tabulator.tabulator-rtl
1122
+ .tabulator-header
1123
+ .tabulator-col.tabulator-sortable
1124
+ .tabulator-col-title {
1125
+ padding-right: 0;
1126
+ padding-left: 25px;
1127
+ }
1128
+
1129
+ .tabulator.tabulator-rtl
1130
+ .tabulator-header
1131
+ .tabulator-col
1132
+ .tabulator-col-content
1133
+ .tabulator-col-sorter {
1134
+ left: 8px;
1135
+ right: initial;
1136
+ }
1137
+
1138
+ .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
1139
+ border-right: initial;
1140
+ border-left: 1px solid #aaa;
1141
+ }
1142
+
1143
+ .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
1144
+ margin-right: initial;
1145
+ margin-left: 5px;
1146
+ border-bottom-left-radius: initial;
1147
+ border-bottom-right-radius: 1px;
1148
+ border-left: initial;
1149
+ border-right: 2px solid #aaa;
1150
+ }
1151
+
1152
+ .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
1153
+ margin-right: initial;
1154
+ margin-left: 5px;
1155
+ }
1156
+
1157
+ .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
1158
+ border-left: 2px solid #aaa;
1159
+ }
1160
+
1161
+ .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
1162
+ border-right: 2px solid #aaa;
1163
+ }
1164
+
1165
+ .tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {
1166
+ width: 3px;
1167
+ margin-left: 0;
1168
+ margin-right: -3px;
1169
+ }
1170
+
1171
+ .tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {
1172
+ text-align: initial;
1173
+ }
1174
+
1175
+ .tabulator-print-fullscreen {
1176
+ position: absolute;
1177
+ top: 0;
1178
+ bottom: 0;
1179
+ left: 0;
1180
+ right: 0;
1181
+ z-index: 10000;
1182
+ }
1183
+
1184
+ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
1185
+ display: none !important;
1186
+ }
1187
+
1188
+ .tabulator-print-table {
1189
+ border-collapse: collapse;
1190
+ }
1191
+
1192
+ .tabulator-print-table .tabulator-data-tree-branch {
1193
+ display: inline-block;
1194
+ vertical-align: middle;
1195
+ height: 9px;
1196
+ width: 7px;
1197
+ margin-top: -9px;
1198
+ margin-right: 5px;
1199
+ border-bottom-left-radius: 1px;
1200
+ border-left: 2px solid #aaa;
1201
+ border-bottom: 2px solid #aaa;
1202
+ }
1203
+
1204
+ .tabulator-print-table .tabulator-print-table-group {
1205
+ box-sizing: border-box;
1206
+ border-bottom: 1px solid #999;
1207
+ border-right: 1px solid #aaa;
1208
+ border-top: 1px solid #999;
1209
+ padding: 5px;
1210
+ padding-left: 10px;
1211
+ background: #ccc;
1212
+ font-weight: bold;
1213
+ min-width: 100%;
1214
+ }
1215
+
1216
+ .tabulator-print-table .tabulator-print-table-group:hover {
1217
+ cursor: pointer;
1218
+ background-color: rgba(0, 0, 0, 0.1);
1219
+ }
1220
+
1221
+ .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
1222
+ margin-right: 10px;
1223
+ border-left: 6px solid transparent;
1224
+ border-right: 6px solid transparent;
1225
+ border-top: 6px solid #666;
1226
+ border-bottom: 0;
1227
+ }
1228
+
1229
+ .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
1230
+ padding-left: 30px !important;
1231
+ }
1232
+
1233
+ .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
1234
+ padding-left: 50px !important;
1235
+ }
1236
+
1237
+ .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
1238
+ padding-left: 70px !important;
1239
+ }
1240
+
1241
+ .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
1242
+ padding-left: 90px !important;
1243
+ }
1244
+
1245
+ .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
1246
+ padding-left: 110px !important;
1247
+ }
1248
+
1249
+ .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
1250
+ display: inline-block;
1251
+ }
1252
+
1253
+ .tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
1254
+ display: inline-block;
1255
+ width: 0;
1256
+ height: 0;
1257
+ margin-right: 16px;
1258
+ border-top: 6px solid transparent;
1259
+ border-bottom: 6px solid transparent;
1260
+ border-right: 0;
1261
+ border-left: 6px solid #666;
1262
+ vertical-align: middle;
1263
+ }
1264
+
1265
+ .tabulator-print-table .tabulator-print-table-group span {
1266
+ margin-left: 10px;
1267
+ color: #d00;
1268
+ }
1269
+
1270
+ .tabulator-print-table .tabulator-data-tree-control {
1271
+ display: inline-flex;
1272
+ justify-content: center;
1273
+ align-items: center;
1274
+ vertical-align: middle;
1275
+ height: 11px;
1276
+ width: 11px;
1277
+ margin-right: 5px;
1278
+ border: 1px solid #333;
1279
+ border-radius: 2px;
1280
+ background: rgba(0, 0, 0, 0.1);
1281
+ overflow: hidden;
1282
+ }
1283
+
1284
+ .tabulator-print-table .tabulator-data-tree-control:hover {
1285
+ cursor: pointer;
1286
+ background: rgba(0, 0, 0, 0.2);
1287
+ }
1288
+
1289
+ .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
1290
+ display: inline-block;
1291
+ position: relative;
1292
+ height: 7px;
1293
+ width: 1px;
1294
+ background: transparent;
1295
+ }
1296
+
1297
+ .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
1298
+ position: absolute;
1299
+ content: '';
1300
+ left: -3px;
1301
+ top: 3px;
1302
+ height: 1px;
1303
+ width: 7px;
1304
+ background: #333;
1305
+ }
1306
+
1307
+ .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
1308
+ display: inline-block;
1309
+ position: relative;
1310
+ height: 7px;
1311
+ width: 1px;
1312
+ background: #333;
1313
+ }
1314
+
1315
+ .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
1316
+ position: absolute;
1317
+ content: '';
1318
+ left: -3px;
1319
+ top: 3px;
1320
+ height: 1px;
1321
+ width: 7px;
1322
+ background: #333;
1323
+ }
1324
+
1325
+ /*# sourceMappingURL=tabulator.css.map */
1326
+ `;