@bagelink/vue 0.0.1139 → 0.0.1143

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 (48) 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/FileUpload.vue.d.ts.map +1 -1
  17. package/dist/components/form/inputs/RichText/index.vue.d.ts +1 -0
  18. package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
  19. package/dist/components/form/inputs/SelectInput.vue.d.ts +0 -1
  20. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  21. package/dist/components/form/inputs/Upload/UploadInput.vue.d.ts.map +1 -1
  22. package/dist/components/index.d.ts +2 -1
  23. package/dist/components/index.d.ts.map +1 -1
  24. package/dist/index.cjs +3493 -3395
  25. package/dist/index.mjs +3494 -3396
  26. package/dist/style.css +348 -348
  27. package/dist/types/BagelForm.d.ts +3 -0
  28. package/dist/types/BagelForm.d.ts.map +1 -1
  29. package/dist/types/TableSchema.d.ts +36 -0
  30. package/dist/types/TableSchema.d.ts.map +1 -0
  31. package/package.json +1 -1
  32. package/src/components/Btn.vue +2 -2
  33. package/src/components/{TableSchema.vue → DataTable/DataTable.vue} +62 -154
  34. package/src/components/DataTable/tableTypes.d.ts +0 -0
  35. package/src/components/DataTable/tableTypes.ts +38 -0
  36. package/src/components/DataTable/useSorting.ts +30 -0
  37. package/src/components/DataTable/useTableData.ts +95 -0
  38. package/src/components/DataTable/useTableSelection.ts +45 -0
  39. package/src/components/DataTable/useTableVirtualization.ts +33 -0
  40. package/src/components/Icon/Icon.vue +1 -1
  41. package/src/components/form/BagelForm.vue +9 -15
  42. package/src/components/form/inputs/FileUpload.vue +1 -0
  43. package/src/components/form/inputs/RichText/index.vue +36 -31
  44. package/src/components/form/inputs/SelectInput.vue +1 -3
  45. package/src/components/form/inputs/Upload/UploadInput.vue +4 -0
  46. package/src/components/index.ts +3 -2
  47. package/src/types/BagelForm.ts +1 -0
  48. 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);
@@ -917,7 +1141,7 @@ pre code.hljs{
917
1141
  }
918
1142
  }
919
1143
 
920
- .fileUploadWrap[data-v-a9ae1c29] {
1144
+ .fileUploadWrap[data-v-d4fb78ee] {
921
1145
  outline: 1px solid var(--border-color);
922
1146
  border-radius: var(--input-border-radius);
923
1147
  text-align: center;
@@ -929,7 +1153,7 @@ pre code.hljs{
929
1153
  background: var(--input-bg);
930
1154
  height: 215px;
931
1155
  }
932
- .bagel-input .fileUploadWrap.fileDropZone[data-v-a9ae1c29] {
1156
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-d4fb78ee] {
933
1157
  background: var(--input-bg);
934
1158
  display: flex;
935
1159
  align-items: center;
@@ -937,14 +1161,14 @@ pre code.hljs{
937
1161
  color: var(--bgl-gray);
938
1162
  flex-direction: column;
939
1163
  }
940
- .fileUploadWrap.dragover[data-v-a9ae1c29],
941
- .fileUploadWrap[data-v-a9ae1c29]:hover {
1164
+ .fileUploadWrap.dragover[data-v-d4fb78ee],
1165
+ .fileUploadWrap[data-v-d4fb78ee]:hover {
942
1166
  box-shadow: inset 0 0 10px #00000012;
943
1167
  }
944
- .fileUploadWrap[style*='height: auto;'][data-v-a9ae1c29] {
1168
+ .fileUploadWrap[style*='height: auto;'][data-v-d4fb78ee] {
945
1169
  min-height: 215px;
946
1170
  }
947
- .multi-image-item-preview[data-v-a9ae1c29] {
1171
+ .multi-image-item-preview[data-v-d4fb78ee] {
948
1172
  border: 1px solid var(--border-color) !important;
949
1173
  border-radius: var(--input-border-radius);
950
1174
  margin: 0.5rem !important;
@@ -958,12 +1182,12 @@ pre code.hljs{
958
1182
  gap: 1rem;
959
1183
  align-items: center;
960
1184
  }
961
- .multi-image-item-preview p[data-v-a9ae1c29] {
1185
+ .multi-image-item-preview p[data-v-d4fb78ee] {
962
1186
  overflow: hidden;
963
1187
  text-overflow: ellipsis;
964
1188
  white-space: nowrap;
965
1189
  }
966
- .multi-preview[data-v-a9ae1c29] {
1190
+ .multi-preview[data-v-d4fb78ee] {
967
1191
  width: 40px;
968
1192
  height: 40px;
969
1193
  border-radius: var(--input-border-radius);
@@ -974,17 +1198,17 @@ pre code.hljs{
974
1198
  align-items: center;
975
1199
  display: flex;
976
1200
  }
977
- .bgl-single-preview[data-v-a9ae1c29] {
1201
+ .bgl-single-preview[data-v-d4fb78ee] {
978
1202
  height: 100%;
979
1203
  position: relative;
980
1204
  }
981
- .bgl-single-preview + .fileUploadPlaceHolder[data-v-a9ae1c29] {
1205
+ .bgl-single-preview + .fileUploadPlaceHolder[data-v-d4fb78ee] {
982
1206
  position: absolute;
983
1207
  inset: 0;
984
1208
  margin: auto;
985
1209
  top: calc(50% - 2rem);
986
1210
  }
987
- .single-image-item-preview[data-v-a9ae1c29] {
1211
+ .single-image-item-preview[data-v-d4fb78ee] {
988
1212
  height: 100%;
989
1213
  min-height: 100%;
990
1214
  position: relative;
@@ -992,13 +1216,13 @@ pre code.hljs{
992
1216
  align-items: center;
993
1217
  justify-content: center;
994
1218
  }
995
- .fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-a9ae1c29] {
1219
+ .fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-d4fb78ee] {
996
1220
  min-height: 215px;
997
1221
  }
998
- .fileUploadWrap[style*='height: auto'] .single-preview[data-v-a9ae1c29] {
1222
+ .fileUploadWrap[style*='height: auto'] .single-preview[data-v-d4fb78ee] {
999
1223
  margin: 0rem !important;
1000
1224
  }
1001
- .single-preview[data-v-a9ae1c29] {
1225
+ .single-preview[data-v-d4fb78ee] {
1002
1226
  border-radius: var(--input-border-radius);
1003
1227
  margin: 1rem;
1004
1228
  padding: 0px;
@@ -1008,7 +1232,7 @@ pre code.hljs{
1008
1232
  background: var(--bgl-gray-light);
1009
1233
  width: 90%;
1010
1234
  }
1011
- .single-image-item-preview[data-v-a9ae1c29]:hover::after {
1235
+ .single-image-item-preview[data-v-d4fb78ee]:hover::after {
1012
1236
  content: 'zoom_in';
1013
1237
  font-size: 32px;
1014
1238
  font-family: 'Material Symbols Outlined', serif;
@@ -1018,20 +1242,20 @@ pre code.hljs{
1018
1242
  z-index: 9;
1019
1243
  pointer-events: none;
1020
1244
  }
1021
- .single-image-item-preview:hover img[data-v-a9ae1c29] {
1245
+ .single-image-item-preview:hover img[data-v-d4fb78ee] {
1022
1246
  filter: brightness(70%);
1023
1247
  }
1024
- .bgl_fill-image.single-image-item-preview[data-v-a9ae1c29] {
1248
+ .bgl_fill-image.single-image-item-preview[data-v-d4fb78ee] {
1025
1249
  height: 100%;
1026
1250
  }
1027
- .bgl_fill-image.single-image-item-preview .single-preview[data-v-a9ae1c29] {
1251
+ .bgl_fill-image.single-image-item-preview .single-preview[data-v-d4fb78ee] {
1028
1252
  border-radius: unset;
1029
1253
  object-fit: cover;
1030
1254
  box-shadow: unset;
1031
1255
  width: 100%;
1032
1256
  height: auto;
1033
1257
  }
1034
- .single-image-item-preview .pie[data-v-a9ae1c29] {
1258
+ .single-image-item-preview .pie[data-v-d4fb78ee] {
1035
1259
  transform-origin: top;
1036
1260
  transform: scale(1.4);
1037
1261
  position: absolute;
@@ -1045,31 +1269,31 @@ pre code.hljs{
1045
1269
  border: none !important;
1046
1270
  padding: 0 !important;
1047
1271
  }
1048
- .bgl_oval-upload[data-v-a9ae1c29] {
1272
+ .bgl_oval-upload[data-v-d4fb78ee] {
1049
1273
  border-radius: 100% !important;
1050
1274
  overflow: hidden;
1051
1275
  }
1052
- .bgl_oval-upload p[data-v-a9ae1c29] {
1276
+ .bgl_oval-upload p[data-v-d4fb78ee] {
1053
1277
  padding: 0.75rem !important;
1054
1278
  font-size: 12px;
1055
1279
  }
1056
- .bgl_oval-upload .fileUploadPlaceHolder[data-v-a9ae1c29] {
1280
+ .bgl_oval-upload .fileUploadPlaceHolder[data-v-d4fb78ee] {
1057
1281
  top: 0;
1058
1282
  }
1059
- .bgl_oval-upload .pie[data-v-a9ae1c29] {
1283
+ .bgl_oval-upload .pie[data-v-d4fb78ee] {
1060
1284
  transform: scale(1);
1061
1285
  }
1062
- .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-a9ae1c29] {
1286
+ .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-d4fb78ee] {
1063
1287
  transform: scale(0.4) !important;
1064
1288
  }
1065
- .bgl_oval-upload .single-image-item-preview[data-v-a9ae1c29] {
1289
+ .bgl_oval-upload .single-image-item-preview[data-v-d4fb78ee] {
1066
1290
  height: 100%;
1067
1291
  }
1068
- .bgl_oval-upload .single-preview[data-v-a9ae1c29] {
1292
+ .bgl_oval-upload .single-preview[data-v-d4fb78ee] {
1069
1293
  margin: 0;
1070
1294
  height: 100% !important;
1071
1295
  }
1072
- .pie[data-v-a9ae1c29] {
1296
+ .pie[data-v-d4fb78ee] {
1073
1297
  width: 30px;
1074
1298
  height: 30px;
1075
1299
  position: relative;
@@ -1077,7 +1301,7 @@ pre code.hljs{
1077
1301
  align-items: center;
1078
1302
  justify-content: center;
1079
1303
  }
1080
- .pie[data-v-a9ae1c29]:before {
1304
+ .pie[data-v-d4fb78ee]:before {
1081
1305
  content: '';
1082
1306
  position: absolute;
1083
1307
  border-radius: 50%;
@@ -1095,26 +1319,26 @@ pre code.hljs{
1095
1319
  #000 calc(100% - var(--b))
1096
1320
  );
1097
1321
  }
1098
- .pie .success[data-v-a9ae1c29] {
1322
+ .pie .success[data-v-d4fb78ee] {
1099
1323
  transform: scale(0);
1100
1324
  opacity: 0;
1101
1325
  transition: all 0.3s ease-in-out;
1102
1326
  }
1103
- .pie .progress[data-v-a9ae1c29] {
1327
+ .pie .progress[data-v-d4fb78ee] {
1104
1328
  position: absolute;
1105
1329
  font-size: 10px;
1106
1330
  }
1107
- .pie.complete .progress[data-v-a9ae1c29] {
1331
+ .pie.complete .progress[data-v-d4fb78ee] {
1108
1332
  display: none;
1109
1333
  }
1110
- .pie.complete .success[data-v-a9ae1c29] {
1334
+ .pie.complete .success[data-v-d4fb78ee] {
1111
1335
  transform: scale(1.3);
1112
1336
  opacity: 1;
1113
1337
  }
1114
- .pie.complete[data-v-a9ae1c29]:before {
1338
+ .pie.complete[data-v-d4fb78ee]:before {
1115
1339
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
1116
1340
  }
1117
- .pie.complete[data-v-a9ae1c29] {
1341
+ .pie.complete[data-v-d4fb78ee] {
1118
1342
  color: var(--bgl-green);
1119
1343
  }
1120
1344
 
@@ -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-59d7c73f] {
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-59d7c73f] {
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-59d7c73f],
1564
+ .preview-area[data-v-59d7c73f] {
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-59d7c73f] {
1346
1570
  display: grid;
1347
1571
  grid-template-columns: 1fr 1fr;
1348
1572
  }
1349
- .editableContent[data-v-2e74943d] {
1573
+ .editableContent[data-v-59d7c73f] {
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-59d7c73f] {
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-59d7c73f] {
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-59d7c73f] {
1374
1598
  position: fixed;
1375
1599
  top: 0;
1376
1600
  left: 0;
@@ -1379,28 +1603,28 @@ 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-59d7c73f] {
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-59d7c73f],
1610
+ .fullscreen-mode .preview-area[data-v-59d7c73f] {
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-59d7c73f]{
1391
1615
  height: 100% !important;
1392
1616
  }
1393
- .debug-controls[data-v-2e74943d] {
1617
+ .debug-controls[data-v-59d7c73f] {
1394
1618
  display: flex;
1395
1619
  gap: 0.5rem;
1396
1620
  justify-content: flex-end;
1397
1621
  }
1398
1622
  .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
1399
1623
 
1400
- .selectinput[data-v-e07a7d4e] {
1624
+ .selectinput[data-v-70535216] {
1401
1625
  width: 100%;
1402
1626
  }
1403
- .selectinput-option[data-v-e07a7d4e] {
1627
+ .selectinput-option[data-v-70535216] {
1404
1628
  padding: 6px 12px;
1405
1629
  cursor: pointer;
1406
1630
  border-radius: 5px;
@@ -1412,23 +1636,23 @@ line-height: 1.65;
1412
1636
  font-size: var(--input-font-size);
1413
1637
  margin-block: 0.15rem;
1414
1638
  }
1415
- .selectinput-option .bgl_icon-font[data-v-e07a7d4e]{
1639
+ .selectinput-option .bgl_icon-font[data-v-70535216]{
1416
1640
  line-height: normal;
1417
1641
  }
1418
- .selectinput-options.multiselect .selectinput-option[data-v-e07a7d4e] {
1642
+ .selectinput-options.multiselect .selectinput-option[data-v-70535216] {
1419
1643
  grid-template-columns: 10px 1fr;
1420
1644
  }
1421
- .selectinput-options[data-v-e07a7d4e] {
1645
+ .selectinput-options[data-v-70535216] {
1422
1646
  max-height: 300px;
1423
1647
  overflow-y: auto;
1424
1648
  }
1425
- .selectinput-option[data-v-e07a7d4e]:hover, .highlight[data-v-e07a7d4e] {
1649
+ .selectinput-option[data-v-70535216]:hover, .highlight[data-v-70535216] {
1426
1650
  background: var(--bgl-gray-20);
1427
1651
  }
1428
- .isEmpty p[data-v-e07a7d4e] {
1652
+ .isEmpty p[data-v-70535216] {
1429
1653
  opacity: 0.3;
1430
1654
  }
1431
- .selected[data-v-e07a7d4e]{
1655
+ .selected[data-v-70535216]{
1432
1656
  /* background: var(--bgl-primary-tint); */
1433
1657
  background: var(--bgl-selected);
1434
1658
  }
@@ -1803,7 +2027,7 @@ line-height: 1.65;
1803
2027
  .bgl-toggle input:checked + label[data-v-ebe691ee] {
1804
2028
  color: var(--bgl-primary) !important;
1805
2029
  }
1806
- .fileUploadWrap[data-v-bd972fe8] {
2030
+ .fileUploadWrap[data-v-0d93d910] {
1807
2031
  outline: 1px solid var(--border-color);
1808
2032
  border-radius: var(--input-border-radius);
1809
2033
  text-align: center;
@@ -1815,7 +2039,7 @@ line-height: 1.65;
1815
2039
  background: var(--input-bg);
1816
2040
  height: 215px;
1817
2041
  }
1818
- .bagel-input .fileUploadWrap.fileDropZone[data-v-bd972fe8] {
2042
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-0d93d910] {
1819
2043
  background: var(--input-bg);
1820
2044
  display: flex;
1821
2045
  align-items: center;
@@ -1823,14 +2047,14 @@ line-height: 1.65;
1823
2047
  color: var(--bgl-gray);
1824
2048
  flex-direction: column;
1825
2049
  }
1826
- .fileUploadWrap.dragover[data-v-bd972fe8],
1827
- .fileUploadWrap[data-v-bd972fe8]:hover {
2050
+ .fileUploadWrap.dragover[data-v-0d93d910],
2051
+ .fileUploadWrap[data-v-0d93d910]:hover {
1828
2052
  box-shadow: inset 0 0 10px #00000012;
1829
2053
  }
1830
- .fileUploadWrap[style*='height: auto;'][data-v-bd972fe8] {
2054
+ .fileUploadWrap[style*='height: auto;'][data-v-0d93d910] {
1831
2055
  min-height: 215px;
1832
2056
  }
1833
- .multi-image-item-preview[data-v-bd972fe8] {
2057
+ .multi-image-item-preview[data-v-0d93d910] {
1834
2058
  border: 1px solid var(--border-color) !important;
1835
2059
  border-radius: var(--input-border-radius);
1836
2060
  margin: 0.5rem !important;
@@ -1844,12 +2068,12 @@ line-height: 1.65;
1844
2068
  gap: 1rem;
1845
2069
  align-items: center;
1846
2070
  }
1847
- .multi-image-item-preview p[data-v-bd972fe8] {
2071
+ .multi-image-item-preview p[data-v-0d93d910] {
1848
2072
  overflow: hidden;
1849
2073
  text-overflow: ellipsis;
1850
2074
  white-space: nowrap;
1851
2075
  }
1852
- .multi-preview[data-v-bd972fe8] {
2076
+ .multi-preview[data-v-0d93d910] {
1853
2077
  width: 40px;
1854
2078
  height: 40px;
1855
2079
  border-radius: var(--input-border-radius);
@@ -1860,17 +2084,17 @@ line-height: 1.65;
1860
2084
  align-items: center;
1861
2085
  display: flex;
1862
2086
  }
1863
- .bgl-single-preview[data-v-bd972fe8] {
2087
+ .bgl-single-preview[data-v-0d93d910] {
1864
2088
  height: 100%;
1865
2089
  position: relative;
1866
2090
  }
1867
- .bgl-single-preview + .fileUploadPlaceHolder[data-v-bd972fe8] {
2091
+ .bgl-single-preview + .fileUploadPlaceHolder[data-v-0d93d910] {
1868
2092
  position: absolute;
1869
2093
  inset: 0;
1870
2094
  margin: auto;
1871
2095
  top: calc(50% - 2rem);
1872
2096
  }
1873
- .single-image-item-preview[data-v-bd972fe8] {
2097
+ .single-image-item-preview[data-v-0d93d910] {
1874
2098
  height: 100%;
1875
2099
  min-height: 100%;
1876
2100
  position: relative;
@@ -1878,13 +2102,13 @@ line-height: 1.65;
1878
2102
  align-items: center;
1879
2103
  justify-content: center;
1880
2104
  }
1881
- .fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-bd972fe8] {
2105
+ .fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-0d93d910] {
1882
2106
  min-height: 215px;
1883
2107
  }
1884
- .fileUploadWrap[style*='height: auto'] .single-preview[data-v-bd972fe8] {
2108
+ .fileUploadWrap[style*='height: auto'] .single-preview[data-v-0d93d910] {
1885
2109
  margin: 0rem !important;
1886
2110
  }
1887
- .single-preview[data-v-bd972fe8] {
2111
+ .single-preview[data-v-0d93d910] {
1888
2112
  border-radius: var(--input-border-radius);
1889
2113
  margin: 1rem;
1890
2114
  padding: 0px;
@@ -1894,7 +2118,7 @@ line-height: 1.65;
1894
2118
  background: var(--bgl-gray-light);
1895
2119
  width: 90%;
1896
2120
  }
1897
- .single-image-item-preview[data-v-bd972fe8]:hover::after {
2121
+ .single-image-item-preview[data-v-0d93d910]:hover::after {
1898
2122
  content: 'zoom_in';
1899
2123
  font-size: 32px;
1900
2124
  font-family: 'Material Symbols Outlined', serif;
@@ -1904,20 +2128,20 @@ line-height: 1.65;
1904
2128
  z-index: 9;
1905
2129
  pointer-events: none;
1906
2130
  }
1907
- .single-image-item-preview:hover img[data-v-bd972fe8] {
2131
+ .single-image-item-preview:hover img[data-v-0d93d910] {
1908
2132
  filter: brightness(70%);
1909
2133
  }
1910
- .bgl_fill-image.single-image-item-preview[data-v-bd972fe8] {
2134
+ .bgl_fill-image.single-image-item-preview[data-v-0d93d910] {
1911
2135
  height: 100%;
1912
2136
  }
1913
- .bgl_fill-image.single-image-item-preview .single-preview[data-v-bd972fe8] {
2137
+ .bgl_fill-image.single-image-item-preview .single-preview[data-v-0d93d910] {
1914
2138
  border-radius: unset;
1915
2139
  object-fit: cover;
1916
2140
  box-shadow: unset;
1917
2141
  width: 100%;
1918
2142
  height: auto;
1919
2143
  }
1920
- .single-image-item-preview .pie[data-v-bd972fe8] {
2144
+ .single-image-item-preview .pie[data-v-0d93d910] {
1921
2145
  transform-origin: top;
1922
2146
  transform: scale(1.4);
1923
2147
  position: absolute;
@@ -1931,31 +2155,31 @@ line-height: 1.65;
1931
2155
  border: none !important;
1932
2156
  padding: 0 !important;
1933
2157
  }
1934
- .bgl_oval-upload[data-v-bd972fe8] {
2158
+ .bgl_oval-upload[data-v-0d93d910] {
1935
2159
  border-radius: 100% !important;
1936
2160
  overflow: hidden;
1937
2161
  }
1938
- .bgl_oval-upload p[data-v-bd972fe8] {
2162
+ .bgl_oval-upload p[data-v-0d93d910] {
1939
2163
  padding: 0.75rem !important;
1940
2164
  font-size: 12px;
1941
2165
  }
1942
- .bgl_oval-upload .fileUploadPlaceHolder[data-v-bd972fe8] {
2166
+ .bgl_oval-upload .fileUploadPlaceHolder[data-v-0d93d910] {
1943
2167
  top: 0;
1944
2168
  }
1945
- .bgl_oval-upload .pie[data-v-bd972fe8] {
2169
+ .bgl_oval-upload .pie[data-v-0d93d910] {
1946
2170
  transform: scale(1);
1947
2171
  }
1948
- .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-bd972fe8] {
2172
+ .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-0d93d910] {
1949
2173
  transform: scale(0.4) !important;
1950
2174
  }
1951
- .bgl_oval-upload .single-image-item-preview[data-v-bd972fe8] {
2175
+ .bgl_oval-upload .single-image-item-preview[data-v-0d93d910] {
1952
2176
  height: 100%;
1953
2177
  }
1954
- .bgl_oval-upload .single-preview[data-v-bd972fe8] {
2178
+ .bgl_oval-upload .single-preview[data-v-0d93d910] {
1955
2179
  margin: 0;
1956
2180
  height: 100% !important;
1957
2181
  }
1958
- .pie[data-v-bd972fe8] {
2182
+ .pie[data-v-0d93d910] {
1959
2183
  width: 30px;
1960
2184
  height: 30px;
1961
2185
  position: relative;
@@ -1963,7 +2187,7 @@ line-height: 1.65;
1963
2187
  align-items: center;
1964
2188
  justify-content: center;
1965
2189
  }
1966
- .pie[data-v-bd972fe8]:before {
2190
+ .pie[data-v-0d93d910]:before {
1967
2191
  content: '';
1968
2192
  position: absolute;
1969
2193
  border-radius: 50%;
@@ -1981,26 +2205,26 @@ line-height: 1.65;
1981
2205
  #000 calc(100% - var(--b))
1982
2206
  );
1983
2207
  }
1984
- .pie .success[data-v-bd972fe8] {
2208
+ .pie .success[data-v-0d93d910] {
1985
2209
  transform: scale(0);
1986
2210
  opacity: 0;
1987
2211
  transition: all 0.3s ease-in-out;
1988
2212
  }
1989
- .pie .progress[data-v-bd972fe8] {
2213
+ .pie .progress[data-v-0d93d910] {
1990
2214
  position: absolute;
1991
2215
  font-size: 10px;
1992
2216
  }
1993
- .pie.complete .progress[data-v-bd972fe8] {
2217
+ .pie.complete .progress[data-v-0d93d910] {
1994
2218
  display: none;
1995
2219
  }
1996
- .pie.complete .success[data-v-bd972fe8] {
2220
+ .pie.complete .success[data-v-0d93d910] {
1997
2221
  transform: scale(1.3);
1998
2222
  opacity: 1;
1999
2223
  }
2000
- .pie.complete[data-v-bd972fe8]:before {
2224
+ .pie.complete[data-v-0d93d910]:before {
2001
2225
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
2002
2226
  }
2003
- .pie.complete[data-v-bd972fe8] {
2227
+ .pie.complete[data-v-0d93d910] {
2004
2228
  color: var(--bgl-green);
2005
2229
  }
2006
2230
 
@@ -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
  }