@bagelink/vue 0.0.612 → 0.0.616

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 (32) hide show
  1. package/dist/components/Drop.vue.d.ts +34 -0
  2. package/dist/components/Drop.vue.d.ts.map +1 -0
  3. package/dist/components/FileUploader.vue.d.ts +60 -0
  4. package/dist/components/FileUploader.vue.d.ts.map +1 -0
  5. package/dist/components/NavBar.vue.d.ts.map +1 -1
  6. package/dist/components/form/ItemRef.vue.d.ts +1 -0
  7. package/dist/components/form/ItemRef.vue.d.ts.map +1 -1
  8. package/dist/components/form/inputs/Checkbox.vue.d.ts.map +1 -1
  9. package/dist/components/form/inputs/FileUpload.vue.d.ts +11 -11
  10. package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
  11. package/dist/components/form/inputs/SelectField.vue.d.ts +1 -4
  12. package/dist/components/form/inputs/SelectField.vue.d.ts.map +1 -1
  13. package/dist/components/form/inputs/SignaturePad.vue.d.ts.map +1 -1
  14. package/dist/components/form/inputs/ToggleInput.vue.d.ts.map +1 -1
  15. package/dist/index.cjs +98 -86
  16. package/dist/index.mjs +98 -86
  17. package/dist/style.css +189 -171
  18. package/package.json +12 -12
  19. package/src/components/DataPreview.vue +4 -1
  20. package/src/components/NavBar.vue +6 -0
  21. package/src/components/form/inputs/CheckInput.vue +5 -0
  22. package/src/components/form/inputs/Checkbox.vue +19 -24
  23. package/src/components/form/inputs/DatePicker.vue +3 -0
  24. package/src/components/form/inputs/FileUpload.vue +6 -4
  25. package/src/components/form/inputs/SignaturePad.vue +4 -2
  26. package/src/components/form/inputs/TextInput.vue +1 -1
  27. package/src/components/form/inputs/ToggleInput.vue +50 -66
  28. package/src/styles/inputs.css +12 -3
  29. package/dist/components/Popover.vue.d.ts +0 -10
  30. package/dist/components/Popover.vue.d.ts.map +0 -1
  31. package/dist/types/materialIcon.d.ts +0 -2
  32. package/dist/types/materialIcon.d.ts.map +0 -1
package/dist/style.css CHANGED
@@ -1,8 +1,8 @@
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
- [dir='rtl'] .top-arrow[data-v-e59fe705] {
2
+ [dir='rtl'] .top-arrow[data-v-776cab4a] {
3
3
  transform: rotate(180deg);
4
4
  }
5
- .nav-expend[data-v-e59fe705] {
5
+ .nav-expend[data-v-776cab4a] {
6
6
  text-align: center;
7
7
  cursor: pointer;
8
8
  background: var(--bgl-white);
@@ -28,17 +28,17 @@
28
28
  margin-bottom: 30px;
29
29
  }
30
30
  */
31
- .nav-expend[data-v-e59fe705] {
31
+ .nav-expend[data-v-776cab4a] {
32
32
  background: var(--bgl-white);
33
33
  }
34
- .nav-expend[data-v-e59fe705]:hover {
34
+ .nav-expend[data-v-776cab4a]:hover {
35
35
  filter: brightness(95%);
36
36
  box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
37
37
  }
38
- .nav-expend[data-v-e59fe705]:active {
38
+ .nav-expend[data-v-776cab4a]:active {
39
39
  filter: var(--bgl-active-filter);
40
40
  }
41
- .nav[data-v-e59fe705] {
41
+ .nav[data-v-776cab4a] {
42
42
  color: var(--bgl-white);
43
43
  background: var(--bgl-primary);
44
44
  z-index: 100;
@@ -47,10 +47,10 @@
47
47
  display: flex;
48
48
  flex-direction: column;
49
49
  }
50
- .nav[data-v-e59fe705] * {
50
+ .nav[data-v-776cab4a] * {
51
51
  user-select: none;
52
52
  }
53
- .nav-button[data-v-e59fe705] {
53
+ .nav-button[data-v-776cab4a] {
54
54
  text-decoration: none;
55
55
  cursor: pointer;
56
56
  display: flex;
@@ -61,11 +61,11 @@
61
61
  transition: all 0.2s ease;
62
62
  pointer-events: none;
63
63
  }
64
- .nav-button[data-v-e59fe705]:hover {
64
+ .nav-button[data-v-776cab4a]:hover {
65
65
  width: fit-content;
66
66
  pointer-events: all;
67
67
  }
68
- .nav-button .bgl_icon-font[data-v-e59fe705] {
68
+ .nav-button .bgl_icon-font[data-v-776cab4a] {
69
69
  font-size: 22px;
70
70
  margin: 0.25rem 10px;
71
71
  padding: 10px;
@@ -78,16 +78,16 @@
78
78
  transition: all 0.2s ease;
79
79
  pointer-events: all;
80
80
  }
81
- .nav-button:hover .bgl_icon-font[data-v-e59fe705],
82
- .nav-button.router-link-active .bgl_icon-font[data-v-e59fe705] {
81
+ .nav-button:hover .bgl_icon-font[data-v-776cab4a],
82
+ .nav-button.router-link-active .bgl_icon-font[data-v-776cab4a] {
83
83
  background: var(--bgl-white);
84
84
  color: var(--bgl-primary);
85
85
  }
86
- .nav-button:hover .tooltip[data-v-e59fe705] {
86
+ .nav-button:hover .tooltip[data-v-776cab4a] {
87
87
  opacity: 1;
88
88
  pointer-events: all;
89
89
  }
90
- .tooltip[data-v-e59fe705] {
90
+ .tooltip[data-v-776cab4a] {
91
91
  background-color: var(--bgl-white);
92
92
  color: var(--bgl-primary);
93
93
  line-height: 1;
@@ -101,23 +101,23 @@
101
101
  opacity: 0;
102
102
  margin-inline-start: 1rem;
103
103
  }
104
- .tooltip[data-v-e59fe705]:hover {
104
+ .tooltip[data-v-776cab4a]:hover {
105
105
  filter: brightness(95%);
106
106
  }
107
- .tooltip[data-v-e59fe705]:active {
107
+ .tooltip[data-v-776cab4a]:active {
108
108
  filter: brightness(90%);
109
109
  }
110
- .bot-buttons-wrapper[data-v-e59fe705] {
110
+ .bot-buttons-wrapper[data-v-776cab4a] {
111
111
  margin-top: auto;
112
112
  width: 100%;
113
113
  }
114
- .nav-links-wrapper[data-v-e59fe705] {
114
+ .nav-links-wrapper[data-v-776cab4a] {
115
115
  direction: ltr;
116
116
  }
117
- [dir='rtl'] .nav-links-wrapper[data-v-e59fe705] {
117
+ [dir='rtl'] .nav-links-wrapper[data-v-776cab4a] {
118
118
  direction: rtl;
119
119
  }
120
- .nav-scroll[data-v-e59fe705] {
120
+ .nav-scroll[data-v-776cab4a] {
121
121
  overflow-y: scroll;
122
122
  width: 50vw;
123
123
  direction: rtl;
@@ -127,30 +127,30 @@
127
127
  display: flex;
128
128
  flex-direction: column;
129
129
  }
130
- .nav[data-v-e59fe705]::-webkit-scrollbar-thumb {
130
+ .nav[data-v-776cab4a]::-webkit-scrollbar-thumb {
131
131
  background-color: transparent;
132
132
  }
133
- .nav[data-v-e59fe705]:hover::-webkit-scrollbar-thumb {
133
+ .nav[data-v-776cab4a]:hover::-webkit-scrollbar-thumb {
134
134
  background-color: var(--bgl-gray);
135
135
  }
136
- [dir='rtl'] .nav-scroll[data-v-e59fe705] {
136
+ [dir='rtl'] .nav-scroll[data-v-776cab4a] {
137
137
  direction: ltr;
138
138
  }
139
- .full-nav[data-v-e59fe705] {
139
+ .full-nav[data-v-776cab4a] {
140
140
  height: 100%;
141
141
  display: flex;
142
142
  flex-direction: column;
143
143
  }
144
144
  @media screen and (min-width: 910px) {
145
- .nav.open .nav-expend[data-v-e59fe705] {
145
+ .nav.open .nav-expend[data-v-776cab4a] {
146
146
  margin-inline-start: 189px;
147
147
  transform: rotate(180deg);
148
148
  }
149
- .nav.open[data-v-e59fe705] {
149
+ .nav.open[data-v-776cab4a] {
150
150
  width: 200px;
151
151
  text-align: start;
152
152
  }
153
- .nav.open .tooltip[data-v-e59fe705] {
153
+ .nav.open .tooltip[data-v-776cab4a] {
154
154
  background-color: transparent;
155
155
  color: var(--bgl-white);
156
156
  padding: 0;
@@ -159,30 +159,30 @@
159
159
  opacity: 1;
160
160
  margin-inline-start: 0rem;
161
161
  }
162
- .nav.open .nav-button .bgl_icon-font[data-v-e59fe705] {
162
+ .nav.open .nav-button .bgl_icon-font[data-v-776cab4a] {
163
163
  margin: 0;
164
164
  background: transparent;
165
165
  }
166
- .nav.open .nav-button[data-v-e59fe705] {
166
+ .nav.open .nav-button[data-v-776cab4a] {
167
167
  width: 180px;
168
168
  border-radius: 10px;
169
169
  margin-inline-start: 10px;
170
170
  margin-top: 10px;
171
171
  margin-bottom: 10px;
172
172
  }
173
- .nav.open .nav-button[data-v-e59fe705]:hover,
174
- .nav.open .nav-button.router-link-active[data-v-e59fe705] {
173
+ .nav.open .nav-button[data-v-776cab4a]:hover,
174
+ .nav.open .nav-button.router-link-active[data-v-776cab4a] {
175
175
  background: var(--bgl-white);
176
176
  color: var(--bgl-primary);
177
177
  }
178
- .nav.open .nav-button[data-v-e59fe705]:hover,
179
- .nav.open .nav-button:hover .tooltip[data-v-e59fe705],
180
- .nav.open .nav-button.router-link-active .tooltip[data-v-e59fe705] {
178
+ .nav.open .nav-button[data-v-776cab4a]:hover,
179
+ .nav.open .nav-button:hover .tooltip[data-v-776cab4a],
180
+ .nav.open .nav-button.router-link-active .tooltip[data-v-776cab4a] {
181
181
  color: var(--bgl-primary);
182
182
  }
183
183
  }
184
184
  @media screen and (max-width: 910px) {
185
- .full-nav[data-v-e59fe705] {
185
+ .full-nav[data-v-776cab4a] {
186
186
  height: auto;
187
187
  display: flex;
188
188
  flex-direction: row;
@@ -191,10 +191,10 @@
191
191
  inset-inline-end: 0;
192
192
  overflow-x: auto;
193
193
  }
194
- .nav.open[data-v-e59fe705] {
194
+ .nav.open[data-v-776cab4a] {
195
195
  width: initial;
196
196
  }
197
- .nav[data-v-e59fe705] {
197
+ .nav[data-v-776cab4a] {
198
198
  width: auto;
199
199
  display: flex;
200
200
  flex-direction: row;
@@ -202,7 +202,7 @@
202
202
  overflow-x: auto;
203
203
  justify-content: flex-start;
204
204
  }
205
- .tooltip[data-v-e59fe705] {
205
+ .tooltip[data-v-776cab4a] {
206
206
  opacity: 1;
207
207
  background: transparent;
208
208
  color: var(--bgl-white);
@@ -211,25 +211,25 @@
211
211
  padding: 0;
212
212
  margin: 0;
213
213
  }
214
- .nav-button[data-v-e59fe705] {
214
+ .nav-button[data-v-776cab4a] {
215
215
  flex-direction: column;
216
216
  margin: 12px 0.25rem;
217
217
  }
218
- .nav-button .bgl_icon-font[data-v-e59fe705] {
218
+ .nav-button .bgl_icon-font[data-v-776cab4a] {
219
219
  padding: 2px 0 0 0;
220
220
  margin: 0;
221
221
  height: 30px;
222
222
  width: 30px;
223
223
  }
224
- .nav-links-wrapper[data-v-e59fe705] {
224
+ .nav-links-wrapper[data-v-776cab4a] {
225
225
  display: flex;
226
226
  }
227
- .bot-buttons-wrapper[data-v-e59fe705] {
227
+ .bot-buttons-wrapper[data-v-776cab4a] {
228
228
  margin-top: 0;
229
229
  width: auto;
230
230
  display: flex;
231
231
  }
232
- .nav-scroll[data-v-e59fe705] {
232
+ .nav-scroll[data-v-776cab4a] {
233
233
  overflow-y: visible;
234
234
  width: auto;
235
235
  direction: auto;
@@ -240,13 +240,19 @@
240
240
  flex-direction: row;
241
241
  margin-inline-end: auto;
242
242
  }
243
- .nav[data-v-e59fe705]::-webkit-scrollbar {
243
+ .nav[data-v-776cab4a]::-webkit-scrollbar {
244
244
  display: none;
245
245
  }
246
- .nav-expend[data-v-e59fe705] {
246
+ .nav-expend[data-v-776cab4a] {
247
247
  display: none;
248
248
  }
249
249
  }
250
+ @media screen and (max-height: 550px) {
251
+ .nav.open .nav-button[data-v-776cab4a] {
252
+ margin-top: 4px;
253
+ margin-bottom: 4px;
254
+ }
255
+ }
250
256
 
251
257
  a[data-v-59ea4a90] {
252
258
  text-decoration: none;
@@ -859,25 +865,25 @@ tbody tr[data-v-d01cb754]:hover {
859
865
  background: var(--bgl-gray-light);
860
866
  }
861
867
 
862
- data[data-v-0ffde6c7] {
868
+ data[data-v-d3655508] {
863
869
  font-size: var(--input-font-size);
864
870
  border: 1.1px solid var(--border-color);
865
871
  padding: 20px;
866
872
  border-radius: var(--input-border-radius);
867
873
  }
868
- .data-row[data-v-0ffde6c7] {
874
+ .data-row[data-v-d3655508] {
869
875
  display: flex;
870
876
  justify-content: space-between;
871
877
  border-bottom: 1px solid var(--border-color);
872
878
  align-items: center;
873
879
  min-height: 50px;
874
880
  }
875
- .data-row .bagel-input.shrink[data-v-0ffde6c7],
876
- .data-row .bagel-input.shrink input[data-v-0ffde6c7] {
881
+ .data-row .bagel-input.shrink[data-v-d3655508],
882
+ .data-row .bagel-input.shrink input[data-v-d3655508] {
877
883
  min-width: 140px !important;
878
884
  /* margin-top: -0.45rem !important; */
879
885
  }
880
- .data-link[data-v-0ffde6c7] {
886
+ .data-link[data-v-d3655508] {
881
887
  display: block;
882
888
  font-size: var(--input-font-size);
883
889
  margin-bottom: 2px;
@@ -885,7 +891,7 @@ data[data-v-0ffde6c7] {
885
891
  color: var(--input-color);
886
892
  }
887
893
  @media screen and (max-width: 910px) {
888
- .data-row[data-v-0ffde6c7] {
894
+ .data-row[data-v-d3655508] {
889
895
  display: block;
890
896
  /* min-height: 80px; */
891
897
  padding-bottom: 1rem;
@@ -895,9 +901,11 @@ data[data-v-0ffde6c7] {
895
901
  .data-row .bagel-input,
896
902
  .data-row .bagel-input input {
897
903
  min-width: 140px !important;
898
- /* margin-top: 0.5rem !important; */
899
904
  height: calc(var(--input-height) - 0.25rem) !important;
900
905
  }
906
+ .data-row .bagel-input.bgl-toggle input {
907
+ height:20px !important;
908
+ }
901
909
 
902
910
  .card_label {
903
911
  font-size: 1rem;
@@ -1868,17 +1876,22 @@ svg.leaflet-image-layer.leaflet-interactive path {
1868
1876
  transform: translateY(-2.6rem);
1869
1877
  }
1870
1878
 
1871
- .bgl-checkbox[data-v-e8fcfd5e] {
1879
+ .bgl-checkbox[data-v-1aa7e2a8] {
1872
1880
  flex-direction: row;
1873
1881
  cursor: pointer;
1882
+ align-items: flex-start;
1874
1883
  }
1875
- .bgl-checkbox input[type='checkbox'][data-v-e8fcfd5e] {
1884
+ .bgl-checkbox input[type='checkbox'][data-v-1aa7e2a8] {
1876
1885
  accent-color: var(--bgl-primary);
1877
1886
  height: calc(var(--input-height) / 2.75);
1878
1887
  width: calc(var(--input-height) / 2.75);
1879
1888
  min-width: 0;
1889
+ display: flex;
1890
+ justify-content: center;
1891
+ align-items: center;
1892
+ flex-shrink: 0;
1880
1893
  }
1881
- .bgl-checkbox input[type='checkbox'][data-v-e8fcfd5e]::before {
1894
+ .bgl-checkbox input[type='checkbox'][data-v-1aa7e2a8]::before {
1882
1895
  content: '';
1883
1896
  height: calc(var(--input-height) / 2.75);
1884
1897
  width: calc(var(--input-height) / 2.75);
@@ -1888,23 +1901,23 @@ svg.leaflet-image-layer.leaflet-interactive path {
1888
1901
  transition: all 200ms ease;
1889
1902
  position: absolute;
1890
1903
  }
1891
- .bgl-checkbox input[type='checkbox'][data-v-e8fcfd5e]:hover::before {
1904
+ .bgl-checkbox input[type='checkbox'][data-v-1aa7e2a8]:hover::before {
1892
1905
  opacity: 0.2;
1893
1906
  transform: scale(2);
1894
1907
  }
1895
- .bgl-checkbox label[data-v-e8fcfd5e] {
1908
+ .bgl-checkbox label[data-v-1aa7e2a8] {
1896
1909
  cursor: pointer;
1897
1910
  user-select: none;
1898
1911
  font-size: var(--input-font-size);
1899
1912
  transition: var(--bgl-transition-400);
1900
1913
  }
1901
- .bgl-checkbox:hover label[data-v-e8fcfd5e] {
1914
+ .bgl-checkbox:hover label[data-v-1aa7e2a8] {
1902
1915
  color: var(--bgl-primary) !important;
1903
1916
  }
1904
- .bgl-checkbox input:checked + label[data-v-e8fcfd5e]{
1917
+ .bgl-checkbox input:checked + label[data-v-1aa7e2a8]{
1905
1918
  color: var(--bgl-primary) !important;
1906
1919
  }
1907
- .bagel-input:focus-within.bgl-checkbox:not(:checked) label[data-v-e8fcfd5e] {
1920
+ .bagel-input:focus-within.bgl-checkbox:not(:checked) label[data-v-1aa7e2a8] {
1908
1921
  color: var(--label-color) !important;
1909
1922
  }
1910
1923
  .dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:rgba(255,255,255,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}/*# sourceMappingURL=main.css.map */
@@ -2144,91 +2157,92 @@ svg.leaflet-image-layer.leaflet-interactive path {
2144
2157
  font-size: var(--label-font-size);
2145
2158
  }
2146
2159
 
2147
- .bagel-input textarea[data-v-8e712ba3] {
2160
+ .bagel-input textarea[data-v-5e9a753f] {
2148
2161
  min-height: unset;
2149
2162
  font-size: var(--input-font-size);
2150
2163
  }
2151
- .bagel-input.text-input textarea[data-v-8e712ba3] {
2164
+ .bagel-input.text-input textarea[data-v-5e9a753f] {
2152
2165
  resize: none;
2153
2166
  }
2154
- .code textarea[data-v-8e712ba3] {
2167
+ .code textarea[data-v-5e9a753f] {
2155
2168
  font-family: 'Inconsolata', monospace;
2156
2169
  background: var(--bgl-black) !important;
2157
2170
  color: var(--bgl-white) !important;
2158
2171
  }
2159
- .code textarea[data-v-8e712ba3]::placeholder {
2172
+ .code textarea[data-v-5e9a753f]::placeholder {
2160
2173
  color: var(--bgl-white) !important;
2161
2174
  opacity: 0.3;
2162
2175
  }
2163
- .bagel-input.small[data-v-8e712ba3] {
2176
+ .bagel-input.small[data-v-5e9a753f] {
2164
2177
  margin-bottom: 0;
2165
2178
  height: 30px;
2166
2179
  }
2167
- .bagel-input.dense label[data-v-8e712ba3] {
2180
+ .bagel-input.dense label[data-v-5e9a753f] {
2168
2181
  display: flex;
2169
2182
  align-items: center;
2170
2183
  gap: 0.5rem;
2171
2184
  }
2172
- .bagel-input input[data-v-8e712ba3]:disabled {
2185
+ .bagel-input input[data-v-5e9a753f]:disabled {
2173
2186
  background: #f5f5f5;
2174
2187
  }
2175
- .bagel-input label[data-v-8e712ba3] {
2188
+ .bagel-input label[data-v-5e9a753f] {
2176
2189
  font-size: var(--label-font-size);
2177
2190
  }
2178
- .textInputIconWrap[data-v-8e712ba3] {
2191
+ .textInputIconWrap[data-v-5e9a753f] {
2179
2192
  position: relative;
2180
2193
  }
2181
- .textInputIconWrap .bgl_icon-font[data-v-8e712ba3] {
2194
+ .textInputIconWrap .bgl_icon-font[data-v-5e9a753f] {
2182
2195
  position: absolute;
2183
2196
  inset-inline-end: 0.7rem;
2184
2197
  bottom: 50%;
2185
2198
  line-height: 0;
2186
2199
  color: var(--bgl-gray);
2187
2200
  }
2188
- .txtInputIconStart .iconStart[data-v-8e712ba3] {
2201
+ .txtInputIconStart .iconStart[data-v-5e9a753f] {
2189
2202
  position: absolute;
2190
2203
  inset-inline-start: 0.7rem;
2191
2204
  top: 50%;
2192
2205
  line-height: 0;
2193
2206
  color: var(--bgl-gray);
2194
2207
  }
2195
- .txtInputIconStart textarea[data-v-8e712ba3] {
2208
+ .txtInputIconStart textarea[data-v-5e9a753f] {
2196
2209
  padding-inline-start: 2rem;
2197
2210
  }
2198
- .bagel-input.small textarea[data-v-8e712ba3] {
2211
+ .bagel-input.small textarea[data-v-5e9a753f] {
2199
2212
  height: 30px;
2200
2213
  }
2201
2214
 
2202
- .primary-checkbox input[data-v-2f03e6ec] {
2203
- display: none;
2204
- }
2205
- .primary-checkbox[data-v-2f03e6ec] {
2206
- margin-top: 8px;
2207
- }
2208
- .primary-checkbox span[data-v-2f03e6ec] {
2215
+ .primary-checkbox input[data-v-0878583e] {
2216
+ appearance: none;
2217
+ accent-color: var(--bgl-primary);
2218
+ height: calc(var(--input-height) / 2.75);
2219
+ width: calc(var(--input-height) / 2.75);
2220
+ min-width: 0;
2209
2221
  display: flex;
2210
- padding-top: 1px;
2211
- align-items: center;
2212
2222
  justify-content: center;
2213
- color: var(--bgl-white);
2223
+ align-items: center;
2224
+ cursor: pointer;
2214
2225
  border-radius: 100%;
2215
- width: 26px;
2216
- height: 26px;
2217
2226
  background: var(--bgl-white);
2218
- border: 4px solid var(--bgl-gray-light);
2219
- cursor: pointer;
2227
+ border: 2px solid var(--input-bg);
2228
+ }
2229
+ .primary-checkbox[data-v-0878583e] {
2230
+ height:var(--input-height);
2231
+ width:var(--input-height);
2232
+ display: flex;
2233
+ justify-content: center;
2234
+ align-items: center;
2220
2235
  transition: var(--bgl-transition);
2221
- user-select: none;
2236
+ transform: scale(0.8);
2222
2237
  }
2223
- .primary-checkbox span[data-v-2f03e6ec]:hover {
2238
+ .primary-checkbox[data-v-0878583e]:hover {
2224
2239
  filter: brightness(90%);
2225
2240
  }
2226
- .primary-checkbox span[data-v-2f03e6ec]:active {
2241
+ .primary-checkbox[data-v-0878583e]:active {
2227
2242
  filter: brightness(80%);
2228
2243
  }
2229
- .primary-checkbox input:checked + span[data-v-2f03e6ec] {
2244
+ .primary-checkbox input[data-v-0878583e]:checked {
2230
2245
  background: var(--bgl-primary);
2231
- border: none;
2232
2246
  }
2233
2247
 
2234
2248
  .datetime-wrap {
@@ -2320,6 +2334,9 @@ svg.leaflet-image-layer.leaflet-interactive path {
2320
2334
  outline: none;
2321
2335
  box-shadow: inset 0 0 10px #00000012;
2322
2336
  }
2337
+ [dir="rtl"] .dp__inner_nav svg{
2338
+ transform: rotate(180deg) !important;
2339
+ }
2323
2340
  @media screen and (max-width: 767px) {
2324
2341
  .datetime-wrap {
2325
2342
  flex-wrap: wrap;
@@ -2358,7 +2375,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
2358
2375
  color: var(--bgl-white);
2359
2376
  }
2360
2377
 
2361
- .bagel-input .fileUploadWrap[data-v-6716fd45] {
2378
+ .bagel-input .fileUploadWrap[data-v-e848b48d] {
2362
2379
  --width: 320px;
2363
2380
  outline: 1px solid var(--border-color);
2364
2381
  border-radius: var(--input-border-radius);
@@ -2371,7 +2388,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
2371
2388
  overflow-y: auto;
2372
2389
  background: var(--input-bg);
2373
2390
  }
2374
- .previewName[data-v-6716fd45] {
2391
+ .previewName[data-v-e848b48d] {
2375
2392
  padding: 0.5rem;
2376
2393
  text-align: start;
2377
2394
  color: var(--input-color);
@@ -2381,18 +2398,18 @@ svg.leaflet-image-layer.leaflet-interactive path {
2381
2398
  align-items: center;
2382
2399
  padding-inline: 14px;
2383
2400
  }
2384
- .previewName p[data-v-6716fd45] {
2401
+ .previewName p[data-v-e848b48d] {
2385
2402
  overflow: hidden;
2386
2403
  text-overflow: ellipsis;
2387
2404
  white-space: nowrap;
2388
2405
  }
2389
- .imagePreviewWrap[data-v-6716fd45] {
2406
+ .imagePreviewWrap[data-v-e848b48d] {
2390
2407
  background: var(--input-bg);
2391
2408
  border-radius: var(--input-border-radius);
2392
2409
  padding: 5px;
2393
2410
  min-height: 90px;
2394
2411
  }
2395
- img.preview[data-v-6716fd45] {
2412
+ img.preview[data-v-e848b48d] {
2396
2413
  /* max-height: calc(var(--width) / 2); */
2397
2414
  /* max-width: calc(var(--width) * 2); */
2398
2415
  width: 40px;
@@ -2402,7 +2419,7 @@ img.preview[data-v-6716fd45] {
2402
2419
  background: var(--bgl-gray-light);
2403
2420
  box-shadow: 0 0 10px #00000012;
2404
2421
  }
2405
- img.preview.single[data-v-6716fd45] {
2422
+ img.preview.single[data-v-e848b48d] {
2406
2423
  max-width: var(--width);
2407
2424
  width: calc(100% - 2.75rem);
2408
2425
  object-fit: contain;
@@ -2410,11 +2427,11 @@ img.preview.single[data-v-6716fd45] {
2410
2427
  max-height: calc(var(--width) / 2);
2411
2428
  margin: 1rem;
2412
2429
  }
2413
- .fileUploadWrap.dragover[data-v-6716fd45],
2414
- .fileUploadWrap[data-v-6716fd45]:hover {
2430
+ .fileUploadWrap.dragover[data-v-e848b48d],
2431
+ .fileUploadWrap[data-v-e848b48d]:hover {
2415
2432
  box-shadow: inset 0 0 10px #00000012;
2416
2433
  }
2417
- .bagel-input .fileUploadWrap.fileDropZone[data-v-6716fd45] {
2434
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-e848b48d] {
2418
2435
  background: var(--input-bg);
2419
2436
  display: flex;
2420
2437
  align-items: center;
@@ -2422,7 +2439,7 @@ img.preview.single[data-v-6716fd45] {
2422
2439
  color: var(--bgl-gray);
2423
2440
  flex-direction: column;
2424
2441
  }
2425
- .pie[data-v-6716fd45] {
2442
+ .pie[data-v-e848b48d] {
2426
2443
  width: 30px;
2427
2444
  height: 30px;
2428
2445
  position: relative;
@@ -2430,7 +2447,7 @@ img.preview.single[data-v-6716fd45] {
2430
2447
  align-items: center;
2431
2448
  justify-content: center;
2432
2449
  }
2433
- .pie[data-v-6716fd45]:before {
2450
+ .pie[data-v-e848b48d]:before {
2434
2451
  content: '';
2435
2452
  position: absolute;
2436
2453
  border-radius: 50%;
@@ -2448,91 +2465,53 @@ img.preview.single[data-v-6716fd45] {
2448
2465
  #000 calc(100% - var(--b))
2449
2466
  );
2450
2467
  }
2451
- .pie .success[data-v-6716fd45] {
2468
+ .pie .success[data-v-e848b48d] {
2452
2469
  transform: scale(0);
2453
2470
  opacity: 0;
2454
2471
  transition: all 0.3s ease-in-out;
2455
2472
  }
2456
- .pie .progress[data-v-6716fd45] {
2473
+ .pie .progress[data-v-e848b48d] {
2457
2474
  position: absolute;
2458
2475
  font-size: 10px;
2459
2476
  }
2460
- .pie.complete .progress[data-v-6716fd45] {
2477
+ .pie.complete .progress[data-v-e848b48d] {
2461
2478
  display: none;
2462
2479
  }
2463
- .pie.complete .success[data-v-6716fd45] {
2480
+ .pie.complete .success[data-v-e848b48d] {
2464
2481
  transform: scale(1.3);
2465
2482
  opacity: 1;
2466
2483
  }
2467
- .pie.complete[data-v-6716fd45]:before {
2484
+ .pie.complete[data-v-e848b48d]:before {
2468
2485
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
2469
2486
  }
2470
- .pie.complete[data-v-6716fd45] {
2487
+ .pie.complete[data-v-e848b48d] {
2471
2488
  color: var(--bgl-green);
2472
2489
  }
2473
2490
 
2474
- .bgl-checkbox[data-v-dbc06a4f] {
2475
- position: relative;
2476
- transition: var(--bgl-transition);
2477
- flex-direction: row !important;
2491
+ .bagel-input.bgl-toggle[data-v-06b95183]{
2492
+ display: unset !important;
2493
+ }
2494
+ .bagel-input.bgl-toggle[data-v-06b95183] *{
2495
+ cursor: pointer !important;
2478
2496
  }
2479
- .bagel-input.bgl-checkbox input[data-v-dbc06a4f]{
2480
- /* background: unset !important; */
2497
+ .bagel-input.bgl-toggle input[data-v-06b95183]{
2481
2498
  padding: unset !important;
2482
- /* border-radius: var(--input-border-radius); */
2483
- /* color: var(--input-color); */
2484
2499
  min-width: unset !important;
2485
- width: unset !important;
2486
- height: unset !important;
2487
- /* font-size:unset !important; */
2488
- }
2489
- .bgl-checkbox input[type=checkbox][data-v-dbc06a4f] {
2490
- appearance: none;
2491
2500
  }
2492
- .bgl-checkbox label[data-v-dbc06a4f] {
2493
- padding-inline-start: calc(var(--input-height) - 1rem);
2494
- transition: var(--bgl-transition);
2495
- cursor: pointer;
2496
- user-select: none;
2497
- line-height: var(--input-height);
2498
- }
2499
- .bgl-checkbox[data-v-dbc06a4f]:hover {
2500
- filter: brightness(90%);
2501
- }
2502
- .bgl-checkbox[data-v-dbc06a4f]:active {
2503
- filter: var(--bgl-active-filter);
2504
- }
2505
- .switch[data-v-dbc06a4f] {
2506
- position: absolute;
2507
- display: inline-block;
2508
- height: calc(var(--input-height) / 2);
2509
- width: calc(var(--input-height) - 2px);
2510
- border-radius: var(--input-height);
2511
- background: var(--bgl-gray);
2512
- outline: 1px solid var(--border-color);
2513
- margin-top: 0.15rem;
2514
- pointer-events: none;
2515
- }
2516
- .switch input[data-v-dbc06a4f] {
2517
- opacity: 0;
2518
- width: 0;
2519
- height: 0;
2520
- }
2521
- .slider[data-v-dbc06a4f] {
2522
- position: absolute;
2523
- cursor: pointer;
2524
- top: 0;
2525
- left: 0;
2526
- right: 0;
2527
- bottom: 0;
2528
- background: var(--input-bg);
2529
- -webkit-transition: 0.2s;
2530
- transition: 0.2s;
2531
- border-radius: calc(var(--input-height) / 2);
2532
- box-shadow: inset 0 0 10px #00000020;
2533
- background: var(--input-bg);
2501
+ .bgl-toggle input[data-v-06b95183] {
2502
+ appearance: none;
2503
+ position: relative;
2504
+ display: inline-block;
2505
+ background: var(--input-bg);
2506
+ height: calc(var(--input-height) / 2);
2507
+ width: calc(var(--input-height) - 2px);
2508
+ vertical-align: middle;
2509
+ border-radius: 2rem;
2510
+ box-shadow: 0px 1px 3px #0003 inset;
2511
+ transition: 0.25s linear all;
2512
+ outline: 1px solid var(--border-color);
2534
2513
  }
2535
- .slider[data-v-dbc06a4f]:before {
2514
+ .bgl-toggle input[data-v-06b95183]::before {
2536
2515
  position: absolute;
2537
2516
  content: "";
2538
2517
  height: calc(var(--input-height) / 2 - 2px);
@@ -2545,12 +2524,40 @@ img.preview.single[data-v-6716fd45] {
2545
2524
  transition: 0.2s;
2546
2525
  box-shadow:0 1px 5px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
2547
2526
  }
2548
- .checked .slider[data-v-dbc06a4f] {
2527
+ .bgl-toggle label[data-v-06b95183] {
2528
+ padding-inline-start: 0.5rem;
2529
+ transition: var(--bgl-transition);
2530
+ cursor: pointer;
2531
+ user-select: none;
2532
+ line-height: var(--input-height);
2533
+ font-size: var(--input-font-size);
2534
+ }
2535
+ .bgl-toggle label[data-v-06b95183]:hover {
2536
+ filter: brightness(90%);
2537
+ }
2538
+ .bgl-toggle label[data-v-06b95183]:active {
2539
+ filter: var(--bgl-active-filter);
2540
+ }
2541
+ .bgl-toggle input[data-v-06b95183]:focus-visible {
2542
+ outline: -webkit-focus-ring-color auto 1px;
2543
+ outline-offset: 2px
2544
+ }
2545
+ .bgl-toggle input[data-v-06b95183]:focus {
2546
+ outline-color: transparent;
2547
+ }
2548
+ .bgl-toggle input[data-v-06b95183]:focus-visible {
2549
+ outline: -webkit-focus-ring-color auto 1px;
2550
+ outline-offset: 2px
2551
+ }
2552
+ .bgl-toggle[data-v-06b95183] :checked{
2549
2553
  background: var(--bgl-primary);
2550
2554
  }
2551
- .checked .slider[data-v-dbc06a4f]:before {
2555
+ .bgl-toggle[data-v-06b95183] :checked::before{
2552
2556
  margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
2553
2557
  }
2558
+ .bgl-toggle input:checked + label[data-v-06b95183] {
2559
+ color: var(--bgl-primary) !important;
2560
+ }
2554
2561
 
2555
2562
  /* Basic editor styles */
2556
2563
  .tiptap > * + * {
@@ -2755,6 +2762,8 @@ p {
2755
2762
  }
2756
2763
  .bgl_input.signature-pad .canvas[disabled] {
2757
2764
  background: var(--input-disabled-bg);
2765
+ border: 1px solid var(--bgl-gray);
2766
+ border-radius: var(--input-border-radius);
2758
2767
  }
2759
2768
 
2760
2769
  .toolbar[data-v-4c741194] {
@@ -7000,13 +7009,22 @@ select {
7000
7009
  min-width: calc(var(--input-height) * 3);
7001
7010
  width: 100%;
7002
7011
  }
7003
- .input.active,
7012
+ .input.active
7004
7013
  .bagel-input input:focus-visible,
7005
7014
  .bagel-input select:focus-visible,
7006
- .bagel-input textarea:focus-visible {
7007
- outline-color: transparent;
7015
+ .bagel-input textarea:focus-visible,
7016
+ .bagel-input button:focus-visible,
7017
+ .bgl_btn:focus-visible {
7018
+ outline-color: var(--bgl-primary-tint);
7008
7019
  box-shadow: inset 0 0 10px #00000012;
7009
7020
  }
7021
+ .bagel-input input:focus,
7022
+ .bagel-input select:focus,
7023
+ .bagel-input textarea:focus,
7024
+ .bagel-input .bgl_btn:focus,
7025
+ .bagel-input button:focus {
7026
+ outline-color: rgba(0, 0, 0, 0.05);
7027
+ }
7010
7028
  .bagel-input.light-input input,
7011
7029
  .bagel-input.light-input textarea,
7012
7030
  .bagel-input.light-input select,