@ouestfrance/sipa-bms-ui 7.14.1

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 (497) hide show
  1. package/README.md +280 -0
  2. package/dist/assets/animated-icons/AnimatedActivityIcon.vue.d.ts +133 -0
  3. package/dist/assets/animated-icons/AnimatedCircleHelpIcon.vue.d.ts +133 -0
  4. package/dist/assets/animated-icons/AnimatedHomeIcon.vue.d.ts +133 -0
  5. package/dist/components/button/BmsButton.spec.d.ts +1 -0
  6. package/dist/components/button/BmsButton.vue.d.ts +24 -0
  7. package/dist/components/button/BmsIconButton.vue.d.ts +23 -0
  8. package/dist/components/button/UiButton.vue.d.ts +26 -0
  9. package/dist/components/button/UiButtonLink.vue.d.ts +20 -0
  10. package/dist/components/feedback/BmsAlert.vue.d.ts +24 -0
  11. package/dist/components/feedback/BmsBadge.vue.d.ts +18 -0
  12. package/dist/components/feedback/BmsCaption.vue.d.ts +6 -0
  13. package/dist/components/feedback/BmsCircularProgress.spec.d.ts +1 -0
  14. package/dist/components/feedback/BmsCircularProgress.vue.d.ts +6 -0
  15. package/dist/components/feedback/BmsLoader.spec.d.ts +1 -0
  16. package/dist/components/feedback/BmsLoader.vue.d.ts +9 -0
  17. package/dist/components/feedback/BmsTooltip.vue.d.ts +28 -0
  18. package/dist/components/feedback/UiTooltip.spec.d.ts +1 -0
  19. package/dist/components/feedback/UiTooltip.vue.d.ts +27 -0
  20. package/dist/components/feedback/tooltip.helper.d.ts +45 -0
  21. package/dist/components/feedback/tooltip.helper.spec.d.ts +1 -0
  22. package/dist/components/form/BmsAutocomplete.vue.d.ts +31 -0
  23. package/dist/components/form/BmsBetweenInput.vue.d.ts +32 -0
  24. package/dist/components/form/BmsChip.vue.d.ts +15 -0
  25. package/dist/components/form/BmsFilePicker.spec.d.ts +1 -0
  26. package/dist/components/form/BmsFilePicker.vue.d.ts +12 -0
  27. package/dist/components/form/BmsInputBooleanCheckbox.vue.d.ts +30 -0
  28. package/dist/components/form/BmsInputCheckboxCaption.spec.d.ts +1 -0
  29. package/dist/components/form/BmsInputCheckboxCaption.vue.d.ts +31 -0
  30. package/dist/components/form/BmsInputCheckboxCaptionGroup.vue.d.ts +25 -0
  31. package/dist/components/form/BmsInputCheckboxGroup.vue.d.ts +24 -0
  32. package/dist/components/form/BmsInputCode.vue.d.ts +27 -0
  33. package/dist/components/form/BmsInputDateTime.vue.d.ts +24 -0
  34. package/dist/components/form/BmsInputFile.spec.d.ts +1 -0
  35. package/dist/components/form/BmsInputFile.vue.d.ts +27 -0
  36. package/dist/components/form/BmsInputNumber.spec.d.ts +1 -0
  37. package/dist/components/form/BmsInputNumber.vue.d.ts +26 -0
  38. package/dist/components/form/BmsInputRadio.vue.d.ts +28 -0
  39. package/dist/components/form/BmsInputRadioCaption.vue.d.ts +30 -0
  40. package/dist/components/form/BmsInputRadioCaptionGroup.vue.d.ts +30 -0
  41. package/dist/components/form/BmsInputRadioGroup.vue.d.ts +30 -0
  42. package/dist/components/form/BmsInputText.spec.d.ts +1 -0
  43. package/dist/components/form/BmsInputText.vue.d.ts +128 -0
  44. package/dist/components/form/BmsInputToggle.vue.d.ts +15 -0
  45. package/dist/components/form/BmsSearch.spec.d.ts +1 -0
  46. package/dist/components/form/BmsSearch.vue.d.ts +187 -0
  47. package/dist/components/form/BmsSelect.spec.d.ts +1 -0
  48. package/dist/components/form/BmsSelect.vue.d.ts +34 -0
  49. package/dist/components/form/BmsTag.vue.d.ts +25 -0
  50. package/dist/components/form/BmsTextArea.spec.d.ts +1 -0
  51. package/dist/components/form/BmsTextArea.vue.d.ts +26 -0
  52. package/dist/components/form/RawAutocomplete.spec.d.ts +1 -0
  53. package/dist/components/form/RawAutocomplete.vue.d.ts +130 -0
  54. package/dist/components/form/RawInputText.vue.d.ts +42 -0
  55. package/dist/components/form/UiBmsInputCheckbox.vue.d.ts +28 -0
  56. package/dist/components/form/UiBmsSwitch.vue.d.ts +14 -0
  57. package/dist/components/layout/BmsCard.vue.d.ts +21 -0
  58. package/dist/components/layout/BmsContentPageLayout.vue.d.ts +17 -0
  59. package/dist/components/layout/BmsForm.vue.d.ts +7 -0
  60. package/dist/components/layout/BmsHeader.vue.d.ts +9 -0
  61. package/dist/components/layout/BmsHeaderTitle.vue.d.ts +22 -0
  62. package/dist/components/layout/BmsModal.spec.d.ts +1 -0
  63. package/dist/components/layout/BmsModal.vue.d.ts +60 -0
  64. package/dist/components/layout/BmsOverlay.vue.d.ts +13 -0
  65. package/dist/components/layout/BmsSection.vue.d.ts +15 -0
  66. package/dist/components/layout/BmsStep.vue.d.ts +27 -0
  67. package/dist/components/layout/BmsStepper.vue.d.ts +13 -0
  68. package/dist/components/layout/UiPopoverMenu.vue.d.ts +23 -0
  69. package/dist/components/navigation/BmsBackButton.vue.d.ts +13 -0
  70. package/dist/components/navigation/BmsBreadcrumb.vue.d.ts +12 -0
  71. package/dist/components/navigation/BmsLink.spec.d.ts +1 -0
  72. package/dist/components/navigation/BmsLink.vue.d.ts +22 -0
  73. package/dist/components/navigation/BmsMenu.spec.d.ts +1 -0
  74. package/dist/components/navigation/BmsMenu.vue.d.ts +21 -0
  75. package/dist/components/navigation/BmsMenuNav.spec.d.ts +1 -0
  76. package/dist/components/navigation/BmsMenuNav.vue.d.ts +23 -0
  77. package/dist/components/navigation/BmsShortLinkMenu.vue.d.ts +20 -0
  78. package/dist/components/navigation/BmsTabs.vue.d.ts +7 -0
  79. package/dist/components/navigation/BmsTenantSwitcher.vue.d.ts +22 -0
  80. package/dist/components/navigation/UiMenuItem.vue.d.ts +11 -0
  81. package/dist/components/navigation/UiTab.vue.d.ts +15 -0
  82. package/dist/components/navigation/UiTenantImage.vue.d.ts +6 -0
  83. package/dist/components/navigation/UiTenantLabel.vue.d.ts +12 -0
  84. package/dist/components/navigation/UiTenantSwitcher.spec.d.ts +1 -0
  85. package/dist/components/navigation/UiTenantSwitcher.vue.d.ts +189 -0
  86. package/dist/components/table/BmsEmptyScreen.vue.d.ts +6 -0
  87. package/dist/components/table/BmsPagination.spec.d.ts +1 -0
  88. package/dist/components/table/BmsPagination.vue.d.ts +35 -0
  89. package/dist/components/table/BmsServerTable.vue.d.ts +74 -0
  90. package/dist/components/table/BmsTable.spec.d.ts +1 -0
  91. package/dist/components/table/BmsTable.vue.d.ts +53 -0
  92. package/dist/components/table/BmsTableFilters.spec.d.ts +1 -0
  93. package/dist/components/table/BmsTableFilters.vue.d.ts +188 -0
  94. package/dist/components/table/DraggableList.vue.d.ts +26 -0
  95. package/dist/components/table/UiBmsTable.spec.d.ts +1 -0
  96. package/dist/components/table/UiBmsTable.vue.d.ts +66 -0
  97. package/dist/components/table/UiFilterButton.vue.d.ts +13 -0
  98. package/dist/components/utils/BmsCocarde.vue.d.ts +11 -0
  99. package/dist/components/utils/BmsProblem.vue.d.ts +9 -0
  100. package/dist/components/utils/BmsRelativeTime.spec.d.ts +1 -0
  101. package/dist/components/utils/BmsRelativeTime.vue.d.ts +11 -0
  102. package/dist/composables/clipboard.composable.d.ts +3 -0
  103. package/dist/composables/index.d.ts +5 -0
  104. package/dist/composables/pagination.composable.d.ts +14 -0
  105. package/dist/composables/pagination.composable.spec.d.ts +1 -0
  106. package/dist/composables/search.composable.d.ts +52 -0
  107. package/dist/composables/search.composable.spec.d.ts +1 -0
  108. package/dist/composables/search.helper.d.ts +7 -0
  109. package/dist/composables/search.helper.spec.d.ts +1 -0
  110. package/dist/composables/sort.composable.d.ts +10 -0
  111. package/dist/composables/sort.composable.spec.d.ts +1 -0
  112. package/dist/composables/userPref.composable.d.ts +6 -0
  113. package/dist/composables/userPref.composable.spec.d.ts +1 -0
  114. package/dist/favicon.ico +0 -0
  115. package/dist/helpers/cocarde.helper.d.ts +1 -0
  116. package/dist/helpers/cocarde.helper.spec.d.ts +1 -0
  117. package/dist/helpers/date.helper.d.ts +26 -0
  118. package/dist/helpers/date.helper.spec.d.ts +1 -0
  119. package/dist/helpers/file.helper.d.ts +5 -0
  120. package/dist/helpers/file.helper.spec.d.ts +1 -0
  121. package/dist/helpers/index.d.ts +6 -0
  122. package/dist/helpers/location.helper.d.ts +10 -0
  123. package/dist/helpers/location.helper.spec.d.ts +1 -0
  124. package/dist/helpers/problem.helper.d.ts +1 -0
  125. package/dist/helpers/problem.helper.spec.d.ts +1 -0
  126. package/dist/helpers/string.helper.d.ts +9 -0
  127. package/dist/helpers/string.helper.spec.d.ts +1 -0
  128. package/dist/helpers/table.helper.d.ts +16 -0
  129. package/dist/helpers/table.helper.spec.d.ts +1 -0
  130. package/dist/index.d.ts +72 -0
  131. package/dist/logo.png +0 -0
  132. package/dist/main.d.ts +0 -0
  133. package/dist/mockServiceWorker.js +344 -0
  134. package/dist/models/breadcrumb.model.d.ts +5 -0
  135. package/dist/models/caption.model.d.ts +6 -0
  136. package/dist/models/chip.model.d.ts +8 -0
  137. package/dist/models/cocarde.model.d.ts +4 -0
  138. package/dist/models/form.model.d.ts +25 -0
  139. package/dist/models/index.d.ts +14 -0
  140. package/dist/models/menu.model.d.ts +18 -0
  141. package/dist/models/modal.model.d.ts +8 -0
  142. package/dist/models/problem.model.d.ts +14 -0
  143. package/dist/models/sort.model.d.ts +11 -0
  144. package/dist/models/status-type.model.d.ts +7 -0
  145. package/dist/models/tab.model.d.ts +7 -0
  146. package/dist/models/table.model.d.ts +53 -0
  147. package/dist/models/tenant.model.d.ts +7 -0
  148. package/dist/models/tooltip.model.d.ts +6 -0
  149. package/dist/plugins/confirm/index.d.ts +9 -0
  150. package/dist/plugins/feature-flipper/FeatureFlipper.vue.d.ts +9 -0
  151. package/dist/plugins/feature-flipper/FeatureFlipperIndicator.vue.d.ts +6 -0
  152. package/dist/plugins/feature-flipper/FeatureFlipperModal.vue.d.ts +16 -0
  153. package/dist/plugins/feature-flipper/featureFlipper.composable.d.ts +10 -0
  154. package/dist/plugins/feature-flipper/featureFlipper.composable.spec.d.ts +1 -0
  155. package/dist/plugins/feature-flipper/featureFlipper.model.d.ts +3 -0
  156. package/dist/plugins/feature-flipper/index.d.ts +4 -0
  157. package/dist/plugins/field/FieldComponent.spec.d.ts +1 -0
  158. package/dist/plugins/field/FieldComponent.vue.d.ts +25 -0
  159. package/dist/plugins/field/FieldDatalist.vue.d.ts +27 -0
  160. package/dist/plugins/field/index.d.ts +2 -0
  161. package/dist/plugins/keycloak-auth-adapter/index.d.ts +20 -0
  162. package/dist/plugins/notifications/NotificationItem.vue.d.ts +12 -0
  163. package/dist/plugins/notifications/NotificationWidget.vue.d.ts +2 -0
  164. package/dist/plugins/notifications/index.d.ts +11 -0
  165. package/dist/plugins/notifications/notification.model.d.ts +20 -0
  166. package/dist/plugins/router-history/index.d.ts +6 -0
  167. package/dist/plugins/router-history/router-history.composable.d.ts +7 -0
  168. package/dist/plugins/router-history/router-history.composable.spec.d.ts +1 -0
  169. package/dist/plugins/runtime-env/index.d.ts +7 -0
  170. package/dist/services/index.d.ts +1 -0
  171. package/dist/services/konami.service.d.ts +2 -0
  172. package/dist/showroom/App.vue.d.ts +2 -0
  173. package/dist/showroom/router.d.ts +8 -0
  174. package/dist/sipa-bms-ui.css +3024 -0
  175. package/dist/sipa-bms-ui.es.js +102694 -0
  176. package/dist/sipa-bms-ui.es.js.map +1 -0
  177. package/dist/sipa-bms-ui.umd.js +102815 -0
  178. package/dist/sipa-bms-ui.umd.js.map +1 -0
  179. package/package.json +126 -0
  180. package/src/assets/animated-icons/AnimatedActivityIcon.vue +77 -0
  181. package/src/assets/animated-icons/AnimatedCircleHelpIcon.vue +67 -0
  182. package/src/assets/animated-icons/AnimatedHomeIcon.vue +69 -0
  183. package/src/assets/empty.svg +1 -0
  184. package/src/assets/scss/_conf.scss +203 -0
  185. package/src/assets/scss/_formkit.scss +353 -0
  186. package/src/assets/scss/app.scss +11 -0
  187. package/src/assets/scss/global-variables.scss +56 -0
  188. package/src/components/button/BmsAllButtons.stories.js +56 -0
  189. package/src/components/button/BmsButton.spec.ts +37 -0
  190. package/src/components/button/BmsButton.stories.js +84 -0
  191. package/src/components/button/BmsButton.vue +50 -0
  192. package/src/components/button/BmsIconButton.stories.js +67 -0
  193. package/src/components/button/BmsIconButton.vue +34 -0
  194. package/src/components/button/UiButton.stories.js +131 -0
  195. package/src/components/button/UiButton.vue +37 -0
  196. package/src/components/button/UiButtonLink.vue +186 -0
  197. package/src/components/feedback/BmsAlert.stories.js +75 -0
  198. package/src/components/feedback/BmsAlert.vue +91 -0
  199. package/src/components/feedback/BmsBadge.stories.js +34 -0
  200. package/src/components/feedback/BmsBadge.vue +76 -0
  201. package/src/components/feedback/BmsCaption.stories.js +59 -0
  202. package/src/components/feedback/BmsCaption.vue +88 -0
  203. package/src/components/feedback/BmsCircularProgress.spec.ts +14 -0
  204. package/src/components/feedback/BmsCircularProgress.stories.js +45 -0
  205. package/src/components/feedback/BmsCircularProgress.vue +64 -0
  206. package/src/components/feedback/BmsLoader.spec.ts +7 -0
  207. package/src/components/feedback/BmsLoader.stories.js +31 -0
  208. package/src/components/feedback/BmsLoader.vue +82 -0
  209. package/src/components/feedback/BmsTooltip.stories.js +65 -0
  210. package/src/components/feedback/BmsTooltip.vue +102 -0
  211. package/src/components/feedback/Notification.stories.js +37 -0
  212. package/src/components/feedback/UiTooltip.spec.ts +62 -0
  213. package/src/components/feedback/UiTooltip.stories.js +71 -0
  214. package/src/components/feedback/UiTooltip.vue +219 -0
  215. package/src/components/feedback/tooltip.helper.spec.ts +92 -0
  216. package/src/components/feedback/tooltip.helper.ts +121 -0
  217. package/src/components/form/BmsAutocomplete.stories.js +90 -0
  218. package/src/components/form/BmsAutocomplete.vue +100 -0
  219. package/src/components/form/BmsBetweenInput.stories.js +69 -0
  220. package/src/components/form/BmsBetweenInput.vue +146 -0
  221. package/src/components/form/BmsChip.stories.js +65 -0
  222. package/src/components/form/BmsChip.vue +92 -0
  223. package/src/components/form/BmsFilePicker.spec.ts +94 -0
  224. package/src/components/form/BmsFilePicker.stories.js +53 -0
  225. package/src/components/form/BmsFilePicker.vue +186 -0
  226. package/src/components/form/BmsInputBooleanCheckbox.stories.js +90 -0
  227. package/src/components/form/BmsInputBooleanCheckbox.vue +70 -0
  228. package/src/components/form/BmsInputCheckboxCaption.spec.ts +45 -0
  229. package/src/components/form/BmsInputCheckboxCaption.stories.js +92 -0
  230. package/src/components/form/BmsInputCheckboxCaption.vue +126 -0
  231. package/src/components/form/BmsInputCheckboxCaptionGroup.stories.js +153 -0
  232. package/src/components/form/BmsInputCheckboxCaptionGroup.vue +81 -0
  233. package/src/components/form/BmsInputCheckboxGroup.stories.js +94 -0
  234. package/src/components/form/BmsInputCheckboxGroup.vue +94 -0
  235. package/src/components/form/BmsInputCode.stories.js +43 -0
  236. package/src/components/form/BmsInputCode.vue +71 -0
  237. package/src/components/form/BmsInputDateTime.stories.js +71 -0
  238. package/src/components/form/BmsInputDateTime.vue +55 -0
  239. package/src/components/form/BmsInputFile.spec.ts +90 -0
  240. package/src/components/form/BmsInputFile.stories.js +156 -0
  241. package/src/components/form/BmsInputFile.vue +310 -0
  242. package/src/components/form/BmsInputNumber.spec.ts +40 -0
  243. package/src/components/form/BmsInputNumber.stories.js +79 -0
  244. package/src/components/form/BmsInputNumber.vue +67 -0
  245. package/src/components/form/BmsInputRadio.stories.js +79 -0
  246. package/src/components/form/BmsInputRadio.vue +121 -0
  247. package/src/components/form/BmsInputRadioCaption.stories.js +98 -0
  248. package/src/components/form/BmsInputRadioCaption.vue +110 -0
  249. package/src/components/form/BmsInputRadioCaptionGroup.stories.js +166 -0
  250. package/src/components/form/BmsInputRadioCaptionGroup.vue +81 -0
  251. package/src/components/form/BmsInputRadioGroup.stories.js +108 -0
  252. package/src/components/form/BmsInputRadioGroup.vue +93 -0
  253. package/src/components/form/BmsInputText.spec.ts +37 -0
  254. package/src/components/form/BmsInputText.stories.js +78 -0
  255. package/src/components/form/BmsInputText.vue +79 -0
  256. package/src/components/form/BmsInputToggle.stories.js +37 -0
  257. package/src/components/form/BmsInputToggle.vue +66 -0
  258. package/src/components/form/BmsSearch.spec.ts +41 -0
  259. package/src/components/form/BmsSearch.stories.js +70 -0
  260. package/src/components/form/BmsSearch.vue +62 -0
  261. package/src/components/form/BmsSelect.spec.ts +57 -0
  262. package/src/components/form/BmsSelect.stories.js +131 -0
  263. package/src/components/form/BmsSelect.vue +225 -0
  264. package/src/components/form/BmsTag.stories.js +64 -0
  265. package/src/components/form/BmsTag.vue +109 -0
  266. package/src/components/form/BmsTextArea.spec.ts +37 -0
  267. package/src/components/form/BmsTextArea.stories.js +74 -0
  268. package/src/components/form/BmsTextArea.vue +112 -0
  269. package/src/components/form/Form.stories.js +35 -0
  270. package/src/components/form/RawAutocomplete.spec.ts +103 -0
  271. package/src/components/form/RawAutocomplete.vue +218 -0
  272. package/src/components/form/RawInputText.vue +173 -0
  273. package/src/components/form/UiBmsInputCheckbox.stories.js +77 -0
  274. package/src/components/form/UiBmsInputCheckbox.vue +126 -0
  275. package/src/components/form/UiBmsSwitch.stories.js +40 -0
  276. package/src/components/form/UiBmsSwitch.vue +80 -0
  277. package/src/components/layout/BmsCard.stories.js +77 -0
  278. package/src/components/layout/BmsCard.vue +133 -0
  279. package/src/components/layout/BmsContentPageLayout.vue +92 -0
  280. package/src/components/layout/BmsForm.stories.js +30 -0
  281. package/src/components/layout/BmsForm.vue +42 -0
  282. package/src/components/layout/BmsHeader.stories.js +29 -0
  283. package/src/components/layout/BmsHeader.vue +16 -0
  284. package/src/components/layout/BmsHeaderTitle.stories.js +68 -0
  285. package/src/components/layout/BmsHeaderTitle.vue +76 -0
  286. package/src/components/layout/BmsModal.spec.ts +174 -0
  287. package/src/components/layout/BmsModal.stories.js +153 -0
  288. package/src/components/layout/BmsModal.vue +359 -0
  289. package/src/components/layout/BmsOverlay.stories.js +34 -0
  290. package/src/components/layout/BmsOverlay.vue +28 -0
  291. package/src/components/layout/BmsSection.stories.js +45 -0
  292. package/src/components/layout/BmsSection.vue +35 -0
  293. package/src/components/layout/BmsStep.stories.js +71 -0
  294. package/src/components/layout/BmsStep.vue +60 -0
  295. package/src/components/layout/BmsStepper.stories.js +57 -0
  296. package/src/components/layout/BmsStepper.vue +195 -0
  297. package/src/components/layout/UiPopoverMenu.vue +167 -0
  298. package/src/components/navigation/BmsBackButton.stories.js +27 -0
  299. package/src/components/navigation/BmsBackButton.vue +38 -0
  300. package/src/components/navigation/BmsBreadcrumb.stories.js +80 -0
  301. package/src/components/navigation/BmsBreadcrumb.vue +45 -0
  302. package/src/components/navigation/BmsLink.spec.ts +45 -0
  303. package/src/components/navigation/BmsLink.vue +59 -0
  304. package/src/components/navigation/BmsMenu.spec.ts +95 -0
  305. package/src/components/navigation/BmsMenu.stories.js +85 -0
  306. package/src/components/navigation/BmsMenu.vue +148 -0
  307. package/src/components/navigation/BmsMenuNav.spec.ts +140 -0
  308. package/src/components/navigation/BmsMenuNav.stories.js +187 -0
  309. package/src/components/navigation/BmsMenuNav.vue +217 -0
  310. package/src/components/navigation/BmsShortLinkMenu.stories.js +55 -0
  311. package/src/components/navigation/BmsShortLinkMenu.vue +59 -0
  312. package/src/components/navigation/BmsTabs.stories.js +30 -0
  313. package/src/components/navigation/BmsTabs.vue +46 -0
  314. package/src/components/navigation/BmsTenantSwitcher.stories.js +89 -0
  315. package/src/components/navigation/BmsTenantSwitcher.vue +135 -0
  316. package/src/components/navigation/UiMenuItem.stories.js +73 -0
  317. package/src/components/navigation/UiMenuItem.vue +116 -0
  318. package/src/components/navigation/UiMenuItemStatus.stories.js +58 -0
  319. package/src/components/navigation/UiTab.stories.js +56 -0
  320. package/src/components/navigation/UiTab.vue +71 -0
  321. package/src/components/navigation/UiTenantImage.vue +22 -0
  322. package/src/components/navigation/UiTenantLabel.vue +94 -0
  323. package/src/components/navigation/UiTenantSwitcher.spec.ts +167 -0
  324. package/src/components/navigation/UiTenantSwitcher.stories.js +70 -0
  325. package/src/components/navigation/UiTenantSwitcher.vue +161 -0
  326. package/src/components/table/BmsEmptyScreen.stories.js +32 -0
  327. package/src/components/table/BmsEmptyScreen.vue +54 -0
  328. package/src/components/table/BmsPagination.spec.ts +73 -0
  329. package/src/components/table/BmsPagination.stories.js +34 -0
  330. package/src/components/table/BmsPagination.vue +154 -0
  331. package/src/components/table/BmsServerTable.stories.js +422 -0
  332. package/src/components/table/BmsServerTable.vue +402 -0
  333. package/src/components/table/BmsTable.spec.ts +309 -0
  334. package/src/components/table/BmsTable.stories.js +930 -0
  335. package/src/components/table/BmsTable.vue +308 -0
  336. package/src/components/table/BmsTableFilters.spec.ts +494 -0
  337. package/src/components/table/BmsTableFilters.stories.js +114 -0
  338. package/src/components/table/BmsTableFilters.vue +268 -0
  339. package/src/components/table/DraggableList.stories.js +29 -0
  340. package/src/components/table/DraggableList.vue +179 -0
  341. package/src/components/table/UiBmsTable.spec.ts +373 -0
  342. package/src/components/table/UiBmsTable.stories.js +563 -0
  343. package/src/components/table/UiBmsTable.vue +617 -0
  344. package/src/components/table/UiFilterButton.stories.js +37 -0
  345. package/src/components/table/UiFilterButton.vue +85 -0
  346. package/src/components/utils/BmsCocarde.stories.js +47 -0
  347. package/src/components/utils/BmsCocarde.vue +66 -0
  348. package/src/components/utils/BmsProblem.stories.js +82 -0
  349. package/src/components/utils/BmsProblem.vue +223 -0
  350. package/src/components/utils/BmsRelativeTime.spec.ts +41 -0
  351. package/src/components/utils/BmsRelativeTime.stories.js +48 -0
  352. package/src/components/utils/BmsRelativeTime.vue +57 -0
  353. package/src/composables/clipboard.composable.ts +14 -0
  354. package/src/composables/index.ts +5 -0
  355. package/src/composables/pagination.composable.spec.ts +258 -0
  356. package/src/composables/pagination.composable.ts +111 -0
  357. package/src/composables/search.composable.spec.ts +1296 -0
  358. package/src/composables/search.composable.ts +316 -0
  359. package/src/composables/search.helper.spec.ts +339 -0
  360. package/src/composables/search.helper.ts +103 -0
  361. package/src/composables/sort.composable.spec.ts +349 -0
  362. package/src/composables/sort.composable.ts +129 -0
  363. package/src/composables/userPref.composable.spec.ts +115 -0
  364. package/src/composables/userPref.composable.ts +43 -0
  365. package/src/documentation/ColorTile.vue +23 -0
  366. package/src/documentation/assets/BmsIcon.png +0 -0
  367. package/src/documentation/assets/CoverBmsUI.png +0 -0
  368. package/src/documentation/assets/button/CoverPrimaryButton.png +0 -0
  369. package/src/documentation/assets/button/CoverSecondaryButton.png +0 -0
  370. package/src/documentation/assets/button/DoButtonLabel.png +0 -0
  371. package/src/documentation/assets/button/DontButtonLabel.png +0 -0
  372. package/src/documentation/assets/button/PrimaryButtonRepresentation.png +0 -0
  373. package/src/documentation/assets/cards/CardRepresentation.png +0 -0
  374. package/src/documentation/assets/cards/CoverCard.png +0 -0
  375. package/src/documentation/assets/chip/ChipRepresentation.png +0 -0
  376. package/src/documentation/assets/chip/CoverChips.png +0 -0
  377. package/src/documentation/assets/fields/Anatomy.png +0 -0
  378. package/src/documentation/assets/fields/CaptionRepresentation.png +0 -0
  379. package/src/documentation/assets/fields/CaptionTextRepresentation.png +0 -0
  380. package/src/documentation/assets/fields/CoverFieldsAnatomy.png +0 -0
  381. package/src/documentation/assets/fields/CoverInputFile.png +0 -0
  382. package/src/documentation/assets/fields/CoverInputText.png +0 -0
  383. package/src/documentation/assets/fields/CoverRadioCaptionGroup.png +0 -0
  384. package/src/documentation/assets/fields/CoverRadioGroup.png +0 -0
  385. package/src/documentation/assets/fields/CoverSearch.png +0 -0
  386. package/src/documentation/assets/fields/CoverSelect.png +0 -0
  387. package/src/documentation/assets/fields/CoverTextArea.png +0 -0
  388. package/src/documentation/assets/fields/FieldLabel.png +0 -0
  389. package/src/documentation/assets/fields/InputMediaRepresentation.png +0 -0
  390. package/src/documentation/assets/fields/InputRepresentation.png +0 -0
  391. package/src/documentation/assets/fields/InputSearchRepresentation.png +0 -0
  392. package/src/documentation/assets/fields/InputText.png +0 -0
  393. package/src/documentation/assets/fields/InputTextAreaRepresentation.png +0 -0
  394. package/src/documentation/assets/fields/LabelDo.png +0 -0
  395. package/src/documentation/assets/fields/LabelDont.png +0 -0
  396. package/src/documentation/assets/fields/LabelRepresentation.png +0 -0
  397. package/src/documentation/assets/fields/RadioCaptionGroupRepresentation.png +0 -0
  398. package/src/documentation/assets/fields/RadioGroupRepresentation.png +0 -0
  399. package/src/documentation/assets/fields/SelectRepresentation.png +0 -0
  400. package/src/documentation/assets/tag/CoverTag.png +0 -0
  401. package/src/documentation/assets/tag/TagRepresentation.png +0 -0
  402. package/src/documentation/button.mdx +24 -0
  403. package/src/documentation/card.mdx +28 -0
  404. package/src/documentation/chip.mdx +28 -0
  405. package/src/documentation/colors.mdx +118 -0
  406. package/src/documentation/fields.mdx +52 -0
  407. package/src/documentation/fields_text.mdx +31 -0
  408. package/src/documentation/icons.mdx +33 -0
  409. package/src/documentation/inputFile.mdx +28 -0
  410. package/src/documentation/primaryButton.mdx +20 -0
  411. package/src/documentation/principles.mdx +23 -0
  412. package/src/documentation/radioCaptionGroup.mdx +34 -0
  413. package/src/documentation/radioGroup.mdx +34 -0
  414. package/src/documentation/search.mdx +28 -0
  415. package/src/documentation/secondaryButton.mdx +17 -0
  416. package/src/documentation/select.mdx +31 -0
  417. package/src/documentation/tag.mdx +28 -0
  418. package/src/documentation/template_field_dependency.mdx +19 -0
  419. package/src/documentation/textArea.mdx +27 -0
  420. package/src/documentation/typography.mdx +93 -0
  421. package/src/documentation/typography.stories.js +26 -0
  422. package/src/helpers/cocarde.helper.spec.ts +14 -0
  423. package/src/helpers/cocarde.helper.ts +22 -0
  424. package/src/helpers/date.helper.spec.ts +91 -0
  425. package/src/helpers/date.helper.ts +105 -0
  426. package/src/helpers/file.helper.spec.ts +60 -0
  427. package/src/helpers/file.helper.ts +24 -0
  428. package/src/helpers/index.ts +6 -0
  429. package/src/helpers/location.helper.spec.ts +195 -0
  430. package/src/helpers/location.helper.ts +53 -0
  431. package/src/helpers/problem.helper.spec.ts +21 -0
  432. package/src/helpers/problem.helper.ts +4 -0
  433. package/src/helpers/string.helper.spec.ts +186 -0
  434. package/src/helpers/string.helper.ts +83 -0
  435. package/src/helpers/table.helper.spec.ts +141 -0
  436. package/src/helpers/table.helper.ts +88 -0
  437. package/src/index.ts +203 -0
  438. package/src/main.ts +25 -0
  439. package/src/models/breadcrumb.model.ts +6 -0
  440. package/src/models/caption.model.ts +7 -0
  441. package/src/models/chip.model.ts +8 -0
  442. package/src/models/cocarde.model.ts +4 -0
  443. package/src/models/form.model.ts +30 -0
  444. package/src/models/index.ts +14 -0
  445. package/src/models/menu.model.ts +20 -0
  446. package/src/models/modal.model.ts +9 -0
  447. package/src/models/problem.model.ts +10 -0
  448. package/src/models/sort.model.ts +13 -0
  449. package/src/models/status-type.model.ts +7 -0
  450. package/src/models/tab.model.ts +7 -0
  451. package/src/models/table.model.ts +58 -0
  452. package/src/models/tenant.model.ts +7 -0
  453. package/src/models/tooltip.model.ts +6 -0
  454. package/src/pages/Form.stories.js +83 -0
  455. package/src/pages/List.stories.js +88 -0
  456. package/src/plugins/confirm/index.ts +109 -0
  457. package/src/plugins/feature-flipper/FeatureFlipper.vue +23 -0
  458. package/src/plugins/feature-flipper/FeatureFlipperIndicator.vue +27 -0
  459. package/src/plugins/feature-flipper/FeatureFlipperModal.vue +68 -0
  460. package/src/plugins/feature-flipper/featureFlipper.composable.spec.ts +107 -0
  461. package/src/plugins/feature-flipper/featureFlipper.composable.ts +68 -0
  462. package/src/plugins/feature-flipper/featureFlipper.model.ts +1 -0
  463. package/src/plugins/feature-flipper/index.ts +15 -0
  464. package/src/plugins/field/FieldComponent.spec.ts +34 -0
  465. package/src/plugins/field/FieldComponent.stories.js +78 -0
  466. package/src/plugins/field/FieldComponent.vue +208 -0
  467. package/src/plugins/field/FieldDatalist.stories.js +35 -0
  468. package/src/plugins/field/FieldDatalist.vue +68 -0
  469. package/src/plugins/field/index.ts +31 -0
  470. package/src/plugins/keycloak-auth-adapter/index.ts +102 -0
  471. package/src/plugins/notifications/NotificationItem.stories.js +60 -0
  472. package/src/plugins/notifications/NotificationItem.vue +116 -0
  473. package/src/plugins/notifications/NotificationWidget.vue +129 -0
  474. package/src/plugins/notifications/index.ts +83 -0
  475. package/src/plugins/notifications/notification.model.ts +24 -0
  476. package/src/plugins/notifications/notifications.spec.js +78 -0
  477. package/src/plugins/router-history/index.ts +23 -0
  478. package/src/plugins/router-history/router-history.composable.spec.ts +323 -0
  479. package/src/plugins/router-history/router-history.composable.ts +47 -0
  480. package/src/plugins/runtime-env/index.ts +19 -0
  481. package/src/services/index.ts +1 -0
  482. package/src/services/konami.service.ts +28 -0
  483. package/src/showroom/App.vue +109 -0
  484. package/src/showroom/db.json +1967 -0
  485. package/src/showroom/pages/autocomplete.vue +54 -0
  486. package/src/showroom/pages/draggable-list.vue +20 -0
  487. package/src/showroom/pages/file-picker.vue +74 -0
  488. package/src/showroom/pages/forms.vue +389 -0
  489. package/src/showroom/pages/index.vue +209 -0
  490. package/src/showroom/pages/paginated-cards.vue +48 -0
  491. package/src/showroom/pages/server-table.vue +160 -0
  492. package/src/showroom/pages/stepper.vue +37 -0
  493. package/src/showroom/pages/table.vue +192 -0
  494. package/src/showroom/pages/tabs/[tabName].vue +28 -0
  495. package/src/showroom/router.ts +15 -0
  496. package/src/showroom/server.js +45 -0
  497. package/src/vite-env.d.ts +9 -0
@@ -0,0 +1,3024 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");.bms-button {
2
+ height: 2em;
3
+ font-size: 1em;
4
+ box-sizing: border-box;
5
+ display: inline-flex;
6
+ align-items: center;
7
+ margin: 0;
8
+ padding: 0.5em;
9
+ appearance: none;
10
+ cursor: pointer;
11
+ border-radius: var(--bms-border-radius);
12
+ line-height: 1;
13
+ justify-content: center;
14
+ text-align: center;
15
+ transition: transform 0.1s ease-in-out, background-color 0.1s linear, color 0.1s linear, border 0.1s linear;
16
+ text-decoration: none;
17
+ background-color: var(--bms-button-background-color);
18
+ border: 1px solid var(--bms-button-border-color);
19
+ color: var(--bms-button-text-color);
20
+ }
21
+ .bms-button:focus, .bms-button:active, .bms-button:hover, .bms-button._hover {
22
+ background-color: var(--bms-button-hover-background-color);
23
+ border-color: var(--bms-button-hover-border-color);
24
+ color: var(--bms-button-hover-text-color);
25
+ outline: none;
26
+ text-decoration: none;
27
+ }
28
+ .bms-button:disabled, .bms-button.bms-button--disabled {
29
+ background-color: var(--bms-button-disabled-background-color);
30
+ border-color: var(--bms-button-disabled-border-color);
31
+ color: var(--bms-button-disabled-text-color);
32
+ pointer-events: none;
33
+ cursor: initial;
34
+ }
35
+ .bms-button.is-icon {
36
+ padding: 0.5em 0;
37
+ --bms-button-background-color: transparent;
38
+ --bms-button-border-color: transparent;
39
+ --bms-button-text-color: var(--bms-grey-100);
40
+ --bms-button-hover-background-color: var(--bms-grey-10);
41
+ --bms-button-hover-border-color: transparent;
42
+ --bms-button-hover-text-color: var(--bms-grey-140);
43
+ --bms-button-disabled-background-color: transparent;
44
+ --bms-button-disabled-border-color: transparent;
45
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
46
+ }
47
+ .bms-button.bms-button--fill {
48
+ --bms-button-background-color: var(--bms-grey-100);
49
+ --bms-button-border-color: var(--bms-grey-100);
50
+ --bms-button-text-color: white;
51
+ --bms-button-hover-background-color: var(--bms-grey-140);
52
+ --bms-button-hover-border-color: var(--bms-grey-140);
53
+ --bms-button-hover-text-color: white;
54
+ --bms-button-disabled-background-color: var(--bms-disabled-color);
55
+ --bms-button-disabled-border-color: var(--bms-disabled-color);
56
+ --bms-button-disabled-text-color: white;
57
+ }
58
+ .bms-button.bms-button--outline {
59
+ --bms-button-background-color: transparent;
60
+ --bms-button-border-color: var(--bms-grey-100);
61
+ --bms-button-text-color: var(--bms-grey-100);
62
+ --bms-button-hover-background-color: transparent;
63
+ --bms-button-hover-border-color: var(--bms-grey-140);
64
+ --bms-button-hover-text-color: var(--bms-grey-140);
65
+ --bms-button-disabled-background-color: transparent;
66
+ --bms-button-disabled-border-color: var(--bms-disabled-color);
67
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
68
+ }
69
+ .bms-button.bms-button--ghost {
70
+ --bms-button-background-color: transparent;
71
+ --bms-button-border-color: transparent;
72
+ --bms-button-text-color: var(--bms-grey-100);
73
+ --bms-button-hover-background-color: var(--bms-grey-10);
74
+ --bms-button-hover-border-color: transparent;
75
+ --bms-button-hover-text-color: var(--bms-grey-140);
76
+ --bms-button-disabled-background-color: transparent;
77
+ --bms-button-disabled-border-color: transparent;
78
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
79
+ }
80
+ .bms-button .content {
81
+ margin: 0 0.5em;
82
+ }
83
+ .bms-button > span:empty {
84
+ display: none;
85
+ }
86
+ .bms-button svg {
87
+ display: block;
88
+ width: 1em;
89
+ height: 1em;
90
+ }
91
+ .bms-button.is-default.is-icon {
92
+ padding: 0.5em 0;
93
+ --bms-button-background-color: transparent;
94
+ --bms-button-border-color: transparent;
95
+ --bms-button-text-color: var(--bms-grey-100);
96
+ --bms-button-hover-background-color: var(--bms-main-10);
97
+ --bms-button-hover-border-color: transparent;
98
+ --bms-button-hover-text-color: var(--bms-main-140);
99
+ --bms-button-disabled-background-color: transparent;
100
+ --bms-button-disabled-border-color: transparent;
101
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
102
+ }
103
+ .bms-button.is-default.bms-button--fill {
104
+ --bms-button-background-color: var(--bms-main-100);
105
+ --bms-button-border-color: var(--bms-main-100);
106
+ --bms-button-text-color: white;
107
+ --bms-button-hover-background-color: var(--bms-main-140);
108
+ --bms-button-hover-border-color: var(--bms-main-140);
109
+ --bms-button-hover-text-color: white;
110
+ --bms-button-disabled-background-color: var(--bms-disabled-color);
111
+ --bms-button-disabled-border-color: var(--bms-disabled-color);
112
+ --bms-button-disabled-text-color: white;
113
+ }
114
+ .bms-button.is-default.bms-button--outline {
115
+ --bms-button-background-color: transparent;
116
+ --bms-button-border-color: var(--bms-main-100);
117
+ --bms-button-text-color: var(--bms-main-100);
118
+ --bms-button-hover-background-color: transparent;
119
+ --bms-button-hover-border-color: var(--bms-main-140);
120
+ --bms-button-hover-text-color: var(--bms-main-140);
121
+ --bms-button-disabled-background-color: transparent;
122
+ --bms-button-disabled-border-color: var(--bms-disabled-color);
123
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
124
+ }
125
+ .bms-button.is-default.bms-button--ghost {
126
+ --bms-button-background-color: transparent;
127
+ --bms-button-border-color: transparent;
128
+ --bms-button-text-color: var(--bms-main-100);
129
+ --bms-button-hover-background-color: var(--bms-main-10);
130
+ --bms-button-hover-border-color: transparent;
131
+ --bms-button-hover-text-color: var(--bms-main-140);
132
+ --bms-button-disabled-background-color: transparent;
133
+ --bms-button-disabled-border-color: transparent;
134
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
135
+ }
136
+ .bms-button.is-warning.is-icon {
137
+ padding: 0.5em 0;
138
+ --bms-button-background-color: transparent;
139
+ --bms-button-border-color: transparent;
140
+ --bms-button-text-color: var(--bms-grey-100);
141
+ --bms-button-hover-background-color: var(--bms-orange-10);
142
+ --bms-button-hover-border-color: transparent;
143
+ --bms-button-hover-text-color: var(--bms-orange-140);
144
+ --bms-button-disabled-background-color: transparent;
145
+ --bms-button-disabled-border-color: transparent;
146
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
147
+ }
148
+ .bms-button.is-warning.bms-button--fill {
149
+ --bms-button-background-color: var(--bms-orange-100);
150
+ --bms-button-border-color: var(--bms-orange-100);
151
+ --bms-button-text-color: white;
152
+ --bms-button-hover-background-color: var(--bms-orange-140);
153
+ --bms-button-hover-border-color: var(--bms-orange-140);
154
+ --bms-button-hover-text-color: white;
155
+ --bms-button-disabled-background-color: var(--bms-disabled-color);
156
+ --bms-button-disabled-border-color: var(--bms-disabled-color);
157
+ --bms-button-disabled-text-color: white;
158
+ }
159
+ .bms-button.is-warning.bms-button--outline {
160
+ --bms-button-background-color: transparent;
161
+ --bms-button-border-color: var(--bms-orange-100);
162
+ --bms-button-text-color: var(--bms-orange-100);
163
+ --bms-button-hover-background-color: transparent;
164
+ --bms-button-hover-border-color: var(--bms-orange-140);
165
+ --bms-button-hover-text-color: var(--bms-orange-140);
166
+ --bms-button-disabled-background-color: transparent;
167
+ --bms-button-disabled-border-color: var(--bms-disabled-color);
168
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
169
+ }
170
+ .bms-button.is-warning.bms-button--ghost {
171
+ --bms-button-background-color: transparent;
172
+ --bms-button-border-color: transparent;
173
+ --bms-button-text-color: var(--bms-orange-100);
174
+ --bms-button-hover-background-color: var(--bms-orange-10);
175
+ --bms-button-hover-border-color: transparent;
176
+ --bms-button-hover-text-color: var(--bms-orange-140);
177
+ --bms-button-disabled-background-color: transparent;
178
+ --bms-button-disabled-border-color: transparent;
179
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
180
+ }
181
+ .bms-button.is-danger.is-icon {
182
+ padding: 0.5em 0;
183
+ --bms-button-background-color: transparent;
184
+ --bms-button-border-color: transparent;
185
+ --bms-button-text-color: var(--bms-grey-100);
186
+ --bms-button-hover-background-color: var(--bms-red-10);
187
+ --bms-button-hover-border-color: transparent;
188
+ --bms-button-hover-text-color: var(--bms-red-140);
189
+ --bms-button-disabled-background-color: transparent;
190
+ --bms-button-disabled-border-color: transparent;
191
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
192
+ }
193
+ .bms-button.is-danger.bms-button--fill {
194
+ --bms-button-background-color: var(--bms-red-100);
195
+ --bms-button-border-color: var(--bms-red-100);
196
+ --bms-button-text-color: white;
197
+ --bms-button-hover-background-color: var(--bms-red-140);
198
+ --bms-button-hover-border-color: var(--bms-red-140);
199
+ --bms-button-hover-text-color: white;
200
+ --bms-button-disabled-background-color: var(--bms-disabled-color);
201
+ --bms-button-disabled-border-color: var(--bms-disabled-color);
202
+ --bms-button-disabled-text-color: white;
203
+ }
204
+ .bms-button.is-danger.bms-button--outline {
205
+ --bms-button-background-color: transparent;
206
+ --bms-button-border-color: var(--bms-red-100);
207
+ --bms-button-text-color: var(--bms-red-100);
208
+ --bms-button-hover-background-color: transparent;
209
+ --bms-button-hover-border-color: var(--bms-red-140);
210
+ --bms-button-hover-text-color: var(--bms-red-140);
211
+ --bms-button-disabled-background-color: transparent;
212
+ --bms-button-disabled-border-color: var(--bms-disabled-color);
213
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
214
+ }
215
+ .bms-button.is-danger.bms-button--ghost {
216
+ --bms-button-background-color: transparent;
217
+ --bms-button-border-color: transparent;
218
+ --bms-button-text-color: var(--bms-red-100);
219
+ --bms-button-hover-background-color: var(--bms-red-10);
220
+ --bms-button-hover-border-color: transparent;
221
+ --bms-button-hover-text-color: var(--bms-red-140);
222
+ --bms-button-disabled-background-color: transparent;
223
+ --bms-button-disabled-border-color: transparent;
224
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
225
+ }
226
+ .bms-button.is-success.is-icon {
227
+ padding: 0.5em 0;
228
+ --bms-button-background-color: transparent;
229
+ --bms-button-border-color: transparent;
230
+ --bms-button-text-color: var(--bms-grey-100);
231
+ --bms-button-hover-background-color: var(--bms-green-10);
232
+ --bms-button-hover-border-color: transparent;
233
+ --bms-button-hover-text-color: var(--bms-green-140);
234
+ --bms-button-disabled-background-color: transparent;
235
+ --bms-button-disabled-border-color: transparent;
236
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
237
+ }
238
+ .bms-button.is-success.bms-button--fill {
239
+ --bms-button-background-color: var(--bms-green-100);
240
+ --bms-button-border-color: var(--bms-green-100);
241
+ --bms-button-text-color: white;
242
+ --bms-button-hover-background-color: var(--bms-green-140);
243
+ --bms-button-hover-border-color: var(--bms-green-140);
244
+ --bms-button-hover-text-color: white;
245
+ --bms-button-disabled-background-color: var(--bms-disabled-color);
246
+ --bms-button-disabled-border-color: var(--bms-disabled-color);
247
+ --bms-button-disabled-text-color: white;
248
+ }
249
+ .bms-button.is-success.bms-button--outline {
250
+ --bms-button-background-color: transparent;
251
+ --bms-button-border-color: var(--bms-green-100);
252
+ --bms-button-text-color: var(--bms-green-100);
253
+ --bms-button-hover-background-color: transparent;
254
+ --bms-button-hover-border-color: var(--bms-green-140);
255
+ --bms-button-hover-text-color: var(--bms-green-140);
256
+ --bms-button-disabled-background-color: transparent;
257
+ --bms-button-disabled-border-color: var(--bms-disabled-color);
258
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
259
+ }
260
+ .bms-button.is-success.bms-button--ghost {
261
+ --bms-button-background-color: transparent;
262
+ --bms-button-border-color: transparent;
263
+ --bms-button-text-color: var(--bms-green-100);
264
+ --bms-button-hover-background-color: var(--bms-green-10);
265
+ --bms-button-hover-border-color: transparent;
266
+ --bms-button-hover-text-color: var(--bms-green-140);
267
+ --bms-button-disabled-background-color: transparent;
268
+ --bms-button-disabled-border-color: transparent;
269
+ --bms-button-disabled-text-color: var(--bms-disabled-color);
270
+ }.alert[data-v-26caccdd] {
271
+ --alert-main-color: var(--bms-main-100);
272
+ --alert-secondary-color: var(--bms-main-10);
273
+ background-color: var(--alert-secondary-color);
274
+ border-radius: 8px;
275
+ border: 1px solid var(--alert-main-color);
276
+ padding: 16px;
277
+ }
278
+ .alert-information[data-v-26caccdd] {
279
+ --alert-main-color: var(--bms-main-100);
280
+ --alert-secondary-color: var(--bms-main-10);
281
+ }
282
+ .alert-danger[data-v-26caccdd] {
283
+ --alert-main-color: var(--bms-red-100);
284
+ --alert-secondary-color: var(--bms-red-10);
285
+ }
286
+ .alert-warning[data-v-26caccdd] {
287
+ --alert-main-color: var(--bms-orange-100);
288
+ --alert-secondary-color: var(--bms-orange-10);
289
+ }
290
+ .alert .info-line[data-v-26caccdd] {
291
+ display: flex;
292
+ flex-wrap: nowrap;
293
+ gap: 16px;
294
+ align-items: baseline;
295
+ }
296
+ .alert .info-line .icon[data-v-26caccdd] {
297
+ color: var(--alert-main-color);
298
+ display: flex;
299
+ }
300
+ .alert .info-line .message[data-v-26caccdd] {
301
+ flex-grow: 1;
302
+ align-self: center;
303
+ }.ui-badge__container[data-v-8a6297ca] {
304
+ display: flex;
305
+ }
306
+ .ui-badge__container.not-pending[data-v-8a6297ca] {
307
+ display: initial;
308
+ }
309
+ .ui-badge__container .ui-badge__badge[data-v-8a6297ca] {
310
+ margin-top: -3px;
311
+ color: white;
312
+ border-radius: 50%;
313
+ font-size: 0.5em;
314
+ height: 1.9em;
315
+ width: 1.9em;
316
+ display: flex;
317
+ justify-content: center;
318
+ align-items: center;
319
+ overflow: hidden;
320
+ white-space: nowrap;
321
+ text-overflow: ellipsis;
322
+ }
323
+ .ui-badge__container .ui-badge__badge.is-default[data-v-8a6297ca] {
324
+ background-color: var(--bms-grey-100);
325
+ }
326
+ .ui-badge__container .ui-badge__badge.is-information[data-v-8a6297ca] {
327
+ background-color: var(--bms-main-100);
328
+ }
329
+ .ui-badge__container .ui-badge__badge.is-warning[data-v-8a6297ca] {
330
+ background-color: var(--bms-orange-100);
331
+ }
332
+ .ui-badge__container .ui-badge__badge.is-danger[data-v-8a6297ca] {
333
+ background-color: var(--bms-red-100);
334
+ }
335
+ .ui-badge__container .ui-badge__badge.is-success[data-v-8a6297ca] {
336
+ background-color: var(--bms-green-100);
337
+ }.caption[data-v-b08dd4e0] {
338
+ display: flex;
339
+ flex-wrap: nowrap;
340
+ align-items: baseline;
341
+ cursor: default;
342
+ font-size: 14px;
343
+ color: var(--bms-grey-75);
344
+ }
345
+ .caption[data-v-b08dd4e0] * {
346
+ color: var(--bms-grey-75);
347
+ }
348
+ .caption-success[data-v-b08dd4e0] {
349
+ color: var(--bms-success-color);
350
+ }
351
+ .caption-success[data-v-b08dd4e0] * {
352
+ color: var(--bms-success-color);
353
+ }
354
+ .caption-danger[data-v-b08dd4e0] {
355
+ color: var(--bms-danger-color);
356
+ }
357
+ .caption-danger[data-v-b08dd4e0] * {
358
+ color: var(--bms-danger-color);
359
+ }
360
+ .caption-warning[data-v-b08dd4e0] {
361
+ color: var(--bms-warning-color);
362
+ }
363
+ .caption-warning[data-v-b08dd4e0] * {
364
+ color: var(--bms-warning-color);
365
+ }
366
+ .caption .icon[data-v-b08dd4e0] {
367
+ margin-right: 5px;
368
+ }
369
+ .caption .label[data-v-b08dd4e0] {
370
+ flex-grow: 1;
371
+ align-self: center;
372
+ }.circular-progress[data-v-7869acfb] {
373
+ --size: 4em;
374
+ --stroke-width: 8;
375
+ display: inline-block;
376
+ width: var(--size);
377
+ height: var(--size);
378
+ position: relative;
379
+ }
380
+ .circular-progress .percent[data-v-7869acfb] {
381
+ position: absolute;
382
+ top: 50%;
383
+ left: 50%;
384
+ transform: translate3d(-50%, -50%, 0);
385
+ white-space: nowrap;
386
+ line-height: 1;
387
+ color: var(--text-color);
388
+ }
389
+ .circular-progress svg[data-v-7869acfb] {
390
+ width: var(--size);
391
+ height: var(--size);
392
+ stroke-width: var(--stroke-width);
393
+ }
394
+ .circular-progress svg circle[data-v-7869acfb] {
395
+ transition: stroke-dashoffset 0.2s ease-in-out;
396
+ }.bms-loader[data-v-7cc96135] {
397
+ font-size: var(--71df0f7a);
398
+ color: var(--bms-main-100, currentColor);
399
+ display: inline-block;
400
+ }
401
+ .bms-loader svg[data-v-7cc96135] {
402
+ width: 1em;
403
+ height: 1em;
404
+ display: block;
405
+ }.bms-tooltip__text[data-v-e8f6f5f1] {
406
+ --bms-tooltip-background-color: white;
407
+ --bms-tooltip-color: inherit;
408
+ --bms-tooltip-margin: 4px;
409
+ background-color: var(--bms-tooltip-background-color);
410
+ width: max-content;
411
+ text-align: center;
412
+ padding: 4px 8px;
413
+ border-radius: var(--bms-border-radius);
414
+ max-width: var(--bms-tooltip-max-width, 30rem);
415
+ max-height: 30rem;
416
+ position: absolute;
417
+ overflow: hidden;
418
+ z-index: 20;
419
+ filter: drop-shadow(0 0 0.8rem var(--bms-shadow-color));
420
+ color: var(--bms-font-color);
421
+ transform: var(--bms-tooltip-transform);
422
+ }
423
+ .bms-tooltip__text[data-v-e8f6f5f1]::before {
424
+ content: "";
425
+ position: absolute;
426
+ right: var(--bms-tooltip-indicator-position-right);
427
+ left: var(--bms-tooltip-indicator-position-left);
428
+ top: var(--bms-tooltip-indicator-position-top);
429
+ bottom: var(--bms-tooltip-indicator-position-bottom);
430
+ transform: var(--bms-tooltip-indicator-transform);
431
+ border-width: 3px;
432
+ border-style: solid;
433
+ border-color: var(--bms-tooltip-indicator-border);
434
+ }
435
+ .bms-tooltip__text--top[data-v-e8f6f5f1], .bms-tooltip__text--bottom[data-v-e8f6f5f1] {
436
+ --bms-tooltip-indicator-position-left: 50%;
437
+ --bms-tooltip-indicator-position-right: initial;
438
+ }
439
+ .bms-tooltip__text--bottom[data-v-e8f6f5f1] {
440
+ --bms-tooltip-indicator-position-top: initial;
441
+ --bms-tooltip-indicator-position-bottom: 100%;
442
+ --bms-tooltip-indicator-border: transparent transparent
443
+ var(--bms-tooltip-background-color) transparent;
444
+ }
445
+ .bms-tooltip__text--top[data-v-e8f6f5f1] {
446
+ --bms-tooltip-indicator-position-top: 100%;
447
+ --bms-tooltip-indicator-position-bottom: initial;
448
+ --bms-tooltip-indicator-border: var(--bms-tooltip-background-color)
449
+ transparent transparent transparent;
450
+ }
451
+ .bms-tooltip__text--left[data-v-e8f6f5f1], .bms-tooltip__text--right[data-v-e8f6f5f1] {
452
+ --bms-tooltip-indicator-position-top: 50%;
453
+ --bms-tooltip-indicator-position-bottom: initial;
454
+ }
455
+ .bms-tooltip__text--left[data-v-e8f6f5f1] {
456
+ --bms-tooltip-indicator-position-right: initial;
457
+ --bms-tooltip-indicator-position-left: 100%;
458
+ --bms-tooltip-indicator-border: transparent transparent transparent
459
+ var(--bms-tooltip-background-color);
460
+ }
461
+ .bms-tooltip__text--right[data-v-e8f6f5f1] {
462
+ --bms-tooltip-indicator-position-right: 100%;
463
+ --bms-tooltip-indicator-position-left: initial;
464
+ --bms-tooltip-indicator-border: transparent
465
+ var(--bms-tooltip-background-color) transparent transparent;
466
+ }
467
+ .tooltip-fade-enter-active[data-v-e8f6f5f1] {
468
+ transition: opacity 0.2s ease;
469
+ }
470
+ .tooltip-fade-enter-from[data-v-e8f6f5f1] {
471
+ opacity: 0;
472
+ }
473
+ .tooltip-fade-enter-to[data-v-e8f6f5f1] {
474
+ opacity: 1;
475
+ }
476
+ .tooltip-fade-leave-active[data-v-e8f6f5f1] {
477
+ transition: opacity 0.3s ease;
478
+ }
479
+ .tooltip-fade-leave-from[data-v-e8f6f5f1] {
480
+ opacity: 1;
481
+ }
482
+ .tooltip-fade-leave-to[data-v-e8f6f5f1] {
483
+ opacity: 0;
484
+ }.bms-tooltip-anchor-wrapper[data-v-b033f8af] {
485
+ position: relative;
486
+ display: inline-block;
487
+ outline: none;
488
+ }ul[data-v-739cbe9f] {
489
+ border-style: none;
490
+ border-radius: 0 0 4px 4px;
491
+ text-decoration: none;
492
+ list-style-type: none;
493
+ padding: 0;
494
+ margin: 0;
495
+ }
496
+ ul li[data-v-739cbe9f]:first-of-type {
497
+ border-top: 1px solid var(--bms-grey-10);
498
+ }
499
+ ul li[data-v-739cbe9f]:first-child {
500
+ border-top-left-radius: var(--bms-border-radius);
501
+ border-top-right-radius: var(--bms-border-radius);
502
+ }
503
+ ul li[data-v-739cbe9f]:last-child {
504
+ border-bottom-left-radius: var(--bms-border-radius);
505
+ border-bottom-right-radius: var(--bms-border-radius);
506
+ }
507
+ ul li[data-v-739cbe9f] {
508
+ display: flex;
509
+ align-items: center;
510
+ cursor: pointer;
511
+ padding: 0.4em;
512
+ border: 1px solid var(--bms-grey-10);
513
+ border-top: none;
514
+ background-color: var(--bms-white);
515
+ min-height: 4rem;
516
+ }
517
+ ul li[data-v-739cbe9f]:hover, ul li.selected[data-v-739cbe9f] {
518
+ background-color: var(--bms-grey-10);
519
+ }.input-wrapper[data-v-bde31ca8] {
520
+ display: flex;
521
+ align-items: center;
522
+ width: 100%;
523
+ padding: 1em;
524
+ margin: 0.5em 0;
525
+ border-radius: var(--bms-border-radius);
526
+ border: 1px solid var(--field-border-color);
527
+ background-color: var(--input-background-color);
528
+ height: 48px;
529
+ }
530
+ .input-wrapper[data-v-bde31ca8]:hover {
531
+ --field-border-color: var(--bms-grey-100);
532
+ }
533
+ .input-wrapper[data-v-bde31ca8]:has(input:focus) {
534
+ box-shadow: 0 0 4px 4px var(--bms-main-25);
535
+ --field-border-color: var(--field-border-color-active);
536
+ }
537
+ .input-wrapper.is-error[data-v-bde31ca8] {
538
+ --field-border-color: var(--bms-red-100);
539
+ --input-background-color: var(--bms-red-25);
540
+ }
541
+ .input-wrapper.is-disabled[data-v-bde31ca8] {
542
+ --field-border-color: var(--bms-grey-25);
543
+ --input-background-color: var(--bms-grey-25);
544
+ }
545
+ .input-wrapper.is-disabled input[data-v-bde31ca8] {
546
+ pointer-events: none;
547
+ }
548
+ .input-wrapper .field__input-label[data-v-bde31ca8] {
549
+ display: block;
550
+ color: var(--bms-grey-50);
551
+ font-size: 12px;
552
+ line-height: 0.2em;
553
+ margin-top: 6px;
554
+ margin-bottom: 4px;
555
+ }
556
+ .input-wrapper .field__input-icon[data-v-bde31ca8] {
557
+ display: flex;
558
+ }
559
+ .input-wrapper .field__input-icon--start[data-v-bde31ca8] {
560
+ margin-right: 0.5em;
561
+ }
562
+ .input-wrapper .field__input-icon--end[data-v-bde31ca8] {
563
+ margin-left: 0.5em;
564
+ }
565
+ .input-wrapper .field__input-icon[data-v-bde31ca8] svg {
566
+ width: 1em;
567
+ height: 1em;
568
+ display: block;
569
+ }
570
+ .input-wrapper .field__input-icon[data-v-bde31ca8]:empty {
571
+ display: none;
572
+ }
573
+ .input-wrapper input[data-v-bde31ca8] {
574
+ outline: none;
575
+ appearance: none;
576
+ border: 0;
577
+ padding: 0;
578
+ margin: 0;
579
+ font: inherit;
580
+ color: inherit;
581
+ height: 24px;
582
+ line-height: 1;
583
+ width: 100%;
584
+ background-color: transparent;
585
+ }.field__input .autocomplete-wrapper[data-v-52384854] {
586
+ width: 100%;
587
+ padding: 0.7em;
588
+ margin: 0.5em 0;
589
+ border-radius: var(--bms-border-radius);
590
+ border: 1px solid var(--field-border-color);
591
+ background-color: var(--input-background-color);
592
+ height: 48px;
593
+ }
594
+ .field__input .autocomplete-wrapper[data-v-52384854]:hover {
595
+ --field-border-color: var(--bms-grey-100);
596
+ }
597
+ .field__input .autocomplete-wrapper[data-v-52384854]:has(input:focus) {
598
+ --field-border-color: var(--field-border-color-active);
599
+ }
600
+ .field__input .autocomplete-wrapper.is-error[data-v-52384854] {
601
+ --field-border-color: var(--bms-red-100);
602
+ --input-background-color: var(--bms-red-25);
603
+ }
604
+ .field__input .autocomplete-wrapper.is-disabled[data-v-52384854] {
605
+ --field-border-color: var(--bms-grey-25);
606
+ --input-background-color: var(--bms-grey-25);
607
+ pointer-events: none;
608
+ }
609
+ .field__input .autocomplete-wrapper input[data-v-52384854] {
610
+ outline: none;
611
+ appearance: none;
612
+ border: 0;
613
+ padding: 0;
614
+ margin: 0;
615
+ font: inherit;
616
+ color: inherit;
617
+ height: 24px;
618
+ line-height: 1;
619
+ width: 100%;
620
+ background-color: transparent;
621
+ }.icon[data-v-dd6c744e] {
622
+ height: 1em;
623
+ width: 1em;
624
+ }
625
+ .icon.datalist-icon[data-v-dd6c744e] {
626
+ margin: 0 0.5em;
627
+ }
628
+ .icon[data-v-dd6c744e] svg {
629
+ height: 100%;
630
+ width: 100%;
631
+ }
632
+ .icon[data-v-dd6c744e] svg * {
633
+ fill: currentColor !important;
634
+ }.field-between__separator[data-v-66be0ad9] {
635
+ margin-left: 10px;
636
+ margin-right: 10px;
637
+ }
638
+ .field-between .input-wrapper[data-v-66be0ad9] {
639
+ display: unset;
640
+ margin-left: 0;
641
+ position: relative;
642
+ padding: 0.2em 1em;
643
+ }.chip[data-v-72b945cc] {
644
+ --chip-color: transparent;
645
+ --chip-background-color: transparent;
646
+ display: flex;
647
+ align-items: center;
648
+ width: fit-content;
649
+ padding: 4px 8px;
650
+ border-radius: 4px;
651
+ color: var(--chip-color);
652
+ background-color: var(--chip-background-color);
653
+ cursor: default;
654
+ }
655
+ .chip.green[data-v-72b945cc] {
656
+ --chip-color: var(--bms-green-100);
657
+ --chip-background-color: var(--bms-green-25);
658
+ }
659
+ .chip.green[data-v-72b945cc]:hover {
660
+ --chip-background-color: var(--bms-green-50);
661
+ }
662
+ .chip.red[data-v-72b945cc] {
663
+ --chip-color: var(--bms-red-100);
664
+ --chip-background-color: var(--bms-red-25);
665
+ }
666
+ .chip.red[data-v-72b945cc]:hover {
667
+ --chip-background-color: var(--bms-red-50);
668
+ }
669
+ .chip.purple[data-v-72b945cc] {
670
+ --chip-color: var(--bms-main-analog-100);
671
+ --chip-background-color: var(--bms-main-analog-25);
672
+ }
673
+ .chip.purple[data-v-72b945cc]:hover {
674
+ --chip-background-color: var(--bms-main-analog-50);
675
+ }
676
+ .chip.blue[data-v-72b945cc] {
677
+ --chip-color: var(--bms-main-100);
678
+ --chip-background-color: var(--bms-main-25);
679
+ }
680
+ .chip.blue[data-v-72b945cc]:hover {
681
+ --chip-background-color: var(--bms-main-50);
682
+ }
683
+ .chip.grey[data-v-72b945cc] {
684
+ --chip-color: var(--bms-grey-100);
685
+ --chip-background-color: var(--bms-grey-25);
686
+ }
687
+ .chip.grey[data-v-72b945cc]:hover {
688
+ --chip-background-color: var(--bms-grey-50);
689
+ }
690
+ .chip.orange[data-v-72b945cc] {
691
+ --chip-color: var(--bms-orange-100);
692
+ --chip-background-color: var(--bms-orange-25);
693
+ }
694
+ .chip.orange[data-v-72b945cc]:hover {
695
+ --chip-background-color: var(--bms-orange-50);
696
+ }.file-upload[data-v-c892a845] {
697
+ --drop-color: var(--bms-grey-10);
698
+ }
699
+ .file-upload__label[data-v-c892a845] {
700
+ display: block;
701
+ padding: 4em 1em;
702
+ text-align: center;
703
+ border-radius: var(--bms-border-radius);
704
+ border: 1px dashed var(--bms-border-color);
705
+ background: var(--drop-color);
706
+ }
707
+ .file-upload__label[data-v-c892a845]:hover {
708
+ --drop-color: var(--bms-grey-25);
709
+ }
710
+ .file-upload__drop-area input[type=file][data-v-c892a845] {
711
+ opacity: 0;
712
+ position: absolute;
713
+ pointer-events: none;
714
+ left: 0;
715
+ width: 0;
716
+ height: 0;
717
+ }
718
+ .file-upload__drop-area.is-active[data-v-c892a845] {
719
+ --drop-color: var(--bms-main-25);
720
+ }
721
+ .file-upload__file[data-v-c892a845] {
722
+ display: flex;
723
+ align-items: center;
724
+ justify-content: space-between;
725
+ padding: 0.5em 0.5em 0.5em 1em;
726
+ border-radius: var(--bms-border-radius);
727
+ border: 1px solid var(--bms-grey-25);
728
+ background: var(--bms-grey-10);
729
+ }
730
+ .file-upload__file-name[data-v-c892a845] {
731
+ overflow: hidden;
732
+ white-space: nowrap;
733
+ text-overflow: ellipsis;
734
+ flex: 1 1 auto;
735
+ }
736
+ .file-upload__file .button[data-v-c892a845] {
737
+ flex: 0 0 auto;
738
+ }.input-checkbox[data-v-e1d94c62] {
739
+ --input-checkbox-default-color: var(--bms-grey-100);
740
+ --input-checkbox-default-color-checked: var(--bms-main-100);
741
+ --input-checkbox-default-background-color: transparent;
742
+ width: fit-content;
743
+ }
744
+ .input-checkbox label[data-v-e1d94c62] {
745
+ display: flex;
746
+ gap: 4px;
747
+ }
748
+ .input-checkbox.error[data-v-e1d94c62] {
749
+ --input-checkbox-default-color: var(--bms-danger-color);
750
+ --input-checkbox-default-color-checked: var(--bms-danger-color);
751
+ }
752
+ .input-checkbox.disabled[data-v-e1d94c62] {
753
+ --input-checkbox-default-color: var(--bms-grey-50);
754
+ --input-checkbox-default-color-checked: var(--bms-grey-50);
755
+ --input-checkbox-default-background-color: var(--bms-grey-25);
756
+ pointer-events: none;
757
+ }
758
+ .input-checkbox.disabled input-checkbox-info[data-v-e1d94c62] {
759
+ color: var(--bms-grey-50);
760
+ }
761
+ .input-checkbox-info[data-v-e1d94c62] {
762
+ line-height: 16px;
763
+ cursor: default;
764
+ }
765
+ input[type=checkbox][data-v-e1d94c62] {
766
+ appearance: none;
767
+ margin: 0;
768
+ width: 16px;
769
+ height: 16px;
770
+ border: 1px solid var(--input-checkbox-default-color);
771
+ border-radius: 2px;
772
+ display: grid;
773
+ place-content: center;
774
+ background-color: var(--input-checkbox-default-background-color);
775
+ }
776
+ input[type=checkbox][data-v-e1d94c62]::before {
777
+ content: "";
778
+ width: 8px;
779
+ height: 8px;
780
+ transform: scale(0);
781
+ transition: 120ms transform ease-in-out;
782
+ background-color: var(--input-checkbox-default-color-checked);
783
+ transform-origin: bottom left;
784
+ clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
785
+ }
786
+ input[type=checkbox][data-v-e1d94c62]:hover {
787
+ border: 2px solid var(--input-checkbox-default-color-checked);
788
+ }
789
+ input[type=checkbox][data-v-e1d94c62]:checked {
790
+ border: 2px solid var(--input-checkbox-default-color-checked);
791
+ background-color: transparent;
792
+ }
793
+ input[type=checkbox][data-v-e1d94c62]:checked::before {
794
+ transform: scale(1);
795
+ }.field-checkbox[data-v-57bb21ed] {
796
+ padding: 0.5em 0;
797
+ }.input-checkbox-group-wrapper[data-v-595e146b] {
798
+ display: flex;
799
+ gap: 1em;
800
+ margin: 0.5em 0;
801
+ flex-direction: row;
802
+ }
803
+ .input-checkbox-group-wrapper.column[data-v-595e146b] {
804
+ flex-direction: column;
805
+ }.input-checkbox-caption[data-v-6cb7c474] {
806
+ --input-checkbox-caption-border-color: var(--bms-grey-25);
807
+ --input-checkbox-caption-background-color: transparent;
808
+ display: flex;
809
+ flex-direction: column;
810
+ width: fit-content;
811
+ padding: 8px;
812
+ gap: 8px;
813
+ border: 1px solid var(--input-checkbox-caption-border-color);
814
+ border-radius: 4px;
815
+ background-color: var(--input-checkbox-caption-background-color);
816
+ }
817
+ .input-checkbox-caption .group-caption[data-v-6cb7c474] {
818
+ cursor: default;
819
+ margin-left: 20px;
820
+ font-size: 14px;
821
+ }
822
+ .input-checkbox-caption[data-v-6cb7c474]:hover {
823
+ --input-checkbox-caption-border-color: var(--bms-main-100);
824
+ }
825
+ .input-checkbox-caption.disabled[data-v-6cb7c474] {
826
+ --input-checkbox-caption-border-color: var(--bms-grey-50);
827
+ --input-checkbox-caption-background-color: var(--bms-grey-25);
828
+ }
829
+ .input-checkbox-caption.error[data-v-6cb7c474] {
830
+ --input-checkbox-caption-border-color: var(--bms-red-100);
831
+ --input-checkbox-caption-background-color: var(--bms-red-25);
832
+ }.input-checkbox-group-caption-wrapper[data-v-d17019ce] {
833
+ display: flex;
834
+ gap: 1em;
835
+ margin: 0.5em 0;
836
+ flex-direction: row;
837
+ }
838
+ .input-checkbox-group-caption-wrapper.column[data-v-d17019ce] {
839
+ flex-direction: column;
840
+ }.code-mirror[data-v-726c6059] {
841
+ max-height: 50rem;
842
+ width: 100%;
843
+ overflow: auto;
844
+ border-radius: 4px;
845
+ }.file-upload[data-v-5d2c657c] {
846
+ --drop-color: var(--bms-grey-10);
847
+ --drop-border: 1px dashed var(--bms-grey-50);
848
+ }
849
+ .file-upload[data-v-5d2c657c] .field__wrapper {
850
+ width: 100%;
851
+ min-width: 0;
852
+ }
853
+ .file-upload .is-disabled[data-v-5d2c657c] {
854
+ --drop-color: var(--bms-grey-25);
855
+ --drop-border: 1px solid var(--bms-grey-25);
856
+ color: var(--bms-grey-75);
857
+ }
858
+ .file-upload .is-error[data-v-5d2c657c] {
859
+ --drop-color: var(--bms-red-25);
860
+ --drop-border: 1px solid var(--bms-red-100);
861
+ }
862
+ .file-upload__drop-area[data-v-5d2c657c] {
863
+ display: block;
864
+ padding: 4em 1em;
865
+ margin: 1em 0;
866
+ text-align: center;
867
+ border-radius: var(--bms-border-radius);
868
+ border: var(--drop-border);
869
+ background: var(--drop-color);
870
+ cursor: pointer;
871
+ }
872
+ .file-upload__drop-area[data-v-5d2c657c]:active, .file-upload__drop-area__active[data-v-5d2c657c] {
873
+ --drop-color: transparent;
874
+ --drop-border: 1px solid var(--bms-main-100);
875
+ }
876
+ .file-upload__drop-area[data-v-5d2c657c]:hover, .file-upload__drop-area__hover[data-v-5d2c657c] {
877
+ --drop-color: var(--bms-main-10);
878
+ --drop-border: 1px dashed var(--bms-grey-100);
879
+ }
880
+ .file-upload__drop-area input[type=file][data-v-5d2c657c] {
881
+ opacity: 0;
882
+ position: absolute;
883
+ pointer-events: none;
884
+ left: 0;
885
+ width: 0;
886
+ height: 0;
887
+ }
888
+ .file-upload__drop-area.is-active[data-v-5d2c657c] {
889
+ --drop-color: var(--bms-main-25);
890
+ }
891
+ .file-upload__drop-area.wide[data-v-5d2c657c] {
892
+ width: 100%;
893
+ }
894
+ .file-upload__file-list[data-v-5d2c657c] {
895
+ display: flex;
896
+ width: 100%;
897
+ gap: 1em;
898
+ margin: 1em 0;
899
+ }
900
+ .file-upload__file[data-v-5d2c657c] {
901
+ display: flex;
902
+ align-items: center;
903
+ justify-content: center;
904
+ width: 96px;
905
+ height: 96px;
906
+ border-radius: var(--bms-border-radius);
907
+ border: 1px solid var(--bms-grey-25);
908
+ background: var(--bms-grey-10);
909
+ position: relative;
910
+ }
911
+ .file-upload__file.wide[data-v-5d2c657c] {
912
+ width: 100%;
913
+ height: 300px;
914
+ }
915
+ .file-upload__file-img[data-v-5d2c657c] {
916
+ max-width: 100%;
917
+ max-height: 100%;
918
+ }
919
+ .file-upload__file-name[data-v-5d2c657c] {
920
+ overflow: hidden;
921
+ white-space: nowrap;
922
+ text-overflow: ellipsis;
923
+ flex: 1 1 auto;
924
+ }
925
+ .file-upload__file[data-v-5d2c657c] .close-button {
926
+ position: absolute;
927
+ top: 0;
928
+ right: 0;
929
+ }.input-radio[data-v-cb26402d] {
930
+ --input-radio-default-color: var(--bms-grey-100);
931
+ --input-radio-default-color-checked: var(--bms-main-100);
932
+ width: fit-content;
933
+ }
934
+ .input-radio label[data-v-cb26402d] {
935
+ display: flex;
936
+ gap: 4px;
937
+ }
938
+ .input-radio.error[data-v-cb26402d] {
939
+ --input-radio-default-color: var(--bms-danger-color);
940
+ --input-radio-default-color-checked: var(--bms-danger-color);
941
+ }
942
+ .input-radio.disabled[data-v-cb26402d] {
943
+ --input-radio-default-color: var(--bms-grey-50);
944
+ --input-radio-default-color-checked: var(--bms-grey-50);
945
+ pointer-events: none;
946
+ }
947
+ .input-radio.disabled input-radio-info[data-v-cb26402d] {
948
+ color: var(--bms-grey-50);
949
+ }
950
+ .input-radio-info[data-v-cb26402d] {
951
+ line-height: 16px;
952
+ cursor: default;
953
+ }
954
+ input[type=radio][data-v-cb26402d] {
955
+ appearance: none;
956
+ margin: 0;
957
+ border-radius: 50%;
958
+ width: 16px;
959
+ height: 16px;
960
+ border: 1px solid var(--input-radio-default-color);
961
+ display: grid;
962
+ place-content: center;
963
+ }
964
+ input[type=radio][data-v-cb26402d]::before {
965
+ content: "";
966
+ width: 8px;
967
+ height: 8px;
968
+ border-radius: 50%;
969
+ transform: scale(0);
970
+ transition: 120ms transform ease-in-out;
971
+ background-color: var(--input-radio-default-color-checked);
972
+ }
973
+ input[type=radio][data-v-cb26402d]:hover {
974
+ border: 2px solid var(--input-radio-default-color-checked);
975
+ }
976
+ input[type=radio][data-v-cb26402d]:checked {
977
+ border: 2px solid var(--input-radio-default-color-checked);
978
+ }
979
+ input[type=radio][data-v-cb26402d]:checked::before {
980
+ transform: scale(1);
981
+ }.input-radio-group-wrapper[data-v-28c3db26] {
982
+ display: flex;
983
+ gap: 1em;
984
+ margin: 0.5em 0;
985
+ flex-direction: row;
986
+ }
987
+ .input-radio-group-wrapper.column[data-v-28c3db26] {
988
+ flex-direction: column;
989
+ }.input-radio-caption[data-v-c3ba4fee] {
990
+ --input-radio-caption-border-color: var(--bms-grey-25);
991
+ --input-radio-caption-background-color: transparent;
992
+ display: flex;
993
+ flex-direction: column;
994
+ width: fit-content;
995
+ padding: 8px;
996
+ gap: 8px;
997
+ border: 1px solid var(--input-radio-caption-border-color);
998
+ border-radius: 4px;
999
+ background-color: var(--input-radio-caption-background-color);
1000
+ }
1001
+ .input-radio-caption .group-caption[data-v-c3ba4fee] {
1002
+ cursor: default;
1003
+ margin-left: 20px;
1004
+ font-size: 14px;
1005
+ }
1006
+ .input-radio-caption[data-v-c3ba4fee]:hover {
1007
+ --input-radio-caption-border-color: var(--bms-main-100);
1008
+ }
1009
+ .input-radio-caption.disabled[data-v-c3ba4fee] {
1010
+ --input-radio-caption-border-color: var(--bms-grey-50);
1011
+ --input-radio-caption-background-color: var(--bms-grey-25);
1012
+ }
1013
+ .input-radio-caption.error[data-v-c3ba4fee] {
1014
+ --input-radio-caption-border-color: var(--bms-red-100);
1015
+ --input-radio-caption-background-color: var(--bms-red-25);
1016
+ }.input-radio-group-caption-wrapper[data-v-0b421813] {
1017
+ display: flex;
1018
+ gap: 1em;
1019
+ margin: 0.5em 0;
1020
+ flex-direction: row;
1021
+ }
1022
+ .input-radio-group-caption-wrapper.column[data-v-0b421813] {
1023
+ flex-direction: column;
1024
+ }input[data-v-19745934] {
1025
+ display: none;
1026
+ }
1027
+ .switch-wrapper[data-v-19745934] {
1028
+ --switch-background-color: var(--bms-grey-25);
1029
+ --switch-color: var(--bms-grey-100);
1030
+ --switch-transform: none;
1031
+ display: flex;
1032
+ align-items: center;
1033
+ justify-content: flex-start;
1034
+ padding: 0 0.25em;
1035
+ background-color: var(--switch-background-color);
1036
+ width: 2em;
1037
+ height: 1em;
1038
+ border-radius: var(--bms-border-radius-xlarge);
1039
+ position: relative;
1040
+ transition: 0.2s;
1041
+ }
1042
+ .switch-wrapper[data-v-19745934]::before {
1043
+ content: "";
1044
+ transition: 0.5s;
1045
+ transform: var(--switch-transform);
1046
+ width: 0.5em;
1047
+ height: 0.5em;
1048
+ background-color: var(--switch-color);
1049
+ display: block;
1050
+ border-radius: var(--bms-border-radius);
1051
+ }
1052
+ .switch-wrapper.isOn[data-v-19745934] {
1053
+ --switch-transform: translateX(1em);
1054
+ --switch-background-color: var(--bms-main-100);
1055
+ --switch-color: var(--bms-white);
1056
+ }
1057
+ .switch-wrapper.disabled[data-v-19745934] {
1058
+ --switch-background-color: var(--bms-grey-25);
1059
+ --switch-color: var(--bms-grey-50);
1060
+ }.input-toggle[data-v-2d2ac60e] {
1061
+ --label-color: var(--bms-grey-100);
1062
+ --cursor: pointer;
1063
+ font-weight: bold;
1064
+ display: flex;
1065
+ align-items: center;
1066
+ gap: 0.5em;
1067
+ }
1068
+ .input-toggle .input-switch-info[data-v-2d2ac60e] {
1069
+ color: var(--label-color);
1070
+ transition: 0.2s;
1071
+ }
1072
+ .input-toggle.isOn[data-v-2d2ac60e] {
1073
+ --label-color: var(--bms-main-100);
1074
+ }
1075
+ .input-toggle.disabled[data-v-2d2ac60e] {
1076
+ --label-color: var(--bms-grey-50);
1077
+ --cursor: default;
1078
+ }
1079
+ .input-toggle[data-v-2d2ac60e]:hover {
1080
+ cursor: var(--cursor);
1081
+ }.clean-icon[data-v-66c267f2]:hover {
1082
+ cursor: pointer;
1083
+ }.field__input[data-v-b2231812] {
1084
+ --field-border-color: var(--bms-grey-50);
1085
+ --field-border-color-active: var(--bms-main-100);
1086
+ --input-background-color: var(--bms-white);
1087
+ }
1088
+ .field__input .select-wrapper[data-v-b2231812] {
1089
+ width: 100%;
1090
+ padding: 0;
1091
+ margin: 0.5em 0;
1092
+ border-radius: var(--bms-border-radius);
1093
+ border: 1px solid var(--field-border-color);
1094
+ background-color: var(--input-background-color);
1095
+ height: 48px;
1096
+ display: flex;
1097
+ align-items: center;
1098
+ }
1099
+ .field__input .select-wrapper .icon-down-container[data-v-b2231812] {
1100
+ height: 100%;
1101
+ display: flex;
1102
+ align-items: center;
1103
+ }
1104
+ .field__input .select-wrapper .icon-down-container[data-v-b2231812]:hover {
1105
+ cursor: pointer;
1106
+ }
1107
+ .field__input .select-wrapper .icon-down-button[data-v-b2231812] {
1108
+ width: 1em;
1109
+ margin: 0 1em 0 0.5em;
1110
+ display: block;
1111
+ }
1112
+ .field__input .select-wrapper[data-v-b2231812]:hover {
1113
+ --field-border-color: var(--bms-grey-100);
1114
+ }
1115
+ .field__input .select-wrapper[data-v-b2231812]:has(input:focus) {
1116
+ --field-border-color: var(--field-border-color-active);
1117
+ }
1118
+ .field__input .select-wrapper.is-error[data-v-b2231812] {
1119
+ --field-border-color: var(--bms-red-100);
1120
+ --input-background-color: var(--bms-red-25);
1121
+ }
1122
+ .field__input .select-wrapper.is-disabled[data-v-b2231812] {
1123
+ --field-border-color: var(--bms-grey-25);
1124
+ --input-background-color: var(--bms-grey-25);
1125
+ pointer-events: none;
1126
+ }
1127
+ .field__input .select-wrapper input[data-v-b2231812] {
1128
+ border: none;
1129
+ background-color: transparent;
1130
+ caret-color: transparent;
1131
+ cursor: pointer;
1132
+ outline: none;
1133
+ appearance: none;
1134
+ padding: 0 0 0 1em;
1135
+ margin: 0;
1136
+ font: inherit;
1137
+ color: inherit;
1138
+ height: 24px;
1139
+ line-height: 1;
1140
+ width: 100%;
1141
+ height: 100%;
1142
+ }.tag[data-v-3c04a9f9] {
1143
+ --tag-border-color: var(--bms-main-100);
1144
+ --tag-background-color: transparent;
1145
+ --tag-color: var(--bms-main-100);
1146
+ display: flex;
1147
+ justify-content: center;
1148
+ align-items: center;
1149
+ gap: 8px;
1150
+ border-radius: 12px;
1151
+ border: 1px solid var(--tag-border-color);
1152
+ width: fit-content;
1153
+ padding: 4px 8px;
1154
+ line-height: normal;
1155
+ font-size: 14px;
1156
+ color: var(--tag-color);
1157
+ background-color: var(--tag-background-color);
1158
+ cursor: pointer;
1159
+ }
1160
+ .tag.disabled[data-v-3c04a9f9] {
1161
+ pointer-events: none;
1162
+ cursor: default;
1163
+ --tag-color: var(--bms-grey-50);
1164
+ --tag-border-color: var(--bms-grey-50);
1165
+ }
1166
+ .tag.disabled.active[data-v-3c04a9f9] {
1167
+ --tag-color: white;
1168
+ --tag-background-color: var(--bms-grey-50);
1169
+ }
1170
+ .tag[data-v-3c04a9f9]:focus, .tag[data-v-3c04a9f9]:hover {
1171
+ --tag-color: var(--bms-main-140);
1172
+ --tag-border-color: var(--bms-main-140);
1173
+ }
1174
+ .tag.active[data-v-3c04a9f9] {
1175
+ --tag-color: white;
1176
+ --tag-background-color: var(--bms-main-100);
1177
+ }
1178
+ .tag.active[data-v-3c04a9f9]:focus, .tag.active[data-v-3c04a9f9]:hover {
1179
+ --tag-border-color: var(--bms-main-140);
1180
+ --tag-background-color: var(--bms-main-140);
1181
+ }
1182
+ .tag[data-v-3c04a9f9] svg {
1183
+ width: 14px;
1184
+ height: 14px;
1185
+ }
1186
+ .tag .dismiss-button[data-v-3c04a9f9] {
1187
+ display: flex;
1188
+ justify-content: center;
1189
+ align-items: center;
1190
+ background-color: var(--tag-background-color);
1191
+ color: var(--tag-color);
1192
+ }
1193
+ .tag .dismiss-button[data-v-3c04a9f9] .bms-button {
1194
+ color: currentColor;
1195
+ padding: 0;
1196
+ height: fit-content;
1197
+ }
1198
+ .tag .dismiss-button[data-v-3c04a9f9] .bms-button .content {
1199
+ margin: 0;
1200
+ }
1201
+ .tag .dismiss-button[data-v-3c04a9f9] .bms-button:hover {
1202
+ background-color: var(--tag-background-color);
1203
+ }.field__input textarea[data-v-ec1c11a0] {
1204
+ display: flex;
1205
+ align-items: center;
1206
+ width: 100%;
1207
+ padding: 1em;
1208
+ margin: 0.5em 0;
1209
+ border-radius: var(--bms-border-radius);
1210
+ border: 1px solid var(--field-border-color);
1211
+ background-color: var(--textarea-background-color);
1212
+ min-height: 96px;
1213
+ outline: none;
1214
+ font: inherit;
1215
+ color: inherit;
1216
+ }
1217
+ .field__input textarea[data-v-ec1c11a0]:hover {
1218
+ --field-border-color: var(--bms-grey-100);
1219
+ }
1220
+ .field__input textarea[data-v-ec1c11a0]:active, .field__input textarea[data-v-ec1c11a0]:focus {
1221
+ --field-border-color: var(--field-border-color-active);
1222
+ }
1223
+ .field__input textarea.is-error[data-v-ec1c11a0] {
1224
+ --field-border-color: var(--bms-red-100);
1225
+ --textarea-background-color: var(--bms-red-25);
1226
+ }
1227
+ .field__input textarea.is-disabled[data-v-ec1c11a0] {
1228
+ --field-border-color: var(--bms-grey-25);
1229
+ --textarea-background-color: var(--bms-grey-25);
1230
+ pointer-events: none;
1231
+ }.page[data-v-31057778] {
1232
+ margin: 0 auto;
1233
+ width: var(--wrapper-width, calc(100% - 3.2rem));
1234
+ max-width: 126rem;
1235
+ padding: 2em 0;
1236
+ min-height: calc(100% - var(--bms-header-height));
1237
+ display: flex;
1238
+ flex-direction: column;
1239
+ gap: 2em;
1240
+ }
1241
+ .page--small[data-v-31057778] {
1242
+ max-width: 80rem;
1243
+ }
1244
+ .page--medium[data-v-31057778] {
1245
+ max-width: 126rem;
1246
+ }
1247
+ .page--large[data-v-31057778] {
1248
+ max-width: 144rem;
1249
+ }
1250
+ .page--full[data-v-31057778] {
1251
+ max-width: 100%;
1252
+ }
1253
+ .page[data-v-31057778]:empty {
1254
+ display: none;
1255
+ }
1256
+ .page__tabs[data-v-31057778], .page__breadcrumb[data-v-31057778], .page__header[data-v-31057778] {
1257
+ display: flex;
1258
+ justify-content: space-between;
1259
+ align-items: center;
1260
+ }
1261
+ .page__tabs[data-v-31057778]:empty, .page__breadcrumb[data-v-31057778]:empty, .page__header[data-v-31057778]:empty {
1262
+ display: none;
1263
+ }
1264
+ .page__tabs[data-v-31057778] h1, .page__breadcrumb[data-v-31057778] h1, .page__header[data-v-31057778] h1 {
1265
+ margin-top: 0;
1266
+ margin-bottom: 0;
1267
+ }
1268
+ .page[data-v-31057778] .header {
1269
+ width: 100%;
1270
+ }
1271
+ .page[data-v-31057778] .header .title {
1272
+ width: 100%;
1273
+ display: flex;
1274
+ align-items: center;
1275
+ gap: 16px;
1276
+ }
1277
+ .page[data-v-31057778] .header .actions {
1278
+ flex-grow: 1;
1279
+ display: flex;
1280
+ justify-content: flex-end;
1281
+ }
1282
+ .page[data-v-31057778] .header .actions .add-button {
1283
+ text-align: end;
1284
+ }.card[data-v-4c43a2ad] {
1285
+ --summary-card-background-color: rgba(255, 255, 255, 0.5);
1286
+ --summary-card-color: var(--bms-font-color);
1287
+ --card-margin: 2px;
1288
+ border: 1px solid var(--bms-grey-10);
1289
+ border-radius: var(--bms-border-radius-large);
1290
+ position: relative;
1291
+ overflow: hidden;
1292
+ --card-content-border-radius: var(--bms-border-radius-large);
1293
+ }
1294
+ .card.card--information[data-v-4c43a2ad] {
1295
+ --summary-card-color: white;
1296
+ --summary-card-background-color: var(--bms-main-100);
1297
+ }
1298
+ .card.card--success[data-v-4c43a2ad] {
1299
+ --summary-card-color: white;
1300
+ --summary-card-background-color: var(--bms-success-color);
1301
+ }
1302
+ .card.card--warning[data-v-4c43a2ad] {
1303
+ --summary-card-color: white;
1304
+ --summary-card-background-color: var(--bms-warning-color);
1305
+ }
1306
+ .card.card--danger[data-v-4c43a2ad] {
1307
+ --summary-card-color: white;
1308
+ --summary-card-background-color: var(--bms-danger-color);
1309
+ }
1310
+ .card .hasAction[data-v-4c43a2ad] {
1311
+ --card-content-border-radius: var(--bms-border-radius-large)
1312
+ var(--bms-border-radius-large) 0 0;
1313
+ cursor: pointer;
1314
+ }
1315
+ .card__body[data-v-4c43a2ad] {
1316
+ position: relative;
1317
+ min-height: 50px;
1318
+ min-width: 50px;
1319
+ margin: var(--card-margin);
1320
+ width: calc(100% - 2 * var(--card-margin));
1321
+ height: calc(100% - 2 * var(--card-margin));
1322
+ display: flex;
1323
+ justify-content: space-between;
1324
+ flex-direction: column;
1325
+ }
1326
+ .card__body__content[data-v-4c43a2ad] {
1327
+ height: 100%;
1328
+ border-radius: var(--card-content-border-radius);
1329
+ background-color: var(--summary-card-background-color);
1330
+ backdrop-filter: blur(40px);
1331
+ color: var(--summary-card-color);
1332
+ }
1333
+ .card__body__action[data-v-4c43a2ad] {
1334
+ border-top: 1px solid var(--bms-grey-10);
1335
+ border-radius: 0 0 var(--bms-border-radius-large) var(--bms-border-radius-large);
1336
+ background-color: var(--bms-white);
1337
+ color: var(--bms-main-100);
1338
+ padding: 0.5em;
1339
+ cursor: pointer;
1340
+ }
1341
+ .card .blob[data-v-4c43a2ad] {
1342
+ transform: translate(10px, 10px);
1343
+ width: 60%;
1344
+ height: 60%;
1345
+ min-height: 50px;
1346
+ min-width: 50px;
1347
+ background-color: var(--bms-main-25);
1348
+ position: absolute;
1349
+ border-radius: 50%;
1350
+ filter: blur(10px);
1351
+ }.form-section[data-v-bc297639] {
1352
+ display: flex;
1353
+ flex-direction: column;
1354
+ gap: 1em;
1355
+ }
1356
+ .form-section section[data-v-bc297639] {
1357
+ display: flex;
1358
+ flex-direction: column;
1359
+ gap: 0.5em;
1360
+ }
1361
+ .form-section .actions[data-v-bc297639] {
1362
+ display: flex;
1363
+ align-items: center;
1364
+ justify-content: flex-end;
1365
+ gap: 1em;
1366
+ }header[data-v-97c1615a] {
1367
+ position: sticky;
1368
+ top: 0;
1369
+ background: white;
1370
+ z-index: 3;
1371
+ padding: 0.8rem 1rem;
1372
+ border-bottom: 1px solid var(--bms-grey-10);
1373
+ }.bms-short-link-menu[data-v-d23e08a5] {
1374
+ display: flex;
1375
+ height: fit-content;
1376
+ width: fit-content;
1377
+ margin-left: 0.5em;
1378
+ align-self: center;
1379
+ border-radius: var(--bms-border-radius);
1380
+ }
1381
+ .bms-short-link-menu__outline[data-v-d23e08a5] {
1382
+ border: 1px solid var(--bms-grey-25);
1383
+ }.bms-header[data-v-1368f77d] {
1384
+ width: 100%;
1385
+ }
1386
+ .bms-header__title[data-v-1368f77d] {
1387
+ width: 100%;
1388
+ display: flex;
1389
+ align-items: center;
1390
+ gap: 16px;
1391
+ }
1392
+ .bms-header__title__label h1[data-v-1368f77d] {
1393
+ margin: 0;
1394
+ }
1395
+ .bms-header__title__actions[data-v-1368f77d] {
1396
+ flex-grow: 1;
1397
+ display: flex;
1398
+ justify-content: flex-end;
1399
+ }
1400
+ .bms-header__subtitle[data-v-1368f77d] {
1401
+ margin-top: 0.5em;
1402
+ display: inline-block;
1403
+ }.overlay[data-v-5004909e] {
1404
+ position: fixed;
1405
+ top: 0;
1406
+ left: 0;
1407
+ width: 100vw;
1408
+ height: 100vh;
1409
+ z-index: 10;
1410
+ background: rgba(82, 100, 118, 0.3);
1411
+ }
1412
+ .priority[data-v-5004909e] {
1413
+ z-index: 20;
1414
+ }.ui-modal[data-v-96b6d748] {
1415
+ --modal-header-border-size: 1px;
1416
+ --modal-header-color: var(--bms-grey-10);
1417
+ position: fixed;
1418
+ top: 0;
1419
+ left: 0;
1420
+ width: 100vw;
1421
+ height: 100vh;
1422
+ display: flex;
1423
+ align-items: center;
1424
+ justify-content: center;
1425
+ z-index: 10;
1426
+ }
1427
+ .ui-modal.Default[data-v-96b6d748] {
1428
+ --modal-header-border-size: 1px;
1429
+ --modal-header-color: var(--bms-grey-10);
1430
+ }
1431
+ .ui-modal.success[data-v-96b6d748] {
1432
+ --modal-header-border-size: 4px;
1433
+ --modal-header-color: var(--bms-success-color);
1434
+ }
1435
+ .ui-modal.warning[data-v-96b6d748] {
1436
+ --modal-header-border-size: 4px;
1437
+ --modal-header-color: var(--bms-warning-color);
1438
+ }
1439
+ .ui-modal.danger[data-v-96b6d748] {
1440
+ --modal-header-border-size: 4px;
1441
+ --modal-header-color: var(--bms-danger-color);
1442
+ }
1443
+ .ui-modal__loader[data-v-96b6d748] {
1444
+ position: absolute;
1445
+ top: 0;
1446
+ left: 0;
1447
+ width: 100%;
1448
+ height: 100%;
1449
+ display: flex;
1450
+ gap: 1em;
1451
+ flex-direction: column;
1452
+ align-items: center;
1453
+ justify-content: center;
1454
+ background: var(--bms-white);
1455
+ }
1456
+ .ui-modal__loader p[data-v-96b6d748] {
1457
+ margin: 0;
1458
+ font-size: 0.88em;
1459
+ }
1460
+ .ui-modal__title[data-v-96b6d748] {
1461
+ display: flex;
1462
+ align-items: center;
1463
+ gap: 1rem;
1464
+ margin: 0;
1465
+ font-size: 1.5em;
1466
+ font-weight: bold;
1467
+ }
1468
+ .ui-modal__title .title-indicator[data-v-96b6d748] {
1469
+ color: var(--modal-header-color);
1470
+ }
1471
+ .ui-modal__inner[data-v-96b6d748] {
1472
+ position: relative;
1473
+ pointer-events: all;
1474
+ background: var(--bms-white);
1475
+ min-width: 32em;
1476
+ max-height: 80vh;
1477
+ max-width: 80vw;
1478
+ overflow: auto;
1479
+ padding: 1em;
1480
+ border-radius: var(--bms-border-radius-large);
1481
+ }
1482
+ .ui-modal__content[data-v-96b6d748] {
1483
+ margin-top: 1rem;
1484
+ }
1485
+ .ui-modal__header[data-v-96b6d748], .ui-modal__footer[data-v-96b6d748] {
1486
+ margin: -1em;
1487
+ position: sticky;
1488
+ background: var(--bms-white);
1489
+ }
1490
+ .ui-modal__header[data-v-96b6d748] {
1491
+ padding: 1em 1em 0.5em 1em;
1492
+ border-bottom: var(--modal-header-border-size) solid var(--modal-header-color);
1493
+ margin-bottom: 0;
1494
+ top: -1em;
1495
+ display: flex;
1496
+ }
1497
+ .ui-modal__header-inner[data-v-96b6d748] {
1498
+ flex: 1 1 auto;
1499
+ }
1500
+ .ui-modal__footer[data-v-96b6d748] {
1501
+ padding: 1em;
1502
+ margin-top: 0;
1503
+ bottom: -1em;
1504
+ }
1505
+ .ui-modal__buttons[data-v-96b6d748] {
1506
+ display: flex;
1507
+ align-items: center;
1508
+ justify-content: flex-end;
1509
+ gap: 1em;
1510
+ }
1511
+ .content-fade-enter-active[data-v-96b6d748],
1512
+ .content-fade-leave-active[data-v-96b6d748] {
1513
+ transition: opacity 0.3s ease;
1514
+ }
1515
+ .content-fade-enter-from[data-v-96b6d748],
1516
+ .content-fade-leave-to[data-v-96b6d748] {
1517
+ opacity: 0;
1518
+ }
1519
+ .content-fade-enter-active .ui-modal[data-v-96b6d748],
1520
+ .content-fade-leave-active .ui-modal[data-v-96b6d748] {
1521
+ transition: transform 0.3s ease;
1522
+ }
1523
+ .content-fade-enter-from .ui-modal[data-v-96b6d748],
1524
+ .content-fade-leave-to .ui-modal[data-v-96b6d748] {
1525
+ transform: scale(0.8);
1526
+ }.header[data-v-2e9192be] h1,
1527
+ .header[data-v-2e9192be] h2,
1528
+ .header[data-v-2e9192be] h3,
1529
+ .header[data-v-2e9192be] h4,
1530
+ .header[data-v-2e9192be] h5 {
1531
+ margin-top: 0;
1532
+ }
1533
+ .flat[data-v-2e9192be] {
1534
+ border: none;
1535
+ background: none;
1536
+ padding: 0;
1537
+ }
1538
+ .border[data-v-2e9192be] {
1539
+ border: 1px solid var(--bms-grey-10);
1540
+ background-color: var(--bms-white);
1541
+ border-radius: var(--bms-border-radius-large);
1542
+ padding: 1em 2em 1em 2em;
1543
+ }.step-buttons[data-v-fcce71d1] {
1544
+ padding-top: 2em;
1545
+ display: flex;
1546
+ justify-content: flex-end;
1547
+ gap: 1em;
1548
+ }.stepper-header[data-v-c872a497] {
1549
+ display: flex;
1550
+ justify-content: center;
1551
+ align-items: center;
1552
+ position: sticky;
1553
+ z-index: 2;
1554
+ top: 0;
1555
+ padding: 2em 0;
1556
+ }
1557
+ .stepper-header[data-v-c872a497]::before {
1558
+ content: "";
1559
+ display: block;
1560
+ width: 80%;
1561
+ left: 10%;
1562
+ position: absolute;
1563
+ z-index: -1;
1564
+ bottom: 0;
1565
+ height: 2em;
1566
+ border-radius: 100%;
1567
+ box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
1568
+ opacity: 0;
1569
+ transition: opacity 0.2s linear;
1570
+ }
1571
+ .stepper-header[data-v-c872a497]::after {
1572
+ content: "";
1573
+ display: block;
1574
+ position: absolute;
1575
+ top: 0;
1576
+ left: 0;
1577
+ width: 100%;
1578
+ height: 100%;
1579
+ background: transparent;
1580
+ z-index: -1;
1581
+ }
1582
+ .stepper-header--step[data-v-c872a497] {
1583
+ display: flex;
1584
+ justify-content: center;
1585
+ align-items: center;
1586
+ margin: 0 10px;
1587
+ }
1588
+ .stepper-header--step[data-v-c872a497]:first-child {
1589
+ margin: 0 10px 0 0;
1590
+ }
1591
+ .stepper-header--step[data-v-c872a497]:last-child {
1592
+ margin: 0;
1593
+ }
1594
+ .stepper-header--step.clickable:hover div[data-v-c872a497] {
1595
+ cursor: pointer;
1596
+ }
1597
+ .stepper-header--indicator[data-v-c872a497] {
1598
+ width: 30px;
1599
+ height: 30px;
1600
+ display: flex;
1601
+ align-items: center;
1602
+ justify-content: center;
1603
+ background-color: var(--bms-main-50);
1604
+ color: var(--bms-font-color);
1605
+ border-radius: 50%;
1606
+ font-weight: bold;
1607
+ margin-right: 10px;
1608
+ }
1609
+ .stepper-header--indicator.active[data-v-c872a497] {
1610
+ border: none;
1611
+ background-color: var(--bms-main-100);
1612
+ color: white;
1613
+ }
1614
+ .stepper-header--indicator.complete[data-v-c872a497] {
1615
+ border: none;
1616
+ background-color: var(--bms-success-color);
1617
+ color: white;
1618
+ font-size: 20px;
1619
+ }
1620
+ .stepper-header--separator[data-v-c872a497] {
1621
+ width: 30px;
1622
+ margin-left: 10px;
1623
+ }
1624
+ .stepper-body[data-v-c872a497] {
1625
+ margin: 10px 10px 0 10px;
1626
+ }a[data-v-02d02028] {
1627
+ cursor: pointer;
1628
+ display: inline-flex;
1629
+ gap: 0.5em;
1630
+ align-items: center;
1631
+ }
1632
+ a[data-v-02d02028]:not(:hover) {
1633
+ text-decoration: underline;
1634
+ }
1635
+ a svg[data-v-02d02028] {
1636
+ font-size: inherit;
1637
+ width: 1em;
1638
+ height: 1em;
1639
+ }.breadcrumb[data-v-a7f3b134] {
1640
+ display: flex;
1641
+ align-items: center;
1642
+ gap: 0.5em;
1643
+ }
1644
+ .breadcrumb__here[data-v-a7f3b134] {
1645
+ font-weight: bold;
1646
+ }.menu__link {
1647
+ --bar-color: transparent;
1648
+ --label-color: var(--bms-font-color);
1649
+ display: flex;
1650
+ align-items: center;
1651
+ gap: 16px;
1652
+ text-decoration: none;
1653
+ color: inherit;
1654
+ background-color: var(--bms-white);
1655
+ width: 100%;
1656
+ color: var(--label-color);
1657
+ }
1658
+ .menu__link.active {
1659
+ --label-color: var(--bms-main-100);
1660
+ --bar-color: var(--bms-main-100);
1661
+ }
1662
+ .menu__link:hover {
1663
+ --bar-color: var(--bms-main-75);
1664
+ --label-color: var(--bms-main-75);
1665
+ text-decoration: none;
1666
+ }
1667
+ .menu__link.danger {
1668
+ --label-color: var(--bms-red-100);
1669
+ }
1670
+ .menu__link.danger.active {
1671
+ --bar-color: var(--bms-red-100);
1672
+ }
1673
+ .menu__link.danger:hover {
1674
+ --bar-color: var(--bms-red-75);
1675
+ }
1676
+ .menu__link.warning {
1677
+ --label-color: var(--bms-orange-100);
1678
+ }
1679
+ .menu__link.warning.active {
1680
+ --bar-color: var(--bms-orange-100);
1681
+ }
1682
+ .menu__link.warning:hover {
1683
+ --bar-color: var(--bms-orange-75);
1684
+ }
1685
+ .menu__link.success {
1686
+ --label-color: var(--bms-green-100);
1687
+ }
1688
+ .menu__link.success.active {
1689
+ --bar-color: var(--bms-green-100);
1690
+ }
1691
+ .menu__link.success:hover {
1692
+ --bar-color: var(--bms-green-75);
1693
+ }
1694
+ .menu__link.information {
1695
+ --label-color: var(--bms-grey-100);
1696
+ }
1697
+ .menu__link.information.active {
1698
+ --bar-color: var(--bms-grey-100);
1699
+ }
1700
+ .menu__link.information:hover {
1701
+ --bar-color: var(--bms-grey-75);
1702
+ }
1703
+ .menu__link .bar {
1704
+ width: 4px;
1705
+ background-color: var(--bar-color);
1706
+ align-self: stretch;
1707
+ }
1708
+ .menu__link .label {
1709
+ padding: 16px 16px 16px 0;
1710
+ line-height: 16px;
1711
+ }nav[data-v-f1abaa99] {
1712
+ display: flex;
1713
+ flex-direction: column;
1714
+ flex: 1 1 auto;
1715
+ overflow: auto;
1716
+ padding: 6rem 0 2rem;
1717
+ background-color: var(--bms-white);
1718
+ }
1719
+ nav ul[data-v-f1abaa99] {
1720
+ margin: 0;
1721
+ padding: 0;
1722
+ }
1723
+ nav ul li[data-v-f1abaa99] {
1724
+ display: flex;
1725
+ align-items: center;
1726
+ list-style-type: none;
1727
+ cursor: pointer;
1728
+ width: 100%;
1729
+ }
1730
+ nav ul li .parent-container[data-v-f1abaa99] {
1731
+ width: 100%;
1732
+ }
1733
+ nav ul li .parent-container .parent-item[data-v-f1abaa99] {
1734
+ display: flex;
1735
+ justify-content: space-between;
1736
+ align-items: center;
1737
+ color: var(--bms-grey-75);
1738
+ padding: 14px 8px;
1739
+ }
1740
+ nav ul li .parent-container .parent-item[data-v-f1abaa99] .internal-link {
1741
+ color: inherit;
1742
+ }
1743
+ nav ul li .parent-container .parent-item__custom-icon[data-v-f1abaa99] {
1744
+ width: 1em;
1745
+ height: 1em;
1746
+ }
1747
+ nav ul li .parent-container .parent-item[data-v-f1abaa99]:hover {
1748
+ color: var(--bms-main-100);
1749
+ text-decoration: none;
1750
+ }
1751
+ nav ul li .parent-container .parent-item .parent-label[data-v-f1abaa99] {
1752
+ line-height: 16px;
1753
+ font-size: 14px;
1754
+ text-transform: uppercase;
1755
+ }
1756
+ nav .additional[data-v-f1abaa99] {
1757
+ display: flex;
1758
+ flex-direction: column;
1759
+ flex-grow: 1;
1760
+ }
1761
+ .open-enter-active[data-v-f1abaa99] {
1762
+ transition: all 0.7s ease;
1763
+ }
1764
+ .open-leave-active[data-v-f1abaa99] {
1765
+ transition: all 0.25s linear;
1766
+ }
1767
+ .open-enter-from[data-v-f1abaa99],
1768
+ .open-leave-to[data-v-f1abaa99] {
1769
+ max-height: 0;
1770
+ opacity: 0;
1771
+ }
1772
+ .open-enter-to[data-v-f1abaa99],
1773
+ .open-leave-from[data-v-f1abaa99] {
1774
+ max-height: 500px;
1775
+ opacity: 1;
1776
+ }.menu__container[data-v-79a67d3d] {
1777
+ --menu-margin: 1.5rem;
1778
+ position: fixed;
1779
+ display: flex;
1780
+ flex-direction: column;
1781
+ top: 0;
1782
+ left: 0;
1783
+ height: calc(100vh - var(--menu-margin) * 2);
1784
+ width: calc(24rem + var(--menu-margin) * 2);
1785
+ background: white;
1786
+ margin: 1.5rem;
1787
+ padding: 0;
1788
+ border-radius: 0.5rem;
1789
+ z-index: 10;
1790
+ }
1791
+ .menu__copyright[data-v-79a67d3d] {
1792
+ position: sticky;
1793
+ padding: 1rem;
1794
+ text-align: center;
1795
+ }
1796
+ .menu__copyright-madein[data-v-79a67d3d] {
1797
+ font-size: 0.75em;
1798
+ margin: 0;
1799
+ opacity: 0.64;
1800
+ }
1801
+ .menu__logo[data-v-79a67d3d] {
1802
+ width: 100%;
1803
+ object-fit: contain;
1804
+ height: 4rem;
1805
+ display: block;
1806
+ }
1807
+ [data-v-79a67d3d] .menu__close {
1808
+ position: absolute;
1809
+ top: 0;
1810
+ margin: 0.5rem;
1811
+ right: 0;
1812
+ }
1813
+ .menu-slide-left-fade-enter-active[data-v-79a67d3d],
1814
+ .menu-slide-left-fade-leave-active[data-v-79a67d3d] {
1815
+ transition: opacity 0.2s linear;
1816
+ }
1817
+ .menu-slide-left-fade-enter-from[data-v-79a67d3d],
1818
+ .menu-slide-left-fade-leave-to[data-v-79a67d3d] {
1819
+ opacity: 0;
1820
+ }
1821
+ .menu-slide-left-fade-enter-active .menu__container[data-v-79a67d3d],
1822
+ .menu-slide-left-fade-leave-active .menu__container[data-v-79a67d3d] {
1823
+ transition: transform 0.2s ease-in-out;
1824
+ }
1825
+ .menu-slide-left-fade-enter-from .menu__container[data-v-79a67d3d],
1826
+ .menu-slide-left-fade-leave-to .menu__container[data-v-79a67d3d] {
1827
+ transform: translate3d(-10%, 0, 0);
1828
+ }.tab[data-v-d2f6b84b] {
1829
+ --tab-border-color: transparent;
1830
+ --tab-color: var(--bms-font-color);
1831
+ color: var(--tab-color);
1832
+ text-decoration: none;
1833
+ border-bottom: 4px solid var(--tab-border-color);
1834
+ padding: 0 8px 16px 8px;
1835
+ }
1836
+ .tab[data-v-d2f6b84b]:hover, .tab__hover[data-v-d2f6b84b] {
1837
+ --tab-border-color: var(--bms-main-50);
1838
+ }
1839
+ .tab.active[data-v-d2f6b84b] {
1840
+ --tab-border-color: var(--bms-main-100);
1841
+ }
1842
+ .tab.disabled[data-v-d2f6b84b] {
1843
+ --tab-border-color: var(transparent);
1844
+ --tab-color: var(--bms-grey-50);
1845
+ pointer-events: none;
1846
+ }
1847
+ .tab.error[data-v-d2f6b84b] {
1848
+ --tab-border-color: var(--bms-danger-color);
1849
+ --tab-color: var(--bms-danger-color);
1850
+ }.tabs-header[data-v-f862fbda] {
1851
+ display: flex;
1852
+ align-items: center;
1853
+ border-bottom: 1px solid var(--bms-grey-25);
1854
+ box-sizing: border-box;
1855
+ }
1856
+ .tabs-header .tabs-title[data-v-f862fbda] {
1857
+ margin-right: auto;
1858
+ margin-bottom: 16px;
1859
+ }
1860
+ .tabs-header .tabs-title h3[data-v-f862fbda] {
1861
+ margin: 0;
1862
+ }
1863
+ .tabs-header a[data-v-f862fbda] {
1864
+ position: relative;
1865
+ top: 1px;
1866
+ }.ui-menu[data-v-9504df98] {
1867
+ --ui-menu-width: auto;
1868
+ min-width: 100px;
1869
+ max-height: 400px;
1870
+ width: var(--ui-menu-width, auto);
1871
+ width: 400px;
1872
+ position: fixed;
1873
+ z-index: 10;
1874
+ display: block;
1875
+ pointer-events: none;
1876
+ opacity: 0;
1877
+ transition: opacity 0.1s linear;
1878
+ }
1879
+ .ui-menu.is-matchwidth[data-v-9504df98] {
1880
+ max-width: 100%;
1881
+ }
1882
+ .ui-menu.is-visible[data-v-9504df98] {
1883
+ pointer-events: all;
1884
+ opacity: 1;
1885
+ }
1886
+ .ui-menu.left[data-v-9504df98] {
1887
+ left: var(--ui-menu-x-position, 0);
1888
+ }
1889
+ .ui-menu.bottom[data-v-9504df98] {
1890
+ top: var(--ui-menu-y-position, 0);
1891
+ }
1892
+ .ui-menu.top[data-v-9504df98] {
1893
+ bottom: var(--ui-menu-y-position, 0);
1894
+ }
1895
+ .ui-menu.right[data-v-9504df98] {
1896
+ right: calc(100% - var(--ui-menu-x-position, 0));
1897
+ }
1898
+ .site-logo {
1899
+ display: block;
1900
+ border: 1px solid var(--bms-grey-10);
1901
+ border-radius: 50%;
1902
+ }
1903
+ .tenantsMenu-tenants-item[data-v-3615f3c6] {
1904
+ min-height: 40px;
1905
+ padding: 4px 16px;
1906
+ cursor: pointer;
1907
+ display: flex;
1908
+ justify-content: space-between;
1909
+ align-items: center;
1910
+ gap: 4px;
1911
+ flex-shrink: 0;
1912
+ }
1913
+ .tenantsMenu-tenants-item[data-v-3615f3c6]:hover {
1914
+ background: var(--bms-grey-10);
1915
+ }
1916
+ .tenantsMenu-tenants-item[data-v-3615f3c6]:hover .remove-tenant-button {
1917
+ display: inherit;
1918
+ }
1919
+ .tenantsMenu-tenants-item[data-v-3615f3c6]:hover .remove-tenant-button:hover {
1920
+ background-color: var(--bms-grey-25);
1921
+ }
1922
+ .tenantsMenu-tenants-item-label[data-v-3615f3c6] {
1923
+ white-space: nowrap;
1924
+ overflow: hidden;
1925
+ text-overflow: ellipsis;
1926
+ display: flex;
1927
+ align-items: center;
1928
+ gap: 0.2em;
1929
+ }
1930
+ .tenantsMenu-tenants-item-label em[data-v-3615f3c6] {
1931
+ opacity: 0.48;
1932
+ font-size: 12px;
1933
+ font-style: normal;
1934
+ margin-left: 0.4em;
1935
+ }
1936
+ .tenantsMenu-tenants-item[data-v-3615f3c6] svg {
1937
+ flex-shrink: 0;
1938
+ }
1939
+ .tenantsMenu-tenants-item .site-logo[data-v-3615f3c6] {
1940
+ width: 1em;
1941
+ height: 1em;
1942
+ }
1943
+ .tenantsMenu-tenants-item[data-v-3615f3c6] .remove-tenant-button {
1944
+ padding: 0;
1945
+ display: none;
1946
+ }
1947
+ .tenantsMenu-tenants-item .ui-button.is-icon.is-compact[data-v-3615f3c6] {
1948
+ min-height: auto;
1949
+ min-width: auto;
1950
+ width: auto;
1951
+ }.tenantsMenu[data-v-5a31f3bb] {
1952
+ padding: 0;
1953
+ background-color: var(--bms-white);
1954
+ width: 100%;
1955
+ }
1956
+ .tenantsMenu-search[data-v-5a31f3bb] {
1957
+ padding: 14px;
1958
+ border-bottom: 1px solid var(--bms-grey-10);
1959
+ }
1960
+ .tenantsMenu-search-input[data-v-5a31f3bb] {
1961
+ margin: 0;
1962
+ }
1963
+ .tenantsMenu-tenants-list[data-v-5a31f3bb] {
1964
+ max-height: 200px;
1965
+ overflow-y: auto;
1966
+ padding-top: 0.5em;
1967
+ }
1968
+ .tenantsMenu-tenants-list hr[data-v-5a31f3bb] {
1969
+ display: block;
1970
+ appearance: none;
1971
+ color: inherit;
1972
+ border: 0;
1973
+ height: 1px;
1974
+ background: currentColor;
1975
+ opacity: 0.08;
1976
+ margin: 0.5em 0;
1977
+ }.tenant-label[data-v-f8449c43] {
1978
+ padding: 8px;
1979
+ width: fit-content;
1980
+ display: flex;
1981
+ align-items: center;
1982
+ }
1983
+ .tenant-label span[data-v-f8449c43] {
1984
+ margin: 0 0.5em;
1985
+ }
1986
+ .site-logo[data-v-f8449c43] {
1987
+ width: 1em;
1988
+ height: 1em;
1989
+ }.draggable-list[data-v-a5c3d8e7] {
1990
+ width: 100%;
1991
+ display: flex;
1992
+ flex-direction: column;
1993
+ border-radius: var(--bms-border-radius);
1994
+ border: 2px dashed transparent;
1995
+ padding: 2em 0.5em;
1996
+ }
1997
+ .draggable-list .draggable-row[data-v-a5c3d8e7] {
1998
+ padding: 1em;
1999
+ border: 1px solid var(--bms-grey-25);
2000
+ border-radius: var(--bms-border-radius);
2001
+ display: flex;
2002
+ gap: 1em;
2003
+ align-items: center;
2004
+ justify-content: space-between;
2005
+ }
2006
+ .draggable-list .draggable-row .draggable-row__grabber[data-v-a5c3d8e7] {
2007
+ cursor: grab;
2008
+ }
2009
+ .draggable-list-move[data-v-a5c3d8e7],
2010
+ .draggable-list-enter-active[data-v-a5c3d8e7],
2011
+ .draggable-list-leave-active[data-v-a5c3d8e7] {
2012
+ transition: all 0.5s ease;
2013
+ }
2014
+ .separator[data-v-a5c3d8e7] {
2015
+ width: 100%;
2016
+ margin: 0;
2017
+ transition: all 0.2s ease;
2018
+ height: 2px;
2019
+ margin: 0.5em 0;
2020
+ background-color: transparent;
2021
+ }
2022
+ .separator.visible[data-v-a5c3d8e7] {
2023
+ margin: 1.5em 0;
2024
+ background: radial-gradient(circle, var(--bms-main-50) 20%, var(--bms-main-10) 100%);
2025
+ }.empty-screen[data-v-d128fb40] {
2026
+ display: flex;
2027
+ align-items: center;
2028
+ flex-direction: column;
2029
+ }
2030
+ .empty-screen__img[data-v-d128fb40] {
2031
+ font-size: var(--empty-screen-image-size, 1.2em);
2032
+ width: 10em;
2033
+ height: 10em;
2034
+ }
2035
+ .empty-screen__img svg[data-v-d128fb40] {
2036
+ width: 100%;
2037
+ height: 100%;
2038
+ }
2039
+ .empty-screen__title[data-v-d128fb40] {
2040
+ font-size: 1.4em;
2041
+ text-align: center;
2042
+ font-weight: bold;
2043
+ margin-bottom: 0;
2044
+ }
2045
+ .empty-screen__description[data-v-d128fb40] {
2046
+ margin-top: 0.5em;
2047
+ font-size: 1em;
2048
+ text-align: center;
2049
+ font-weight: normal;
2050
+ }.bms-pagination[data-v-e10f3b80] {
2051
+ font-size: 0.88em;
2052
+ display: flex;
2053
+ gap: 2em;
2054
+ justify-content: flex-end;
2055
+ align-items: baseline;
2056
+ }
2057
+ .bms-pagination__select[data-v-e10f3b80] {
2058
+ display: flex;
2059
+ gap: 1em;
2060
+ align-items: baseline;
2061
+ }
2062
+ .bms-pagination__select[data-v-e10f3b80] .field__wrapper {
2063
+ min-width: 10em;
2064
+ width: 10em;
2065
+ }.bms-table[data-v-9ea22d5f] {
2066
+ --table-cell-padding: 1em;
2067
+ --table-cell-radius: var(--bms-border-radius-large);
2068
+ --dynamic-border-height: 2px;
2069
+ --table-border: 1px solid var(--bms-grey-10);
2070
+ }
2071
+ .bms-table__loader[data-v-9ea22d5f] {
2072
+ position: absolute;
2073
+ background: rgba(255, 255, 255, 0.72);
2074
+ inset: 0;
2075
+ display: flex;
2076
+ align-items: center;
2077
+ justify-content: center;
2078
+ font-size: 3em;
2079
+ z-index: 10;
2080
+ }
2081
+ .bms-table__actions[data-v-9ea22d5f] {
2082
+ display: flex;
2083
+ align-items: center;
2084
+ justify-content: space-between;
2085
+ margin-bottom: 16px;
2086
+ }
2087
+ .bms-table__actions__saved-filters[data-v-9ea22d5f] {
2088
+ display: flex;
2089
+ align-items: center;
2090
+ flex-wrap: wrap;
2091
+ gap: 1em;
2092
+ }
2093
+ .bms-table__actions__search[data-v-9ea22d5f] {
2094
+ display: flex;
2095
+ align-items: center;
2096
+ gap: 1em;
2097
+ }
2098
+ .bms-table__actions__custom[data-v-9ea22d5f] {
2099
+ display: flex;
2100
+ gap: 1em;
2101
+ }
2102
+ .bms-table__actions__custom[data-v-9ea22d5f]:empty {
2103
+ display: none;
2104
+ }
2105
+ .bms-table__selected[data-v-9ea22d5f] {
2106
+ margin-bottom: 1em;
2107
+ }
2108
+ .bms-table__selected .select-mode-all[data-v-9ea22d5f] {
2109
+ cursor: pointer;
2110
+ color: var(--bms-main-100);
2111
+ }
2112
+ .bms-table__cell--action[data-v-9ea22d5f] {
2113
+ display: flex;
2114
+ justify-content: end;
2115
+ }
2116
+ .bms-table__cell--empty[data-v-9ea22d5f] {
2117
+ height: 360px;
2118
+ }
2119
+ .bms-table__table[data-v-9ea22d5f] {
2120
+ width: 100%;
2121
+ border-spacing: 0 var(--dynamic-border-height);
2122
+ border-radius: var(--bms-border-radius-large);
2123
+ border: var(--table-border);
2124
+ position: relative;
2125
+ }
2126
+ .bms-table__table-wrapper[data-v-9ea22d5f] {
2127
+ position: relative;
2128
+ }
2129
+ .bms-table__table thead[data-v-9ea22d5f] {
2130
+ position: sticky;
2131
+ z-index: 2;
2132
+ top: var(--header-height, 0);
2133
+ }
2134
+ .bms-table__table--dense[data-v-9ea22d5f] {
2135
+ --table-cell-padding: 0.5em 1em;
2136
+ }
2137
+ .bms-table__table[data-v-9ea22d5f] tr td {
2138
+ padding: var(--table-cell-padding);
2139
+ }
2140
+ .bms-table__table[data-v-9ea22d5f] tr th {
2141
+ --header-content-sort-icon-color: var(--bms-grey-25);
2142
+ --header-content-justify: start;
2143
+ width: var(--table-cell-width, auto);
2144
+ padding: var(--table-cell-padding);
2145
+ }
2146
+ .bms-table__table[data-v-9ea22d5f] tr th.sortable:hover {
2147
+ --header-content-sort-icon-color: var(--bms-grey-100);
2148
+ cursor: pointer;
2149
+ }
2150
+ .bms-table__table[data-v-9ea22d5f] tr th.u-text-align-start {
2151
+ --header-content-justify: start;
2152
+ }
2153
+ .bms-table__table[data-v-9ea22d5f] tr th.u-text-align-center {
2154
+ --header-content-justify: center;
2155
+ }
2156
+ .bms-table__table[data-v-9ea22d5f] tr th.u-text-align-end {
2157
+ --header-content-justify: end;
2158
+ }
2159
+ .bms-table__table[data-v-9ea22d5f] tr th.sorted {
2160
+ --header-content-sort-icon-color: var(--bms-grey-100);
2161
+ }
2162
+ .bms-table__table[data-v-9ea22d5f] tr th .header-content {
2163
+ display: flex;
2164
+ align-items: center;
2165
+ justify-content: var(--header-content-justify);
2166
+ gap: 0.5em;
2167
+ }
2168
+ .bms-table__table[data-v-9ea22d5f] tr th .header-content-sort {
2169
+ color: var(--header-content-sort-icon-color);
2170
+ }
2171
+ .bms-table__footer[data-v-9ea22d5f] {
2172
+ padding-top: 16px;
2173
+ }
2174
+ .bms-table .blob[data-v-9ea22d5f] {
2175
+ visibility: hidden;
2176
+ --table-blob-height: 80px;
2177
+ width: 200px;
2178
+ height: var(--table-blob-height);
2179
+ background-color: var(--bms-main-50);
2180
+ position: absolute;
2181
+ border-radius: 20%;
2182
+ z-index: -5;
2183
+ filter: blur(20px);
2184
+ }
2185
+ .bms-table .blob.dense[data-v-9ea22d5f] {
2186
+ --table-blob-height: 50px;
2187
+ }
2188
+ [data-v-9ea22d5f] table {
2189
+ padding: 0 var(--dynamic-border-height);
2190
+ }
2191
+ [data-v-9ea22d5f] table th:first-child {
2192
+ border-top-left-radius: var(--table-cell-radius);
2193
+ }
2194
+ [data-v-9ea22d5f] table .stuck th:first-child {
2195
+ border-top-left-radius: 0;
2196
+ }
2197
+ [data-v-9ea22d5f] table .stuck th:last-child {
2198
+ border-top-right-radius: 0;
2199
+ }
2200
+ [data-v-9ea22d5f] table th:last-child {
2201
+ border-top-right-radius: var(--table-cell-radius);
2202
+ }
2203
+ [data-v-9ea22d5f] table tr:last-child td:first-child {
2204
+ border-bottom-left-radius: var(--table-cell-radius);
2205
+ }
2206
+ [data-v-9ea22d5f] table tr:last-child td:last-child {
2207
+ border-bottom-right-radius: var(--table-cell-radius);
2208
+ }
2209
+ [data-v-9ea22d5f] table td,[data-v-9ea22d5f] table th {
2210
+ background-color: rgb(255, 255, 255);
2211
+ }
2212
+ [data-v-9ea22d5f] table tbody {
2213
+ overflow: hidden;
2214
+ }
2215
+ [data-v-9ea22d5f] table tbody tr {
2216
+ position: relative;
2217
+ }
2218
+ [data-v-9ea22d5f] table tbody tr.selected td {
2219
+ background-color: var(--bms-main-10);
2220
+ }.filter-button-container[data-v-6047ada7] {
2221
+ position: relative;
2222
+ }
2223
+ .filter-button-container .filter-button[data-v-6047ada7] {
2224
+ padding: 0.5em 0;
2225
+ font-size: 20px;
2226
+ }
2227
+ .filter-button-container .indicator[data-v-6047ada7] {
2228
+ position: absolute;
2229
+ pointer-events: none;
2230
+ top: 8px;
2231
+ right: 0;
2232
+ width: 16px;
2233
+ height: 16px;
2234
+ display: flex;
2235
+ align-items: center;
2236
+ justify-content: center;
2237
+ background-color: var(--bms-main-100);
2238
+ color: #fff;
2239
+ border-radius: 50%;
2240
+ font-size: 0.75em;
2241
+ font-weight: 700;
2242
+ }
2243
+ .indicator-scale-enter-active[data-v-6047ada7] {
2244
+ transition: all 0.3s ease 0.2s;
2245
+ }
2246
+ .indicator-scale-leave-active[data-v-6047ada7] {
2247
+ transition: all 0.3s ease;
2248
+ }
2249
+ .indicator-scale-enter-from[data-v-6047ada7],
2250
+ .indicator-scale-leave-to[data-v-6047ada7] {
2251
+ opacity: 0;
2252
+ transform: scale(50%);
2253
+ }
2254
+ .indicator-scale-enter-to[data-v-6047ada7],
2255
+ .indicator-scale-leave-from[data-v-6047ada7] {
2256
+ opacity: 1;
2257
+ transform: scale(1);
2258
+ }.filters[data-v-2b0ed89e] {
2259
+ padding: 16px;
2260
+ background: var(--bms-white);
2261
+ border: 1px solid var(--bms-grey-10);
2262
+ border-radius: var(--bms-border-radius-large);
2263
+ margin-bottom: 16px;
2264
+ }
2265
+ .filters__header[data-v-2b0ed89e] {
2266
+ display: flex;
2267
+ justify-content: space-between;
2268
+ }
2269
+ .filters__header-title[data-v-2b0ed89e] {
2270
+ font-size: 18px;
2271
+ font-weight: bold;
2272
+ gap: 1rem;
2273
+ display: flex;
2274
+ align-items: center;
2275
+ }
2276
+ .filters__inputs[data-v-2b0ed89e] {
2277
+ display: flex;
2278
+ flex-wrap: wrap;
2279
+ padding-top: 16px;
2280
+ align-items: flex-end;
2281
+ row-gap: 8px;
2282
+ }
2283
+ .filters__inputs .input[data-v-2b0ed89e] {
2284
+ width: 25%;
2285
+ padding-right: 32px;
2286
+ }
2287
+ .filters__inputs .input.large[data-v-2b0ed89e] {
2288
+ width: 50%;
2289
+ }.table-search[data-v-1a3ad3f2] {
2290
+ width: 260px;
2291
+ }.table-search[data-v-f2f86c8c] {
2292
+ width: 260px;
2293
+ }.cocarde[data-v-d1c7b421] {
2294
+ display: flex;
2295
+ align-items: center;
2296
+ justify-content: center;
2297
+ border: 1px solid var(--bms-grey-10);
2298
+ color: var(--bms-main-140);
2299
+ background-color: var(--bms-main-10);
2300
+ border-radius: var(--cocarde-border-radius);
2301
+ font-weight: bold;
2302
+ text-transform: uppercase;
2303
+ flex-shrink: 0;
2304
+ width: var(--cocarde-size);
2305
+ height: var(--cocarde-size);
2306
+ }
2307
+ .cocarde p[data-v-d1c7b421] {
2308
+ margin: 0;
2309
+ font-size: calc(var(--cocarde-size) / 2);
2310
+ }
2311
+ .cocarde--round[data-v-d1c7b421] {
2312
+ --cocarde-border-radius: 50%;
2313
+ }
2314
+ .cocarde--square[data-v-d1c7b421] {
2315
+ --cocarde-border-radius: var(--bms-border-radius-large);
2316
+ }
2317
+ .cocarde--small[data-v-d1c7b421] {
2318
+ --cocarde-size: 1em;
2319
+ }
2320
+ .cocarde--medium[data-v-d1c7b421] {
2321
+ --cocarde-size: 2em;
2322
+ }
2323
+ .cocarde--large[data-v-d1c7b421] {
2324
+ --cocarde-size: 3em;
2325
+ }
2326
+ .cocarde--x-large[data-v-d1c7b421] {
2327
+ --cocarde-size: 4em;
2328
+ }.bms-notification[data-v-2a9037b5] {
2329
+ --notification-background-color: white;
2330
+ display: flex;
2331
+ flex-direction: column;
2332
+ width: 100%;
2333
+ border-radius: var(--bms-border-radius);
2334
+ background-color: var(--notification-background-color);
2335
+ color: white;
2336
+ position: relative;
2337
+ box-shadow: 0 4px 8px var(--bms-shadow-color);
2338
+ }
2339
+ .bms-notification .main-info[data-v-2a9037b5] {
2340
+ display: flex;
2341
+ align-items: center;
2342
+ gap: 1em;
2343
+ padding: 0.75em;
2344
+ padding-right: 3em;
2345
+ }
2346
+ .bms-notification .details[data-v-2a9037b5] {
2347
+ border-top: 1px solid white;
2348
+ text-align: center;
2349
+ padding: 0.5em;
2350
+ border-radius: 0 0 var(--bms-border-radius) var(--bms-border-radius);
2351
+ }
2352
+ .bms-notification .details[data-v-2a9037b5]:hover {
2353
+ cursor: pointer;
2354
+ }
2355
+ .bms-notification--success[data-v-2a9037b5] {
2356
+ --notification-background-color: var(--bms-success-color);
2357
+ }
2358
+ .bms-notification--error[data-v-2a9037b5] {
2359
+ --notification-background-color: var(--bms-danger-color);
2360
+ }
2361
+ .bms-notification__icon[data-v-2a9037b5] {
2362
+ display: block;
2363
+ line-height: 1;
2364
+ width: 1em;
2365
+ height: 1em;
2366
+ flex-shrink: 0;
2367
+ }
2368
+ .bms-notification__content[data-v-2a9037b5] {
2369
+ overflow: hidden;
2370
+ text-overflow: ellipsis;
2371
+ display: -webkit-box;
2372
+ -webkit-line-clamp: 2; /* number of lines to show */
2373
+ line-clamp: 2;
2374
+ -webkit-box-orient: vertical;
2375
+ }
2376
+ .bms-notification[data-v-2a9037b5] .bms-notification__close-button {
2377
+ position: absolute;
2378
+ right: 0.2em;
2379
+ color: white;
2380
+ }
2381
+ .bms-notification[data-v-2a9037b5] .bms-notification__close-button:hover {
2382
+ color: var(--notification-background-color);
2383
+ }.bms-notifications[data-v-bbd8ca27] {
2384
+ --bms-notifications-width: 360px;
2385
+ --bms-notifications-margin: 1em 0 0;
2386
+ --bms-notifications-left: initial;
2387
+ --bms-notifications-right: 1em;
2388
+ --bms-notifications-bottom: 1em;
2389
+ --bms-notifications-top: initial;
2390
+ --bms-notifications-transition-duration: 0.4s;
2391
+ --bms-notifications-transition-timing-function: ease-in-out;
2392
+ --bms-notifications-enter-translate: 2em;
2393
+ position: fixed;
2394
+ left: var(--bms-notifications-left);
2395
+ right: var(--bms-notifications-right);
2396
+ bottom: var(--bms-notifications-bottom);
2397
+ top: var(--bms-notifications-top);
2398
+ width: 100%;
2399
+ max-width: var(--bms-notifications-width);
2400
+ z-index: 20;
2401
+ }
2402
+ .bms-notifications__item[data-v-bbd8ca27]:not(:first-child) {
2403
+ margin: var(--bms-notifications-margin);
2404
+ }
2405
+ .bms-notifactions-transition-move[data-v-bbd8ca27],
2406
+ .bms-notifactions-transition-enter-active[data-v-bbd8ca27],
2407
+ .bms-notifactions-transition-leave-active[data-v-bbd8ca27] {
2408
+ transition: all var(--bms-notifications-transition-duration) var(--bms-notifications-transition-timing-function);
2409
+ }
2410
+ .bms-notifactions-transition-enter-from[data-v-bbd8ca27],
2411
+ .bms-notifactions-transition-leave-to[data-v-bbd8ca27] {
2412
+ opacity: 0;
2413
+ }
2414
+ .bms-notifactions-transition-enter-from[data-v-bbd8ca27] {
2415
+ transform: translateX(var(--bms-notifications-enter-translate));
2416
+ }
2417
+ .bms-notifactions-transition-leave-active[data-v-bbd8ca27] {
2418
+ position: absolute;
2419
+ }.ui-problem[data-v-411b2e2a] {
2420
+ position: relative;
2421
+ }
2422
+ .ui-problem h2[data-v-411b2e2a] {
2423
+ font-size: 1.2em;
2424
+ font-weight: bold;
2425
+ margin-bottom: 1em;
2426
+ color: var(--bms-red-100);
2427
+ }
2428
+ .ui-problem summary[data-v-411b2e2a] {
2429
+ padding: 0.65em;
2430
+ font-weight: bold;
2431
+ cursor: pointer;
2432
+ }
2433
+ .ui-problem__details[data-v-411b2e2a] {
2434
+ border-radius: 4px;
2435
+ box-shadow: 0 4px 8px var(--bms-grey-10), 0 0 0 1px var(--bms-red-10);
2436
+ border-bottom: 2px solid var(--bms-red-100);
2437
+ padding: 1em;
2438
+ overflow: auto;
2439
+ max-height: 350px;
2440
+ }
2441
+ .ui-problem__table[data-v-411b2e2a] {
2442
+ display: grid;
2443
+ grid-template-columns: auto 1fr;
2444
+ gap: 0.5em 1em;
2445
+ }
2446
+ .ui-problem__table[data-v-411b2e2a] > :nth-child(2n+1) {
2447
+ text-align: end;
2448
+ align-self: center;
2449
+ }
2450
+ .ui-problem__table .copyLabel[data-v-411b2e2a] {
2451
+ cursor: pointer;
2452
+ }
2453
+ .ui-problem__table[data-v-411b2e2a] .copyToClipboardButton {
2454
+ visibility: hidden;
2455
+ margin-left: 0.5em;
2456
+ }
2457
+ .ui-problem__table .line-value[data-v-411b2e2a] {
2458
+ white-space: pre-line;
2459
+ }
2460
+ .ui-problem__table .ui-debugger-line[data-v-411b2e2a] {
2461
+ display: flex;
2462
+ align-items: center;
2463
+ }
2464
+ .ui-problem__table .ui-debugger-line span[data-v-411b2e2a] {
2465
+ margin: 0;
2466
+ }
2467
+ .ui-problem__table .ui-debugger-line[data-v-411b2e2a]:hover .copyToClipboardButton {
2468
+ visibility: inherit;
2469
+ }
2470
+ .ui-problem img[data-v-411b2e2a] {
2471
+ max-width: 100%;
2472
+ }
2473
+ *,
2474
+ *::after,
2475
+ *::before {
2476
+ box-sizing: border-box;
2477
+ }
2478
+ html {
2479
+ font-size: 0.625em;
2480
+ font-size: 0.625em;
2481
+ }
2482
+ :root {
2483
+ --bms-font-family: Roboto, Arial, Helvetica, sans-serif;
2484
+ --bms-font-family-title: var(--font-family);
2485
+ --bms-font-size: 1.6rem;
2486
+ color: var(--bms-font-color);
2487
+ }
2488
+ h1,
2489
+ h2,
2490
+ h3,
2491
+ h4,
2492
+ h5 {
2493
+ font-family: var(--bms-font-family);
2494
+ color: var(--bms-font-color);
2495
+ margin: 16px 0;
2496
+ }
2497
+ h1 {
2498
+ font-size: 40px;
2499
+ font-weight: 400;
2500
+ line-height: 40px;
2501
+ }
2502
+ h2 {
2503
+ font-size: 28px;
2504
+ font-weight: 400;
2505
+ line-height: 24px;
2506
+ }
2507
+ h3 {
2508
+ font-size: 20px;
2509
+ font-weight: 600;
2510
+ line-height: 20px;
2511
+ }
2512
+ .information {
2513
+ font-size: 14px;
2514
+ color: var(--bms-grey-75);
2515
+ }
2516
+ a {
2517
+ color: var(--bms-main-100);
2518
+ text-decoration: none;
2519
+ }
2520
+ a:hover {
2521
+ text-decoration: underline;
2522
+ }
2523
+ body {
2524
+ line-height: 1.4;
2525
+ -webkit-font-smoothing: antialiased;
2526
+ -moz-osx-font-smoothing: grayscale;
2527
+ text-rendering: geometricPrecision;
2528
+ font-family: var(--bms-font-family);
2529
+ color: var(--bms-font-color);
2530
+ font-size: var(--bms-font-size);
2531
+ background-color: var(--bms-background-color);
2532
+ }
2533
+ section {
2534
+ border: 1px solid var(--bms-grey-10);
2535
+ background-color: var(--bms-white);
2536
+ border-radius: var(--bms-border-radius-large);
2537
+ padding: 1em 2em 1em 2em;
2538
+ }
2539
+ .fade-enter-active,
2540
+ .fade-leave-active {
2541
+ transition: opacity var(--transition-duration, 0.2s) linear;
2542
+ }
2543
+ .fade-enter-from,
2544
+ .fade-leave-to {
2545
+ opacity: 0;
2546
+ }
2547
+ .slide-left-fade-enter-active,
2548
+ .slide-left-fade-leave-active {
2549
+ transition: transform var(--transition-duration, 0.2s) ease-in-out, opacity var(--transition-duration, 0.2s) linear;
2550
+ }
2551
+ .slide-left-fade-enter-from,
2552
+ .slide-left-fade-leave-to {
2553
+ opacity: 0;
2554
+ transform: translate3d(-10%, 0, 0);
2555
+ }
2556
+ .table-fade-enter-active,
2557
+ .table-fade-leave-active {
2558
+ transition: all 0.3s ease;
2559
+ }
2560
+ .table-fade-enter-from,
2561
+ .table-fade-leave-to {
2562
+ opacity: 0;
2563
+ max-height: 0;
2564
+ }
2565
+ .table-fade-enter-to,
2566
+ .table-fade-leave-from {
2567
+ opacity: 1;
2568
+ max-height: 300px;
2569
+ }
2570
+ .u-text-align-start {
2571
+ text-align: start;
2572
+ }
2573
+ .u-text-align-center {
2574
+ text-align: center;
2575
+ }
2576
+ .u-text-align-end {
2577
+ text-align: end;
2578
+ }
2579
+ :root body {
2580
+ /* theme name */
2581
+ --formkit-theme: genesis;
2582
+ /* typography */
2583
+ --fk-font-family: var(--bms-font-family);
2584
+ --fk-font-family-input: var(--fk-font-family);
2585
+ --fk-font-family-label: var(--fk-font-family);
2586
+ --fk-font-family-legend: var(--fk-font-family-label);
2587
+ --fk-font-family-option: var(--fk-font-family-input);
2588
+ --fk-font-family-help: var(--fk-font-family);
2589
+ --fk-font-family-message: var(--fk-font-family);
2590
+ --fk-font-weight: 400;
2591
+ --fk-font-weight-input: var(--fk-font-weight);
2592
+ --fk-font-weight-label: 700;
2593
+ --fk-font-weight-legend: var(--fk-font-weight-label, bold);
2594
+ --fk-font-weight-help: var(--fk-font-weight);
2595
+ --fk-font-weight-option: var(--fk-font-weight);
2596
+ --fk-font-weight-message: var(--fk-font-weight);
2597
+ --fk-line-height: 1.1;
2598
+ --fk-line-height-label: var(--fk-line-height);
2599
+ --fk-line-height-help: var(--fk-line-height);
2600
+ --fk-line-height-option: var(--fk-line-height);
2601
+ --fk-line-height-message: var(--fk-line-height);
2602
+ --fk-line-height-textarea: var(--fk-line-height);
2603
+ --fk-line-height-input: 1.125em; /* Important to ensure equal height inputs. */
2604
+ --fk-line-height-button: 1.3;
2605
+ /* Structure */
2606
+ --fk-max-width-input: 48em;
2607
+ --fk-box-size: 0.875em;
2608
+ /* Colors */
2609
+ --fk-color-primary: var(--bms-main-100);
2610
+ --fk-color-checked: var(--fk-color-primary);
2611
+ --fk-color-input: var(--bms-font-color);
2612
+ --fk-color-border: var(--bms-grey-50);
2613
+ --fk-color-border-focus: var(--fk-color-primary);
2614
+ --fk-color-border-shadow: var(--bms-main-10);
2615
+ --fk-color-danger: var(--bms-red-100);
2616
+ --fk-color-error: var(--fk-color-danger);
2617
+ --fk-color-placeholder: var(--bms-grey-100);
2618
+ --fk-color-disabled: var(--bms-disabled-color);
2619
+ --fk-color-help: var(--bms-grey-100);
2620
+ /* --fk-color-message: inherit; */
2621
+ --fk-color-icon: var(--bms-grey-100);
2622
+ --fk-color-icon-minor: var(--bms-grey-100);
2623
+ --fk-color-button: #fff;
2624
+ --fk-color-button-hover: #fff;
2625
+ --fk-color-submit: var(--fk-color-button);
2626
+ --fk-color-submit-hover: var(--fk-color-button-hover);
2627
+ --fk-color-range-track: var(--fk-color-border);
2628
+ --fk-color-range-thumb: var(--fk-color-primary);
2629
+ --fk-bg-input: transparent;
2630
+ --fk-bg-disabled: var(--bms-disabled-color);
2631
+ --fk-bg-decorator: transparent;
2632
+ --fk-bg-button: var(--fk-color-primary);
2633
+ --fk-bg-button-hover: var(--fk-bg-button);
2634
+ --fk-bg-submit: var(--fk-bg-button);
2635
+ --fk-bg-submit-hover: var(--fk-bg-submit);
2636
+ /* Borders */
2637
+ --fk-border-width: 1px;
2638
+ --fk-border-width-decorator: var(--fk-border-width);
2639
+ --fk-border-width-focus: 1px;
2640
+ --fk-border-width-checked: 1px;
2641
+ --fk-border-width-decorator-checked: 1px;
2642
+ --fk-border-width-decorator-focus: var(--fk-border-width-decorator-checked);
2643
+ --fk-border-width-decorator-focus-visible: var(--fk-border-width-focus);
2644
+ --fk-border-style: solid;
2645
+ --fk-border: var(--fk-border-width) var(--fk-border-style)
2646
+ var(--fk-color-border);
2647
+ --fk-border-focus: var(--fk-border-width-focus) var(--fk-border-style)
2648
+ var(--fk-color-border-focus);
2649
+ --fk-border-decorator: var(--fk-border-width-decorator)
2650
+ var(--fk-border-style) var(--fk-color-border);
2651
+ --fk-border-decorator-focus: var(--fk-border-width-focus)
2652
+ var(--fk-border-style) var(--fk-color-border-focus);
2653
+ --fk-border-decorator-focus-visible: var(
2654
+ --fk-border-width-decorator-focus-visible
2655
+ )
2656
+ var(--fk-border-style) var(--fk-color-border-focus);
2657
+ --fk-border-decorator-checked: var(--fk-border-width-checked)
2658
+ var(--fk-border-style) var(--fk-color-border-focus);
2659
+ --fk-border-box-shadow: 0 0 0 var(--fk-border-width) var(--fk-color-border);
2660
+ --fk-border-box-shadow-focus: 0 0 0 var(--fk-border-width-focus)
2661
+ var(--fk-color-border-focus),
2662
+ 0 0 2px 2px var(--fk-color-border-shadow);
2663
+ --fk-border-box-shadow-decorator: 0 0 0 var(--fk-border-width-decorator);
2664
+ --fk-border-box-shadow-decorator-focus: 0 0 0
2665
+ var(--fk-border-width-decorator-focus) var(--fk-color-border-focus);
2666
+ --fk-border-box-shadow-decorator-focus-visible: 0 0 0
2667
+ var(--fk-border-width-decorator-focus-visible)
2668
+ var(--fk-color-border-focus);
2669
+ --fk-border-box-shadow-decorator-checked: 0 0 0
2670
+ var(--fk-border-width-decorator-checked) var(--fk-color-border-focus);
2671
+ --fk-border-radius-tl: 4px;
2672
+ --fk-border-radius-tr: 4px;
2673
+ --fk-border-radius-bl: 4px;
2674
+ --fk-border-radius-br: 4px;
2675
+ --fk-border-radius: var(--fk-border-radius-tl, 4px)
2676
+ var(--fk-border-radius-tr, 4px) var(--fk-border-radius-br, 4px)
2677
+ var(--fk-border-radius-bl, 4px);
2678
+ --fk-border-radius-full: 999em;
2679
+ /* Padding */
2680
+ --fk-padding-base: calc(0.25em - 1px / 3);
2681
+ --fk-padding-input-x: calc(var(--fk-padding-base) * 3);
2682
+ --fk-padding-input-y: calc(var(--fk-padding-base) * 3);
2683
+ --fk-padding-input-t: var(--fk-padding-input-y, 0);
2684
+ --fk-padding-input-r: var(--fk-padding-input-x, 0);
2685
+ --fk-padding-input-b: var(--fk-padding-input-y, 0);
2686
+ --fk-padding-input-l: var(--fk-padding-input-x, 0);
2687
+ --fk-padding-input: var(--fk-padding-input-t) var(--fk-padding-input-r)
2688
+ var(--fk-padding-input-b) var(--fk-padding-input-l);
2689
+ --fk-padding-label-x: inherit;
2690
+ --fk-padding-label-y: inherit;
2691
+ --fk-padding-label-t: var(--fk-padding-label-y, 0);
2692
+ --fk-padding-label-r: var(--fk-padding-label-x, 0);
2693
+ --fk-padding-label-b: var(--fk-padding-label-y, 0.5em);
2694
+ --fk-padding-label-l: var(--fk-padding-label-x, 0);
2695
+ --fk-padding-label: var(--fk-padding-label-t) var(--fk-padding-label-r)
2696
+ var(--fk-padding-label-b) var(--fk-padding-label-l);
2697
+ --fk-padding-help-x: inherit;
2698
+ --fk-padding-help-y: var(--fk-padding-base);
2699
+ --fk-padding-help-t: var(--fk-padding-help-y, 0);
2700
+ --fk-padding-help-r: var(--fk-padding-help-x, 0);
2701
+ --fk-padding-help-b: var(--fk-padding-help-y, 0);
2702
+ --fk-padding-help-l: var(--fk-padding-help-x, 0);
2703
+ --fk-padding-help: var(--fk-padding-help-t) var(--fk-padding-help-r)
2704
+ var(--fk-padding-help-b) var(--fk-padding-help-l);
2705
+ --fk-padding-option-x: inherit;
2706
+ --fk-padding-option-y: inherit;
2707
+ --fk-padding-option-t: var(--fk-padding-option-y, 0);
2708
+ --fk-padding-option-r: var(--fk-padding-option-x, 0);
2709
+ --fk-padding-option-b: var(--fk-padding-option-y, 0);
2710
+ --fk-padding-option-l: var(--fk-padding-option-x, 0);
2711
+ --fk-padding-option: var(--fk-padding-option-t) var(--fk-padding-option-r)
2712
+ var(--fk-padding-option-b) var(--fk-padding-option-l);
2713
+ --fk-padding-messages-x: inherit;
2714
+ --fk-padding-messages-y: inherit;
2715
+ --fk-padding-messages-t: var(
2716
+ --fk-padding-messages-y,
2717
+ var(--fk-padding-base)
2718
+ );
2719
+ --fk-padding-messages-r: var(--fk-padding-messages-x, 0);
2720
+ --fk-padding-messages-b: var(--fk-padding-messages-y, 0);
2721
+ --fk-padding-messages-l: var(--fk-padding-messages-x, 0);
2722
+ --fk-padding-messages: var(--fk-padding-messages-t)
2723
+ var(--fk-padding-messages-r) var(--fk-padding-messages-b)
2724
+ var(--fk-padding-messages-l);
2725
+ --fk-padding-message-x: inherit;
2726
+ --fk-padding-message-y: var(--fk-padding-base);
2727
+ --fk-padding-message-t: var(--fk-padding-message-y, 0);
2728
+ --fk-padding-message-r: var(--fk-padding-message-x, 0);
2729
+ --fk-padding-message-b: var(--fk-padding-message-y, 0);
2730
+ --fk-padding-message-l: var(--fk-padding-message-x, 0);
2731
+ --fk-padding-message: var(--fk-padding-message-t)
2732
+ var(--fk-padding-message-r) var(--fk-padding-message-b)
2733
+ var(--fk-padding-message-l);
2734
+ --fk-padding-legend-x: 0.25em;
2735
+ --fk-padding-legend-y: 0.25em;
2736
+ --fk-padding-legend-t: var(--fk-padding-legend-y);
2737
+ --fk-padding-legend-r: var(--fk-padding-legend-x);
2738
+ --fk-padding-legend-b: var(--fk-padding-legend-y);
2739
+ --fk-padding-legend-l: var(--fk-padding-legend-x);
2740
+ --fk-padding-legend: var(--fk-padding-legend-t) var(--fk-padding-legend-r)
2741
+ var(--fk-padding-legend-b) var(--fk-padding-legend-l);
2742
+ --fk-padding-fieldset-x: var(--fk-padding-input-x);
2743
+ --fk-padding-fieldset-y: var(--fk-padding-input-y);
2744
+ --fk-padding-fieldset-t: var(--fk-padding-fieldset-y);
2745
+ --fk-padding-fieldset-r: var(--fk-padding-fieldset-x);
2746
+ --fk-padding-fieldset-b: var(--fk-padding-fieldset-y);
2747
+ --fk-padding-fieldset-l: var(--fk-padding-fieldset-x);
2748
+ --fk-padding-fieldset: var(--fk-padding-fieldset-t)
2749
+ var(--fk-padding-fieldset-r) var(--fk-padding-fieldset-b)
2750
+ var(--fk-padding-fieldset-l);
2751
+ --fk-padding-decorator-x: inherit;
2752
+ --fk-padding-decorator-y: var(--fk-padding-base);
2753
+ --fk-padding-decorator-t: var(--fk-padding-decorator-y, 1.25em);
2754
+ --fk-padding-decorator-r: var(--fk-padding-decorator-x, 1.25em);
2755
+ --fk-padding-decorator-b: var(--fk-padding-decorator-y, 1.25em);
2756
+ --fk-padding-decorator-l: var(--fk-padding-decorator-x, 1.25em);
2757
+ --fk-padding-decorator: var(--fk-padding-decorator-t)
2758
+ var(--fk-padding-decorator-r) var(--fk-padding-decorator-b)
2759
+ var(--fk-padding-decorator-l);
2760
+ --fk-padding-button-x: calc(var(--fk-padding-base) * 8);
2761
+ --fk-padding-button-y: calc(var(--fk-padding-base) * 3);
2762
+ --fk-padding-button-t: var(--fk-padding-button-y);
2763
+ --fk-padding-button-r: var(--fk-padding-button-x);
2764
+ --fk-padding-button-b: var(--fk-padding-button-y);
2765
+ --fk-padding-button-l: var(--fk-padding-button-x);
2766
+ --fk-padding-button: var(--fk-padding-button-t) var(--fk-padding-button-r)
2767
+ var(--fk-padding-button-b) var(--fk-padding-button-l);
2768
+ /* Margin */
2769
+ --fk-margin-base: 0.5em;
2770
+ --fk-margin-outer-x: inherit;
2771
+ --fk-margin-outer-y: inherit;
2772
+ --fk-margin-outer-t: var(--fk-margin-outer-y, 0);
2773
+ --fk-margin-outer-r: var(--fk-margin-outer-x, 0);
2774
+ --fk-margin-outer-b: var(
2775
+ --fk-margin-outer-y,
2776
+ calc(var(--fk-margin-base) * 2)
2777
+ );
2778
+ --fk-margin-outer-l: var(--fk-margin-outer-x, 0);
2779
+ --fk-margin-outer: var(--fk-margin-outer-t) var(--fk-margin-outer-r)
2780
+ var(--fk-margin-outer-b) var(--fk-margin-outer-l);
2781
+ --fk-margin-wrapper-x: inherit;
2782
+ --fk-margin-wrapper-y: inherit;
2783
+ --fk-margin-wrapper-t: var(--fk-margin-wrapper-y, 0);
2784
+ --fk-margin-wrapper-r: var(--fk-margin-wrapper-x, 0);
2785
+ --fk-margin-wrapper-b: var(--fk-margin-wrapper-y, 0);
2786
+ --fk-margin-wrapper-l: var(--fk-margin-wrapper-x, 0);
2787
+ --fk-margin-wrapper: var(--fk-margin-wrapper-t) var(--fk-margin-wrapper-r)
2788
+ var(--fk-margin-wrapper-b) var(--fk-margin-wrapper-l);
2789
+ --fk-margin-input-x: inherit;
2790
+ --fk-margin-input-y: inherit;
2791
+ --fk-margin-input-t: var(--fk-margin-input-y, 0);
2792
+ --fk-margin-input-r: var(--fk-margin-input-x, 0);
2793
+ --fk-margin-input-b: var(--fk-margin-input-y, 0);
2794
+ --fk-margin-input-l: var(--fk-margin-input-x, 0);
2795
+ --fk-margin-input: var(--fk-margin-input-t) var(--fk-margin-input-r)
2796
+ var(--fk-margin-input-b) var(--fk-margin-input-l);
2797
+ --fk-margin-label-x: inherit;
2798
+ --fk-margin-label-y: 0;
2799
+ --fk-margin-label-t: var(--fk-margin-label-y, 0);
2800
+ --fk-margin-label-r: var(--fk-margin-label-x, 0);
2801
+ --fk-margin-label-b: var(--fk-margin-label-y, var(--fk-margin-base));
2802
+ --fk-margin-label-l: var(--fk-margin-label-x, 0);
2803
+ --fk-margin-label: var(--fk-margin-label-t) var(--fk-margin-label-r)
2804
+ var(--fk-margin-label-b) var(--fk-margin-label-l);
2805
+ --fk-margin-help-x: inherit;
2806
+ --fk-margin-help-y: 0.3em;
2807
+ --fk-margin-help-t: var(--fk-margin-help-y, 0);
2808
+ --fk-margin-help-r: var(--fk-margin-help-x, 0);
2809
+ --fk-margin-help-b: 0;
2810
+ --fk-margin-help-l: var(--fk-margin-help-x, 0);
2811
+ --fk-margin-help: var(--fk-margin-help-t) var(--fk-margin-help-r)
2812
+ var(--fk-margin-help-b) var(--fk-margin-help-l);
2813
+ --fk-margin-option-x: inherit;
2814
+ --fk-margin-option-y: inherit;
2815
+ --fk-margin-option-t: var(--fk-margin-option-y, 0);
2816
+ --fk-margin-option-r: var(--fk-margin-option-x, 0);
2817
+ --fk-margin-option-b: var(--fk-margin-option-y, 0.625em);
2818
+ --fk-margin-option-l: var(--fk-margin-option-x, 0);
2819
+ --fk-margin-option: var(--fk-margin-option-t) var(--fk-margin-option-r)
2820
+ var(--fk-margin-option-b) var(--fk-margin-option-l);
2821
+ --fk-margin-message-x: inherit;
2822
+ --fk-margin-message-y: inherit;
2823
+ --fk-margin-message-t: var(--fk-margin-message-y, 0);
2824
+ --fk-margin-message-r: var(--fk-margin-message-x, 0);
2825
+ --fk-margin-message-b: var(--fk-margin-message-y, 0);
2826
+ --fk-margin-message-l: var(--fk-margin-message-x, 0);
2827
+ --fk-margin-message: var(--fk-margin-message-t) var(--fk-margin-message-r)
2828
+ var(--fk-margin-message-b) var(--fk-margin-message-l);
2829
+ --fk-margin-legend-x: 0em;
2830
+ --fk-margin-legend-y: inherit;
2831
+ --fk-margin-legend-t: var(--fk-margin-legend-y, 0);
2832
+ --fk-margin-legend-r: var(--fk-margin-legend-x, 0);
2833
+ --fk-margin-legend-b: var(--fk-margin-legend-y, 0);
2834
+ --fk-margin-legend-l: var(--fk-margin-legend-x, 0);
2835
+ --fk-margin-legend: var(--fk-margin-legend-t) var(--fk-margin-legend-r)
2836
+ var(--fk-margin-legend-b) var(--fk-margin-legend-l);
2837
+ --fk-margin-fieldset-x: inherit;
2838
+ --fk-margin-fieldset-y: inherit;
2839
+ --fk-margin-fieldset-t: var(--fk-margin-fieldset-y, 0);
2840
+ --fk-margin-fieldset-r: var(--fk-margin-fieldset-x, 0);
2841
+ --fk-margin-fieldset-b: var(--fk-margin-fieldset-y, 0);
2842
+ --fk-margin-fieldset-l: var(--fk-margin-fieldset-x, 0);
2843
+ --fk-margin-fieldset: var(--fk-margin-fieldset-t)
2844
+ var(--fk-margin-fieldset-r) var(--fk-margin-fieldset-b)
2845
+ var(--fk-margin-fieldset-l);
2846
+ --fk-margin-decorator-x: inherit;
2847
+ --fk-margin-decorator-y: inherit;
2848
+ --fk-margin-decorator-t: var(--fk-margin-decorator-y, 0);
2849
+ --fk-margin-decorator-r: var(--fk-margin-decorator-x, 0.5em);
2850
+ --fk-margin-decorator-b: var(--fk-margin-decorator-y, 0);
2851
+ --fk-margin-decorator-l: var(--fk-margin-decorator-x, 0);
2852
+ --fk-margin-decorator: var(--fk-margin-decorator-t)
2853
+ var(--fk-margin-decorator-r) var(--fk-margin-decorator-b)
2854
+ var(--fk-margin-decorator-l);
2855
+ --fk-margin-button-x: inherit;
2856
+ --fk-margin-button-y: inherit;
2857
+ --fk-margin-button-t: var(--fk-margin-button-y, 0);
2858
+ --fk-margin-button-r: var(--fk-margin-button-x, 0.5em);
2859
+ --fk-margin-button-b: var(--fk-margin-button-y, 0);
2860
+ --fk-margin-button-l: var(--fk-margin-button-x, 0);
2861
+ --fk-margin-button: var(--fk-margin-button-t) var(--fk-margin-button-r)
2862
+ var(--fk-margin-button-b) var(--fk-margin-button-l);
2863
+ /* default icons */
2864
+ --fk-icon-close: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxsaW5lIHgxPSIxOCIgeTE9IjYiIHgyPSI2IiB5Mj0iMTgiPjwvbGluZT4KICA8bGluZSB4MT0iNiIgeTE9IjYiIHgyPSIxOCIgeTI9IjE4Ij48L2xpbmU +
2865
+ Cjwvc3ZnPg==;
2866
+ --fk-icon-down: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwb2x5bGluZSBwb2ludHM9IjYgOSAxMiAxNSAxOCA5Ij48L3BvbHlsaW5lPgo8L3N2Zz4=;
2867
+ --fk-icon-fileDoc: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Ik0xNC41IDJINmEyIDIgMCAwIDAtMiAydjE2YTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMlY3LjVMMTQuNSAyeiI +
2868
+ PC9wYXRoPgogIDxwb2x5bGluZSBwb2ludHM9IjE0IDIgMTQgOCAyMCA4Ij48L3BvbHlsaW5lPgogIDxsaW5lIHgxPSIxNiIgeTE9IjEzIiB4Mj0iOCIgeTI9IjEzIj48L2xpbmU +
2869
+ CiAgPGxpbmUgeDE9IjE2IiB5MT0iMTciIHgyPSI4IiB5Mj0iMTciPjwvbGluZT4KICA8bGluZSB4MT0iMTAiIHkxPSI5IiB4Mj0iOCIgeTI9IjkiPjwvbGluZT4KPC9zdmc +;
2870
+ --fk-icon-check: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPgo8L3N2Zz4=;
2871
+ --fk-icon-circle: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI +
2872
+ PGNpcmNsZSBmaWxsPSJjdXJyZW50Q29sb3IiIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIvPjwvc3ZnPg==;
2873
+ /* icons by location name */
2874
+ --fk-icon-fileItem: var(--fk-icon-fileDoc);
2875
+ --fk-icon-fileRemove: var(--fk-icon-close);
2876
+ --fk-icon-noFiles: var(--fk-icon-fileDoc);
2877
+ --fk-icon-select: var(--fk-icon-down);
2878
+ --fk-icon-checkboxDecorator: var(--fk-icon-check);
2879
+ --fk-icon-radioDecorator: var(--fk-icon-circle);
2880
+ }
2881
+ [data-type=checkbox] .formkit-input ~ .formkit-decorator .formkit-icon,
2882
+ [data-type=radio] .formkit-input ~ .formkit-decorator .formkit-icon {
2883
+ padding: 2px;
2884
+ }
2885
+ [data-type=radio] .formkit-input ~ .formkit-decorator .formkit-icon {
2886
+ padding: 3px;
2887
+ }
2888
+ [data-invalid] .formkit-inner {
2889
+ --fk-color-border-focus: var(--fk-color-danger);
2890
+ --fk-color-border-shadow: var(--bms-red-10);
2891
+ box-shadow: 0 0 0 var(--fk-border-width-focus) var(--fk-color-border-focus), 0 0 2px 2px var(--fk-color-border-shadow);
2892
+ }
2893
+ :root {
2894
+ --bms-grey-140: #333333;
2895
+ --bms-grey-100: #526476;
2896
+ --bms-grey-75: #7c8a97;
2897
+ --bms-grey-50: #a7b0b9;
2898
+ --bms-grey-25: #d1d6da;
2899
+ --bms-grey-10: #ebedef;
2900
+ --bms-main-analog-140: #5153ac;
2901
+ --bms-main-analog-100: #696ce0;
2902
+ --bms-main-analog-75: #8e90e7;
2903
+ --bms-main-analog-50: #b2b4ee;
2904
+ --bms-main-analog-25: #d7d8f5;
2905
+ --bms-main-analog-10: #edeef9;
2906
+ --bms-main-140: #3f91d9;
2907
+ --bms-main-100: #69a9e1;
2908
+ --bms-main-75: #8ebee8;
2909
+ --bms-main-50: #b2d2ee;
2910
+ --bms-main-25: #d6e7f5;
2911
+ --bms-main-10: #edf4f9;
2912
+ --bms-green-140: #27731b;
2913
+ --bms-green-100: #57b47d;
2914
+ --bms-green-75: #80c69d;
2915
+ --bms-green-50: #a9d8bc;
2916
+ --bms-green-25: #d3eadc;
2917
+ --bms-green-10: #eff9ee;
2918
+ --bms-orange-140: #90550b;
2919
+ --bms-orange-100: #f08e13;
2920
+ --bms-orange-75: #f3a94f;
2921
+ --bms-orange-50: #f6c788;
2922
+ --bms-orange-25: #f9e1c3;
2923
+ --bms-orange-10: #fbf1e5;
2924
+ --bms-red-140: #7c1212;
2925
+ --bms-red-100: #dc474c;
2926
+ --bms-red-75: #e47478;
2927
+ --bms-red-50: #eca1a4;
2928
+ --bms-red-25: #f4cfd0;
2929
+ --bms-red-10: #f9eaeb;
2930
+ --bms-white: #fcfcfc;
2931
+ --bms-background-color: #f6f6f8;
2932
+ --bms-border-radius: 4px;
2933
+ --bms-border-radius-large: 8px;
2934
+ --bms-border-radius-xlarge: 16px;
2935
+ --bms-shadow-color: var(--bms-grey-10);
2936
+ --bms-danger-color: var(--bms-red-100);
2937
+ --bms-warning-color: var(--bms-orange-100);
2938
+ --bms-default-color: var(--bms-blue-100);
2939
+ --bms-success-color: var(--bms-green-100);
2940
+ --bms-information-color: var(--bms-grey-100);
2941
+ --bms-disabled-color: var(--bms-grey-50);
2942
+ --bms-font-color: var(--bms-grey-100);
2943
+ }.content[data-v-12e40422] {
2944
+ display: flex;
2945
+ flex-direction: column;
2946
+ align-items: center;
2947
+ }
2948
+ .feature[data-v-12e40422] {
2949
+ width: 30%;
2950
+ display: flex;
2951
+ justify-content: space-between;
2952
+ margin: 8px;
2953
+ font-weight: bold;
2954
+ }.field {
2955
+ --field-border-color: var(--bms-grey-50);
2956
+ --field-border-color-active: var(--bms-main-100);
2957
+ --input-background-color: var(--bms-white);
2958
+ --field-label-color: var(--bms-font-color);
2959
+ background: transparent;
2960
+ }
2961
+ .field__errors {
2962
+ font-size: 14px;
2963
+ color: var(--bms-red-75);
2964
+ }
2965
+ .field__wrapper {
2966
+ display: inline-block;
2967
+ position: relative;
2968
+ min-width: 24rem;
2969
+ width: 100%;
2970
+ background-color: transparent;
2971
+ }
2972
+ .field__label {
2973
+ display: flex;
2974
+ align-items: center;
2975
+ }
2976
+ .field__label__title {
2977
+ font-size: 1em;
2978
+ font-weight: bold;
2979
+ color: var(--field-label-color);
2980
+ }
2981
+ .field__label-helper--icon {
2982
+ height: 100%;
2983
+ display: flex;
2984
+ align-items: center;
2985
+ justify-content: center;
2986
+ margin-left: 0.5em;
2987
+ width: 1em;
2988
+ height: 1em;
2989
+ }
2990
+ .field__label-required {
2991
+ color: var(--bms-red-100);
2992
+ }
2993
+ .field__label-optional {
2994
+ font-style: italic;
2995
+ font-size: 14px;
2996
+ color: var(--bms-grey-75);
2997
+ }
2998
+ .field__label:empty {
2999
+ display: none;
3000
+ }
3001
+ .field.is-error {
3002
+ --field-label-color: var(--bms-danger-color);
3003
+ }
3004
+ .field.is-disabled {
3005
+ --field-label-color: var(--bms-grey-50);
3006
+ }
3007
+ .field__datalist {
3008
+ position: absolute;
3009
+ display: block;
3010
+ padding: 0;
3011
+ margin: 0;
3012
+ background: var(--bms-white);
3013
+ width: 100%;
3014
+ z-index: 100;
3015
+ max-height: 300px;
3016
+ overflow-y: auto;
3017
+ }
3018
+ .field__datalist.top {
3019
+ bottom: 60px;
3020
+ }
3021
+ .field__input {
3022
+ display: flex;
3023
+ align-items: center;
3024
+ }