@bagelink/vue 0.0.318 → 0.0.322

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 (46) hide show
  1. package/dist/components/Badge.vue.d.ts +2 -2
  2. package/dist/components/Badge.vue.d.ts.map +1 -1
  3. package/dist/components/Card.vue.d.ts +2 -2
  4. package/dist/components/ComboBox.vue.d.ts +13 -2
  5. package/dist/components/ComboBox.vue.d.ts.map +1 -1
  6. package/dist/components/ListView.vue.d.ts.map +1 -1
  7. package/dist/components/Modal.vue.d.ts.map +1 -1
  8. package/dist/components/form/BglField.vue.d.ts.map +1 -1
  9. package/dist/components/form/BglForm.vue.d.ts +4 -0
  10. package/dist/components/form/BglForm.vue.d.ts.map +1 -1
  11. package/dist/components/form/inputs/TextInput.vue.d.ts +2 -0
  12. package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
  13. package/dist/components/index.d.ts +0 -1
  14. package/dist/components/index.d.ts.map +1 -1
  15. package/dist/components/layout/SidebarMenu.vue.d.ts.map +1 -1
  16. package/dist/components/whatsapp/index.d.ts +0 -2
  17. package/dist/components/whatsapp/index.d.ts.map +1 -1
  18. package/dist/index.cjs +415 -566
  19. package/dist/index.mjs +415 -566
  20. package/dist/style.css +179 -213
  21. package/dist/types/BagelForm.d.ts +1 -1
  22. package/dist/types/BagelForm.d.ts.map +1 -1
  23. package/dist/types/materialIcons.d.ts +1 -1
  24. package/dist/types/materialIcons.d.ts.map +1 -1
  25. package/dist/utils/BagelFormUtils.d.ts +23 -0
  26. package/dist/utils/BagelFormUtils.d.ts.map +1 -0
  27. package/dist/utils/index.d.ts +1 -0
  28. package/dist/utils/index.d.ts.map +1 -1
  29. package/package.json +1 -1
  30. package/src/components/Badge.vue +2 -2
  31. package/src/components/Carousel.vue +137 -137
  32. package/src/components/ComboBox.vue +72 -49
  33. package/src/components/ListView.vue +28 -27
  34. package/src/components/Modal.vue +25 -23
  35. package/src/components/form/BglField.vue +33 -48
  36. package/src/components/form/BglForm.vue +34 -15
  37. package/src/components/form/inputs/TextInput.vue +121 -151
  38. package/src/components/index.ts +1 -1
  39. package/src/components/layout/SidebarMenu.vue +4 -5
  40. package/src/components/whatsapp/index.ts +2 -2
  41. package/src/styles/layout.css +24 -1
  42. package/src/styles/text.css +4 -0
  43. package/src/types/BagelForm.ts +7 -7
  44. package/src/types/materialIcons.ts +1183 -3006
  45. package/src/utils/BagelFormUtils.ts +58 -0
  46. package/src/utils/index.ts +3 -0
package/dist/style.css CHANGED
@@ -611,41 +611,40 @@ a[data-v-0c8d9a95] {
611
611
  max-height: 300px;
612
612
  }
613
613
 
614
- .list-wrap{
615
- grid-template-rows: auto 1fr;
614
+ .list-wrap {
615
+ grid-template-rows: auto 1fr;
616
616
  }
617
617
  .list-item {
618
- padding: 0.5rem 1rem;
619
- min-height: -webkit-fit-content;
620
- min-height: -moz-fit-content;
621
- min-height: fit-content;
622
- margin: 0.25rem 0;
623
- border-radius: 10px;
624
- cursor: pointer;
625
- transition: var(--bgl-transition);
626
- color: var(--bgl-black);
627
- text-decoration: none;
628
- position: relative;
618
+ padding: 0.5rem 1rem;
619
+ min-height: -webkit-fit-content;
620
+ min-height: -moz-fit-content;
621
+ min-height: fit-content;
622
+ margin: 0.25rem 0;
623
+ cursor: pointer;
624
+ transition: var(--bgl-transition);
625
+ color: var(--bgl-black);
626
+ text-decoration: none;
627
+ position: relative;
629
628
  }
630
629
  .list-item::after {
631
- content: "";
632
- position: absolute;
633
- left: 0;
634
- right: 0;
635
- bottom: -0.15rem;
636
- border-bottom: 1px solid var(--border-color);
630
+ content: "";
631
+ position: absolute;
632
+ left: 0;
633
+ right: 0;
634
+ bottom: -0.15rem;
635
+ border-bottom: 1px solid var(--border-color);
637
636
  }
638
637
  .list-item:hover,
639
638
  .list-item.router-link-active {
640
- background-color: var(--bgl-blue-light);
639
+ background-color: var(--bgl-blue-light);
641
640
  }
642
641
  .list-item:active {
643
- -webkit-filter: var(--bgl-hover-filter);
644
- filter: var(--bgl-hover-filter);
642
+ -webkit-filter: var(--bgl-hover-filter);
643
+ filter: var(--bgl-hover-filter);
645
644
  }
646
645
  @media screen and (max-width: 910px) {
647
646
  .list-item {
648
- padding: 0.5rem;
647
+ padding: 0.5rem;
649
648
  }
650
649
  }
651
650
 
@@ -988,10 +987,10 @@ padding: 0.75rem 0.5rem;
988
987
  }
989
988
  .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}
990
989
 
991
- .combobox[data-v-ceeb5855] {
990
+ .combobox[data-v-220e98d7] {
992
991
  width: 100%;
993
992
  }
994
- .combobox-option[data-v-ceeb5855] {
993
+ .combobox-option[data-v-220e98d7] {
995
994
  padding: 6px 12px;
996
995
  cursor: pointer;
997
996
  border-radius: 5px;
@@ -1000,20 +999,33 @@ padding: 0.75rem 0.5rem;
1000
999
  justify-content: space-between;
1001
1000
  width: 100%;
1002
1001
  }
1003
- .combobox-options[data-v-ceeb5855] {
1002
+ .combobox-options[data-v-220e98d7] {
1004
1003
  max-height: 300px;
1005
1004
  overflow-y: auto;
1006
1005
  }
1007
- .combobox-option[data-v-ceeb5855]:hover {
1006
+ .combobox-option[data-v-220e98d7]:hover {
1008
1007
  background: var(--bgl-gray-20);
1009
1008
  }
1010
1009
 
1010
+ .bagel-input label {
1011
+ font-size: var(--label-font-size);
1012
+ }
1011
1013
  .combobox-btn {
1012
1014
  display: flex;
1013
1015
  justify-content: space-between;
1014
1016
  align-items: center;
1015
1017
  height: var(--input-height);
1016
1018
  border-radius: var(--input-border-radius);
1019
+ border: none;
1020
+ background: var(--input-bg);
1021
+ padding: 0.7rem;
1022
+ color: var(--input-color);
1023
+ width: 100%;
1024
+ font-family: inherit;
1025
+ }
1026
+ .combobox-btn:focus {
1027
+ outline: none;
1028
+ box-shadow: inset 0 0 10px #00000012;
1017
1029
  }
1018
1030
  .v-popper__arrow-container {
1019
1031
  display: none;
@@ -1055,7 +1067,7 @@ display: block;
1055
1067
  width: calc(100% - 5rem);
1056
1068
  }
1057
1069
 
1058
- .inline[data-v-ad24530a] {
1070
+ .inline[data-v-10743b06] {
1059
1071
  display: inline;
1060
1072
  }
1061
1073
 
@@ -1103,88 +1115,88 @@ display: block;
1103
1115
  display: block
1104
1116
  }
1105
1117
 
1106
- .blocker[data-v-dc11f21a] {
1107
- position: fixed;
1108
- top: 0;
1109
- left: 0;
1110
- width: 100%;
1111
- height: 100%;
1112
- z-index: 100;
1118
+ .blocker[data-v-7e8d16cb] {
1119
+ position: fixed;
1120
+ top: 0;
1121
+ left: 0;
1122
+ width: 100%;
1123
+ height: 100%;
1124
+ z-index: 100;
1113
1125
  }
1114
- .bgl-slider[data-v-dc11f21a] {
1115
- display: grid;
1116
- position: relative;
1117
- scroll-behavior: smooth;
1118
- grid-auto-flow: column;
1119
- grid-auto-columns: 100%;
1120
- scroll-snap-type: x mandatory;
1121
- overflow-x: hidden;
1126
+ .bgl-slider[data-v-7e8d16cb] {
1127
+ display: grid;
1128
+ position: relative;
1129
+ scroll-behavior: smooth;
1130
+ grid-auto-flow: column;
1131
+ grid-auto-columns: 100%;
1132
+ scroll-snap-type: x mandatory;
1133
+ overflow-x: hidden;
1122
1134
  }
1123
- .autoHeight[data-v-dc11f21a] {
1124
- transition: height ease 0.7s;
1135
+ .autoHeight[data-v-7e8d16cb] {
1136
+ transition: height ease 0.7s;
1125
1137
  }
1126
- .bgl-slider.allowScroll[data-v-dc11f21a] {
1127
- overflow-x: scroll;
1138
+ .bgl-slider.allowScroll[data-v-7e8d16cb] {
1139
+ overflow-x: scroll;
1128
1140
  }
1129
- .bgl-slider.slides-6[data-v-dc11f21a] {
1130
- grid-auto-columns: 15.9%;
1131
- gap: 1%;
1141
+ .bgl-slider.slides-6[data-v-7e8d16cb] {
1142
+ grid-auto-columns: 15.9%;
1143
+ gap: 1%;
1132
1144
  }
1133
- .bgl-slider.slides-5[data-v-dc11f21a] {
1134
- grid-auto-columns: 19.3%;
1135
- gap: 1%;
1145
+ .bgl-slider.slides-5[data-v-7e8d16cb] {
1146
+ grid-auto-columns: 19.3%;
1147
+ gap: 1%;
1136
1148
  }
1137
- .bgl-slider.slides-4[data-v-dc11f21a] {
1138
- grid-auto-columns: 24.3%;
1139
- gap: 1%;
1149
+ .bgl-slider.slides-4[data-v-7e8d16cb] {
1150
+ grid-auto-columns: 24.3%;
1151
+ gap: 1%;
1140
1152
  }
1141
- .bgl-slider.slides-3[data-v-dc11f21a] {
1142
- grid-auto-columns: 33%;
1143
- gap: 1%;
1153
+ .bgl-slider.slides-3[data-v-7e8d16cb] {
1154
+ grid-auto-columns: 33%;
1155
+ gap: 1%;
1144
1156
  }
1145
- .bgl-slider.slides-2[data-v-dc11f21a] {
1146
- grid-auto-columns: 50%;
1147
- gap: 1%;
1157
+ .bgl-slider.slides-2[data-v-7e8d16cb] {
1158
+ grid-auto-columns: 50%;
1159
+ gap: 1%;
1148
1160
  }
1149
- .bgl-slider.slides-1[data-v-dc11f21a] {
1150
- grid-auto-columns: 100%;
1161
+ .bgl-slider.slides-1[data-v-7e8d16cb] {
1162
+ grid-auto-columns: 100%;
1151
1163
  }
1152
- .bgl-slider[data-v-dc11f21a]::-webkit-scrollbar {
1153
- display: none;
1164
+ .bgl-slider[data-v-7e8d16cb]::-webkit-scrollbar {
1165
+ display: none;
1154
1166
  }
1155
- .bgl-slider *[data-v-dc11f21a] {
1156
- scroll-snap-align: start;
1167
+ .bgl-slider *[data-v-7e8d16cb] {
1168
+ scroll-snap-align: start;
1157
1169
  }
1158
- .dragging.bgl-slider[data-v-dc11f21a] {
1159
- cursor: grabbing;
1160
- cursor: -webkit-grabbing;
1161
- scroll-snap-type: unset;
1170
+ .dragging.bgl-slider[data-v-7e8d16cb] {
1171
+ cursor: grabbing;
1172
+ cursor: -webkit-grabbing;
1173
+ scroll-snap-type: unset;
1162
1174
  }
1163
- .clicking.bgl-slider[data-v-dc11f21a] {
1164
- scroll-behavior: unset;
1175
+ .clicking.bgl-slider[data-v-7e8d16cb] {
1176
+ scroll-behavior: unset;
1165
1177
  }
1166
- .dragging.bgl-slider *[data-v-dc11f21a] {
1167
- scroll-snap-align: unset;
1168
- user-select: none;
1178
+ .dragging.bgl-slider *[data-v-7e8d16cb] {
1179
+ scroll-snap-align: unset;
1180
+ user-select: none;
1169
1181
  }
1170
1182
  @media screen and (max-width: 1280px) {
1171
- .bgl-slider.slides-4[data-v-dc11f21a] {
1172
- grid-auto-columns: 33%;
1183
+ .bgl-slider.slides-4[data-v-7e8d16cb] {
1184
+ grid-auto-columns: 33%;
1173
1185
  }
1174
1186
  }
1175
1187
  @media screen and (max-width: 991px) {
1176
- .bgl-slider.slides-4[data-v-dc11f21a] {
1177
- grid-auto-columns: 50%;
1188
+ .bgl-slider.slides-4[data-v-7e8d16cb] {
1189
+ grid-auto-columns: 50%;
1178
1190
  }
1179
1191
  }
1180
1192
  @media screen and (max-width: 600px) {
1181
- .bgl-slider.slides-4[data-v-dc11f21a] {
1182
- grid-auto-columns: 100%;
1193
+ .bgl-slider.slides-4[data-v-7e8d16cb] {
1194
+ grid-auto-columns: 100%;
1183
1195
  }
1184
1196
  }
1185
1197
 
1186
1198
  .del-top {
1187
- transform: translateY(-2.6rem);
1199
+ transform: translateY(-2.6rem);
1188
1200
  }
1189
1201
 
1190
1202
  :root {
@@ -1809,65 +1821,72 @@ to {
1809
1821
 
1810
1822
  .bagel-input.shrink,
1811
1823
  .bagel-input.shrink input {
1812
- min-width: unset !important;
1813
- /* width: auto; */
1824
+ min-width: unset !important;
1825
+ /* width: auto; */
1826
+ }
1827
+ .bagel-input label {
1828
+ font-size: var(--label-font-size);
1814
1829
  }
1815
1830
 
1816
- .bagel-input textarea[data-v-bdd555bb] {
1817
- min-height: unset;
1831
+ .bagel-input textarea[data-v-25f868b2] {
1832
+ min-height: unset;
1833
+ font-size: var(--input-font-size);
1818
1834
  }
1819
- .bagel-input.text-input textarea[data-v-bdd555bb] {
1820
- resize: none;
1835
+ .bagel-input.text-input textarea[data-v-25f868b2] {
1836
+ resize: none;
1821
1837
  }
1822
- .code textarea[data-v-bdd555bb] {
1823
- font-family: 'Inconsolata', monospace;
1824
- background: var(--bgl-black) !important;
1825
- color: var(--bgl-white) !important;
1838
+ .code textarea[data-v-25f868b2] {
1839
+ font-family: 'Inconsolata', monospace;
1840
+ background: var(--bgl-black) !important;
1841
+ color: var(--bgl-white) !important;
1826
1842
  }
1827
- .bagel-input.toggleEdit[data-v-bdd555bb]:hover {
1828
- background-color: var(--input-bg);
1843
+ .bagel-input.toggleEdit[data-v-25f868b2]:hover {
1844
+ background-color: var(--input-bg);
1829
1845
  }
1830
- .bagel-input.small[data-v-bdd555bb] {
1831
- margin-bottom: 0;
1832
- height: 30px;
1846
+ .bagel-input.small[data-v-25f868b2] {
1847
+ margin-bottom: 0;
1848
+ height: 30px;
1833
1849
  }
1834
- .bagel-input.dense label[data-v-bdd555bb] {
1835
- display: flex;
1836
- align-items: center;
1837
- gap: 0.5rem;
1850
+ .bagel-input.dense label[data-v-25f868b2] {
1851
+ display: flex;
1852
+ align-items: center;
1853
+ gap: 0.5rem;
1838
1854
  }
1839
- .toggleEditBtn[data-v-bdd555bb] {
1840
- position: absolute;
1841
- right: -24px;
1842
- top: 4;
1843
- opacity: 0;
1855
+ .bagel-input label[data-v-25f868b2] {
1856
+ font-size: var(--label-font-size);
1844
1857
  }
1845
- .textInputIconWrap[data-v-bdd555bb] {
1846
- position: relative;
1858
+ .toggleEditBtn[data-v-25f868b2] {
1859
+ position: absolute;
1860
+ right: -24px;
1861
+ top: 4;
1862
+ opacity: 0;
1847
1863
  }
1848
- .textInputIconWrap .bgl_icon-font[data-v-bdd555bb] {
1849
- position: absolute;
1850
- inset-inline-end: 0.7rem;
1851
- bottom: 50%;
1852
- line-height: 0;
1853
- color: var(--bgl-gray);
1864
+ .textInputIconWrap[data-v-25f868b2] {
1865
+ position: relative;
1854
1866
  }
1855
- .txtInputIconStart .iconStart[data-v-bdd555bb] {
1856
- position: absolute;
1857
- inset-inline-start: 0.7rem;
1858
- top: 50%;
1859
- line-height: 0;
1860
- color: var(--bgl-gray);
1867
+ .textInputIconWrap .bgl_icon-font[data-v-25f868b2] {
1868
+ position: absolute;
1869
+ inset-inline-end: 0.7rem;
1870
+ bottom: 50%;
1871
+ line-height: 0;
1872
+ color: var(--bgl-gray);
1873
+ }
1874
+ .txtInputIconStart .iconStart[data-v-25f868b2] {
1875
+ position: absolute;
1876
+ inset-inline-start: 0.7rem;
1877
+ top: 50%;
1878
+ line-height: 0;
1879
+ color: var(--bgl-gray);
1861
1880
  }
1862
- .txtInputIconStart textarea[data-v-bdd555bb] {
1863
- padding-inline-start: 2rem;
1881
+ .txtInputIconStart textarea[data-v-25f868b2] {
1882
+ padding-inline-start: 2rem;
1864
1883
  }
1865
- .bagel-input:hover .toggleEditBtn[data-v-bdd555bb],
1866
- .bagel-input.editMode .toggleEditBtn[data-v-bdd555bb] {
1867
- opacity: 1;
1884
+ .bagel-input:hover .toggleEditBtn[data-v-25f868b2],
1885
+ .bagel-input.editMode .toggleEditBtn[data-v-25f868b2] {
1886
+ opacity: 1;
1868
1887
  }
1869
- .bagel-input.small textarea[data-v-bdd555bb] {
1870
- height: 30px;
1888
+ .bagel-input.small textarea[data-v-25f868b2] {
1889
+ height: 30px;
1871
1890
  }
1872
1891
 
1873
1892
  .primary-checkbox input[data-v-e4cbb088] {
@@ -2224,79 +2243,6 @@ img.preview[data-v-1be8d7b1] {
2224
2243
  }
2225
2244
  }
2226
2245
 
2227
- .btn-end[data-v-208db149] {
2228
- text-align: end;
2229
- }
2230
- .whatsapp-preview[data-v-208db149] {
2231
- direction: ltr;
2232
- width: 400px;
2233
- padding: 1rem;
2234
- height: auto;
2235
- margin-top: 1rem;
2236
- /* border-left: 1px solid var(--border-color); */
2237
- margin-left: 20px;
2238
- position: sticky;
2239
- top: 15px;
2240
- flex: 1 1 40%;
2241
- }
2242
- .whatsapp-wrap[data-v-208db149] {
2243
- display: flex;
2244
- gap: 1rem;
2245
- max-width: 1200px;
2246
- overflow: auto;
2247
- height: 100%;
2248
- }
2249
- .create-template-form[data-v-208db149] {
2250
- flex: 1 0 50%;
2251
- min-width: 300px;
2252
- }
2253
- .whatsapp-msg[data-v-208db149] {
2254
- background: var(--whatsapp-green);
2255
- border-radius: 0.5rem;
2256
- border-start-start-radius: 0px;
2257
- padding: 10px;
2258
- line-height: 1.5;
2259
- margin-top: 1rem;
2260
- filter: drop-shadow(0 0px 2px var(--bgl-shadow));
2261
- position: relative;
2262
- min-height: 30px;
2263
- }
2264
- .whatsapp-msg[data-v-208db149]::after {
2265
- content: '';
2266
- inset-inline-start: -5px;
2267
- border-radius: 0.1rem;
2268
- transform: skew(45deg);
2269
- top: 0;
2270
- height: 8px;
2271
- width: 8px;
2272
- background: var(--whatsapp-green);
2273
- position: absolute;
2274
- }
2275
- .whatsapp-body[data-v-208db149] {
2276
- margin: 2px 0;
2277
- }
2278
- .whatsapp-footer[data-v-208db149] {
2279
- margin: 0;
2280
- opacity: 0.6;
2281
- font-size: 0.8rem;
2282
- }
2283
- .whatsappHebrew[data-v-208db149] {
2284
- direction: rtl;
2285
- }
2286
- .whatsappHebrew .whatsapp-msg[data-v-208db149]::after {
2287
- transform: skew(-45deg);
2288
- }
2289
- @media screen and (max-width: 1200px) {
2290
- .whatsapp-preview[data-v-208db149] {
2291
- width: 300px;
2292
- }
2293
- }
2294
- @media screen and (max-width: 910px) {
2295
- .whatsapp-preview[data-v-208db149] {
2296
- display: none;
2297
- }
2298
- }
2299
-
2300
2246
  .layout {
2301
2247
  min-height: 100px;
2302
2248
  display: grid;
@@ -2312,11 +2258,11 @@ img.preview[data-v-1be8d7b1] {
2312
2258
  .wideNav .nav-button .bgl_btn-flex {
2313
2259
  justify-content: flex-start !important;
2314
2260
  }
2315
-
2316
- .nav-button.router-link-active[data-v-67b81581] {
2317
- background-color: #40b884 !important;
2261
+ .nav-button.router-link-active {
2262
+ background-color: var(--bgl-primary-tint) !important;
2318
2263
  }
2319
- .bgl_sidebar[data-v-67b81581] {
2264
+
2265
+ .bgl_sidebar[data-v-8d6bd3d8] {
2320
2266
  background-color: var(--bgl-primary);
2321
2267
  color: var(--bgl-white);
2322
2268
  overflow: hidden;
@@ -2326,22 +2272,22 @@ img.preview[data-v-1be8d7b1] {
2326
2272
  padding: 0.5rem;
2327
2273
  overflow-y: auto;
2328
2274
  }
2329
- .wideNav .toggleNav[data-v-67b81581] {
2275
+ .wideNav .toggleNav[data-v-8d6bd3d8] {
2330
2276
  transform: rotate(180deg);
2331
2277
  }
2332
- .wideNav .nav-button[data-v-67b81581] {
2278
+ .wideNav .nav-button[data-v-8d6bd3d8] {
2333
2279
  padding-inline-start: 1rem !important;
2334
2280
  width: 100%;
2335
2281
  }
2336
- .nav-button.bgl_btn-icon[data-v-67b81581] {
2282
+ .nav-button.bgl_btn-icon[data-v-8d6bd3d8] {
2337
2283
  border-radius: var(--btn-border-radius) !important;
2338
2284
  }
2339
- .nav-button p[data-v-67b81581] {
2285
+ .nav-button p[data-v-8d6bd3d8] {
2340
2286
  transition: var(--nav-tran);
2341
- animation: fade-67b81581 2s;
2287
+ animation: fade-8d6bd3d8 2s;
2342
2288
  animation-duration: 900ms;
2343
2289
  }
2344
- @keyframes fade-67b81581 {
2290
+ @keyframes fade-8d6bd3d8 {
2345
2291
  0% {
2346
2292
  opacity: 0;
2347
2293
  transform: translateX(-20px);
@@ -2478,6 +2424,12 @@ img.preview[data-v-1be8d7b1] {
2478
2424
  margin-inline-end: auto;
2479
2425
  width: 98%;
2480
2426
  }
2427
+ .w100 {
2428
+ max-width: 100px;
2429
+ }
2430
+ .w200 {
2431
+ max-width: 200px;
2432
+ }
2481
2433
  .w300 {
2482
2434
  max-width: 300px;
2483
2435
  }
@@ -3157,7 +3109,7 @@ img.preview[data-v-1be8d7b1] {
3157
3109
  position: relative;
3158
3110
  }
3159
3111
  .absolute {
3160
- position: absolute;
3112
+ position: absolute !important;
3161
3113
  }
3162
3114
  .flex {
3163
3115
  display: flex;
@@ -3178,6 +3130,12 @@ img.preview[data-v-1be8d7b1] {
3178
3130
  display: block;
3179
3131
  width: 100%;
3180
3132
  }
3133
+ .inline {
3134
+ display: inline;
3135
+ }
3136
+ .inline-block {
3137
+ display: inline-block;
3138
+ }
3181
3139
  .flex-wrap {
3182
3140
  flex-wrap: wrap;
3183
3141
  }
@@ -3438,6 +3396,11 @@ img.preview[data-v-1be8d7b1] {
3438
3396
  .overflow-y-hidden {
3439
3397
  overflow-y: hidden;
3440
3398
  }
3399
+ .line {
3400
+ background: var(--border-color);
3401
+ height: 1px;
3402
+ width: 100%;
3403
+ }
3441
3404
  @media screen and (max-width: 910px) {
3442
3405
  .grid-wrap-2 {
3443
3406
  grid-template-columns: repeat(1, 1fr);
@@ -3825,6 +3788,9 @@ select {
3825
3788
  .bgl_icon-font {
3826
3789
  font-family: "Material Symbols Outlined", serif;
3827
3790
  }
3791
+ .nowrap {
3792
+ white-space: nowrap;
3793
+ }
3828
3794
  @media screen and (max-width: 910px) {
3829
3795
 
3830
3796
  .txt20,
@@ -17,7 +17,7 @@ export type BaseBagelField<T = Record<string, any>> = {
17
17
  options?: string | ({
18
18
  label?: string;
19
19
  value: string | number;
20
- } | string | number | Record<string, any>)[];
20
+ } | string | number | Record<string, any>)[] | ((val: any, rowData?: Record<string, any>) => void);
21
21
  defaultValue?: any;
22
22
  transform?: (val?: any, rowData?: Record<string, any>) => any;
23
23
  onUpdate?: (val: any, rowData?: Record<string, any>) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEhG,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,CAAC;AAE1F,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IAClC,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;CAC9C;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IACrD,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC;IAC1G,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC;IAC9D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7D,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;CAC5D,CAAA;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAC5D,GAAG,EAAE,MAAM,GAAG,OAAO,SAAS,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAC7D,GAAG,EAAE,QAAQ,GAAG,OAAO,WAAW,CAAC;IACnC,EAAE,EAAE,MAAM,CAAC;CACX;AAED,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAE1G,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC"}
1
+ {"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEhG,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,CAAC;AAE1F,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;CAC/C;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IACrD,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC;IAChK,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC;IAC9D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7D,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;CAC5D,CAAA;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAC3D,GAAG,EAAE,MAAM,GAAG,OAAO,SAAS,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAC5D,GAAG,EAAE,QAAQ,GAAG,OAAO,WAAW,CAAC;IACnC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAE1G,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC"}