@bagelink/vue 1.2.81 → 1.2.85

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 (68) hide show
  1. package/dist/components/AddressSearch.vue.d.ts.map +1 -1
  2. package/dist/components/Btn.vue.d.ts +1 -1
  3. package/dist/components/Btn.vue.d.ts.map +1 -1
  4. package/dist/components/DataPreview.vue.d.ts +16 -5
  5. package/dist/components/DataPreview.vue.d.ts.map +1 -1
  6. package/dist/components/Dropdown.vue.d.ts.map +1 -1
  7. package/dist/components/Icon/Icon.vue.d.ts +4 -1
  8. package/dist/components/Icon/Icon.vue.d.ts.map +1 -1
  9. package/dist/components/ModalForm.vue.d.ts +2 -1
  10. package/dist/components/ModalForm.vue.d.ts.map +1 -1
  11. package/dist/components/calendar/views/CalendarPopover.vue.d.ts +2 -2
  12. package/dist/components/calendar/views/CalendarPopover.vue.d.ts.map +1 -1
  13. package/dist/components/dataTable/DataTable.vue.d.ts.map +1 -1
  14. package/dist/components/dataTable/useSorting.d.ts +1 -1
  15. package/dist/components/dataTable/useSorting.d.ts.map +1 -1
  16. package/dist/components/dataTable/useTableData.d.ts +7 -6
  17. package/dist/components/dataTable/useTableData.d.ts.map +1 -1
  18. package/dist/components/dataTable/useTableVirtualization.d.ts.map +1 -1
  19. package/dist/components/form/BagelForm.vue.d.ts +4 -10
  20. package/dist/components/form/BagelForm.vue.d.ts.map +1 -1
  21. package/dist/components/form/BglMultiStepForm.vue.d.ts +6 -4
  22. package/dist/components/form/BglMultiStepForm.vue.d.ts.map +1 -1
  23. package/dist/components/form/FieldArray.vue.d.ts +3 -2
  24. package/dist/components/form/FieldArray.vue.d.ts.map +1 -1
  25. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  26. package/dist/composables/index.d.ts +5 -5
  27. package/dist/composables/index.d.ts.map +1 -1
  28. package/dist/composables/useSchemaField.d.ts +5 -12
  29. package/dist/composables/useSchemaField.d.ts.map +1 -1
  30. package/dist/index.cjs +146 -230
  31. package/dist/index.d.ts +1 -1
  32. package/dist/index.d.ts.map +1 -1
  33. package/dist/index.mjs +147 -231
  34. package/dist/plugins/modalTypes.d.ts +3 -2
  35. package/dist/plugins/modalTypes.d.ts.map +1 -1
  36. package/dist/style.css +183 -183
  37. package/dist/types/BagelForm.d.ts +12 -9
  38. package/dist/types/BagelForm.d.ts.map +1 -1
  39. package/dist/types/TableSchema.d.ts +9 -9
  40. package/dist/types/TableSchema.d.ts.map +1 -1
  41. package/dist/types/timeago.d.ts +23 -0
  42. package/dist/types/timeago.d.ts.map +1 -0
  43. package/dist/utils/BagelFormUtils.d.ts +5 -3
  44. package/dist/utils/BagelFormUtils.d.ts.map +1 -1
  45. package/dist/utils/useSearch.d.ts +44 -0
  46. package/dist/utils/useSearch.d.ts.map +1 -0
  47. package/package.json +2 -2
  48. package/src/components/DataPreview.vue +16 -5
  49. package/src/components/Icon/Icon.vue +12 -3
  50. package/src/components/ModalForm.vue +6 -9
  51. package/src/components/dataTable/DataTable.vue +11 -14
  52. package/src/components/dataTable/useSorting.ts +1 -1
  53. package/src/components/dataTable/useTableData.ts +19 -42
  54. package/src/components/dataTable/useTableVirtualization.ts +4 -8
  55. package/src/components/form/BagelForm.vue +32 -97
  56. package/src/components/form/BglMultiStepForm.vue +9 -7
  57. package/src/components/form/FieldArray.vue +54 -45
  58. package/src/components/form/inputs/RichText/index.vue +1 -1
  59. package/src/composables/index.ts +12 -13
  60. package/src/composables/useSchemaField.ts +36 -34
  61. package/src/index.ts +1 -1
  62. package/src/plugins/modalTypes.ts +3 -2
  63. package/src/types/BagelForm.ts +21 -13
  64. package/src/types/TableSchema.ts +9 -9
  65. package/src/utils/BagelFormUtils.ts +6 -4
  66. package/src/utils/{search.ts → useSearch.ts} +1 -2
  67. package/dist/components/Carousel2.vue.d.ts +0 -89
  68. package/dist/components/Carousel2.vue.d.ts.map +0 -1
package/dist/style.css CHANGED
@@ -1,18 +1,4 @@
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://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
2
- .expand-enter-active,
3
- .expand-leave-active {
4
- transition: all 0.2s;
5
- transition-delay: 0ms;
6
- }
7
- .expand-enter-from,
8
- .expand-leave-to {
9
- max-height: 0;
10
- }
11
- .expand-enter-to,
12
- .expand-leave-from {
13
- max-height: 300px;
14
- }
15
-
16
2
  .accordion-item[data-v-3334f637] {
17
3
  border-bottom: 1px solid var(--border-color);
18
4
  transition: all 0.2s;
@@ -55,6 +41,20 @@
55
41
  text-decoration: underline;
56
42
  }
57
43
 
44
+ .expand-enter-active,
45
+ .expand-leave-active {
46
+ transition: all 0.2s;
47
+ transition-delay: 0ms;
48
+ }
49
+ .expand-enter-from,
50
+ .expand-leave-to {
51
+ max-height: 0;
52
+ }
53
+ .expand-enter-to,
54
+ .expand-leave-from {
55
+ max-height: 300px;
56
+ }
57
+
58
58
  .bgl_btn[data-v-99c4aa53] {
59
59
  --btn-bg: var(--bgl-primary);
60
60
  --btn-color: var(--bgl-light-text);
@@ -262,6 +262,10 @@ display: block;
262
262
  object-fit: cover;
263
263
  }
264
264
 
265
+ .inline[data-v-689f051f] {
266
+ display: inline;
267
+ }
268
+
265
269
  .pill {
266
270
  border-radius: 10px;
267
271
  padding: 4px 8px;
@@ -304,10 +308,6 @@ display: block;
304
308
  color: var(--bgl-red);
305
309
  }
306
310
 
307
- .inline[data-v-689f051f] {
308
- display: inline;
309
- }
310
-
311
311
  .bgl_vid iframe[data-v-006552f6],
312
312
  .bgl_vid video[data-v-006552f6] {
313
313
  width: 100%;
@@ -832,48 +832,48 @@ to {
832
832
  }
833
833
  }
834
834
 
835
- .data-preview[data-v-430b1998] {
835
+ .data-preview[data-v-d084907a] {
836
836
  display: flex;
837
837
  flex-direction: column;
838
838
  gap: 0.5rem;
839
839
  }
840
- .preview-field[data-v-430b1998] {
840
+ .preview-field[data-v-d084907a] {
841
841
  display: flex;
842
842
  flex-direction: row;
843
843
  align-items: center;
844
844
  gap: 0.5rem;
845
845
  }
846
- .field-label[data-v-430b1998] {
846
+ .field-label[data-v-d084907a] {
847
847
  font-size: 0.8rem;
848
848
  color: var(--bgl-black-tint);
849
849
  font-weight: 500;
850
850
  }
851
- .field-value[data-v-430b1998] {
851
+ .field-value[data-v-d084907a] {
852
852
  font-size: 0.95rem;
853
853
  }
854
- .empty-preview[data-v-430b1998] {
854
+ .empty-preview[data-v-d084907a] {
855
855
  font-size: 0.9rem;
856
856
  color: var(--bgl-black-tint);
857
857
  padding: 1rem 0;
858
858
  text-align: center;
859
859
  }
860
860
 
861
- .table-list-wrap[data-v-382d1c94] {
861
+ .table-list-wrap[data-v-979bbdcd] {
862
862
  min-height: 150px;
863
863
  }
864
- .selected[data-v-382d1c94] {
864
+ .selected[data-v-979bbdcd] {
865
865
  background: var(--bgl-primary-tint);
866
866
  }
867
- tbody tr.selected[data-v-382d1c94]:hover {
867
+ tbody tr.selected[data-v-979bbdcd]:hover {
868
868
  background: var(--bgl-primary-light);
869
869
  }
870
- .loading-table[data-v-382d1c94] {
870
+ .loading-table[data-v-979bbdcd] {
871
871
  position: relative;
872
872
  }
873
- .inset[data-v-382d1c94] {
873
+ .inset[data-v-979bbdcd] {
874
874
  inset: 0;
875
875
  }
876
- .loading-table-animation[data-v-382d1c94] {
876
+ .loading-table-animation[data-v-979bbdcd] {
877
877
  --size: 60px;
878
878
  top: 30vh;
879
879
  inset-inline-start: calc(50% - var(--size));
@@ -881,9 +881,9 @@ tbody tr.selected[data-v-382d1c94]:hover {
881
881
  border-top: 4px solid var(--bgl-primary);
882
882
  width: var(--size);
883
883
  height: var(--size);
884
- animation: loading-table-382d1c94 1s linear infinite;
884
+ animation: loading-table-979bbdcd 1s linear infinite;
885
885
  }
886
- @keyframes loading-table-382d1c94 {
886
+ @keyframes loading-table-979bbdcd {
887
887
  0% {
888
888
  transform: translate(-50%, -50%) rotate(0deg);
889
889
  }
@@ -891,55 +891,55 @@ tbody tr.selected[data-v-382d1c94]:hover {
891
891
  transform: translate(-50%, -50%) rotate(360deg);
892
892
  }
893
893
  }
894
- .list-arrows[data-v-382d1c94] {
894
+ .list-arrows[data-v-979bbdcd] {
895
895
  opacity: 0;
896
896
  }
897
- .list-arrows .bgl_icon-font[data-v-382d1c94] {
897
+ .list-arrows .bgl_icon-font[data-v-979bbdcd] {
898
898
  transition: all ease-in-out 0.2s;
899
899
  }
900
- .list-arrows.sorted[data-v-382d1c94] {
900
+ .list-arrows.sorted[data-v-979bbdcd] {
901
901
  opacity: 1;
902
902
  }
903
- .col img[data-v-382d1c94] {
903
+ .col img[data-v-979bbdcd] {
904
904
  height: 35px;
905
905
  margin-top: -14px;
906
906
  margin-bottom: -14px;
907
907
  border-radius: 5px;
908
908
  object-fit: cover;
909
909
  }
910
- .col[data-v-382d1c94]:has(img) {
910
+ .col[data-v-979bbdcd]:has(img) {
911
911
  padding-inline-end: 0.5rem;
912
912
  }
913
- .list-arrows.sorted .desc[data-v-382d1c94] {
913
+ .list-arrows.sorted .desc[data-v-979bbdcd] {
914
914
  transform: rotate(180deg);
915
915
  display: inline-block;
916
916
  }
917
- table[data-v-382d1c94] {
917
+ table[data-v-979bbdcd] {
918
918
  border-spacing: 0 15px;
919
919
  border-collapse: collapse;
920
920
  width: 100%;
921
921
  }
922
- th[data-v-382d1c94] {
922
+ th[data-v-979bbdcd] {
923
923
  font-size: 0.8rem;
924
924
  color: var(--bgl-black-tint);
925
925
  position: sticky;
926
926
  top: 0;
927
927
  z-index: 2;
928
928
  background: var(--bgl-box-bg);
929
- height: var(--18d61d81);
929
+ height: var(--4c16a687);
930
930
  vertical-align: bottom;
931
931
  font-weight: 400;
932
932
  text-align: start;
933
933
  }
934
- .embedded-field[data-v-382d1c94] {
934
+ .embedded-field[data-v-979bbdcd] {
935
935
  margin-bottom: -0.2rem;
936
936
  margin-top: -0.2rem;
937
937
  }
938
- .row[data-v-382d1c94] {
938
+ .row[data-v-979bbdcd] {
939
939
  border-bottom: 1px solid var(--border-color);
940
940
  cursor: pointer;
941
941
  }
942
- .row.first-row[data-v-382d1c94] {
942
+ .row.first-row[data-v-979bbdcd] {
943
943
  font-size: 0.8rem;
944
944
  color: var(--bgl-black-tint);
945
945
  position: sticky;
@@ -948,7 +948,7 @@ th[data-v-382d1c94] {
948
948
  background: var(--bgl-box-bg);
949
949
  vertical-align: bottom;
950
950
  }
951
- .row.first-row[data-v-382d1c94]::after {
951
+ .row.first-row[data-v-979bbdcd]::after {
952
952
  content: '';
953
953
  border-bottom: 1px solid var(--border-color);
954
954
  position: absolute;
@@ -956,11 +956,11 @@ th[data-v-382d1c94] {
956
956
  right: 0;
957
957
  bottom: -1px;
958
958
  }
959
- .first-row .col[data-v-382d1c94] {
959
+ .first-row .col[data-v-979bbdcd] {
960
960
  cursor: pointer;
961
961
  background: var(--bgl-box-bg);
962
962
  }
963
- .col[data-v-382d1c94] {
963
+ .col[data-v-979bbdcd] {
964
964
  white-space: nowrap;
965
965
  padding: 0.75rem 1rem;
966
966
  transition: var(--bgl-transition);
@@ -970,19 +970,19 @@ th[data-v-382d1c94] {
970
970
  overflow: hidden;
971
971
  max-width: 30vw;
972
972
  }
973
- .col[data-v-382d1c94]:has(.bagel-input) {
973
+ .col[data-v-979bbdcd]:has(.bagel-input) {
974
974
  padding: 0rem 0.25rem;
975
975
  }
976
- .col > div[data-v-382d1c94] {
976
+ .col > div[data-v-979bbdcd] {
977
977
  display: flex;
978
978
  gap: 0.5rem;
979
979
  }
980
- .max-col-width[data-v-382d1c94] {
980
+ .max-col-width[data-v-979bbdcd] {
981
981
  max-width: 30vw;
982
982
  overflow: hidden;
983
983
  text-overflow: ellipsis;
984
984
  }
985
- .col.check .bgl_icon-font[data-v-382d1c94] {
985
+ .col.check .bgl_icon-font[data-v-979bbdcd] {
986
986
  border-radius: 100%;
987
987
  background: var(--bgl-blue-20);
988
988
  color: var(--bgl-primary);
@@ -993,35 +993,35 @@ th[data-v-382d1c94] {
993
993
  justify-content: center;
994
994
  margin-top: -2px;
995
995
  }
996
- .rows[data-v-382d1c94] {
996
+ .rows[data-v-979bbdcd] {
997
997
  font-size: 0.88em;
998
998
  }
999
- .table-list[data-v-382d1c94] {
999
+ .table-list[data-v-979bbdcd] {
1000
1000
  height: 100%;
1001
1001
  position: relative;
1002
1002
  padding-left: 0 !important;
1003
1003
  padding-right: 0 !important;
1004
1004
  overflow: auto;
1005
1005
  }
1006
- .BagelTable .table-list[data-v-382d1c94] {
1006
+ .BagelTable .table-list[data-v-979bbdcd] {
1007
1007
  overflow: unset;
1008
1008
  }
1009
- .row-item[data-v-382d1c94] {
1010
- height: var(--18d61d81);
1009
+ .row-item[data-v-979bbdcd] {
1010
+ height: var(--4c16a687);
1011
1011
  transition: all 200ms ease;
1012
1012
  }
1013
- .row-item[data-v-382d1c94]:hover {
1013
+ .row-item[data-v-979bbdcd]:hover {
1014
1014
  background: var(--bgl-gray-light);
1015
1015
  }
1016
- .row-item input[type='checkbox'][data-v-382d1c94] {
1016
+ .row-item input[type='checkbox'][data-v-979bbdcd] {
1017
1017
  margin-top: 0.45rem !important;
1018
1018
  accent-color: var(--bgl-accent-color);
1019
1019
  }
1020
- .infinite-wrapper[data-v-382d1c94] {
1020
+ .infinite-wrapper[data-v-979bbdcd] {
1021
1021
  overflow-y: auto;
1022
1022
  width: 100%;
1023
1023
  }
1024
- input[type='checkbox'][data-v-382d1c94] {
1024
+ input[type='checkbox'][data-v-979bbdcd] {
1025
1025
  margin-top: 0.3rem !important;
1026
1026
  accent-color: var(--bgl-accent-color);
1027
1027
  transform: scale(1.2);
@@ -1033,7 +1033,7 @@ input[type='checkbox'][data-v-382d1c94] {
1033
1033
  height: 0.85rem;
1034
1034
  width: 0.85rem;
1035
1035
  }
1036
- input[type='checkbox'][data-v-382d1c94]::before {
1036
+ input[type='checkbox'][data-v-979bbdcd]::before {
1037
1037
  content: '';
1038
1038
  height: 0.85rem;
1039
1039
  width: 0.85rem;
@@ -1046,18 +1046,18 @@ input[type='checkbox'][data-v-382d1c94]::before {
1046
1046
  transform: scale(1);
1047
1047
  position: absolute;
1048
1048
  }
1049
- input[type='checkbox'][data-v-382d1c94]:hover::before {
1049
+ input[type='checkbox'][data-v-979bbdcd]:hover::before {
1050
1050
  opacity: 0.2;
1051
1051
  transform: scale(2);
1052
1052
  }
1053
- [lang='he'] [dir='ltr'][data-v-382d1c94] {
1053
+ [lang='he'] [dir='ltr'][data-v-979bbdcd] {
1054
1054
  text-align: right;
1055
1055
  }
1056
- th input[type='checkbox'][data-v-382d1c94] {
1056
+ th input[type='checkbox'][data-v-979bbdcd] {
1057
1057
  transform: translateY(0.2rem) scale(1.2);
1058
1058
  accent-color: var(--bgl-accent-color);
1059
1059
  }
1060
- th[data-v-382d1c94]::after {
1060
+ th[data-v-979bbdcd]::after {
1061
1061
  content: '';
1062
1062
  border-bottom: 1px solid var(--border-color);
1063
1063
  position: absolute;
@@ -1065,24 +1065,24 @@ th[data-v-382d1c94]::after {
1065
1065
  right: 0;
1066
1066
  bottom: -1px;
1067
1067
  }
1068
- tr[data-v-382d1c94] {
1068
+ tr[data-v-979bbdcd] {
1069
1069
  border-bottom: 1px solid var(--border-color);
1070
1070
  cursor: pointer;
1071
1071
  align-items: center;
1072
1072
  }
1073
- td[data-v-382d1c94],
1074
- th[data-v-382d1c94] {
1073
+ td[data-v-979bbdcd],
1074
+ th[data-v-979bbdcd] {
1075
1075
  white-space: nowrap;
1076
1076
  padding: 0.75rem 0.65rem;
1077
1077
  transition: var(--bgl-transition);
1078
1078
  line-height: 1;
1079
1079
  }
1080
- tbody tr[data-v-382d1c94] {
1080
+ tbody tr[data-v-979bbdcd] {
1081
1081
  font-size: 0.88em;
1082
- height: var(--18d61d81);
1082
+ height: var(--4c16a687);
1083
1083
  transition: all 200ms ease;
1084
1084
  }
1085
- tbody tr[data-v-382d1c94]:hover {
1085
+ tbody tr[data-v-979bbdcd]:hover {
1086
1086
  background: var(--bgl-gray-light);
1087
1087
  }
1088
1088
 
@@ -1134,7 +1134,7 @@ fieldset[data-v-f7e758e5] {
1134
1134
  .fi[data-v-f99f1900]:before{ content:" "
1135
1135
  }
1136
1136
 
1137
- .bgl-multi-step-form[data-v-9c0b618c] {
1137
+ .bgl-multi-step-form[data-v-2b84dfc5] {
1138
1138
  display: flex;
1139
1139
  flex-direction: column;
1140
1140
  gap: 1rem;
@@ -1145,19 +1145,19 @@ fieldset[data-v-f7e758e5] {
1145
1145
  --ease-in: cubic-bezier(0.42, 0, 0.58, 1);
1146
1146
  --ease-out: cubic-bezier(0.42, 0, 0.58, 1);
1147
1147
  }
1148
- .bgl-steps-indicator[data-v-9c0b618c] {
1148
+ .bgl-steps-indicator[data-v-2b84dfc5] {
1149
1149
  display: flex;
1150
1150
  justify-content: space-between;
1151
1151
  align-items: center;
1152
1152
  margin-bottom: 1rem;
1153
1153
  }
1154
- .bgl-step-indicator[data-v-9c0b618c] {
1154
+ .bgl-step-indicator[data-v-2b84dfc5] {
1155
1155
  display: flex;
1156
1156
  flex-direction: column;
1157
1157
  align-items: center;
1158
1158
  position: relative;
1159
1159
  }
1160
- .bgl-step-indicator[data-v-9c0b618c]::before {
1160
+ .bgl-step-indicator[data-v-2b84dfc5]::before {
1161
1161
  content: '';
1162
1162
  position: absolute;
1163
1163
  top: 50%;
@@ -1167,10 +1167,10 @@ fieldset[data-v-f7e758e5] {
1167
1167
  background: #e0e0e0;
1168
1168
  z-index: -1;
1169
1169
  }
1170
- .bgl-step-indicator[data-v-9c0b618c]:first-child::before {
1170
+ .bgl-step-indicator[data-v-2b84dfc5]:first-child::before {
1171
1171
  display: none;
1172
1172
  }
1173
- .bgl-step-indicator > span[data-v-9c0b618c]:first-child {
1173
+ .bgl-step-indicator > span[data-v-2b84dfc5]:first-child {
1174
1174
  width: 30px;
1175
1175
  height: 30px;
1176
1176
  border-radius: 50%;
@@ -1181,38 +1181,38 @@ fieldset[data-v-f7e758e5] {
1181
1181
  justify-content: center;
1182
1182
  margin-bottom: 0.5rem;
1183
1183
  }
1184
- .bgl-step-indicator.active > span[data-v-9c0b618c]:first-child {
1184
+ .bgl-step-indicator.active > span[data-v-2b84dfc5]:first-child {
1185
1185
  background: var(--primary-color, #4CAF50);
1186
1186
  color: white;
1187
1187
  }
1188
- .bgl-step-indicator.completed > span[data-v-9c0b618c]:first-child {
1188
+ .bgl-step-indicator.completed > span[data-v-2b84dfc5]:first-child {
1189
1189
  background: var(--success-color, #8BC34A);
1190
1190
  color: white;
1191
1191
  }
1192
- .bgl-step-indicator.clickable[data-v-9c0b618c] {
1192
+ .bgl-step-indicator.clickable[data-v-2b84dfc5] {
1193
1193
  cursor: pointer;
1194
1194
  }
1195
- .bgl-step-label[data-v-9c0b618c] {
1195
+ .bgl-step-label[data-v-2b84dfc5] {
1196
1196
  font-size: 0.8rem;
1197
1197
  max-width: 100px;
1198
1198
  text-align: center;
1199
1199
  }
1200
- .bgl-form-wrapper[data-v-9c0b618c] {
1200
+ .bgl-form-wrapper[data-v-2b84dfc5] {
1201
1201
  display: grid;
1202
1202
  overflow: clip;
1203
1203
  height: auto;
1204
1204
  transition: height var(--transition-duration) ease;
1205
1205
  interpolate-size: allow-keywords;
1206
1206
  }
1207
- .bgl-form-wrapper > div[data-v-9c0b618c] {
1207
+ .bgl-form-wrapper > div[data-v-2b84dfc5] {
1208
1208
  grid-area: 1 / 1;
1209
1209
  }
1210
- .bgl-form-container[data-v-9c0b618c] {
1210
+ .bgl-form-container[data-v-2b84dfc5] {
1211
1211
  width: 100%;
1212
1212
  display: flex;
1213
1213
  flex-direction: column;
1214
1214
  }
1215
- .bgl-step-controls[data-v-9c0b618c] {
1215
+ .bgl-step-controls[data-v-2b84dfc5] {
1216
1216
  display: flex;
1217
1217
  justify-content: center;
1218
1218
  gap: 1rem;
@@ -1221,37 +1221,37 @@ fieldset[data-v-f7e758e5] {
1221
1221
  }
1222
1222
 
1223
1223
  /* Slide Left Animation (going forward) */
1224
- .slide-left-enter-active[data-v-9c0b618c] {
1224
+ .slide-left-enter-active[data-v-2b84dfc5] {
1225
1225
  transition: opacity var(--transition-duration) var(--ease-in),
1226
1226
  transform var(--transition-duration) var(--ease-in);
1227
1227
  }
1228
- .slide-left-leave-active[data-v-9c0b618c] {
1228
+ .slide-left-leave-active[data-v-2b84dfc5] {
1229
1229
  transition: opacity var(--transition-duration) var(--ease-out),
1230
1230
  transform var(--transition-duration) var(--ease-out);
1231
1231
  }
1232
- .slide-left-enter-from[data-v-9c0b618c] {
1232
+ .slide-left-enter-from[data-v-2b84dfc5] {
1233
1233
  opacity: 0;
1234
1234
  transform: translateX(var(--move-distance));
1235
1235
  }
1236
- .slide-left-leave-to[data-v-9c0b618c] {
1236
+ .slide-left-leave-to[data-v-2b84dfc5] {
1237
1237
  opacity: 0;
1238
1238
  transform: translateX(-30%);
1239
1239
  }
1240
1240
 
1241
1241
  /* Slide Right Animation (going back) */
1242
- .slide-right-enter-active[data-v-9c0b618c] {
1242
+ .slide-right-enter-active[data-v-2b84dfc5] {
1243
1243
  transition: opacity var(--transition-duration) var(--ease-in),
1244
1244
  transform var(--transition-duration) var(--ease-in);
1245
1245
  }
1246
- .slide-right-leave-active[data-v-9c0b618c] {
1246
+ .slide-right-leave-active[data-v-2b84dfc5] {
1247
1247
  transition: opacity var(--transition-duration) var(--ease-out),
1248
1248
  transform var(--transition-duration) var(--ease-out);
1249
1249
  }
1250
- .slide-right-enter-from[data-v-9c0b618c] {
1250
+ .slide-right-enter-from[data-v-2b84dfc5] {
1251
1251
  opacity: 0;
1252
1252
  transform: translateX(-30%);
1253
1253
  }
1254
- .slide-right-leave-to[data-v-9c0b618c] {
1254
+ .slide-right-leave-to[data-v-2b84dfc5] {
1255
1255
  opacity: 0;
1256
1256
  transform: translateX(var(--move-distance));
1257
1257
  }
@@ -1372,12 +1372,6 @@ fieldset[data-v-f7e758e5] {
1372
1372
  color: var(--label-color) !important;
1373
1373
  }
1374
1374
 
1375
- /* Global styles */
1376
- pre code.hljs {
1377
- padding: 0 !important;
1378
- background: transparent !important;
1379
- }
1380
-
1381
1375
  .code-editor-container[data-v-6ab9613f] {
1382
1376
  margin-bottom: 0.5rem;
1383
1377
  height: 100%;
@@ -1446,6 +1440,12 @@ pre code.hljs {
1446
1440
  color: transparent;
1447
1441
  }
1448
1442
 
1443
+ /* Global styles */
1444
+ pre code.hljs {
1445
+ padding: 0 !important;
1446
+ background: transparent !important;
1447
+ }
1448
+
1449
1449
  .colorInputPick{
1450
1450
  --input-font-size: 12px;
1451
1451
  height: calc(var(--input-height) - 9px) !important;
@@ -2047,26 +2047,26 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2047
2047
  line-height: 1.65;
2048
2048
  }
2049
2049
 
2050
- .rich-text-editor[data-v-2782b5dd] {
2050
+ .rich-text-editor[data-v-d643f2ae] {
2051
2051
  background: var(--input-bg);
2052
2052
  border: 1px solid var(--border-color);
2053
2053
  transition: all 0.3s ease;
2054
2054
  }
2055
- .editor-container[data-v-2782b5dd] {
2055
+ .editor-container[data-v-d643f2ae] {
2056
2056
  display: flex;
2057
2057
  gap: 0.5rem;
2058
2058
  }
2059
- .content-area[data-v-2782b5dd],
2060
- .preview-area[data-v-2782b5dd] {
2059
+ .content-area[data-v-d643f2ae],
2060
+ .preview-area[data-v-d643f2ae] {
2061
2061
  flex: 1;
2062
2062
  min-height: 200px;
2063
2063
  background: var(--bgl-richtext-color);
2064
2064
  }
2065
- .split-view[data-v-2782b5dd] {
2065
+ .split-view[data-v-d643f2ae] {
2066
2066
  display: grid;
2067
2067
  grid-template-columns: 1fr 1fr;
2068
2068
  }
2069
- .editableContent[data-v-2782b5dd] {
2069
+ .editableContent[data-v-d643f2ae] {
2070
2070
  width: 100%;
2071
2071
  min-height: 240px;
2072
2072
  height: 100%;
@@ -2074,7 +2074,7 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2074
2074
  outline: none;
2075
2075
  background: transparent;
2076
2076
  }
2077
- .html-editor[data-v-2782b5dd] {
2077
+ .html-editor[data-v-d643f2ae] {
2078
2078
  width: 100%;
2079
2079
  height: 100%;
2080
2080
  min-height: 200px;
@@ -2085,12 +2085,12 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2085
2085
  color: white;
2086
2086
  background-color: var(--bgl-black);
2087
2087
  }
2088
- .preview-area[data-v-2782b5dd] {
2088
+ .preview-area[data-v-d643f2ae] {
2089
2089
  font-family: monospace;
2090
2090
  white-space: pre-wrap;
2091
2091
  overflow-x: auto;
2092
2092
  }
2093
- .fullscreen-mode[data-v-2782b5dd] {
2093
+ .fullscreen-mode[data-v-d643f2ae] {
2094
2094
  position: fixed;
2095
2095
  top: 0;
2096
2096
  left: 0;
@@ -2099,21 +2099,57 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2099
2099
  z-index: 9999;
2100
2100
  padding: 2rem;
2101
2101
  }
2102
- .fullscreen-mode .editor-container[data-v-2782b5dd] {
2102
+ .fullscreen-mode .editor-container[data-v-d643f2ae] {
2103
2103
  height: calc(100vh - 4rem);
2104
2104
  }
2105
- .fullscreen-mode .content-area[data-v-2782b5dd],
2106
- .fullscreen-mode .preview-area[data-v-2782b5dd] {
2105
+ .fullscreen-mode .content-area[data-v-d643f2ae],
2106
+ .fullscreen-mode .preview-area[data-v-d643f2ae] {
2107
2107
  height: 100%;
2108
2108
  overflow-y: auto;
2109
2109
  }
2110
- .debug-controls[data-v-2782b5dd] {
2110
+ .debug-controls[data-v-d643f2ae] {
2111
2111
  display: flex;
2112
2112
  gap: 0.5rem;
2113
2113
  justify-content: flex-end;
2114
2114
  }
2115
2115
  .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}
2116
2116
 
2117
+ .selectinput[data-v-c16650b4] {
2118
+ width: 100%;
2119
+ }
2120
+ .selectinput-option[data-v-c16650b4] {
2121
+ padding: 6px 12px;
2122
+ cursor: pointer;
2123
+ border-radius: 5px;
2124
+ transition: all 0.2s;
2125
+ display: grid;
2126
+ grid-template-columns:1fr;
2127
+ justify-content: space-between;
2128
+ width: 100%;
2129
+ font-size: var(--input-font-size);
2130
+ margin-block: 0.15rem;
2131
+ }
2132
+ .selectinput-option .bgl_icon-font[data-v-c16650b4]{
2133
+ line-height: normal;
2134
+ }
2135
+ .selectinput-options.multiselect .selectinput-option[data-v-c16650b4] {
2136
+ grid-template-columns: 10px 1fr;
2137
+ }
2138
+ .selectinput-options[data-v-c16650b4] {
2139
+ max-height: 300px;
2140
+ overflow-y: auto;
2141
+ }
2142
+ .selectinput-option[data-v-c16650b4]:hover, .highlight[data-v-c16650b4] {
2143
+ background: var(--bgl-gray-20);
2144
+ }
2145
+ .isEmpty p[data-v-c16650b4] {
2146
+ opacity: 0.3;
2147
+ }
2148
+ .selected[data-v-c16650b4]{
2149
+ /* background: var(--bgl-primary-tint); */
2150
+ background: var(--bgl-selected);
2151
+ }
2152
+
2117
2153
  .bagel-input label {
2118
2154
  font-size: var(--label-font-size);
2119
2155
  }
@@ -2154,42 +2190,6 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2154
2190
  /* color: var(--input-color); */
2155
2191
  }
2156
2192
 
2157
- .selectinput[data-v-c16650b4] {
2158
- width: 100%;
2159
- }
2160
- .selectinput-option[data-v-c16650b4] {
2161
- padding: 6px 12px;
2162
- cursor: pointer;
2163
- border-radius: 5px;
2164
- transition: all 0.2s;
2165
- display: grid;
2166
- grid-template-columns:1fr;
2167
- justify-content: space-between;
2168
- width: 100%;
2169
- font-size: var(--input-font-size);
2170
- margin-block: 0.15rem;
2171
- }
2172
- .selectinput-option .bgl_icon-font[data-v-c16650b4]{
2173
- line-height: normal;
2174
- }
2175
- .selectinput-options.multiselect .selectinput-option[data-v-c16650b4] {
2176
- grid-template-columns: 10px 1fr;
2177
- }
2178
- .selectinput-options[data-v-c16650b4] {
2179
- max-height: 300px;
2180
- overflow-y: auto;
2181
- }
2182
- .selectinput-option[data-v-c16650b4]:hover, .highlight[data-v-c16650b4] {
2183
- background: var(--bgl-gray-20);
2184
- }
2185
- .isEmpty p[data-v-c16650b4] {
2186
- opacity: 0.3;
2187
- }
2188
- .selected[data-v-c16650b4]{
2189
- /* background: var(--bgl-primary-tint); */
2190
- background: var(--bgl-selected);
2191
- }
2192
-
2193
2193
  .bgl_input .canvas {
2194
2194
  width: 100%;
2195
2195
  height: 100%;
@@ -2205,40 +2205,6 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2205
2205
  border-radius: var(--input-border-radius);
2206
2206
  }
2207
2207
 
2208
- .table-row .bagel-input input,
2209
- .table-row .bagel-input textarea,
2210
- .table-row .bagel-input .input {
2211
- border-radius: 0;
2212
- background: transparent;
2213
- color: var(--bgl-text-color);
2214
- }
2215
- .table-row .bagel-input textarea {
2216
- resize: none;
2217
- min-height: 40px;
2218
- overflow: auto;
2219
- margin: 0px;
2220
- padding: 0.64rem 0.7rem 0;
2221
- }
2222
- .table-row .bagel-input {
2223
- margin: 0;
2224
- }
2225
- .table-row .bagel-input input:focus-visible,
2226
- .table-row .bagel-input textarea:focus-visible,
2227
- .table-row .bagel-input .input:focus-visible {
2228
- background: var(--border-color);
2229
- }
2230
- .ghost {
2231
- opacity: 0;
2232
- background: #c8ebfb;
2233
- }
2234
- .sortable-chosen {
2235
- cursor: grabbing !important;
2236
- border-color: transparent;
2237
- background: var(--bgl-box-bg);
2238
- border-radius: 10px;
2239
- box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
2240
- }
2241
-
2242
2208
  .table-side-scroll[data-v-e9632f79] {
2243
2209
  overflow: auto;
2244
2210
  margin-inline-start: -1rem;
@@ -2345,6 +2311,40 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2345
2311
  opacity: 1;
2346
2312
  }
2347
2313
 
2314
+ .table-row .bagel-input input,
2315
+ .table-row .bagel-input textarea,
2316
+ .table-row .bagel-input .input {
2317
+ border-radius: 0;
2318
+ background: transparent;
2319
+ color: var(--bgl-text-color);
2320
+ }
2321
+ .table-row .bagel-input textarea {
2322
+ resize: none;
2323
+ min-height: 40px;
2324
+ overflow: auto;
2325
+ margin: 0px;
2326
+ padding: 0.64rem 0.7rem 0;
2327
+ }
2328
+ .table-row .bagel-input {
2329
+ margin: 0;
2330
+ }
2331
+ .table-row .bagel-input input:focus-visible,
2332
+ .table-row .bagel-input textarea:focus-visible,
2333
+ .table-row .bagel-input .input:focus-visible {
2334
+ background: var(--border-color);
2335
+ }
2336
+ .ghost {
2337
+ opacity: 0;
2338
+ background: #c8ebfb;
2339
+ }
2340
+ .sortable-chosen {
2341
+ cursor: grabbing !important;
2342
+ border-color: transparent;
2343
+ background: var(--bgl-box-bg);
2344
+ border-radius: 10px;
2345
+ box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
2346
+ }
2347
+
2348
2348
  .tel-input[data-v-24f599bf] {
2349
2349
  direction: ltr;
2350
2350
  text-align: left;
@@ -4088,11 +4088,11 @@ body:has(.bg-dark.is-active) {
4088
4088
  border-radius: var(--card-border-radius);
4089
4089
  }
4090
4090
 
4091
- .modal-title[data-v-1c0f6894] {
4091
+ .modal-title[data-v-c62c6888] {
4092
4092
  margin-top: 0.5rem;
4093
4093
  }
4094
4094
  @media screen and (max-width: 910px) {
4095
- .modal-title[data-v-1c0f6894] {
4095
+ .modal-title[data-v-c62c6888] {
4096
4096
  margin-top: 1rem;
4097
4097
  }
4098
4098
  }