@bagelink/vue 0.0.965 → 0.0.968

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vue.css CHANGED
@@ -1,14 +1,14 @@
1
1
  @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
2
- .accordion-item[data-v-bb26ed1a] {
2
+ .accordion-item[data-v-2054c0ea] {
3
3
  border-bottom: 1px solid var(--border-color);
4
4
  transition: all 0.2s;
5
5
  cursor: pointer;
6
6
  overflow: hidden;
7
7
  }
8
- .accordion-item button[data-v-bb26ed1a] {
8
+ .accordion-item button[data-v-2054c0ea] {
9
9
  cursor: pointer;
10
10
  }
11
- .accordion-head[data-v-bb26ed1a] {
11
+ .accordion-head[data-v-2054c0ea] {
12
12
  height: var(--input-height);
13
13
  background: transparent;
14
14
  display: flex;
@@ -18,7 +18,7 @@
18
18
  border: none;
19
19
  color: inherit !important;
20
20
  }
21
- .accordion-icon[data-v-bb26ed1a] {
21
+ .accordion-icon[data-v-2054c0ea] {
22
22
  transition: all 0.2s ease;
23
23
  display: flex;
24
24
  align-items: center;
@@ -26,17 +26,18 @@
26
26
  width: calc( var(--btn-height) / 1.5);
27
27
  height: calc( var(--btn-height) / 1.5);
28
28
  padding-inline: calc(var(--btn-padding) / 3);
29
+ justify-content: center;
29
30
  }
30
- .accordion-icon.open[data-v-bb26ed1a] {
31
+ .accordion-icon.open[data-v-2054c0ea] {
31
32
  transform: rotate(180deg);
32
33
  }
33
- .accordion-label[data-v-bb26ed1a] {
34
+ .accordion-label[data-v-2054c0ea] {
34
35
  font-weight: bold;
35
36
  }
36
- .flat.accordion-item[data-v-bb26ed1a] {
37
+ .flat.accordion-item[data-v-2054c0ea] {
37
38
  border-bottom: none
38
39
  }
39
- .accordion-head:hover .accordion-label[data-v-bb26ed1a] {
40
+ .accordion-head:hover .accordion-label[data-v-2054c0ea] {
40
41
  text-decoration: underline;
41
42
  }
42
43
 
@@ -54,19 +55,19 @@
54
55
  max-height: 300px;
55
56
  }
56
57
 
57
- a[data-v-be5ba54d] {
58
+ a[data-v-c3d9914e] {
58
59
  text-decoration: none;
59
60
  }
60
- .loading[data-v-be5ba54d] {
61
+ .loading[data-v-c3d9914e] {
61
62
  border: 1px solid var(--bgl-light-text);
62
63
  border-bottom: 2px solid var(--bgl-light-text);
63
- animation: spin-be5ba54d 1s linear infinite;
64
+ animation: spin-c3d9914e 1s linear infinite;
64
65
  border-radius: 100px;
65
66
  width: 1rem;
66
67
  height: 1rem;
67
68
  margin: auto;
68
69
  }
69
- @keyframes spin-be5ba54d {
70
+ @keyframes spin-c3d9914e {
70
71
  0% {
71
72
  transform: rotate(0deg);
72
73
  }
@@ -74,7 +75,7 @@ a[data-v-be5ba54d] {
74
75
  transform: rotate(360deg);
75
76
  }
76
77
  }
77
- .bgl_btn-icon[data-v-be5ba54d] {
78
+ .bgl_btn-icon[data-v-c3d9914e] {
78
79
  height: var(--btn-height);
79
80
  width: var(--btn-height);
80
81
  border-radius: 100%;
@@ -84,108 +85,108 @@ a[data-v-be5ba54d] {
84
85
  flex-shrink: 0;
85
86
  transition: var(--bgl-transition);
86
87
  }
87
- .bgl_btn[data-v-be5ba54d] {
88
+ .bgl_btn[data-v-c3d9914e] {
88
89
  padding-left: var(--btn-padding);
89
90
  padding-right: var(--btn-padding);
90
91
  transition: var(--bgl-transition);
91
92
  text-decoration: none;
92
93
  }
93
- .bgl_btn[disabled="true"][data-v-be5ba54d] {
94
+ .bgl_btn[disabled="true"][data-v-c3d9914e] {
94
95
  opacity: 0.5;
95
96
  cursor: not-allowed;
96
97
  }
97
- .bgl_btn-flex[data-v-be5ba54d] {
98
+ .bgl_btn-flex[data-v-c3d9914e] {
98
99
  display: flex;
99
100
  align-items: center;
100
101
  gap: 0.5rem;
101
102
  justify-content: center;
102
103
  height: 100%;
103
104
  }
104
- .bgl_btn .bgl_btn-icon[data-v-be5ba54d]{
105
+ .bgl_btn .bgl_btn-icon[data-v-c3d9914e]{
105
106
  font-size: calc(var(--input-font-size) * 1.3);
106
107
  }
107
- .bgl_btn[data-v-be5ba54d],
108
- .bgl_btn-icon[data-v-be5ba54d] {
109
- background-color: var(--da24ea44);
110
- color: var(--864c1f8e);
108
+ .bgl_btn[data-v-c3d9914e],
109
+ .bgl_btn-icon[data-v-c3d9914e] {
110
+ background-color: var(--eb819078);
111
+ color: var(--4a90c19f);
111
112
  }
112
- .bgl_btn[data-v-be5ba54d]:hover,
113
- .bgl_btn-icon[data-v-be5ba54d]:hover {
113
+ .bgl_btn[data-v-c3d9914e]:hover,
114
+ .bgl_btn-icon[data-v-c3d9914e]:hover {
114
115
  filter: var(--bgl-hover-filter);
115
116
  }
116
- .bgl_btn[data-v-be5ba54d]:active,
117
- .bgl_btn-icon[data-v-be5ba54d]:active {
117
+ .bgl_btn[data-v-c3d9914e]:active,
118
+ .bgl_btn-icon[data-v-c3d9914e]:active {
118
119
  filter: var(--bgl-active-filter);
119
120
  }
120
- .bgl_btn.bgl_flatBtn[data-v-be5ba54d] {
121
+ .bgl_btn.bgl_flatBtn[data-v-c3d9914e] {
121
122
  padding-left: var(--btn-padding);
122
123
  padding-right: var(--btn-padding);
123
124
  background: transparent;
124
125
  }
125
- .bgl_btn-icon.bgl_flatBtn[data-v-be5ba54d] {
126
+ .bgl_btn-icon.bgl_flatBtn[data-v-c3d9914e] {
126
127
  background: transparent;
127
128
  }
128
- .bgl_btn.bgl_flatBtn[data-v-be5ba54d]:hover,
129
- .bgl_btn-icon.bgl_flatBtn[data-v-be5ba54d]:hover {
129
+ .bgl_btn.bgl_flatBtn[data-v-c3d9914e]:hover,
130
+ .bgl_btn-icon.bgl_flatBtn[data-v-c3d9914e]:hover {
130
131
  filter: var(--bgl-hover-filter);
131
132
  background: var(--bgl-gray-20);
132
133
  color: var(--bgl-primary);
133
134
  }
134
- .bgl_btn.bgl_flatBtn[data-v-be5ba54d]:active,
135
- .bgl_btn-icon.bgl_flatBtn[data-v-be5ba54d]:active {
135
+ .bgl_btn.bgl_flatBtn[data-v-c3d9914e]:active,
136
+ .bgl_btn-icon.bgl_flatBtn[data-v-c3d9914e]:active {
136
137
  background: var(--bgl-gray-40);
137
138
  filter: var(--bgl-active-filter);
138
139
  color: var(--bgl-primary);
139
140
  }
140
- .bgl_btn.bgl_flatBtn.red[data-v-be5ba54d],
141
- .bgl_btn-icon.bgl_flatBtn.red[data-v-be5ba54d] {
141
+ .bgl_btn.bgl_flatBtn.red[data-v-c3d9914e],
142
+ .bgl_btn-icon.bgl_flatBtn.red[data-v-c3d9914e] {
142
143
  color: var(--bgl-red);
143
144
  }
144
- .bgl_btn.bgl_flatBtn.white[data-v-be5ba54d],
145
- .bgl_btn-icon.bgl_flatBtn.white[data-v-be5ba54d] {
145
+ .bgl_btn.bgl_flatBtn.white[data-v-c3d9914e],
146
+ .bgl_btn-icon.bgl_flatBtn.white[data-v-c3d9914e] {
146
147
  color: var(--bgl-light-text);
147
148
  }
148
- .bgl_btn.bgl_flatBtn.light[data-v-be5ba54d],
149
- .bgl_btn-icon.bgl_flatBtn.light[data-v-be5ba54d] {
149
+ .bgl_btn.bgl_flatBtn.light[data-v-c3d9914e],
150
+ .bgl_btn-icon.bgl_flatBtn.light[data-v-c3d9914e] {
150
151
  color: var(--bgl-primary-tint);
151
152
  }
152
- .bgl_btn.bgl_flatBtn.black[data-v-be5ba54d],
153
- .bgl_btn-icon.bgl_flatBtn.black[data-v-be5ba54d] {
153
+ .bgl_btn.bgl_flatBtn.black[data-v-c3d9914e],
154
+ .bgl_btn-icon.bgl_flatBtn.black[data-v-c3d9914e] {
154
155
  color: var(--bgl-text-color);
155
156
  }
156
- .bgl_btn.bgl_flatBtn.gray[data-v-be5ba54d],
157
- .bgl_btn-icon.bgl_flatBtn.gray[data-v-be5ba54d] {
157
+ .bgl_btn.bgl_flatBtn.gray[data-v-c3d9914e],
158
+ .bgl_btn-icon.bgl_flatBtn.gray[data-v-c3d9914e] {
158
159
  color: var(--bgl-gray);
159
160
  }
160
- .bgl_btn.thin[data-v-be5ba54d] {
161
+ .bgl_btn.thin[data-v-c3d9914e] {
161
162
  padding-inline: calc(var(--btn-padding) / 3);
162
163
  border-radius: calc(var(--btn-border-radius) / 1.5);
163
164
  }
164
- .bgl_btn.round[data-v-be5ba54d] {
165
+ .bgl_btn.round[data-v-c3d9914e] {
165
166
  border-radius: 1000px;
166
167
  }
167
- .bgl_btn-icon.thin[data-v-be5ba54d] {
168
+ .bgl_btn-icon.thin[data-v-c3d9914e] {
168
169
  height: calc(var(--btn-height) / 1.5);
169
170
  width: calc(var(--btn-height) / 1.5);
170
171
  line-height: normal;
171
172
  }
172
- .bgl_btn-icon.thin .bgl_btn-flex[data-v-be5ba54d] {
173
+ .bgl_btn-icon.thin .bgl_btn-flex[data-v-c3d9914e] {
173
174
  height: 100%;
174
175
  }
175
- [dir="rtl"] .bgl_btn-icon[data-v-be5ba54d]{
176
+ [dir="rtl"] .bgl_btn-icon[data-v-c3d9914e]{
176
177
  transform: rotateY(180deg);
177
178
  }
178
- .bgl_btn-border[data-v-be5ba54d] {
179
- outline: 1px solid var(--da24ea44);
180
- color: var(--da24ea44);
179
+ .bgl_btn-border[data-v-c3d9914e] {
180
+ outline: 1px solid var(--eb819078);
181
+ color: var(--eb819078);
181
182
  background: transparent;
182
183
  }
183
- .bgl_btn-border[data-v-be5ba54d]:hover {
184
+ .bgl_btn-border[data-v-c3d9914e]:hover {
184
185
  color: var(--bgl-light-text);
185
- background: var(--da24ea44);
186
+ background: var(--eb819078);
186
187
  filter: brightness(100%);
187
188
  }
188
- .bgl_btn-border[data-v-be5ba54d]:active {
189
+ .bgl_btn-border[data-v-c3d9914e]:active {
189
190
  filter: brightness(80%);
190
191
  }
191
192
 
@@ -706,7 +707,7 @@ data[data-v-6c27f163] {
706
707
  }
707
708
  }
708
709
 
709
- .fileUploadWrap[data-v-c2732102] {
710
+ .fileUploadWrap[data-v-f191c0e6] {
710
711
  outline: 1px solid var(--border-color);
711
712
  border-radius: var(--input-border-radius);
712
713
  text-align: center;
@@ -718,7 +719,7 @@ data[data-v-6c27f163] {
718
719
  background: var(--input-bg);
719
720
  height: 215px;
720
721
  }
721
- .bagel-input .fileUploadWrap.fileDropZone[data-v-c2732102] {
722
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-f191c0e6] {
722
723
  background: var(--input-bg);
723
724
  display: flex;
724
725
  align-items: center;
@@ -726,14 +727,14 @@ data[data-v-6c27f163] {
726
727
  color: var(--bgl-gray);
727
728
  flex-direction: column;
728
729
  }
729
- .fileUploadWrap.dragover[data-v-c2732102],
730
- .fileUploadWrap[data-v-c2732102]:hover {
730
+ .fileUploadWrap.dragover[data-v-f191c0e6],
731
+ .fileUploadWrap[data-v-f191c0e6]:hover {
731
732
  box-shadow: inset 0 0 10px #00000012;
732
733
  }
733
- .fileUploadWrap[style*="height: auto;"][data-v-c2732102] {
734
+ .fileUploadWrap[style*='height: auto;'][data-v-f191c0e6] {
734
735
  min-height: 215px;
735
736
  }
736
- .multi-image-item-preview[data-v-c2732102] {
737
+ .multi-image-item-preview[data-v-f191c0e6] {
737
738
  border: 1px solid var(--border-color) !important;
738
739
  border-radius: var(--input-border-radius);
739
740
  margin: 0.5rem !important;
@@ -747,12 +748,12 @@ data[data-v-6c27f163] {
747
748
  gap: 1rem;
748
749
  align-items: center;
749
750
  }
750
- .multi-image-item-preview p[data-v-c2732102] {
751
+ .multi-image-item-preview p[data-v-f191c0e6] {
751
752
  overflow: hidden;
752
753
  text-overflow: ellipsis;
753
754
  white-space: nowrap;
754
755
  }
755
- .multi-preview[data-v-c2732102]{
756
+ .multi-preview[data-v-f191c0e6] {
756
757
  width: 40px;
757
758
  height: 40px;
758
759
  border-radius: var(--input-border-radius);
@@ -763,17 +764,17 @@ data[data-v-6c27f163] {
763
764
  align-items: center;
764
765
  display: flex;
765
766
  }
766
- .bgl-single-preview[data-v-c2732102]{
767
+ .bgl-single-preview[data-v-f191c0e6] {
767
768
  height: 100%;
768
769
  position: relative;
769
770
  }
770
- .bgl-single-preview + .fileUploadPlaceHolder[data-v-c2732102]{
771
+ .bgl-single-preview + .fileUploadPlaceHolder[data-v-f191c0e6] {
771
772
  position: absolute;
772
773
  inset: 0;
773
774
  margin: auto;
774
775
  top: calc(50% - 2rem);
775
776
  }
776
- .single-image-item-preview[data-v-c2732102] {
777
+ .single-image-item-preview[data-v-f191c0e6] {
777
778
  height: 100%;
778
779
  min-height: 100%;
779
780
  position: relative;
@@ -781,13 +782,13 @@ data[data-v-6c27f163] {
781
782
  align-items: center;
782
783
  justify-content: center;
783
784
  }
784
- .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-c2732102] {
785
+ .fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-f191c0e6] {
785
786
  min-height: 215px;
786
787
  }
787
- .fileUploadWrap[style*="height: auto"] .single-preview[data-v-c2732102] {
788
+ .fileUploadWrap[style*='height: auto'] .single-preview[data-v-f191c0e6] {
788
789
  margin: 0rem !important;
789
790
  }
790
- .single-preview[data-v-c2732102]{
791
+ .single-preview[data-v-f191c0e6] {
791
792
  border-radius: var(--input-border-radius);
792
793
  margin: 1rem;
793
794
  padding: 0px;
@@ -796,30 +797,30 @@ data[data-v-6c27f163] {
796
797
  object-fit: cover;
797
798
  background: var(--bgl-gray-light);
798
799
  }
799
- .single-image-item-preview[data-v-c2732102]:hover::after{
800
- content: "zoom_in";
800
+ .single-image-item-preview[data-v-f191c0e6]:hover::after {
801
+ content: 'zoom_in';
801
802
  font-size: 32px;
802
- font-family: "Material Symbols Outlined", serif;
803
+ font-family: 'Material Symbols Outlined', serif;
803
804
  position: absolute;
804
805
  border-radius: 100%;
805
806
  color: var(--bgl-white);
806
807
  z-index: 9;
807
808
  pointer-events: none;
808
809
  }
809
- .single-image-item-preview:hover img[data-v-c2732102]{
810
+ .single-image-item-preview:hover img[data-v-f191c0e6] {
810
811
  filter: brightness(70%);
811
812
  }
812
- .bgl_fill-image.single-image-item-preview[data-v-c2732102] {
813
+ .bgl_fill-image.single-image-item-preview[data-v-f191c0e6] {
813
814
  height: 100%;
814
815
  }
815
- .bgl_fill-image.single-image-item-preview .single-preview[data-v-c2732102]{
816
+ .bgl_fill-image.single-image-item-preview .single-preview[data-v-f191c0e6] {
816
817
  border-radius: unset;
817
818
  object-fit: cover;
818
819
  box-shadow: unset;
819
820
  width: 100%;
820
821
  height: auto;
821
822
  }
822
- .single-image-item-preview .pie[data-v-c2732102] {
823
+ .single-image-item-preview .pie[data-v-f191c0e6] {
823
824
  transform-origin: top;
824
825
  transform: scale(1.4);
825
826
  position: absolute;
@@ -833,31 +834,31 @@ data[data-v-6c27f163] {
833
834
  border: none !important;
834
835
  padding: 0 !important;
835
836
  }
836
- .bgl_oval-upload[data-v-c2732102] {
837
+ .bgl_oval-upload[data-v-f191c0e6] {
837
838
  border-radius: 100% !important;
838
839
  overflow: hidden;
839
840
  }
840
- .bgl_oval-upload p[data-v-c2732102] {
841
- padding: 0.75rem !important;
842
- font-size: 12px
841
+ .bgl_oval-upload p[data-v-f191c0e6] {
842
+ padding: 0.75rem !important;
843
+ font-size: 12px;
843
844
  }
844
- .bgl_oval-upload .fileUploadPlaceHolder[data-v-c2732102]{
845
- top: 0;
845
+ .bgl_oval-upload .fileUploadPlaceHolder[data-v-f191c0e6] {
846
+ top: 0;
846
847
  }
847
- .bgl_oval-upload .pie[data-v-c2732102] {
848
- transform: scale(1);
848
+ .bgl_oval-upload .pie[data-v-f191c0e6] {
849
+ transform: scale(1);
849
850
  }
850
- .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-c2732102] {
851
- transform: scale(0.4) !important;
851
+ .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-f191c0e6] {
852
+ transform: scale(0.4) !important;
852
853
  }
853
- .bgl_oval-upload .single-image-item-preview[data-v-c2732102]{
854
- height: 100%;
854
+ .bgl_oval-upload .single-image-item-preview[data-v-f191c0e6] {
855
+ height: 100%;
855
856
  }
856
- .bgl_oval-upload .single-preview[data-v-c2732102] {
857
- margin: 0;
858
- height: 100% !important;
857
+ .bgl_oval-upload .single-preview[data-v-f191c0e6] {
858
+ margin: 0;
859
+ height: 100% !important;
859
860
  }
860
- .pie[data-v-c2732102] {
861
+ .pie[data-v-f191c0e6] {
861
862
  width: 30px;
862
863
  height: 30px;
863
864
  position: relative;
@@ -865,7 +866,7 @@ data[data-v-6c27f163] {
865
866
  align-items: center;
866
867
  justify-content: center;
867
868
  }
868
- .pie[data-v-c2732102]:before {
869
+ .pie[data-v-f191c0e6]:before {
869
870
  content: '';
870
871
  position: absolute;
871
872
  border-radius: 50%;
@@ -883,26 +884,26 @@ data[data-v-6c27f163] {
883
884
  #000 calc(100% - var(--b))
884
885
  );
885
886
  }
886
- .pie .success[data-v-c2732102] {
887
+ .pie .success[data-v-f191c0e6] {
887
888
  transform: scale(0);
888
889
  opacity: 0;
889
890
  transition: all 0.3s ease-in-out;
890
891
  }
891
- .pie .progress[data-v-c2732102] {
892
+ .pie .progress[data-v-f191c0e6] {
892
893
  position: absolute;
893
894
  font-size: 10px;
894
895
  }
895
- .pie.complete .progress[data-v-c2732102] {
896
+ .pie.complete .progress[data-v-f191c0e6] {
896
897
  display: none;
897
898
  }
898
- .pie.complete .success[data-v-c2732102] {
899
+ .pie.complete .success[data-v-f191c0e6] {
899
900
  transform: scale(1.3);
900
901
  opacity: 1;
901
902
  }
902
- .pie.complete[data-v-c2732102]:before {
903
+ .pie.complete[data-v-f191c0e6]:before {
903
904
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
904
905
  }
905
- .pie.complete[data-v-c2732102] {
906
+ .pie.complete[data-v-f191c0e6] {
906
907
  color: var(--bgl-green);
907
908
  }
908
909
 
@@ -995,19 +996,18 @@ data[data-v-6c27f163] {
995
996
  color: var(--bgl-light-text);
996
997
  }
997
998
 
998
- .range-slide input[data-v-d653c76a] {
999
+ .range-slide input[data-v-ded4d62d] {
999
1000
  -webkit-appearance: none;
1000
1001
  width: 100%;
1001
- height: 8px;
1002
- background: linear-gradient(to right, var(--bgl-primary) 50%, var(--input-bg) 50%);
1003
1002
  border-radius: 5px;
1004
1003
  outline: none;
1005
1004
  transition: background 0.3s ease;
1006
1005
  }
1007
- .range-slide input[data-v-d653c76a]::-webkit-slider-thumb {
1006
+ .range-slide input[data-v-ded4d62d]::-webkit-slider-thumb {
1008
1007
  -webkit-appearance: none;
1009
1008
  appearance: none;
1010
- margin-top: -4px;
1009
+ /* margin-top: calc(-1 * var(--thickness, 8px) / 2); */
1010
+ margin-top: 0;
1011
1011
  width: 16px;
1012
1012
  height: 16px;
1013
1013
  background: var(--bgl-primary);
@@ -1015,26 +1015,21 @@ data[data-v-6c27f163] {
1015
1015
  border-radius: 50%;
1016
1016
  cursor: pointer;
1017
1017
  }
1018
- .range-slide input[data-v-d653c76a]::-moz-range-thumb {
1018
+ .range-slide input[data-v-ded4d62d]::-moz-range-thumb {
1019
1019
  width: 16px;
1020
1020
  height: 16px;
1021
- margin-top: -4px;
1021
+ margin-top: calc(-1 * var(--thickness, 8px) / 2);
1022
1022
  background: var(--bgl-primary);
1023
1023
  border: 1px solid var(--input-bg);
1024
1024
  border-radius: 50%;
1025
1025
  cursor: pointer;
1026
1026
  }
1027
-
1028
- /* Customize the range track (only progress will show the color) */
1029
- .range-slide input[data-v-d653c76a]::-webkit-slider-runnable-track {
1030
- width: 100%;
1031
- height: 8px;
1032
- background: transparent;
1033
- border-radius: 5px;
1027
+ .range-slide.disabled input[type='range'][data-v-ded4d62d]::-webkit-slider-thumb {
1028
+ display: none;
1034
1029
  }
1035
- .range-slide input[data-v-d653c76a]::-moz-range-track {
1030
+ .range-slide input[data-v-ded4d62d]::-webkit-slider-runnable-track,
1031
+ .range-slide input[data-v-ded4d62d]::-moz-range-track {
1036
1032
  width: 100%;
1037
- height: 8px;
1038
1033
  background: transparent;
1039
1034
  border-radius: 5px;
1040
1035
  }
@@ -1396,15 +1391,6 @@ p {
1396
1391
  width: 100%;
1397
1392
  height: 100%;
1398
1393
  }
1399
- .pixel {
1400
- width: 0;
1401
- height: 0;
1402
- overflow: hidden;
1403
- outline: none;
1404
- position: absolute;
1405
- bottom: 0;
1406
- left: 50%;
1407
- }
1408
1394
  .bgl_input.signature-pad {
1409
1395
  background: var(--input-bg);
1410
1396
  border: none;
@@ -1604,58 +1590,58 @@ p {
1604
1590
  font-size: var(--label-font-size);
1605
1591
  }
1606
1592
 
1607
- .bagel-input textarea[data-v-06d5ed00] {
1593
+ .bagel-input textarea[data-v-0e10a3b5] {
1608
1594
  min-height: unset;
1609
1595
  font-size: var(--input-font-size);
1610
1596
  }
1611
- .bagel-input.text-input textarea[data-v-06d5ed00] {
1597
+ .bagel-input.text-input textarea[data-v-0e10a3b5] {
1612
1598
  resize: none;
1613
1599
  }
1614
- .code textarea[data-v-06d5ed00] {
1600
+ .code textarea[data-v-0e10a3b5] {
1615
1601
  font-family: 'Inconsolata', monospace;
1616
1602
  background: var(--bgl-code-bg) !important;
1617
1603
  color: var(--bgl-light-text) !important;
1618
1604
  }
1619
- .code textarea[data-v-06d5ed00]::placeholder {
1605
+ .code textarea[data-v-0e10a3b5]::placeholder {
1620
1606
  color: var(--bgl-light-text) !important;
1621
1607
  opacity: 0.3;
1622
1608
  }
1623
- .bagel-input.small[data-v-06d5ed00] {
1609
+ .bagel-input.small[data-v-0e10a3b5] {
1624
1610
  margin-bottom: 0;
1625
1611
  height: 30px;
1626
1612
  }
1627
- .bagel-input.dense label[data-v-06d5ed00] {
1613
+ .bagel-input.dense label[data-v-0e10a3b5] {
1628
1614
  display: flex;
1629
1615
  align-items: center;
1630
1616
  gap: 0.5rem;
1631
1617
  }
1632
- .bagel-input input[data-v-06d5ed00]:disabled {
1618
+ .bagel-input input[data-v-0e10a3b5]:disabled {
1633
1619
  background: #f5f5f5;
1634
1620
  }
1635
- .bagel-input label[data-v-06d5ed00] {
1621
+ .bagel-input label[data-v-0e10a3b5] {
1636
1622
  font-size: var(--label-font-size);
1637
1623
  }
1638
- .textInputIconWrap .bgl_icon-font[data-v-06d5ed00] {
1624
+ .textInputIconWrap .bgl_icon-font[data-v-0e10a3b5] {
1639
1625
  color: var(--input-color);
1640
1626
  position: absolute;
1641
1627
  inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
1642
1628
  margin-top: calc(var(--input-height) / 2 + 0.1rem);
1643
1629
  line-height: 0;
1644
1630
  }
1645
- .textInputIconWrap input[data-v-06d5ed00]{
1631
+ .textInputIconWrap input[data-v-0e10a3b5]{
1646
1632
  padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
1647
1633
  }
1648
- .txtInputIconStart .iconStart[data-v-06d5ed00] {
1634
+ .txtInputIconStart .iconStart[data-v-0e10a3b5] {
1649
1635
  color: var(--input-color);
1650
1636
  position: absolute;
1651
1637
  inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
1652
1638
  margin-top: calc(var(--input-height) / 2 );
1653
1639
  line-height: 0;
1654
1640
  }
1655
- .txtInputIconStart input[data-v-06d5ed00], .txtInputIconStart textarea[data-v-06d5ed00]{
1641
+ .txtInputIconStart input[data-v-0e10a3b5], .txtInputIconStart textarea[data-v-0e10a3b5]{
1656
1642
  padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
1657
1643
  }
1658
- .bagel-input.small textarea[data-v-06d5ed00] {
1644
+ .bagel-input.small textarea[data-v-0e10a3b5] {
1659
1645
  height: 30px;
1660
1646
  }
1661
1647
 
@@ -3248,22 +3234,22 @@ body:has(.bg-dark.is-active) {
3248
3234
  background: transparent;
3249
3235
  }
3250
3236
 
3251
- .table-list-wrap[data-v-e3fe1a41] {
3237
+ .table-list-wrap[data-v-9025464f] {
3252
3238
  min-height: 150px;
3253
3239
  }
3254
- .selected[data-v-e3fe1a41] {
3240
+ .selected[data-v-9025464f] {
3255
3241
  background: var(--bgl-primary-tint);
3256
3242
  }
3257
- tbody tr.selected[data-v-e3fe1a41]:hover {
3243
+ tbody tr.selected[data-v-9025464f]:hover {
3258
3244
  background: var(--bgl-primary-light);
3259
3245
  }
3260
- .loading-table[data-v-e3fe1a41] {
3246
+ .loading-table[data-v-9025464f] {
3261
3247
  position: relative;
3262
3248
  }
3263
- .inset[data-v-e3fe1a41] {
3249
+ .inset[data-v-9025464f] {
3264
3250
  inset: 0;
3265
3251
  }
3266
- .loading-table-animation[data-v-e3fe1a41] {
3252
+ .loading-table-animation[data-v-9025464f] {
3267
3253
  --size: 60px;
3268
3254
  top: 30vh;
3269
3255
  inset-inline-start: calc(50% - var(--size));
@@ -3271,9 +3257,9 @@ tbody tr.selected[data-v-e3fe1a41]:hover {
3271
3257
  border-top: 4px solid var(--bgl-primary);
3272
3258
  width: var(--size);
3273
3259
  height: var(--size);
3274
- animation: loading-table-e3fe1a41 1s linear infinite;
3260
+ animation: loading-table-9025464f 1s linear infinite;
3275
3261
  }
3276
- @keyframes loading-table-e3fe1a41 {
3262
+ @keyframes loading-table-9025464f {
3277
3263
  0% {
3278
3264
  transform: translate(-50%, -50%) rotate(0deg);
3279
3265
  }
@@ -3281,51 +3267,51 @@ tbody tr.selected[data-v-e3fe1a41]:hover {
3281
3267
  transform: translate(-50%, -50%) rotate(360deg);
3282
3268
  }
3283
3269
  }
3284
- .list-arrows[data-v-e3fe1a41] {
3270
+ .list-arrows[data-v-9025464f] {
3285
3271
  opacity: 0;
3286
3272
  }
3287
- .list-arrows .bgl_icon-font[data-v-e3fe1a41] {
3273
+ .list-arrows .bgl_icon-font[data-v-9025464f] {
3288
3274
  transition: all ease-in-out 0.2s;
3289
3275
  }
3290
- .list-arrows.sorted[data-v-e3fe1a41] {
3276
+ .list-arrows.sorted[data-v-9025464f] {
3291
3277
  opacity: 1;
3292
3278
  }
3293
- .col img[data-v-e3fe1a41] {
3279
+ .col img[data-v-9025464f] {
3294
3280
  height: 35px;
3295
3281
  margin-top: -14px;
3296
3282
  margin-bottom: -14px;
3297
3283
  border-radius: 5px;
3298
3284
  }
3299
- .list-arrows.sorted .desc[data-v-e3fe1a41] {
3285
+ .list-arrows.sorted .desc[data-v-9025464f] {
3300
3286
  transform: rotate(180deg);
3301
3287
  display: inline-block;
3302
3288
  }
3303
- table[data-v-e3fe1a41] {
3289
+ table[data-v-9025464f] {
3304
3290
  border-spacing: 0 15px;
3305
3291
  border-collapse: collapse;
3306
3292
  width: 100%;
3307
3293
  }
3308
- th[data-v-e3fe1a41] {
3294
+ th[data-v-9025464f] {
3309
3295
  font-size: 0.8rem;
3310
3296
  color: var(--bgl-black-tint);
3311
3297
  position: sticky;
3312
3298
  top: 0;
3313
3299
  z-index: 2;
3314
3300
  background: var(--bgl-box-bg);
3315
- height: var(--527f36f7);
3301
+ height: var(--651c754b);
3316
3302
  vertical-align: bottom;
3317
3303
  font-weight: 400;
3318
3304
  text-align: start;
3319
3305
  }
3320
- .embedded-field[data-v-e3fe1a41] {
3306
+ .embedded-field[data-v-9025464f] {
3321
3307
  margin-bottom: -0.2rem;
3322
3308
  margin-top: -0.2rem;
3323
3309
  }
3324
- .row[data-v-e3fe1a41] {
3310
+ .row[data-v-9025464f] {
3325
3311
  border-bottom: 1px solid var(--border-color);
3326
3312
  cursor: pointer;
3327
3313
  }
3328
- .row.first-row[data-v-e3fe1a41] {
3314
+ .row.first-row[data-v-9025464f] {
3329
3315
  font-size: 0.8rem;
3330
3316
  color: var(--bgl-black-tint);
3331
3317
  position: sticky;
@@ -3334,7 +3320,7 @@ th[data-v-e3fe1a41] {
3334
3320
  background: var(--bgl-box-bg);
3335
3321
  vertical-align: bottom;
3336
3322
  }
3337
- .row.first-row[data-v-e3fe1a41]::after {
3323
+ .row.first-row[data-v-9025464f]::after {
3338
3324
  content: '';
3339
3325
  border-bottom: 1px solid var(--border-color);
3340
3326
  position: absolute;
@@ -3342,30 +3328,30 @@ th[data-v-e3fe1a41] {
3342
3328
  right: 0;
3343
3329
  bottom: -1px;
3344
3330
  }
3345
- .first-row .col[data-v-e3fe1a41] {
3331
+ .first-row .col[data-v-9025464f] {
3346
3332
  cursor: pointer;
3347
3333
  background: var(--bgl-box-bg);
3348
3334
  }
3349
- .col[data-v-e3fe1a41] {
3335
+ .col[data-v-9025464f] {
3350
3336
  white-space: nowrap;
3351
3337
  padding: 0.75rem 1rem;
3352
3338
  transition: var(--bgl-transition);
3353
3339
  line-height: 1;
3354
3340
  align-items: center;
3355
3341
  }
3356
- .col[data-v-e3fe1a41]:has(.bagel-input) {
3342
+ .col[data-v-9025464f]:has(.bagel-input) {
3357
3343
  padding: 0rem 0.25rem;
3358
3344
  }
3359
- .col > div[data-v-e3fe1a41] {
3345
+ .col > div[data-v-9025464f] {
3360
3346
  display: flex;
3361
3347
  gap: 0.5rem;
3362
3348
  }
3363
- .max-col-width[data-v-e3fe1a41] {
3349
+ .max-col-width[data-v-9025464f] {
3364
3350
  max-width: 30vw;
3365
3351
  overflow: hidden;
3366
3352
  text-overflow: ellipsis;
3367
3353
  }
3368
- .col.check .bgl_icon-font[data-v-e3fe1a41] {
3354
+ .col.check .bgl_icon-font[data-v-9025464f] {
3369
3355
  border-radius: 100%;
3370
3356
  background: var(--bgl-blue-20);
3371
3357
  color: var(--bgl-primary);
@@ -3376,35 +3362,35 @@ th[data-v-e3fe1a41] {
3376
3362
  justify-content: center;
3377
3363
  margin-top: -2px;
3378
3364
  }
3379
- .rows[data-v-e3fe1a41] {
3365
+ .rows[data-v-9025464f] {
3380
3366
  font-size: 0.88em;
3381
3367
  }
3382
- .table-list[data-v-e3fe1a41] {
3368
+ .table-list[data-v-9025464f] {
3383
3369
  height: 100%;
3384
3370
  position: relative;
3385
3371
  padding-left: 0 !important;
3386
3372
  padding-right: 0 !important;
3387
3373
  overflow: auto;
3388
3374
  }
3389
- .BagelTable .table-list[data-v-e3fe1a41] {
3375
+ .BagelTable .table-list[data-v-9025464f] {
3390
3376
  overflow: unset;
3391
3377
  }
3392
- .row-item[data-v-e3fe1a41] {
3393
- height: var(--527f36f7);
3378
+ .row-item[data-v-9025464f] {
3379
+ height: var(--651c754b);
3394
3380
  transition: all 200ms ease;
3395
3381
  }
3396
- .row-item[data-v-e3fe1a41]:hover {
3382
+ .row-item[data-v-9025464f]:hover {
3397
3383
  background: var(--bgl-gray-light);
3398
3384
  }
3399
- .row-item input[type='checkbox'][data-v-e3fe1a41] {
3385
+ .row-item input[type='checkbox'][data-v-9025464f] {
3400
3386
  margin-top: 0.45rem !important;
3401
3387
  accent-color: var(--bgl-accent-color);
3402
3388
  }
3403
- .infinite-wrapper[data-v-e3fe1a41] {
3389
+ .infinite-wrapper[data-v-9025464f] {
3404
3390
  overflow-y: auto;
3405
3391
  width: 100%;
3406
3392
  }
3407
- input[type='checkbox'][data-v-e3fe1a41] {
3393
+ input[type='checkbox'][data-v-9025464f] {
3408
3394
  margin-top: 0.3rem !important;
3409
3395
  accent-color: var(--bgl-accent-color);
3410
3396
  transform: scale(1.2);
@@ -3416,7 +3402,7 @@ input[type='checkbox'][data-v-e3fe1a41] {
3416
3402
  height: 0.85rem;
3417
3403
  width: 0.85rem;
3418
3404
  }
3419
- input[type='checkbox'][data-v-e3fe1a41]::before {
3405
+ input[type='checkbox'][data-v-9025464f]::before {
3420
3406
  content: '';
3421
3407
  height: 0.85rem;
3422
3408
  width: 0.85rem;
@@ -3429,18 +3415,18 @@ input[type='checkbox'][data-v-e3fe1a41]::before {
3429
3415
  transform: scale(1);
3430
3416
  position: absolute;
3431
3417
  }
3432
- input[type='checkbox'][data-v-e3fe1a41]:hover::before {
3418
+ input[type='checkbox'][data-v-9025464f]:hover::before {
3433
3419
  opacity: 0.2;
3434
3420
  transform: scale(2);
3435
3421
  }
3436
- [lang='he'] [dir='ltr'][data-v-e3fe1a41] {
3422
+ [lang='he'] [dir='ltr'][data-v-9025464f] {
3437
3423
  text-align: right;
3438
3424
  }
3439
- th input[type='checkbox'][data-v-e3fe1a41] {
3425
+ th input[type='checkbox'][data-v-9025464f] {
3440
3426
  transform: translateY(0.2rem) scale(1.2);
3441
3427
  accent-color: var(--bgl-accent-color);
3442
3428
  }
3443
- th[data-v-e3fe1a41]::after {
3429
+ th[data-v-9025464f]::after {
3444
3430
  content: '';
3445
3431
  border-bottom: 1px solid var(--border-color);
3446
3432
  position: absolute;
@@ -3448,24 +3434,24 @@ th[data-v-e3fe1a41]::after {
3448
3434
  right: 0;
3449
3435
  bottom: -1px;
3450
3436
  }
3451
- tr[data-v-e3fe1a41] {
3437
+ tr[data-v-9025464f] {
3452
3438
  border-bottom: 1px solid var(--border-color);
3453
3439
  cursor: pointer;
3454
3440
  align-items: center;
3455
3441
  }
3456
- td[data-v-e3fe1a41],
3457
- th[data-v-e3fe1a41] {
3442
+ td[data-v-9025464f],
3443
+ th[data-v-9025464f] {
3458
3444
  white-space: nowrap;
3459
3445
  padding: 0.75rem 0.65rem;
3460
3446
  transition: var(--bgl-transition);
3461
3447
  line-height: 1;
3462
3448
  }
3463
- tbody tr[data-v-e3fe1a41] {
3449
+ tbody tr[data-v-9025464f] {
3464
3450
  font-size: 0.88em;
3465
- height: var(--527f36f7);
3451
+ height: var(--651c754b);
3466
3452
  transition: all 200ms ease;
3467
3453
  }
3468
- tbody tr[data-v-e3fe1a41]:hover {
3454
+ tbody tr[data-v-9025464f]:hover {
3469
3455
  background: var(--bgl-gray-light);
3470
3456
  }
3471
3457
 
@@ -3612,6 +3598,12 @@ to {
3612
3598
  .align-content-center {
3613
3599
  align-content: center;
3614
3600
  }
3601
+ .align-content-start {
3602
+ align-content: start;
3603
+ }
3604
+ .align-content-end {
3605
+ align-content: end;
3606
+ }
3615
3607
  .align-content-space-between {
3616
3608
  align-content: space-between;
3617
3609
  }
@@ -6396,6 +6388,9 @@ to {
6396
6388
  .hm-10px {
6397
6389
  max-height: 10px;
6398
6390
  }
6391
+ .min-h-10px {
6392
+ min-height: 10px;
6393
+ }
6399
6394
  .h-20 {
6400
6395
  height: 20%;
6401
6396
  }
@@ -6408,6 +6403,9 @@ to {
6408
6403
  .hm-20px {
6409
6404
  max-height: 20px;
6410
6405
  }
6406
+ .min-h-20px {
6407
+ min-height: 20px;
6408
+ }
6411
6409
  .h-30 {
6412
6410
  height: 30%;
6413
6411
  }
@@ -6423,6 +6421,9 @@ to {
6423
6421
  .hm-30px {
6424
6422
  max-height: 30px;
6425
6423
  }
6424
+ .min-h-30px {
6425
+ min-height: 30px;
6426
+ }
6426
6427
  .h-40 {
6427
6428
  height: 40%;
6428
6429
  }
@@ -6435,6 +6436,9 @@ to {
6435
6436
  .hm-40px {
6436
6437
  max-height: 40px;
6437
6438
  }
6439
+ .min-h-40px {
6440
+ min-height: 40px;
6441
+ }
6438
6442
  .h-50 {
6439
6443
  height: 50%;
6440
6444
  }
@@ -6447,6 +6451,9 @@ to {
6447
6451
  .hm-50px {
6448
6452
  max-height: 50px;
6449
6453
  }
6454
+ .min-h-50px {
6455
+ min-height: 50px;
6456
+ }
6450
6457
  .h-60 {
6451
6458
  height: 60%;
6452
6459
  }
@@ -6459,6 +6466,9 @@ to {
6459
6466
  .hm-60px {
6460
6467
  max-height: 60px;
6461
6468
  }
6469
+ .min-h-60px {
6470
+ min-height: 60px;
6471
+ }
6462
6472
  .h-70 {
6463
6473
  height: 70%;
6464
6474
  }
@@ -6471,6 +6481,9 @@ to {
6471
6481
  .hm-70px {
6472
6482
  max-height: 70px;
6473
6483
  }
6484
+ .min-h-70px {
6485
+ min-height: 70px;
6486
+ }
6474
6487
  .h-80 {
6475
6488
  height: 80%;
6476
6489
  }
@@ -6483,6 +6496,9 @@ to {
6483
6496
  .hm-80px {
6484
6497
  max-height: 80px;
6485
6498
  }
6499
+ .min-h-80px {
6500
+ min-height: 80px;
6501
+ }
6486
6502
  .h-90 {
6487
6503
  height: 90%;
6488
6504
  }
@@ -6495,6 +6511,9 @@ to {
6495
6511
  .hm-90px {
6496
6512
  max-height: 90px;
6497
6513
  }
6514
+ .min-h-90px {
6515
+ min-height: 90px;
6516
+ }
6498
6517
  .h-100 {
6499
6518
  height: 100%;
6500
6519
  }
@@ -6507,6 +6526,9 @@ to {
6507
6526
  .hm-100px {
6508
6527
  max-height: 100px;
6509
6528
  }
6529
+ .min-h-100px {
6530
+ min-height: 100px;
6531
+ }
6510
6532
  .h-150 {
6511
6533
  height: 150%;
6512
6534
  }
@@ -6519,6 +6541,9 @@ to {
6519
6541
  .hm-150px {
6520
6542
  max-height: 150px;
6521
6543
  }
6544
+ .min-h-150px {
6545
+ min-height: 150px;
6546
+ }
6522
6547
  .h-200 {
6523
6548
  height: 200%;
6524
6549
  }
@@ -6531,6 +6556,9 @@ to {
6531
6556
  .hm-200px {
6532
6557
  max-height: 200px;
6533
6558
  }
6559
+ .min-h-200px {
6560
+ min-height: 200px;
6561
+ }
6534
6562
  .h-300 {
6535
6563
  height: 300%;
6536
6564
  }
@@ -6543,6 +6571,9 @@ to {
6543
6571
  .hm-300px {
6544
6572
  max-height: 300px;
6545
6573
  }
6574
+ .min-h-300px {
6575
+ min-height: 300px;
6576
+ }
6546
6577
  .h-400 {
6547
6578
  height: 400%;
6548
6579
  }
@@ -6555,6 +6586,9 @@ to {
6555
6586
  .hm-400px {
6556
6587
  max-height: 400px;
6557
6588
  }
6589
+ .min-h-400px {
6590
+ min-height: 400px;
6591
+ }
6558
6592
  .h-500 {
6559
6593
  height: 500%;
6560
6594
  }
@@ -6567,6 +6601,9 @@ to {
6567
6601
  .hm-500px {
6568
6602
  max-height: 500px;
6569
6603
  }
6604
+ .min-h-500px {
6605
+ min-height: 500px;
6606
+ }
6570
6607
  .h-600 {
6571
6608
  height: 600%;
6572
6609
  }
@@ -6579,6 +6616,69 @@ to {
6579
6616
  .hm-600px {
6580
6617
  max-height: 600px;
6581
6618
  }
6619
+ .min-h-600px {
6620
+ min-height: 600px;
6621
+ }
6622
+ .h-700 {
6623
+ height: 700%;
6624
+ }
6625
+ .vh-700 {
6626
+ height: 700vh;
6627
+ }
6628
+ .h-700px {
6629
+ height: 700px;
6630
+ }
6631
+ .hm-700px {
6632
+ max-height: 700px;
6633
+ }
6634
+ .min-h-700px {
6635
+ min-height: 700px;
6636
+ }
6637
+ .h-800 {
6638
+ height: 800%;
6639
+ }
6640
+ .vh-800 {
6641
+ height: 800vh;
6642
+ }
6643
+ .h-800px {
6644
+ height: 800px;
6645
+ }
6646
+ .hm-800px {
6647
+ max-height: 800px;
6648
+ }
6649
+ .min-h-800px {
6650
+ min-height: 800px;
6651
+ }
6652
+ .h-900 {
6653
+ height: 900%;
6654
+ }
6655
+ .vh-900 {
6656
+ height: 900vh;
6657
+ }
6658
+ .h-900px {
6659
+ height: 900px;
6660
+ }
6661
+ .hm-900px {
6662
+ max-height: 900px;
6663
+ }
6664
+ .min-h-900px {
6665
+ min-height: 900px;
6666
+ }
6667
+ .h-1000 {
6668
+ height: 1000%;
6669
+ }
6670
+ .vh-1000 {
6671
+ height: 1000vh;
6672
+ }
6673
+ .h-1000px {
6674
+ height: 1000px;
6675
+ }
6676
+ .hm-1000px {
6677
+ max-height: 1000px;
6678
+ }
6679
+ .min-h-1000px {
6680
+ min-height: 1000px;
6681
+ }
6582
6682
  .layout-h-100 {
6583
6683
  height: 100vh;
6584
6684
  overflow-y: hidden;
@@ -6948,6 +7048,14 @@ to {
6948
7048
  align-content: center;
6949
7049
  }
6950
7050
 
7051
+ .m_align-content-start {
7052
+ align-content: start;
7053
+ }
7054
+
7055
+ .m_align-content-end {
7056
+ align-content: end;
7057
+ }
7058
+
6951
7059
  .m_align-content-space-between {
6952
7060
  align-content: space-between;
6953
7061
  }
@@ -9792,6 +9900,9 @@ to {
9792
9900
  max-height: 10px;
9793
9901
  }
9794
9902
 
9903
+ .min-h-10px {
9904
+ min-height: 10px;
9905
+ }
9795
9906
 
9796
9907
  .m_h-20 {
9797
9908
  height: 20%;
@@ -9809,6 +9920,10 @@ to {
9809
9920
  max-height: 20px;
9810
9921
  }
9811
9922
 
9923
+ .min-h-20px {
9924
+ min-height: 20px;
9925
+ }
9926
+
9812
9927
  .m_h-30 {
9813
9928
  height: 30%;
9814
9929
  }
@@ -9829,6 +9944,10 @@ to {
9829
9944
  max-height: 30px;
9830
9945
  }
9831
9946
 
9947
+ .min-h-30px {
9948
+ min-height: 30px;
9949
+ }
9950
+
9832
9951
  .m_h-40 {
9833
9952
  height: 40%;
9834
9953
  }
@@ -9845,6 +9964,10 @@ to {
9845
9964
  max-height: 40px;
9846
9965
  }
9847
9966
 
9967
+ .min-h-40px {
9968
+ min-height: 40px;
9969
+ }
9970
+
9848
9971
  .m_h-50 {
9849
9972
  height: 50%;
9850
9973
  }
@@ -9861,6 +9984,10 @@ to {
9861
9984
  max-height: 50px;
9862
9985
  }
9863
9986
 
9987
+ .min-h-50px {
9988
+ min-height: 50px;
9989
+ }
9990
+
9864
9991
  .m_h-60 {
9865
9992
  height: 60%;
9866
9993
  }
@@ -9877,6 +10004,10 @@ to {
9877
10004
  max-height: 60px;
9878
10005
  }
9879
10006
 
10007
+ .min-h-60px {
10008
+ min-height: 60px;
10009
+ }
10010
+
9880
10011
  .m_h-70 {
9881
10012
  height: 70%;
9882
10013
  }
@@ -9893,6 +10024,10 @@ to {
9893
10024
  max-height: 70px;
9894
10025
  }
9895
10026
 
10027
+ .min-h-70px {
10028
+ min-height: 70px;
10029
+ }
10030
+
9896
10031
  .m_h-80 {
9897
10032
  height: 80%;
9898
10033
  }
@@ -9909,6 +10044,10 @@ to {
9909
10044
  max-height: 80px;
9910
10045
  }
9911
10046
 
10047
+ .min-h-80px {
10048
+ min-height: 80px;
10049
+ }
10050
+
9912
10051
  .m_h-90 {
9913
10052
  height: 90%;
9914
10053
  }
@@ -9925,6 +10064,9 @@ to {
9925
10064
  max-height: 90px;
9926
10065
  }
9927
10066
 
10067
+ .min-h-90px {
10068
+ min-height: 90px;
10069
+ }
9928
10070
 
9929
10071
  .m_h-100 {
9930
10072
  height: 100%;
@@ -9942,6 +10084,10 @@ to {
9942
10084
  max-height: 100px;
9943
10085
  }
9944
10086
 
10087
+ .min-h-100px {
10088
+ min-height: 100px;
10089
+ }
10090
+
9945
10091
  .m_h-150 {
9946
10092
  height: 150%;
9947
10093
  }
@@ -9958,6 +10104,10 @@ to {
9958
10104
  max-height: 150px;
9959
10105
  }
9960
10106
 
10107
+ .min-h-150px {
10108
+ min-height: 150px;
10109
+ }
10110
+
9961
10111
  .m_h-200 {
9962
10112
  height: 200%;
9963
10113
  }
@@ -9974,6 +10124,10 @@ to {
9974
10124
  max-height: 200px;
9975
10125
  }
9976
10126
 
10127
+ .min-h-200px {
10128
+ min-height: 200px;
10129
+ }
10130
+
9977
10131
  .m_h-300 {
9978
10132
  height: 300%;
9979
10133
  }
@@ -9990,6 +10144,10 @@ to {
9990
10144
  max-height: 300px;
9991
10145
  }
9992
10146
 
10147
+ .min-h-300px {
10148
+ min-height: 300px;
10149
+ }
10150
+
9993
10151
  .m_h-400 {
9994
10152
  height: 400%;
9995
10153
  }
@@ -10006,6 +10164,10 @@ to {
10006
10164
  max-height: 400px;
10007
10165
  }
10008
10166
 
10167
+ .min-h-400px {
10168
+ min-height: 400px;
10169
+ }
10170
+
10009
10171
  .m_h-500 {
10010
10172
  height: 500%;
10011
10173
  }
@@ -10022,6 +10184,10 @@ to {
10022
10184
  max-height: 500px;
10023
10185
  }
10024
10186
 
10187
+ .min-h-500px {
10188
+ min-height: 500px;
10189
+ }
10190
+
10025
10191
  .m_h-600 {
10026
10192
  height: 600%;
10027
10193
  }
@@ -10038,6 +10204,89 @@ to {
10038
10204
  max-height: 600px;
10039
10205
  }
10040
10206
 
10207
+ .min-h-600px {
10208
+ min-height: 600px;
10209
+ }
10210
+
10211
+ .m_h-700 {
10212
+ height: 700%;
10213
+ }
10214
+
10215
+ .m_vh-700 {
10216
+ height: 700vh;
10217
+ }
10218
+
10219
+ .m_h-700px {
10220
+ height: 700px;
10221
+ }
10222
+
10223
+ .m_hm-700px {
10224
+ max-height: 700px;
10225
+ }
10226
+
10227
+ .min-h-700px {
10228
+ min-height: 700px;
10229
+ }
10230
+
10231
+ .m_h-800 {
10232
+ height: 800%;
10233
+ }
10234
+
10235
+ .m_vh-800 {
10236
+ height: 800vh;
10237
+ }
10238
+
10239
+ .m_h-800px {
10240
+ height: 800px;
10241
+ }
10242
+
10243
+ .m_hm-800px {
10244
+ max-height: 800px;
10245
+ }
10246
+
10247
+ .min-h-800px {
10248
+ min-height: 800px;
10249
+ }
10250
+
10251
+ .m_h-900 {
10252
+ height: 900%;
10253
+ }
10254
+
10255
+ .m_vh-900 {
10256
+ height: 900vh;
10257
+ }
10258
+
10259
+ .m_h-900px {
10260
+ height: 900px;
10261
+ }
10262
+
10263
+ .m_hm-900px {
10264
+ max-height: 900px;
10265
+ }
10266
+
10267
+ .min-h-900px {
10268
+ min-height: 900px;
10269
+ }
10270
+
10271
+ .m_h-1000 {
10272
+ height: 1000%;
10273
+ }
10274
+
10275
+ .m_vh-1000 {
10276
+ height: 1000vh;
10277
+ }
10278
+
10279
+ .m_h-1000px {
10280
+ height: 1000px;
10281
+ }
10282
+
10283
+ .m_hm-1000px {
10284
+ max-height: 1000px;
10285
+ }
10286
+
10287
+ .min-h-1000px {
10288
+ min-height: 1000px;
10289
+ }
10041
10290
 
10042
10291
  .m_layout-h-100 {
10043
10292
  height: 100vh;
@@ -10976,277 +11225,287 @@ to {
10976
11225
  input,
10977
11226
  textarea,
10978
11227
  select {
10979
- font-family: inherit;
10980
- width: 100%;
11228
+ font-family: inherit;
11229
+ width: 100%;
10981
11230
  }
10982
11231
  .bagel-input-error input,
10983
11232
  .bagel-input-error button,
10984
11233
  .bagel-input-error textarea {
10985
- outline: 1px solid var(--bgl-red);
11234
+ outline: 1px solid var(--bgl-red);
10986
11235
  }
10987
11236
  .bagel-input {
10988
- position: relative;
10989
- display: flex;
10990
- flex-direction: column;
10991
- text-align: start;
10992
- margin-bottom: 0.5rem;
10993
- width: 100%;
10994
- color: var(--bgl-text-color);
11237
+ position: relative;
11238
+ display: flex;
11239
+ flex-direction: column;
11240
+ text-align: start;
11241
+ margin-bottom: 0.5rem;
11242
+ width: 100%;
11243
+ color: var(--bgl-text-color);
10995
11244
  }
10996
11245
  .bagel-input::-webkit-input-placeholder .bagel-input label {
10997
- display: block;
10998
- font-size: var(--label-font-size);
10999
- margin-bottom: 2px;
11000
- line-height: 1.3;
11246
+ display: block;
11247
+ font-size: var(--label-font-size);
11248
+ margin-bottom: 2px;
11249
+ line-height: 1.3;
11001
11250
  }
11002
11251
  .bagel-input::-moz-placeholder .bagel-input label {
11003
- display: block;
11004
- font-size: var(--label-font-size);
11005
- margin-bottom: 2px;
11006
- line-height: 1.3;
11252
+ display: block;
11253
+ font-size: var(--label-font-size);
11254
+ margin-bottom: 2px;
11255
+ line-height: 1.3;
11007
11256
  }
11008
11257
  .bagel-input:-ms-input-placeholder .bagel-input label {
11009
- display: block;
11010
- font-size: var(--label-font-size);
11011
- margin-bottom: 2px;
11012
- line-height: 1.3;
11258
+ display: block;
11259
+ font-size: var(--label-font-size);
11260
+ margin-bottom: 2px;
11261
+ line-height: 1.3;
11013
11262
  }
11014
11263
  .bagel-input::-ms-input-placeholder .bagel-input label {
11015
- display: block;
11016
- font-size: var(--label-font-size);
11017
- margin-bottom: 2px;
11018
- line-height: 1.3;
11264
+ display: block;
11265
+ font-size: var(--label-font-size);
11266
+ margin-bottom: 2px;
11267
+ line-height: 1.3;
11019
11268
  }
11020
11269
  .bagel-input::placeholder .bagel-input label {
11021
- display: block;
11022
- font-size: var(--label-font-size);
11023
- margin-bottom: 2px;
11024
- line-height: 1.3;
11270
+ display: block;
11271
+ font-size: var(--label-font-size);
11272
+ margin-bottom: 2px;
11273
+ line-height: 1.3;
11025
11274
  }
11026
11275
  .bagel-input::-webkit-input-placeholder {
11027
- color: var(--placeholder-color);
11276
+ color: var(--placeholder-color);
11028
11277
  }
11029
11278
  .bagel-input::-moz-placeholder {
11030
- color: var(--placeholder-color);
11279
+ color: var(--placeholder-color);
11031
11280
  }
11032
11281
  .bagel-input:-ms-input-placeholder {
11033
- color: var(--placeholder-color);
11282
+ color: var(--placeholder-color);
11034
11283
  }
11035
11284
  .bagel-input::-ms-input-placeholder {
11036
- color: var(--placeholder-color);
11285
+ color: var(--placeholder-color);
11037
11286
  }
11038
11287
  .bagel-input::placeholder {
11039
- color: var(--placeholder-color);
11288
+ color: var(--placeholder-color);
11040
11289
  }
11041
11290
  .bagel-input label {
11042
- color: var(--label-color);
11291
+ color: var(--label-color);
11043
11292
  }
11044
11293
  .bagel-input input,
11045
11294
  .bagel-input select,
11046
11295
  .custom-select .input {
11047
- height: var(--input-height);
11048
- font-size: var(--input-font-size);
11296
+ height: var(--input-height);
11297
+ font-size: var(--input-font-size);
11049
11298
  }
11050
11299
  .bagel-input input,
11051
11300
  .bagel-input textarea,
11052
11301
  .bagel-input select,
11053
11302
  .custom-select .input {
11054
- background: var(--input-bg);
11055
- border: none;
11056
- padding: 0.7rem;
11057
- border-radius: var(--input-border-radius);
11058
- color: var(--input-color);
11059
- min-width: calc(var(--input-height) * 3);
11060
- width: 100%;
11303
+ background: var(--input-bg);
11304
+ border: none;
11305
+ padding: 0.7rem;
11306
+ border-radius: var(--input-border-radius);
11307
+ color: var(--input-color);
11308
+ min-width: calc(var(--input-height) * 3);
11309
+ width: 100%;
11061
11310
  }
11062
11311
  .bagel-input input::-webkit-input-placeholder,
11063
11312
  .bagel-input textarea::-webkit-input-placeholder,
11064
11313
  .bagel-input select::-webkit-input-placeholder,
11065
11314
  .custom-select .input::-webkit-input-placeholder {
11066
- color: var(--placeholder-color);
11315
+ color: var(--placeholder-color);
11067
11316
  }
11068
11317
  .bagel-input input::-moz-placeholder,
11069
11318
  .bagel-input textarea::-moz-placeholder,
11070
11319
  .bagel-input select::-moz-placeholder,
11071
11320
  .custom-select .input::-moz-placeholder {
11072
- color: var(--placeholder-color);
11321
+ color: var(--placeholder-color);
11073
11322
  }
11074
11323
  .bagel-input input:-ms-input-placeholder,
11075
11324
  .bagel-input textarea:-ms-input-placeholder,
11076
11325
  .bagel-input select:-ms-input-placeholder,
11077
11326
  .custom-select .input:-ms-input-placeholder {
11078
- color: var(--placeholder-color);
11327
+ color: var(--placeholder-color);
11079
11328
  }
11080
11329
  .bagel-input input::-ms-input-placeholder,
11081
11330
  .bagel-input textarea::-ms-input-placeholder,
11082
11331
  .bagel-input select::-ms-input-placeholder,
11083
11332
  .custom-select .input::-ms-input-placeholder {
11084
- color: var(--placeholder-color);
11333
+ color: var(--placeholder-color);
11085
11334
  }
11086
11335
  .bagel-input input::placeholder,
11087
11336
  .bagel-input textarea::placeholder,
11088
11337
  .bagel-input select::placeholder,
11089
11338
  .custom-select .input::placeholder {
11090
- color: var(--placeholder-color);
11339
+ color: var(--placeholder-color);
11091
11340
  }
11092
11341
  .bagel-input.search-wrap {
11093
- display: flex;
11094
- flex-direction: row;
11095
- align-items: center;
11342
+ display: flex;
11343
+ flex-direction: row;
11344
+ align-items: center;
11096
11345
  }
11097
11346
  .bagel-input.search-wrap input {
11098
- -webkit-padding-end: 2rem;
11099
- padding-inline-end: 2rem;
11347
+ -webkit-padding-end: 2rem;
11348
+ padding-inline-end: 2rem;
11100
11349
  }
11101
11350
  .bagel-input.search-wrap .bgl_icon-font {
11102
- -webkit-margin-start: -1.75rem;
11103
- margin-inline-start: -1.75rem;
11351
+ -webkit-margin-start: -1.75rem;
11352
+ margin-inline-start: -1.75rem;
11104
11353
  }
11105
11354
  .bagel-input select {
11106
- height: var(--input-height);
11355
+ height: var(--input-height);
11107
11356
  }
11108
11357
  .bagel-input textarea {
11109
- resize: vertical;
11110
- min-height: calc(var(--input-height) * 3);
11111
- line-height: 1.5;
11358
+ resize: vertical;
11359
+ min-height: calc(var(--input-height) * 3);
11360
+ line-height: 1.5;
11112
11361
  }
11113
11362
  .bagel-input.wider input {
11114
- min-width: 320px;
11363
+ min-width: 320px;
11115
11364
  }
11116
- .bagel-input input[type="radio"] {
11117
- padding: 0;
11118
- width: -webkit-fit-content;
11119
- width: -moz-fit-content;
11120
- width: fit-content;
11365
+ .bagel-input input[type='radio'] {
11366
+ padding: 0;
11367
+ width: -webkit-fit-content;
11368
+ width: -moz-fit-content;
11369
+ width: fit-content;
11121
11370
  }
11122
11371
  .bagel-input:focus-within label {
11123
- color: var(--bgl-primary);
11372
+ color: var(--bgl-primary);
11124
11373
  }
11125
11374
  .bagel-input select.no-edit,
11126
11375
  .bagel-input input.no-edit,
11127
11376
  .bagel-input textarea.no-edit,
11128
11377
  .bagel-input .switch.no-edit {
11129
- pointer-events: none;
11130
- outline: none;
11131
- opacity: .7;
11378
+ pointer-events: none;
11379
+ outline: none;
11380
+ opacity: 0.7;
11132
11381
  }
11133
11382
  .bagel-input label.active {
11134
- color: var(--bgl-primary);
11383
+ color: var(--bgl-primary);
11135
11384
  }
11136
11385
  .inline-80 {
11137
- display: inline-block;
11138
- width: 80%;
11386
+ display: inline-block;
11387
+ width: 80%;
11139
11388
  }
11140
11389
  .inline-20 {
11141
- display: inline-block;
11142
- width: 20%;
11390
+ display: inline-block;
11391
+ width: 20%;
11143
11392
  }
11144
11393
  .inline-10 {
11145
- display: inline-block;
11146
- width: 20%;
11394
+ display: inline-block;
11395
+ width: 20%;
11147
11396
  }
11148
11397
  .inline-50 {
11149
- display: inline-block;
11150
- width: 49%;
11151
- margin: 0 0.5%;
11398
+ display: inline-block;
11399
+ width: 49%;
11400
+ margin: 0 0.5%;
11152
11401
  }
11153
11402
  .custom-select .input {
11154
- height: var(--input-height);
11155
- font-size: var(--input-font-size);
11403
+ height: var(--input-height);
11404
+ font-size: var(--input-font-size);
11156
11405
  }
11157
11406
  .custom-select .input {
11158
- background: var(--input-bg);
11159
- border: none;
11160
- padding: 0.7rem;
11161
- border-radius: var(--input-border-radius);
11162
- color: var(--input-color);
11163
- min-width: calc(var(--input-height) * 3);
11164
- width: 100%;
11407
+ background: var(--input-bg);
11408
+ border: none;
11409
+ padding: 0.7rem;
11410
+ border-radius: var(--input-border-radius);
11411
+ color: var(--input-color);
11412
+ min-width: calc(var(--input-height) * 3);
11413
+ width: 100%;
11165
11414
  }
11166
- [dir='rtl'] .bagel-input input[type="email"],
11167
- [dir='rtl'] .tel-input input[type="tel"] {
11168
- direction: ltr;
11169
- text-align: right;
11415
+ [dir='rtl'] .bagel-input input[type='email'],
11416
+ [dir='rtl'] .tel-input input[type='tel'] {
11417
+ direction: ltr;
11418
+ text-align: right;
11170
11419
  }
11171
11420
  .input.active .bagel-input input:focus-visible,
11172
11421
  .bagel-input select:focus-visible,
11173
11422
  .bagel-input textarea:focus-visible,
11174
11423
  .bagel-input button:focus-visible,
11175
11424
  .bgl_btn:focus-visible {
11176
- outline-color: var(--bgl-primary-tint);
11177
- box-shadow: inset 0 0 10px #00000012;
11425
+ outline-color: var(--bgl-primary-tint);
11426
+ box-shadow: inset 0 0 10px #00000012;
11178
11427
  }
11179
11428
  .bagel-input input:focus,
11180
11429
  .bagel-input select:focus,
11181
11430
  .bagel-input textarea:focus,
11182
11431
  .bagel-input .bgl_btn:focus,
11183
11432
  .bagel-input button:focus {
11184
- outline-color: rgba(0, 0, 0, 0.05);
11185
- box-shadow: inset 0 0 10px #00000021;
11186
- outline-color: var(--input-bg);
11187
-
11433
+ outline-color: rgba(0, 0, 0, 0.05);
11434
+ box-shadow: inset 0 0 10px #00000021;
11435
+ outline-color: var(--input-bg);
11188
11436
  }
11189
11437
  .bagel-input.light-input input,
11190
11438
  .bagel-input.light-input textarea,
11191
11439
  .bagel-input.light-input select,
11192
11440
  .custom-select.light-input .input,
11193
11441
  .light-input .selectinput-btn {
11194
- background: var(--bgl-popup-bg) !important;
11195
- box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
11196
- outline: 1px solid var(--border-color) !important;
11442
+ background: var(--bgl-popup-bg) !important;
11443
+ box-shadow:
11444
+ 0 1px 5px 0 rgba(0, 0, 0, 0.1),
11445
+ 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
11446
+ outline: 1px solid var(--border-color) !important;
11197
11447
  }
11198
11448
  .input.active.light-input,
11199
11449
  .bagel-input.light-input input:focus-visible,
11200
11450
  .bagel-input.light-input select:focus-visible,
11201
11451
  .bagel-input.light-input textarea:focus-visible {
11202
- box-shadow: inset 0 0 2px var(--bgl-popup-text) !important;
11452
+ box-shadow: inset 0 0 2px var(--bgl-popup-text) !important;
11203
11453
  }
11204
- .bagel-input input[type="number"]-webkit-inner-spin-button,
11205
- .bagel-input input[type="number"]::-webkit-outer-spin-button {
11206
- -webkit-appearance: none;
11454
+ .bagel-input input[type='number']-webkit-inner-spin-button,
11455
+ .bagel-input input[type='number']::-webkit-outer-spin-button {
11456
+ -webkit-appearance: none;
11207
11457
  }
11208
11458
  .label-count-0 label {
11209
- display: none;
11459
+ display: none;
11210
11460
  }
11211
11461
  .label-count-0 button.bgl_btn.bgl_flatBtn {
11212
- margin-right: 5px;
11462
+ margin-right: 5px;
11213
11463
  }
11214
11464
  .label-count-0 button.bgl_btn.bgl_flatBtn:hover {
11215
- background: var(--bgl-hover-filter);
11465
+ background: var(--bgl-hover-filter);
11216
11466
  }
11217
- .bagel-input input[type="color"] {
11218
- padding: 0.025rem 0.05rem;
11219
- display: block;
11220
- width: var(--input-height);
11221
- height: var(--input-height);
11222
- border: none;
11223
- -webkit-appearance: none;
11224
- -moz-appearance: none;
11225
- appearance: none;
11226
- cursor: pointer;
11467
+ .bagel-input input[type='color'] {
11468
+ padding: 0.025rem 0.05rem;
11469
+ display: block;
11470
+ width: var(--input-height);
11471
+ height: var(--input-height);
11472
+ border: none;
11473
+ -webkit-appearance: none;
11474
+ -moz-appearance: none;
11475
+ appearance: none;
11476
+ cursor: pointer;
11227
11477
  }
11228
- .bagel-input input[type="color"]::-webkit-color-swatch {
11229
- border-radius: var(--input-border-radius);
11230
- border: none;
11231
- -webkit-transition: box-shadow 200ms ease;
11232
- transition: box-shadow 200ms ease;
11478
+ .bagel-input input[type='color']::-webkit-color-swatch {
11479
+ border-radius: var(--input-border-radius);
11480
+ border: none;
11481
+ -webkit-transition: box-shadow 200ms ease;
11482
+ transition: box-shadow 200ms ease;
11233
11483
  }
11234
- .bagel-input input[type="color"]::-moz-color-swatch {
11235
- border-radius: var(--input-border-radius);
11236
- border: none;
11237
- -moz-transition: box-shadow 200ms ease;
11238
- transition: box-shadow 200ms ease;
11484
+ .bagel-input input[type='color']::-moz-color-swatch {
11485
+ border-radius: var(--input-border-radius);
11486
+ border: none;
11487
+ -moz-transition: box-shadow 200ms ease;
11488
+ transition: box-shadow 200ms ease;
11239
11489
  }
11240
- .bagel-input input[type="color"]::-webkit-color-swatch:hover {
11241
- box-shadow: inset 0 0 10px #00000050;
11490
+ .bagel-input input[type='color']::-webkit-color-swatch:hover {
11491
+ box-shadow: inset 0 0 10px #00000050;
11242
11492
  }
11243
- .bagel-input input[type="color"]::-moz-color-swatch:hover {
11244
- box-shadow: inset 0 0 10px #00000050;
11493
+ .bagel-input input[type='color']::-moz-color-swatch:hover {
11494
+ box-shadow: inset 0 0 10px #00000050;
11245
11495
  }
11246
11496
  @media screen and (max-width: 910px) {
11247
- .bagel-input.wider input {
11248
- min-width: 120px;
11249
- }
11497
+ .bagel-input.wider input {
11498
+ min-width: 120px;
11499
+ }
11500
+ }
11501
+ .pixel {
11502
+ width: 0 !important;
11503
+ height: 0 !important;
11504
+ overflow: hidden !important;
11505
+ outline: none !important;
11506
+ position: absolute !important;
11507
+ bottom: 0 !important;
11508
+ left: 50% !important;
11250
11509
  }
11251
11510
  .bgl_btn,
11252
11511
  .bgl_flatBtn,