@bagelink/vue 1.0.30 → 1.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/components/DataPreview.vue.d.ts.map +1 -1
  2. package/dist/components/DataTable/DataTable.vue.d.ts +8 -3
  3. package/dist/components/DataTable/DataTable.vue.d.ts.map +1 -1
  4. package/dist/components/DataTable/useTableData.d.ts +7 -1
  5. package/dist/components/DataTable/useTableData.d.ts.map +1 -1
  6. package/dist/components/DataTable/useTableSelection.d.ts +4 -1
  7. package/dist/components/DataTable/useTableSelection.d.ts.map +1 -1
  8. package/dist/components/DataTable/useTableVirtualization.d.ts.map +1 -1
  9. package/dist/components/form/BagelForm.vue.d.ts.map +1 -1
  10. package/dist/components/form/FieldArray.vue.d.ts.map +1 -1
  11. package/dist/components/form/inputs/RadioPillsInput.vue.d.ts.map +1 -1
  12. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  13. package/dist/index.cjs +194 -107
  14. package/dist/index.mjs +194 -107
  15. package/dist/style.css +487 -68
  16. package/dist/types/BagelForm.d.ts +1 -1
  17. package/dist/types/BagelForm.d.ts.map +1 -1
  18. package/dist/types/index.d.ts +1 -1
  19. package/dist/types/index.d.ts.map +1 -1
  20. package/package.json +1 -1
  21. package/src/components/DataPreview.vue +30 -4
  22. package/src/components/DataTable/DataTable.vue +13 -18
  23. package/src/components/DataTable/useTableData.ts +76 -10
  24. package/src/components/DataTable/useTableSelection.ts +17 -3
  25. package/src/components/DataTable/useTableVirtualization.ts +11 -2
  26. package/src/components/form/FieldArray.vue +44 -5
  27. package/src/components/form/inputs/RadioPillsInput.vue +2 -0
  28. package/src/components/form/inputs/SelectInput.vue +2 -0
  29. package/src/components/layout/BottomMenu.vue +1 -1
  30. package/src/styles/layout.css +240 -0
  31. package/src/styles/mobilLayout.css +240 -0
  32. package/src/types/BagelForm.ts +1 -0
  33. package/src/types/index.ts +1 -0
package/dist/style.css CHANGED
@@ -995,42 +995,48 @@ display: block;
995
995
  }
996
996
  }
997
997
 
998
- .data-preview[data-v-88ed9d8d] {
998
+ .data-preview[data-v-4cd3d931] {
999
999
  display: flex;
1000
1000
  flex-direction: column;
1001
1001
  gap: 0.5rem;
1002
1002
  }
1003
- .preview-field[data-v-88ed9d8d] {
1003
+ .preview-field[data-v-4cd3d931] {
1004
1004
  display: flex;
1005
1005
  flex-direction: row;
1006
1006
  align-items: center;
1007
1007
  gap: 0.5rem;
1008
1008
  }
1009
- .field-label[data-v-88ed9d8d] {
1009
+ .field-label[data-v-4cd3d931] {
1010
1010
  font-size: 0.8rem;
1011
1011
  color: var(--bgl-black-tint);
1012
1012
  font-weight: 500;
1013
1013
  }
1014
- .field-value[data-v-88ed9d8d] {
1014
+ .field-value[data-v-4cd3d931] {
1015
1015
  font-size: 0.95rem;
1016
1016
  }
1017
+ .empty-preview[data-v-4cd3d931] {
1018
+ font-size: 0.9rem;
1019
+ color: var(--bgl-black-tint);
1020
+ padding: 1rem 0;
1021
+ text-align: center;
1022
+ }
1017
1023
 
1018
- .table-list-wrap[data-v-c730b48b] {
1024
+ .table-list-wrap[data-v-43f28baa] {
1019
1025
  min-height: 150px;
1020
1026
  }
1021
- .selected[data-v-c730b48b] {
1027
+ .selected[data-v-43f28baa] {
1022
1028
  background: var(--bgl-primary-tint);
1023
1029
  }
1024
- tbody tr.selected[data-v-c730b48b]:hover {
1030
+ tbody tr.selected[data-v-43f28baa]:hover {
1025
1031
  background: var(--bgl-primary-light);
1026
1032
  }
1027
- .loading-table[data-v-c730b48b] {
1033
+ .loading-table[data-v-43f28baa] {
1028
1034
  position: relative;
1029
1035
  }
1030
- .inset[data-v-c730b48b] {
1036
+ .inset[data-v-43f28baa] {
1031
1037
  inset: 0;
1032
1038
  }
1033
- .loading-table-animation[data-v-c730b48b] {
1039
+ .loading-table-animation[data-v-43f28baa] {
1034
1040
  --size: 60px;
1035
1041
  top: 30vh;
1036
1042
  inset-inline-start: calc(50% - var(--size));
@@ -1038,9 +1044,9 @@ tbody tr.selected[data-v-c730b48b]:hover {
1038
1044
  border-top: 4px solid var(--bgl-primary);
1039
1045
  width: var(--size);
1040
1046
  height: var(--size);
1041
- animation: loading-table-c730b48b 1s linear infinite;
1047
+ animation: loading-table-43f28baa 1s linear infinite;
1042
1048
  }
1043
- @keyframes loading-table-c730b48b {
1049
+ @keyframes loading-table-43f28baa {
1044
1050
  0% {
1045
1051
  transform: translate(-50%, -50%) rotate(0deg);
1046
1052
  }
@@ -1048,55 +1054,55 @@ tbody tr.selected[data-v-c730b48b]:hover {
1048
1054
  transform: translate(-50%, -50%) rotate(360deg);
1049
1055
  }
1050
1056
  }
1051
- .list-arrows[data-v-c730b48b] {
1057
+ .list-arrows[data-v-43f28baa] {
1052
1058
  opacity: 0;
1053
1059
  }
1054
- .list-arrows .bgl_icon-font[data-v-c730b48b] {
1060
+ .list-arrows .bgl_icon-font[data-v-43f28baa] {
1055
1061
  transition: all ease-in-out 0.2s;
1056
1062
  }
1057
- .list-arrows.sorted[data-v-c730b48b] {
1063
+ .list-arrows.sorted[data-v-43f28baa] {
1058
1064
  opacity: 1;
1059
1065
  }
1060
- .col img[data-v-c730b48b] {
1066
+ .col img[data-v-43f28baa] {
1061
1067
  height: 35px;
1062
1068
  margin-top: -14px;
1063
1069
  margin-bottom: -14px;
1064
1070
  border-radius: 5px;
1065
1071
  object-fit: cover;
1066
1072
  }
1067
- .col[data-v-c730b48b]:has(img) {
1073
+ .col[data-v-43f28baa]:has(img) {
1068
1074
  padding-inline-end: 0.5rem;
1069
1075
  }
1070
- .list-arrows.sorted .desc[data-v-c730b48b] {
1076
+ .list-arrows.sorted .desc[data-v-43f28baa] {
1071
1077
  transform: rotate(180deg);
1072
1078
  display: inline-block;
1073
1079
  }
1074
- table[data-v-c730b48b] {
1080
+ table[data-v-43f28baa] {
1075
1081
  border-spacing: 0 15px;
1076
1082
  border-collapse: collapse;
1077
1083
  width: 100%;
1078
1084
  }
1079
- th[data-v-c730b48b] {
1085
+ th[data-v-43f28baa] {
1080
1086
  font-size: 0.8rem;
1081
1087
  color: var(--bgl-black-tint);
1082
1088
  position: sticky;
1083
1089
  top: 0;
1084
1090
  z-index: 2;
1085
1091
  background: var(--bgl-box-bg);
1086
- height: var(--53d3340a);
1092
+ height: var(--31aad8d2);
1087
1093
  vertical-align: bottom;
1088
1094
  font-weight: 400;
1089
1095
  text-align: start;
1090
1096
  }
1091
- .embedded-field[data-v-c730b48b] {
1097
+ .embedded-field[data-v-43f28baa] {
1092
1098
  margin-bottom: -0.2rem;
1093
1099
  margin-top: -0.2rem;
1094
1100
  }
1095
- .row[data-v-c730b48b] {
1101
+ .row[data-v-43f28baa] {
1096
1102
  border-bottom: 1px solid var(--border-color);
1097
1103
  cursor: pointer;
1098
1104
  }
1099
- .row.first-row[data-v-c730b48b] {
1105
+ .row.first-row[data-v-43f28baa] {
1100
1106
  font-size: 0.8rem;
1101
1107
  color: var(--bgl-black-tint);
1102
1108
  position: sticky;
@@ -1105,7 +1111,7 @@ th[data-v-c730b48b] {
1105
1111
  background: var(--bgl-box-bg);
1106
1112
  vertical-align: bottom;
1107
1113
  }
1108
- .row.first-row[data-v-c730b48b]::after {
1114
+ .row.first-row[data-v-43f28baa]::after {
1109
1115
  content: '';
1110
1116
  border-bottom: 1px solid var(--border-color);
1111
1117
  position: absolute;
@@ -1113,11 +1119,11 @@ th[data-v-c730b48b] {
1113
1119
  right: 0;
1114
1120
  bottom: -1px;
1115
1121
  }
1116
- .first-row .col[data-v-c730b48b] {
1122
+ .first-row .col[data-v-43f28baa] {
1117
1123
  cursor: pointer;
1118
1124
  background: var(--bgl-box-bg);
1119
1125
  }
1120
- .col[data-v-c730b48b] {
1126
+ .col[data-v-43f28baa] {
1121
1127
  white-space: nowrap;
1122
1128
  padding: 0.75rem 1rem;
1123
1129
  transition: var(--bgl-transition);
@@ -1127,19 +1133,19 @@ th[data-v-c730b48b] {
1127
1133
  overflow: hidden;
1128
1134
  max-width: 30vw;
1129
1135
  }
1130
- .col[data-v-c730b48b]:has(.bagel-input) {
1136
+ .col[data-v-43f28baa]:has(.bagel-input) {
1131
1137
  padding: 0rem 0.25rem;
1132
1138
  }
1133
- .col > div[data-v-c730b48b] {
1139
+ .col > div[data-v-43f28baa] {
1134
1140
  display: flex;
1135
1141
  gap: 0.5rem;
1136
1142
  }
1137
- .max-col-width[data-v-c730b48b] {
1143
+ .max-col-width[data-v-43f28baa] {
1138
1144
  max-width: 30vw;
1139
1145
  overflow: hidden;
1140
1146
  text-overflow: ellipsis;
1141
1147
  }
1142
- .col.check .bgl_icon-font[data-v-c730b48b] {
1148
+ .col.check .bgl_icon-font[data-v-43f28baa] {
1143
1149
  border-radius: 100%;
1144
1150
  background: var(--bgl-blue-20);
1145
1151
  color: var(--bgl-primary);
@@ -1150,35 +1156,35 @@ th[data-v-c730b48b] {
1150
1156
  justify-content: center;
1151
1157
  margin-top: -2px;
1152
1158
  }
1153
- .rows[data-v-c730b48b] {
1159
+ .rows[data-v-43f28baa] {
1154
1160
  font-size: 0.88em;
1155
1161
  }
1156
- .table-list[data-v-c730b48b] {
1162
+ .table-list[data-v-43f28baa] {
1157
1163
  height: 100%;
1158
1164
  position: relative;
1159
1165
  padding-left: 0 !important;
1160
1166
  padding-right: 0 !important;
1161
1167
  overflow: auto;
1162
1168
  }
1163
- .BagelTable .table-list[data-v-c730b48b] {
1169
+ .BagelTable .table-list[data-v-43f28baa] {
1164
1170
  overflow: unset;
1165
1171
  }
1166
- .row-item[data-v-c730b48b] {
1167
- height: var(--53d3340a);
1172
+ .row-item[data-v-43f28baa] {
1173
+ height: var(--31aad8d2);
1168
1174
  transition: all 200ms ease;
1169
1175
  }
1170
- .row-item[data-v-c730b48b]:hover {
1176
+ .row-item[data-v-43f28baa]:hover {
1171
1177
  background: var(--bgl-gray-light);
1172
1178
  }
1173
- .row-item input[type='checkbox'][data-v-c730b48b] {
1179
+ .row-item input[type='checkbox'][data-v-43f28baa] {
1174
1180
  margin-top: 0.45rem !important;
1175
1181
  accent-color: var(--bgl-accent-color);
1176
1182
  }
1177
- .infinite-wrapper[data-v-c730b48b] {
1183
+ .infinite-wrapper[data-v-43f28baa] {
1178
1184
  overflow-y: auto;
1179
1185
  width: 100%;
1180
1186
  }
1181
- input[type='checkbox'][data-v-c730b48b] {
1187
+ input[type='checkbox'][data-v-43f28baa] {
1182
1188
  margin-top: 0.3rem !important;
1183
1189
  accent-color: var(--bgl-accent-color);
1184
1190
  transform: scale(1.2);
@@ -1190,7 +1196,7 @@ input[type='checkbox'][data-v-c730b48b] {
1190
1196
  height: 0.85rem;
1191
1197
  width: 0.85rem;
1192
1198
  }
1193
- input[type='checkbox'][data-v-c730b48b]::before {
1199
+ input[type='checkbox'][data-v-43f28baa]::before {
1194
1200
  content: '';
1195
1201
  height: 0.85rem;
1196
1202
  width: 0.85rem;
@@ -1203,18 +1209,18 @@ input[type='checkbox'][data-v-c730b48b]::before {
1203
1209
  transform: scale(1);
1204
1210
  position: absolute;
1205
1211
  }
1206
- input[type='checkbox'][data-v-c730b48b]:hover::before {
1212
+ input[type='checkbox'][data-v-43f28baa]:hover::before {
1207
1213
  opacity: 0.2;
1208
1214
  transform: scale(2);
1209
1215
  }
1210
- [lang='he'] [dir='ltr'][data-v-c730b48b] {
1216
+ [lang='he'] [dir='ltr'][data-v-43f28baa] {
1211
1217
  text-align: right;
1212
1218
  }
1213
- th input[type='checkbox'][data-v-c730b48b] {
1219
+ th input[type='checkbox'][data-v-43f28baa] {
1214
1220
  transform: translateY(0.2rem) scale(1.2);
1215
1221
  accent-color: var(--bgl-accent-color);
1216
1222
  }
1217
- th[data-v-c730b48b]::after {
1223
+ th[data-v-43f28baa]::after {
1218
1224
  content: '';
1219
1225
  border-bottom: 1px solid var(--border-color);
1220
1226
  position: absolute;
@@ -1222,24 +1228,24 @@ th[data-v-c730b48b]::after {
1222
1228
  right: 0;
1223
1229
  bottom: -1px;
1224
1230
  }
1225
- tr[data-v-c730b48b] {
1231
+ tr[data-v-43f28baa] {
1226
1232
  border-bottom: 1px solid var(--border-color);
1227
1233
  cursor: pointer;
1228
1234
  align-items: center;
1229
1235
  }
1230
- td[data-v-c730b48b],
1231
- th[data-v-c730b48b] {
1236
+ td[data-v-43f28baa],
1237
+ th[data-v-43f28baa] {
1232
1238
  white-space: nowrap;
1233
1239
  padding: 0.75rem 0.65rem;
1234
1240
  transition: var(--bgl-transition);
1235
1241
  line-height: 1;
1236
1242
  }
1237
- tbody tr[data-v-c730b48b] {
1243
+ tbody tr[data-v-43f28baa] {
1238
1244
  font-size: 0.88em;
1239
- height: var(--53d3340a);
1245
+ height: var(--31aad8d2);
1240
1246
  transition: all 200ms ease;
1241
1247
  }
1242
- tbody tr[data-v-c730b48b]:hover {
1248
+ tbody tr[data-v-43f28baa]:hover {
1243
1249
  background: var(--bgl-gray-light);
1244
1250
  }
1245
1251
 
@@ -1268,6 +1274,19 @@ fieldset[data-v-f7e758e5] {
1268
1274
  .fi[data-v-f99f1900]:before{ content:" "
1269
1275
  }
1270
1276
 
1277
+ .minimized{
1278
+ height: 2.4rem;
1279
+ overflow: hidden;
1280
+ }
1281
+ .minimizedText{
1282
+ display: none;
1283
+ }
1284
+ .minimized .minimizedText{
1285
+ display: block;
1286
+ }
1287
+ .minimized .rotate-180{
1288
+ transform: rotate(0deg);
1289
+ }
1271
1290
  .itemBox{
1272
1291
  background: var(--input-bg);
1273
1292
  grid-template-columns: 1fr auto;
@@ -1955,7 +1974,7 @@ pre code.hljs{
1955
1974
  accent-color: var(--bgl-red);
1956
1975
  }
1957
1976
 
1958
- .radio-pill label[data-v-cf892d71] {
1977
+ .radio-pill label[data-v-68b4cdd0] {
1959
1978
  color: var(--bgl-primary);
1960
1979
  white-space: nowrap;
1961
1980
  border-radius: calc(var(--btn-border-radius) * 2);
@@ -1969,13 +1988,13 @@ pre code.hljs{
1969
1988
  background: var(--bgl-light-text);
1970
1989
  user-select: none;
1971
1990
  }
1972
- .radio-pill label[data-v-cf892d71]:hover {
1991
+ .radio-pill label[data-v-68b4cdd0]:hover {
1973
1992
  filter: var(--bgl-hover-filter);
1974
1993
  }
1975
- .radio-pill input[data-v-cf892d71] {
1994
+ .radio-pill input[data-v-68b4cdd0] {
1976
1995
  display: none;
1977
1996
  }
1978
- .radio-pill input:checked ~ label[data-v-cf892d71] {
1997
+ .radio-pill input:checked ~ label[data-v-68b4cdd0] {
1979
1998
  background: var(--bgl-primary);
1980
1999
  color: var(--bgl-light-text);
1981
2000
  }
@@ -2148,10 +2167,10 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2148
2167
  }
2149
2168
  .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}
2150
2169
 
2151
- .selectinput[data-v-44384e8f] {
2170
+ .selectinput[data-v-da5bc268] {
2152
2171
  width: 100%;
2153
2172
  }
2154
- .selectinput-option[data-v-44384e8f] {
2173
+ .selectinput-option[data-v-da5bc268] {
2155
2174
  padding: 6px 12px;
2156
2175
  cursor: pointer;
2157
2176
  border-radius: 5px;
@@ -2163,23 +2182,23 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2163
2182
  font-size: var(--input-font-size);
2164
2183
  margin-block: 0.15rem;
2165
2184
  }
2166
- .selectinput-option .bgl_icon-font[data-v-44384e8f]{
2185
+ .selectinput-option .bgl_icon-font[data-v-da5bc268]{
2167
2186
  line-height: normal;
2168
2187
  }
2169
- .selectinput-options.multiselect .selectinput-option[data-v-44384e8f] {
2188
+ .selectinput-options.multiselect .selectinput-option[data-v-da5bc268] {
2170
2189
  grid-template-columns: 10px 1fr;
2171
2190
  }
2172
- .selectinput-options[data-v-44384e8f] {
2191
+ .selectinput-options[data-v-da5bc268] {
2173
2192
  max-height: 300px;
2174
2193
  overflow-y: auto;
2175
2194
  }
2176
- .selectinput-option[data-v-44384e8f]:hover, .highlight[data-v-44384e8f] {
2195
+ .selectinput-option[data-v-da5bc268]:hover, .highlight[data-v-da5bc268] {
2177
2196
  background: var(--bgl-gray-20);
2178
2197
  }
2179
- .isEmpty p[data-v-44384e8f] {
2198
+ .isEmpty p[data-v-da5bc268] {
2180
2199
  opacity: 0.3;
2181
2200
  }
2182
- .selected[data-v-44384e8f]{
2201
+ .selected[data-v-da5bc268]{
2183
2202
  /* background: var(--bgl-primary-tint); */
2184
2203
  background: var(--bgl-selected);
2185
2204
  }
@@ -2789,7 +2808,7 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2789
2808
  gap: 0;
2790
2809
  }
2791
2810
 
2792
- .bgl_bottombar[data-v-fe3a895e] {
2811
+ .bgl_bottombar[data-v-2227f9cc] {
2793
2812
  background-color: var(--bgl-primary);
2794
2813
  color: var(--bgl-light-text);
2795
2814
  grid-template-columns: repeat(auto-fill, var(--bgl_bottombar-btn-width));
@@ -2798,16 +2817,16 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2798
2817
  padding: 0;
2799
2818
  --bgl_bottombar-btn-width: 62px;
2800
2819
  }
2801
- .bgl_bottombar[data-v-fe3a895e]>* {
2820
+ .bgl_bottombar[data-v-2227f9cc]>* {
2802
2821
  width: var(--bgl_bottombar-btn-width);
2803
2822
  }
2804
- .bgl_bottombar[data-v-fe3a895e]::-webkit-scrollbar {
2823
+ .bgl_bottombar[data-v-2227f9cc]::-webkit-scrollbar {
2805
2824
  display: none;
2806
2825
  }
2807
- .bgl_bottombar .nav-button[data-v-fe3a895e] {
2826
+ .bgl_bottombar .nav-button[data-v-2227f9cc] {
2808
2827
  border-radius: var(--card-border-radius);
2809
2828
  }
2810
- .bgl_bottombar .router-link-active[data-v-fe3a895e] {
2829
+ .bgl_bottombar .router-link-active[data-v-2227f9cc] {
2811
2830
  background: var(--bgl-popup-bg);
2812
2831
  color: var(--bgl-primary) !important;
2813
2832
  }
@@ -6501,6 +6520,26 @@ to {
6501
6520
  .h-min-200px,
6502
6521
  .min-h200px {
6503
6522
  min-height: 200px;
6523
+ }.h-250,
6524
+ .h250p,
6525
+ .h-250p {
6526
+ height: 250%;
6527
+ }.vh-250,
6528
+ .h-250vh,
6529
+ .h250vh {
6530
+ height: 250vh;
6531
+ }.h-250px,
6532
+ .h250px {
6533
+ height: 250px;
6534
+ }.hm-250px,
6535
+ .max-h-250px,
6536
+ .h-max-250px,
6537
+ .max-h250px {
6538
+ max-height: 250px;
6539
+ }.min-h-250px,
6540
+ .h-min-250px,
6541
+ .min-h250px {
6542
+ min-height: 250px;
6504
6543
  }.h-300,
6505
6544
  .h300p,
6506
6545
  .h-300p {
@@ -6521,6 +6560,26 @@ to {
6521
6560
  .h-min-300px,
6522
6561
  .min-h300px {
6523
6562
  min-height: 300px;
6563
+ }.h-350,
6564
+ .h350p,
6565
+ .h-350p {
6566
+ height: 350%;
6567
+ }.vh-350,
6568
+ .h-350vh,
6569
+ .h350vh {
6570
+ height: 350vh;
6571
+ }.h-350px,
6572
+ .h350px {
6573
+ height: 350px;
6574
+ }.hm-350px,
6575
+ .max-h-350px,
6576
+ .h-max-350px,
6577
+ .max-h350px {
6578
+ max-height: 350px;
6579
+ }.min-h-350px,
6580
+ .h-min-350px,
6581
+ .min-h350px {
6582
+ min-height: 350px;
6524
6583
  }.h-400,
6525
6584
  .h400p,
6526
6585
  .h-400p {
@@ -6541,6 +6600,26 @@ to {
6541
6600
  .h-min-400px,
6542
6601
  .min-h400px {
6543
6602
  min-height: 400px;
6603
+ }.h-450,
6604
+ .h450p,
6605
+ .h-450p {
6606
+ height: 450%;
6607
+ }.vh-450,
6608
+ .h-450vh,
6609
+ .h450vh {
6610
+ height: 450vh;
6611
+ }.h-450px,
6612
+ .h450px {
6613
+ height: 450px;
6614
+ }.hm-450px,
6615
+ .max-h-450px,
6616
+ .h-max-450px,
6617
+ .max-h450px {
6618
+ max-height: 450px;
6619
+ }.min-h-450px,
6620
+ .h-min-450px,
6621
+ .min-h450px {
6622
+ min-height: 450px;
6544
6623
  }.h-500,
6545
6624
  .h500p,
6546
6625
  .h-500p {
@@ -6561,6 +6640,26 @@ to {
6561
6640
  .h-min-500px,
6562
6641
  .min-h500px {
6563
6642
  min-height: 500px;
6643
+ }.h-550,
6644
+ .h550p,
6645
+ .h-550p {
6646
+ height: 550%;
6647
+ }.vh-550,
6648
+ .h-550vh,
6649
+ .h550vh {
6650
+ height: 550vh;
6651
+ }.h-550px,
6652
+ .h550px {
6653
+ height: 550px;
6654
+ }.hm-550px,
6655
+ .max-h-550px,
6656
+ .h-max-550px,
6657
+ .max-h550px {
6658
+ max-height: 550px;
6659
+ }.min-h-550px,
6660
+ .h-min-550px,
6661
+ .min-h550px {
6662
+ min-height: 550px;
6564
6663
  }.h-600,
6565
6664
  .h600p,
6566
6665
  .h-600p {
@@ -6581,6 +6680,26 @@ to {
6581
6680
  .h-min-600px,
6582
6681
  .min-h600px {
6583
6682
  min-height: 600px;
6683
+ }.h-650,
6684
+ .h650p,
6685
+ .h-650p {
6686
+ height: 650%;
6687
+ }.vh-650,
6688
+ .h-650vh,
6689
+ .h650vh {
6690
+ height: 650vh;
6691
+ }.h-650px,
6692
+ .h650px {
6693
+ height: 650px;
6694
+ }.hm-650px,
6695
+ .max-h-650px,
6696
+ .h-max-650px,
6697
+ .max-h650px {
6698
+ max-height: 650px;
6699
+ }.min-h-650px,
6700
+ .h-min-650px,
6701
+ .min-h650px {
6702
+ min-height: 650px;
6584
6703
  }.h-700,
6585
6704
  .h700p,
6586
6705
  .h-700p {
@@ -6601,6 +6720,26 @@ to {
6601
6720
  .h-min-700px,
6602
6721
  .min-h700px {
6603
6722
  min-height: 700px;
6723
+ }.h-750,
6724
+ .h750p,
6725
+ .h-750p {
6726
+ height: 750%;
6727
+ }.vh-750,
6728
+ .h-750vh,
6729
+ .h750vh {
6730
+ height: 750vh;
6731
+ }.h-750px,
6732
+ .h750px {
6733
+ height: 750px;
6734
+ }.hm-750px,
6735
+ .max-h-750px,
6736
+ .h-max-750px,
6737
+ .max-h750px {
6738
+ max-height: 750px;
6739
+ }.min-h-750px,
6740
+ .h-min-750px,
6741
+ .min-h750px {
6742
+ min-height: 750px;
6604
6743
  }.h-800,
6605
6744
  .h800p,
6606
6745
  .h-800p {
@@ -6621,6 +6760,26 @@ to {
6621
6760
  .h-min-800px,
6622
6761
  .min-h800px {
6623
6762
  min-height: 800px;
6763
+ }.h-850,
6764
+ .h850p,
6765
+ .h-850p {
6766
+ height: 850%;
6767
+ }.vh-850,
6768
+ .h-850vh,
6769
+ .h850vh {
6770
+ height: 850vh;
6771
+ }.h-850px,
6772
+ .h850px {
6773
+ height: 850px;
6774
+ }.hm-850px,
6775
+ .max-h-850px,
6776
+ .h-max-850px,
6777
+ .max-h850px {
6778
+ max-height: 850px;
6779
+ }.min-h-850px,
6780
+ .h-min-850px,
6781
+ .min-h850px {
6782
+ min-height: 850px;
6624
6783
  }.h-900,
6625
6784
  .h900p,
6626
6785
  .h-900p {
@@ -6641,6 +6800,26 @@ to {
6641
6800
  .h-min-900px,
6642
6801
  .min-h900px {
6643
6802
  min-height: 900px;
6803
+ }.h-950,
6804
+ .h950p,
6805
+ .h-950p {
6806
+ height: 950%;
6807
+ }.vh-950,
6808
+ .h-950vh,
6809
+ .h950vh {
6810
+ height: 950vh;
6811
+ }.h-950px,
6812
+ .h950px {
6813
+ height: 950px;
6814
+ }.hm-950px,
6815
+ .max-h-950px,
6816
+ .h-max-950px,
6817
+ .max-h950px {
6818
+ max-height: 950px;
6819
+ }.min-h-950px,
6820
+ .h-min-950px,
6821
+ .min-h950px {
6822
+ min-height: 950px;
6644
6823
  }.h-1000,
6645
6824
  .h1000p,
6646
6825
  .h-1000p {
@@ -10387,6 +10566,36 @@ to {
10387
10566
  min-height: 200px;
10388
10567
  }
10389
10568
 
10569
+ .m_h-250,
10570
+ .m_h250p,
10571
+ .m_h-250p {
10572
+ height: 250%;
10573
+ }
10574
+
10575
+ .m_vh-250,
10576
+ .m_h-250vh,
10577
+ .m_h250vh {
10578
+ height: 250vh;
10579
+ }
10580
+
10581
+ .m_h-250px,
10582
+ .m_h250px {
10583
+ height: 250px;
10584
+ }
10585
+
10586
+ .m_hm-250px,
10587
+ .m_max-h-250px,
10588
+ .m_h-max-250px,
10589
+ .m_max-h250px {
10590
+ max-height: 250px;
10591
+ }
10592
+
10593
+ .m_min-h-250px,
10594
+ .m_h-min-250px,
10595
+ .m_min-h250px {
10596
+ min-height: 250px;
10597
+ }
10598
+
10390
10599
  .m_h-300,
10391
10600
  .m_h300p,
10392
10601
  .m_h-300p {
@@ -10417,6 +10626,36 @@ to {
10417
10626
  min-height: 300px;
10418
10627
  }
10419
10628
 
10629
+ .m_h-350,
10630
+ .m_h350p,
10631
+ .m_h-350p {
10632
+ height: 350%;
10633
+ }
10634
+
10635
+ .m_vh-350,
10636
+ .m_h-350vh,
10637
+ .m_h350vh {
10638
+ height: 350vh;
10639
+ }
10640
+
10641
+ .m_h-350px,
10642
+ .m_h350px {
10643
+ height: 350px;
10644
+ }
10645
+
10646
+ .m_hm-350px,
10647
+ .m_max-h-350px,
10648
+ .m_h-max-350px,
10649
+ .m_max-h350px {
10650
+ max-height: 350px;
10651
+ }
10652
+
10653
+ .m_min-h-350px,
10654
+ .m_h-min-350px,
10655
+ .m_min-h350px {
10656
+ min-height: 350px;
10657
+ }
10658
+
10420
10659
  .m_h-400,
10421
10660
  .m_h400p,
10422
10661
  .m_h-400p {
@@ -10447,6 +10686,36 @@ to {
10447
10686
  min-height: 400px;
10448
10687
  }
10449
10688
 
10689
+ .m_h-450,
10690
+ .m_h450p,
10691
+ .m_h-450p {
10692
+ height: 450%;
10693
+ }
10694
+
10695
+ .m_vh-450,
10696
+ .m_h-450vh,
10697
+ .m_h450vh {
10698
+ height: 450vh;
10699
+ }
10700
+
10701
+ .m_h-450px,
10702
+ .m_h450px {
10703
+ height: 450px;
10704
+ }
10705
+
10706
+ .m_hm-450px,
10707
+ .m_max-h-450px,
10708
+ .m_h-max-450px,
10709
+ .m_max-h450px {
10710
+ max-height: 450px;
10711
+ }
10712
+
10713
+ .m_min-h-450px,
10714
+ .m_h-min-450px,
10715
+ .m_min-h450px {
10716
+ min-height: 450px;
10717
+ }
10718
+
10450
10719
  .m_h-500,
10451
10720
  .m_h500p,
10452
10721
  .m_h-500p {
@@ -10477,6 +10746,36 @@ to {
10477
10746
  min-height: 500px;
10478
10747
  }
10479
10748
 
10749
+ .m_h-550,
10750
+ .m_h550p,
10751
+ .m_h-550p {
10752
+ height: 550%;
10753
+ }
10754
+
10755
+ .m_vh-550,
10756
+ .m_h-550vh,
10757
+ .m_h550vh {
10758
+ height: 550vh;
10759
+ }
10760
+
10761
+ .m_h-550px,
10762
+ .m_h550px {
10763
+ height: 550px;
10764
+ }
10765
+
10766
+ .m_hm-550px,
10767
+ .m_max-h-550px,
10768
+ .m_h-max-550px,
10769
+ .m_max-h550px {
10770
+ max-height: 550px;
10771
+ }
10772
+
10773
+ .m_min-h-550px,
10774
+ .m_h-min-550px,
10775
+ .m_min-h550px {
10776
+ min-height: 550px;
10777
+ }
10778
+
10480
10779
  .m_h-600,
10481
10780
  .m_h600p,
10482
10781
  .m_h-600p {
@@ -10507,6 +10806,36 @@ to {
10507
10806
  min-height: 600px;
10508
10807
  }
10509
10808
 
10809
+ .m_h-650,
10810
+ .m_h650p,
10811
+ .m_h-650p {
10812
+ height: 650%;
10813
+ }
10814
+
10815
+ .m_vh-650,
10816
+ .m_h-650vh,
10817
+ .m_h650vh {
10818
+ height: 650vh;
10819
+ }
10820
+
10821
+ .m_h-650px,
10822
+ .m_h650px {
10823
+ height: 650px;
10824
+ }
10825
+
10826
+ .m_hm-650px,
10827
+ .m_max-h-650px,
10828
+ .m_h-max-650px,
10829
+ .m_max-h650px {
10830
+ max-height: 650px;
10831
+ }
10832
+
10833
+ .m_min-h-650px,
10834
+ .m_h-min-650px,
10835
+ .m_min-h650px {
10836
+ min-height: 650px;
10837
+ }
10838
+
10510
10839
  .m_h-700,
10511
10840
  .m_h700p,
10512
10841
  .m_h-700p {
@@ -10537,6 +10866,36 @@ to {
10537
10866
  min-height: 700px;
10538
10867
  }
10539
10868
 
10869
+ .m_h-750,
10870
+ .m_h750p,
10871
+ .m_h-750p {
10872
+ height: 750%;
10873
+ }
10874
+
10875
+ .m_vh-750,
10876
+ .m_h-750vh,
10877
+ .m_h750vh {
10878
+ height: 750vh;
10879
+ }
10880
+
10881
+ .m_h-750px,
10882
+ .m_h750px {
10883
+ height: 750px;
10884
+ }
10885
+
10886
+ .m_hm-750px,
10887
+ .m_max-h-750px,
10888
+ .m_h-max-750px,
10889
+ .m_max-h750px {
10890
+ max-height: 750px;
10891
+ }
10892
+
10893
+ .m_min-h-750px,
10894
+ .m_h-min-750px,
10895
+ .m_min-h750px {
10896
+ min-height: 750px;
10897
+ }
10898
+
10540
10899
  .m_h-800,
10541
10900
  .m_h800p,
10542
10901
  .m_h-800p {
@@ -10567,6 +10926,36 @@ to {
10567
10926
  min-height: 800px;
10568
10927
  }
10569
10928
 
10929
+ .m_h-850,
10930
+ .m_h850p,
10931
+ .m_h-850p {
10932
+ height: 850%;
10933
+ }
10934
+
10935
+ .m_vh-850,
10936
+ .m_h-850vh,
10937
+ .m_h850vh {
10938
+ height: 850vh;
10939
+ }
10940
+
10941
+ .m_h-850px,
10942
+ .m_h850px {
10943
+ height: 850px;
10944
+ }
10945
+
10946
+ .m_hm-850px,
10947
+ .m_max-h-850px,
10948
+ .m_h-max-850px,
10949
+ .m_max-h850px {
10950
+ max-height: 850px;
10951
+ }
10952
+
10953
+ .m_min-h-850px,
10954
+ .m_h-min-850px,
10955
+ .m_min-h850px {
10956
+ min-height: 850px;
10957
+ }
10958
+
10570
10959
  .m_h-900,
10571
10960
  .m_h900p,
10572
10961
  .m_h-900p {
@@ -10597,6 +10986,36 @@ to {
10597
10986
  min-height: 900px;
10598
10987
  }
10599
10988
 
10989
+ .m_h-950,
10990
+ .m_h950p,
10991
+ .m_h-950p {
10992
+ height: 950%;
10993
+ }
10994
+
10995
+ .m_vh-950,
10996
+ .m_h-950vh,
10997
+ .m_h950vh {
10998
+ height: 950vh;
10999
+ }
11000
+
11001
+ .m_h-950px,
11002
+ .m_h950px {
11003
+ height: 950px;
11004
+ }
11005
+
11006
+ .m_hm-950px,
11007
+ .m_max-h-950px,
11008
+ .m_h-max-950px,
11009
+ .m_max-h950px {
11010
+ max-height: 950px;
11011
+ }
11012
+
11013
+ .m_min-h-950px,
11014
+ .m_h-min-950px,
11015
+ .m_min-h950px {
11016
+ min-height: 950px;
11017
+ }
11018
+
10600
11019
  .m_h-1000,
10601
11020
  .m_h1000p,
10602
11021
  .m_h-1000p {