@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.
- package/dist/components/Btn.vue.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.vue.d.ts +31 -0
- package/dist/components/DataTable/DataTable.vue.d.ts.map +1 -0
- package/dist/components/DataTable/tableTypes.d.ts +35 -0
- package/dist/components/DataTable/tableTypes.d.ts.map +1 -0
- package/dist/components/DataTable/useSorting.d.ts +7 -0
- package/dist/components/DataTable/useSorting.d.ts.map +1 -0
- package/dist/components/DataTable/useTableData.d.ts +13 -0
- package/dist/components/DataTable/useTableData.d.ts.map +1 -0
- package/dist/components/DataTable/useTableSelection.d.ts +10 -0
- package/dist/components/DataTable/useTableSelection.d.ts.map +1 -0
- package/dist/components/DataTable/useTableVirtualization.d.ts +25 -0
- package/dist/components/DataTable/useTableVirtualization.d.ts.map +1 -0
- package/dist/components/TableSchema.vue.d.ts +2 -2
- package/dist/components/form/BagelForm.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs +3414 -3328
- package/dist/index.mjs +3415 -3329
- package/dist/style.css +272 -272
- package/dist/types/TableSchema.d.ts +36 -0
- package/dist/types/TableSchema.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/Btn.vue +2 -2
- package/src/components/{TableSchema.vue → DataTable/DataTable.vue} +62 -154
- package/src/components/DataTable/tableTypes.d.ts +0 -0
- package/src/components/DataTable/tableTypes.ts +38 -0
- package/src/components/DataTable/useSorting.ts +30 -0
- package/src/components/DataTable/useTableData.ts +95 -0
- package/src/components/DataTable/useTableSelection.ts +45 -0
- package/src/components/DataTable/useTableVirtualization.ts +33 -0
- package/src/components/Icon/Icon.vue +1 -1
- package/src/components/form/BagelForm.vue +5 -12
- package/src/components/form/inputs/RichText/index.vue +6 -4
- package/src/components/index.ts +3 -2
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
130
|
+
a[data-v-7b18a02c] {
|
|
131
131
|
text-decoration: none;
|
|
132
132
|
}
|
|
133
|
-
.bgl_btn-flex[data-v-
|
|
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-
|
|
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-
|
|
144
|
-
.bgl_btn-icon[data-v-
|
|
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-
|
|
148
|
-
.bgl_btn-icon[data-v-
|
|
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-
|
|
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-
|
|
156
|
-
.bgl_btn-icon.bgl_btn_flat[data-v-
|
|
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-
|
|
160
|
-
.bgl_btn-icon.bgl_btn_flat[data-v-
|
|
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-
|
|
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-
|
|
167
|
+
.bgl_btn.round[data-v-7b18a02c] {
|
|
168
168
|
border-radius: 1000px;
|
|
169
169
|
}
|
|
170
|
-
.bgl_btn-icon.thin[data-v-
|
|
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-
|
|
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-
|
|
178
|
+
[dir="rtl"] .bgl_btn-icon[data-v-7b18a02c]{
|
|
179
179
|
transform: rotateY(180deg);
|
|
180
180
|
}
|
|
181
|
-
.bgl_btn-border[data-v-
|
|
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-
|
|
186
|
+
.bgl_btn-border[data-v-7b18a02c]:hover {
|
|
187
187
|
color: var(--btn-flat-color);
|
|
188
188
|
}
|
|
189
|
-
.bgl_btn-border[data-v-
|
|
189
|
+
.bgl_btn-border[data-v-7b18a02c]:active:not(:disabled) {
|
|
190
190
|
filter: brightness(80%);
|
|
191
191
|
}
|
|
192
|
-
.bgl_btn[data-v-
|
|
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-
|
|
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-
|
|
1559
|
+
.editor-container[data-v-ac0edf00] {
|
|
1336
1560
|
display: flex;
|
|
1337
1561
|
gap: 1rem;
|
|
1338
1562
|
}
|
|
1339
|
-
.content-area[data-v-
|
|
1340
|
-
.preview-area[data-v-
|
|
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-
|
|
1569
|
+
.split-view[data-v-ac0edf00] {
|
|
1346
1570
|
display: grid;
|
|
1347
1571
|
grid-template-columns: 1fr 1fr;
|
|
1348
1572
|
}
|
|
1349
|
-
.editableContent[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1606
|
+
.fullscreen-mode .editor-container[data-v-ac0edf00] {
|
|
1383
1607
|
height: calc(100vh - 4rem);
|
|
1384
1608
|
}
|
|
1385
|
-
.fullscreen-mode .content-area[data-v-
|
|
1386
|
-
.fullscreen-mode .preview-area[data-v-
|
|
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-
|
|
1614
|
+
.fullscreen-mode .code-editor[data-v-ac0edf00]{
|
|
1391
1615
|
height: 100% !important;
|
|
1392
1616
|
}
|
|
1393
|
-
.debug-controls[data-v-
|
|
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
|
}
|