@bagelink/vue 0.0.749 → 0.0.753

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 (83) hide show
  1. package/dist/components/Btn.vue.d.ts +2 -2
  2. package/dist/components/Btn.vue.d.ts.map +1 -1
  3. package/dist/components/DataPreview.vue.d.ts.map +1 -1
  4. package/dist/components/DropDown.vue.d.ts +5 -5
  5. package/dist/components/DropDown.vue.d.ts.map +1 -1
  6. package/dist/components/MapEmbed.vue.d.ts.map +1 -1
  7. package/dist/components/Modal.vue.d.ts.map +1 -1
  8. package/dist/components/NavBar.vue.d.ts.map +1 -1
  9. package/dist/components/Title.vue.d.ts +1 -1
  10. package/dist/components/dashboard/Lineart.vue.d.ts.map +1 -1
  11. package/dist/components/form/index.d.ts +1 -1
  12. package/dist/components/form/index.d.ts.map +1 -1
  13. package/dist/components/form/inputs/DateInput.vue.d.ts.map +1 -1
  14. package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
  15. package/dist/components/form/inputs/JSONInput.vue.d.ts +1 -1
  16. package/dist/components/form/inputs/JSONInput.vue.d.ts.map +1 -1
  17. package/dist/components/form/inputs/RichText.vue.d.ts.map +1 -1
  18. package/dist/components/form/inputs/RichText2/index.vue.d.ts.map +1 -1
  19. package/dist/components/form/inputs/SelectInput.vue.d.ts +4 -4
  20. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  21. package/dist/components/form/inputs/SignaturePad.vue.d.ts.map +1 -1
  22. package/dist/components/form/inputs/TelInput.vue.d.ts +6 -6
  23. package/dist/components/form/inputs/TelInput.vue.d.ts.map +1 -1
  24. package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
  25. package/dist/components/form/inputs/index.d.ts +11 -11
  26. package/dist/components/form/inputs/index.d.ts.map +1 -1
  27. package/dist/components/layout/SidebarMenu.vue.d.ts.map +1 -1
  28. package/dist/components/layout/TabbedLayout.vue.d.ts +1 -1
  29. package/dist/components/layout/TabbedLayout.vue.d.ts.map +1 -1
  30. package/dist/components/layout/Tabs.vue.d.ts.map +1 -1
  31. package/dist/components/layout/index.d.ts +3 -3
  32. package/dist/components/layout/index.d.ts.map +1 -1
  33. package/dist/components/lightbox/index.d.ts.map +1 -1
  34. package/dist/composables/index.d.ts.map +1 -1
  35. package/dist/index.cjs +47931 -47903
  36. package/dist/index.d.ts +4 -4
  37. package/dist/index.d.ts.map +1 -1
  38. package/dist/index.mjs +47932 -47904
  39. package/dist/plugins/bagel.d.ts +1 -1
  40. package/dist/plugins/bagel.d.ts.map +1 -1
  41. package/dist/plugins/modal.d.ts +1 -1
  42. package/dist/plugins/modal.d.ts.map +1 -1
  43. package/dist/style.css +1092 -1102
  44. package/dist/types/index.d.ts +4 -4
  45. package/dist/types/index.d.ts.map +1 -1
  46. package/dist/utils/index.d.ts +1 -1
  47. package/dist/utils/index.d.ts.map +1 -1
  48. package/package.json +1 -1
  49. package/src/components/Btn.vue +3 -3
  50. package/src/components/DataPreview.vue +1 -1
  51. package/src/components/Dropdown.vue +4 -4
  52. package/src/components/MapEmbed.vue +18 -18
  53. package/src/components/Modal.vue +6 -6
  54. package/src/components/NavBar.vue +1 -1
  55. package/src/components/TableSchema.vue +1 -1
  56. package/src/components/dashboard/Lineart.vue +1 -1
  57. package/src/components/form/index.ts +1 -1
  58. package/src/components/form/inputs/DateInput.vue +1 -1
  59. package/src/components/form/inputs/FileUpload.vue +1 -1
  60. package/src/components/form/inputs/RichText.vue +10 -15
  61. package/src/components/form/inputs/RichText2/index.vue +1 -1
  62. package/src/components/form/inputs/SelectInput.vue +2 -2
  63. package/src/components/form/inputs/SignaturePad.vue +2 -2
  64. package/src/components/form/inputs/TableField.vue +2 -2
  65. package/src/components/form/inputs/TelInput.vue +5 -5
  66. package/src/components/form/inputs/TextInput.vue +15 -13
  67. package/src/components/form/inputs/index.ts +11 -11
  68. package/src/components/formkit/FileUploader.vue +2 -2
  69. package/src/components/layout/SidebarMenu.vue +50 -77
  70. package/src/components/layout/TabbedLayout.vue +1 -1
  71. package/src/components/layout/Tabs.vue +2 -1
  72. package/src/components/layout/index.ts +3 -3
  73. package/src/components/lightbox/index.ts +2 -2
  74. package/src/composables/index.ts +1 -1
  75. package/src/index.ts +6 -6
  76. package/src/plugins/bagel.ts +2 -2
  77. package/src/plugins/modal.ts +2 -2
  78. package/src/styles/bagel.css +6 -0
  79. package/src/styles/buttons.css +4 -0
  80. package/src/styles/theme.css +6 -1
  81. package/src/types/index.ts +5 -6
  82. package/src/utils/index.ts +2 -2
  83. package/vite.config.ts +3 -3
package/dist/style.css CHANGED
@@ -1,54 +1,4 @@
1
1
  @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
2
- .lightbox-image[data-v-0410e12d]{
3
- object-fit: contain;
4
- }
5
- .bgl-lightbox-overlay[data-v-0410e12d] {
6
- background: rgba(0, 0, 0, 0.8);
7
- }
8
- .bgl-lightbox[data-v-0410e12d] {
9
- max-height: 90%;
10
- }
11
- .bgl-lightbox-item[data-v-0410e12d]{
12
- animation: 500ms ease bgl-lightbox-load-0410e12d;
13
- }
14
- @keyframes bgl-lightbox-load-0410e12d {
15
- from {
16
- scale:0.7;
17
- }
18
- to {
19
- scale:1;
20
- }
21
- }
22
- .bgl-lightbox-item[data-v-0410e12d] * {
23
- max-width: 90%;
24
- max-height: calc(80vh - 90px);
25
- border-radius: 3px;
26
- margin: auto;
27
- animation: 200ms ease bgl-lightbox-load-0410e12d;
28
- }
29
- .navigation[data-v-0410e12d] {
30
- top: 50%;
31
- transform: translateY(-50%);
32
- }
33
- .navigation-btn[data-v-0410e12d] {
34
- width: var(--input-height);
35
- height: var(--input-height);
36
- }
37
- .thumbnail[data-v-0410e12d] {
38
- height: 50px;
39
- width: 50px;
40
- }
41
- .thumbnail[data-v-0410e12d]:hover {
42
- opacity: 1;
43
- }
44
- .thumbnail[data-v-0410e12d]:active {
45
- opacity: 0.8;
46
- }
47
- .thumbnail.active[data-v-0410e12d] {
48
- opacity: 1;
49
- outline: 2px solid white;
50
- }
51
-
52
2
  .accordion-item[data-v-f87b579d] {
53
3
  border-bottom: 1px solid var(--border-color);
54
4
  transition: all 0.2s;
@@ -96,19 +46,19 @@ to {
96
46
  max-height: 300px;
97
47
  }
98
48
 
99
- a[data-v-86bf4080] {
49
+ a[data-v-7463197f] {
100
50
  text-decoration: none;
101
51
  }
102
- .loading[data-v-86bf4080] {
52
+ .loading[data-v-7463197f] {
103
53
  border: 1px solid var(--bgl-light-text);
104
54
  border-bottom: 2px solid var(--bgl-light-text);
105
- animation: spin-86bf4080 1s linear infinite;
55
+ animation: spin-7463197f 1s linear infinite;
106
56
  border-radius: 100px;
107
57
  width: 1rem;
108
58
  height: 1rem;
109
59
  margin: auto;
110
60
  }
111
- @keyframes spin-86bf4080 {
61
+ @keyframes spin-7463197f {
112
62
  0% {
113
63
  transform: rotate(0deg);
114
64
  }
@@ -116,7 +66,7 @@ a[data-v-86bf4080] {
116
66
  transform: rotate(360deg);
117
67
  }
118
68
  }
119
- .bgl_btn-icon[data-v-86bf4080] {
69
+ .bgl_btn-icon[data-v-7463197f] {
120
70
  height: var(--btn-height);
121
71
  width: var(--btn-height);
122
72
  border-radius: 100%;
@@ -126,108 +76,108 @@ a[data-v-86bf4080] {
126
76
  flex-shrink: 0;
127
77
  transition: var(--bgl-transition);
128
78
  }
129
- .bgl_btn[data-v-86bf4080] {
79
+ .bgl_btn[data-v-7463197f] {
130
80
  padding-left: var(--btn-padding);
131
81
  padding-right: var(--btn-padding);
132
82
  transition: var(--bgl-transition);
133
83
  text-decoration: none;
134
84
  }
135
- .bgl_btn[disabled="true"][data-v-86bf4080] {
85
+ .bgl_btn[disabled="true"][data-v-7463197f] {
136
86
  opacity: 0.5;
137
87
  cursor: not-allowed;
138
88
  }
139
- .bgl_btn-flex[data-v-86bf4080] {
89
+ .bgl_btn-flex[data-v-7463197f] {
140
90
  display: flex;
141
91
  align-items: center;
142
92
  gap: 0.5rem;
143
93
  justify-content: center;
144
94
  height: 100%;
145
95
  }
146
- .bgl_btn .bgl_.bgl_icon-font[data-v-86bf4080] {
96
+ .bgl_btn .bgl_.bgl_icon-font[data-v-7463197f] {
147
97
  font-size: calc(var(--input-font-size) * 1.3);
148
98
  }
149
- .bgl_btn[data-v-86bf4080],
150
- .bgl_btn-icon[data-v-86bf4080] {
151
- background-color: var(--616bd948);
152
- color: var(--796e2f37);
99
+ .bgl_btn[data-v-7463197f],
100
+ .bgl_btn-icon[data-v-7463197f] {
101
+ background-color: var(--a30674be);
102
+ color: var(--1811393c);
153
103
  }
154
- .bgl_btn[data-v-86bf4080]:hover,
155
- .bgl_btn-icon[data-v-86bf4080]:hover {
104
+ .bgl_btn[data-v-7463197f]:hover,
105
+ .bgl_btn-icon[data-v-7463197f]:hover {
156
106
  filter: var(--bgl-hover-filter);
157
107
  }
158
- .bgl_btn[data-v-86bf4080]:active,
159
- .bgl_btn-icon[data-v-86bf4080]:active {
108
+ .bgl_btn[data-v-7463197f]:active,
109
+ .bgl_btn-icon[data-v-7463197f]:active {
160
110
  filter: var(--bgl-active-filter);
161
111
  }
162
- .bgl_btn.bgl_flatBtn[data-v-86bf4080] {
112
+ .bgl_btn.bgl_flatBtn[data-v-7463197f] {
163
113
  padding-left: var(--btn-padding);
164
114
  padding-right: var(--btn-padding);
165
115
  background: transparent;
166
116
  }
167
- .bgl_btn-icon.bgl_flatBtn[data-v-86bf4080] {
117
+ .bgl_btn-icon.bgl_flatBtn[data-v-7463197f] {
168
118
  background: transparent;
169
119
  }
170
- .bgl_btn.bgl_flatBtn[data-v-86bf4080]:hover,
171
- .bgl_btn-icon.bgl_flatBtn[data-v-86bf4080]:hover {
120
+ .bgl_btn.bgl_flatBtn[data-v-7463197f]:hover,
121
+ .bgl_btn-icon.bgl_flatBtn[data-v-7463197f]:hover {
172
122
  filter: var(--bgl-hover-filter);
173
123
  background: var(--bgl-gray-20);
174
124
  color: var(--bgl-primary);
175
125
  }
176
- .bgl_btn.bgl_flatBtn[data-v-86bf4080]:active,
177
- .bgl_btn-icon.bgl_flatBtn[data-v-86bf4080]:active {
126
+ .bgl_btn.bgl_flatBtn[data-v-7463197f]:active,
127
+ .bgl_btn-icon.bgl_flatBtn[data-v-7463197f]:active {
178
128
  background: var(--bgl-gray-40);
179
129
  filter: var(--bgl-active-filter);
180
130
  color: var(--bgl-primary);
181
131
  }
182
- .bgl_btn.bgl_flatBtn.red[data-v-86bf4080],
183
- .bgl_btn-icon.bgl_flatBtn.red[data-v-86bf4080] {
132
+ .bgl_btn.bgl_flatBtn.red[data-v-7463197f],
133
+ .bgl_btn-icon.bgl_flatBtn.red[data-v-7463197f] {
184
134
  color: var(--bgl-red);
185
135
  }
186
- .bgl_btn.bgl_flatBtn.white[data-v-86bf4080],
187
- .bgl_btn-icon.bgl_flatBtn.white[data-v-86bf4080] {
136
+ .bgl_btn.bgl_flatBtn.white[data-v-7463197f],
137
+ .bgl_btn-icon.bgl_flatBtn.white[data-v-7463197f] {
188
138
  color: var(--bgl-light-text);
189
139
  }
190
- .bgl_btn.bgl_flatBtn.light[data-v-86bf4080],
191
- .bgl_btn-icon.bgl_flatBtn.light[data-v-86bf4080] {
140
+ .bgl_btn.bgl_flatBtn.light[data-v-7463197f],
141
+ .bgl_btn-icon.bgl_flatBtn.light[data-v-7463197f] {
192
142
  color: var(--bgl-primary-tint);
193
143
  }
194
- .bgl_btn.bgl_flatBtn.black[data-v-86bf4080],
195
- .bgl_btn-icon.bgl_flatBtn.black[data-v-86bf4080] {
144
+ .bgl_btn.bgl_flatBtn.black[data-v-7463197f],
145
+ .bgl_btn-icon.bgl_flatBtn.black[data-v-7463197f] {
196
146
  color: var(--bgl-text-color);
197
147
  }
198
- .bgl_btn.bgl_flatBtn.gray[data-v-86bf4080],
199
- .bgl_btn-icon.bgl_flatBtn.gray[data-v-86bf4080] {
148
+ .bgl_btn.bgl_flatBtn.gray[data-v-7463197f],
149
+ .bgl_btn-icon.bgl_flatBtn.gray[data-v-7463197f] {
200
150
  color: var(--bgl-gray);
201
151
  }
202
- .bgl_btn.thin[data-v-86bf4080] {
152
+ .bgl_btn.thin[data-v-7463197f] {
203
153
  padding-inline: calc(var(--btn-padding) / 3);
204
154
  border-radius: calc(var(--btn-border-radius) / 1.5);
205
155
  }
206
- .bgl_btn.round[data-v-86bf4080] {
156
+ .bgl_btn.round[data-v-7463197f] {
207
157
  border-radius: calc(var(--btn-border-radius) * 2);
208
158
  }
209
- .bgl_btn-icon.thin[data-v-86bf4080] {
159
+ .bgl_btn-icon.thin[data-v-7463197f] {
210
160
  height: calc(var(--btn-height) / 1.5);
211
161
  width: calc(var(--btn-height) / 1.5);
212
162
  line-height: normal;
213
163
  }
214
- .bgl_btn-icon.thin .bgl_btn-flex[data-v-86bf4080] {
164
+ .bgl_btn-icon.thin .bgl_btn-flex[data-v-7463197f] {
215
165
  height: 100%;
216
166
  }
217
- [dir="rtl"] .bgl_.bgl_icon-font[data-v-86bf4080] {
167
+ [dir="rtl"] .bgl_.bgl_icon-font[data-v-7463197f] {
218
168
  transform: rotateY(180deg);
219
169
  }
220
- .bgl_btn-border[data-v-86bf4080] {
221
- outline: 1px solid var(--616bd948);
222
- color: var(--616bd948);
170
+ .bgl_btn-border[data-v-7463197f] {
171
+ outline: 1px solid var(--a30674be);
172
+ color: var(--a30674be);
223
173
  background: transparent;
224
174
  }
225
- .bgl_btn-border[data-v-86bf4080]:hover {
175
+ .bgl_btn-border[data-v-7463197f]:hover {
226
176
  color: var(--bgl-light-text);
227
- background: var(--616bd948);
177
+ background: var(--a30674be);
228
178
  filter: brightness(100%);
229
179
  }
230
- .bgl_btn-border[data-v-86bf4080]:active {
180
+ .bgl_btn-border[data-v-7463197f]:active {
231
181
  filter: brightness(80%);
232
182
  }
233
183
 
@@ -506,25 +456,25 @@ display: block;
506
456
  }
507
457
  }
508
458
 
509
- data[data-v-4d174f13] {
459
+ data[data-v-2da95d24] {
510
460
  font-size: var(--input-font-size);
511
461
  border: 1.1px solid var(--border-color);
512
462
  padding: 20px;
513
463
  border-radius: var(--input-border-radius);
514
464
  }
515
- .data-row[data-v-4d174f13] {
465
+ .data-row[data-v-2da95d24] {
516
466
  display: flex;
517
467
  justify-content: space-between;
518
468
  border-bottom: 1px solid var(--border-color);
519
469
  align-items: center;
520
470
  min-height: 50px;
521
471
  }
522
- .data-row .bagel-input.shrink[data-v-4d174f13],
523
- .data-row .bagel-input.shrink input[data-v-4d174f13] {
472
+ .data-row .bagel-input.shrink[data-v-2da95d24],
473
+ .data-row .bagel-input.shrink input[data-v-2da95d24] {
524
474
  min-width: 140px !important;
525
475
  /* margin-top: -0.45rem !important; */
526
476
  }
527
- .data-link[data-v-4d174f13] {
477
+ .data-link[data-v-2da95d24] {
528
478
  display: block;
529
479
  font-size: var(--input-font-size);
530
480
  margin-bottom: 2px;
@@ -532,7 +482,7 @@ data[data-v-4d174f13] {
532
482
  color: var(--input-color);
533
483
  }
534
484
  @media screen and (max-width: 910px) {
535
- .data-row[data-v-4d174f13] {
485
+ .data-row[data-v-2da95d24] {
536
486
  display: block;
537
487
  /* min-height: 80px; */
538
488
  padding-bottom: 1rem;
@@ -571,6 +521,40 @@ data[data-v-4d174f13] {
571
521
  transform: translateY(-2.6rem);
572
522
  }
573
523
 
524
+ .primary-checkbox input[data-v-73f1d9ad] {
525
+ appearance: none;
526
+ accent-color: var(--bgl-accent-color);
527
+ height: calc(var(--input-height) / 1.75);
528
+ width: calc(var(--input-height) / 1.75);
529
+ min-width: 0;
530
+ display: flex;
531
+ justify-content: center;
532
+ align-items: center;
533
+ cursor: pointer;
534
+ border-radius: 100%;
535
+ background: var(--bgl-box-bg);
536
+ border: 2px solid var(--bgl-gray);
537
+ }
538
+ .primary-checkbox[data-v-73f1d9ad] {
539
+ height:var(--input-height);
540
+ width:var(--input-height);
541
+ display: flex;
542
+ justify-content: center;
543
+ align-items: center;
544
+ transition: var(--bgl-transition);
545
+ transform: scale(0.8);
546
+ }
547
+ .primary-checkbox[data-v-73f1d9ad]:hover {
548
+ filter: brightness(90%);
549
+ }
550
+ .primary-checkbox[data-v-73f1d9ad]:active {
551
+ filter: brightness(80%);
552
+ }
553
+ .primary-checkbox input[data-v-73f1d9ad]:checked {
554
+ background: var(--bgl-primary);
555
+ box-shadow: inset 0 0 0px 2px white;
556
+ }
557
+
574
558
  .bgl-checkbox[data-v-1b4d18c6] {
575
559
  flex-direction: row;
576
560
  cursor: pointer;
@@ -630,870 +614,854 @@ data[data-v-4d174f13] {
630
614
  direction: ltr;
631
615
  }
632
616
 
633
- .bagel-input textarea[data-v-1cbaeab2] {
634
- font-family: monospace;
635
- }
636
- [dir='rtl'] .bagel-input textarea[data-v-1cbaeab2] {
637
- direction: ltr;
638
- }
639
- .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}
640
-
641
- .selectinput[data-v-e1b57699] {
642
- width: 100%;
617
+ .datetime-wrap {
618
+ display: flex;
619
+ gap: 3rem;
620
+ padding: 1rem;
643
621
  }
644
- .selectinput-option[data-v-e1b57699] {
645
- padding: 6px 12px;
646
- cursor: pointer;
647
- border-radius: 5px;
648
- transition: all 0.2s;
622
+ .time-wrap {
649
623
  display: grid;
650
- grid-template-columns:1fr;
651
- justify-content: space-between;
624
+ gap: 0.5rem;
625
+ grid-template-columns: 1fr 1fr;
652
626
  width: 100%;
653
- font-size: var(--input-font-size);
654
- margin-block: 0.15rem;
655
627
  }
656
- .selectinput-option .bgl_icon-font[data-v-e1b57699]{
657
- line-height: normal;
628
+ .time-wrap input {
629
+ display: none;
658
630
  }
659
- .selectinput-options.multiselect .selectinput-option[data-v-e1b57699] {
660
- grid-template-columns: 10px 1fr;
631
+ .time-wrap label {
632
+ background: var(--input-bg);
633
+ border-radius: var(--btn-border-radius);
634
+ line-height: calc(var(--btn-height) * 0.9);
635
+ display: block;
636
+ cursor: pointer;
637
+ transition: var(--bgl-transition);
638
+ text-align: center;
639
+ font-size: 16px;
640
+ color: var(--bgl-primary);
641
+ border: 1px solid var(--bgl-primary);
661
642
  }
662
- .selectinput-options[data-v-e1b57699] {
663
- max-height: 300px;
664
- overflow-y: auto;
643
+ .time-wrap input[type='radio']:checked + label {
644
+ background: var(--bgl-primary);
645
+ color: var(--bgl-light-text);
665
646
  }
666
- .selectinput-option[data-v-e1b57699]:hover {
667
- background: var(--bgl-gray-20);
647
+ .time-wrap label:hover {
648
+ filter: var(--bgl-hover-filter);
668
649
  }
669
- .isEmpty p[data-v-e1b57699] {
670
- opacity: 0.3;
650
+ .time-wrap label:active {
651
+ filter: var(--bgl-active-filter);
671
652
  }
672
- .selected[data-v-e1b57699]{
673
- background: var(--bgl-primary-tint);
653
+ .dp__theme_light {
654
+ --dp-background-color: var(--bgl-popup-bg);
655
+ --dp-text-color: var(--bgl-text-color);
656
+ --dp-hover-color: var(--input-bg);
657
+ --dp-hover-text-color: var(--bgl-text-color);
658
+ --dp-hover-icon-color: var(--bgl-primary);
659
+ --dp-primary-color: var(--bgl-primary);
660
+ --dp-primary-disabled-color: var(--bgl-primary);
661
+ --dp-primary-text-color: var(--bgl-light-text);
662
+ --dp-secondary-color: var(--bgl-gray);
663
+ --dp-border-color: transparent;
664
+ --dp-menu-border-color: transparent;
665
+ --dp-scroll-bar-background: transparent;
666
+ --dp-scroll-bar-color: var(--bgl-gray);
667
+ --dp-icon-color: var(--bgl-gray);
668
+ --dp-highlight-color: var(--bgl-gray-light);
674
669
  }
670
+ :root {
671
+ --dp-font-family: inherit;
672
+ --dp-cell-border-radius: 100%;
673
+ --dp-common-transition: all 200s ease-in;
675
674
 
676
- .bagel-input label {
677
- font-size: var(--label-font-size);
675
+ --dp-cell-size: 40px;
676
+ /*Width and height of calendar cell*/
677
+ --dp-menu-min-width: 280px;
678
+ /*Adjust the min width of the menu*/
679
+ --dp-row-margin: 8px 0;
680
+ /*Adjust the spacing between rows in the calendar*/
678
681
  }
679
- .selectinput-btn {
680
- display: flex;
681
- justify-content: space-between;
682
- align-items: center;
683
- height: var(--input-height);
684
- border-radius: var(--input-border-radius);
685
- border: none;
682
+ .dp__calendar_header {
683
+ font-weight: 400;
684
+ padding: 10px 0 0;
685
+ margin-bottom: -10px;
686
+ }
687
+ .dp__calendar_row > div:last-child {
688
+ pointer-events: none;
689
+ }
690
+ .dp__outer_menu_wrap.dp--menu-wrapper {
691
+ filter: drop-shadow(0 0 20px var(--bgl-shadow));
692
+ }
693
+ .dp__input {
686
694
  background: var(--input-bg);
695
+ border: none;
687
696
  padding: 0.7rem;
697
+ border-radius: var(--input-border-radius);
688
698
  color: var(--input-color);
699
+ min-width: calc(var(--input-height) * 3);
689
700
  width: 100%;
690
- font-family: inherit;
691
- font-size: var(--input-font-size);
692
- }
693
- .selectinput-btn p{
694
- white-space: nowrap;
695
- overflow: hidden;
696
- text-overflow: ellipsis;
697
701
  }
698
- .selectinput-btn:disabled {
699
- color: var(--input-disabled-color);
700
- background-color: transparent;
701
- }
702
- .selectinput-btn:focus {
702
+ .dp__input:focus-visible {
703
703
  outline: none;
704
704
  box-shadow: inset 0 0 10px #00000012;
705
705
  }
706
- .v-popper__arrow-container {
707
- display: none;
708
- }
709
- .v-popper--theme-dropdown .v-popper__inner {
710
- border: none;
711
- /* background: transparent; if anyone is changing this please talk to me first*/
712
- border-radius: var(--card-border-radius);
713
- /* color: var(--input-color); */
706
+ [dir="rtl"] .dp__inner_nav svg{
707
+ transform: rotate(180deg) !important;
714
708
  }
715
-
716
- .table-side-scroll[data-v-0b2280e0] {
717
- overflow: auto;
718
- margin-inline-start: -1rem;
719
- padding-inline-start: 1rem;
720
- padding-bottom: 1rem;
709
+ @media screen and (max-width: 767px) {
710
+ .datetime-wrap {
711
+ flex-wrap: wrap;
712
+ padding: 0rem;
713
+ gap: 1rem;
714
+ justify-content: center;
721
715
  }
722
- .table-field-wrap[data-v-0b2280e0] {
723
- margin-bottom: -1rem;
716
+ :root {
717
+ --dp-menu-min-width: 200px;
718
+ --dp-cell-size: 35px;
724
719
  }
725
- .table-cell[data-v-0b2280e0] {
726
- border-inline-end: 1px solid var(--border-color);
727
- border-bottom: 1px solid var(--border-color);
728
720
  }
729
- .table-row[data-v-0b2280e0] {
721
+
722
+ .fileUploadWrap[data-v-be593d04] {
723
+ outline: 1px solid var(--border-color);
724
+ border-radius: var(--input-border-radius);
725
+ text-align: center;
726
+ cursor: pointer;
730
727
  transition: var(--bgl-transition);
731
728
  position: relative;
732
- width: max-content;
733
- }
734
- .table-row[data-v-0b2280e0]:hover {
735
- background: var(--bgl-gray-light);
729
+ font-size: var(--input-font-size);
730
+ overflow-y: auto;
731
+ background: var(--input-bg);
732
+ height: 215px;
736
733
  }
737
- .table-reorder[data-v-0b2280e0] {
738
- opacity: 0;
739
- width: 2rem;
740
- text-align: center;
741
- position: absolute;
742
- margin-inline-start: -2rem;
734
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-be593d04] {
735
+ background: var(--input-bg);
736
+ display: flex;
737
+ align-items: center;
738
+ justify-content: center;
739
+ color: var(--bgl-gray);
740
+ flex-direction: column;
743
741
  }
744
- .table-row:hover .table-reorder[data-v-0b2280e0] {
745
- opacity: 1;
746
- cursor: grab;
742
+ .fileUploadWrap.dragover[data-v-be593d04],
743
+ .fileUploadWrap[data-v-be593d04]:hover {
744
+ box-shadow: inset 0 0 10px #00000012;
747
745
  }
748
- .table-reorder[data-v-0b2280e0]:active {
749
- opacity: 1;
750
- cursor: grab;
746
+ .fileUploadWrap[style*="height: auto;"][data-v-be593d04] {
747
+ min-height: 215px;
751
748
  }
752
- .bgl_btn.thin.bgl_flatBtn[data-v-0b2280e0] {
753
- margin-inline-start: -1rem;
754
- margin-top: 1rem;
755
- }
756
- .table-header[data-v-0b2280e0] {
757
- display: flex;
758
- width: max-content;
759
- }
760
- .header-col[data-v-0b2280e0] {
761
- min-width: calc(var(--input-height) * 3);
762
- font-size: 13px;
749
+ .multi-image-item-preview[data-v-be593d04] {
750
+ border: 1px solid var(--border-color) !important;
751
+ border-radius: var(--input-border-radius);
752
+ margin: 0.5rem !important;
753
+ background: var(--bgl-popup-bg);
754
+ padding: 0;
755
+ padding-inline-end: 0.75rem;
756
+ text-align: start;
763
757
  color: var(--input-color);
764
- padding: 10px 0;
765
- border-bottom: 1px solid var(--border-color);
766
- }
767
- .table-cell[data-v-0b2280e0],
768
- .header-col[data-v-0b2280e0] {
769
- width: 160px;
770
- }
771
- .table-cell.check[data-v-0b2280e0],
772
- .header-col.check[data-v-0b2280e0] {
773
- width: 100px;
774
- }
775
- .table-cell.date[data-v-0b2280e0],
776
- .header-col.date[data-v-0b2280e0] {
777
- width: 140px;
758
+ display: grid;
759
+ grid-template-columns: auto 1fr 22px;
760
+ gap: 1rem;
761
+ align-items: center;
778
762
  }
779
- .header-col.small-text[data-v-0b2280e0],
780
- .header-col.text[data-v-0b2280e0],
781
- .header-col.long-text[data-v-0b2280e0],
782
- .header-col.json[data-v-0b2280e0],
783
- .table-cell.small-text[data-v-0b2280e0],
784
- .table-cell.text[data-v-0b2280e0],
785
- .table-cell.long-text[data-v-0b2280e0],
786
- .table-cell.json[data-v-0b2280e0] {
787
- width: 240px;
763
+ .multi-image-item-preview p[data-v-be593d04] {
764
+ overflow: hidden;
765
+ text-overflow: ellipsis;
766
+ white-space: nowrap;
788
767
  }
789
- .table-cell.small-text .bagel-input[data-v-0b2280e0],
790
- .table-cell.text .bagel-input[data-v-0b2280e0],
791
- .table-cell.long-text .bagel-input[data-v-0b2280e0],
792
- .table-cell.json .bagel-input[data-v-0b2280e0] {
768
+ .multi-preview[data-v-be593d04]{
769
+ width: 40px;
793
770
  height: 40px;
794
- overflow: auto;
771
+ border-radius: var(--input-border-radius);
772
+ object-fit: cover;
773
+ background: var(--bgl-gray-light);
774
+ text-align: center !important;
775
+ justify-content: center;
776
+ align-items: center;
777
+ display: flex;
795
778
  }
796
- .table-action[data-v-0b2280e0] {
797
- text-align: center;
798
- position: sticky;
799
- opacity: 0;
800
- transition: var(--bgl-transition);
801
- inset-inline-end: 0;
779
+ .bgl-single-preview[data-v-be593d04]{
802
780
  height: 100%;
803
- margin-top: -1px;
804
- background: var(--border-color);
805
- }
806
- .table-action>.bgl_icon-font[data-v-0b2280e0] {
807
- padding: 11.4px;
808
- cursor: pointer;
809
- transition: var(--bgl-transition);
781
+ position: relative;
810
782
  }
811
- .table-action:hover>.bgl_icon-font[data-v-0b2280e0] {
812
- background: var(--bgl-red);
813
- color: var(--bgl-box-bg);
783
+ .bgl-single-preview + .fileUploadPlaceHolder[data-v-be593d04]{
784
+ position: absolute;
785
+ inset: 0;
786
+ margin: auto;
787
+ top: calc(50% - 2rem);
814
788
  }
815
- .table-action:active>.bgl_icon-font[data-v-0b2280e0] {
816
- filter: brightness(90%);
789
+ .single-image-item-preview[data-v-be593d04] {
790
+ height: 100%;
791
+ min-height: 100%;
792
+ position: relative;
793
+ display: flex;
794
+ align-items: center;
795
+ justify-content: center;
817
796
  }
818
- .table-row:hover .table-action[data-v-0b2280e0] {
819
- opacity: 1;
797
+ .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-be593d04] {
798
+ min-height: 215px;
820
799
  }
821
-
822
- .table-row .bagel-input input,
823
- .table-row .bagel-input textarea,
824
- .table-row .bagel-input .input {
825
- border-radius: 0;
826
- background: transparent;
827
- color: var(--bgl-text-color);
800
+ .fileUploadWrap[style*="height: auto"] .single-preview[data-v-be593d04] {
801
+ margin: 0rem !important;
828
802
  }
829
- .table-row .bagel-input textarea {
830
- resize: none;
831
- min-height: 40px;
832
- overflow: auto;
833
- margin: 0px;
834
- padding: 0.64rem 0.7rem 0;
803
+ .single-preview[data-v-be593d04]{
804
+ border-radius: var(--input-border-radius);
805
+ margin: 1rem;
806
+ padding: 0px;
807
+ min-height: calc(100% - 2rem);
808
+ height: calc(100% - 2rem);
809
+ object-fit: cover;
810
+ background: var(--bgl-gray-light);
811
+ box-shadow: 0 0 10px #00000012;
835
812
  }
836
- .table-row .bagel-input {
837
- margin: 0;
813
+ .bgl_fill-image.single-image-item-preview[data-v-be593d04] {
814
+ height: 100%;
838
815
  }
839
- .table-row .bagel-input input:focus-visible,
840
- .table-row .bagel-input textarea:focus-visible,
841
- .table-row .bagel-input .input:focus-visible {
842
- background: var(--border-color);
816
+ .bgl_fill-image.single-image-item-preview .single-preview[data-v-be593d04]{
817
+ border-radius: unset;
818
+ object-fit: cover;
819
+ box-shadow: unset;
820
+ width: 100%;
821
+ height: auto;
843
822
  }
844
- .ghost {
845
- opacity: 0;
846
- background: #c8ebfb;
823
+ .single-image-item-preview .pie[data-v-be593d04] {
824
+ transform-origin: top;
825
+ transform: scale(1.4);
826
+ position: absolute;
827
+ text-align: center;
828
+ inset: 0;
829
+ margin: auto;
830
+ display: flex;
831
+ justify-content: center;
832
+ align-items: center;
833
+ background: transparent;
834
+ border: none !important;
835
+ padding: 0 !important;
847
836
  }
848
- .sortable-chosen {
849
- cursor: grabbing !important;
850
- border-color: transparent;
851
- background: var(--bgl-box-bg);
852
- border-radius: 10px;
853
- box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
837
+ .bgl_oval-upload[data-v-be593d04] {
838
+ border-radius: 100% !important;
839
+ overflow: hidden;
854
840
  }
855
-
856
- .bagel-input.shrink,
857
- .bagel-input.shrink input {
858
- min-width: unset !important;
859
- /* width: auto; */
841
+ .bgl_oval-upload p[data-v-be593d04] {
842
+ padding: 0.75rem !important;
843
+ font-size: 12px
860
844
  }
861
- .bagel-input label {
862
- font-size: var(--label-font-size);
845
+ .bgl_oval-upload .fileUploadPlaceHolder[data-v-be593d04]{
846
+ top: 0;
863
847
  }
864
-
865
- .bagel-input textarea[data-v-81f5dea4] {
866
- min-height: unset;
867
- font-size: var(--input-font-size);
848
+ .bgl_oval-upload .pie[data-v-be593d04] {
849
+ transform: scale(1);
868
850
  }
869
- .bagel-input.text-input textarea[data-v-81f5dea4] {
870
- resize: none;
851
+ .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-be593d04] {
852
+ transform: scale(0.4) !important;
871
853
  }
872
- .code textarea[data-v-81f5dea4] {
873
- font-family: 'Inconsolata', monospace;
874
- background: var(--bgl-code-bg) !important;
875
- color: var(--bgl-light-text) !important;
854
+ .bgl_oval-upload .single-image-item-preview[data-v-be593d04]{
855
+ height: 100%;
876
856
  }
877
- .code textarea[data-v-81f5dea4]::placeholder {
878
- color: var(--bgl-light-text) !important;
879
- opacity: 0.3;
857
+ .bgl_oval-upload .single-preview[data-v-be593d04] {
858
+ margin: 0;
859
+ height: 100% !important;
880
860
  }
881
- .bagel-input.small[data-v-81f5dea4] {
882
- margin-bottom: 0;
861
+ .pie[data-v-be593d04] {
862
+ width: 30px;
883
863
  height: 30px;
884
- }
885
- .bagel-input.dense label[data-v-81f5dea4] {
864
+ position: relative;
886
865
  display: flex;
887
866
  align-items: center;
888
- gap: 0.5rem;
889
- }
890
- .bagel-input input[data-v-81f5dea4]:disabled {
891
- background: #f5f5f5;
867
+ justify-content: center;
892
868
  }
893
- .bagel-input label[data-v-81f5dea4] {
894
- font-size: var(--label-font-size);
869
+ .pie[data-v-be593d04]:before {
870
+ content: '';
871
+ position: absolute;
872
+ border-radius: 50%;
873
+ inset: 0;
874
+ transition: all 0.2s ease-in-out;
875
+ background: conic-gradient(var(--bgl-primary) calc(var(--p) * 1%), #0000 0);
876
+ -webkit-mask: radial-gradient(
877
+ farthest-side,
878
+ #0000 calc(99% - var(--b)),
879
+ #000 calc(100% - var(--b))
880
+ );
881
+ mask: radial-gradient(
882
+ farthest-side,
883
+ #0000 calc(99% - var(--b)),
884
+ #000 calc(100% - var(--b))
885
+ );
895
886
  }
896
- .textInputIconWrap[data-v-81f5dea4] {
897
- position: relative;
887
+ .pie .success[data-v-be593d04] {
888
+ transform: scale(0);
889
+ opacity: 0;
890
+ transition: all 0.3s ease-in-out;
898
891
  }
899
- .textInputIconWrap .bgl_icon-font[data-v-81f5dea4] {
892
+ .pie .progress[data-v-be593d04] {
900
893
  position: absolute;
901
- inset-inline-end: 0.7rem;
902
- bottom: 50%;
903
- line-height: 0;
904
- color: var(--bgl-gray);
894
+ font-size: 10px;
905
895
  }
906
- .txtInputIconStart .iconStart[data-v-81f5dea4] {
907
- position: absolute;
908
- inset-inline-start: 0.7rem;
909
- top: 50%;
910
- line-height: 0;
911
- color: var(--bgl-gray);
896
+ .pie.complete .progress[data-v-be593d04] {
897
+ display: none;
912
898
  }
913
- .txtInputIconStart textarea[data-v-81f5dea4] {
914
- padding-inline-start: 2rem;
899
+ .pie.complete .success[data-v-be593d04] {
900
+ transform: scale(1.3);
901
+ opacity: 1;
915
902
  }
916
- .bagel-input.small textarea[data-v-81f5dea4] {
917
- height: 30px;
903
+ .pie.complete[data-v-be593d04]:before {
904
+ background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
905
+ }
906
+ .pie.complete[data-v-be593d04] {
907
+ color: var(--bgl-green);
918
908
  }
919
909
 
920
- .primary-checkbox input[data-v-73f1d9ad] {
921
- appearance: none;
922
- accent-color: var(--bgl-accent-color);
923
- height: calc(var(--input-height) / 1.75);
924
- width: calc(var(--input-height) / 1.75);
925
- min-width: 0;
926
- display: flex;
927
- justify-content: center;
928
- align-items: center;
929
- cursor: pointer;
930
- border-radius: 100%;
931
- background: var(--bgl-box-bg);
932
- border: 2px solid var(--bgl-gray);
910
+ .bagel-input textarea[data-v-1cbaeab2] {
911
+ font-family: monospace;
933
912
  }
934
- .primary-checkbox[data-v-73f1d9ad] {
935
- height:var(--input-height);
936
- width:var(--input-height);
937
- display: flex;
938
- justify-content: center;
939
- align-items: center;
940
- transition: var(--bgl-transition);
941
- transform: scale(0.8);
913
+ [dir='rtl'] .bagel-input textarea[data-v-1cbaeab2] {
914
+ direction: ltr;
942
915
  }
943
- .primary-checkbox[data-v-73f1d9ad]:hover {
944
- filter: brightness(90%);
916
+
917
+ .m-password{
918
+ margin-block: calc(var(--input-height) / 2 - 15px);
945
919
  }
946
- .primary-checkbox[data-v-73f1d9ad]:active {
947
- filter: brightness(80%);
920
+
921
+ .radio-input-list[data-v-3ae8f4d3]{
922
+ width: auto;
923
+ transform: scale(1.4);
924
+ margin-inline-end: 0.6rem;
948
925
  }
949
- .primary-checkbox input[data-v-73f1d9ad]:checked {
950
- background: var(--bgl-primary);
951
- box-shadow: inset 0 0 0px 2px white;
926
+ .active-list-item[data-v-3ae8f4d3]:has(:checked){
927
+ background: var(--bgl-primary-light) !important;
928
+ border-color: var(--bgl-primary) !important;
929
+ accent-color: var(--bgl-accent-color);
952
930
  }
953
931
 
954
- .datetime-wrap {
955
- display: flex;
956
- gap: 3rem;
957
- padding: 1rem;
932
+ .radio-pill label[data-v-8cdfe758] {
933
+ color: var(--bgl-primary);
934
+ white-space: nowrap;
935
+ border-radius: calc(var(--btn-border-radius) * 2);
936
+ outline: 1px solid var(--bgl-primary);
937
+ padding-left: calc(var(--btn-padding) / 2);
938
+ padding-right: calc(var(--btn-padding) / 2);
939
+ padding-top: calc(var(--btn-padding) / 6);
940
+ padding-bottom: calc(var(--btn-padding) / 6);
941
+ cursor: pointer;
942
+ transition: var(--bgl-transition);
943
+ background: var(--bgl-light-text);
944
+ user-select: none;
958
945
  }
959
- .time-wrap {
960
- display: grid;
961
- gap: 0.5rem;
962
- grid-template-columns: 1fr 1fr;
963
- width: 100%;
946
+ .radio-pill label[data-v-8cdfe758]:hover {
947
+ filter: var(--bgl-hover-filter);
964
948
  }
965
- .time-wrap input {
949
+ .radio-pill input[data-v-8cdfe758] {
966
950
  display: none;
967
951
  }
968
- .time-wrap label {
969
- background: var(--input-bg);
970
- border-radius: var(--btn-border-radius);
971
- line-height: calc(var(--btn-height) * 0.9);
972
- display: block;
973
- cursor: pointer;
974
- transition: var(--bgl-transition);
975
- text-align: center;
976
- font-size: 16px;
977
- color: var(--bgl-primary);
978
- border: 1px solid var(--bgl-primary);
979
- }
980
- .time-wrap input[type='radio']:checked + label {
952
+ .radio-pill input:checked ~ label[data-v-8cdfe758] {
981
953
  background: var(--bgl-primary);
982
954
  color: var(--bgl-light-text);
983
955
  }
984
- .time-wrap label:hover {
985
- filter: var(--bgl-hover-filter);
956
+
957
+ /* Basic editor styles */
958
+ .tiptap > * + * {
959
+ margin-top: 0.75em;
986
960
  }
987
- .time-wrap label:active {
988
- filter: var(--bgl-active-filter);
961
+ .tiptap ul,
962
+ .tiptap ol {
963
+ padding: 0 1rem;
989
964
  }
990
- .dp__theme_light {
991
- --dp-background-color: var(--bgl-popup-bg);
992
- --dp-text-color: var(--bgl-text-color);
993
- --dp-hover-color: var(--input-bg);
994
- --dp-hover-text-color: var(--bgl-text-color);
995
- --dp-hover-icon-color: var(--bgl-primary);
996
- --dp-primary-color: var(--bgl-primary);
997
- --dp-primary-disabled-color: var(--bgl-primary);
998
- --dp-primary-text-color: var(--bgl-light-text);
999
- --dp-secondary-color: var(--bgl-gray);
1000
- --dp-border-color: transparent;
1001
- --dp-menu-border-color: transparent;
1002
- --dp-scroll-bar-background: transparent;
1003
- --dp-scroll-bar-color: var(--bgl-gray);
1004
- --dp-icon-color: var(--bgl-gray);
1005
- --dp-highlight-color: var(--bgl-gray-light);
965
+ .tiptap h1,
966
+ .tiptap h2 {
967
+ line-height: 1;
1006
968
  }
1007
- :root {
1008
- --dp-font-family: inherit;
1009
- --dp-cell-border-radius: 100%;
1010
- --dp-common-transition: all 200s ease-in;
1011
-
1012
- --dp-cell-size: 40px;
1013
- /*Width and height of calendar cell*/
1014
- --dp-menu-min-width: 280px;
1015
- /*Adjust the min width of the menu*/
1016
- --dp-row-margin: 8px 0;
1017
- /*Adjust the spacing between rows in the calendar*/
969
+ .tiptap h3,
970
+ .tiptap h4,
971
+ .tiptap h5,
972
+ .tiptap h6 {
973
+ line-height: 1.1;
1018
974
  }
1019
- .dp__calendar_header {
1020
- font-weight: 400;
1021
- padding: 10px 0 0;
1022
- margin-bottom: -10px;
975
+ .tiptap pre {
976
+ background: #0d0d0d;
977
+ color: var(--bgl-light-text);
978
+ font-family: 'JetBrainsMono', monospace;
979
+ padding: 0.75rem 1rem;
980
+ border-radius: 0.5rem;
981
+ margin: 0;
1023
982
  }
1024
- .dp__calendar_row > div:last-child {
1025
- pointer-events: none;
983
+ .tiptap pre code {
984
+ color: inherit;
985
+ padding: 0;
986
+ background: none;
987
+ font-size: 0.8rem;
1026
988
  }
1027
- .dp__outer_menu_wrap.dp--menu-wrapper {
1028
- filter: drop-shadow(0 0 20px var(--bgl-shadow));
989
+ .tiptap img {
990
+ max-width: 100%;
991
+ height: auto;
1029
992
  }
1030
- .dp__input {
1031
- background: var(--input-bg);
993
+ .tiptap blockquote {
994
+ padding-inline-start: 0.5rem;
995
+ border-inline-start: 2px solid var(--border-color);
996
+ margin: 0.5rem
997
+ }
998
+ .tiptap hr {
1032
999
  border: none;
1000
+ border-top: 2px solid var(--border-color);
1001
+ margin: 1rem 0;
1002
+ }
1003
+ .tiptap {
1004
+ min-height: 200px;
1005
+ background: var(--input-bg);
1006
+ overflow: auto;
1007
+ max-height: 500px;
1033
1008
  padding: 0.7rem;
1034
- border-radius: var(--input-border-radius);
1035
1009
  color: var(--input-color);
1036
- min-width: calc(var(--input-height) * 3);
1037
- width: 100%;
1010
+ border-radius: var(--input-border-radius);
1011
+ font-size: var(--input-font-size);
1012
+ line-height: 1.5;
1038
1013
  }
1039
- .dp__input:focus-visible {
1014
+ .tiptap.ProseMirror-focused {
1040
1015
  outline: none;
1041
1016
  box-shadow: inset 0 0 10px #00000012;
1042
1017
  }
1043
- [dir="rtl"] .dp__inner_nav svg{
1044
- transform: rotate(180deg) !important;
1018
+ .RichText {
1019
+ margin-bottom: 0.5rem;
1045
1020
  }
1046
- @media screen and (max-width: 767px) {
1047
- .datetime-wrap {
1048
- flex-wrap: wrap;
1049
- padding: 0rem;
1050
- gap: 1rem;
1051
- justify-content: center;
1021
+ .RichText-tools {
1022
+ background: var(--input-bg);
1023
+ margin-bottom: 0.125rem;
1024
+ border-radius: var(--input-border-radius);
1052
1025
  }
1053
- :root {
1054
- --dp-menu-min-width: 200px;
1055
- --dp-cell-size: 35px;
1026
+ .tiptap {
1027
+ table {
1028
+ border-collapse: collapse;
1029
+ table-layout: fixed;
1030
+ width: 100%;
1031
+ margin: 0;
1032
+ overflow: hidden;
1033
+ td,
1034
+ th {
1035
+ min-width: 1em;
1036
+ border: 2px solid var(--border-color);
1037
+ padding: 3px 5px;
1038
+ vertical-align: top;
1039
+ box-sizing: border-box;
1040
+ position: relative;
1041
+ > * {
1042
+ margin-bottom: 0;
1043
+ margin-top: 0;
1056
1044
  }
1057
1045
  }
1058
-
1059
- .radio-pill label[data-v-8cdfe758] {
1060
- color: var(--bgl-primary);
1061
- white-space: nowrap;
1062
- border-radius: calc(var(--btn-border-radius) * 2);
1063
- outline: 1px solid var(--bgl-primary);
1064
- padding-left: calc(var(--btn-padding) / 2);
1065
- padding-right: calc(var(--btn-padding) / 2);
1066
- padding-top: calc(var(--btn-padding) / 6);
1067
- padding-bottom: calc(var(--btn-padding) / 6);
1068
- cursor: pointer;
1069
- transition: var(--bgl-transition);
1070
- background: var(--bgl-light-text);
1071
- user-select: none;
1046
+ th {
1047
+ font-weight: bold;
1048
+ text-align: start;
1049
+ background-color: var(--bgl-gray-80);
1072
1050
  }
1073
- .radio-pill label[data-v-8cdfe758]:hover {
1074
- filter: var(--bgl-hover-filter);
1051
+ .selectedCell:after {
1052
+ z-index: 2;
1053
+ position: absolute;
1054
+ content: '';
1055
+ left: 0;
1056
+ right: 0;
1057
+ top: 0;
1058
+ bottom: 0;
1059
+ background: var(--bgl-gray-20);
1060
+ pointer-events: none;
1075
1061
  }
1076
- .radio-pill input[data-v-8cdfe758] {
1077
- display: none;
1062
+ .selectedCell p::selection{
1063
+ color: var(--bgl-popup-text)
1078
1064
  }
1079
- .radio-pill input:checked ~ label[data-v-8cdfe758] {
1080
- background: var(--bgl-primary);
1081
- color: var(--bgl-light-text);
1065
+ .column-resize-handle {
1066
+ position: absolute;
1067
+ inset-inline-start: -2px;
1068
+ top: 0;
1069
+ bottom: -2px;
1070
+ width: 4px;
1071
+ background-color: #adf;
1072
+ pointer-events: none;
1082
1073
  }
1083
-
1084
- .fileUploadWrap[data-v-298b3d5b] {
1085
- outline: 1px solid var(--border-color);
1086
- border-radius: var(--input-border-radius);
1087
- text-align: center;
1088
- cursor: pointer;
1089
- transition: var(--bgl-transition);
1090
- position: relative;
1091
- font-size: var(--input-font-size);
1092
- overflow-y: auto;
1093
- background: var(--input-bg);
1094
- height: 215px;
1074
+ p {
1075
+ margin: 0;
1095
1076
  }
1096
- .bagel-input .fileUploadWrap.fileDropZone[data-v-298b3d5b] {
1097
- background: var(--input-bg);
1098
- display: flex;
1099
- align-items: center;
1100
- justify-content: center;
1101
- color: var(--bgl-gray);
1102
- flex-direction: column;
1103
1077
  }
1104
- .fileUploadWrap.dragover[data-v-298b3d5b],
1105
- .fileUploadWrap[data-v-298b3d5b]:hover {
1106
- box-shadow: inset 0 0 10px #00000012;
1107
1078
  }
1108
- .fileUploadWrap[style*="height: auto;"][data-v-298b3d5b] {
1109
- min-height: 215px;
1079
+ .tableWrapper {
1080
+ padding: 1rem 0;
1081
+ overflow-x: auto;
1110
1082
  }
1111
- .multi-image-item-preview[data-v-298b3d5b] {
1112
- border: 1px solid var(--border-color) !important;
1113
- border-radius: var(--input-border-radius);
1114
- margin: 0.5rem !important;
1115
- background: var(--bgl-popup-bg);
1116
- padding: 0;
1117
- padding-inline-end: 0.75rem;
1118
- text-align: start;
1119
- color: var(--input-color);
1120
- display: grid;
1121
- grid-template-columns: auto 1fr 22px;
1122
- gap: 1rem;
1123
- align-items: center;
1083
+ .resize-cursor {
1084
+ cursor: ew-resize;
1085
+ cursor: col-resize;
1124
1086
  }
1125
- .multi-image-item-preview p[data-v-298b3d5b] {
1126
- overflow: hidden;
1127
- text-overflow: ellipsis;
1128
- white-space: nowrap;
1087
+ .RichText-tools [disabled]{
1088
+ color: var(--bgl-popup-text) !important;
1089
+ opacity: 0.3;
1129
1090
  }
1130
- .multi-preview[data-v-298b3d5b]{
1131
- width: 40px;
1132
- height: 40px;
1091
+ .RichText iframe{
1092
+ width: 100%;
1093
+ max-width: 700px;
1094
+ margin: 0 auto;
1095
+ height: auto;
1096
+ display: block;
1133
1097
  border-radius: var(--input-border-radius);
1134
- object-fit: cover;
1135
- background: var(--bgl-gray-light);
1136
- text-align: center !important;
1137
- justify-content: center;
1138
- align-items: center;
1139
- display: flex;
1140
- }
1141
- .bgl-single-preview[data-v-298b3d5b]{
1142
- height: 100%;
1143
- position: relative;
1098
+ border: none;
1099
+ aspect-ratio: 16/9;
1144
1100
  }
1145
- .bgl-single-preview + .fileUploadPlaceHolder[data-v-298b3d5b]{
1146
- position: absolute;
1147
- inset: 0;
1148
- margin: auto;
1149
- top: calc(50% - 2rem);
1150
- }
1151
- .single-image-item-preview[data-v-298b3d5b] {
1152
- height: 100%;
1153
- min-height: 100%;
1154
- position: relative;
1155
- display: flex;
1156
- align-items: center;
1157
- justify-content: center;
1158
- }
1159
- .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-298b3d5b] {
1160
- min-height: 215px;
1161
- }
1162
- .fileUploadWrap[style*="height: auto"] .single-preview[data-v-298b3d5b] {
1163
- margin: 0rem !important;
1164
- }
1165
- .single-preview[data-v-298b3d5b]{
1101
+ .RichText img{
1102
+ width: 100%;
1103
+ max-width: 700px;
1104
+ margin: 0 auto;
1105
+ height: auto;
1106
+ display: block;
1166
1107
  border-radius: var(--input-border-radius);
1167
- margin: 1rem;
1168
- padding: 0px;
1169
- min-height: calc(100% - 2rem);
1170
- height: calc(100% - 2rem);
1171
- object-fit: cover;
1172
- background: var(--bgl-gray-light);
1173
- box-shadow: 0 0 10px #00000012;
1174
1108
  }
1175
- .bgl_fill-image.single-image-item-preview[data-v-298b3d5b] {
1176
- height: 100%;
1177
- }
1178
- .bgl_fill-image.single-image-item-preview .single-preview[data-v-298b3d5b]{
1179
- border-radius: unset;
1180
- object-fit: cover;
1181
- box-shadow: unset;
1109
+ .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}
1110
+
1111
+ .selectinput[data-v-3679d458] {
1182
1112
  width: 100%;
1183
- height: auto;
1184
1113
  }
1185
- .single-image-item-preview .pie[data-v-298b3d5b] {
1186
- transform-origin: top;
1187
- transform: scale(1.4);
1188
- position: absolute;
1189
- text-align: center;
1190
- inset: 0;
1191
- margin: auto;
1192
- display: flex;
1193
- justify-content: center;
1194
- align-items: center;
1195
- background: transparent;
1196
- border: none !important;
1197
- padding: 0 !important;
1114
+ .selectinput-option[data-v-3679d458] {
1115
+ padding: 6px 12px;
1116
+ cursor: pointer;
1117
+ border-radius: 5px;
1118
+ transition: all 0.2s;
1119
+ display: grid;
1120
+ grid-template-columns:1fr;
1121
+ justify-content: space-between;
1122
+ width: 100%;
1123
+ font-size: var(--input-font-size);
1124
+ margin-block: 0.15rem;
1198
1125
  }
1199
- .bgl_oval-upload[data-v-298b3d5b] {
1200
- border-radius: 100% !important;
1201
- overflow: hidden;
1126
+ .selectinput-option .bgl_icon-font[data-v-3679d458]{
1127
+ line-height: normal;
1202
1128
  }
1203
- .bgl_oval-upload p[data-v-298b3d5b] {
1204
- padding: 0.75rem !important;
1205
- font-size: 12px
1129
+ .selectinput-options.multiselect .selectinput-option[data-v-3679d458] {
1130
+ grid-template-columns: 10px 1fr;
1206
1131
  }
1207
- .bgl_oval-upload .fileUploadPlaceHolder[data-v-298b3d5b]{
1208
- top: 0;
1132
+ .selectinput-options[data-v-3679d458] {
1133
+ max-height: 300px;
1134
+ overflow-y: auto;
1209
1135
  }
1210
- .bgl_oval-upload .pie[data-v-298b3d5b] {
1211
- transform: scale(1);
1136
+ .selectinput-option[data-v-3679d458]:hover {
1137
+ background: var(--bgl-gray-20);
1212
1138
  }
1213
- .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-298b3d5b] {
1214
- transform: scale(0.4) !important;
1139
+ .isEmpty p[data-v-3679d458] {
1140
+ opacity: 0.3;
1215
1141
  }
1216
- .bgl_oval-upload .single-image-item-preview[data-v-298b3d5b]{
1217
- height: 100%;
1142
+ .selected[data-v-3679d458]{
1143
+ background: var(--bgl-primary-tint);
1218
1144
  }
1219
- .bgl_oval-upload .single-preview[data-v-298b3d5b] {
1220
- margin: 0;
1221
- height: 100% !important;
1145
+
1146
+ .bagel-input label {
1147
+ font-size: var(--label-font-size);
1222
1148
  }
1223
- .pie[data-v-298b3d5b] {
1224
- width: 30px;
1225
- height: 30px;
1226
- position: relative;
1149
+ .selectinput-btn {
1227
1150
  display: flex;
1151
+ justify-content: space-between;
1228
1152
  align-items: center;
1229
- justify-content: center;
1153
+ height: var(--input-height);
1154
+ border-radius: var(--input-border-radius);
1155
+ border: none;
1156
+ background: var(--input-bg);
1157
+ padding: 0.7rem;
1158
+ color: var(--input-color);
1159
+ width: 100%;
1160
+ font-family: inherit;
1161
+ font-size: var(--input-font-size);
1230
1162
  }
1231
- .pie[data-v-298b3d5b]:before {
1232
- content: '';
1233
- position: absolute;
1234
- border-radius: 50%;
1235
- inset: 0;
1236
- transition: all 0.2s ease-in-out;
1237
- background: conic-gradient(var(--bgl-primary) calc(var(--p) * 1%), #0000 0);
1238
- -webkit-mask: radial-gradient(
1239
- farthest-side,
1240
- #0000 calc(99% - var(--b)),
1241
- #000 calc(100% - var(--b))
1242
- );
1243
- mask: radial-gradient(
1244
- farthest-side,
1245
- #0000 calc(99% - var(--b)),
1246
- #000 calc(100% - var(--b))
1247
- );
1163
+ .selectinput-btn p{
1164
+ white-space: nowrap;
1165
+ overflow: hidden;
1166
+ text-overflow: ellipsis;
1248
1167
  }
1249
- .pie .success[data-v-298b3d5b] {
1250
- transform: scale(0);
1251
- opacity: 0;
1252
- transition: all 0.3s ease-in-out;
1168
+ .selectinput-btn:disabled {
1169
+ color: var(--input-disabled-color);
1170
+ background-color: transparent;
1253
1171
  }
1254
- .pie .progress[data-v-298b3d5b] {
1255
- position: absolute;
1256
- font-size: 10px;
1172
+ .selectinput-btn:focus {
1173
+ outline: none;
1174
+ box-shadow: inset 0 0 10px #00000012;
1257
1175
  }
1258
- .pie.complete .progress[data-v-298b3d5b] {
1176
+ .v-popper__arrow-container {
1259
1177
  display: none;
1260
1178
  }
1261
- .pie.complete .success[data-v-298b3d5b] {
1262
- transform: scale(1.3);
1263
- opacity: 1;
1179
+ .v-popper--theme-dropdown .v-popper__inner {
1180
+ border: none;
1181
+ /* background: transparent; if anyone is changing this please talk to me first*/
1182
+ border-radius: var(--card-border-radius);
1183
+ /* color: var(--input-color); */
1264
1184
  }
1265
- .pie.complete[data-v-298b3d5b]:before {
1266
- background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
1185
+
1186
+ @font-face {
1187
+ font-family: 'FontWithASyntaxHighlighter';
1188
+ font-style: normal;
1189
+ font-weight: 400;
1190
+ font-stretch: 100%;
1191
+ font-display: swap;
1192
+ src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/FontWithASyntaxHighlighter-Regular.woff2) format('woff2')
1267
1193
  }
1268
- .pie.complete[data-v-298b3d5b] {
1269
- color: var(--bgl-green);
1194
+ @font-palette-values --myCustomPalette {
1195
+ font-family: 'FontWithASyntaxHighlighter';
1196
+ override-colors:
1197
+ 0 #6191c2, /* keywords, {} */
1198
+ 1 #75975d, /* comments */
1199
+ 2 yellow, /* literals */
1200
+ 3 #a3c19a, /* numbers */
1201
+ 4 blue, /* functions, [] */
1202
+ 5 orange, /* js others */
1203
+ 6 black, /* not in use */
1204
+ 7 #bc8abd, /* inside quotes, css properties, few chars */
1205
+ 8 #818181 /* few chars */
1206
+ ;
1270
1207
  }
1271
-
1272
- .bagel-input.bgl-toggle[data-v-0a2b089d]{
1273
- display: unset !important;
1208
+ .preview-area[data-v-1cddc1b1]{
1209
+ font-family: "FontWithASyntaxHighlighter", monospace;
1210
+ font-palette: --myCustomPalette;
1211
+ background: var(--bgl-code-bg);
1212
+ color: var(--bgl-code-color)
1274
1213
  }
1275
- .bagel-input.bgl-toggle[data-v-0a2b089d] *{
1276
- cursor: pointer !important;
1214
+ .rich-text-editor[data-v-1cddc1b1] {
1215
+ background: var(--input-bg);
1216
+ margin-bottom: 0.5rem;
1217
+ width: 100%;
1277
1218
  }
1278
- .bagel-input.bgl-toggle input[data-v-0a2b089d]{
1279
- padding: unset !important;
1280
- min-width: unset !important;
1219
+ .editableContent[data-v-1cddc1b1]{
1220
+ min-height: 100%;
1221
+ white-space: pre-wrap;
1222
+ outline: none;
1281
1223
  }
1282
- .bgl-toggle input[data-v-0a2b089d] {
1283
- appearance: none;
1284
- position: relative;
1285
- display: inline-block;
1286
- background: var(--input-bg);
1287
- height: calc(var(--input-height) / 2);
1288
- width: calc(var(--input-height) - 2px);
1289
- vertical-align: middle;
1290
- border-radius: 2rem;
1291
- box-shadow: 0px 1px 3px #0003 inset;
1292
- transition: 0.25s linear all;
1293
- outline: 1px solid var(--border-color);
1224
+ .content-area[data-v-1cddc1b1]{
1225
+ background: var(--bgl-richtext-color);
1294
1226
  }
1295
- .bgl-toggle input[data-v-0a2b089d]::before {
1296
- position: absolute;
1297
- content: "";
1298
- height: calc(var(--input-height) / 2 - 2px);
1299
- width: calc(var(--input-height) / 2 - 2px);
1300
- inset-inline-start: 1px;
1301
- bottom: 1px;
1302
- border-radius: 50%;
1303
- background: var(--bgl-box-bg);
1304
- -webkit-transition: 0.2s;
1305
- transition: 0.2s;
1306
- box-shadow:0 1px 5px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
1227
+ .content-area[data-v-1cddc1b1], .preview-area[data-v-1cddc1b1]{
1228
+ min-height: 200px;
1307
1229
  }
1308
- .bgl-toggle label[data-v-0a2b089d] {
1309
- padding-inline-start: 0.5rem;
1310
- transition: var(--bgl-transition);
1311
- cursor: pointer;
1312
- user-select: none;
1313
- line-height: var(--input-height);
1314
- font-size: var(--input-font-size);
1230
+ .fullscreen-mode[data-v-1cddc1b1] {
1231
+ position: fixed;
1232
+ top: 0;
1233
+ left: 0;
1234
+ width: 100%;
1235
+ height: 100%;
1236
+ z-index: 9999;
1237
+ background: var(--input-bg);
1238
+ padding: 2rem;
1239
+ overflow: auto;
1240
+ border-radius: 0;
1315
1241
  }
1316
- .bgl-toggle label[data-v-0a2b089d]:hover {
1317
- filter: brightness(90%);
1242
+ .fullscreen-mode .content-area[data-v-1cddc1b1]{
1243
+ height: calc(100vh - 5rem);
1244
+ padding: 4rem !important;
1245
+ max-width: 900px;
1246
+ margin-inline: auto ;
1247
+ overflow-y: auto;
1318
1248
  }
1319
- .bgl-toggle label[data-v-0a2b089d]:active {
1320
- filter: var(--bgl-active-filter);
1249
+ .fullscreen-mode .toolbar[data-v-1cddc1b1]{
1250
+ max-width: 900px;
1251
+ margin-inline: auto ;
1252
+ /* border-bottom: 1px solid var(--border-color); */
1253
+ /* margin-bottom: 2rem; */
1321
1254
  }
1322
- .bgl-toggle input[data-v-0a2b089d]:focus-visible {
1323
- outline: -webkit-focus-ring-color auto 1px;
1324
- outline-offset: 2px
1255
+
1256
+ /* [contenteditable='true'] {
1257
+ white-space: pre-wrap;
1258
+ word-wrap: break-word;
1259
+ outline: none;
1260
+ height: 100%;
1261
+ } */
1262
+ /*
1263
+
1264
+ .editor-container {
1265
+ display: flex;
1266
+ border: 1px solid #ccc;
1267
+ border-radius: 4px;
1268
+ overflow: hidden;
1325
1269
  }
1326
- .bgl-toggle input[data-v-0a2b089d]:focus {
1327
- outline-color: transparent;
1270
+
1271
+ .content-area,
1272
+ .preview-area {
1273
+ flex: 1;
1274
+ min-height: 300px;
1275
+ padding: 10px;
1276
+ overflow-y: auto;
1328
1277
  }
1329
- .bgl-toggle input[data-v-0a2b089d]:focus-visible {
1330
- outline: -webkit-focus-ring-color auto 1px;
1331
- outline-offset: 2px
1278
+
1279
+ .content-area:focus {
1280
+ outline: none;
1332
1281
  }
1333
- .bgl-toggle[data-v-0a2b089d] :checked{
1334
- background: var(--bgl-primary);
1282
+
1283
+ .split-view .content-area,
1284
+ .split-view .preview-area {
1285
+ width: 50%;
1335
1286
  }
1336
- .bgl-toggle[data-v-0a2b089d] :checked::before{
1337
- margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
1287
+
1288
+ .preview-area {
1289
+ background-color: #f9f9f9;
1290
+ border-left: 1px solid #ccc;
1291
+ } */
1292
+
1293
+ /* @media (max-width: 768px) {
1294
+ .split-view {
1295
+ flex-direction: column;
1296
+ }
1297
+
1298
+ .split-view .content-area,
1299
+ .split-view .preview-area {
1300
+ width: 100%;
1301
+ }
1302
+
1303
+ .preview-area {
1304
+ border-left: none;
1305
+ border-top: 1px solid #ccc;
1306
+ }
1307
+ } */
1308
+
1309
+ .bgl_input .canvas {
1310
+ width: 100%;
1311
+ height: 100%;
1338
1312
  }
1339
- .bgl-toggle input:checked + label[data-v-0a2b089d] {
1340
- color: var(--bgl-primary) !important;
1313
+ .bgl_input.signature-pad {
1314
+ background: var(--input-bg);
1315
+ border: none;
1316
+ border-radius: var(--input-border-radius);
1317
+ }
1318
+ .bgl_input.signature-pad .canvas[disabled] {
1319
+ background: var(--input-disabled-bg);
1320
+ border: 1px solid var(--bgl-gray);
1321
+ border-radius: var(--input-border-radius);
1341
1322
  }
1342
1323
 
1343
- /* Basic editor styles */
1344
- .tiptap > * + * {
1345
- margin-top: 0.75em;
1324
+ .table-side-scroll[data-v-24816da2] {
1325
+ overflow: auto;
1326
+ margin-inline-start: -1rem;
1327
+ padding-inline-start: 1rem;
1328
+ padding-bottom: 1rem;
1346
1329
  }
1347
- .tiptap ul,
1348
- .tiptap ol {
1349
- padding: 0 1rem;
1330
+ .table-field-wrap[data-v-24816da2] {
1331
+ margin-bottom: -1rem;
1350
1332
  }
1351
- .tiptap h1,
1352
- .tiptap h2 {
1353
- line-height: 1;
1333
+ .table-cell[data-v-24816da2] {
1334
+ border-inline-end: 1px solid var(--border-color);
1335
+ border-bottom: 1px solid var(--border-color);
1354
1336
  }
1355
- .tiptap h3,
1356
- .tiptap h4,
1357
- .tiptap h5,
1358
- .tiptap h6 {
1359
- line-height: 1.1;
1337
+ .table-row[data-v-24816da2] {
1338
+ transition: var(--bgl-transition);
1339
+ position: relative;
1340
+ width: max-content;
1360
1341
  }
1361
- .tiptap pre {
1362
- background: #0d0d0d;
1363
- color: var(--bgl-light-text);
1364
- font-family: 'JetBrainsMono', monospace;
1365
- padding: 0.75rem 1rem;
1366
- border-radius: 0.5rem;
1367
- margin: 0;
1342
+ .table-row[data-v-24816da2]:hover {
1343
+ background: var(--bgl-gray-light);
1368
1344
  }
1369
- .tiptap pre code {
1370
- color: inherit;
1371
- padding: 0;
1372
- background: none;
1373
- font-size: 0.8rem;
1345
+ .table-reorder[data-v-24816da2] {
1346
+ opacity: 0;
1347
+ width: 2rem;
1348
+ text-align: center;
1349
+ position: absolute;
1350
+ margin-inline-start: -2rem;
1374
1351
  }
1375
- .tiptap img {
1376
- max-width: 100%;
1377
- height: auto;
1352
+ .table-row:hover .table-reorder[data-v-24816da2] {
1353
+ opacity: 1;
1354
+ cursor: grab;
1378
1355
  }
1379
- .tiptap blockquote {
1380
- padding-inline-start: 0.5rem;
1381
- border-inline-start: 2px solid var(--border-color);
1382
- margin: 0.5rem
1356
+ .table-reorder[data-v-24816da2]:active {
1357
+ opacity: 1;
1358
+ cursor: grab;
1359
+ }
1360
+ .bgl_btn.thin.bgl_flatBtn[data-v-24816da2] {
1361
+ margin-inline-start: -1rem;
1362
+ margin-top: 1rem;
1383
1363
  }
1384
- .tiptap hr {
1385
- border: none;
1386
- border-top: 2px solid var(--border-color);
1387
- margin: 1rem 0;
1364
+ .table-header[data-v-24816da2] {
1365
+ display: flex;
1366
+ width: max-content;
1388
1367
  }
1389
- .tiptap {
1390
- min-height: 200px;
1391
- background: var(--input-bg);
1392
- overflow: auto;
1393
- max-height: 500px;
1394
- padding: 0.7rem;
1368
+ .header-col[data-v-24816da2] {
1369
+ min-width: calc(var(--input-height) * 3);
1370
+ font-size: 13px;
1395
1371
  color: var(--input-color);
1396
- border-radius: var(--input-border-radius);
1397
- font-size: var(--input-font-size);
1398
- line-height: 1.5;
1399
- }
1400
- .tiptap.ProseMirror-focused {
1401
- outline: none;
1402
- box-shadow: inset 0 0 10px #00000012;
1372
+ padding: 10px 0;
1373
+ border-bottom: 1px solid var(--border-color);
1403
1374
  }
1404
- .RichText {
1405
- margin-bottom: 0.5rem;
1375
+ .table-cell[data-v-24816da2],
1376
+ .header-col[data-v-24816da2] {
1377
+ width: 160px;
1406
1378
  }
1407
- .RichText-tools {
1408
- background: var(--input-bg);
1409
- margin-bottom: 0.125rem;
1410
- border-radius: var(--input-border-radius);
1379
+ .table-cell.check[data-v-24816da2],
1380
+ .header-col.check[data-v-24816da2] {
1381
+ width: 100px;
1411
1382
  }
1412
- .tiptap {
1413
- table {
1414
- border-collapse: collapse;
1415
- table-layout: fixed;
1416
- width: 100%;
1417
- margin: 0;
1418
- overflow: hidden;
1419
- td,
1420
- th {
1421
- min-width: 1em;
1422
- border: 2px solid var(--border-color);
1423
- padding: 3px 5px;
1424
- vertical-align: top;
1425
- box-sizing: border-box;
1426
- position: relative;
1427
- > * {
1428
- margin-bottom: 0;
1429
- margin-top: 0;
1383
+ .table-cell.date[data-v-24816da2],
1384
+ .header-col.date[data-v-24816da2] {
1385
+ width: 140px;
1430
1386
  }
1387
+ .header-col.small-text[data-v-24816da2],
1388
+ .header-col.text[data-v-24816da2],
1389
+ .header-col.long-text[data-v-24816da2],
1390
+ .header-col.json[data-v-24816da2],
1391
+ .table-cell.small-text[data-v-24816da2],
1392
+ .table-cell.text[data-v-24816da2],
1393
+ .table-cell.long-text[data-v-24816da2],
1394
+ .table-cell.json[data-v-24816da2] {
1395
+ width: 240px;
1431
1396
  }
1432
- th {
1433
- font-weight: bold;
1434
- text-align: start;
1435
- background-color: var(--bgl-gray-80);
1397
+ .table-cell.small-text .bagel-input[data-v-24816da2],
1398
+ .table-cell.text .bagel-input[data-v-24816da2],
1399
+ .table-cell.long-text .bagel-input[data-v-24816da2],
1400
+ .table-cell.json .bagel-input[data-v-24816da2] {
1401
+ height: 40px;
1402
+ overflow: auto;
1436
1403
  }
1437
- .selectedCell:after {
1438
- z-index: 2;
1439
- position: absolute;
1440
- content: '';
1441
- left: 0;
1442
- right: 0;
1443
- top: 0;
1444
- bottom: 0;
1445
- background: var(--bgl-gray-20);
1446
- pointer-events: none;
1404
+ .table-action[data-v-24816da2] {
1405
+ text-align: center;
1406
+ position: sticky;
1407
+ opacity: 0;
1408
+ transition: var(--bgl-transition);
1409
+ inset-inline-end: 0;
1410
+ height: 100%;
1411
+ margin-top: -1px;
1412
+ background: var(--border-color);
1447
1413
  }
1448
- .selectedCell p::selection{
1449
- color: var(--bgl-popup-text)
1414
+ .table-action>.bgl_icon-font[data-v-24816da2] {
1415
+ padding: 11.4px;
1416
+ cursor: pointer;
1417
+ transition: var(--bgl-transition);
1450
1418
  }
1451
- .column-resize-handle {
1452
- position: absolute;
1453
- inset-inline-start: -2px;
1454
- top: 0;
1455
- bottom: -2px;
1456
- width: 4px;
1457
- background-color: #adf;
1458
- pointer-events: none;
1419
+ .table-action:hover>.bgl_icon-font[data-v-24816da2] {
1420
+ background: var(--bgl-red);
1421
+ color: var(--bgl-box-bg);
1459
1422
  }
1460
- p {
1461
- margin: 0;
1423
+ .table-action:active>.bgl_icon-font[data-v-24816da2] {
1424
+ filter: brightness(90%);
1462
1425
  }
1426
+ .table-row:hover .table-action[data-v-24816da2] {
1427
+ opacity: 1;
1463
1428
  }
1429
+
1430
+ .table-row .bagel-input input,
1431
+ .table-row .bagel-input textarea,
1432
+ .table-row .bagel-input .input {
1433
+ border-radius: 0;
1434
+ background: transparent;
1435
+ color: var(--bgl-text-color);
1464
1436
  }
1465
- .tableWrapper {
1466
- padding: 1rem 0;
1467
- overflow-x: auto;
1437
+ .table-row .bagel-input textarea {
1438
+ resize: none;
1439
+ min-height: 40px;
1440
+ overflow: auto;
1441
+ margin: 0px;
1442
+ padding: 0.64rem 0.7rem 0;
1468
1443
  }
1469
- .resize-cursor {
1470
- cursor: ew-resize;
1471
- cursor: col-resize;
1444
+ .table-row .bagel-input {
1445
+ margin: 0;
1472
1446
  }
1473
- .RichText-tools [disabled]{
1474
- color: var(--bgl-popup-text) !important;
1475
- opacity: 0.3;
1447
+ .table-row .bagel-input input:focus-visible,
1448
+ .table-row .bagel-input textarea:focus-visible,
1449
+ .table-row .bagel-input .input:focus-visible {
1450
+ background: var(--border-color);
1476
1451
  }
1477
- .RichText iframe{
1478
- width: 100%;
1479
- max-width: 700px;
1480
- margin: 0 auto;
1481
- height: auto;
1482
- display: block;
1483
- border-radius: var(--input-border-radius);
1484
- border: none;
1485
- aspect-ratio: 16/9;
1452
+ .ghost {
1453
+ opacity: 0;
1454
+ background: #c8ebfb;
1486
1455
  }
1487
- .RichText img{
1488
- width: 100%;
1489
- max-width: 700px;
1490
- margin: 0 auto;
1491
- height: auto;
1492
- display: block;
1493
- border-radius: var(--input-border-radius);
1456
+ .sortable-chosen {
1457
+ cursor: grabbing !important;
1458
+ border-color: transparent;
1459
+ background: var(--bgl-box-bg);
1460
+ border-radius: 10px;
1461
+ box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
1494
1462
  }
1495
1463
 
1496
- .tel-input[data-v-3a82d433] {
1464
+ .tel-input[data-v-41e27ddf] {
1497
1465
  direction: ltr;
1498
1466
  text-align: left;
1499
1467
  background: var(--input-bg);
@@ -1504,21 +1472,21 @@ p {
1504
1472
  min-width: calc(var(--input-height) * 3);
1505
1473
  width: 100%;
1506
1474
  }
1507
- .tel-input[data-v-3a82d433]:focus-within {
1475
+ .tel-input[data-v-41e27ddf]:focus-within {
1508
1476
  outline: none;
1509
1477
  box-shadow: inset 0 0 10px #00000012;
1510
1478
  }
1511
- .tel-input input[data-v-3a82d433] {
1479
+ .tel-input input[data-v-41e27ddf] {
1512
1480
  background: transparent;
1513
1481
  }
1514
- .tel-input input[data-v-3a82d433]:focus-visible {
1482
+ .tel-input input[data-v-41e27ddf]:focus-visible {
1515
1483
  box-shadow: none;
1516
1484
  }
1517
- .input_country-code[data-v-3a82d433] {
1485
+ .input_country-code[data-v-41e27ddf] {
1518
1486
  font-size: var(--input-font-size);
1519
1487
  color: var(--input-color);
1520
1488
  }
1521
- .tel-country[data-v-3a82d433] {
1489
+ .tel-country[data-v-41e27ddf] {
1522
1490
  font-size: var(--input-font-size);
1523
1491
  max-width: 200px;
1524
1492
  white-space: nowrap;
@@ -1527,162 +1495,176 @@ p {
1527
1495
  margin-top: 0;
1528
1496
  margin-bottom: 0;
1529
1497
  }
1530
- .tel-countryp-dropdown[data-v-3a82d433] {
1498
+ .tel-countryp-dropdown[data-v-41e27ddf] {
1531
1499
  direction: ltr;
1532
1500
  text-align: left;
1533
1501
  }
1534
1502
 
1535
- .bgl_input .canvas {
1536
- width: 100%;
1537
- height: 100%;
1503
+ .bagel-input.shrink,
1504
+ .bagel-input.shrink input {
1505
+ min-width: unset !important;
1506
+ /* width: auto; */
1538
1507
  }
1539
- .bgl_input.signature-pad {
1540
- background: var(--input-bg);
1541
- border: none;
1542
- border-radius: var(--input-border-radius);
1508
+ .bagel-input label {
1509
+ font-size: var(--label-font-size);
1543
1510
  }
1544
- .bgl_input.signature-pad .canvas[disabled] {
1545
- background: var(--input-disabled-bg);
1546
- border: 1px solid var(--bgl-gray);
1547
- border-radius: var(--input-border-radius);
1511
+
1512
+ .bagel-input textarea[data-v-0694f3d2] {
1513
+ min-height: unset;
1514
+ font-size: var(--input-font-size);
1515
+ }
1516
+ .bagel-input.text-input textarea[data-v-0694f3d2] {
1517
+ resize: none;
1518
+ }
1519
+ .code textarea[data-v-0694f3d2] {
1520
+ font-family: 'Inconsolata', monospace;
1521
+ background: var(--bgl-code-bg) !important;
1522
+ color: var(--bgl-light-text) !important;
1523
+ }
1524
+ .code textarea[data-v-0694f3d2]::placeholder {
1525
+ color: var(--bgl-light-text) !important;
1526
+ opacity: 0.3;
1527
+ }
1528
+ .bagel-input.small[data-v-0694f3d2] {
1529
+ margin-bottom: 0;
1530
+ height: 30px;
1531
+ }
1532
+ .bagel-input.dense label[data-v-0694f3d2] {
1533
+ display: flex;
1534
+ align-items: center;
1535
+ gap: 0.5rem;
1536
+ }
1537
+ .bagel-input input[data-v-0694f3d2]:disabled {
1538
+ background: #f5f5f5;
1539
+ }
1540
+ .bagel-input label[data-v-0694f3d2] {
1541
+ font-size: var(--label-font-size);
1542
+ }
1543
+ .textInputIconWrap .bgl_icon-font[data-v-0694f3d2] {
1544
+ color: var(--bgl-gray);
1545
+ position: absolute;
1546
+ bottom: 0px;
1547
+ inset-inline-end: 0.25rem;
1548
+ margin-block: calc(var(--input-height) / 2 - 16px);
1549
+ }
1550
+ .textInputIconWrap input[data-v-0694f3d2]{
1551
+ padding-inline-end: 2rem;
1552
+ }
1553
+ .txtInputIconStart .iconStart[data-v-0694f3d2] {
1554
+ color: var(--bgl-gray);
1555
+ position: absolute;
1556
+ bottom: 0px;
1557
+ inset-inline-start: 0.25rem;
1558
+ margin-block: calc(var(--input-height) / 2 - 16px);
1559
+ }
1560
+ .txtInputIconStart input[data-v-0694f3d2]{
1561
+ padding-inline-start: 2rem;
1562
+ }
1563
+ .txtInputIconStart textarea[data-v-0694f3d2] {
1564
+ padding-inline-start: 2rem;
1565
+ }
1566
+ .bagel-input.small textarea[data-v-0694f3d2] {
1567
+ height: 30px;
1548
1568
  }
1549
1569
 
1550
- @font-face {
1551
- font-family: 'FontWithASyntaxHighlighter';
1552
- font-style: normal;
1553
- font-weight: 400;
1554
- font-stretch: 100%;
1555
- font-display: swap;
1556
- src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/FontWithASyntaxHighlighter-Regular.woff2) format('woff2')
1570
+ .bagel-input.bgl-toggle[data-v-0a2b089d]{
1571
+ display: unset !important;
1557
1572
  }
1558
- @font-palette-values --myCustomPalette {
1559
- font-family: 'FontWithASyntaxHighlighter';
1560
- override-colors:
1561
- 0 #6191c2, /* keywords, {} */
1562
- 1 #75975d, /* comments */
1563
- 2 yellow, /* literals */
1564
- 3 #a3c19a, /* numbers */
1565
- 4 blue, /* functions, [] */
1566
- 5 orange, /* js others */
1567
- 6 black, /* not in use */
1568
- 7 #bc8abd, /* inside quotes, css properties, few chars */
1569
- 8 #818181 /* few chars */
1570
- ;
1573
+ .bagel-input.bgl-toggle[data-v-0a2b089d] *{
1574
+ cursor: pointer !important;
1575
+ }
1576
+ .bagel-input.bgl-toggle input[data-v-0a2b089d]{
1577
+ padding: unset !important;
1578
+ min-width: unset !important;
1579
+ }
1580
+ .bgl-toggle input[data-v-0a2b089d] {
1581
+ appearance: none;
1582
+ position: relative;
1583
+ display: inline-block;
1584
+ background: var(--input-bg);
1585
+ height: calc(var(--input-height) / 2);
1586
+ width: calc(var(--input-height) - 2px);
1587
+ vertical-align: middle;
1588
+ border-radius: 2rem;
1589
+ box-shadow: 0px 1px 3px #0003 inset;
1590
+ transition: 0.25s linear all;
1591
+ outline: 1px solid var(--border-color);
1592
+ }
1593
+ .bgl-toggle input[data-v-0a2b089d]::before {
1594
+ position: absolute;
1595
+ content: "";
1596
+ height: calc(var(--input-height) / 2 - 2px);
1597
+ width: calc(var(--input-height) / 2 - 2px);
1598
+ inset-inline-start: 1px;
1599
+ bottom: 1px;
1600
+ border-radius: 50%;
1601
+ background: var(--bgl-box-bg);
1602
+ -webkit-transition: 0.2s;
1603
+ transition: 0.2s;
1604
+ box-shadow:0 1px 5px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
1571
1605
  }
1572
- .preview-area[data-v-da6236c8]{
1573
- font-family: "FontWithASyntaxHighlighter", monospace;
1574
- font-palette: --myCustomPalette;
1575
- background: var(--bgl-code-bg);
1576
- color: var(--bgl-code-color)
1606
+ .bgl-toggle label[data-v-0a2b089d] {
1607
+ padding-inline-start: 0.5rem;
1608
+ transition: var(--bgl-transition);
1609
+ cursor: pointer;
1610
+ user-select: none;
1611
+ line-height: var(--input-height);
1612
+ font-size: var(--input-font-size);
1577
1613
  }
1578
- .rich-text-editor[data-v-da6236c8] {
1579
- background: var(--input-bg);
1580
- margin-bottom: 0.5rem;
1581
- width: 100%;
1614
+ .bgl-toggle label[data-v-0a2b089d]:hover {
1615
+ filter: brightness(90%);
1582
1616
  }
1583
- .editableContent[data-v-da6236c8]{
1584
- min-height: 100%;
1585
- white-space: pre-wrap;
1586
- outline: none;
1617
+ .bgl-toggle label[data-v-0a2b089d]:active {
1618
+ filter: var(--bgl-active-filter);
1587
1619
  }
1588
- .content-area[data-v-da6236c8]{
1589
- background: var(--bgl-richtext-color);
1620
+ .bgl-toggle input[data-v-0a2b089d]:focus-visible {
1621
+ outline: -webkit-focus-ring-color auto 1px;
1622
+ outline-offset: 2px
1590
1623
  }
1591
- .content-area[data-v-da6236c8], .preview-area[data-v-da6236c8]{
1592
- min-height: 200px;
1624
+ .bgl-toggle input[data-v-0a2b089d]:focus {
1625
+ outline-color: transparent;
1593
1626
  }
1594
- .fullscreen-mode[data-v-da6236c8] {
1595
- position: fixed;
1596
- top: 0;
1597
- left: 0;
1598
- width: 100%;
1599
- height: 100%;
1600
- z-index: 9999;
1601
- background: var(--input-bg);
1602
- padding: 2rem;
1603
- overflow: auto;
1604
- border-radius: 0;
1627
+ .bgl-toggle input[data-v-0a2b089d]:focus-visible {
1628
+ outline: -webkit-focus-ring-color auto 1px;
1629
+ outline-offset: 2px
1605
1630
  }
1606
- .fullscreen-mode .content-area[data-v-da6236c8]{
1607
- height: calc(100vh - 5rem);
1608
- padding: 4rem !important;
1609
- max-width: 900px;
1610
- margin-inline: auto ;
1611
- overflow-y: auto;
1631
+ .bgl-toggle[data-v-0a2b089d] :checked{
1632
+ background: var(--bgl-primary);
1612
1633
  }
1613
- .fullscreen-mode .toolbar[data-v-da6236c8]{
1614
- max-width: 900px;
1615
- margin-inline: auto ;
1616
- /* border-bottom: 1px solid var(--border-color); */
1617
- /* margin-bottom: 2rem; */
1634
+ .bgl-toggle[data-v-0a2b089d] :checked::before{
1635
+ margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
1618
1636
  }
1619
-
1620
- /* [contenteditable='true'] {
1621
- white-space: pre-wrap;
1622
- word-wrap: break-word;
1623
- outline: none;
1624
- height: 100%;
1625
- } */
1626
- /*
1627
-
1628
- .editor-container {
1629
- display: flex;
1630
- border: 1px solid #ccc;
1631
- border-radius: 4px;
1632
- overflow: hidden;
1637
+ .bgl-toggle input:checked + label[data-v-0a2b089d] {
1638
+ color: var(--bgl-primary) !important;
1633
1639
  }
1634
1640
 
1635
- .content-area,
1636
- .preview-area {
1637
- flex: 1;
1638
- min-height: 300px;
1639
- padding: 10px;
1640
- overflow-y: auto;
1641
+ .bgl_bottombar .bgl_btn-flex{
1642
+ flex-direction: column;
1643
+ height: 60px;
1644
+ gap: 0;
1641
1645
  }
1642
1646
 
1643
- .content-area:focus {
1644
- outline: none;
1647
+ .bgl_bottombar[data-v-564c7855] {
1648
+ background-color: var(--bgl-primary);
1649
+ color: var(--bgl-light-text);
1650
+ grid-template-columns: repeat(auto-fill, var(--bgl_bottombar-btn-width));
1651
+ grid-auto-flow: column;
1652
+ border-radius: 0;
1653
+ padding: 0;
1654
+ --bgl_bottombar-btn-width: 62px;
1645
1655
  }
1646
-
1647
- .split-view .content-area,
1648
- .split-view .preview-area {
1649
- width: 50%;
1656
+ .bgl_bottombar[data-v-564c7855]>* {
1657
+ width: var(--bgl_bottombar-btn-width);
1650
1658
  }
1651
-
1652
- .preview-area {
1653
- background-color: #f9f9f9;
1654
- border-left: 1px solid #ccc;
1655
- } */
1656
-
1657
- /* @media (max-width: 768px) {
1658
- .split-view {
1659
- flex-direction: column;
1660
- }
1661
-
1662
- .split-view .content-area,
1663
- .split-view .preview-area {
1664
- width: 100%;
1665
- }
1666
-
1667
- .preview-area {
1668
- border-left: none;
1669
- border-top: 1px solid #ccc;
1670
- }
1671
- } */
1672
-
1673
- .radio-input-list[data-v-3ae8f4d3]{
1674
- width: auto;
1675
- transform: scale(1.4);
1676
- margin-inline-end: 0.6rem;
1659
+ .bgl_bottombar[data-v-564c7855]::-webkit-scrollbar {
1660
+ display: none;
1677
1661
  }
1678
- .active-list-item[data-v-3ae8f4d3]:has(:checked){
1679
- background: var(--bgl-primary-light) !important;
1680
- border-color: var(--bgl-primary) !important;
1681
- accent-color: var(--bgl-accent-color);
1662
+ .bgl_bottombar .nav-button[data-v-564c7855] {
1663
+ border-radius: var(--card-border-radius);
1682
1664
  }
1683
-
1684
- .m-password{
1685
- margin-block: calc(var(--input-height) / 2 - 15px);
1665
+ .bgl_bottombar .router-link-active[data-v-564c7855] {
1666
+ background: var(--bgl-popup-bg);
1667
+ color: var(--bgl-primary) !important;
1686
1668
  }
1687
1669
 
1688
1670
  .layout[data-v-f1781965] {
@@ -1706,96 +1688,62 @@ p {
1706
1688
  padding: 0.5rem 1rem;
1707
1689
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
1708
1690
  }
1709
- .wideNav .nav-button .bgl_btn-flex {
1710
- justify-content: flex-start !important;
1711
- }
1712
1691
  .nav-button.router-link-active {
1713
1692
  background: var(--bgl-popup-bg) !important;
1714
1693
  color: var(--bgl-primary);
1715
1694
  }
1695
+ .nav-button .bgl_btn-flex{
1696
+ justify-content: flex-start !important;
1697
+ }
1716
1698
 
1717
- .bgl_sidebar[data-v-d15c030d] {
1718
- background-color: var(--bgl-primary);
1719
- color: var(--bgl-white);
1720
- overflow: hidden;
1721
- border-radius: var(--card-border-radius);
1722
- margin: 0.5rem;
1723
- width: calc(100% - 1rem);
1724
- padding: 0.5rem;
1725
- overflow-y: auto;
1699
+ .bgl_sidebar[data-v-6007d02b] {
1726
1700
  }
1727
- .toggleNav[data-v-d15c030d] {
1701
+ .toggleNav[data-v-6007d02b] {
1728
1702
  height: 22px !important;
1729
1703
  width: 22px !important;
1730
- opacity: 0.4;
1731
1704
  transition: var(--bgl-transition);
1705
+ top: 2rem;
1706
+ inset-inline-end: -3px;
1732
1707
  }
1733
- .toggleNav[data-v-d15c030d]:hover {
1708
+ .toggleNav[data-v-6007d02b]:hover {
1734
1709
  opacity: 1;
1735
1710
  }
1736
- .wideNav .toggleNav[data-v-d15c030d] {
1711
+ .wideNav .toggleNav[data-v-6007d02b] {
1737
1712
  transform: rotate(180deg);
1738
1713
  }
1739
- .wideNav .nav-button[data-v-d15c030d] {
1740
- padding-inline-start: 1rem !important;
1741
- width: 100%;
1742
- }
1743
- [dir='rtl'] .toggleNav[data-v-d15c030d] {
1714
+ [dir='rtl'] .toggleNav[data-v-6007d02b] {
1744
1715
  transform: rotate(180deg);
1745
1716
  }
1746
- [dir='rtl'] .wideNav .toggleNav[data-v-d15c030d] {
1717
+ [dir='rtl'] .wideNav .toggleNav[data-v-6007d02b] {
1747
1718
  transform: rotate(0deg);
1748
1719
  }
1749
- .nav-button.bgl_btn-icon[data-v-d15c030d] {
1750
- border-radius: var(--btn-border-radius) !important;
1751
- }
1752
- .nav-button p[data-v-d15c030d] {
1753
- transition: var(--nav-tran);
1754
- animation: fade-d15c030d 2s;
1755
- animation-duration: 900ms;
1756
- }
1757
- @keyframes fade-d15c030d {
1758
- 0% {
1759
- opacity: 0;
1760
- transform: translateX(-20px);
1761
- }
1762
- 30% {
1763
- opacity: 0;
1764
- transform: translateX(-20px);
1765
- }
1766
- 100% {
1767
- opacity: 1;
1768
- transform: translateX(0);
1720
+ .showP-enter-active[data-v-6007d02b],
1721
+ .showP-leave-active[data-v-6007d02b] {
1722
+ transition: all 0.5s ease;
1769
1723
  }
1724
+ .showP-enter-from[data-v-6007d02b],
1725
+ .showP-leave-to[data-v-6007d02b] {
1726
+ opacity: 0;
1727
+ transform: translateX(-20px);
1770
1728
  }
1771
1729
 
1772
- .bgl_bottombar .bgl_btn-flex{
1773
- flex-direction: column;
1774
- height: 60px;
1775
- gap: 0;
1776
- }
1777
-
1778
- .bgl_bottombar[data-v-564c7855] {
1779
- background-color: var(--bgl-primary);
1780
- color: var(--bgl-light-text);
1781
- grid-template-columns: repeat(auto-fill, var(--bgl_bottombar-btn-width));
1782
- grid-auto-flow: column;
1783
- border-radius: 0;
1784
- padding: 0;
1785
- --bgl_bottombar-btn-width: 62px;
1730
+ .tab[data-v-75e0b322] {
1731
+ text-transform: capitalize;
1786
1732
  }
1787
- .bgl_bottombar[data-v-564c7855]>* {
1788
- width: var(--bgl_bottombar-btn-width);
1733
+ .side-tabs[data-v-75e0b322] {
1734
+ display: flex;
1789
1735
  }
1790
- .bgl_bottombar[data-v-564c7855]::-webkit-scrollbar {
1791
- display: none;
1736
+ .side-tabs .tabs-top[data-v-75e0b322] {
1737
+ margin-inline-end: 1rem;
1792
1738
  }
1793
- .bgl_bottombar .nav-button[data-v-564c7855] {
1794
- border-radius: var(--card-border-radius);
1739
+ .side-tabs .tabs[data-v-75e0b322] {
1740
+ display: block;
1741
+ padding: 0;
1742
+ margin: 0;
1743
+ border: none;
1795
1744
  }
1796
- .bgl_bottombar .router-link-active[data-v-564c7855] {
1797
- background: var(--bgl-popup-bg);
1798
- color: var(--bgl-primary) !important;
1745
+ .side-tabs .tab[data-v-75e0b322] {
1746
+ border: none;
1799
1747
  }
1800
1748
 
1801
1749
  .bgl_tabs_wrap[data-v-d4d64201] {
@@ -1888,25 +1836,6 @@ p {
1888
1836
  }
1889
1837
  }
1890
1838
 
1891
- .tab[data-v-0a54cdeb] {
1892
- text-transform: capitalize;
1893
- }
1894
- .side-tabs[data-v-0a54cdeb] {
1895
- display: flex;
1896
- }
1897
- .side-tabs .tabs-top[data-v-0a54cdeb] {
1898
- margin-inline-end: 1rem;
1899
- }
1900
- .side-tabs .tabs[data-v-0a54cdeb] {
1901
- display: block;
1902
- padding: 0;
1903
- margin: 0;
1904
- border: none;
1905
- }
1906
- .side-tabs .tab[data-v-0a54cdeb] {
1907
- border: none;
1908
- }
1909
-
1910
1839
  .list-item {
1911
1840
  padding: 0.6rem 1rem;
1912
1841
  min-height: -webkit-fit-content;
@@ -2863,10 +2792,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
2863
2792
  }
2864
2793
  }
2865
2794
 
2866
- [dir='rtl'] .top-arrow[data-v-bc4e49f9] {
2795
+ [dir='rtl'] .top-arrow[data-v-2f924811] {
2867
2796
  transform: rotate(180deg);
2868
2797
  }
2869
- .nav-expend[data-v-bc4e49f9] {
2798
+ .nav-expend[data-v-2f924811] {
2870
2799
  text-align: center;
2871
2800
  cursor: pointer;
2872
2801
  background: var(--bgl-popup-bg);
@@ -2892,17 +2821,17 @@ svg.leaflet-image-layer.leaflet-interactive path {
2892
2821
  margin-bottom: 30px;
2893
2822
  }
2894
2823
  */
2895
- .nav-expend[data-v-bc4e49f9] {
2824
+ .nav-expend[data-v-2f924811] {
2896
2825
  background: var(--bgl-popup-bg);
2897
2826
  }
2898
- .nav-expend[data-v-bc4e49f9]:hover {
2827
+ .nav-expend[data-v-2f924811]:hover {
2899
2828
  filter: brightness(95%);
2900
2829
  box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
2901
2830
  }
2902
- .nav-expend[data-v-bc4e49f9]:active {
2831
+ .nav-expend[data-v-2f924811]:active {
2903
2832
  filter: var(--bgl-active-filter);
2904
2833
  }
2905
- .nav[data-v-bc4e49f9] {
2834
+ .nav[data-v-2f924811] {
2906
2835
  color: var(--bgl-light-text);
2907
2836
  background: var(--bgl-primary);
2908
2837
  z-index: 100;
@@ -2911,10 +2840,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
2911
2840
  display: flex;
2912
2841
  flex-direction: column;
2913
2842
  }
2914
- .nav[data-v-bc4e49f9] * {
2843
+ .nav[data-v-2f924811] * {
2915
2844
  user-select: none;
2916
2845
  }
2917
- .nav-button[data-v-bc4e49f9] {
2846
+ .nav-button[data-v-2f924811] {
2918
2847
  text-decoration: none;
2919
2848
  cursor: pointer;
2920
2849
  display: flex;
@@ -2925,11 +2854,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
2925
2854
  transition: all 0.2s ease;
2926
2855
  pointer-events: none;
2927
2856
  }
2928
- .nav-button[data-v-bc4e49f9]:hover {
2857
+ .nav-button[data-v-2f924811]:hover {
2929
2858
  width: fit-content;
2930
2859
  pointer-events: all;
2931
2860
  }
2932
- .nav-button .bgl_icon-font[data-v-bc4e49f9] {
2861
+ .nav-button .bgl_icon-font[data-v-2f924811] {
2933
2862
  font-size: 22px;
2934
2863
  margin: 0.25rem 10px;
2935
2864
  padding: 10px;
@@ -2942,16 +2871,16 @@ svg.leaflet-image-layer.leaflet-interactive path {
2942
2871
  transition: all 0.2s ease;
2943
2872
  pointer-events: all;
2944
2873
  }
2945
- .nav-button:hover .bgl_icon-font[data-v-bc4e49f9],
2946
- .nav-button.router-link-active .bgl_icon-font[data-v-bc4e49f9] {
2874
+ .nav-button:hover .bgl_icon-font[data-v-2f924811],
2875
+ .nav-button.router-link-active .bgl_icon-font[data-v-2f924811] {
2947
2876
  background: var(--bgl-box-bg);
2948
2877
  color: var(--bgl-primary);
2949
2878
  }
2950
- .nav-button:hover .tooltip[data-v-bc4e49f9] {
2879
+ .nav-button:hover .tooltip[data-v-2f924811] {
2951
2880
  opacity: 1;
2952
2881
  pointer-events: all;
2953
2882
  }
2954
- .tooltip[data-v-bc4e49f9] {
2883
+ .tooltip[data-v-2f924811] {
2955
2884
  background-color: var(--bgl-popup-bg);
2956
2885
  color: var(--bgl-primary);
2957
2886
  line-height: 1;
@@ -2965,23 +2894,23 @@ svg.leaflet-image-layer.leaflet-interactive path {
2965
2894
  opacity: 0;
2966
2895
  margin-inline-start: 1rem;
2967
2896
  }
2968
- .tooltip[data-v-bc4e49f9]:hover {
2897
+ .tooltip[data-v-2f924811]:hover {
2969
2898
  filter: brightness(95%);
2970
2899
  }
2971
- .tooltip[data-v-bc4e49f9]:active {
2900
+ .tooltip[data-v-2f924811]:active {
2972
2901
  filter: brightness(90%);
2973
2902
  }
2974
- .bot-buttons-wrapper[data-v-bc4e49f9] {
2903
+ .bot-buttons-wrapper[data-v-2f924811] {
2975
2904
  margin-top: auto;
2976
2905
  width: 100%;
2977
2906
  }
2978
- .nav-links-wrapper[data-v-bc4e49f9] {
2907
+ .nav-links-wrapper[data-v-2f924811] {
2979
2908
  direction: ltr;
2980
2909
  }
2981
- [dir='rtl'] .nav-links-wrapper[data-v-bc4e49f9] {
2910
+ [dir='rtl'] .nav-links-wrapper[data-v-2f924811] {
2982
2911
  direction: rtl;
2983
2912
  }
2984
- .nav-scroll[data-v-bc4e49f9] {
2913
+ .nav-scroll[data-v-2f924811] {
2985
2914
  overflow-y: scroll;
2986
2915
  width: 50vw;
2987
2916
  direction: rtl;
@@ -2991,30 +2920,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
2991
2920
  display: flex;
2992
2921
  flex-direction: column;
2993
2922
  }
2994
- .nav[data-v-bc4e49f9]::-webkit-scrollbar-thumb {
2923
+ .nav[data-v-2f924811]::-webkit-scrollbar-thumb {
2995
2924
  background-color: transparent;
2996
2925
  }
2997
- .nav[data-v-bc4e49f9]:hover::-webkit-scrollbar-thumb {
2926
+ .nav[data-v-2f924811]:hover::-webkit-scrollbar-thumb {
2998
2927
  background-color: var(--bgl-gray);
2999
2928
  }
3000
- [dir='rtl'] .nav-scroll[data-v-bc4e49f9] {
2929
+ [dir='rtl'] .nav-scroll[data-v-2f924811] {
3001
2930
  direction: ltr;
3002
2931
  }
3003
- .full-nav[data-v-bc4e49f9] {
2932
+ .full-nav[data-v-2f924811] {
3004
2933
  height: 100%;
3005
2934
  display: flex;
3006
2935
  flex-direction: column;
3007
2936
  }
3008
2937
  @media screen and (min-width: 910px) {
3009
- .nav.open .nav-expend[data-v-bc4e49f9] {
2938
+ .nav.open .nav-expend[data-v-2f924811] {
3010
2939
  margin-inline-start: 189px;
3011
2940
  transform: rotate(180deg);
3012
2941
  }
3013
- .nav.open[data-v-bc4e49f9] {
2942
+ .nav.open[data-v-2f924811] {
3014
2943
  width: 200px;
3015
2944
  text-align: start;
3016
2945
  }
3017
- .nav.open .tooltip[data-v-bc4e49f9] {
2946
+ .nav.open .tooltip[data-v-2f924811] {
3018
2947
  background-color: transparent;
3019
2948
  color: var(--bgl-light-text);
3020
2949
  padding: 0;
@@ -3023,30 +2952,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
3023
2952
  opacity: 1;
3024
2953
  margin-inline-start: 0rem;
3025
2954
  }
3026
- .nav.open .nav-button .bgl_icon-font[data-v-bc4e49f9] {
2955
+ .nav.open .nav-button .bgl_icon-font[data-v-2f924811] {
3027
2956
  margin: 0;
3028
2957
  background: transparent;
3029
2958
  }
3030
- .nav.open .nav-button[data-v-bc4e49f9] {
2959
+ .nav.open .nav-button[data-v-2f924811] {
3031
2960
  width: 180px;
3032
2961
  border-radius: 10px;
3033
2962
  margin-inline-start: 10px;
3034
2963
  margin-top: 10px;
3035
2964
  margin-bottom: 10px;
3036
2965
  }
3037
- .nav.open .nav-button[data-v-bc4e49f9]:hover,
3038
- .nav.open .nav-button.router-link-active[data-v-bc4e49f9] {
2966
+ .nav.open .nav-button[data-v-2f924811]:hover,
2967
+ .nav.open .nav-button.router-link-active[data-v-2f924811] {
3039
2968
  background: var(--bgl-popup-bg);
3040
2969
  color: var(--bgl-primary);
3041
2970
  }
3042
- .nav.open .nav-button[data-v-bc4e49f9]:hover,
3043
- .nav.open .nav-button:hover .tooltip[data-v-bc4e49f9],
3044
- .nav.open .nav-button.router-link-active .tooltip[data-v-bc4e49f9] {
2971
+ .nav.open .nav-button[data-v-2f924811]:hover,
2972
+ .nav.open .nav-button:hover .tooltip[data-v-2f924811],
2973
+ .nav.open .nav-button.router-link-active .tooltip[data-v-2f924811] {
3045
2974
  color: var(--bgl-primary);
3046
2975
  }
3047
2976
  }
3048
2977
  @media screen and (max-width: 910px) {
3049
- .full-nav[data-v-bc4e49f9] {
2978
+ .full-nav[data-v-2f924811] {
3050
2979
  height: auto;
3051
2980
  display: flex;
3052
2981
  flex-direction: row;
@@ -3055,10 +2984,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
3055
2984
  inset-inline-end: 0;
3056
2985
  overflow-x: auto;
3057
2986
  }
3058
- .nav.open[data-v-bc4e49f9] {
2987
+ .nav.open[data-v-2f924811] {
3059
2988
  width: initial;
3060
2989
  }
3061
- .nav[data-v-bc4e49f9] {
2990
+ .nav[data-v-2f924811] {
3062
2991
  width: auto;
3063
2992
  display: flex;
3064
2993
  flex-direction: row;
@@ -3066,7 +2995,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
3066
2995
  overflow-x: auto;
3067
2996
  justify-content: flex-start;
3068
2997
  }
3069
- .tooltip[data-v-bc4e49f9] {
2998
+ .tooltip[data-v-2f924811] {
3070
2999
  opacity: 1;
3071
3000
  background: transparent;
3072
3001
  color: var(--bgl-light-text);
@@ -3075,25 +3004,25 @@ svg.leaflet-image-layer.leaflet-interactive path {
3075
3004
  padding: 0;
3076
3005
  margin: 0;
3077
3006
  }
3078
- .nav-button[data-v-bc4e49f9] {
3007
+ .nav-button[data-v-2f924811] {
3079
3008
  flex-direction: column;
3080
3009
  margin: 12px 0.25rem;
3081
3010
  }
3082
- .nav-button .bgl_icon-font[data-v-bc4e49f9] {
3011
+ .nav-button .bgl_icon-font[data-v-2f924811] {
3083
3012
  padding: 2px 0 0 0;
3084
3013
  margin: 0;
3085
3014
  height: 30px;
3086
3015
  width: 30px;
3087
3016
  }
3088
- .nav-links-wrapper[data-v-bc4e49f9] {
3017
+ .nav-links-wrapper[data-v-2f924811] {
3089
3018
  display: flex;
3090
3019
  }
3091
- .bot-buttons-wrapper[data-v-bc4e49f9] {
3020
+ .bot-buttons-wrapper[data-v-2f924811] {
3092
3021
  margin-top: 0;
3093
3022
  width: auto;
3094
3023
  display: flex;
3095
3024
  }
3096
- .nav-scroll[data-v-bc4e49f9] {
3025
+ .nav-scroll[data-v-2f924811] {
3097
3026
  overflow-y: visible;
3098
3027
  width: auto;
3099
3028
  direction: auto;
@@ -3104,15 +3033,15 @@ svg.leaflet-image-layer.leaflet-interactive path {
3104
3033
  flex-direction: row;
3105
3034
  margin-inline-end: auto;
3106
3035
  }
3107
- .nav[data-v-bc4e49f9]::-webkit-scrollbar {
3036
+ .nav[data-v-2f924811]::-webkit-scrollbar {
3108
3037
  display: none;
3109
3038
  }
3110
- .nav-expend[data-v-bc4e49f9] {
3039
+ .nav-expend[data-v-2f924811] {
3111
3040
  display: none;
3112
3041
  }
3113
3042
  }
3114
3043
  @media screen and (max-height: 550px) {
3115
- .nav.open .nav-button[data-v-bc4e49f9] {
3044
+ .nav.open .nav-button[data-v-2f924811] {
3116
3045
  margin-top: 4px;
3117
3046
  margin-bottom: 4px;
3118
3047
  }
@@ -3134,19 +3063,19 @@ svg.leaflet-image-layer.leaflet-interactive path {
3134
3063
  }
3135
3064
  }
3136
3065
 
3137
- .selected[data-v-bd90dc89] {
3066
+ .selected[data-v-680da9b9] {
3138
3067
  background: var(--bgl-primary-tint);
3139
3068
  }
3140
- tbody tr.selected[data-v-bd90dc89]:hover {
3069
+ tbody tr.selected[data-v-680da9b9]:hover {
3141
3070
  background: var(--bgl-primary-light);
3142
3071
  }
3143
- .loading-table[data-v-bd90dc89] {
3072
+ .loading-table[data-v-680da9b9] {
3144
3073
  position: relative;
3145
3074
  }
3146
- .inset[data-v-bd90dc89] {
3075
+ .inset[data-v-680da9b9] {
3147
3076
  inset: 0;
3148
3077
  }
3149
- .loading-table-animation[data-v-bd90dc89] {
3078
+ .loading-table-animation[data-v-680da9b9] {
3150
3079
  --size: 60px;
3151
3080
  top: 30vh;
3152
3081
  inset-inline-start: calc(50% - var(--size));
@@ -3154,9 +3083,9 @@ tbody tr.selected[data-v-bd90dc89]:hover {
3154
3083
  border-top: 4px solid var(--bgl-primary);
3155
3084
  width: var(--size);
3156
3085
  height: var(--size);
3157
- animation: loading-table-bd90dc89 1s linear infinite;
3086
+ animation: loading-table-680da9b9 1s linear infinite;
3158
3087
  }
3159
- @keyframes loading-table-bd90dc89 {
3088
+ @keyframes loading-table-680da9b9 {
3160
3089
  0% {
3161
3090
  transform: translate(-50%, -50%) rotate(0deg);
3162
3091
  }
@@ -3164,52 +3093,52 @@ tbody tr.selected[data-v-bd90dc89]:hover {
3164
3093
  transform: translate(-50%, -50%) rotate(360deg);
3165
3094
  }
3166
3095
  }
3167
- .list-arrows[data-v-bd90dc89] {
3096
+ .list-arrows[data-v-680da9b9] {
3168
3097
  opacity: 0;
3169
3098
  }
3170
- .list-arrows .bgl_icon-font[data-v-bd90dc89] {
3099
+ .list-arrows .bgl_icon-font[data-v-680da9b9] {
3171
3100
  transition: all ease-in-out 0.2s;
3172
3101
  }
3173
- .list-arrows.sorted[data-v-bd90dc89] {
3102
+ .list-arrows.sorted[data-v-680da9b9] {
3174
3103
  opacity: 1;
3175
3104
  }
3176
- .col img[data-v-bd90dc89] {
3105
+ .col img[data-v-680da9b9] {
3177
3106
  height: 35px;
3178
3107
  margin-top: -14px;
3179
3108
  margin-bottom: -14px;
3180
3109
  border-radius: 5px;
3181
3110
  }
3182
- .list-arrows.sorted .desc[data-v-bd90dc89] {
3111
+ .list-arrows.sorted .desc[data-v-680da9b9] {
3183
3112
  transform: rotate(180deg);
3184
3113
  display: inline-block;
3185
3114
  }
3186
- table[data-v-bd90dc89] {
3115
+ table[data-v-680da9b9] {
3187
3116
  border-collapse: separate;
3188
3117
  border-spacing: 0 15px;
3189
3118
  border-collapse: collapse;
3190
3119
  width: 100%;
3191
3120
  }
3192
- th[data-v-bd90dc89] {
3121
+ th[data-v-680da9b9] {
3193
3122
  font-size: 0.8rem;
3194
3123
  color: var(--bgl-black-tint);
3195
3124
  position: sticky;
3196
3125
  top: 0;
3197
3126
  z-index: 2;
3198
3127
  background: var(--bgl-box-bg);
3199
- height: var(--38e39900);
3128
+ height: var(--6bcf7dec);
3200
3129
  vertical-align: bottom;
3201
3130
  font-weight: 400;
3202
3131
  text-align: start;
3203
3132
  }
3204
- .embedded-field[data-v-bd90dc89] {
3133
+ .embedded-field[data-v-680da9b9] {
3205
3134
  margin-bottom: -0.2rem;
3206
3135
  margin-top: -0.2rem;
3207
3136
  }
3208
- .row[data-v-bd90dc89] {
3137
+ .row[data-v-680da9b9] {
3209
3138
  border-bottom: 1px solid var(--border-color);
3210
3139
  cursor: pointer;
3211
3140
  }
3212
- .row.first-row[data-v-bd90dc89] {
3141
+ .row.first-row[data-v-680da9b9] {
3213
3142
  font-size: 0.8rem;
3214
3143
  color: var(--bgl-black-tint);
3215
3144
  position: sticky;
@@ -3218,7 +3147,7 @@ th[data-v-bd90dc89] {
3218
3147
  background: var(--bgl-box-bg);
3219
3148
  vertical-align: bottom;
3220
3149
  }
3221
- .row.first-row[data-v-bd90dc89]::after {
3150
+ .row.first-row[data-v-680da9b9]::after {
3222
3151
  content: '';
3223
3152
  border-bottom: 1px solid var(--border-color);
3224
3153
  position: absolute;
@@ -3226,30 +3155,30 @@ th[data-v-bd90dc89] {
3226
3155
  right: 0;
3227
3156
  bottom: -1px;
3228
3157
  }
3229
- .first-row .col[data-v-bd90dc89] {
3158
+ .first-row .col[data-v-680da9b9] {
3230
3159
  cursor: pointer;
3231
3160
  background: var(--bgl-box-bg);
3232
3161
  }
3233
- .col[data-v-bd90dc89] {
3162
+ .col[data-v-680da9b9] {
3234
3163
  white-space: nowrap;
3235
3164
  padding: 0.75rem 1rem;
3236
3165
  transition: var(--bgl-transition);
3237
3166
  line-height: 1;
3238
3167
  align-items: center;
3239
3168
  }
3240
- .col[data-v-bd90dc89]:has(.bagel-input) {
3169
+ .col[data-v-680da9b9]:has(.bagel-input) {
3241
3170
  padding: 0rem 0.25rem;
3242
3171
  }
3243
- .col > div[data-v-bd90dc89] {
3172
+ .col > div[data-v-680da9b9] {
3244
3173
  display: flex;
3245
3174
  gap: 0.5rem;
3246
3175
  }
3247
- .max-col-width[data-v-bd90dc89] {
3176
+ .max-col-width[data-v-680da9b9] {
3248
3177
  max-width: 30vw;
3249
3178
  overflow: hidden;
3250
3179
  text-overflow: ellipsis;
3251
3180
  }
3252
- .col.check .bgl_icon-font[data-v-bd90dc89] {
3181
+ .col.check .bgl_icon-font[data-v-680da9b9] {
3253
3182
  border-radius: 100%;
3254
3183
  background: var(--bgl-blue-20);
3255
3184
  color: var(--bgl-primary);
@@ -3260,35 +3189,35 @@ th[data-v-bd90dc89] {
3260
3189
  justify-content: center;
3261
3190
  margin-top: -2px;
3262
3191
  }
3263
- .rows[data-v-bd90dc89] {
3192
+ .rows[data-v-680da9b9] {
3264
3193
  font-size: 0.88em;
3265
3194
  }
3266
- .table-list[data-v-bd90dc89] {
3195
+ .table-list[data-v-680da9b9] {
3267
3196
  height: 100%;
3268
3197
  position: relative;
3269
3198
  padding-left: 0 !important;
3270
3199
  padding-right: 0 !important;
3271
3200
  overflow: auto;
3272
3201
  }
3273
- .BagelTable .table-list[data-v-bd90dc89] {
3202
+ .BagelTable .table-list[data-v-680da9b9] {
3274
3203
  overflow: unset;
3275
3204
  }
3276
- .row-item[data-v-bd90dc89] {
3277
- height: var(--38e39900);
3205
+ .row-item[data-v-680da9b9] {
3206
+ height: var(--6bcf7dec);
3278
3207
  transition: all 200ms ease;
3279
3208
  }
3280
- .row-item[data-v-bd90dc89]:hover {
3209
+ .row-item[data-v-680da9b9]:hover {
3281
3210
  background: var(--bgl-gray-light);
3282
3211
  }
3283
- .row-item input[type='checkbox'][data-v-bd90dc89] {
3212
+ .row-item input[type='checkbox'][data-v-680da9b9] {
3284
3213
  margin-top: 0.45rem !important;
3285
3214
  accent-color: var(--bgl-accent-color);
3286
3215
  }
3287
- .infinite-wrapper[data-v-bd90dc89] {
3216
+ .infinite-wrapper[data-v-680da9b9] {
3288
3217
  overflow-y: auto;
3289
3218
  width: 100%;
3290
3219
  }
3291
- input[type='checkbox'][data-v-bd90dc89] {
3220
+ input[type='checkbox'][data-v-680da9b9] {
3292
3221
  margin-top: 0.3rem !important;
3293
3222
  accent-color: var(--bgl-accent-color);
3294
3223
  transform: scale(1.2);
@@ -3300,7 +3229,7 @@ input[type='checkbox'][data-v-bd90dc89] {
3300
3229
  height: 0.85rem;
3301
3230
  width: 0.85rem;
3302
3231
  }
3303
- input[type='checkbox'][data-v-bd90dc89]::before {
3232
+ input[type='checkbox'][data-v-680da9b9]::before {
3304
3233
  content: '';
3305
3234
  height: 0.85rem;
3306
3235
  width: 0.85rem;
@@ -3313,18 +3242,18 @@ input[type='checkbox'][data-v-bd90dc89]::before {
3313
3242
  transform: scale(1);
3314
3243
  position: absolute;
3315
3244
  }
3316
- input[type='checkbox'][data-v-bd90dc89]:hover::before {
3245
+ input[type='checkbox'][data-v-680da9b9]:hover::before {
3317
3246
  opacity: 0.2;
3318
3247
  transform: scale(2);
3319
3248
  }
3320
- [lang='he'] [dir='ltr'][data-v-bd90dc89] {
3249
+ [lang='he'] [dir='ltr'][data-v-680da9b9] {
3321
3250
  text-align: right;
3322
3251
  }
3323
- th input[type='checkbox'][data-v-bd90dc89] {
3252
+ th input[type='checkbox'][data-v-680da9b9] {
3324
3253
  transform: translateY(0.2rem) scale(1.2);
3325
3254
  accent-color: var(--bgl-accent-color);
3326
3255
  }
3327
- th[data-v-bd90dc89]::after {
3256
+ th[data-v-680da9b9]::after {
3328
3257
  content: '';
3329
3258
  border-bottom: 1px solid var(--border-color);
3330
3259
  position: absolute;
@@ -3332,27 +3261,77 @@ th[data-v-bd90dc89]::after {
3332
3261
  right: 0;
3333
3262
  bottom: -1px;
3334
3263
  }
3335
- tr[data-v-bd90dc89] {
3264
+ tr[data-v-680da9b9] {
3336
3265
  border-bottom: 1px solid var(--border-color);
3337
3266
  cursor: pointer;
3338
3267
  align-items: center;
3339
3268
  }
3340
- td[data-v-bd90dc89],
3341
- th[data-v-bd90dc89] {
3269
+ td[data-v-680da9b9],
3270
+ th[data-v-680da9b9] {
3342
3271
  white-space: nowrap;
3343
3272
  padding: 0.75rem 0.65rem;
3344
3273
  transition: var(--bgl-transition);
3345
3274
  line-height: 1;
3346
3275
  }
3347
- tbody tr[data-v-bd90dc89] {
3276
+ tbody tr[data-v-680da9b9] {
3348
3277
  font-size: 0.88em;
3349
- height: var(--38e39900);
3278
+ height: var(--6bcf7dec);
3350
3279
  transition: all 200ms ease;
3351
3280
  }
3352
- tbody tr[data-v-bd90dc89]:hover {
3281
+ tbody tr[data-v-680da9b9]:hover {
3353
3282
  background: var(--bgl-gray-light);
3354
3283
  }
3355
3284
 
3285
+ .lightbox-image[data-v-0410e12d]{
3286
+ object-fit: contain;
3287
+ }
3288
+ .bgl-lightbox-overlay[data-v-0410e12d] {
3289
+ background: rgba(0, 0, 0, 0.8);
3290
+ }
3291
+ .bgl-lightbox[data-v-0410e12d] {
3292
+ max-height: 90%;
3293
+ }
3294
+ .bgl-lightbox-item[data-v-0410e12d]{
3295
+ animation: 500ms ease bgl-lightbox-load-0410e12d;
3296
+ }
3297
+ @keyframes bgl-lightbox-load-0410e12d {
3298
+ from {
3299
+ scale:0.7;
3300
+ }
3301
+ to {
3302
+ scale:1;
3303
+ }
3304
+ }
3305
+ .bgl-lightbox-item[data-v-0410e12d] * {
3306
+ max-width: 90%;
3307
+ max-height: calc(80vh - 90px);
3308
+ border-radius: 3px;
3309
+ margin: auto;
3310
+ animation: 200ms ease bgl-lightbox-load-0410e12d;
3311
+ }
3312
+ .navigation[data-v-0410e12d] {
3313
+ top: 50%;
3314
+ transform: translateY(-50%);
3315
+ }
3316
+ .navigation-btn[data-v-0410e12d] {
3317
+ width: var(--input-height);
3318
+ height: var(--input-height);
3319
+ }
3320
+ .thumbnail[data-v-0410e12d] {
3321
+ height: 50px;
3322
+ width: 50px;
3323
+ }
3324
+ .thumbnail[data-v-0410e12d]:hover {
3325
+ opacity: 1;
3326
+ }
3327
+ .thumbnail[data-v-0410e12d]:active {
3328
+ opacity: 0.8;
3329
+ }
3330
+ .thumbnail.active[data-v-0410e12d] {
3331
+ opacity: 1;
3332
+ outline: 2px solid white;
3333
+ }
3334
+
3356
3335
 
3357
3336
  .grid {
3358
3337
  display: grid;
@@ -7627,6 +7606,9 @@ select {
7627
7606
  .border {
7628
7607
  border: 1px solid var(--border-color);
7629
7608
  }
7609
+ .border-primary {
7610
+ border: 1px solid var(--bgl-primary);
7611
+ }
7630
7612
  .rotate-180 {
7631
7613
  transform: rotate(180deg);
7632
7614
  }
@@ -9563,6 +9545,9 @@ select {
9563
9545
  --whatsapp-green: #e0fcd6;
9564
9546
  --whatsapp-blue: #71bce6;
9565
9547
  }
9548
+ .testMe * {
9549
+ outline: 1px dotted red;
9550
+ }
9566
9551
  .Vue-Toastification__toast {
9567
9552
  border-radius: var(--card-border-radius);
9568
9553
  box-shadow: none;
@@ -9571,7 +9556,7 @@ select {
9571
9556
  background: var(--bgl-primary);
9572
9557
  }
9573
9558
  .Vue-Toastification__close-button {
9574
- height: 1rem;
9559
+ height: 1.5rem;
9575
9560
  line-height: 1rem;
9576
9561
  }
9577
9562
  ::-moz-selection {
@@ -10020,6 +10005,11 @@ textarea,
10020
10005
  select {
10021
10006
  font: inherit;
10022
10007
  }
10008
+ button::-moz-focus-inner,
10009
+ input::-moz-focus-inner {
10010
+ border: 0;
10011
+ padding: 0;
10012
+ }
10023
10013
  @media screen and (max-width: 910px) {
10024
10014
 
10025
10015
  body {