@bagelink/vue 0.0.1139 → 0.0.1141

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 (37) hide show
  1. package/dist/components/Btn.vue.d.ts.map +1 -1
  2. package/dist/components/DataTable/DataTable.vue.d.ts +31 -0
  3. package/dist/components/DataTable/DataTable.vue.d.ts.map +1 -0
  4. package/dist/components/DataTable/tableTypes.d.ts +35 -0
  5. package/dist/components/DataTable/tableTypes.d.ts.map +1 -0
  6. package/dist/components/DataTable/useSorting.d.ts +7 -0
  7. package/dist/components/DataTable/useSorting.d.ts.map +1 -0
  8. package/dist/components/DataTable/useTableData.d.ts +13 -0
  9. package/dist/components/DataTable/useTableData.d.ts.map +1 -0
  10. package/dist/components/DataTable/useTableSelection.d.ts +10 -0
  11. package/dist/components/DataTable/useTableSelection.d.ts.map +1 -0
  12. package/dist/components/DataTable/useTableVirtualization.d.ts +25 -0
  13. package/dist/components/DataTable/useTableVirtualization.d.ts.map +1 -0
  14. package/dist/components/TableSchema.vue.d.ts +2 -2
  15. package/dist/components/form/BagelForm.vue.d.ts.map +1 -1
  16. package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
  17. package/dist/components/index.d.ts +2 -1
  18. package/dist/components/index.d.ts.map +1 -1
  19. package/dist/index.cjs +3414 -3328
  20. package/dist/index.mjs +3415 -3329
  21. package/dist/style.css +272 -272
  22. package/dist/types/TableSchema.d.ts +36 -0
  23. package/dist/types/TableSchema.d.ts.map +1 -0
  24. package/package.json +1 -1
  25. package/src/components/Btn.vue +2 -2
  26. package/src/components/{TableSchema.vue → DataTable/DataTable.vue} +62 -154
  27. package/src/components/DataTable/tableTypes.d.ts +0 -0
  28. package/src/components/DataTable/tableTypes.ts +38 -0
  29. package/src/components/DataTable/useSorting.ts +30 -0
  30. package/src/components/DataTable/useTableData.ts +95 -0
  31. package/src/components/DataTable/useTableSelection.ts +45 -0
  32. package/src/components/DataTable/useTableVirtualization.ts +33 -0
  33. package/src/components/Icon/Icon.vue +1 -1
  34. package/src/components/form/BagelForm.vue +5 -12
  35. package/src/components/form/inputs/RichText/index.vue +6 -4
  36. package/src/components/index.ts +3 -2
  37. package/src/types/TableSchema.ts +39 -0
package/dist/style.css CHANGED
@@ -55,62 +55,62 @@
55
55
  max-height: 300px;
56
56
  }
57
57
 
58
- .bgl_btn[data-v-bfc55fe5] {
58
+ .bgl_btn[data-v-7b18a02c] {
59
59
  --btn-bg: var(--bgl-primary);
60
60
  --btn-color: var(--bgl-light-text);
61
61
  --btn-flat-color: var(--bgl-text-color);
62
62
  }
63
- .bgl_btn-green[data-v-bfc55fe5] {
63
+ .bgl_btn-green[data-v-7b18a02c] {
64
64
  --btn-bg: var(--bgl-green);
65
65
  --btn-color: var(--bgl-light-text);
66
66
  --btn-flat-color: var(--bgl-green);
67
67
  }
68
- .bgl_btn-yellow[data-v-bfc55fe5] {
68
+ .bgl_btn-yellow[data-v-7b18a02c] {
69
69
  --btn-bg: var(--bgl-yellow);
70
70
  --btn-color: var(--bgl-black);
71
71
  --btn-flat-color: var(--bgl-yellow);
72
72
  }
73
- .bgl_btn-blue[data-v-bfc55fe5] {
73
+ .bgl_btn-blue[data-v-7b18a02c] {
74
74
  --btn-bg: var(--bgl-blue);
75
75
  --btn-color: var(--bgl-light-text);
76
76
  --btn-flat-color: var(--bgl-blue);
77
77
  }
78
- .bgl_btn-primary[data-v-bfc55fe5] {
78
+ .bgl_btn-primary[data-v-7b18a02c] {
79
79
  --btn-bg: var(--bgl-primary);
80
80
  --btn-color: var(--bgl-light-text);
81
81
  --btn-flat-color: var(--bgl-primary);
82
82
  }
83
- .bgl_btn-red[data-v-bfc55fe5] {
83
+ .bgl_btn-red[data-v-7b18a02c] {
84
84
  --btn-bg: var(--bgl-red);
85
85
  --btn-color: var(--bgl-light-text);
86
86
  --btn-flat-color: var(--bgl-red);
87
87
  }
88
- .bgl_btn-white[data-v-bfc55fe5] {
88
+ .bgl_btn-white[data-v-7b18a02c] {
89
89
  --btn-bg: var(--bgl-white);
90
90
  --btn-color: var(--bgl-black);
91
91
  --btn-flat-color: var(--bgl-white);
92
92
  }
93
- .bgl_btn-black[data-v-bfc55fe5] {
93
+ .bgl_btn-black[data-v-7b18a02c] {
94
94
  --btn-bg: var(--bgl-black);
95
95
  --btn-color: var(--bgl-light-text);
96
96
  --btn-flat-color: var(--bgl-black);
97
97
  }
98
- .bgl_btn-gray[data-v-bfc55fe5] {
98
+ .bgl_btn-gray[data-v-7b18a02c] {
99
99
  --btn-bg: var(--bgl-gray-light);
100
100
  --btn-color: var(--bgl-black);
101
101
  --btn-flat-color: var(--bgl-gray);
102
102
  }
103
- .bgl_btn-light[data-v-bfc55fe5] {
103
+ .bgl_btn-light[data-v-7b18a02c] {
104
104
  --btn-bg: var(--bgl-primary-light);
105
105
  --btn-color: var(--bgl-primary);
106
106
  --btn-flat-color: var(--bgl-primary-light);
107
107
  }
108
- .bgl_btn-gray-light[data-v-bfc55fe5] {
108
+ .bgl_btn-gray-light[data-v-7b18a02c] {
109
109
  --btn-bg: var(--bgl-gray-light);
110
110
  --btn-color: var(--bgl-gray);
111
111
  --btn-flat-color: var(--bgl-gray-light);
112
112
  }
113
- .bgl_btn[data-v-bfc55fe5] {
113
+ .bgl_btn[data-v-7b18a02c] {
114
114
  padding-left: var(--btn-padding);
115
115
  padding-right: var(--btn-padding);
116
116
  transition: var(--bgl-transition);
@@ -118,7 +118,7 @@
118
118
  color: var(--btn-color);
119
119
  text-decoration: none;
120
120
  }
121
- .bgl_btn.bgl_btn-icon[data-v-bfc55fe5] {
121
+ .bgl_btn.bgl_btn-icon[data-v-7b18a02c] {
122
122
  padding-left: 0;
123
123
  padding-right: 0;
124
124
  height: var(--btn-height);
@@ -127,69 +127,69 @@
127
127
  font-size: 1rem;
128
128
  flex-shrink: 0;
129
129
  }
130
- a[data-v-bfc55fe5] {
130
+ a[data-v-7b18a02c] {
131
131
  text-decoration: none;
132
132
  }
133
- .bgl_btn-flex[data-v-bfc55fe5] {
133
+ .bgl_btn-flex[data-v-7b18a02c] {
134
134
  display: flex;
135
135
  align-items: center;
136
136
  gap: 0.5rem;
137
137
  justify-content: center;
138
138
  height: 100%;
139
139
  }
140
- .bgl_btn .bgl_btn-icon[data-v-bfc55fe5]{
140
+ .bgl_btn .bgl_btn-icon[data-v-7b18a02c]{
141
141
  font-size: calc(var(--input-font-size) * 1.3);
142
142
  }
143
- .bgl_btn[data-v-bfc55fe5]:hover,
144
- .bgl_btn-icon[data-v-bfc55fe5]:hover {
143
+ .bgl_btn[data-v-7b18a02c]:hover,
144
+ .bgl_btn-icon[data-v-7b18a02c]:hover {
145
145
  filter: var(--bgl-hover-filter);
146
146
  }
147
- .bgl_btn[data-v-bfc55fe5]:active:not(:disabled),
148
- .bgl_btn-icon[data-v-bfc55fe5]:active:not(:disabled) {
147
+ .bgl_btn[data-v-7b18a02c]:active:not(:disabled),
148
+ .bgl_btn-icon[data-v-7b18a02c]:active:not(:disabled) {
149
149
  filter: var(--bgl-active-filter);
150
150
  }
151
- .bgl_btn.bgl_btn_flat[data-v-bfc55fe5] {
151
+ .bgl_btn.bgl_btn_flat[data-v-7b18a02c] {
152
152
  background: transparent;
153
153
  color: var(--btn-flat-color);
154
154
  }
155
- .bgl_btn_flat[data-v-bfc55fe5]:hover:not(:disabled),
156
- .bgl_btn-icon.bgl_btn_flat[data-v-bfc55fe5]:hover:not(:disabled) {
155
+ .bgl_btn_flat[data-v-7b18a02c]:hover:not(:disabled),
156
+ .bgl_btn-icon.bgl_btn_flat[data-v-7b18a02c]:hover:not(:disabled) {
157
157
  background: var(--bgl-gray-20);
158
158
  }
159
- .bgl_btn.bgl_btn_flat[data-v-bfc55fe5]:active:not(:disabled),
160
- .bgl_btn-icon.bgl_btn_flat[data-v-bfc55fe5]:active:not(:disabled) {
159
+ .bgl_btn.bgl_btn_flat[data-v-7b18a02c]:active:not(:disabled),
160
+ .bgl_btn-icon.bgl_btn_flat[data-v-7b18a02c]:active:not(:disabled) {
161
161
  background: var(--bgl-gray-40);
162
162
  }
163
- .bgl_btn.thin[data-v-bfc55fe5] {
163
+ .bgl_btn.thin[data-v-7b18a02c] {
164
164
  padding-inline: calc(var(--btn-padding) / 3);
165
165
  border-radius: calc(var(--btn-border-radius) / 1.5);
166
166
  }
167
- .bgl_btn.round[data-v-bfc55fe5] {
167
+ .bgl_btn.round[data-v-7b18a02c] {
168
168
  border-radius: 1000px;
169
169
  }
170
- .bgl_btn-icon.thin[data-v-bfc55fe5] {
170
+ .bgl_btn-icon.thin[data-v-7b18a02c] {
171
171
  height: calc(var(--btn-height) / 1.5);
172
172
  width: calc(var(--btn-height) / 1.5);
173
173
  line-height: normal;
174
174
  }
175
- .bgl_btn-icon.thin .bgl_btn-flex[data-v-bfc55fe5] {
175
+ .bgl_btn-icon.thin .bgl_btn-flex[data-v-7b18a02c] {
176
176
  height: 100%;
177
177
  }
178
- [dir="rtl"] .bgl_btn-icon[data-v-bfc55fe5]{
178
+ [dir="rtl"] .bgl_btn-icon[data-v-7b18a02c]{
179
179
  transform: rotateY(180deg);
180
180
  }
181
- .bgl_btn-border[data-v-bfc55fe5], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-bfc55fe5] {
181
+ .bgl_btn-border[data-v-7b18a02c], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-7b18a02c] {
182
182
  border: 1px solid var(--btn-flat-color);
183
183
  background: transparent;
184
184
  color: var(--btn-flat-color);
185
185
  }
186
- .bgl_btn-border[data-v-bfc55fe5]:hover {
186
+ .bgl_btn-border[data-v-7b18a02c]:hover {
187
187
  color: var(--btn-flat-color);
188
188
  }
189
- .bgl_btn-border[data-v-bfc55fe5]:active:not(:disabled) {
189
+ .bgl_btn-border[data-v-7b18a02c]:active:not(:disabled) {
190
190
  filter: brightness(80%);
191
191
  }
192
- .bgl_btn[data-v-bfc55fe5]:disabled {
192
+ .bgl_btn[data-v-7b18a02c]:disabled {
193
193
  opacity: 0.6;
194
194
  filter: grayscale(0.3);
195
195
  cursor: not-allowed;
@@ -495,6 +495,230 @@ data[data-v-6c27f163] {
495
495
  height:20px !important;
496
496
  }
497
497
 
498
+ .table-list-wrap[data-v-cf461a0e] {
499
+ min-height: 150px;
500
+ }
501
+ .selected[data-v-cf461a0e] {
502
+ background: var(--bgl-primary-tint);
503
+ }
504
+ tbody tr.selected[data-v-cf461a0e]:hover {
505
+ background: var(--bgl-primary-light);
506
+ }
507
+ .loading-table[data-v-cf461a0e] {
508
+ position: relative;
509
+ }
510
+ .inset[data-v-cf461a0e] {
511
+ inset: 0;
512
+ }
513
+ .loading-table-animation[data-v-cf461a0e] {
514
+ --size: 60px;
515
+ top: 30vh;
516
+ inset-inline-start: calc(50% - var(--size));
517
+ border: 3px solid var(--bgl-gray-20);
518
+ border-top: 4px solid var(--bgl-primary);
519
+ width: var(--size);
520
+ height: var(--size);
521
+ animation: loading-table-cf461a0e 1s linear infinite;
522
+ }
523
+ @keyframes loading-table-cf461a0e {
524
+ 0% {
525
+ transform: translate(-50%, -50%) rotate(0deg);
526
+ }
527
+ 100% {
528
+ transform: translate(-50%, -50%) rotate(360deg);
529
+ }
530
+ }
531
+ .list-arrows[data-v-cf461a0e] {
532
+ opacity: 0;
533
+ }
534
+ .list-arrows .bgl_icon-font[data-v-cf461a0e] {
535
+ transition: all ease-in-out 0.2s;
536
+ }
537
+ .list-arrows.sorted[data-v-cf461a0e] {
538
+ opacity: 1;
539
+ }
540
+ .col img[data-v-cf461a0e] {
541
+ height: 35px;
542
+ margin-top: -14px;
543
+ margin-bottom: -14px;
544
+ border-radius: 5px;
545
+ }
546
+ .list-arrows.sorted .desc[data-v-cf461a0e] {
547
+ transform: rotate(180deg);
548
+ display: inline-block;
549
+ }
550
+ table[data-v-cf461a0e] {
551
+ border-spacing: 0 15px;
552
+ border-collapse: collapse;
553
+ width: 100%;
554
+ }
555
+ th[data-v-cf461a0e] {
556
+ font-size: 0.8rem;
557
+ color: var(--bgl-black-tint);
558
+ position: sticky;
559
+ top: 0;
560
+ z-index: 2;
561
+ background: var(--bgl-box-bg);
562
+ height: var(--15d141b2);
563
+ vertical-align: bottom;
564
+ font-weight: 400;
565
+ text-align: start;
566
+ }
567
+ .embedded-field[data-v-cf461a0e] {
568
+ margin-bottom: -0.2rem;
569
+ margin-top: -0.2rem;
570
+ }
571
+ .row[data-v-cf461a0e] {
572
+ border-bottom: 1px solid var(--border-color);
573
+ cursor: pointer;
574
+ }
575
+ .row.first-row[data-v-cf461a0e] {
576
+ font-size: 0.8rem;
577
+ color: var(--bgl-black-tint);
578
+ position: sticky;
579
+ top: 0;
580
+ z-index: 2;
581
+ background: var(--bgl-box-bg);
582
+ vertical-align: bottom;
583
+ }
584
+ .row.first-row[data-v-cf461a0e]::after {
585
+ content: '';
586
+ border-bottom: 1px solid var(--border-color);
587
+ position: absolute;
588
+ left: 0;
589
+ right: 0;
590
+ bottom: -1px;
591
+ }
592
+ .first-row .col[data-v-cf461a0e] {
593
+ cursor: pointer;
594
+ background: var(--bgl-box-bg);
595
+ }
596
+ .col[data-v-cf461a0e] {
597
+ white-space: nowrap;
598
+ padding: 0.75rem 1rem;
599
+ transition: var(--bgl-transition);
600
+ line-height: 1;
601
+ align-items: center;
602
+ text-overflow: ellipsis;
603
+ overflow: hidden;
604
+ max-width: 30vw;
605
+ }
606
+ .col[data-v-cf461a0e]:has(.bagel-input) {
607
+ padding: 0rem 0.25rem;
608
+ }
609
+ .col > div[data-v-cf461a0e] {
610
+ display: flex;
611
+ gap: 0.5rem;
612
+ }
613
+ .max-col-width[data-v-cf461a0e] {
614
+ max-width: 30vw;
615
+ overflow: hidden;
616
+ text-overflow: ellipsis;
617
+ }
618
+ .col.check .bgl_icon-font[data-v-cf461a0e] {
619
+ border-radius: 100%;
620
+ background: var(--bgl-blue-20);
621
+ color: var(--bgl-primary);
622
+ width: 20px;
623
+ height: 20px;
624
+ display: flex;
625
+ align-items: center;
626
+ justify-content: center;
627
+ margin-top: -2px;
628
+ }
629
+ .rows[data-v-cf461a0e] {
630
+ font-size: 0.88em;
631
+ }
632
+ .table-list[data-v-cf461a0e] {
633
+ height: 100%;
634
+ position: relative;
635
+ padding-left: 0 !important;
636
+ padding-right: 0 !important;
637
+ overflow: auto;
638
+ }
639
+ .BagelTable .table-list[data-v-cf461a0e] {
640
+ overflow: unset;
641
+ }
642
+ .row-item[data-v-cf461a0e] {
643
+ height: var(--15d141b2);
644
+ transition: all 200ms ease;
645
+ }
646
+ .row-item[data-v-cf461a0e]:hover {
647
+ background: var(--bgl-gray-light);
648
+ }
649
+ .row-item input[type='checkbox'][data-v-cf461a0e] {
650
+ margin-top: 0.45rem !important;
651
+ accent-color: var(--bgl-accent-color);
652
+ }
653
+ .infinite-wrapper[data-v-cf461a0e] {
654
+ overflow-y: auto;
655
+ width: 100%;
656
+ }
657
+ input[type='checkbox'][data-v-cf461a0e] {
658
+ margin-top: 0.3rem !important;
659
+ accent-color: var(--bgl-accent-color);
660
+ transform: scale(1.2);
661
+ position: relative;
662
+ cursor: pointer;
663
+ display: flex;
664
+ justify-content: center;
665
+ align-items: center;
666
+ height: 0.85rem;
667
+ width: 0.85rem;
668
+ }
669
+ input[type='checkbox'][data-v-cf461a0e]::before {
670
+ content: '';
671
+ height: 0.85rem;
672
+ width: 0.85rem;
673
+ background: var(--bgl-primary);
674
+ display: block;
675
+ text-align: center;
676
+ border-radius: 100%;
677
+ opacity: 0;
678
+ transition: all 200ms ease;
679
+ transform: scale(1);
680
+ position: absolute;
681
+ }
682
+ input[type='checkbox'][data-v-cf461a0e]:hover::before {
683
+ opacity: 0.2;
684
+ transform: scale(2);
685
+ }
686
+ [lang='he'] [dir='ltr'][data-v-cf461a0e] {
687
+ text-align: right;
688
+ }
689
+ th input[type='checkbox'][data-v-cf461a0e] {
690
+ transform: translateY(0.2rem) scale(1.2);
691
+ accent-color: var(--bgl-accent-color);
692
+ }
693
+ th[data-v-cf461a0e]::after {
694
+ content: '';
695
+ border-bottom: 1px solid var(--border-color);
696
+ position: absolute;
697
+ left: 0;
698
+ right: 0;
699
+ bottom: -1px;
700
+ }
701
+ tr[data-v-cf461a0e] {
702
+ border-bottom: 1px solid var(--border-color);
703
+ cursor: pointer;
704
+ align-items: center;
705
+ }
706
+ td[data-v-cf461a0e],
707
+ th[data-v-cf461a0e] {
708
+ white-space: nowrap;
709
+ padding: 0.75rem 0.65rem;
710
+ transition: var(--bgl-transition);
711
+ line-height: 1;
712
+ }
713
+ tbody tr[data-v-cf461a0e] {
714
+ font-size: 0.88em;
715
+ height: var(--15d141b2);
716
+ transition: all 200ms ease;
717
+ }
718
+ tbody tr[data-v-cf461a0e]:hover {
719
+ background: var(--bgl-gray-light);
720
+ }
721
+
498
722
  fieldset[data-v-f7e758e5] {
499
723
  border: 1px solid var(--border-color);
500
724
  border-radius: var(--card-border-radius);
@@ -1327,26 +1551,26 @@ input[type="range"][data-v-25d991e5]:active::-webkit-slider-thumb {
1327
1551
  line-height: 1.65;
1328
1552
  }
1329
1553
 
1330
- .rich-text-editor[data-v-2e74943d] {
1554
+ .rich-text-editor[data-v-ac0edf00] {
1331
1555
  background: var(--input-bg);
1332
1556
  border: 1px solid var(--border-color);
1333
1557
  transition: all 0.3s ease;
1334
1558
  }
1335
- .editor-container[data-v-2e74943d] {
1559
+ .editor-container[data-v-ac0edf00] {
1336
1560
  display: flex;
1337
1561
  gap: 1rem;
1338
1562
  }
1339
- .content-area[data-v-2e74943d],
1340
- .preview-area[data-v-2e74943d] {
1563
+ .content-area[data-v-ac0edf00],
1564
+ .preview-area[data-v-ac0edf00] {
1341
1565
  flex: 1;
1342
1566
  min-height: 200px;
1343
1567
  background: var(--bgl-richtext-color);
1344
1568
  }
1345
- .split-view[data-v-2e74943d] {
1569
+ .split-view[data-v-ac0edf00] {
1346
1570
  display: grid;
1347
1571
  grid-template-columns: 1fr 1fr;
1348
1572
  }
1349
- .editableContent[data-v-2e74943d] {
1573
+ .editableContent[data-v-ac0edf00] {
1350
1574
  width: 100%;
1351
1575
  min-height: 240px;
1352
1576
  height: 100%;
@@ -1354,7 +1578,7 @@ line-height: 1.65;
1354
1578
  outline: none;
1355
1579
  background: transparent;
1356
1580
  }
1357
- .html-editor[data-v-2e74943d] {
1581
+ .html-editor[data-v-ac0edf00] {
1358
1582
  width: 100%;
1359
1583
  height: 100%;
1360
1584
  min-height: 200px;
@@ -1365,12 +1589,12 @@ line-height: 1.65;
1365
1589
  color: white;
1366
1590
  background-color: var(--bgl-black);
1367
1591
  }
1368
- .preview-area[data-v-2e74943d] {
1592
+ .preview-area[data-v-ac0edf00] {
1369
1593
  font-family: monospace;
1370
1594
  white-space: pre-wrap;
1371
1595
  overflow-x: auto;
1372
1596
  }
1373
- .fullscreen-mode[data-v-2e74943d] {
1597
+ .fullscreen-mode[data-v-ac0edf00] {
1374
1598
  position: fixed;
1375
1599
  top: 0;
1376
1600
  left: 0;
@@ -1379,18 +1603,18 @@ line-height: 1.65;
1379
1603
  z-index: 9999;
1380
1604
  padding: 2rem;
1381
1605
  }
1382
- .fullscreen-mode .editor-container[data-v-2e74943d] {
1606
+ .fullscreen-mode .editor-container[data-v-ac0edf00] {
1383
1607
  height: calc(100vh - 4rem);
1384
1608
  }
1385
- .fullscreen-mode .content-area[data-v-2e74943d],
1386
- .fullscreen-mode .preview-area[data-v-2e74943d] {
1609
+ .fullscreen-mode .content-area[data-v-ac0edf00],
1610
+ .fullscreen-mode .preview-area[data-v-ac0edf00] {
1387
1611
  height: 100%;
1388
1612
  overflow-y: auto;
1389
1613
  }
1390
- .fullscreen-mode .code-editor[data-v-2e74943d]{
1614
+ .fullscreen-mode .code-editor[data-v-ac0edf00]{
1391
1615
  height: 100% !important;
1392
1616
  }
1393
- .debug-controls[data-v-2e74943d] {
1617
+ .debug-controls[data-v-ac0edf00] {
1394
1618
  display: flex;
1395
1619
  gap: 0.5rem;
1396
1620
  justify-content: flex-end;
@@ -3567,230 +3791,6 @@ body:has(.bg-dark.is-active) {
3567
3791
  background: transparent;
3568
3792
  }
3569
3793
 
3570
- .table-list-wrap[data-v-473ef3b6] {
3571
- min-height: 150px;
3572
- }
3573
- .selected[data-v-473ef3b6] {
3574
- background: var(--bgl-primary-tint);
3575
- }
3576
- tbody tr.selected[data-v-473ef3b6]:hover {
3577
- background: var(--bgl-primary-light);
3578
- }
3579
- .loading-table[data-v-473ef3b6] {
3580
- position: relative;
3581
- }
3582
- .inset[data-v-473ef3b6] {
3583
- inset: 0;
3584
- }
3585
- .loading-table-animation[data-v-473ef3b6] {
3586
- --size: 60px;
3587
- top: 30vh;
3588
- inset-inline-start: calc(50% - var(--size));
3589
- border: 3px solid var(--bgl-gray-20);
3590
- border-top: 4px solid var(--bgl-primary);
3591
- width: var(--size);
3592
- height: var(--size);
3593
- animation: loading-table-473ef3b6 1s linear infinite;
3594
- }
3595
- @keyframes loading-table-473ef3b6 {
3596
- 0% {
3597
- transform: translate(-50%, -50%) rotate(0deg);
3598
- }
3599
- 100% {
3600
- transform: translate(-50%, -50%) rotate(360deg);
3601
- }
3602
- }
3603
- .list-arrows[data-v-473ef3b6] {
3604
- opacity: 0;
3605
- }
3606
- .list-arrows .bgl_icon-font[data-v-473ef3b6] {
3607
- transition: all ease-in-out 0.2s;
3608
- }
3609
- .list-arrows.sorted[data-v-473ef3b6] {
3610
- opacity: 1;
3611
- }
3612
- .col img[data-v-473ef3b6] {
3613
- height: 35px;
3614
- margin-top: -14px;
3615
- margin-bottom: -14px;
3616
- border-radius: 5px;
3617
- }
3618
- .list-arrows.sorted .desc[data-v-473ef3b6] {
3619
- transform: rotate(180deg);
3620
- display: inline-block;
3621
- }
3622
- table[data-v-473ef3b6] {
3623
- border-spacing: 0 15px;
3624
- border-collapse: collapse;
3625
- width: 100%;
3626
- }
3627
- th[data-v-473ef3b6] {
3628
- font-size: 0.8rem;
3629
- color: var(--bgl-black-tint);
3630
- position: sticky;
3631
- top: 0;
3632
- z-index: 2;
3633
- background: var(--bgl-box-bg);
3634
- height: var(--0df3ff33);
3635
- vertical-align: bottom;
3636
- font-weight: 400;
3637
- text-align: start;
3638
- }
3639
- .embedded-field[data-v-473ef3b6] {
3640
- margin-bottom: -0.2rem;
3641
- margin-top: -0.2rem;
3642
- }
3643
- .row[data-v-473ef3b6] {
3644
- border-bottom: 1px solid var(--border-color);
3645
- cursor: pointer;
3646
- }
3647
- .row.first-row[data-v-473ef3b6] {
3648
- font-size: 0.8rem;
3649
- color: var(--bgl-black-tint);
3650
- position: sticky;
3651
- top: 0;
3652
- z-index: 2;
3653
- background: var(--bgl-box-bg);
3654
- vertical-align: bottom;
3655
- }
3656
- .row.first-row[data-v-473ef3b6]::after {
3657
- content: '';
3658
- border-bottom: 1px solid var(--border-color);
3659
- position: absolute;
3660
- left: 0;
3661
- right: 0;
3662
- bottom: -1px;
3663
- }
3664
- .first-row .col[data-v-473ef3b6] {
3665
- cursor: pointer;
3666
- background: var(--bgl-box-bg);
3667
- }
3668
- .col[data-v-473ef3b6] {
3669
- white-space: nowrap;
3670
- padding: 0.75rem 1rem;
3671
- transition: var(--bgl-transition);
3672
- line-height: 1;
3673
- align-items: center;
3674
- text-overflow: ellipsis;
3675
- overflow: hidden;
3676
- max-width: 30vw;
3677
- }
3678
- .col[data-v-473ef3b6]:has(.bagel-input) {
3679
- padding: 0rem 0.25rem;
3680
- }
3681
- .col > div[data-v-473ef3b6] {
3682
- display: flex;
3683
- gap: 0.5rem;
3684
- }
3685
- .max-col-width[data-v-473ef3b6] {
3686
- max-width: 30vw;
3687
- overflow: hidden;
3688
- text-overflow: ellipsis;
3689
- }
3690
- .col.check .bgl_icon-font[data-v-473ef3b6] {
3691
- border-radius: 100%;
3692
- background: var(--bgl-blue-20);
3693
- color: var(--bgl-primary);
3694
- width: 20px;
3695
- height: 20px;
3696
- display: flex;
3697
- align-items: center;
3698
- justify-content: center;
3699
- margin-top: -2px;
3700
- }
3701
- .rows[data-v-473ef3b6] {
3702
- font-size: 0.88em;
3703
- }
3704
- .table-list[data-v-473ef3b6] {
3705
- height: 100%;
3706
- position: relative;
3707
- padding-left: 0 !important;
3708
- padding-right: 0 !important;
3709
- overflow: auto;
3710
- }
3711
- .BagelTable .table-list[data-v-473ef3b6] {
3712
- overflow: unset;
3713
- }
3714
- .row-item[data-v-473ef3b6] {
3715
- height: var(--0df3ff33);
3716
- transition: all 200ms ease;
3717
- }
3718
- .row-item[data-v-473ef3b6]:hover {
3719
- background: var(--bgl-gray-light);
3720
- }
3721
- .row-item input[type='checkbox'][data-v-473ef3b6] {
3722
- margin-top: 0.45rem !important;
3723
- accent-color: var(--bgl-accent-color);
3724
- }
3725
- .infinite-wrapper[data-v-473ef3b6] {
3726
- overflow-y: auto;
3727
- width: 100%;
3728
- }
3729
- input[type='checkbox'][data-v-473ef3b6] {
3730
- margin-top: 0.3rem !important;
3731
- accent-color: var(--bgl-accent-color);
3732
- transform: scale(1.2);
3733
- position: relative;
3734
- cursor: pointer;
3735
- display: flex;
3736
- justify-content: center;
3737
- align-items: center;
3738
- height: 0.85rem;
3739
- width: 0.85rem;
3740
- }
3741
- input[type='checkbox'][data-v-473ef3b6]::before {
3742
- content: '';
3743
- height: 0.85rem;
3744
- width: 0.85rem;
3745
- background: var(--bgl-primary);
3746
- display: block;
3747
- text-align: center;
3748
- border-radius: 100%;
3749
- opacity: 0;
3750
- transition: all 200ms ease;
3751
- transform: scale(1);
3752
- position: absolute;
3753
- }
3754
- input[type='checkbox'][data-v-473ef3b6]:hover::before {
3755
- opacity: 0.2;
3756
- transform: scale(2);
3757
- }
3758
- [lang='he'] [dir='ltr'][data-v-473ef3b6] {
3759
- text-align: right;
3760
- }
3761
- th input[type='checkbox'][data-v-473ef3b6] {
3762
- transform: translateY(0.2rem) scale(1.2);
3763
- accent-color: var(--bgl-accent-color);
3764
- }
3765
- th[data-v-473ef3b6]::after {
3766
- content: '';
3767
- border-bottom: 1px solid var(--border-color);
3768
- position: absolute;
3769
- left: 0;
3770
- right: 0;
3771
- bottom: -1px;
3772
- }
3773
- tr[data-v-473ef3b6] {
3774
- border-bottom: 1px solid var(--border-color);
3775
- cursor: pointer;
3776
- align-items: center;
3777
- }
3778
- td[data-v-473ef3b6],
3779
- th[data-v-473ef3b6] {
3780
- white-space: nowrap;
3781
- padding: 0.75rem 0.65rem;
3782
- transition: var(--bgl-transition);
3783
- line-height: 1;
3784
- }
3785
- tbody tr[data-v-473ef3b6] {
3786
- font-size: 0.88em;
3787
- height: var(--0df3ff33);
3788
- transition: all 200ms ease;
3789
- }
3790
- tbody tr[data-v-473ef3b6]:hover {
3791
- background: var(--bgl-gray-light);
3792
- }
3793
-
3794
3794
  .vue-zoomer[data-v-6035bdcf] {
3795
3795
  overflow: hidden;
3796
3796
  }