@bagelink/vue 0.0.709 → 0.0.714

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 (179) hide show
  1. package/dist/components/Accordion.d.ts +12 -0
  2. package/dist/components/Accordion.d.ts.map +1 -0
  3. package/dist/components/AccordionItem.d.ts +34 -0
  4. package/dist/components/AccordionItem.d.ts.map +1 -0
  5. package/dist/components/Alert.d.ts +34 -0
  6. package/dist/components/Alert.d.ts.map +1 -0
  7. package/dist/components/Avatar.d.ts +36 -0
  8. package/dist/components/Avatar.d.ts.map +1 -0
  9. package/dist/components/Badge.d.ts +22 -0
  10. package/dist/components/Badge.d.ts.map +1 -0
  11. package/dist/components/BglVideo.d.ts +20 -0
  12. package/dist/components/BglVideo.d.ts.map +1 -0
  13. package/dist/components/Btn.d.ts +99 -0
  14. package/dist/components/Btn.d.ts.map +1 -0
  15. package/dist/components/Card.d.ts +39 -0
  16. package/dist/components/Card.d.ts.map +1 -0
  17. package/dist/components/Carousel.d.ts +74 -0
  18. package/dist/components/Carousel.d.ts.map +1 -0
  19. package/dist/components/ComboBox.vue.d.ts +3 -3
  20. package/dist/components/Comments.vue.d.ts +2 -2
  21. package/dist/components/ContactSubmissions.vue.d.ts +2 -2
  22. package/dist/components/DataPreview.d.ts +42 -0
  23. package/dist/components/DataPreview.d.ts.map +1 -0
  24. package/dist/components/Drop.vue.d.ts +34 -0
  25. package/dist/components/Drop.vue.d.ts.map +1 -0
  26. package/dist/components/DropDown.vue.d.ts +3 -3
  27. package/dist/components/FileUploader.vue.d.ts +60 -0
  28. package/dist/components/FileUploader.vue.d.ts.map +1 -0
  29. package/dist/components/Flag.d.ts +20 -0
  30. package/dist/components/Flag.d.ts.map +1 -0
  31. package/dist/components/FormSchema.vue.d.ts +5 -4
  32. package/dist/components/LangText.vue.d.ts +2 -2
  33. package/dist/components/ListItem.d.ts +34 -0
  34. package/dist/components/ListItem.d.ts.map +1 -0
  35. package/dist/components/ListItem.vue.d.ts.map +1 -1
  36. package/dist/components/ListView.d.ts +13 -0
  37. package/dist/components/ListView.d.ts.map +1 -0
  38. package/dist/components/MapEmbed.d.ts +3 -0
  39. package/dist/components/MapEmbed.d.ts.map +1 -0
  40. package/dist/components/MaterialIcon.d.ts +26 -0
  41. package/dist/components/MaterialIcon.d.ts.map +1 -0
  42. package/dist/components/Modal.d.ts +46 -0
  43. package/dist/components/Modal.d.ts.map +1 -0
  44. package/dist/components/ModalBglForm.vue.d.ts +21 -20
  45. package/dist/components/ModalConfirm.d.ts +24 -0
  46. package/dist/components/ModalConfirm.d.ts.map +1 -0
  47. package/dist/components/ModalConfirm.vue.d.ts +1 -10
  48. package/dist/components/ModalConfirm.vue.d.ts.map +1 -1
  49. package/dist/components/ModalForm.d.ts +78 -0
  50. package/dist/components/ModalForm.d.ts.map +1 -0
  51. package/dist/components/NavBar.d.ts +64 -0
  52. package/dist/components/NavBar.d.ts.map +1 -0
  53. package/dist/components/PageTitle.d.ts +24 -0
  54. package/dist/components/PageTitle.d.ts.map +1 -0
  55. package/dist/components/PersonPreview.vue.d.ts +5 -4
  56. package/dist/components/PersonPreviewFormkit.vue.d.ts +4 -3
  57. package/dist/components/RTXEditor.vue.d.ts +3 -3
  58. package/dist/components/RouterWrapper.d.ts +3 -0
  59. package/dist/components/RouterWrapper.d.ts.map +1 -0
  60. package/dist/components/TabbedLayout.vue.d.ts +5 -4
  61. package/dist/components/TableSchema.d.ts +35 -0
  62. package/dist/components/TableSchema.d.ts.map +1 -0
  63. package/dist/components/Title.d.ts +42 -0
  64. package/dist/components/Title.d.ts.map +1 -0
  65. package/dist/components/TopBar.d.ts +12 -0
  66. package/dist/components/TopBar.d.ts.map +1 -0
  67. package/dist/components/charts/BarChart.vue.d.ts +2 -2
  68. package/dist/components/dashboard/Lineart.d.ts +20 -0
  69. package/dist/components/dashboard/Lineart.d.ts.map +1 -0
  70. package/dist/components/form/BglField.d.ts +25 -0
  71. package/dist/components/form/BglField.d.ts.map +1 -0
  72. package/dist/components/form/BglForm.d.ts +75 -0
  73. package/dist/components/form/BglForm.d.ts.map +1 -0
  74. package/dist/components/form/BglForm.vue.d.ts +5 -0
  75. package/dist/components/form/BglForm.vue.d.ts.map +1 -1
  76. package/dist/components/form/ItemRef.vue.d.ts +5 -3
  77. package/dist/components/form/ItemRef.vue.d.ts.map +1 -1
  78. package/dist/components/form/MaterialIcon.vue.d.ts +4 -3
  79. package/dist/components/form/PlainInputField.vue.d.ts +3 -3
  80. package/dist/components/form/inputs/CheckInput.d.ts +56 -0
  81. package/dist/components/form/inputs/CheckInput.d.ts.map +1 -0
  82. package/dist/components/form/inputs/Checkbox.d.ts +16 -0
  83. package/dist/components/form/inputs/Checkbox.d.ts.map +1 -0
  84. package/dist/components/form/inputs/ColorPicker.d.ts +48 -0
  85. package/dist/components/form/inputs/ColorPicker.d.ts.map +1 -0
  86. package/dist/components/form/inputs/CurrencyInput.vue.d.ts +3 -3
  87. package/dist/components/form/inputs/DateInput.d.ts +64 -0
  88. package/dist/components/form/inputs/DateInput.d.ts.map +1 -0
  89. package/dist/components/form/inputs/DatePicker.d.ts +33 -0
  90. package/dist/components/form/inputs/DatePicker.d.ts.map +1 -0
  91. package/dist/components/form/inputs/DatetimeInput.vue.d.ts +3 -3
  92. package/dist/components/form/inputs/DurationInput.vue.d.ts +3 -3
  93. package/dist/components/form/inputs/DynamicLinkField.vue.d.ts +3 -3
  94. package/dist/components/form/inputs/EmailInput.vue.d.ts +3 -3
  95. package/dist/components/form/inputs/FileUpload.d.ts +108 -0
  96. package/dist/components/form/inputs/FileUpload.d.ts.map +1 -0
  97. package/dist/components/form/inputs/FileUpload.vue.d.ts +6 -0
  98. package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
  99. package/dist/components/form/inputs/FloatInput.vue.d.ts +3 -3
  100. package/dist/components/form/inputs/IntInput.vue.d.ts +3 -3
  101. package/dist/components/form/inputs/JSONInput.d.ts +53 -0
  102. package/dist/components/form/inputs/JSONInput.d.ts.map +1 -0
  103. package/dist/components/form/inputs/LinkField.vue.d.ts +3 -3
  104. package/dist/components/form/inputs/Password.vue.d.ts +3 -3
  105. package/dist/components/form/inputs/PasswordInput.vue.d.ts +3 -3
  106. package/dist/components/form/inputs/PlainText.vue.d.ts +3 -3
  107. package/dist/components/form/inputs/RadioGroup.d.ts +42 -0
  108. package/dist/components/form/inputs/RadioGroup.d.ts.map +1 -0
  109. package/dist/components/form/inputs/RadioPillsInput.d.ts +48 -0
  110. package/dist/components/form/inputs/RadioPillsInput.d.ts.map +1 -0
  111. package/dist/components/form/inputs/ReadOnlyInput.vue.d.ts +2 -2
  112. package/dist/components/form/inputs/RichText.d.ts +20 -0
  113. package/dist/components/form/inputs/RichText.d.ts.map +1 -0
  114. package/dist/components/form/inputs/RichText2/Toolbar.d.ts +22 -0
  115. package/dist/components/form/inputs/RichText2/Toolbar.d.ts.map +1 -0
  116. package/dist/components/form/inputs/RichText2/index.d.ts +24 -0
  117. package/dist/components/form/inputs/RichText2/index.d.ts.map +1 -0
  118. package/dist/components/form/inputs/RichTextEditor.vue.d.ts +3 -3
  119. package/dist/components/form/inputs/SelectField.vue.d.ts +6 -8
  120. package/dist/components/form/inputs/SelectField.vue.d.ts.map +1 -1
  121. package/dist/components/form/inputs/SelectInput.d.ts +55 -0
  122. package/dist/components/form/inputs/SelectInput.d.ts.map +1 -0
  123. package/dist/components/form/inputs/SignaturePad.d.ts +72 -0
  124. package/dist/components/form/inputs/SignaturePad.d.ts.map +1 -0
  125. package/dist/components/form/inputs/TableField.d.ts +45 -0
  126. package/dist/components/form/inputs/TableField.d.ts.map +1 -0
  127. package/dist/components/form/inputs/TelInput.d.ts +241 -0
  128. package/dist/components/form/inputs/TelInput.d.ts.map +1 -0
  129. package/dist/components/form/inputs/TextArea.vue.d.ts +3 -3
  130. package/dist/components/form/inputs/TextInput.d.ts +90 -0
  131. package/dist/components/form/inputs/TextInput.d.ts.map +1 -0
  132. package/dist/components/form/inputs/ToggleInput.d.ts +58 -0
  133. package/dist/components/form/inputs/ToggleInput.d.ts.map +1 -0
  134. package/dist/components/formkit/AddressArray.vue.d.ts +2 -2
  135. package/dist/components/formkit/BankDetailsArray.vue.d.ts +2 -2
  136. package/dist/components/formkit/ContactArrayFormKit.vue.d.ts +2 -2
  137. package/dist/components/formkit/FileUploader.vue.d.ts +2 -2
  138. package/dist/components/formkit/MiscFields.vue.d.ts +2 -2
  139. package/dist/components/formkit/Toggle.vue.d.ts +2 -2
  140. package/dist/components/layout/BottomMenu.d.ts +27 -0
  141. package/dist/components/layout/BottomMenu.d.ts.map +1 -0
  142. package/dist/components/layout/Layout.d.ts +58 -0
  143. package/dist/components/layout/Layout.d.ts.map +1 -0
  144. package/dist/components/layout/SidebarMenu.d.ts +38 -0
  145. package/dist/components/layout/SidebarMenu.d.ts.map +1 -0
  146. package/dist/components/layout/TabbedLayout.d.ts +42 -0
  147. package/dist/components/layout/TabbedLayout.d.ts.map +1 -0
  148. package/dist/components/layout/Tabs.d.ts +31 -0
  149. package/dist/components/layout/Tabs.d.ts.map +1 -0
  150. package/dist/components/layout/TabsBody.d.ts +23 -0
  151. package/dist/components/layout/TabsBody.d.ts.map +1 -0
  152. package/dist/components/layout/TabsNav.d.ts +35 -0
  153. package/dist/components/layout/TabsNav.d.ts.map +1 -0
  154. package/dist/components/whatsapp/form/MsgTemplate.vue.d.ts +4 -3
  155. package/dist/components/whatsapp/form/TextVariableExamples.vue.d.ts +2 -2
  156. package/dist/index.cjs +254 -158
  157. package/dist/index.d.ts +1 -0
  158. package/dist/index.d.ts.map +1 -1
  159. package/dist/index.mjs +254 -158
  160. package/dist/plugins/modal.d.ts.map +1 -1
  161. package/dist/style.css +118 -39
  162. package/dist/utils/BagelFormUtils.d.ts +10 -0
  163. package/dist/utils/BagelFormUtils.d.ts.map +1 -1
  164. package/dist/utils/constants.d.ts +5 -0
  165. package/dist/utils/constants.d.ts.map +1 -0
  166. package/dist/utils/objects.d.ts +1 -0
  167. package/package.json +13 -13
  168. package/src/components/ListItem.vue +6 -3
  169. package/src/components/ModalConfirm.vue +9 -5
  170. package/src/components/form/BglForm.vue +11 -1
  171. package/src/components/form/inputs/FileUpload.vue +185 -64
  172. package/src/index.ts +1 -0
  173. package/src/plugins/modal.ts +48 -16
  174. package/src/utils/constants.ts +4 -0
  175. package/dist/components/Popover.vue.d.ts +0 -10
  176. package/dist/components/Popover.vue.d.ts.map +0 -1
  177. package/dist/types/materialIcon.d.ts +0 -2
  178. package/dist/types/materialIcon.d.ts.map +0 -1
  179. package/src/components/form/inputs/FileUploadURL.vue +0 -300
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/D,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;IACvE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/B;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAA;AAElD,KAAK,uBAAuB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;CACnE;AAED,MAAM,WAAW,uBAAuB;IACvC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,WAAW,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,mBAAmB,GAAG,SAAS,CAAA;IAClG,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,uBAAuB,GAAG,SAAS,CAAA;IAC9G,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACpE;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAmDzB,CAAA"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/D,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;IACvE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/B;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAA;AAElD,KAAK,uBAAuB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;CACnE;AAED,MAAM,WAAW,uBAAuB;IACvC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,WAAW,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,mBAAmB,GAAG,SAAS,CAAA;IAClG,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,uBAAuB,GAAG,SAAS,CAAA;IAC9G,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACpE;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAmFzB,CAAA"}
package/dist/style.css CHANGED
@@ -626,6 +626,10 @@ a[data-v-895cf824] {
626
626
  .list-item.router-link-active {
627
627
  background-color: var(--bgl-primary-light);
628
628
  }
629
+ .notClickable:hover{
630
+ background-color:unset;
631
+ cursor: default;
632
+ }
629
633
  .list-item:active {
630
634
  -webkit-filter: var(--bgl-hover-filter);
631
635
  filter: var(--bgl-hover-filter);
@@ -1724,71 +1728,146 @@ display: block;
1724
1728
  color: var(--bgl-white);
1725
1729
  }
1726
1730
 
1727
- .bagel-input .fileUploadWrap[data-v-4c71cd49] {
1728
- --width: 320px;
1731
+ .fileUploadWrap[data-v-5911e10d] {
1729
1732
  outline: 1px solid var(--border-color);
1730
1733
  border-radius: var(--input-border-radius);
1731
1734
  text-align: center;
1732
1735
  cursor: pointer;
1733
1736
  transition: var(--bgl-transition);
1734
1737
  position: relative;
1735
- height: calc(var(--width) / 1.5);
1736
1738
  font-size: var(--input-font-size);
1737
1739
  overflow-y: auto;
1738
1740
  background: var(--input-bg);
1741
+ height: 215px;
1739
1742
  }
1740
- .previewName[data-v-4c71cd49] {
1741
- padding: 0.5rem;
1743
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-5911e10d] {
1744
+ background: var(--input-bg);
1745
+ display: flex;
1746
+ align-items: center;
1747
+ justify-content: center;
1748
+ color: var(--bgl-gray);
1749
+ flex-direction: column;
1750
+ }
1751
+ .fileUploadWrap.dragover[data-v-5911e10d],
1752
+ .fileUploadWrap[data-v-5911e10d]:hover {
1753
+ box-shadow: inset 0 0 10px #00000012;
1754
+ }
1755
+ .fileUploadWrap[style*="height: auto;"][data-v-5911e10d] {
1756
+ min-height: 215px;
1757
+ }
1758
+ .multi-image-item-preview[data-v-5911e10d] {
1759
+ border: 1px solid var(--border-color) !important;
1760
+ border-radius: var(--input-border-radius);
1761
+ margin: 0.5rem !important;
1762
+ background: var(--bgl-white);
1763
+ padding: 0;
1764
+ padding-inline-end: 0.75rem;
1742
1765
  text-align: start;
1743
1766
  color: var(--input-color);
1744
1767
  display: grid;
1745
1768
  grid-template-columns: auto 1fr 22px;
1746
1769
  gap: 1rem;
1747
1770
  align-items: center;
1748
- padding-inline: 14px;
1749
1771
  }
1750
- .previewName p[data-v-4c71cd49] {
1772
+ .multi-image-item-preview p[data-v-5911e10d] {
1751
1773
  overflow: hidden;
1752
1774
  text-overflow: ellipsis;
1753
1775
  white-space: nowrap;
1754
1776
  }
1755
- .imagePreviewWrap[data-v-4c71cd49] {
1756
- background: var(--input-bg);
1757
- border-radius: var(--input-border-radius);
1758
- padding: 5px;
1759
- min-height: 90px;
1760
- }
1761
- img.preview[data-v-4c71cd49] {
1762
- /* max-height: calc(var(--width) / 2); */
1763
- /* max-width: calc(var(--width) * 2); */
1777
+ .multi-preview[data-v-5911e10d]{
1764
1778
  width: 40px;
1765
1779
  height: 40px;
1766
1780
  border-radius: var(--input-border-radius);
1767
1781
  object-fit: cover;
1768
1782
  background: var(--bgl-gray-light);
1769
- box-shadow: 0 0 10px #00000012;
1783
+ text-align: center !important;
1784
+ justify-content: center;
1785
+ align-items: center;
1786
+ display: flex;
1770
1787
  }
1771
- img.preview.single[data-v-4c71cd49] {
1772
- max-width: var(--width);
1773
- width: calc(100% - 2.75rem);
1774
- object-fit: contain;
1775
- height: auto;
1776
- max-height: calc(var(--width) / 2);
1777
- margin: 1rem;
1788
+ .bgl-single-preview[data-v-5911e10d]{
1789
+ height: 100%;
1790
+ position: relative;
1778
1791
  }
1779
- .fileUploadWrap.dragover[data-v-4c71cd49],
1780
- .fileUploadWrap[data-v-4c71cd49]:hover {
1781
- box-shadow: inset 0 0 10px #00000012;
1792
+ .bgl-single-preview + .fileUploadPlaceHolder[data-v-5911e10d]{
1793
+ position: absolute;
1794
+ inset: 0;
1795
+ margin: auto;
1796
+ top: calc(50% - 2rem);
1782
1797
  }
1783
- .bagel-input .fileUploadWrap.fileDropZone[data-v-4c71cd49] {
1784
- background: var(--input-bg);
1798
+ .single-image-item-preview[data-v-5911e10d] {
1799
+ height: 100%;
1800
+ min-height: 100%;
1801
+ position: relative;
1785
1802
  display: flex;
1786
1803
  align-items: center;
1787
1804
  justify-content: center;
1788
- color: var(--bgl-gray);
1789
- flex-direction: column;
1790
1805
  }
1791
- .pie[data-v-4c71cd49] {
1806
+ .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-5911e10d] {
1807
+ min-height: 215px;
1808
+ }
1809
+ .fileUploadWrap[style*="height: auto"] .single-preview[data-v-5911e10d] {
1810
+ margin: 0rem !important;
1811
+ }
1812
+ .single-preview[data-v-5911e10d]{
1813
+ border-radius: var(--input-border-radius);
1814
+ margin: 1rem;
1815
+ padding: 0px;
1816
+ min-height: calc(100% - 2rem);
1817
+ height: calc(100% - 2rem);
1818
+ object-fit: cover;
1819
+ background: var(--bgl-gray-light);
1820
+ box-shadow: 0 0 10px #00000012;
1821
+ }
1822
+ .bgl_fill-image.single-image-item-preview[data-v-5911e10d] {
1823
+ height: 100%;
1824
+ }
1825
+ .bgl_fill-image.single-image-item-preview .single-preview[data-v-5911e10d]{
1826
+ border-radius: unset;
1827
+ object-fit: cover;
1828
+ box-shadow: unset;
1829
+ width: 100%;
1830
+ height: auto;
1831
+ }
1832
+ .single-image-item-preview .pie[data-v-5911e10d] {
1833
+ transform-origin: top;
1834
+ transform: scale(1.4);
1835
+ position: absolute;
1836
+ text-align: center;
1837
+ inset: 0;
1838
+ margin: auto;
1839
+ display: flex;
1840
+ justify-content: center;
1841
+ align-items: center;
1842
+ background: transparent;
1843
+ border: none !important;
1844
+ padding: 0 !important;
1845
+ }
1846
+ .bgl_oval-upload[data-v-5911e10d] {
1847
+ border-radius: 100% !important;
1848
+ overflow: hidden;
1849
+ }
1850
+ .bgl_oval-upload p[data-v-5911e10d] {
1851
+ padding: 0.75rem !important;
1852
+ font-size: 12px
1853
+ }
1854
+ .bgl_oval-upload .fileUploadPlaceHolder[data-v-5911e10d]{
1855
+ top: 0;
1856
+ }
1857
+ .bgl_oval-upload .pie[data-v-5911e10d] {
1858
+ transform: scale(1);
1859
+ }
1860
+ .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-5911e10d] {
1861
+ transform: scale(0.4) !important;
1862
+ }
1863
+ .bgl_oval-upload .single-image-item-preview[data-v-5911e10d]{
1864
+ height: 100%;
1865
+ }
1866
+ .bgl_oval-upload .single-preview[data-v-5911e10d] {
1867
+ margin: 0;
1868
+ height: 100% !important;
1869
+ }
1870
+ .pie[data-v-5911e10d] {
1792
1871
  width: 30px;
1793
1872
  height: 30px;
1794
1873
  position: relative;
@@ -1796,7 +1875,7 @@ img.preview.single[data-v-4c71cd49] {
1796
1875
  align-items: center;
1797
1876
  justify-content: center;
1798
1877
  }
1799
- .pie[data-v-4c71cd49]:before {
1878
+ .pie[data-v-5911e10d]:before {
1800
1879
  content: '';
1801
1880
  position: absolute;
1802
1881
  border-radius: 50%;
@@ -1814,26 +1893,26 @@ img.preview.single[data-v-4c71cd49] {
1814
1893
  #000 calc(100% - var(--b))
1815
1894
  );
1816
1895
  }
1817
- .pie .success[data-v-4c71cd49] {
1896
+ .pie .success[data-v-5911e10d] {
1818
1897
  transform: scale(0);
1819
1898
  opacity: 0;
1820
1899
  transition: all 0.3s ease-in-out;
1821
1900
  }
1822
- .pie .progress[data-v-4c71cd49] {
1901
+ .pie .progress[data-v-5911e10d] {
1823
1902
  position: absolute;
1824
1903
  font-size: 10px;
1825
1904
  }
1826
- .pie.complete .progress[data-v-4c71cd49] {
1905
+ .pie.complete .progress[data-v-5911e10d] {
1827
1906
  display: none;
1828
1907
  }
1829
- .pie.complete .success[data-v-4c71cd49] {
1908
+ .pie.complete .success[data-v-5911e10d] {
1830
1909
  transform: scale(1.3);
1831
1910
  opacity: 1;
1832
1911
  }
1833
- .pie.complete[data-v-4c71cd49]:before {
1912
+ .pie.complete[data-v-5911e10d]:before {
1834
1913
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
1835
1914
  }
1836
- .pie.complete[data-v-4c71cd49] {
1915
+ .pie.complete[data-v-5911e10d] {
1837
1916
  color: var(--bgl-green);
1838
1917
  }
1839
1918
 
@@ -202,6 +202,11 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
202
202
  modelValue: Record<string, any>;
203
203
  }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
204
204
  $slots: {
205
+ submit?(_: {
206
+ submit: () => void;
207
+ isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
208
+ validateForm: () => boolean;
209
+ }): any;
205
210
  submit?(_: {
206
211
  submit: () => void;
207
212
  isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
@@ -374,6 +379,11 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
374
379
  modelValue: Record<string, any>;
375
380
  }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
376
381
  $slots: {
382
+ submit?(_: {
383
+ submit: () => void;
384
+ isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
385
+ validateForm: () => boolean;
386
+ }): any;
377
387
  submit?(_: {
378
388
  submit: () => void;
379
389
  isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
@@ -1 +1 @@
1
- {"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,KAAK,EAAE,KAAK,MAAM,EAAY,MAAM,eAAe,CAAA;AAGjG,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,KAAK,WAAW,GAAG,YAAY,CAAA;AAE/B,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,KAAK,eAAe,GAAG,YAAY,CAAA;AAEnC,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,GAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,EAAE,IAAI,GAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAIjI;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe;;;;;;;;EAWzB;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,gBAAgB,GACxB,KAAK,CAgBP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EACrC,MAAM,CAAC,EAAE,gBAAgB,GACvB,KAAK,CAgBP;AAED,wBAAgB,UAAU,CACzB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAQP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,WAAW,GACnB,KAAK,CAaP;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAoBP;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C;AAED,wBAAgB,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBrE;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAOzF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,KAAK,GAAG,SAAS,CASvF"}
@@ -0,0 +1,5 @@
1
+ export declare const IMAGE_FORMATS: string[];
2
+ export declare const IMAGE_FORMATS_REGEXP: RegExp;
3
+ export declare const VIDEO_FORMATS: string[];
4
+ export declare const VIDEO_FORMATS_REGEXP: RegExp;
5
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,UAA+E,CAAA;AACzG,eAAO,MAAM,oBAAoB,QAAmD,CAAA;AACpF,eAAO,MAAM,aAAa,UAA0E,CAAA;AACpG,eAAO,MAAM,oBAAoB,QAAmD,CAAA"}
@@ -1,4 +1,5 @@
1
1
  import { BagelField } from '..';
2
+
2
3
  export declare function getPropByPath(obj: Record<string, any>, propPath?: string, bagelField?: BagelField): {};
3
4
  export declare function setPropByPath(obj: Record<string, any>, path?: string, value?: any): void;
4
5
  //# sourceMappingURL=objects.d.ts.map
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.709",
4
+ "version": "0.0.714",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -104,21 +104,21 @@
104
104
  "access": "public"
105
105
  },
106
106
  "dependencies": {
107
- "@tiptap/extension-image": "^2.6.5",
108
- "@tiptap/extension-table": "^2.6.5",
109
- "@tiptap/extension-table-cell": "^2.6.5",
110
- "@tiptap/extension-table-header": "^2.6.5",
111
- "@tiptap/extension-table-row": "^2.6.5",
112
- "@tiptap/extension-youtube": "^2.6.5",
113
- "@tiptap/pm": "^2.6.5",
114
- "@tiptap/starter-kit": "^2.6.5",
115
- "@tiptap/vue-3": "^2.6.5",
107
+ "@tiptap/extension-image": "^2.6.6",
108
+ "@tiptap/extension-table": "^2.6.6",
109
+ "@tiptap/extension-table-cell": "^2.6.6",
110
+ "@tiptap/extension-table-header": "^2.6.6",
111
+ "@tiptap/extension-table-row": "^2.6.6",
112
+ "@tiptap/extension-youtube": "^2.6.6",
113
+ "@tiptap/pm": "^2.6.6",
114
+ "@tiptap/starter-kit": "^2.6.6",
115
+ "@tiptap/vue-3": "^2.6.6",
116
116
  "@vuepic/vue-datepicker": "^8.8.1",
117
- "@vueuse/core": "^11.0.1",
118
- "axios": "^1.7.4",
117
+ "@vueuse/core": "^11.0.3",
118
+ "axios": "^1.7.5",
119
119
  "floating-vue": "^5.2.2",
120
120
  "libphonenumber-js": "1.11.7",
121
- "signature_pad": "^5.0.2",
121
+ "signature_pad": "^5.0.3",
122
122
  "type-fest": "^4.25.0"
123
123
  },
124
124
  "scripts": {
@@ -17,8 +17,8 @@ defineProps<{
17
17
  <component
18
18
  :is="to ? 'RouterLink' : 'div'"
19
19
  :to="to"
20
- class="flex gap-1"
21
- :class="{ 'list-item': to || onClick, 'no-border-list': flat }"
20
+ class="flex gap-1 list-item"
21
+ :class="{ 'notClickable': !(to || onClick), 'no-border-list': flat }"
22
22
  >
23
23
  <Avatar v-if="src || showAvatar" style="flex-basis: 1;" :name="title" :src="src" :size="40" />
24
24
  <Icon v-if="icon" size="1.2" class="color-primary" :icon="icon" />
@@ -63,7 +63,10 @@ defineProps<{
63
63
  .list-item.router-link-active {
64
64
  background-color: var(--bgl-primary-light);
65
65
  }
66
-
66
+ .notClickable:hover{
67
+ background-color:unset;
68
+ cursor: default;
69
+ }
67
70
  .list-item:active {
68
71
  -webkit-filter: var(--bgl-hover-filter);
69
72
  filter: var(--bgl-hover-filter);
@@ -16,12 +16,16 @@ function select(val: boolean) {
16
16
  </script>
17
17
 
18
18
  <template>
19
- <Modal width="380px" :dismissable="false" :title="title">
20
- {{ message }}
21
- <slot />
19
+ <Modal width="380px" :dismissable="false" class="color-black txt-center">
20
+ <h3 class="m-0">
21
+ {{ title }}
22
+ </h3>
23
+ <p class="px-1 py-1 pretty m-0">
24
+ {{ message }}
25
+ </p>
22
26
  <template #footer>
23
- <Btn color="primary" value="Confirm" @click="select(true)" />
24
- <Btn color="red" value="Cancel" @click="select(false)" />
27
+ <Btn flat thin value="Cancel" @click="select(false)" />
28
+ <Btn color="green" value="Confirm" @click="select(true)" />
25
29
  </template>
26
30
  </Modal>
27
31
  </template>
@@ -105,8 +105,18 @@ defineExpose({
105
105
  </script>
106
106
 
107
107
  <template>
108
+ <template v-if="id">
109
+ <Title v-if="label" tag="h4" :label="label" />
110
+ <BglField
111
+ v-for="(field, i) in computedSchema"
112
+ :key="field.id || `${i}p`"
113
+ v-model="data"
114
+ :field="field"
115
+ />
116
+ <slot name="submit" :submit="runSubmit" :isDirty :validateForm />
117
+ </template>
108
118
  <form
109
- v-if="!slots.success || status !== 'success'"
119
+ v-else-if="!slots.success || status !== 'success'"
110
120
  ref="form"
111
121
  @submit.prevent="runSubmit"
112
122
  >