@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/layout/TabsNav.vue CHANGED
@@ -170,190 +170,194 @@ onBeforeUnmount(() => {
170
170
  </template>
171
171
 
172
172
  <style>
173
+
173
174
  :root {
174
- --bgl_tabs-background: var(--bgl-input-bg);
175
- --bgl_tabs-border-radius: var(--bgl-input-border-radius);
176
- --bgl_tabs-inline-padding: calc(var(--bgl-btn-padding) / 8);
177
- --bgl_tabs-block-padding: calc(var(--bgl-btn-padding) / 8);
178
- --bgl_tabs-shadow: inset 0 0 10px #00000012;
179
- --bgl_tabs-gap: 0.25rem;
180
- --bgl_tabs-font-size: var(--bgl-input-font-size);
181
- --bgl_tab-inline-padding: calc(var(--bgl-btn-padding) / 2);
182
- --bgl_tab-block-padding: calc(var(--bgl-btn-padding) / 8);
183
- --bgl_tab-gap: 0.5rem;
184
- --bgl_tabs-border-radius: var(--bgl-input-border-radius);
185
- --bgl-tab-hover-bg: rgba(255, 255, 255, .4);
186
- --bgl_tabs-indicator-color: var(--bgl-popup-bg);
187
- --bgl-tabs-flat-indicator-color: var(--bgl-primary);
175
+ --bgl_tabs-background: var(--bgl-input-bg);
176
+ --bgl_tabs-border-radius: var(--bgl-input-border-radius);
177
+ --bgl_tabs-inline-padding: calc(var(--bgl-btn-padding) / 8);
178
+ --bgl_tabs-block-padding: calc(var(--bgl-btn-padding) / 8);
179
+ --bgl_tabs-shadow: inset 0 0 10px #00000012;
180
+ --bgl_tabs-gap: 0.25rem;
181
+ --bgl_tabs-font-size: var(--bgl-input-font-size);
182
+ --bgl_tab-inline-padding: calc(var(--bgl-btn-padding) / 2);
183
+ --bgl_tab-block-padding: calc(var(--bgl-btn-padding) / 8);
184
+ --bgl_tab-gap: 0.5rem;
185
+ --bgl_tabs-border-radius: var(--bgl-input-border-radius);
186
+ --bgl-tab-hover-bg: rgba(255, 255, 255, .4);
187
+ --bgl_tabs-indicator-color: var(--bgl-popup-bg);
188
+ --bgl-tabs-flat-indicator-color: var(--bgl-primary);
188
189
  }
190
+
189
191
  </style>
190
192
 
191
193
  <style scoped>
194
+
192
195
  .bgl_tabs_wrap {
193
- background: var(--bgl_tabs-background);
194
- border-radius: calc(var(--bgl_tabs-border-radius) * 1.4);
195
- padding-inline: var(--bgl_tabs-inline-padding);
196
- padding-block: var(--bgl_tabs-block-padding);
197
- box-shadow: var(--bgl_tabs-shadow);
198
- gap: var(--bgl_tabs-gap);
196
+ background: var(--bgl_tabs-background);
197
+ border-radius: calc(var(--bgl_tabs-border-radius) * 1.4);
198
+ padding-inline: var(--bgl_tabs-inline-padding);
199
+ padding-block: var(--bgl_tabs-block-padding);
200
+ box-shadow: var(--bgl_tabs-shadow);
201
+ gap: var(--bgl_tabs-gap);
199
202
  }
200
203
 
201
204
  .bgl_tab {
202
- border: none;
203
- background: transparent;
204
- cursor: pointer;
205
- font-size: inherit;
206
- font-family: inherit;
207
- height: calc(var(--bgl-btn-height) - var(--bgl_tabs-block-padding) * 2);
208
- padding-inline: var(--bgl_tab-inline-padding);
209
- padding-block: 0;
210
- border-radius: var(--bgl_tab-border-radius);
211
- transition: var(--bgl-transition);
212
- color: inherit;
213
- display: flex;
214
- align-items: center;
215
- gap: var(--bgl_tab-gap);
205
+ border: none;
206
+ background: transparent;
207
+ cursor: pointer;
208
+ font-size: inherit;
209
+ font-family: inherit;
210
+ height: calc(var(--bgl-btn-height) - var(--bgl_tabs-block-padding) * 2);
211
+ padding-inline: var(--bgl_tab-inline-padding);
212
+ padding-block: 0;
213
+ border-radius: var(--bgl_tab-border-radius);
214
+ transition: var(--bgl-transition);
215
+ color: inherit;
216
+ display: flex;
217
+ align-items: center;
218
+ gap: var(--bgl_tab-gap);
216
219
  }
217
220
 
218
221
  .bgl_tab:hover {
219
- background: var(--bgl-tab-hover-bg);
222
+ background: var(--bgl-tab-hover-bg);
220
223
  }
221
224
 
222
225
  .bgl_tabs_wrap::before {
223
- content: '';
224
- position: absolute;
225
- top: var(--bgl_tabs-block-padding);
226
- bottom: var(--bgl_tabs-block-padding);
227
- left: var(--indicator-left, 0);
228
- width: var(--indicator-width, 0);
229
- background: var(--bgl_tabs-indicator-color);
230
- border-radius: var(--bgl_tabs-border-radius);
231
- transition: var(--bgl-transition);
232
- z-index: 0;
233
- /* Hide indicator initially until position is calculated */
234
- opacity: var(--indicator-opacity, 0);
226
+ content: '';
227
+ position: absolute;
228
+ top: var(--bgl_tabs-block-padding);
229
+ bottom: var(--bgl_tabs-block-padding);
230
+ left: var(--indicator-left, 0);
231
+ width: var(--indicator-width, 0);
232
+ background: var(--bgl_tabs-indicator-color);
233
+ border-radius: var(--bgl_tabs-border-radius);
234
+ transition: var(--bgl-transition);
235
+ z-index: 0;
236
+ /* Hide indicator initially until position is calculated */
237
+ opacity: var(--indicator-opacity, 0);
235
238
  }
236
239
 
237
240
  .bgl_flat-tabs.bgl_tabs_wrap {
238
- background: transparent;
239
- box-shadow: none;
241
+ background: transparent;
242
+ box-shadow: none;
240
243
  }
241
244
  .bgl_flat-tabs.bgl_tabs_wrap::before {
242
- background: transparent;
243
- border-bottom: 1px solid var(--bgl-tabs-flat-indicator-color);
244
- border-radius: 0;
245
- top: calc(var(--bgl-btn-padding) * 1.25);
246
- bottom: unset;
245
+ background: transparent;
246
+ border-bottom: 1px solid var(--bgl-tabs-flat-indicator-color);
247
+ border-radius: 0;
248
+ top: calc(var(--bgl-btn-padding) * 1.25);
249
+ bottom: unset;
247
250
 
248
251
  }
249
252
  .bgl_flat-tabs .active.bgl_tab {
250
- color: var(--bgl-primary)
253
+ color: var(--bgl-primary)
251
254
  }
252
255
 
253
256
  .bgl_flat-tabs .bgl_tab:hover {
254
- background: rgba(255, 255, 255, .1);
257
+ background: rgba(255, 255, 255, .1);
255
258
  }
256
259
  .bgl_tab-thin {
257
- padding-inline: calc(var(--bgl_tab-inline-padding) / 2);
258
- height: calc(var(--bgl-btn-height) * 0.7 - var(--bgl_tabs-block-padding) * 2);
260
+ padding-inline: calc(var(--bgl_tab-inline-padding) / 2);
261
+ height: calc(var(--bgl-btn-height) * 0.7 - var(--bgl_tabs-block-padding) * 2);
259
262
  }
260
263
 
261
264
  .bgl_tab-xs {
262
- padding-inline: calc(var(--bgl_tab-inline-padding) / 3);
263
- font-size: calc(var(--bgl-input-font-size) * 0.6);
264
- height: calc(var(--bgl-btn-height) * 0.5 - var(--bgl_tabs-block-padding) * 2);
265
+ padding-inline: calc(var(--bgl_tab-inline-padding) / 3);
266
+ font-size: calc(var(--bgl-input-font-size) * 0.6);
267
+ height: calc(var(--bgl-btn-height) * 0.5 - var(--bgl_tabs-block-padding) * 2);
265
268
  }
266
269
 
267
270
  .bgl_tab-s {
268
- padding-inline: calc(var(--bgl_tab-inline-padding) / 1.5);
269
- height: calc(var(--bgl-btn-height) * 0.7 - var(--bgl_tabs-block-padding) * 2);
271
+ padding-inline: calc(var(--bgl_tab-inline-padding) / 1.5);
272
+ height: calc(var(--bgl-btn-height) * 0.7 - var(--bgl_tabs-block-padding) * 2);
270
273
  }
271
274
 
272
275
  .bgl_tab-l {
273
- padding-inline: calc(var(--bgl_tab-inline-padding) * 1.3);
274
- font-size: calc(var(--bgl-input-font-size) * 1.1);
275
- height: calc(var(--bgl-btn-height) * 1.2 - var(--bgl_tabs-block-padding) * 2);
276
+ padding-inline: calc(var(--bgl_tab-inline-padding) * 1.3);
277
+ font-size: calc(var(--bgl-input-font-size) * 1.1);
278
+ height: calc(var(--bgl-btn-height) * 1.2 - var(--bgl_tabs-block-padding) * 2);
276
279
  }
277
280
 
278
281
  .bgl_tab-xl {
279
- padding-inline: calc(var(--bgl_tab-inline-padding) * 1.6);
280
- font-size: calc(var(--bgl-input-font-size) * 1.3);
281
- height: calc(var(--bgl-btn-height) * 1.5 - var(--bgl_tabs-block-padding) * 2);
282
+ padding-inline: calc(var(--bgl_tab-inline-padding) * 1.6);
283
+ font-size: calc(var(--bgl-input-font-size) * 1.3);
284
+ height: calc(var(--bgl-btn-height) * 1.5 - var(--bgl_tabs-block-padding) * 2);
282
285
  }
283
286
 
284
287
  .bgl_tab-align-start {
285
- justify-content: flex-start !important;
288
+ justify-content: flex-start !important;
286
289
  }
287
290
 
288
291
  .bgl_tab-align-end {
289
- justify-content: flex-end !important;
292
+ justify-content: flex-end !important;
290
293
  }
291
294
 
292
295
  .bgl_tab-align-center {
293
- justify-content: center !important;
296
+ justify-content: center !important;
294
297
  }
295
298
 
296
299
  .bgl_tab-align-start-mobile,
297
300
  .bgl_tab-align-end-mobile {
298
- justify-content: center !important;
301
+ justify-content: center !important;
299
302
  }
300
303
 
301
304
  .bgl_vertical-tabs {
302
- grid-auto-flow: row;
303
- align-items: start;
304
- justify-items: start;
305
- gap: 1rem
305
+ grid-auto-flow: row;
306
+ align-items: start;
307
+ justify-items: start;
308
+ gap: 1rem
306
309
  }
307
310
  .bgl_vertical-tabs .bgl_tab {
308
- padding-inline: 0;
309
- border-radius: 0;
310
- border-bottom: 1px solid transparent;
311
+ padding-inline: 0;
312
+ border-radius: 0;
313
+ border-bottom: 1px solid transparent;
311
314
  }
312
315
  .bgl_vertical-tabs .bgl_tab:hover {
313
- background: transparent;
314
- border-bottom: 1px solid var(--bgl-tabs-flat-indicator-color);
316
+ background: transparent;
317
+ border-bottom: 1px solid var(--bgl-tabs-flat-indicator-color);
315
318
 
316
319
  }
317
320
  .bgl_vertical-tabs .bgl_tab.active {
318
- border-bottom: 1px solid var(--bgl-tabs-flat-indicator-color);
321
+ border-bottom: 1px solid var(--bgl-tabs-flat-indicator-color);
319
322
  }
320
323
  .bgl_vertical-tabs.bgl_tabs_wrap::before {
321
- border: none;
324
+ border: none;
322
325
  }
323
326
 
324
327
  @media screen and (max-width: 910px) {
325
- .bgl_tab-align-start-mobile {
326
- justify-content: flex-start !important;
327
- }
328
-
329
- .bgl_tab-align-end-mobile {
330
- justify-content: flex-end !important;
331
- }
332
-
333
- .bgl_tab-align-center-mobile {
334
- justify-content: center !important;
335
- }
336
-
337
- .bgl_vertical-tabs {
338
- grid-auto-flow: column;
339
- overflow: auto;
340
- max-width: 100vw;
341
- padding-inline-end: 1rem;
342
- width: 100%;
343
- gap: 1rem;
344
- position: relative;
328
+ .bgl_tab-align-start-mobile {
329
+ justify-content: flex-start !important;
330
+ }
331
+
332
+ .bgl_tab-align-end-mobile {
333
+ justify-content: flex-end !important;
334
+ }
335
+
336
+ .bgl_tab-align-center-mobile {
337
+ justify-content: center !important;
338
+ }
339
+
340
+ .bgl_vertical-tabs {
341
+ grid-auto-flow: column;
342
+ overflow: auto;
343
+ max-width: 100vw;
344
+ padding-inline-end: 1rem;
345
+ width: 100%;
346
+ gap: 1rem;
347
+ position: relative;
345
348
  }
346
349
 
347
350
  .bgl_vertical-tabs::-webkit-scrollbar {
348
- display: none;
351
+ display: none;
349
352
  }
350
353
  .bgl_vertical-tabs .bgl_tab {
351
- white-space: nowrap;
354
+ white-space: nowrap;
352
355
  }
353
356
 
354
357
  .bgl_tab {
355
- gap: 0.25rem;
356
- padding: 0.25rem 0.5rem;
358
+ gap: 0.25rem;
359
+ padding: 0.25rem 0.5rem;
357
360
  }
358
361
  }
362
+
359
363
  </style>