@bagelink/vue 0.0.923 → 0.0.929

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 (9) hide show
  1. package/dist/components/Card.vue.d.ts.map +1 -1
  2. package/dist/index.cjs +29 -133
  3. package/dist/index.mjs +29 -133
  4. package/dist/plugins/ripple.d.ts +1 -1
  5. package/dist/plugins/ripple.d.ts.map +1 -1
  6. package/dist/style.css +273 -242
  7. package/package.json +4 -4
  8. package/src/components/Card.vue +1 -0
  9. package/src/plugins/ripple.ts +24 -8
package/dist/style.css CHANGED
@@ -54,19 +54,19 @@
54
54
  max-height: 300px;
55
55
  }
56
56
 
57
- a[data-v-b6c20bd9] {
57
+ a[data-v-be5ba54d] {
58
58
  text-decoration: none;
59
59
  }
60
- .loading[data-v-b6c20bd9] {
60
+ .loading[data-v-be5ba54d] {
61
61
  border: 1px solid var(--bgl-light-text);
62
62
  border-bottom: 2px solid var(--bgl-light-text);
63
- animation: spin-b6c20bd9 1s linear infinite;
63
+ animation: spin-be5ba54d 1s linear infinite;
64
64
  border-radius: 100px;
65
65
  width: 1rem;
66
66
  height: 1rem;
67
67
  margin: auto;
68
68
  }
69
- @keyframes spin-b6c20bd9 {
69
+ @keyframes spin-be5ba54d {
70
70
  0% {
71
71
  transform: rotate(0deg);
72
72
  }
@@ -74,7 +74,7 @@ a[data-v-b6c20bd9] {
74
74
  transform: rotate(360deg);
75
75
  }
76
76
  }
77
- .bgl_btn-icon[data-v-b6c20bd9] {
77
+ .bgl_btn-icon[data-v-be5ba54d] {
78
78
  height: var(--btn-height);
79
79
  width: var(--btn-height);
80
80
  border-radius: 100%;
@@ -84,108 +84,108 @@ a[data-v-b6c20bd9] {
84
84
  flex-shrink: 0;
85
85
  transition: var(--bgl-transition);
86
86
  }
87
- .bgl_btn[data-v-b6c20bd9] {
87
+ .bgl_btn[data-v-be5ba54d] {
88
88
  padding-left: var(--btn-padding);
89
89
  padding-right: var(--btn-padding);
90
90
  transition: var(--bgl-transition);
91
91
  text-decoration: none;
92
92
  }
93
- .bgl_btn[disabled="true"][data-v-b6c20bd9] {
93
+ .bgl_btn[disabled="true"][data-v-be5ba54d] {
94
94
  opacity: 0.5;
95
95
  cursor: not-allowed;
96
96
  }
97
- .bgl_btn-flex[data-v-b6c20bd9] {
97
+ .bgl_btn-flex[data-v-be5ba54d] {
98
98
  display: flex;
99
99
  align-items: center;
100
100
  gap: 0.5rem;
101
101
  justify-content: center;
102
102
  height: 100%;
103
103
  }
104
- .bgl_btn .bgl_btn-icon[data-v-b6c20bd9]{
104
+ .bgl_btn .bgl_btn-icon[data-v-be5ba54d]{
105
105
  font-size: calc(var(--input-font-size) * 1.3);
106
106
  }
107
- .bgl_btn[data-v-b6c20bd9],
108
- .bgl_btn-icon[data-v-b6c20bd9] {
109
- background-color: var(--f042e370);
110
- color: var(--6e044b23);
107
+ .bgl_btn[data-v-be5ba54d],
108
+ .bgl_btn-icon[data-v-be5ba54d] {
109
+ background-color: var(--da24ea44);
110
+ color: var(--864c1f8e);
111
111
  }
112
- .bgl_btn[data-v-b6c20bd9]:hover,
113
- .bgl_btn-icon[data-v-b6c20bd9]:hover {
112
+ .bgl_btn[data-v-be5ba54d]:hover,
113
+ .bgl_btn-icon[data-v-be5ba54d]:hover {
114
114
  filter: var(--bgl-hover-filter);
115
115
  }
116
- .bgl_btn[data-v-b6c20bd9]:active,
117
- .bgl_btn-icon[data-v-b6c20bd9]:active {
116
+ .bgl_btn[data-v-be5ba54d]:active,
117
+ .bgl_btn-icon[data-v-be5ba54d]:active {
118
118
  filter: var(--bgl-active-filter);
119
119
  }
120
- .bgl_btn.bgl_flatBtn[data-v-b6c20bd9] {
120
+ .bgl_btn.bgl_flatBtn[data-v-be5ba54d] {
121
121
  padding-left: var(--btn-padding);
122
122
  padding-right: var(--btn-padding);
123
123
  background: transparent;
124
124
  }
125
- .bgl_btn-icon.bgl_flatBtn[data-v-b6c20bd9] {
125
+ .bgl_btn-icon.bgl_flatBtn[data-v-be5ba54d] {
126
126
  background: transparent;
127
127
  }
128
- .bgl_btn.bgl_flatBtn[data-v-b6c20bd9]:hover,
129
- .bgl_btn-icon.bgl_flatBtn[data-v-b6c20bd9]:hover {
128
+ .bgl_btn.bgl_flatBtn[data-v-be5ba54d]:hover,
129
+ .bgl_btn-icon.bgl_flatBtn[data-v-be5ba54d]:hover {
130
130
  filter: var(--bgl-hover-filter);
131
131
  background: var(--bgl-gray-20);
132
132
  color: var(--bgl-primary);
133
133
  }
134
- .bgl_btn.bgl_flatBtn[data-v-b6c20bd9]:active,
135
- .bgl_btn-icon.bgl_flatBtn[data-v-b6c20bd9]:active {
134
+ .bgl_btn.bgl_flatBtn[data-v-be5ba54d]:active,
135
+ .bgl_btn-icon.bgl_flatBtn[data-v-be5ba54d]:active {
136
136
  background: var(--bgl-gray-40);
137
137
  filter: var(--bgl-active-filter);
138
138
  color: var(--bgl-primary);
139
139
  }
140
- .bgl_btn.bgl_flatBtn.red[data-v-b6c20bd9],
141
- .bgl_btn-icon.bgl_flatBtn.red[data-v-b6c20bd9] {
140
+ .bgl_btn.bgl_flatBtn.red[data-v-be5ba54d],
141
+ .bgl_btn-icon.bgl_flatBtn.red[data-v-be5ba54d] {
142
142
  color: var(--bgl-red);
143
143
  }
144
- .bgl_btn.bgl_flatBtn.white[data-v-b6c20bd9],
145
- .bgl_btn-icon.bgl_flatBtn.white[data-v-b6c20bd9] {
144
+ .bgl_btn.bgl_flatBtn.white[data-v-be5ba54d],
145
+ .bgl_btn-icon.bgl_flatBtn.white[data-v-be5ba54d] {
146
146
  color: var(--bgl-light-text);
147
147
  }
148
- .bgl_btn.bgl_flatBtn.light[data-v-b6c20bd9],
149
- .bgl_btn-icon.bgl_flatBtn.light[data-v-b6c20bd9] {
148
+ .bgl_btn.bgl_flatBtn.light[data-v-be5ba54d],
149
+ .bgl_btn-icon.bgl_flatBtn.light[data-v-be5ba54d] {
150
150
  color: var(--bgl-primary-tint);
151
151
  }
152
- .bgl_btn.bgl_flatBtn.black[data-v-b6c20bd9],
153
- .bgl_btn-icon.bgl_flatBtn.black[data-v-b6c20bd9] {
152
+ .bgl_btn.bgl_flatBtn.black[data-v-be5ba54d],
153
+ .bgl_btn-icon.bgl_flatBtn.black[data-v-be5ba54d] {
154
154
  color: var(--bgl-text-color);
155
155
  }
156
- .bgl_btn.bgl_flatBtn.gray[data-v-b6c20bd9],
157
- .bgl_btn-icon.bgl_flatBtn.gray[data-v-b6c20bd9] {
156
+ .bgl_btn.bgl_flatBtn.gray[data-v-be5ba54d],
157
+ .bgl_btn-icon.bgl_flatBtn.gray[data-v-be5ba54d] {
158
158
  color: var(--bgl-gray);
159
159
  }
160
- .bgl_btn.thin[data-v-b6c20bd9] {
160
+ .bgl_btn.thin[data-v-be5ba54d] {
161
161
  padding-inline: calc(var(--btn-padding) / 3);
162
162
  border-radius: calc(var(--btn-border-radius) / 1.5);
163
163
  }
164
- .bgl_btn.round[data-v-b6c20bd9] {
164
+ .bgl_btn.round[data-v-be5ba54d] {
165
165
  border-radius: 1000px;
166
166
  }
167
- .bgl_btn-icon.thin[data-v-b6c20bd9] {
167
+ .bgl_btn-icon.thin[data-v-be5ba54d] {
168
168
  height: calc(var(--btn-height) / 1.5);
169
169
  width: calc(var(--btn-height) / 1.5);
170
170
  line-height: normal;
171
171
  }
172
- .bgl_btn-icon.thin .bgl_btn-flex[data-v-b6c20bd9] {
172
+ .bgl_btn-icon.thin .bgl_btn-flex[data-v-be5ba54d] {
173
173
  height: 100%;
174
174
  }
175
- [dir="rtl"] .bgl_btn-icon[data-v-b6c20bd9]{
175
+ [dir="rtl"] .bgl_btn-icon[data-v-be5ba54d]{
176
176
  transform: rotateY(180deg);
177
177
  }
178
- .bgl_btn-border[data-v-b6c20bd9] {
179
- outline: 1px solid var(--f042e370);
180
- color: var(--f042e370);
178
+ .bgl_btn-border[data-v-be5ba54d] {
179
+ outline: 1px solid var(--da24ea44);
180
+ color: var(--da24ea44);
181
181
  background: transparent;
182
182
  }
183
- .bgl_btn-border[data-v-b6c20bd9]:hover {
183
+ .bgl_btn-border[data-v-be5ba54d]:hover {
184
184
  color: var(--bgl-light-text);
185
- background: var(--f042e370);
185
+ background: var(--da24ea44);
186
186
  filter: brightness(100%);
187
187
  }
188
- .bgl_btn-border[data-v-b6c20bd9]:active {
188
+ .bgl_btn-border[data-v-be5ba54d]:active {
189
189
  filter: brightness(80%);
190
190
  }
191
191
 
@@ -350,7 +350,7 @@ display: block;
350
350
  padding: 0;
351
351
  }
352
352
 
353
- .blocker[data-v-ca63f224] {
353
+ .blocker[data-v-98e36ac5] {
354
354
  position: fixed;
355
355
  top: 0;
356
356
  left: 0;
@@ -358,7 +358,7 @@ display: block;
358
358
  height: 100%;
359
359
  z-index: 100;
360
360
  }
361
- .bgl-slider[data-v-ca63f224] {
361
+ .bgl-slider[data-v-98e36ac5] {
362
362
  display: grid;
363
363
  position: relative;
364
364
  /* scroll-behavior: smooth; */
@@ -367,43 +367,43 @@ display: block;
367
367
  /* scroll-snap-type: x mandatory; */
368
368
  overflow-x: hidden;
369
369
  }
370
- .autoHeight[data-v-ca63f224] {
370
+ .autoHeight[data-v-98e36ac5] {
371
371
  transition: height ease 0.7s;
372
372
  }
373
- .bgl-slider.allowScroll[data-v-ca63f224] {
373
+ .bgl-slider.allowScroll[data-v-98e36ac5] {
374
374
  overflow-x: scroll;
375
375
  }
376
- .bgl-slider[data-v-ca63f224] {
376
+ .bgl-slider[data-v-98e36ac5] {
377
377
  grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 1) * 1%);
378
378
  gap: 1%;
379
379
  }
380
- .bgl-slider.odd[data-v-ca63f224] {
380
+ .bgl-slider.odd[data-v-98e36ac5] {
381
381
  grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 2) * 1%);
382
382
  }
383
- .bgl-slider.slides-1[data-v-ca63f224] {
383
+ .bgl-slider.slides-1[data-v-98e36ac5] {
384
384
  grid-auto-columns: 100%;
385
385
  gap: 0;
386
386
  }
387
- .bgl-slider[data-v-ca63f224]::-webkit-scrollbar {
387
+ .bgl-slider[data-v-98e36ac5]::-webkit-scrollbar {
388
388
  display: none;
389
389
  }
390
- .bgl-slider[data-v-ca63f224] * {
390
+ .bgl-slider[data-v-98e36ac5] * {
391
391
  scroll-snap-align: start;
392
392
  }
393
- .dragging.bgl-slider[data-v-ca63f224] {
393
+ .dragging.bgl-slider[data-v-98e36ac5] {
394
394
  cursor: grabbing;
395
395
  cursor: -webkit-grabbing;
396
396
  scroll-snap-type: unset;
397
397
  }
398
- .clicking.bgl-slider[data-v-ca63f224] {
398
+ .clicking.bgl-slider[data-v-98e36ac5] {
399
399
  scroll-behavior: unset;
400
400
  }
401
- .dragging.bgl-slider[data-v-ca63f224] * {
401
+ .dragging.bgl-slider[data-v-98e36ac5] * {
402
402
  scroll-snap-align: unset;
403
403
  user-select: none;
404
404
  }
405
405
  @media screen and (max-width: 600px) {
406
- .bgl-slider.slides-1[data-v-ca63f224]> * {
406
+ .bgl-slider.slides-1[data-v-98e36ac5]> * {
407
407
  margin-inline-start: 0%;
408
408
  }
409
409
  }
@@ -706,7 +706,7 @@ data[data-v-6c27f163] {
706
706
  }
707
707
  }
708
708
 
709
- .fileUploadWrap[data-v-bfb0bd63] {
709
+ .fileUploadWrap[data-v-c2732102] {
710
710
  outline: 1px solid var(--border-color);
711
711
  border-radius: var(--input-border-radius);
712
712
  text-align: center;
@@ -718,7 +718,7 @@ data[data-v-6c27f163] {
718
718
  background: var(--input-bg);
719
719
  height: 215px;
720
720
  }
721
- .bagel-input .fileUploadWrap.fileDropZone[data-v-bfb0bd63] {
721
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-c2732102] {
722
722
  background: var(--input-bg);
723
723
  display: flex;
724
724
  align-items: center;
@@ -726,14 +726,14 @@ data[data-v-6c27f163] {
726
726
  color: var(--bgl-gray);
727
727
  flex-direction: column;
728
728
  }
729
- .fileUploadWrap.dragover[data-v-bfb0bd63],
730
- .fileUploadWrap[data-v-bfb0bd63]:hover {
729
+ .fileUploadWrap.dragover[data-v-c2732102],
730
+ .fileUploadWrap[data-v-c2732102]:hover {
731
731
  box-shadow: inset 0 0 10px #00000012;
732
732
  }
733
- .fileUploadWrap[style*="height: auto;"][data-v-bfb0bd63] {
733
+ .fileUploadWrap[style*="height: auto;"][data-v-c2732102] {
734
734
  min-height: 215px;
735
735
  }
736
- .multi-image-item-preview[data-v-bfb0bd63] {
736
+ .multi-image-item-preview[data-v-c2732102] {
737
737
  border: 1px solid var(--border-color) !important;
738
738
  border-radius: var(--input-border-radius);
739
739
  margin: 0.5rem !important;
@@ -747,12 +747,12 @@ data[data-v-6c27f163] {
747
747
  gap: 1rem;
748
748
  align-items: center;
749
749
  }
750
- .multi-image-item-preview p[data-v-bfb0bd63] {
750
+ .multi-image-item-preview p[data-v-c2732102] {
751
751
  overflow: hidden;
752
752
  text-overflow: ellipsis;
753
753
  white-space: nowrap;
754
754
  }
755
- .multi-preview[data-v-bfb0bd63]{
755
+ .multi-preview[data-v-c2732102]{
756
756
  width: 40px;
757
757
  height: 40px;
758
758
  border-radius: var(--input-border-radius);
@@ -763,17 +763,17 @@ data[data-v-6c27f163] {
763
763
  align-items: center;
764
764
  display: flex;
765
765
  }
766
- .bgl-single-preview[data-v-bfb0bd63]{
766
+ .bgl-single-preview[data-v-c2732102]{
767
767
  height: 100%;
768
768
  position: relative;
769
769
  }
770
- .bgl-single-preview + .fileUploadPlaceHolder[data-v-bfb0bd63]{
770
+ .bgl-single-preview + .fileUploadPlaceHolder[data-v-c2732102]{
771
771
  position: absolute;
772
772
  inset: 0;
773
773
  margin: auto;
774
774
  top: calc(50% - 2rem);
775
775
  }
776
- .single-image-item-preview[data-v-bfb0bd63] {
776
+ .single-image-item-preview[data-v-c2732102] {
777
777
  height: 100%;
778
778
  min-height: 100%;
779
779
  position: relative;
@@ -781,13 +781,13 @@ data[data-v-6c27f163] {
781
781
  align-items: center;
782
782
  justify-content: center;
783
783
  }
784
- .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-bfb0bd63] {
784
+ .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-c2732102] {
785
785
  min-height: 215px;
786
786
  }
787
- .fileUploadWrap[style*="height: auto"] .single-preview[data-v-bfb0bd63] {
787
+ .fileUploadWrap[style*="height: auto"] .single-preview[data-v-c2732102] {
788
788
  margin: 0rem !important;
789
789
  }
790
- .single-preview[data-v-bfb0bd63]{
790
+ .single-preview[data-v-c2732102]{
791
791
  border-radius: var(--input-border-radius);
792
792
  margin: 1rem;
793
793
  padding: 0px;
@@ -796,7 +796,7 @@ data[data-v-6c27f163] {
796
796
  object-fit: cover;
797
797
  background: var(--bgl-gray-light);
798
798
  }
799
- .single-image-item-preview[data-v-bfb0bd63]:hover::after{
799
+ .single-image-item-preview[data-v-c2732102]:hover::after{
800
800
  content: "zoom_in";
801
801
  font-size: 32px;
802
802
  font-family: "Material Symbols Outlined", serif;
@@ -806,20 +806,20 @@ data[data-v-6c27f163] {
806
806
  z-index: 9;
807
807
  pointer-events: none;
808
808
  }
809
- .single-image-item-preview:hover img[data-v-bfb0bd63]{
809
+ .single-image-item-preview:hover img[data-v-c2732102]{
810
810
  filter: brightness(70%);
811
811
  }
812
- .bgl_fill-image.single-image-item-preview[data-v-bfb0bd63] {
812
+ .bgl_fill-image.single-image-item-preview[data-v-c2732102] {
813
813
  height: 100%;
814
814
  }
815
- .bgl_fill-image.single-image-item-preview .single-preview[data-v-bfb0bd63]{
815
+ .bgl_fill-image.single-image-item-preview .single-preview[data-v-c2732102]{
816
816
  border-radius: unset;
817
817
  object-fit: cover;
818
818
  box-shadow: unset;
819
819
  width: 100%;
820
820
  height: auto;
821
821
  }
822
- .single-image-item-preview .pie[data-v-bfb0bd63] {
822
+ .single-image-item-preview .pie[data-v-c2732102] {
823
823
  transform-origin: top;
824
824
  transform: scale(1.4);
825
825
  position: absolute;
@@ -833,31 +833,31 @@ data[data-v-6c27f163] {
833
833
  border: none !important;
834
834
  padding: 0 !important;
835
835
  }
836
- .bgl_oval-upload[data-v-bfb0bd63] {
836
+ .bgl_oval-upload[data-v-c2732102] {
837
837
  border-radius: 100% !important;
838
838
  overflow: hidden;
839
839
  }
840
- .bgl_oval-upload p[data-v-bfb0bd63] {
840
+ .bgl_oval-upload p[data-v-c2732102] {
841
841
  padding: 0.75rem !important;
842
842
  font-size: 12px
843
843
  }
844
- .bgl_oval-upload .fileUploadPlaceHolder[data-v-bfb0bd63]{
844
+ .bgl_oval-upload .fileUploadPlaceHolder[data-v-c2732102]{
845
845
  top: 0;
846
846
  }
847
- .bgl_oval-upload .pie[data-v-bfb0bd63] {
847
+ .bgl_oval-upload .pie[data-v-c2732102] {
848
848
  transform: scale(1);
849
849
  }
850
- .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-bfb0bd63] {
850
+ .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-c2732102] {
851
851
  transform: scale(0.4) !important;
852
852
  }
853
- .bgl_oval-upload .single-image-item-preview[data-v-bfb0bd63]{
853
+ .bgl_oval-upload .single-image-item-preview[data-v-c2732102]{
854
854
  height: 100%;
855
855
  }
856
- .bgl_oval-upload .single-preview[data-v-bfb0bd63] {
856
+ .bgl_oval-upload .single-preview[data-v-c2732102] {
857
857
  margin: 0;
858
858
  height: 100% !important;
859
859
  }
860
- .pie[data-v-bfb0bd63] {
860
+ .pie[data-v-c2732102] {
861
861
  width: 30px;
862
862
  height: 30px;
863
863
  position: relative;
@@ -865,7 +865,7 @@ data[data-v-6c27f163] {
865
865
  align-items: center;
866
866
  justify-content: center;
867
867
  }
868
- .pie[data-v-bfb0bd63]:before {
868
+ .pie[data-v-c2732102]:before {
869
869
  content: '';
870
870
  position: absolute;
871
871
  border-radius: 50%;
@@ -883,26 +883,26 @@ data[data-v-6c27f163] {
883
883
  #000 calc(100% - var(--b))
884
884
  );
885
885
  }
886
- .pie .success[data-v-bfb0bd63] {
886
+ .pie .success[data-v-c2732102] {
887
887
  transform: scale(0);
888
888
  opacity: 0;
889
889
  transition: all 0.3s ease-in-out;
890
890
  }
891
- .pie .progress[data-v-bfb0bd63] {
891
+ .pie .progress[data-v-c2732102] {
892
892
  position: absolute;
893
893
  font-size: 10px;
894
894
  }
895
- .pie.complete .progress[data-v-bfb0bd63] {
895
+ .pie.complete .progress[data-v-c2732102] {
896
896
  display: none;
897
897
  }
898
- .pie.complete .success[data-v-bfb0bd63] {
898
+ .pie.complete .success[data-v-c2732102] {
899
899
  transform: scale(1.3);
900
900
  opacity: 1;
901
901
  }
902
- .pie.complete[data-v-bfb0bd63]:before {
902
+ .pie.complete[data-v-c2732102]:before {
903
903
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
904
904
  }
905
- .pie.complete[data-v-bfb0bd63] {
905
+ .pie.complete[data-v-c2732102] {
906
906
  color: var(--bgl-green);
907
907
  }
908
908
 
@@ -1214,29 +1214,29 @@ p {
1214
1214
  8 #818181 /* few chars */
1215
1215
  ;
1216
1216
  }
1217
- .preview-area[data-v-492bb647]{
1217
+ .preview-area[data-v-cca783dc]{
1218
1218
  font-family: "FontWithASyntaxHighlighter", monospace;
1219
1219
  font-palette: --myCustomPalette;
1220
1220
  background: var(--bgl-code-bg);
1221
1221
  color: var(--bgl-code-color)
1222
1222
  }
1223
- .rich-text-editor[data-v-492bb647] {
1223
+ .rich-text-editor[data-v-cca783dc] {
1224
1224
  background: var(--input-bg);
1225
1225
  margin-bottom: 0.5rem;
1226
1226
  width: 100%;
1227
1227
  }
1228
- .editableContent[data-v-492bb647]{
1228
+ .editableContent[data-v-cca783dc]{
1229
1229
  min-height: 100%;
1230
1230
  white-space: pre-wrap;
1231
1231
  outline: none;
1232
1232
  }
1233
- .content-area[data-v-492bb647]{
1233
+ .content-area[data-v-cca783dc]{
1234
1234
  background: var(--bgl-richtext-color);
1235
1235
  }
1236
- .content-area[data-v-492bb647], .preview-area[data-v-492bb647]{
1236
+ .content-area[data-v-cca783dc], .preview-area[data-v-cca783dc]{
1237
1237
  min-height: 200px;
1238
1238
  }
1239
- .fullscreen-mode[data-v-492bb647] {
1239
+ .fullscreen-mode[data-v-cca783dc] {
1240
1240
  position: fixed;
1241
1241
  top: 0;
1242
1242
  left: 0;
@@ -1248,14 +1248,14 @@ p {
1248
1248
  overflow: auto;
1249
1249
  border-radius: 0;
1250
1250
  }
1251
- .fullscreen-mode .content-area[data-v-492bb647]{
1251
+ .fullscreen-mode .content-area[data-v-cca783dc]{
1252
1252
  height: calc(100vh - 5rem);
1253
1253
  padding: 4rem !important;
1254
1254
  max-width: 900px;
1255
1255
  margin-inline: auto ;
1256
1256
  overflow-y: auto;
1257
1257
  }
1258
- .fullscreen-mode .toolbar[data-v-492bb647]{
1258
+ .fullscreen-mode .toolbar[data-v-cca783dc]{
1259
1259
  max-width: 900px;
1260
1260
  margin-inline: auto ;
1261
1261
  /* border-bottom: 1px solid var(--border-color); */
@@ -1316,10 +1316,10 @@ p {
1316
1316
  } */
1317
1317
  .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
1318
1318
 
1319
- .selectinput[data-v-4d1e8e98] {
1319
+ .selectinput[data-v-982f5078] {
1320
1320
  width: 100%;
1321
1321
  }
1322
- .selectinput-option[data-v-4d1e8e98] {
1322
+ .selectinput-option[data-v-982f5078] {
1323
1323
  padding: 6px 12px;
1324
1324
  cursor: pointer;
1325
1325
  border-radius: 5px;
@@ -1331,23 +1331,23 @@ p {
1331
1331
  font-size: var(--input-font-size);
1332
1332
  margin-block: 0.15rem;
1333
1333
  }
1334
- .selectinput-option .bgl_icon-font[data-v-4d1e8e98]{
1334
+ .selectinput-option .bgl_icon-font[data-v-982f5078]{
1335
1335
  line-height: normal;
1336
1336
  }
1337
- .selectinput-options.multiselect .selectinput-option[data-v-4d1e8e98] {
1337
+ .selectinput-options.multiselect .selectinput-option[data-v-982f5078] {
1338
1338
  grid-template-columns: 10px 1fr;
1339
1339
  }
1340
- .selectinput-options[data-v-4d1e8e98] {
1340
+ .selectinput-options[data-v-982f5078] {
1341
1341
  max-height: 300px;
1342
1342
  overflow-y: auto;
1343
1343
  }
1344
- .selectinput-option[data-v-4d1e8e98]:hover {
1344
+ .selectinput-option[data-v-982f5078]:hover, .highlight[data-v-982f5078] {
1345
1345
  background: var(--bgl-gray-20);
1346
1346
  }
1347
- .isEmpty p[data-v-4d1e8e98] {
1347
+ .isEmpty p[data-v-982f5078] {
1348
1348
  opacity: 0.3;
1349
1349
  }
1350
- .selected[data-v-4d1e8e98]{
1350
+ .selected[data-v-982f5078]{
1351
1351
  /* background: var(--bgl-primary-tint); */
1352
1352
  background: var(--bgl-selected);
1353
1353
  }
@@ -1604,58 +1604,58 @@ p {
1604
1604
  font-size: var(--label-font-size);
1605
1605
  }
1606
1606
 
1607
- .bagel-input textarea[data-v-91822151] {
1607
+ .bagel-input textarea[data-v-06d5ed00] {
1608
1608
  min-height: unset;
1609
1609
  font-size: var(--input-font-size);
1610
1610
  }
1611
- .bagel-input.text-input textarea[data-v-91822151] {
1611
+ .bagel-input.text-input textarea[data-v-06d5ed00] {
1612
1612
  resize: none;
1613
1613
  }
1614
- .code textarea[data-v-91822151] {
1614
+ .code textarea[data-v-06d5ed00] {
1615
1615
  font-family: 'Inconsolata', monospace;
1616
1616
  background: var(--bgl-code-bg) !important;
1617
1617
  color: var(--bgl-light-text) !important;
1618
1618
  }
1619
- .code textarea[data-v-91822151]::placeholder {
1619
+ .code textarea[data-v-06d5ed00]::placeholder {
1620
1620
  color: var(--bgl-light-text) !important;
1621
1621
  opacity: 0.3;
1622
1622
  }
1623
- .bagel-input.small[data-v-91822151] {
1623
+ .bagel-input.small[data-v-06d5ed00] {
1624
1624
  margin-bottom: 0;
1625
1625
  height: 30px;
1626
1626
  }
1627
- .bagel-input.dense label[data-v-91822151] {
1627
+ .bagel-input.dense label[data-v-06d5ed00] {
1628
1628
  display: flex;
1629
1629
  align-items: center;
1630
1630
  gap: 0.5rem;
1631
1631
  }
1632
- .bagel-input input[data-v-91822151]:disabled {
1632
+ .bagel-input input[data-v-06d5ed00]:disabled {
1633
1633
  background: #f5f5f5;
1634
1634
  }
1635
- .bagel-input label[data-v-91822151] {
1635
+ .bagel-input label[data-v-06d5ed00] {
1636
1636
  font-size: var(--label-font-size);
1637
1637
  }
1638
- .textInputIconWrap .bgl_icon-font[data-v-91822151] {
1638
+ .textInputIconWrap .bgl_icon-font[data-v-06d5ed00] {
1639
1639
  color: var(--input-color);
1640
1640
  position: absolute;
1641
1641
  inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
1642
1642
  margin-top: calc(var(--input-height) / 2 + 0.1rem);
1643
1643
  line-height: 0;
1644
1644
  }
1645
- .textInputIconWrap input[data-v-91822151]{
1645
+ .textInputIconWrap input[data-v-06d5ed00]{
1646
1646
  padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
1647
1647
  }
1648
- .txtInputIconStart .iconStart[data-v-91822151] {
1648
+ .txtInputIconStart .iconStart[data-v-06d5ed00] {
1649
1649
  color: var(--input-color);
1650
1650
  position: absolute;
1651
1651
  inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
1652
1652
  margin-top: calc(var(--input-height) / 2 );
1653
1653
  line-height: 0;
1654
1654
  }
1655
- .txtInputIconStart input[data-v-91822151], .txtInputIconStart textarea[data-v-91822151]{
1655
+ .txtInputIconStart input[data-v-06d5ed00], .txtInputIconStart textarea[data-v-06d5ed00]{
1656
1656
  padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
1657
1657
  }
1658
- .bagel-input.small textarea[data-v-91822151] {
1658
+ .bagel-input.small textarea[data-v-06d5ed00] {
1659
1659
  height: 30px;
1660
1660
  }
1661
1661
 
@@ -2841,6 +2841,9 @@ svg.leaflet-image-layer.leaflet-interactive path {
2841
2841
  opacity: 1;
2842
2842
  pointer-events: all;
2843
2843
  }
2844
+ body:has(.bg-dark.is-active) {
2845
+ overflow: hidden;
2846
+ }
2844
2847
 
2845
2848
  .is-side.bg-dark.is-active {
2846
2849
  opacity: 1;
@@ -3245,22 +3248,22 @@ svg.leaflet-image-layer.leaflet-interactive path {
3245
3248
  background: transparent;
3246
3249
  }
3247
3250
 
3248
- .table-list-wrap[data-v-d8ca38b1] {
3251
+ .table-list-wrap[data-v-e3fe1a41] {
3249
3252
  min-height: 150px;
3250
3253
  }
3251
- .selected[data-v-d8ca38b1] {
3254
+ .selected[data-v-e3fe1a41] {
3252
3255
  background: var(--bgl-primary-tint);
3253
3256
  }
3254
- tbody tr.selected[data-v-d8ca38b1]:hover {
3257
+ tbody tr.selected[data-v-e3fe1a41]:hover {
3255
3258
  background: var(--bgl-primary-light);
3256
3259
  }
3257
- .loading-table[data-v-d8ca38b1] {
3260
+ .loading-table[data-v-e3fe1a41] {
3258
3261
  position: relative;
3259
3262
  }
3260
- .inset[data-v-d8ca38b1] {
3263
+ .inset[data-v-e3fe1a41] {
3261
3264
  inset: 0;
3262
3265
  }
3263
- .loading-table-animation[data-v-d8ca38b1] {
3266
+ .loading-table-animation[data-v-e3fe1a41] {
3264
3267
  --size: 60px;
3265
3268
  top: 30vh;
3266
3269
  inset-inline-start: calc(50% - var(--size));
@@ -3268,9 +3271,9 @@ tbody tr.selected[data-v-d8ca38b1]:hover {
3268
3271
  border-top: 4px solid var(--bgl-primary);
3269
3272
  width: var(--size);
3270
3273
  height: var(--size);
3271
- animation: loading-table-d8ca38b1 1s linear infinite;
3274
+ animation: loading-table-e3fe1a41 1s linear infinite;
3272
3275
  }
3273
- @keyframes loading-table-d8ca38b1 {
3276
+ @keyframes loading-table-e3fe1a41 {
3274
3277
  0% {
3275
3278
  transform: translate(-50%, -50%) rotate(0deg);
3276
3279
  }
@@ -3278,51 +3281,51 @@ tbody tr.selected[data-v-d8ca38b1]:hover {
3278
3281
  transform: translate(-50%, -50%) rotate(360deg);
3279
3282
  }
3280
3283
  }
3281
- .list-arrows[data-v-d8ca38b1] {
3284
+ .list-arrows[data-v-e3fe1a41] {
3282
3285
  opacity: 0;
3283
3286
  }
3284
- .list-arrows .bgl_icon-font[data-v-d8ca38b1] {
3287
+ .list-arrows .bgl_icon-font[data-v-e3fe1a41] {
3285
3288
  transition: all ease-in-out 0.2s;
3286
3289
  }
3287
- .list-arrows.sorted[data-v-d8ca38b1] {
3290
+ .list-arrows.sorted[data-v-e3fe1a41] {
3288
3291
  opacity: 1;
3289
3292
  }
3290
- .col img[data-v-d8ca38b1] {
3293
+ .col img[data-v-e3fe1a41] {
3291
3294
  height: 35px;
3292
3295
  margin-top: -14px;
3293
3296
  margin-bottom: -14px;
3294
3297
  border-radius: 5px;
3295
3298
  }
3296
- .list-arrows.sorted .desc[data-v-d8ca38b1] {
3299
+ .list-arrows.sorted .desc[data-v-e3fe1a41] {
3297
3300
  transform: rotate(180deg);
3298
3301
  display: inline-block;
3299
3302
  }
3300
- table[data-v-d8ca38b1] {
3303
+ table[data-v-e3fe1a41] {
3301
3304
  border-spacing: 0 15px;
3302
3305
  border-collapse: collapse;
3303
3306
  width: 100%;
3304
3307
  }
3305
- th[data-v-d8ca38b1] {
3308
+ th[data-v-e3fe1a41] {
3306
3309
  font-size: 0.8rem;
3307
3310
  color: var(--bgl-black-tint);
3308
3311
  position: sticky;
3309
3312
  top: 0;
3310
3313
  z-index: 2;
3311
3314
  background: var(--bgl-box-bg);
3312
- height: var(--706cfbe3);
3315
+ height: var(--527f36f7);
3313
3316
  vertical-align: bottom;
3314
3317
  font-weight: 400;
3315
3318
  text-align: start;
3316
3319
  }
3317
- .embedded-field[data-v-d8ca38b1] {
3320
+ .embedded-field[data-v-e3fe1a41] {
3318
3321
  margin-bottom: -0.2rem;
3319
3322
  margin-top: -0.2rem;
3320
3323
  }
3321
- .row[data-v-d8ca38b1] {
3324
+ .row[data-v-e3fe1a41] {
3322
3325
  border-bottom: 1px solid var(--border-color);
3323
3326
  cursor: pointer;
3324
3327
  }
3325
- .row.first-row[data-v-d8ca38b1] {
3328
+ .row.first-row[data-v-e3fe1a41] {
3326
3329
  font-size: 0.8rem;
3327
3330
  color: var(--bgl-black-tint);
3328
3331
  position: sticky;
@@ -3331,7 +3334,7 @@ th[data-v-d8ca38b1] {
3331
3334
  background: var(--bgl-box-bg);
3332
3335
  vertical-align: bottom;
3333
3336
  }
3334
- .row.first-row[data-v-d8ca38b1]::after {
3337
+ .row.first-row[data-v-e3fe1a41]::after {
3335
3338
  content: '';
3336
3339
  border-bottom: 1px solid var(--border-color);
3337
3340
  position: absolute;
@@ -3339,30 +3342,30 @@ th[data-v-d8ca38b1] {
3339
3342
  right: 0;
3340
3343
  bottom: -1px;
3341
3344
  }
3342
- .first-row .col[data-v-d8ca38b1] {
3345
+ .first-row .col[data-v-e3fe1a41] {
3343
3346
  cursor: pointer;
3344
3347
  background: var(--bgl-box-bg);
3345
3348
  }
3346
- .col[data-v-d8ca38b1] {
3349
+ .col[data-v-e3fe1a41] {
3347
3350
  white-space: nowrap;
3348
3351
  padding: 0.75rem 1rem;
3349
3352
  transition: var(--bgl-transition);
3350
3353
  line-height: 1;
3351
3354
  align-items: center;
3352
3355
  }
3353
- .col[data-v-d8ca38b1]:has(.bagel-input) {
3356
+ .col[data-v-e3fe1a41]:has(.bagel-input) {
3354
3357
  padding: 0rem 0.25rem;
3355
3358
  }
3356
- .col > div[data-v-d8ca38b1] {
3359
+ .col > div[data-v-e3fe1a41] {
3357
3360
  display: flex;
3358
3361
  gap: 0.5rem;
3359
3362
  }
3360
- .max-col-width[data-v-d8ca38b1] {
3363
+ .max-col-width[data-v-e3fe1a41] {
3361
3364
  max-width: 30vw;
3362
3365
  overflow: hidden;
3363
3366
  text-overflow: ellipsis;
3364
3367
  }
3365
- .col.check .bgl_icon-font[data-v-d8ca38b1] {
3368
+ .col.check .bgl_icon-font[data-v-e3fe1a41] {
3366
3369
  border-radius: 100%;
3367
3370
  background: var(--bgl-blue-20);
3368
3371
  color: var(--bgl-primary);
@@ -3373,35 +3376,35 @@ th[data-v-d8ca38b1] {
3373
3376
  justify-content: center;
3374
3377
  margin-top: -2px;
3375
3378
  }
3376
- .rows[data-v-d8ca38b1] {
3379
+ .rows[data-v-e3fe1a41] {
3377
3380
  font-size: 0.88em;
3378
3381
  }
3379
- .table-list[data-v-d8ca38b1] {
3382
+ .table-list[data-v-e3fe1a41] {
3380
3383
  height: 100%;
3381
3384
  position: relative;
3382
3385
  padding-left: 0 !important;
3383
3386
  padding-right: 0 !important;
3384
3387
  overflow: auto;
3385
3388
  }
3386
- .BagelTable .table-list[data-v-d8ca38b1] {
3389
+ .BagelTable .table-list[data-v-e3fe1a41] {
3387
3390
  overflow: unset;
3388
3391
  }
3389
- .row-item[data-v-d8ca38b1] {
3390
- height: var(--706cfbe3);
3392
+ .row-item[data-v-e3fe1a41] {
3393
+ height: var(--527f36f7);
3391
3394
  transition: all 200ms ease;
3392
3395
  }
3393
- .row-item[data-v-d8ca38b1]:hover {
3396
+ .row-item[data-v-e3fe1a41]:hover {
3394
3397
  background: var(--bgl-gray-light);
3395
3398
  }
3396
- .row-item input[type='checkbox'][data-v-d8ca38b1] {
3399
+ .row-item input[type='checkbox'][data-v-e3fe1a41] {
3397
3400
  margin-top: 0.45rem !important;
3398
3401
  accent-color: var(--bgl-accent-color);
3399
3402
  }
3400
- .infinite-wrapper[data-v-d8ca38b1] {
3403
+ .infinite-wrapper[data-v-e3fe1a41] {
3401
3404
  overflow-y: auto;
3402
3405
  width: 100%;
3403
3406
  }
3404
- input[type='checkbox'][data-v-d8ca38b1] {
3407
+ input[type='checkbox'][data-v-e3fe1a41] {
3405
3408
  margin-top: 0.3rem !important;
3406
3409
  accent-color: var(--bgl-accent-color);
3407
3410
  transform: scale(1.2);
@@ -3413,7 +3416,7 @@ input[type='checkbox'][data-v-d8ca38b1] {
3413
3416
  height: 0.85rem;
3414
3417
  width: 0.85rem;
3415
3418
  }
3416
- input[type='checkbox'][data-v-d8ca38b1]::before {
3419
+ input[type='checkbox'][data-v-e3fe1a41]::before {
3417
3420
  content: '';
3418
3421
  height: 0.85rem;
3419
3422
  width: 0.85rem;
@@ -3426,18 +3429,18 @@ input[type='checkbox'][data-v-d8ca38b1]::before {
3426
3429
  transform: scale(1);
3427
3430
  position: absolute;
3428
3431
  }
3429
- input[type='checkbox'][data-v-d8ca38b1]:hover::before {
3432
+ input[type='checkbox'][data-v-e3fe1a41]:hover::before {
3430
3433
  opacity: 0.2;
3431
3434
  transform: scale(2);
3432
3435
  }
3433
- [lang='he'] [dir='ltr'][data-v-d8ca38b1] {
3436
+ [lang='he'] [dir='ltr'][data-v-e3fe1a41] {
3434
3437
  text-align: right;
3435
3438
  }
3436
- th input[type='checkbox'][data-v-d8ca38b1] {
3439
+ th input[type='checkbox'][data-v-e3fe1a41] {
3437
3440
  transform: translateY(0.2rem) scale(1.2);
3438
3441
  accent-color: var(--bgl-accent-color);
3439
3442
  }
3440
- th[data-v-d8ca38b1]::after {
3443
+ th[data-v-e3fe1a41]::after {
3441
3444
  content: '';
3442
3445
  border-bottom: 1px solid var(--border-color);
3443
3446
  position: absolute;
@@ -3445,24 +3448,24 @@ th[data-v-d8ca38b1]::after {
3445
3448
  right: 0;
3446
3449
  bottom: -1px;
3447
3450
  }
3448
- tr[data-v-d8ca38b1] {
3451
+ tr[data-v-e3fe1a41] {
3449
3452
  border-bottom: 1px solid var(--border-color);
3450
3453
  cursor: pointer;
3451
3454
  align-items: center;
3452
3455
  }
3453
- td[data-v-d8ca38b1],
3454
- th[data-v-d8ca38b1] {
3456
+ td[data-v-e3fe1a41],
3457
+ th[data-v-e3fe1a41] {
3455
3458
  white-space: nowrap;
3456
3459
  padding: 0.75rem 0.65rem;
3457
3460
  transition: var(--bgl-transition);
3458
3461
  line-height: 1;
3459
3462
  }
3460
- tbody tr[data-v-d8ca38b1] {
3463
+ tbody tr[data-v-e3fe1a41] {
3461
3464
  font-size: 0.88em;
3462
- height: var(--706cfbe3);
3465
+ height: var(--527f36f7);
3463
3466
  transition: all 200ms ease;
3464
3467
  }
3465
- tbody tr[data-v-d8ca38b1]:hover {
3468
+ tbody tr[data-v-e3fe1a41]:hover {
3466
3469
  background: var(--bgl-gray-light);
3467
3470
  }
3468
3471
 
@@ -3485,19 +3488,19 @@ tbody tr[data-v-d8ca38b1]:hover {
3485
3488
  -moz-user-drag: none;
3486
3489
  }
3487
3490
 
3488
- .lightbox-image[data-v-c8e5a3c4]{
3491
+ .lightbox-image[data-v-d8f24aae]{
3489
3492
  object-fit: contain;
3490
3493
  }
3491
- .bgl-lightbox-overlay[data-v-c8e5a3c4] {
3494
+ .bgl-lightbox-overlay[data-v-d8f24aae] {
3492
3495
  background: rgba(0, 0, 0, 0.8);
3493
3496
  }
3494
- .bgl-lightbox[data-v-c8e5a3c4] {
3497
+ .bgl-lightbox[data-v-d8f24aae] {
3495
3498
  max-height: 90%;
3496
3499
  }
3497
- .bgl-lightbox-item[data-v-c8e5a3c4]{
3498
- animation: 500ms ease bgl-lightbox-load-c8e5a3c4;
3500
+ .bgl-lightbox-item[data-v-d8f24aae]{
3501
+ animation: 500ms ease bgl-lightbox-load-d8f24aae;
3499
3502
  }
3500
- @keyframes bgl-lightbox-load-c8e5a3c4 {
3503
+ @keyframes bgl-lightbox-load-d8f24aae {
3501
3504
  from {
3502
3505
  scale:0.7;
3503
3506
  }
@@ -3505,35 +3508,49 @@ to {
3505
3508
  scale:1;
3506
3509
  }
3507
3510
  }
3508
- .bgl-lightbox-item[data-v-c8e5a3c4] * {
3511
+ .bgl-lightbox-item[data-v-d8f24aae] * {
3509
3512
  max-width: 90%;
3510
3513
  max-height: calc(80vh - 90px);
3511
3514
  border-radius: 3px;
3512
3515
  margin: auto;
3513
- animation: 200ms ease bgl-lightbox-load-c8e5a3c4;
3516
+ animation: 200ms ease bgl-lightbox-load-d8f24aae;
3514
3517
  }
3515
- .navigation[data-v-c8e5a3c4] {
3518
+ .navigation[data-v-d8f24aae] {
3516
3519
  top: 50%;
3517
3520
  transform: translateY(-50%);
3518
3521
  }
3519
- .navigation-btn[data-v-c8e5a3c4] {
3522
+ .navigation-btn[data-v-d8f24aae] {
3520
3523
  width: var(--input-height);
3521
3524
  height: var(--input-height);
3522
3525
  }
3523
- .thumbnail[data-v-c8e5a3c4] {
3526
+ .thumbnail[data-v-d8f24aae] {
3524
3527
  height: 50px;
3525
3528
  width: 50px;
3526
3529
  }
3527
- .thumbnail[data-v-c8e5a3c4]:hover {
3530
+ .thumbnail[data-v-d8f24aae]:hover {
3528
3531
  opacity: 1;
3529
3532
  }
3530
- .thumbnail[data-v-c8e5a3c4]:active {
3533
+ .thumbnail[data-v-d8f24aae]:active {
3531
3534
  opacity: 0.8;
3532
3535
  }
3533
- .thumbnail.active[data-v-c8e5a3c4] {
3536
+ .thumbnail.active[data-v-d8f24aae] {
3534
3537
  opacity: 1;
3535
3538
  outline: 2px solid white;
3536
3539
  }
3540
+ .file-info[data-v-d8f24aae]{
3541
+ max-width: 420px
3542
+ }
3543
+ @media screen and (max-width: 910px) {
3544
+ .file-info[data-v-d8f24aae]{
3545
+ max-width: 220px;
3546
+ text-align: center !important;
3547
+ }
3548
+ .file-info[data-v-d8f24aae] *{
3549
+ text-align: center !important;
3550
+ margin-inline: 0 !important;;
3551
+ max-width: 100% !important;
3552
+ }
3553
+ }
3537
3554
 
3538
3555
 
3539
3556
  .grid {
@@ -11234,103 +11251,117 @@ select {
11234
11251
  .bgl_btn,
11235
11252
  .bgl_flatBtn,
11236
11253
  .bgl_btn-icon {
11237
- font-family: inherit;
11238
- white-space: nowrap;
11239
- cursor: pointer;
11240
- box-sizing: border-box;
11241
- user-select: none;
11242
- border: none;
11243
- transition: var(--bgl-transition);
11244
- border-radius: var(--btn-border-radius);
11245
- line-height: var(--btn-height);
11246
- font-size: var(--input-font-size);
11247
- display: inline-block;
11248
- height: var(--btn-height);
11249
- padding: 0;
11254
+ font-family: inherit;
11255
+ white-space: nowrap;
11256
+ cursor: pointer;
11257
+ box-sizing: border-box;
11258
+ user-select: none;
11259
+ border: none;
11260
+ transition: var(--bgl-transition);
11261
+ border-radius: var(--btn-border-radius);
11262
+ line-height: var(--btn-height);
11263
+ font-size: var(--input-font-size);
11264
+ display: inline-block;
11265
+ height: var(--btn-height);
11266
+ padding: 0;
11250
11267
  }
11251
11268
  .btn-close {
11252
- margin-top: -20px;
11253
- margin-inline-end: -20px;
11254
- margin-inline-start: auto;
11255
- margin-bottom: 15px;
11256
- transition: var(--bgl-transition);
11257
- height: 30px;
11258
- width: 30px;
11259
- opacity: 0.6;
11260
- cursor: pointer;
11261
- border-radius: 100%;
11262
- outline: 2px solid transparent;
11263
- display: flex;
11264
- align-items: center;
11265
- justify-content: center;
11269
+ margin-top: -20px;
11270
+ margin-inline-end: -20px;
11271
+ margin-inline-start: auto;
11272
+ margin-bottom: 15px;
11273
+ transition: var(--bgl-transition);
11274
+ height: 30px;
11275
+ width: 30px;
11276
+ opacity: 0.6;
11277
+ cursor: pointer;
11278
+ border-radius: 100%;
11279
+ outline: 2px solid transparent;
11280
+ display: flex;
11281
+ align-items: center;
11282
+ justify-content: center;
11266
11283
  }
11267
11284
  .btn-close:hover {
11268
- background: var(--bgl-gray-light);
11269
- opacity: 1;
11285
+ background: var(--bgl-gray-light);
11286
+ opacity: 1;
11270
11287
  }
11271
11288
  .btn-close:active {
11272
- background: var(--bgl-gray);
11289
+ background: var(--bgl-gray);
11273
11290
  }
11274
11291
  .btn-close::before {
11275
- content: "close";
11276
- font-family: "Material Symbols Outlined", serif;
11292
+ content: 'close';
11293
+ font-family: 'Material Symbols Outlined', serif;
11277
11294
  }
11278
11295
  .bgl_btn.thin {
11279
- height: calc(var(--btn-height) * 0.7);
11280
- line-height: calc(var(--btn-height) * 0.7);
11296
+ height: calc(var(--btn-height) * 0.7);
11297
+ line-height: calc(var(--btn-height) * 0.7);
11281
11298
  }
11282
11299
  .hover {
11283
- cursor: pointer;
11284
- transition: all 400ms ease;
11300
+ cursor: pointer;
11301
+ transition: all 400ms ease;
11285
11302
  }
11286
11303
  .hover:hover {
11287
- filter: brightness(90%);
11304
+ filter: brightness(90%);
11288
11305
  }
11289
11306
  .hover:active {
11290
- filter: brightness(80%);
11307
+ filter: brightness(80%);
11291
11308
  }
11292
11309
  .border {
11293
- border: 1px solid var(--border-color);
11310
+ border: 1px solid var(--border-color);
11294
11311
  }
11295
11312
  .border-primary {
11296
- border: 1px solid var(--bgl-primary);
11313
+ border: 1px solid var(--bgl-primary);
11297
11314
  }
11298
11315
  .rotate-270 {
11299
- transform: rotate(270deg);
11316
+ transform: rotate(270deg);
11300
11317
  }
11301
11318
  .rotate-180 {
11302
- transform: rotate(180deg);
11319
+ transform: rotate(180deg);
11303
11320
  }
11304
11321
  .rotate-90 {
11305
- transform: rotate(90deg);
11322
+ transform: rotate(90deg);
11306
11323
  }
11307
11324
  .rotate-0 {
11308
- transform: rotate(0deg);
11325
+ transform: rotate(0deg);
11309
11326
  }
11310
11327
  @media screen and (max-width: 910px) {
11311
- .bgl_btn {
11312
- padding: 0 20px;
11313
- }
11328
+ .bgl_btn {
11329
+ padding: 0 20px;
11330
+ }
11314
11331
 
11315
- .m_border {
11316
- border: 1px solid var(--border-color);
11317
- }
11332
+ .m_border {
11333
+ border: 1px solid var(--border-color);
11334
+ }
11318
11335
 
11319
- .m_rotate-270 {
11320
- transform: rotate(270deg);
11321
- }
11336
+ .m_rotate-270 {
11337
+ transform: rotate(270deg);
11338
+ }
11322
11339
 
11323
- .m_rotate-180 {
11324
- transform: rotate(180deg);
11325
- }
11340
+ .m_rotate-180 {
11341
+ transform: rotate(180deg);
11342
+ }
11326
11343
 
11327
- .m_rotate-90 {
11328
- transform: rotate(90deg);
11329
- }
11344
+ .m_rotate-90 {
11345
+ transform: rotate(90deg);
11346
+ }
11330
11347
 
11331
- .m_rotate-0 {
11332
- transform: rotate(0deg);
11333
- }
11348
+ .m_rotate-0 {
11349
+ transform: rotate(0deg);
11350
+ }
11351
+ }
11352
+ .ripple {
11353
+ position: absolute;
11354
+ border-radius: 50%;
11355
+ transform: scale(0);
11356
+ background: rgba(0, 0, 0, 0.3);
11357
+ pointer-events: none;
11358
+ animation: rippleEffect 0.6s ease-out;
11359
+ }
11360
+ @keyframes rippleEffect {
11361
+ to {
11362
+ transform: scale(4);
11363
+ opacity: 0;
11364
+ }
11334
11365
  }
11335
11366
  .txt-center {
11336
11367
  text-align: center;