@bagelink/vue 0.0.511 → 0.0.522

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 (33) hide show
  1. package/dist/components/Btn.vue.d.ts +2 -0
  2. package/dist/components/Btn.vue.d.ts.map +1 -1
  3. package/dist/components/Carousel.vue.d.ts +29 -2
  4. package/dist/components/Carousel.vue.d.ts.map +1 -1
  5. package/dist/components/MapEmbed.vue.d.ts.map +1 -1
  6. package/dist/components/form/inputs/CheckInput.vue.d.ts.map +1 -1
  7. package/dist/components/form/inputs/DateInput.vue.d.ts +8 -0
  8. package/dist/components/form/inputs/DateInput.vue.d.ts.map +1 -1
  9. package/dist/components/layout/TabsNav.vue.d.ts +3 -1
  10. package/dist/components/layout/TabsNav.vue.d.ts.map +1 -1
  11. package/dist/index.cjs +262 -357
  12. package/dist/index.mjs +262 -357
  13. package/dist/style.css +247 -187
  14. package/dist/utils/BagelFormUtils.d.ts +2 -0
  15. package/dist/utils/BagelFormUtils.d.ts.map +1 -1
  16. package/package.json +1 -1
  17. package/src/components/Btn.vue +8 -1
  18. package/src/components/Card.vue +0 -1
  19. package/src/components/Carousel.vue +134 -117
  20. package/src/components/ListItem.vue +2 -2
  21. package/src/components/ListView.vue +1 -1
  22. package/src/components/MapEmbed.vue +6 -4
  23. package/src/components/Modal.vue +1 -2
  24. package/src/components/TableSchema.vue +4 -4
  25. package/src/components/form/inputs/CheckInput.vue +46 -70
  26. package/src/components/form/inputs/DateInput.vue +9 -0
  27. package/src/components/layout/TabsNav.vue +2 -2
  28. package/src/styles/appearance.css +66 -0
  29. package/src/styles/bagel.css +1 -1
  30. package/src/styles/layout.css +14 -0
  31. package/src/styles/mobilLayout.css +14 -0
  32. package/src/styles/scrollbar.css +2 -4
  33. package/src/utils/BagelFormUtils.ts +23 -0
package/dist/style.css CHANGED
@@ -248,19 +248,19 @@
248
248
  }
249
249
  }
250
250
 
251
- a[data-v-957b4083] {
251
+ a[data-v-d5201df6] {
252
252
  text-decoration: none;
253
253
  }
254
- .loading[data-v-957b4083] {
254
+ .loading[data-v-d5201df6] {
255
255
  border: 1px solid var(--bgl-white);
256
256
  border-bottom: 2px solid var(--bgl-white);
257
- animation: spin-957b4083 1s linear infinite;
257
+ animation: spin-d5201df6 1s linear infinite;
258
258
  border-radius: 100px;
259
259
  width: 1rem;
260
260
  height: 1rem;
261
261
  margin: auto;
262
262
  }
263
- @keyframes spin-957b4083 {
263
+ @keyframes spin-d5201df6 {
264
264
  0% {
265
265
  transform: rotate(0deg);
266
266
  }
@@ -268,7 +268,7 @@ a[data-v-957b4083] {
268
268
  transform: rotate(360deg);
269
269
  }
270
270
  }
271
- .bgl_btn-icon[data-v-957b4083] {
271
+ .bgl_btn-icon[data-v-d5201df6] {
272
272
  height: var(--btn-height);
273
273
  width: var(--btn-height);
274
274
  border-radius: 100%;
@@ -278,101 +278,101 @@ a[data-v-957b4083] {
278
278
  flex-shrink: 0;
279
279
  transition: var(--bgl-transition);
280
280
  }
281
- .bgl_btn[data-v-957b4083] {
281
+ .bgl_btn[data-v-d5201df6] {
282
282
  padding-left: var(--btn-padding);
283
283
  padding-right: var(--btn-padding);
284
284
  transition: var(--bgl-transition);
285
285
  text-decoration: none;
286
286
  }
287
- .bgl_btn[disabled="true"][data-v-957b4083] {
287
+ .bgl_btn[disabled="true"][data-v-d5201df6] {
288
288
  opacity: 0.5;
289
289
  cursor: not-allowed;
290
290
  }
291
- .bgl_btn-flex[data-v-957b4083] {
291
+ .bgl_btn-flex[data-v-d5201df6] {
292
292
  display: flex;
293
293
  align-items: center;
294
294
  gap: 0.5rem;
295
295
  justify-content: center;
296
296
  }
297
- .bgl_btn .bgl_.bgl_icon-font[data-v-957b4083] {
297
+ .bgl_btn .bgl_.bgl_icon-font[data-v-d5201df6] {
298
298
  font-size: calc(var(--input-font-size) * 1.3);
299
299
  }
300
- .bgl_btn[data-v-957b4083],
301
- .bgl_btn-icon[data-v-957b4083] {
302
- background-color: var(--23db5d74);
303
- color: var(--82322962);
300
+ .bgl_btn[data-v-d5201df6],
301
+ .bgl_btn-icon[data-v-d5201df6] {
302
+ background-color: var(--38764c20);
303
+ color: var(--63554afb);
304
304
  }
305
- .bgl_btn[data-v-957b4083]:hover,
306
- .bgl_btn-icon[data-v-957b4083]:hover {
305
+ .bgl_btn[data-v-d5201df6]:hover,
306
+ .bgl_btn-icon[data-v-d5201df6]:hover {
307
307
  filter: var(--bgl-hover-filter);
308
308
  }
309
- .bgl_btn[data-v-957b4083]:active,
310
- .bgl_btn-icon[data-v-957b4083]:active {
309
+ .bgl_btn[data-v-d5201df6]:active,
310
+ .bgl_btn-icon[data-v-d5201df6]:active {
311
311
  filter: var(--bgl-active-filter);
312
312
  }
313
- .bgl_btn.bgl_flatBtn[data-v-957b4083] {
313
+ .bgl_btn.bgl_flatBtn[data-v-d5201df6] {
314
314
  padding-left: var(--btn-padding);
315
315
  padding-right: var(--btn-padding);
316
316
  background: transparent;
317
317
  }
318
- .bgl_btn-icon.bgl_flatBtn[data-v-957b4083] {
318
+ .bgl_btn-icon.bgl_flatBtn[data-v-d5201df6] {
319
319
  background: transparent;
320
320
  }
321
- .bgl_btn.bgl_flatBtn[data-v-957b4083]:hover,
322
- .bgl_btn-icon.bgl_flatBtn[data-v-957b4083]:hover {
321
+ .bgl_btn.bgl_flatBtn[data-v-d5201df6]:hover,
322
+ .bgl_btn-icon.bgl_flatBtn[data-v-d5201df6]:hover {
323
323
  filter: var(--bgl-active-filter);
324
324
  }
325
- .bgl_btn.bgl_flatBtn[data-v-957b4083]:active,
326
- .bgl_btn-icon.bgl_flatBtn[data-v-957b4083]:active {
325
+ .bgl_btn.bgl_flatBtn[data-v-d5201df6]:active,
326
+ .bgl_btn-icon.bgl_flatBtn[data-v-d5201df6]:active {
327
327
  background: var(--bgl-gray);
328
328
  filter: var(--bgl-hover-filter);
329
329
  }
330
- .bgl_btn.bgl_flatBtn.red[data-v-957b4083],
331
- .bgl_btn-icon.bgl_flatBtn.red[data-v-957b4083] {
330
+ .bgl_btn.bgl_flatBtn.red[data-v-d5201df6],
331
+ .bgl_btn-icon.bgl_flatBtn.red[data-v-d5201df6] {
332
332
  color: var(--bgl-red);
333
333
  }
334
- .bgl_btn.bgl_flatBtn.white[data-v-957b4083],
335
- .bgl_btn-icon.bgl_flatBtn.white[data-v-957b4083] {
334
+ .bgl_btn.bgl_flatBtn.white[data-v-d5201df6],
335
+ .bgl_btn-icon.bgl_flatBtn.white[data-v-d5201df6] {
336
336
  color: var(--bgl-white);
337
337
  }
338
- .bgl_btn.bgl_flatBtn.light[data-v-957b4083],
339
- .bgl_btn-icon.bgl_flatBtn.light[data-v-957b4083] {
338
+ .bgl_btn.bgl_flatBtn.light[data-v-d5201df6],
339
+ .bgl_btn-icon.bgl_flatBtn.light[data-v-d5201df6] {
340
340
  color: var(--bgl-primary-tint);
341
341
  }
342
- .bgl_btn.bgl_flatBtn.black[data-v-957b4083],
343
- .bgl_btn-icon.bgl_flatBtn.black[data-v-957b4083] {
342
+ .bgl_btn.bgl_flatBtn.black[data-v-d5201df6],
343
+ .bgl_btn-icon.bgl_flatBtn.black[data-v-d5201df6] {
344
344
  color: var(--bgl-black);
345
345
  }
346
- .bgl_btn.bgl_flatBtn.gray[data-v-957b4083],
347
- .bgl_btn-icon.bgl_flatBtn.gray[data-v-957b4083] {
346
+ .bgl_btn.bgl_flatBtn.gray[data-v-d5201df6],
347
+ .bgl_btn-icon.bgl_flatBtn.gray[data-v-d5201df6] {
348
348
  color: var(--bgl-gray);
349
349
  }
350
- .bgl_btn.thin[data-v-957b4083] {
350
+ .bgl_btn.thin[data-v-d5201df6] {
351
351
  padding-inline: calc(var(--btn-padding) / 3);
352
352
  border-radius: calc(var(--btn-border-radius) / 1.5);
353
353
  }
354
- .bgl_btn.round[data-v-957b4083] {
354
+ .bgl_btn.round[data-v-d5201df6] {
355
355
  border-radius: calc(var(--btn-border-radius) * 2);
356
356
  }
357
- .bgl_btn-icon.thin[data-v-957b4083] {
357
+ .bgl_btn-icon.thin[data-v-d5201df6] {
358
358
  height: calc(var(--btn-height) / 1.5);
359
359
  width: calc(var(--btn-height) / 1.5);
360
360
  line-height: 1;
361
361
  }
362
- [dir="rtl"] .bgl_.bgl_icon-font[data-v-957b4083] {
362
+ [dir="rtl"] .bgl_.bgl_icon-font[data-v-d5201df6] {
363
363
  transform: rotateY(180deg);
364
364
  }
365
- .bgl_btn-border[data-v-957b4083] {
366
- outline: 1px solid var(--23db5d74);
367
- color: var(--23db5d74);
365
+ .bgl_btn-border[data-v-d5201df6] {
366
+ outline: 1px solid var(--38764c20);
367
+ color: var(--38764c20);
368
368
  background: transparent;
369
369
  }
370
- .bgl_btn-border[data-v-957b4083]:hover {
370
+ .bgl_btn-border[data-v-d5201df6]:hover {
371
371
  color: var(--bgl-white);
372
- background: var(--23db5d74);
372
+ background: var(--38764c20);
373
373
  filter: brightness(100%);
374
374
  }
375
- .bgl_btn-border[data-v-957b4083]:active {
375
+ .bgl_btn-border[data-v-d5201df6]:active {
376
376
  filter: brightness(80%);
377
377
  }
378
378
  .bg-dark {
@@ -637,54 +637,54 @@ a[data-v-957b4083] {
637
637
  }
638
638
  }
639
639
 
640
- .list-arrows[data-v-ae8770a6] {
640
+ .list-arrows[data-v-8113163b] {
641
641
  opacity: 0;
642
642
  }
643
- .list-arrows .bgl_icon-font[data-v-ae8770a6] {
643
+ .list-arrows .bgl_icon-font[data-v-8113163b] {
644
644
  transition: all ease-in-out 0.2s;
645
645
  }
646
- .list-arrows.sorted[data-v-ae8770a6] {
646
+ .list-arrows.sorted[data-v-8113163b] {
647
647
  opacity: 1;
648
648
  }
649
- .col img[data-v-ae8770a6] {
649
+ .col img[data-v-8113163b] {
650
650
  height: 35px;
651
651
  margin-top: -14px;
652
652
  margin-bottom: -14px;
653
653
  border-radius: 5px;
654
654
  }
655
- .list-arrows.sorted .desc[data-v-ae8770a6] {
655
+ .list-arrows.sorted .desc[data-v-8113163b] {
656
656
  transform: rotate(180deg);
657
657
  }
658
- table[data-v-ae8770a6] {
658
+ table[data-v-8113163b] {
659
659
  border-collapse: separate;
660
660
  border-spacing: 0 15px;
661
661
  border-collapse: collapse;
662
662
  }
663
- th[data-v-ae8770a6] {
663
+ th[data-v-8113163b] {
664
664
  font-weight: 400;
665
665
  }
666
- .embedded-field[data-v-ae8770a6] {
666
+ .embedded-field[data-v-8113163b] {
667
667
  margin-bottom: -0.2rem;
668
668
  margin-top: -0.2rem;
669
669
  }
670
- .row[data-v-ae8770a6] {
670
+ .row[data-v-8113163b] {
671
671
  border-bottom: 1px solid var(--border-color);
672
672
  cursor: pointer;
673
673
  }
674
- .row.first-row[data-v-ae8770a6] {
674
+ .row.first-row[data-v-8113163b] {
675
675
  font-size: 0.8rem;
676
676
  color: var(--bgl-black-tint);
677
677
  position: sticky;
678
678
  top: 0;
679
679
  z-index: 2;
680
680
  background: var(--bgl-white);
681
- height: 50px;
681
+ /* height: 50px; */
682
682
  vertical-align: bottom;
683
683
  }
684
- .row.first-row input[type=checkbox][data-v-ae8770a6]{
684
+ .row.first-row input[type=checkbox][data-v-8113163b]{
685
685
  margin-bottom: 0.7rem;
686
686
  }
687
- .row.first-row[data-v-ae8770a6]::after {
687
+ .row.first-row[data-v-8113163b]::after {
688
688
  content: '';
689
689
  border-bottom: 1px solid var(--border-color);
690
690
  position: absolute;
@@ -692,30 +692,30 @@ th[data-v-ae8770a6] {
692
692
  right: 0;
693
693
  bottom: -1px;
694
694
  }
695
- .first-row .col[data-v-ae8770a6] {
695
+ .first-row .col[data-v-8113163b] {
696
696
  cursor: pointer;
697
697
  background: var(--bgl-white);
698
698
  }
699
- .col[data-v-ae8770a6] {
699
+ .col[data-v-8113163b] {
700
700
  white-space: nowrap;
701
- padding: 0.75rem 0.5rem;
701
+ padding: 0.75rem 1rem;
702
702
  transition: var(--bgl-transition);
703
703
  line-height: 1;
704
704
  align-items: center;
705
705
  }
706
- .col[data-v-ae8770a6]:has(.bagel-input) {
706
+ .col[data-v-8113163b]:has(.bagel-input) {
707
707
  padding: 0rem 0.25rem;
708
708
  }
709
- .col > div[data-v-ae8770a6] {
709
+ .col > div[data-v-8113163b] {
710
710
  display: flex;
711
711
  gap: 0.5rem;
712
712
  }
713
- .max-col-width[data-v-ae8770a6] {
713
+ .max-col-width[data-v-8113163b] {
714
714
  max-width: 30vw;
715
715
  overflow: hidden;
716
716
  text-overflow: ellipsis;
717
717
  }
718
- .col.check .bgl_icon-font[data-v-ae8770a6] {
718
+ .col.check .bgl_icon-font[data-v-8113163b] {
719
719
  border-radius: 100%;
720
720
  background: var(--bgl-blue-20);
721
721
  color: var(--bgl-primary);
@@ -726,31 +726,31 @@ th[data-v-ae8770a6] {
726
726
  justify-content: center;
727
727
  margin-top: -2px;
728
728
  }
729
- .rows[data-v-ae8770a6] {
730
- font-size: 0.8125em;
729
+ .rows[data-v-8113163b] {
730
+ font-size: 0.88em;
731
731
  }
732
- .table-list[data-v-ae8770a6] {
732
+ .table-list[data-v-8113163b] {
733
733
  height: 100%;
734
734
  position: relative;
735
735
  padding-left: 0 !important;
736
736
  padding-right: 0 !important;
737
737
  overflow: auto;
738
738
  }
739
- .BagelTable .table-list[data-v-ae8770a6] {
739
+ .BagelTable .table-list[data-v-8113163b] {
740
740
  overflow: unset;
741
741
  }
742
- .row-item[data-v-ae8770a6] {
742
+ .row-item[data-v-8113163b] {
743
743
  height: 50px;
744
744
  transition: all 200ms ease;
745
745
  }
746
- .row-item[data-v-ae8770a6]:hover {
746
+ .row-item[data-v-8113163b]:hover {
747
747
  background: var(--bgl-gray-light);
748
748
  }
749
- .row-item input[type=checkbox][data-v-ae8770a6]{
749
+ .row-item input[type=checkbox][data-v-8113163b]{
750
750
  margin-top: 0.45rem !important;
751
751
  accent-color: var(--bgl-primary);
752
752
  }
753
- .infinite-wrapper[data-v-ae8770a6] {
753
+ .infinite-wrapper[data-v-8113163b] {
754
754
  overflow-y: auto;
755
755
  width: 100%;
756
756
  }
@@ -801,7 +801,6 @@ th[data-v-ae8770a6] {
801
801
  background: var(--bgl-white);
802
802
  padding: 2rem 2rem;
803
803
  position: relative;
804
- box-shadow:0 1px 5px 0 rgba(0,0,0,.05), 0 1px 2px -1px rgba(0,0,0,.05);
805
804
  }
806
805
  .bgl_card.gray {
807
806
  background: var(--bgl-gray-20);
@@ -935,83 +934,83 @@ display: block;
935
934
  border-radius: var(--input-border-radius);
936
935
  }
937
936
 
938
- .blocker[data-v-1f9c6644] {
939
- position: fixed;
940
- top: 0;
941
- left: 0;
942
- width: 100%;
943
- height: 100%;
944
- z-index: 100;
937
+ .blocker[data-v-f21373a1] {
938
+ position: fixed;
939
+ top: 0;
940
+ left: 0;
941
+ width: 100%;
942
+ height: 100%;
943
+ z-index: 100;
945
944
  }
946
- .bgl-slider[data-v-1f9c6644] {
947
- display: grid;
948
- position: relative;
949
- scroll-behavior: smooth;
950
- grid-auto-flow: column;
951
- grid-auto-columns: 100%;
952
- scroll-snap-type: x mandatory;
953
- overflow-x: hidden;
945
+ .bgl-slider[data-v-f21373a1] {
946
+ display: grid;
947
+ position: relative;
948
+ scroll-behavior: smooth;
949
+ grid-auto-flow: column;
950
+ grid-auto-columns: 100%;
951
+ scroll-snap-type: x mandatory;
952
+ overflow-x: hidden;
954
953
  }
955
- .autoHeight[data-v-1f9c6644] {
956
- transition: height ease 0.7s;
954
+ .autoHeight[data-v-f21373a1] {
955
+ transition: height ease 0.7s;
957
956
  }
958
- .bgl-slider.allowScroll[data-v-1f9c6644] {
959
- overflow-x: scroll;
957
+ .bgl-slider.allowScroll[data-v-f21373a1] {
958
+ overflow-x: scroll;
960
959
  }
961
- .bgl-slider.slides-6[data-v-1f9c6644] {
962
- grid-auto-columns: 15.9%;
963
- gap: 1%;
960
+ .bgl-slider.slides-6[data-v-f21373a1] {
961
+ grid-auto-columns: 15.9%;
962
+ gap: 1%;
964
963
  }
965
- .bgl-slider.slides-5[data-v-1f9c6644] {
966
- grid-auto-columns: 19.3%;
967
- gap: 1%;
964
+ .bgl-slider.slides-5[data-v-f21373a1] {
965
+ grid-auto-columns: 19.3%;
966
+ gap: 1%;
968
967
  }
969
- .bgl-slider.slides-4[data-v-1f9c6644] {
970
- grid-auto-columns: 24.3%;
971
- gap: 1%;
968
+ .bgl-slider.slides-4[data-v-f21373a1] {
969
+ grid-auto-columns: 25%;
970
+ gap: 1%;
972
971
  }
973
- .bgl-slider.slides-3[data-v-1f9c6644] {
974
- grid-auto-columns: 33%;
975
- gap: 1%;
972
+ .bgl-slider.slides-3[data-v-f21373a1] {
973
+ grid-auto-columns: 33%;
974
+ gap: 1%;
976
975
  }
977
- .bgl-slider.slides-2[data-v-1f9c6644] {
978
- grid-auto-columns: 50%;
979
- gap: 1%;
976
+ .bgl-slider.slides-2[data-v-f21373a1] {
977
+ grid-auto-columns: 50%;
978
+ gap: 1%;
980
979
  }
981
- .bgl-slider.slides-1[data-v-1f9c6644] {
982
- grid-auto-columns: 100%;
980
+ .bgl-slider.slides-1[data-v-f21373a1] {
981
+ grid-auto-columns: 100%;
983
982
  }
984
- .bgl-slider[data-v-1f9c6644]::-webkit-scrollbar {
985
- display: none;
983
+ .bgl-slider[data-v-f21373a1]::-webkit-scrollbar {
984
+ display: none;
986
985
  }
987
- .bgl-slider[data-v-1f9c6644] * {
988
- scroll-snap-align: start;
986
+ .bgl-slider[data-v-f21373a1] * {
987
+ scroll-snap-align: center;
989
988
  }
990
- .dragging.bgl-slider[data-v-1f9c6644] {
991
- cursor: grabbing;
992
- cursor: -webkit-grabbing;
993
- scroll-snap-type: unset;
989
+ .dragging.bgl-slider[data-v-f21373a1] {
990
+ cursor: grabbing;
991
+ cursor: -webkit-grabbing;
992
+ scroll-snap-type: unset;
994
993
  }
995
- .clicking.bgl-slider[data-v-1f9c6644] {
996
- scroll-behavior: unset;
994
+ .clicking.bgl-slider[data-v-f21373a1] {
995
+ scroll-behavior: unset;
997
996
  }
998
- .dragging.bgl-slider[data-v-1f9c6644] * {
999
- scroll-snap-align: unset;
1000
- user-select: none;
997
+ .dragging.bgl-slider[data-v-f21373a1] * {
998
+ scroll-snap-align: unset;
999
+ user-select: none;
1001
1000
  }
1002
1001
  @media screen and (max-width: 1280px) {
1003
- .bgl-slider.slides-4[data-v-1f9c6644] {
1004
- grid-auto-columns: 33%;
1002
+ .bgl-slider.slides-4[data-v-f21373a1] {
1003
+ grid-auto-columns: 33%;
1005
1004
  }
1006
1005
  }
1007
1006
  @media screen and (max-width: 991px) {
1008
- .bgl-slider.slides-4[data-v-1f9c6644] {
1009
- grid-auto-columns: 50%;
1007
+ .bgl-slider.slides-4[data-v-f21373a1] {
1008
+ grid-auto-columns: 50%;
1010
1009
  }
1011
1010
  }
1012
1011
  @media screen and (max-width: 600px) {
1013
- .bgl-slider.slides-4[data-v-1f9c6644] {
1014
- grid-auto-columns: 100%;
1012
+ .bgl-slider.slides-4[data-v-f21373a1] {
1013
+ grid-auto-columns: 100%;
1015
1014
  }
1016
1015
  }
1017
1016
  /* required styles */
@@ -1745,64 +1744,44 @@ svg.leaflet-image-layer.leaflet-interactive path {
1745
1744
  transform: translateY(-2.6rem);
1746
1745
  }
1747
1746
 
1748
- :root {
1749
- --bgl-white: #fff;
1750
- --input-height: 40px;
1751
- --input-border-radius: 7px;
1752
- --bgl-transition: all 200ms ease;
1753
- --bgl-primary: #19b8ea;
1754
- }
1755
-
1756
- .bgl-checkbox[data-v-62e7637b] {
1757
- position: relative;
1758
- display: flex;
1759
- flex-direction: row;
1760
- align-items: center;
1761
- }
1762
- .bgl-checkbox input[type=checkbox][data-v-62e7637b] {
1763
- position: absolute;
1764
- opacity: 0;
1765
- z-index: -1;
1747
+ .bgl-checkbox[data-v-ac068f18] {
1748
+ flex-direction: row;
1749
+ cursor: pointer;
1766
1750
  }
1767
- .bgl-checkbox label[data-v-62e7637b] {
1768
- padding-inline-start: 0.5rem;
1769
- transition: var(--bgl-transition);
1770
- cursor: pointer;
1771
- user-select: none;
1772
- font-size: var(--input-font-size);
1751
+ .bgl-checkbox input[type='checkbox'][data-v-ac068f18] {
1752
+ accent-color: var(--bgl-primary);
1753
+ height: calc(var(--input-height) / 2.75);
1754
+ width: calc(var(--input-height) / 2.75);
1755
+ min-width: 0;
1773
1756
  }
1774
- .bgl-checkbox[data-v-62e7637b]:hover {
1775
- filter: brightness(95%);
1757
+ .bgl-checkbox input[type='checkbox'][data-v-ac068f18]::before {
1758
+ content: '';
1759
+ height: calc(var(--input-height) / 2.75);
1760
+ width: calc(var(--input-height) / 2.75);
1761
+ background: var(--bgl-primary);
1762
+ border-radius: 100%;
1763
+ opacity: 0;
1764
+ transition: all 200ms ease;
1765
+ position: absolute;
1776
1766
  }
1777
- .bgl-checkbox[data-v-62e7637b]:active {
1778
- filter: var(--bgl-active-filter);
1767
+ .bgl-checkbox input[type='checkbox'][data-v-ac068f18]:hover::before {
1768
+ opacity: 0.2;
1769
+ transform: scale(2);
1779
1770
  }
1780
- .bgl-checkbox .check-square[data-v-62e7637b] {
1781
- width: calc(var(--input-height) / 2.5);
1782
- height: calc(var(--input-height) / 2.5);
1783
- background: var(--bgl-white);
1784
- border-radius: calc(var(--input-border-radius) / 2);
1785
- border: var(--bgl-primary) 1px solid;
1786
- position: relative;
1787
- display: flex;
1788
- align-items: center;
1789
- justify-content: center;
1771
+ .bgl-checkbox label[data-v-ac068f18] {
1772
+ cursor: pointer;
1773
+ user-select: none;
1774
+ font-size: var(--input-font-size);
1775
+ transition: var(--bgl-transition-400);
1790
1776
  }
1791
- .check-square.checked[data-v-62e7637b] {
1792
- background: var(--bgl-primary);
1777
+ .bgl-checkbox:hover label[data-v-ac068f18] {
1778
+ color: var(--bgl-primary) !important;
1793
1779
  }
1794
- .bgl-checkbox svg[data-v-62e7637b] {
1795
- width: calc(var(--input-height) / 2.5);
1796
- height: calc(var(--input-height) / 2.5);
1797
- position: absolute;
1798
- z-index: 2;
1799
- fill: var(--bgl-white);
1800
- pointer-events: none;
1801
- transform: scale(0);
1802
- transition: var(--bgl-transition);
1780
+ .bgl-checkbox input:checked + label[data-v-ac068f18]{
1781
+ color: var(--bgl-primary) !important;
1803
1782
  }
1804
- .check-square.checked svg[data-v-62e7637b] {
1805
- transform: scale(1);
1783
+ .bagel-input:focus-within.bgl-checkbox:not(:checked) label[data-v-ac068f18] {
1784
+ color: var(--label-color) !important;
1806
1785
  }
1807
1786
  .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 */
1808
1787
 
@@ -2784,7 +2763,7 @@ p {
2784
2763
  color: var(--bgl-primary) !important;
2785
2764
  }
2786
2765
 
2787
- .bgl_tabs_wrap[data-v-b6feec19] {
2766
+ .bgl_tabs_wrap[data-v-718e118e] {
2788
2767
  background: var(--input-bg);
2789
2768
  border-radius: calc(var(--input-border-radius) * 1.4);
2790
2769
  padding-inline: calc(var(--btn-padding) / 8);
@@ -2792,7 +2771,7 @@ p {
2792
2771
  box-shadow: inset 0 0 10px #00000012;
2793
2772
  gap: 0.25rem;
2794
2773
  }
2795
- .bgl_tab[data-v-b6feec19] {
2774
+ .bgl_tab[data-v-718e118e] {
2796
2775
  border: none;
2797
2776
  background: transparent;
2798
2777
  cursor: pointer;
@@ -2803,10 +2782,10 @@ p {
2803
2782
  border-radius: var(--input-border-radius);
2804
2783
  transition: var(--bgl-transition);
2805
2784
  }
2806
- .bgl_tab[data-v-b6feec19]:hover {
2785
+ .bgl_tab[data-v-718e118e]:hover {
2807
2786
  background: rgba(255, 255, 255, .4);
2808
2787
  }
2809
- .bgl_tabs_wrap[data-v-b6feec19]::before {
2788
+ .bgl_tabs_wrap[data-v-718e118e]::before {
2810
2789
  content: '';
2811
2790
  position: absolute;
2812
2791
  top: calc(var(--btn-padding) / 8);
@@ -2940,6 +2919,18 @@ p {
2940
2919
  bottom: 0px;
2941
2920
  inset-inline-end: 0px;
2942
2921
  }
2922
+ .position-bottom-center {
2923
+ position: absolute;
2924
+ bottom: 0px;
2925
+ inset-inline-start: 0px;
2926
+ inset-inline-end: 0px;
2927
+ }
2928
+ .position-center {
2929
+ position: absolute;
2930
+ top: 0px;
2931
+ inset-inline-start: 0px;
2932
+ inset-inline-end: 0px;
2933
+ }
2943
2934
  .positioned-full,
2944
2935
  .p-all {
2945
2936
  top: 0;
@@ -4403,6 +4394,20 @@ p {
4403
4394
  inset-inline-end: 0px;
4404
4395
  }
4405
4396
 
4397
+ .m_position-bottom-center {
4398
+ position: absolute;
4399
+ bottom: 0px;
4400
+ inset-inline-start: 0px;
4401
+ inset-inline-end: 0px;
4402
+ }
4403
+
4404
+ .m_position-center {
4405
+ position: absolute;
4406
+ top: 0px;
4407
+ inset-inline-start: 0px;
4408
+ inset-inline-end: 0px;
4409
+ }
4410
+
4406
4411
  .m_positioned-full {
4407
4412
  top: 0;
4408
4413
  bottom: 0;
@@ -6823,12 +6828,10 @@ select {
6823
6828
  width: 0.5em;
6824
6829
  height: 0.5rem;
6825
6830
  }
6826
- ::-webkit-scrollbar-track {
6827
- /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
6828
- }
6831
+ ::-webkit-scrollbar-track {}
6829
6832
  ::-webkit-scrollbar-thumb {
6830
6833
  background-color: var(--bgl-gray);
6831
- border-radius: 5px;
6834
+ border-radius: 1rem;
6832
6835
  }
6833
6836
  ::-webkit-scrollbar-corner {
6834
6837
  background: transparent;
@@ -7266,6 +7269,30 @@ select {
7266
7269
  .shadow-light {
7267
7270
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
7268
7271
  }
7272
+ .border-bottom {
7273
+ border-bottom: 1px solid var(--border-color)
7274
+ }
7275
+ .border-top {
7276
+ border-top: 1px solid var(--border-color)
7277
+ }
7278
+ .border-start {
7279
+ border-inline-start: 1px solid var(--border-color)
7280
+ }
7281
+ .border-end {
7282
+ border-inline-end: 1px solid var(--border-color)
7283
+ }
7284
+ .border-inner-bottom>* {
7285
+ border-bottom: 1px solid var(--border-color)
7286
+ }
7287
+ .border-inner-top>* {
7288
+ border-top: 1px solid var(--border-color)
7289
+ }
7290
+ .border-inner-start>* {
7291
+ border-inline-start: 1px solid var(--border-color)
7292
+ }
7293
+ .border-inner-end>* {
7294
+ border-inline-end: 1px solid var(--border-color)
7295
+ }
7269
7296
  @media screen and (max-width: 910px) {
7270
7297
  .m_opacity-0 {
7271
7298
  opacity: 0;
@@ -7696,6 +7723,39 @@ select {
7696
7723
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
7697
7724
  }
7698
7725
 
7726
+ .m_border-bottom {
7727
+ border-bottom: 1px solid var(--border-color)
7728
+ }
7729
+
7730
+ .m_border-top {
7731
+ border-top: 1px solid var(--border-color)
7732
+ }
7733
+
7734
+ .m_border-start {
7735
+ border-inline-start: 1px solid var(--border-color)
7736
+ }
7737
+
7738
+ .m_border-end {
7739
+ border-inline-end: 1px solid var(--border-color)
7740
+ }
7741
+
7742
+ .m_border-inner-bottom>* {
7743
+ border-bottom: 1px solid var(--border-color)
7744
+ }
7745
+
7746
+ .m_border-inner-top>* {
7747
+ border-top: 1px solid var(--border-color)
7748
+ }
7749
+
7750
+ .m_border-inner-start>* {
7751
+ border-inline-start: 1px solid var(--border-color)
7752
+ }
7753
+
7754
+ .m_border-inner-end>* {
7755
+ border-inline-end: 1px solid var(--border-color)
7756
+ }
7757
+
7758
+
7699
7759
  }
7700
7760
  /* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap"); */
7701
7761
  /*noinspection CssUnknownTarget*/
@@ -8154,7 +8214,7 @@ body {
8154
8214
  min-height: 100%;
8155
8215
  background-color: var(--bgl-bg);
8156
8216
  font-family: var(--bgl-font);
8157
- font-size: 18px;
8217
+ font-size: 16px;
8158
8218
  font-weight: 400;
8159
8219
  line-height: 1.65;
8160
8220
  width: auto;