@bagelink/vue 1.15.13 → 1.15.26

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 (220) hide show
  1. package/dist/components/AccordionItem.vue.d.ts.map +1 -1
  2. package/dist/components/Alert.vue.d.ts +8 -4
  3. package/dist/components/Avatar.vue.d.ts.map +1 -1
  4. package/dist/components/Badge.vue.d.ts +46 -6
  5. package/dist/components/Badge.vue.d.ts.map +1 -1
  6. package/dist/components/BglVideo.vue.d.ts.map +1 -1
  7. package/dist/components/Btn.vue.d.ts +11 -3
  8. package/dist/components/Btn.vue.d.ts.map +1 -1
  9. package/dist/components/Card.vue.d.ts.map +1 -1
  10. package/dist/components/DataPreview.vue.d.ts.map +1 -1
  11. package/dist/components/DragOver.vue.d.ts.map +1 -1
  12. package/dist/components/Dropdown.vue.d.ts.map +1 -1
  13. package/dist/components/FieldSetVue.vue.d.ts.map +1 -1
  14. package/dist/components/FilterQuery.vue.d.ts.map +1 -1
  15. package/dist/components/Image.vue.d.ts.map +1 -1
  16. package/dist/components/ListItem.vue.d.ts +0 -1
  17. package/dist/components/ListItem.vue.d.ts.map +1 -1
  18. package/dist/components/ListView.vue.d.ts.map +1 -1
  19. package/dist/components/MapEmbed/Index.vue.d.ts.map +1 -1
  20. package/dist/components/Menu.vue.d.ts.map +1 -1
  21. package/dist/components/NavBar.vue.d.ts.map +1 -1
  22. package/dist/components/PageTitle.vue.d.ts.map +1 -1
  23. package/dist/components/Pagination.vue.d.ts +1 -1
  24. package/dist/components/RouterWrapper.vue.d.ts.map +1 -1
  25. package/dist/components/Spreadsheet/Index.vue.d.ts.map +1 -1
  26. package/dist/components/Spreadsheet/SpreadsheetTable.vue.d.ts +8 -8
  27. package/dist/components/Spreadsheet/SpreadsheetTable.vue.d.ts.map +1 -1
  28. package/dist/components/Swiper.vue.d.ts.map +1 -1
  29. package/dist/components/Toast.vue.d.ts +7 -2
  30. package/dist/components/Toast.vue.d.ts.map +1 -1
  31. package/dist/components/analytics/BarChart.vue.d.ts.map +1 -1
  32. package/dist/components/analytics/LineChart.vue.d.ts.map +1 -1
  33. package/dist/components/analytics/PieChart.vue.d.ts.map +1 -1
  34. package/dist/components/calendar/CalendarPopover.vue.d.ts.map +1 -1
  35. package/dist/components/calendar/Index.vue.d.ts.map +1 -1
  36. package/dist/components/calendar/views/AgendaView.vue.d.ts.map +1 -1
  37. package/dist/components/calendar/views/DayView.vue.d.ts.map +1 -1
  38. package/dist/components/calendar/views/MonthView.vue.d.ts.map +1 -1
  39. package/dist/components/calendar/views/WeekView.vue.d.ts.map +1 -1
  40. package/dist/components/dataTable/DataTable.vue.d.ts +11 -2
  41. package/dist/components/dataTable/DataTable.vue.d.ts.map +1 -1
  42. package/dist/components/form/index.d.ts +0 -4
  43. package/dist/components/form/inputs/ArrayInput.vue.d.ts.map +1 -1
  44. package/dist/components/form/inputs/CheckInput.vue.d.ts.map +1 -1
  45. package/dist/components/form/inputs/Checkbox.vue.d.ts.map +1 -1
  46. package/dist/components/form/inputs/CodeEditor/Index.vue.d.ts.map +1 -1
  47. package/dist/components/form/inputs/ColorInput.vue.d.ts.map +1 -1
  48. package/dist/components/form/inputs/DateInput.vue.d.ts.map +1 -1
  49. package/dist/components/form/inputs/DatePicker.vue.d.ts.map +1 -1
  50. package/dist/components/form/inputs/EmailInput.vue.d.ts.map +1 -1
  51. package/dist/components/form/inputs/JSONInput.vue.d.ts.map +1 -1
  52. package/dist/components/form/inputs/MarkdownEditor.vue.d.ts.map +1 -1
  53. package/dist/components/form/inputs/NumberInput.vue.d.ts.map +1 -1
  54. package/dist/components/form/inputs/OTP.vue.d.ts.map +1 -1
  55. package/dist/components/form/inputs/PasswordInput.vue.d.ts.map +1 -1
  56. package/dist/components/form/inputs/RadioGroup.vue.d.ts.map +1 -1
  57. package/dist/components/form/inputs/RangeInput.vue.d.ts.map +1 -1
  58. package/dist/components/form/inputs/RichText/components/EditorToolbar.vue.d.ts.map +1 -1
  59. package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
  60. package/dist/components/form/inputs/RichText/utils/media.d.ts +1 -10
  61. package/dist/components/form/inputs/SelectBtn.vue.d.ts +4 -3
  62. package/dist/components/form/inputs/SelectBtn.vue.d.ts.map +1 -1
  63. package/dist/components/form/inputs/SelectInput.vue.d.ts +1 -1
  64. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  65. package/dist/components/form/inputs/SignaturePad.vue.d.ts.map +1 -1
  66. package/dist/components/form/inputs/TableField.vue.d.ts.map +1 -1
  67. package/dist/components/form/inputs/TelInput.vue.d.ts.map +1 -1
  68. package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
  69. package/dist/components/form/inputs/ToggleInput.vue.d.ts.map +1 -1
  70. package/dist/components/index.d.ts +2 -9
  71. package/dist/components/layout/AppContent.vue.d.ts.map +1 -1
  72. package/dist/components/layout/AppLayout.vue.d.ts +33 -4
  73. package/dist/components/layout/AppLayout.vue.d.ts.map +1 -1
  74. package/dist/components/layout/AppSidebar.vue.d.ts +6 -3
  75. package/dist/components/layout/AppSidebar.vue.d.ts.map +1 -1
  76. package/dist/components/layout/BottomMenu.vue.d.ts.map +1 -1
  77. package/dist/components/layout/Panel.vue.d.ts +1 -1
  78. package/dist/components/layout/Resizable.vue.d.ts +1 -1
  79. package/dist/components/layout/Resizable.vue.d.ts.map +1 -1
  80. package/dist/components/layout/SidebarMenu.vue.d.ts.map +1 -1
  81. package/dist/components/layout/Skeleton.vue.d.ts.map +1 -1
  82. package/dist/components/layout/TabbedLayout.vue.d.ts.map +1 -1
  83. package/dist/components/layout/TabsNav.vue.d.ts +1 -1
  84. package/dist/components/layout/TabsNav.vue.d.ts.map +1 -1
  85. package/dist/components/layout/index.d.ts +2 -0
  86. package/dist/components/lightbox/Lightbox.vue.d.ts.map +1 -1
  87. package/dist/composables/index.d.ts +1 -0
  88. package/dist/composables/useTheme.d.ts +0 -15
  89. package/dist/dialog/Dialog.vue.d.ts +4 -2
  90. package/dist/dialog/Dialog.vue.d.ts.map +1 -1
  91. package/dist/dialog/DialogConfirm.vue.d.ts +2 -2
  92. package/dist/form-flow/MultiStepForm.vue.d.ts +16 -2
  93. package/dist/form-flow/MultiStepForm.vue.d.ts.map +1 -1
  94. package/dist/form-flow/form-flow.d.ts +11 -0
  95. package/dist/index.cjs +24 -22
  96. package/dist/index.d.ts +0 -3
  97. package/dist/index.mjs +78 -70
  98. package/dist/style.css +1 -1
  99. package/dist/types/BagelForm.d.ts +23 -61
  100. package/dist/types/BtnOptions.d.ts +5 -3
  101. package/dist/types/TableSchema.d.ts +3 -0
  102. package/dist/types/index.d.ts +1 -2
  103. package/dist/utils/calendar/dateUtils.d.ts +2 -3
  104. package/dist/utils/constants.d.ts +6 -0
  105. package/dist/utils/index.d.ts +24 -3
  106. package/dist/utils/options.d.ts +2 -2
  107. package/dist/utils/showdown.d.ts +6 -0
  108. package/package.json +1 -1
  109. package/src/components/AccordionItem.vue +32 -28
  110. package/src/components/Avatar.vue +12 -10
  111. package/src/components/Badge.vue +15 -13
  112. package/src/components/BglVideo.vue +13 -11
  113. package/src/components/Btn.vue +90 -89
  114. package/src/components/Card.vue +33 -31
  115. package/src/components/DataPreview.vue +17 -15
  116. package/src/components/DragOver.vue +2 -0
  117. package/src/components/Dropdown.vue +38 -36
  118. package/src/components/FieldSetVue.vue +7 -5
  119. package/src/components/FilterQuery.vue +28 -24
  120. package/src/components/Image.vue +7 -5
  121. package/src/components/JSONSchema.vue +45 -43
  122. package/src/components/JsonBuilder.vue +10 -8
  123. package/src/components/ListItem.vue +41 -39
  124. package/src/components/ListView.vue +3 -1
  125. package/src/components/MapEmbed/Index.vue +4 -2
  126. package/src/components/Menu.vue +17 -13
  127. package/src/components/NavBar.vue +198 -196
  128. package/src/components/PageTitle.vue +2 -0
  129. package/src/components/RouterWrapper.vue +3 -1
  130. package/src/components/Spreadsheet/Index.vue +8 -6
  131. package/src/components/Spreadsheet/SpreadsheetTable.vue +100 -98
  132. package/src/components/Swiper.vue +33 -30
  133. package/src/components/Toast.vue +2 -0
  134. package/src/components/analytics/BarChart.vue +10 -8
  135. package/src/components/analytics/LineChart.vue +27 -23
  136. package/src/components/analytics/PieChart.vue +32 -28
  137. package/src/components/calendar/CalendarPopover.vue +19 -17
  138. package/src/components/calendar/Index.vue +6 -4
  139. package/src/components/calendar/views/AgendaView.vue +19 -17
  140. package/src/components/calendar/views/DayView.vue +44 -42
  141. package/src/components/calendar/views/MonthView.vue +85 -83
  142. package/src/components/calendar/views/WeekView.vue +55 -53
  143. package/src/components/dataTable/DataTable.vue +140 -139
  144. package/src/components/form/inputs/ArrayInput.vue +28 -26
  145. package/src/components/form/inputs/CheckInput.vue +32 -30
  146. package/src/components/form/inputs/Checkbox.vue +4 -2
  147. package/src/components/form/inputs/CodeEditor/Index.vue +49 -45
  148. package/src/components/form/inputs/ColorInput.vue +37 -35
  149. package/src/components/form/inputs/DateInput.vue +3 -1
  150. package/src/components/form/inputs/DatePicker.vue +42 -40
  151. package/src/components/form/inputs/EmailInput.vue +67 -63
  152. package/src/components/form/inputs/JSONInput.vue +4 -2
  153. package/src/components/form/inputs/MarkdownEditor.vue +3 -1
  154. package/src/components/form/inputs/NumberInput.vue +53 -51
  155. package/src/components/form/inputs/OTP.vue +45 -43
  156. package/src/components/form/inputs/PasswordInput.vue +11 -9
  157. package/src/components/form/inputs/RadioGroup.vue +19 -18
  158. package/src/components/form/inputs/RangeInput.vue +23 -21
  159. package/src/components/form/inputs/RichText/components/EditorToolbar.vue +14 -12
  160. package/src/components/form/inputs/RichText/components/gridBox.vue +10 -8
  161. package/src/components/form/inputs/RichText/index.vue +218 -212
  162. package/src/components/form/inputs/SelectBtn.vue +3 -1
  163. package/src/components/form/inputs/SelectInput.vue +61 -57
  164. package/src/components/form/inputs/SignaturePad.vue +19 -17
  165. package/src/components/form/inputs/TableField.vue +71 -67
  166. package/src/components/form/inputs/TelInput.vue +84 -82
  167. package/src/components/form/inputs/TextInput.vue +38 -34
  168. package/src/components/form/inputs/ToggleInput.vue +31 -29
  169. package/src/components/layout/AppContent.vue +21 -17
  170. package/src/components/layout/AppLayout.vue +25 -23
  171. package/src/components/layout/AppSidebar.vue +71 -72
  172. package/src/components/layout/BottomMenu.vue +7 -3
  173. package/src/components/layout/Resizable.vue +8 -6
  174. package/src/components/layout/SidebarMenu.vue +16 -12
  175. package/src/components/layout/Skeleton.vue +17 -15
  176. package/src/components/layout/TabbedLayout.vue +6 -5
  177. package/src/components/layout/TabsNav.vue +112 -108
  178. package/src/components/lightbox/Lightbox.vue +147 -145
  179. package/src/dialog/Dialog.vue +142 -140
  180. package/src/form-flow/MultiStepForm.vue +88 -86
  181. package/src/styles/appearance.css +115 -115
  182. package/src/styles/bagel.css +30 -31
  183. package/src/styles/layout.css +977 -971
  184. package/src/styles/mobilLayout.css +754 -754
  185. package/src/styles/text.css +630 -630
  186. package/vite.config.ts +1 -1
  187. package/dist/components/Carousel.vue.d.ts +0 -140
  188. package/dist/components/Carousel.vue.d.ts.map +0 -1
  189. package/dist/components/ImportData.vue.d.ts +0 -21
  190. package/dist/components/ImportData.vue.d.ts.map +0 -1
  191. package/dist/components/Modal.vue.d.ts +0 -48
  192. package/dist/components/Modal.vue.d.ts.map +0 -1
  193. package/dist/components/ModalConfirm.vue.d.ts +0 -17
  194. package/dist/components/ModalConfirm.vue.d.ts.map +0 -1
  195. package/dist/components/ModalForm.vue.d.ts +0 -29
  196. package/dist/components/ModalForm.vue.d.ts.map +0 -1
  197. package/dist/components/Pill.vue.d.ts +0 -47
  198. package/dist/components/Pill.vue.d.ts.map +0 -1
  199. package/dist/components/Slider.vue.d.ts +0 -96
  200. package/dist/components/Slider.vue.d.ts.map +0 -1
  201. package/dist/components/Title.vue.d.ts +0 -48
  202. package/dist/components/Title.vue.d.ts.map +0 -1
  203. package/dist/components/ToolBar.vue.d.ts +0 -3
  204. package/dist/components/ToolBar.vue.d.ts.map +0 -1
  205. package/dist/components/form/BagelForm.vue.d.ts +0 -43
  206. package/dist/components/form/BagelForm.vue.d.ts.map +0 -1
  207. package/dist/components/form/BglMultiStepForm.vue.d.ts +0 -68
  208. package/dist/components/form/BglMultiStepForm.vue.d.ts.map +0 -1
  209. package/dist/components/form/FieldArray.vue.d.ts +0 -48
  210. package/dist/components/form/FieldArray.vue.d.ts.map +0 -1
  211. package/dist/components/form/useBagelFormState.d.ts +0 -11
  212. package/dist/components/form/useBagelFormState.d.ts.map +0 -1
  213. package/dist/composables/useFormField.d.ts +0 -11
  214. package/dist/composables/useFormField.d.ts.map +0 -1
  215. package/dist/plugins/modalTypes.d.ts +0 -62
  216. package/dist/plugins/modalTypes.d.ts.map +0 -1
  217. package/dist/plugins/useModal.d.ts +0 -21
  218. package/dist/plugins/useModal.d.ts.map +0 -1
  219. package/dist/utils/BagelFormUtils.d.ts +0 -183
  220. package/dist/utils/BagelFormUtils.d.ts.map +0 -1
package/src/components/form/inputs/RichText/index.vue CHANGED
@@ -2893,13 +2893,15 @@ async function initEditor() {
2893
2893
  ">
2894
2894
  <base target="_blank">
2895
2895
  <style id="editor-styles">
2896
- ${editorStylesContent}
2897
- .placeholder {
2898
- color: #9ca3af;
2899
- font-style: italic;
2900
- pointer-events: none;
2901
- user-select: none;
2902
- }
2896
+
2897
+ ${editorStylesContent}
2898
+ .placeholder {
2899
+ color: #9ca3af;
2900
+ font-style: italic;
2901
+ pointer-events: none;
2902
+ user-select: none;
2903
+ }
2904
+
2903
2905
  </style>
2904
2906
  </head>
2905
2907
  <body class="richtext-editor-content">${initialContent}</body>
@@ -3242,7 +3244,7 @@ const imgTransform = computed({
3242
3244
  },
3243
3245
  set: (newVal: string) => {
3244
3246
  if (!newVal || imageForm.value.src === newVal) return
3245
- imageForm.value.src = pathKeyToURL(newVal)
3247
+ imageForm.value.src = pathKeyToURL(newVal) ?? newVal
3246
3248
  }
3247
3249
  })
3248
3250
  </script>
@@ -3741,350 +3743,354 @@ const imgTransform = computed({
3741
3743
  </template>
3742
3744
 
3743
3745
  <style>
3746
+
3744
3747
  .table-editor .colorInputPickWrap {
3745
- background: var(--bgl-input-bg);
3748
+ background: var(--bgl-input-bg);
3746
3749
  }
3747
3750
 
3748
3751
  .rich-text-editor--basic .content-area {
3749
- background: var(--bgl-input-bg) !important;
3750
- border: none;
3751
- /* padding: 0 0.7rem; */
3752
- border-radius: var(--bgl-input-border-radius);
3753
- color: var(--bgl-input-color);
3754
- min-width: calc(var(--bgl-input-height) * 3);
3755
- width: 100%;
3752
+ background: var(--bgl-input-bg) !important;
3753
+ border: none;
3754
+ /* padding: 0 0.7rem; */
3755
+ border-radius: var(--bgl-input-border-radius);
3756
+ color: var(--bgl-input-color);
3757
+ min-width: calc(var(--bgl-input-height) * 3);
3758
+ width: 100%;
3756
3759
  }
3757
3760
 
3758
3761
  .rich-text-editor--basic .content-area:hover {
3759
- outline-color: rgba(0, 0, 0, 0.05);
3760
- box-shadow: inset 0 0 8px #00000018;
3761
- outline-color: var(--bgl-input-bg);
3762
+ outline-color: rgba(0, 0, 0, 0.05);
3763
+ box-shadow: inset 0 0 8px #00000018;
3764
+ outline-color: var(--bgl-input-bg);
3762
3765
  }
3763
3766
 
3764
3767
  .content-area p,
3765
3768
  .content-area span,
3766
3769
  .content-area li {
3767
- line-height: 1.65;
3768
- font-size: var(--richtext-font-size, 16px);
3770
+ line-height: 1.65;
3771
+ font-size: var(--richtext-font-size, 16px);
3769
3772
  }
3773
+
3770
3774
  </style>
3771
3775
 
3772
3776
  <style scoped>
3777
+
3773
3778
  /* Table hover and edit button styles */
3774
3779
  .content-area table {
3775
- position: relative;
3780
+ position: relative;
3776
3781
  }
3777
3782
 
3778
3783
  .content-area table:hover {
3779
- outline: 2px solid rgba(0, 123, 204, 0.3);
3780
- outline-offset: 2px;
3784
+ outline: 2px solid rgba(0, 123, 204, 0.3);
3785
+ outline-offset: 2px;
3781
3786
  }
3782
3787
 
3783
3788
  .rich-text-editor {
3784
- background: var(--bgl-input-bg);
3785
- border: 1px solid var(--bgl-border-color);
3786
- transition: all 0.3s ease;
3789
+ background: var(--bgl-input-bg);
3790
+ border: 1px solid var(--bgl-border-color);
3791
+ transition: all 0.3s ease;
3787
3792
  }
3788
3793
 
3789
3794
  .editor-container {
3790
- display: flex;
3791
- gap: 0.5rem;
3795
+ display: flex;
3796
+ gap: 0.5rem;
3792
3797
  }
3793
3798
 
3794
3799
  .content-area,
3795
3800
  .preview-area {
3796
- flex: 1;
3797
- background: var(--bgl-richtext-color);
3798
- font-size: var(--richtext-font-size, 16px);
3801
+ flex: 1;
3802
+ background: var(--bgl-richtext-color);
3803
+ font-size: var(--richtext-font-size, 16px);
3799
3804
  }
3800
3805
 
3801
3806
  .split-view {
3802
- display: grid;
3803
- grid-template-columns: 1fr 1fr;
3807
+ display: grid;
3808
+ grid-template-columns: 1fr 1fr;
3804
3809
  }
3805
3810
 
3806
3811
  .editableContent {
3807
- width: 100%;
3808
- height: 100%;
3809
- border: none;
3810
- outline: none;
3811
- background: transparent;
3812
- font-size: var(--richtext-font-size, 16px);
3813
- opacity: 0;
3814
- transition: opacity 0.25s ease;
3812
+ width: 100%;
3813
+ height: 100%;
3814
+ border: none;
3815
+ outline: none;
3816
+ background: transparent;
3817
+ font-size: var(--richtext-font-size, 16px);
3818
+ opacity: 0;
3819
+ transition: opacity 0.25s ease;
3815
3820
  }
3816
3821
 
3817
3822
  .editableContent.editor-ready {
3818
- opacity: 1;
3823
+ opacity: 1;
3819
3824
  }
3820
3825
 
3821
3826
  .html-editor {
3822
- width: 100%;
3823
- height: 100%;
3824
- min-height: 200px;
3825
- font-family: monospace;
3826
- border: none;
3827
- outline: none;
3828
- resize: none;
3829
- color: white;
3830
- background-color: var(--bgl-black);
3827
+ width: 100%;
3828
+ height: 100%;
3829
+ min-height: 200px;
3830
+ font-family: monospace;
3831
+ border: none;
3832
+ outline: none;
3833
+ resize: none;
3834
+ color: white;
3835
+ background-color: var(--bgl-black);
3831
3836
  }
3832
3837
 
3833
3838
  .preview-area {
3834
- font-family: monospace;
3835
- white-space: pre-wrap;
3836
- overflow-x: auto;
3839
+ font-family: monospace;
3840
+ white-space: pre-wrap;
3841
+ overflow-x: auto;
3837
3842
  }
3838
3843
 
3839
3844
  .fullscreen-mode {
3840
- position: fixed;
3841
- top: 0;
3842
- left: 0;
3843
- width: 100vw;
3844
- height: 100vh;
3845
- z-index: 99;
3846
- padding: 2rem;
3845
+ position: fixed;
3846
+ top: 0;
3847
+ left: 0;
3848
+ width: 100vw;
3849
+ height: 100vh;
3850
+ z-index: 99;
3851
+ padding: 2rem;
3847
3852
  }
3848
3853
 
3849
3854
  .fullscreen-mode .editor-container {
3850
- height: calc(100vh - 4rem);
3855
+ height: calc(100vh - 4rem);
3851
3856
  }
3852
3857
 
3853
3858
  .fullscreen-mode .content-area,
3854
3859
  .fullscreen-mode .preview-area {
3855
- height: 100%;
3856
- overflow-y: auto;
3860
+ height: 100%;
3861
+ overflow-y: auto;
3857
3862
  }
3858
3863
 
3859
3864
  .debug-controls {
3860
- display: flex;
3861
- gap: 0.5rem;
3862
- justify-content: flex-end;
3865
+ display: flex;
3866
+ gap: 0.5rem;
3867
+ justify-content: flex-end;
3863
3868
  }
3864
3869
 
3865
3870
  /* Inline Toolbar Styles */
3866
3871
  .inline-toolbar {
3867
- pointer-events: all;
3872
+ pointer-events: all;
3868
3873
  }
3869
3874
 
3870
3875
  .inline-toolbar-content {
3871
- background: var(--bgl-box-bg, white);
3872
- border: 1px solid var(--bgl-border-color, #dddddd);
3873
- border-radius: 8px;
3874
- padding: 0.25rem;
3875
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
3876
- display: flex;
3877
- align-items: center;
3878
- gap: 0.125rem;
3879
- backdrop-filter: blur(8px);
3876
+ background: var(--bgl-box-bg, white);
3877
+ border: 1px solid var(--bgl-border-color, #dddddd);
3878
+ border-radius: 8px;
3879
+ padding: 0.25rem;
3880
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
3881
+ display: flex;
3882
+ align-items: center;
3883
+ gap: 0.125rem;
3884
+ backdrop-filter: blur(8px);
3880
3885
  }
3881
3886
 
3882
3887
  .inline-toolbar-content .btn {
3883
- min-width: 32px;
3884
- height: 32px;
3885
- padding: 0;
3886
- transform: rotate(0) !important;
3887
- }
3888
+ min-width: 32px;
3889
+ height: 32px;
3890
+ padding: 0;
3891
+ transform: rotate(0) !important;
3892
+ }
3888
3893
 
3889
- [dir="rtl"] .inline-toolbar-content .bgl_btn-icon {
3890
- transform: rotate(0) !important;
3894
+ [dir="rtl"] .inline-toolbar-content .bgl_btn-icon {
3895
+ transform: rotate(0) !important;
3891
3896
  }
3892
3897
 
3893
3898
  .inline-toolbar-content .btn.active {
3894
- background: var(--bgl-primary);
3895
- color: white;
3899
+ background: var(--bgl-primary);
3900
+ color: white;
3896
3901
  }
3897
3902
 
3898
3903
  .inline-toolbar-content .separator {
3899
- color: var(--bgl-border-color, #dddddd);
3900
- margin: 0 0.25rem;
3901
- opacity: 0.5;
3904
+ color: var(--bgl-border-color, #dddddd);
3905
+ margin: 0 0.25rem;
3906
+ opacity: 0.5;
3902
3907
  }
3903
3908
 
3904
3909
  /* Table Context Menu */
3905
3910
  .table-context-menu {
3906
- pointer-events: auto;
3911
+ pointer-events: auto;
3907
3912
  }
3908
3913
 
3909
3914
  .context-menu-content {
3910
- background: white;
3911
- border: 1px solid var(--bgl-border-color, #dddddd);
3912
- border-radius: var(--bgl-btn-border-radius) !important;
3913
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
3914
- padding: 0;
3915
- min-width: 140px;
3916
- max-width: 180px;
3917
- overflow: hidden;
3918
- --bgl-input-font-size: 12px;
3915
+ background: white;
3916
+ border: 1px solid var(--bgl-border-color, #dddddd);
3917
+ border-radius: var(--bgl-btn-border-radius) !important;
3918
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
3919
+ padding: 0;
3920
+ min-width: 140px;
3921
+ max-width: 180px;
3922
+ overflow: hidden;
3923
+ --bgl-input-font-size: 12px;
3919
3924
  }
3920
3925
 
3921
3926
  .menu-header {
3922
- display: flex;
3923
- justify-content: space-between;
3924
- align-items: center;
3925
- padding: 8px 12px;
3926
- background-color: var(--bg-light, #f8f9fa);
3927
- border-bottom: 1px solid var(--bgl-border-color, #dddddd);
3928
- font-size: 12px;
3929
- font-weight: 500;
3930
- color: var(--text-secondary, #666);
3931
- margin-bottom: 5px;
3927
+ display: flex;
3928
+ justify-content: space-between;
3929
+ align-items: center;
3930
+ padding: 8px 12px;
3931
+ background-color: var(--bg-light, #f8f9fa);
3932
+ border-bottom: 1px solid var(--bgl-border-color, #dddddd);
3933
+ font-size: 12px;
3934
+ font-weight: 500;
3935
+ color: var(--text-secondary, #666);
3936
+ margin-bottom: 5px;
3932
3937
  }
3933
3938
 
3934
3939
  .close-btn {
3935
- background: none;
3936
- border: none;
3937
- font-size: 16px;
3938
- cursor: pointer;
3939
- padding: 0;
3940
- width: 20px;
3941
- height: 20px;
3942
- display: flex;
3943
- align-items: center;
3944
- justify-content: center;
3945
- border-radius: 3px;
3946
- color: var(--text-secondary, #666);
3947
- transition: all 0.2s;
3940
+ background: none;
3941
+ border: none;
3942
+ font-size: 16px;
3943
+ cursor: pointer;
3944
+ padding: 0;
3945
+ width: 20px;
3946
+ height: 20px;
3947
+ display: flex;
3948
+ align-items: center;
3949
+ justify-content: center;
3950
+ border-radius: 3px;
3951
+ color: var(--text-secondary, #666);
3952
+ transition: all 0.2s;
3948
3953
  }
3949
3954
 
3950
3955
  .close-btn:hover {
3951
- background-color: var(--hover-bg, #e9ecef);
3952
- color: var(--text-primary, #333);
3956
+ background-color: var(--hover-bg, #e9ecef);
3957
+ color: var(--text-primary, #333);
3953
3958
  }
3954
3959
 
3955
3960
  .context-menu-content>.btn {
3956
- margin: 2px 4px;
3961
+ margin: 2px 4px;
3957
3962
  }
3958
3963
 
3959
3964
  .context-menu-item {
3960
- padding: 8px 16px;
3961
- cursor: pointer;
3962
- transition: background-color 0.2s;
3963
- font-size: 14px;
3965
+ padding: 8px 16px;
3966
+ cursor: pointer;
3967
+ transition: background-color 0.2s;
3968
+ font-size: 14px;
3964
3969
  }
3965
3970
 
3966
3971
  .context-menu-item:hover {
3967
- background-color: var(--hover-bg, #f5f5f5);
3972
+ background-color: var(--hover-bg, #f5f5f5);
3968
3973
  }
3969
3974
 
3970
3975
  .context-menu-separator {
3971
- height: 1px;
3972
- background-color: var(--bgl-border-color, #dddddd);
3973
- margin: 4px 0;
3976
+ height: 1px;
3977
+ background-color: var(--bgl-border-color, #dddddd);
3978
+ margin: 4px 0;
3974
3979
  }
3975
3980
 
3976
3981
  .context-menu-btn:hover {
3977
- background-color: var(--hover-bg, #f5f5f5) !important;
3982
+ background-color: var(--hover-bg, #f5f5f5) !important;
3978
3983
  }
3979
3984
 
3980
3985
  /* Table Cell Selection */
3981
3986
  .table-cell-selected {
3982
- background-color: rgba(0, 123, 255, 0.1) !important;
3983
- border: 2px solid #007bff !important;
3984
- position: relative;
3987
+ background-color: rgba(0, 123, 255, 0.1) !important;
3988
+ border: 2px solid #007bff !important;
3989
+ position: relative;
3985
3990
  }
3986
3991
 
3987
3992
  .table-cell-selected::after {
3988
- content: '';
3989
- position: absolute;
3990
- top: -2px;
3991
- left: -2px;
3992
- right: -2px;
3993
- bottom: -2px;
3994
- border: 2px solid #007bff;
3995
- pointer-events: none;
3996
- z-index: 1;
3993
+ content: '';
3994
+ position: absolute;
3995
+ top: -2px;
3996
+ left: -2px;
3997
+ right: -2px;
3998
+ bottom: -2px;
3999
+ border: 2px solid #007bff;
4000
+ pointer-events: none;
4001
+ z-index: 1;
3997
4002
  }
3998
4003
 
3999
4004
  /* Table Modal Button Active States */
4000
4005
  .activeBtn {
4001
- background: var(--bgl-primary) !important;
4002
- color: white !important;
4003
- border-color: var(--bgl-primary) !important;
4006
+ background: var(--bgl-primary) !important;
4007
+ color: white !important;
4008
+ border-color: var(--bgl-primary) !important;
4004
4009
  }
4005
4010
 
4006
4011
  /* Table Edit Button Protection */
4007
4012
  .table-edit-btn {
4008
- position: absolute !important;
4009
- top: 5px !important;
4010
- right: 5px !important;
4011
- background: rgba(0, 0, 0, 0.7) !important;
4012
- color: white !important;
4013
- padding: 4px 8px !important;
4014
- border-radius: 4px !important;
4015
- font-size: 12px !important;
4016
- cursor: pointer !important;
4017
- z-index: 100 !important;
4018
- pointer-events: auto !important;
4019
- user-select: none !important;
4020
- -webkit-user-select: none !important;
4021
- -moz-user-select: none !important;
4022
- -ms-user-select: none !important;
4023
- outline: none !important;
4024
- border: none !important;
4025
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
4026
- white-space: nowrap !important;
4027
- overflow: hidden !important;
4028
- text-overflow: clip !important;
4029
- min-width: unset !important;
4030
- max-width: unset !important;
4031
- width: auto !important;
4032
- height: auto !important;
4033
- line-height: normal !important;
4034
- font-family: inherit !important;
4035
- font-weight: normal !important;
4036
- text-align: center !important;
4037
- vertical-align: baseline !important;
4038
- text-decoration: none !important;
4039
- text-transform: none !important;
4040
- letter-spacing: normal !important;
4041
- word-spacing: normal !important;
4042
- text-indent: 0 !important;
4043
- text-shadow: none !important;
4044
- direction: ltr !important;
4045
- unicode-bidi: normal !important;
4013
+ position: absolute !important;
4014
+ top: 5px !important;
4015
+ right: 5px !important;
4016
+ background: rgba(0, 0, 0, 0.7) !important;
4017
+ color: white !important;
4018
+ padding: 4px 8px !important;
4019
+ border-radius: 4px !important;
4020
+ font-size: 12px !important;
4021
+ cursor: pointer !important;
4022
+ z-index: 100 !important;
4023
+ pointer-events: auto !important;
4024
+ user-select: none !important;
4025
+ -webkit-user-select: none !important;
4026
+ -moz-user-select: none !important;
4027
+ -ms-user-select: none !important;
4028
+ outline: none !important;
4029
+ border: none !important;
4030
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
4031
+ white-space: nowrap !important;
4032
+ overflow: hidden !important;
4033
+ text-overflow: clip !important;
4034
+ min-width: unset !important;
4035
+ max-width: unset !important;
4036
+ width: auto !important;
4037
+ height: auto !important;
4038
+ line-height: normal !important;
4039
+ font-family: inherit !important;
4040
+ font-weight: normal !important;
4041
+ text-align: center !important;
4042
+ vertical-align: baseline !important;
4043
+ text-decoration: none !important;
4044
+ text-transform: none !important;
4045
+ letter-spacing: normal !important;
4046
+ word-spacing: normal !important;
4047
+ text-indent: 0 !important;
4048
+ text-shadow: none !important;
4049
+ direction: ltr !important;
4050
+ unicode-bidi: normal !important;
4046
4051
  }
4047
4052
 
4048
4053
  .table-edit-btn:hover {
4049
- background: rgba(0, 0, 0, 0.9) !important;
4054
+ background: rgba(0, 0, 0, 0.9) !important;
4050
4055
  }
4051
4056
 
4052
4057
  /* Prevent any content insertion into table edit buttons */
4053
4058
  .table-edit-btn * {
4054
- display: none !important;
4059
+ display: none !important;
4055
4060
  }
4056
4061
 
4057
4062
  .table-edit-btn::before,
4058
4063
  .table-edit-btn::after {
4059
- content: none !important;
4064
+ content: none !important;
4060
4065
  }
4061
4066
 
4062
4067
  /* Editor Tooltip */
4063
4068
  .editor-tooltip {
4064
- position: fixed;
4065
- background: rgba(0, 0, 0, 0.9);
4066
- color: white;
4067
- padding: 8px 12px;
4068
- border-radius: 6px;
4069
- font-size: 14px;
4070
- line-height: 1.4;
4071
- max-width: 300px;
4072
- word-wrap: break-word;
4073
- z-index: 9999;
4074
- pointer-events: none;
4075
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
4076
- animation: tooltipFadeIn 0.2s ease-out;
4069
+ position: fixed;
4070
+ background: rgba(0, 0, 0, 0.9);
4071
+ color: white;
4072
+ padding: 8px 12px;
4073
+ border-radius: 6px;
4074
+ font-size: 14px;
4075
+ line-height: 1.4;
4076
+ max-width: 300px;
4077
+ word-wrap: break-word;
4078
+ z-index: 9999;
4079
+ pointer-events: none;
4080
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
4081
+ animation: tooltipFadeIn 0.2s ease-out;
4077
4082
  }
4078
4083
 
4079
4084
  @keyframes tooltipFadeIn {
4080
- from {
4081
- opacity: 0;
4082
- transform: translateY(-5px);
4083
- }
4085
+ from {
4086
+ opacity: 0;
4087
+ transform: translateY(-5px);
4088
+ }
4084
4089
 
4085
- to {
4086
- opacity: 1;
4087
- transform: translateY(0);
4088
- }
4090
+ to {
4091
+ opacity: 1;
4092
+ transform: translateY(0);
4089
4093
  }
4094
+ }
4095
+
4090
4096
  </style>
package/src/components/form/inputs/SelectBtn.vue CHANGED
@@ -86,7 +86,9 @@ function isSelected(val: OptionValue) {
86
86
  </template>
87
87
 
88
88
  <style scoped>
89
+
89
90
  .SelectBtn {
90
- --bgl-btn-height: 30px;
91
+ --bgl-btn-height: 30px;
91
92
  }
93
+
92
94
  </style>