bromcom-ui 2.7.37-rc.9 → 2.7.38-rc.0

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 (502) hide show
  1. package/dist/bromcom-ui/bromcom-ui.css +1 -1
  2. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  3. package/dist/bromcom-ui/p-0122ae3d.js +6 -0
  4. package/dist/bromcom-ui/p-04c8b756.js +1 -1
  5. package/dist/bromcom-ui/p-0a29a882.entry.js +5 -0
  6. package/dist/bromcom-ui/p-0a46b931.entry.js +5 -0
  7. package/dist/bromcom-ui/{p-151d7bec.entry.js → p-0dff677e.entry.js} +1 -1
  8. package/dist/bromcom-ui/{p-2444a19c.js → p-0e8b8316.js} +1 -1
  9. package/dist/bromcom-ui/{p-ae327774.js → p-1192f094.js} +1 -1
  10. package/dist/bromcom-ui/p-13077a28.entry.js +5 -0
  11. package/dist/bromcom-ui/p-1978e4ae.entry.js +5 -0
  12. package/dist/bromcom-ui/p-1af75960.entry.js +5 -0
  13. package/dist/bromcom-ui/p-1c207a2d.entry.js +5 -0
  14. package/dist/bromcom-ui/{p-2b332236.entry.js → p-20c45a95.entry.js} +1 -1
  15. package/dist/bromcom-ui/p-24bfaf3c.entry.js +5 -0
  16. package/dist/bromcom-ui/{p-34b815f5.entry.js → p-2a7f29b6.entry.js} +1 -1
  17. package/dist/bromcom-ui/{p-b68fcefb.entry.js → p-2f4d6b32.entry.js} +1 -1
  18. package/dist/bromcom-ui/p-341f55bf.entry.js +5 -0
  19. package/dist/bromcom-ui/p-38e67de7.entry.js +5 -0
  20. package/dist/bromcom-ui/p-3b07a0b1.entry.js +5 -0
  21. package/dist/bromcom-ui/p-3b43ad99.entry.js +5 -0
  22. package/dist/bromcom-ui/p-3e6e1e62.entry.js +5 -0
  23. package/dist/bromcom-ui/p-41df4c5d.entry.js +5 -0
  24. package/dist/bromcom-ui/p-42d537ac.entry.js +5 -0
  25. package/dist/bromcom-ui/p-44dd9f7a.entry.js +5 -0
  26. package/dist/bromcom-ui/p-455f416f.entry.js +5 -0
  27. package/dist/bromcom-ui/{p-fe3e3210.js → p-45704915.js} +1 -1
  28. package/dist/bromcom-ui/p-487f7b46.js +5 -0
  29. package/dist/bromcom-ui/{p-b2693a0f.js → p-4db160cc.js} +1 -1
  30. package/dist/bromcom-ui/p-4eb1b6e1.entry.js +5 -0
  31. package/dist/bromcom-ui/{p-6f30d39e.entry.js → p-516b3b59.entry.js} +1 -1
  32. package/dist/bromcom-ui/p-52e9eb72.entry.js +5 -0
  33. package/dist/bromcom-ui/p-581f703b.entry.js +5 -0
  34. package/dist/bromcom-ui/p-59b121e1.entry.js +5 -0
  35. package/dist/bromcom-ui/{p-591b3100.entry.js → p-5c20b83c.entry.js} +1 -1
  36. package/dist/bromcom-ui/{p-b1e3b913.entry.js → p-5f002c1c.entry.js} +1 -1
  37. package/dist/bromcom-ui/p-62bb8bf1.entry.js +5 -0
  38. package/dist/bromcom-ui/{p-8255f60a.entry.js → p-6720d135.entry.js} +1 -1
  39. package/dist/bromcom-ui/p-68ab7a63.entry.js +5 -0
  40. package/dist/bromcom-ui/p-68f57e0b.entry.js +5 -0
  41. package/dist/bromcom-ui/p-6c92a756.entry.js +5 -0
  42. package/dist/bromcom-ui/p-6f1b3d34.entry.js +5 -0
  43. package/dist/bromcom-ui/p-758a20ad.entry.js +5 -0
  44. package/dist/bromcom-ui/p-765ee6c1.js +5 -0
  45. package/dist/{esm/bcm-dropdown.entry.js → bromcom-ui/p-77e0d2b5.entry.js} +1 -231
  46. package/dist/bromcom-ui/p-78cf8966.entry.js +5 -0
  47. package/dist/bromcom-ui/{p-78d48636.entry.js → p-7b5e88c5.entry.js} +1 -1
  48. package/dist/bromcom-ui/p-7b7f4c29.entry.js +5 -0
  49. package/dist/bromcom-ui/{p-0cd7e628.entry.js → p-7df747c7.entry.js} +1 -1
  50. package/dist/bromcom-ui/p-906848af.entry.js +5 -0
  51. package/dist/bromcom-ui/p-937e2bed.js +5 -0
  52. package/dist/bromcom-ui/{p-cd0490e2.js → p-96287124.js} +1 -1
  53. package/dist/bromcom-ui/{p-a0c10e3e.entry.js → p-96525d60.entry.js} +1 -1
  54. package/dist/bromcom-ui/p-980e5824.entry.js +5 -0
  55. package/dist/bromcom-ui/p-99bed73b.entry.js +5 -0
  56. package/dist/bromcom-ui/p-9c6de630.js +5 -0
  57. package/dist/bromcom-ui/p-a2710121.entry.js +5 -0
  58. package/dist/bromcom-ui/p-a95d388e.js +5 -0
  59. package/dist/bromcom-ui/{p-f9cb7ae4.js → p-acb048b5.js} +1 -1
  60. package/dist/bromcom-ui/p-b1b377e8.entry.js +5 -0
  61. package/dist/bromcom-ui/p-c3fc854c.entry.js +5 -0
  62. package/dist/bromcom-ui/p-c78bc99b.js +5 -0
  63. package/dist/bromcom-ui/p-c9bd85e9.js +1 -1
  64. package/dist/bromcom-ui/{p-f1b09912.entry.js → p-cf337431.entry.js} +1 -1
  65. package/dist/bromcom-ui/p-da7603b0.entry.js +5 -0
  66. package/dist/bromcom-ui/p-dcf02363.entry.js +5 -0
  67. package/dist/bromcom-ui/p-e0cb6ac3.entry.js +5 -0
  68. package/dist/bromcom-ui/p-e14fb705.entry.js +5 -0
  69. package/dist/bromcom-ui/p-e2fe4755.entry.js +5 -0
  70. package/dist/bromcom-ui/p-e48c96b5.entry.js +5 -0
  71. package/dist/bromcom-ui/{p-f33f5581.entry.js → p-e6d92da4.entry.js} +1 -1
  72. package/dist/bromcom-ui/p-eb3aa16b.entry.js +5 -0
  73. package/dist/bromcom-ui/{p-3c60d68f.entry.js → p-eb639e76.entry.js} +1 -1
  74. package/dist/bromcom-ui/{p-993c912d.entry.js → p-f0b62f8e.entry.js} +1 -1
  75. package/dist/bromcom-ui/p-f495426e.entry.js +5 -0
  76. package/dist/bromcom-ui/{p-d9fb53c9.entry.js → p-f5ae5381.entry.js} +1 -1
  77. package/dist/bromcom-ui/p-f6685330.entry.js +5 -0
  78. package/dist/cjs/bcm-accordion.cjs.entry.js +3 -3
  79. package/dist/cjs/bcm-alert.cjs.entry.js +9 -10
  80. package/dist/cjs/bcm-attendance.cjs.entry.js +3 -7
  81. package/dist/cjs/bcm-autocomplete.cjs.entry.js +3 -2
  82. package/dist/cjs/bcm-avatar_15.cjs.entry.js +1954 -0
  83. package/dist/cjs/bcm-box.cjs.entry.js +2 -2
  84. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +4 -3
  85. package/dist/cjs/bcm-button-group.cjs.entry.js +10 -8
  86. package/dist/cjs/bcm-card.cjs.entry.js +9 -7
  87. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +17 -11
  88. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +44 -21
  89. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +18 -16
  90. package/dist/cjs/bcm-chip.cjs.entry.js +7 -3
  91. package/dist/cjs/bcm-collapse-group.cjs.entry.js +2 -2
  92. package/dist/cjs/bcm-collapse.cjs.entry.js +3 -3
  93. package/dist/cjs/bcm-colorpicker.cjs.entry.js +8 -9
  94. package/dist/cjs/bcm-date-picker.cjs.entry.js +12 -5
  95. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +19 -16
  96. package/dist/cjs/bcm-default.cjs.entry.js +3 -3
  97. package/dist/cjs/bcm-drawer.cjs.entry.js +10 -13
  98. package/dist/cjs/bcm-error-layout.cjs.entry.js +2 -2
  99. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +6 -5
  100. package/dist/cjs/{bcm-2c51bf0c.js → bcm-f00ec62c.js} +4 -4
  101. package/dist/cjs/bcm-form-2.cjs.entry.js +8 -8
  102. package/dist/cjs/bcm-form-group.cjs.entry.js +3 -2
  103. package/dist/cjs/bcm-input.cjs.entry.js +35 -18
  104. package/dist/cjs/bcm-link.cjs.entry.js +8 -5
  105. package/dist/cjs/bcm-list.cjs.entry.js +45 -43
  106. package/dist/cjs/bcm-message.cjs.entry.js +2 -5
  107. package/dist/cjs/{bcm-label_2.cjs.entry.js → bcm-modal.cjs.entry.js} +101 -78
  108. package/dist/cjs/bcm-notification.cjs.entry.js +4 -2
  109. package/dist/cjs/bcm-old-input.cjs.entry.js +17 -4
  110. package/dist/cjs/bcm-old-tag_2.cjs.entry.js +4 -2
  111. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +11 -6
  112. package/dist/cjs/bcm-popconfirm.cjs.entry.js +7 -6
  113. package/dist/cjs/bcm-progress.cjs.entry.js +5 -5
  114. package/dist/cjs/bcm-radio-group.cjs.entry.js +19 -10
  115. package/dist/cjs/bcm-radio.cjs.entry.js +10 -9
  116. package/dist/cjs/bcm-range.cjs.entry.js +13 -7
  117. package/dist/cjs/bcm-result.cjs.entry.js +6 -2
  118. package/dist/cjs/bcm-search.cjs.entry.js +12 -16
  119. package/dist/cjs/bcm-select-group.cjs.entry.js +2 -1
  120. package/dist/cjs/bcm-select-option.cjs.entry.js +4 -1
  121. package/dist/cjs/bcm-select.cjs.entry.js +26 -15
  122. package/dist/cjs/bcm-skeleton.cjs.entry.js +3 -3
  123. package/dist/cjs/bcm-step.cjs.entry.js +10 -9
  124. package/dist/cjs/bcm-stepper.cjs.entry.js +8 -12
  125. package/dist/cjs/bcm-tab-group.cjs.entry.js +9 -9
  126. package/dist/cjs/bcm-tab-pane.cjs.entry.js +2 -2
  127. package/dist/cjs/bcm-tab.cjs.entry.js +2 -5
  128. package/dist/cjs/bcm-table.cjs.entry.js +2 -2
  129. package/dist/cjs/bcm-tabs-content.cjs.entry.js +2 -2
  130. package/dist/cjs/bcm-tabs.cjs.entry.js +2 -8
  131. package/dist/cjs/bcm-tag.cjs.entry.js +19 -16
  132. package/dist/cjs/bcm-textarea.cjs.entry.js +20 -10
  133. package/dist/cjs/bcm-time-picker.cjs.entry.js +12 -5
  134. package/dist/cjs/bcm-timeline-item.cjs.entry.js +3 -5
  135. package/dist/cjs/bcm-timeline.cjs.entry.js +3 -5
  136. package/dist/cjs/bcm-treeview-group.cjs.entry.js +1 -1
  137. package/dist/cjs/bromcom-ui.cjs.js +3 -3
  138. package/dist/cjs/{caption-template-954d34bc.js → caption-template-95c791a2.js} +1 -1
  139. package/dist/cjs/{floating-ui-dae608ba.js → floating-ui-2a4a79ff.js} +4 -3
  140. package/dist/cjs/{generate-73db206b.js → generate-0d51cba6.js} +14 -14
  141. package/dist/cjs/{index-f8547ecd.js → index-1d2ce51d.js} +1 -1
  142. package/dist/cjs/{index-9d98aa56.js → index-1fda1524.js} +473 -275
  143. package/dist/cjs/{input-template-c8ceb3ff.js → input-template-d7f600a5.js} +7 -7
  144. package/dist/cjs/{is-load-decorator-65755a67.js → is-load-decorator-77664890.js} +1 -1
  145. package/dist/cjs/{label-template-1ed6a569.js → label-template-e56264b3.js} +4 -4
  146. package/dist/cjs/loader.cjs.js +3 -3
  147. package/dist/cjs/{number-helper-2253d3ad.js → number-helper-1d113d3e.js} +1 -1
  148. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +14 -8
  149. package/dist/cjs/old-bcm-popover.cjs.entry.js +9 -10
  150. package/dist/cjs/{popover-placement-87901bb3.js → popover-placement-ac98d407.js} +1 -1
  151. package/dist/cjs/{slot-template-2ff0d22a.js → slot-template-a4505c70.js} +2 -2
  152. package/dist/cjs/{stepper-states-c4dbafba.js → stepper-states-f66c2ae8.js} +2 -2
  153. package/dist/cjs/{string-helper-df40a475.js → string-helper-145cd64f.js} +2 -2
  154. package/dist/cjs/{tooltip-helper-88c00766.js → tooltip-helper-eff66c97.js} +37 -5
  155. package/dist/cjs/{validators-e5907199.js → validators-424a487a.js} +1 -1
  156. package/dist/collection/collection-manifest.json +2 -2
  157. package/dist/collection/components/atoms/avatar/avatar.js +197 -184
  158. package/dist/collection/components/atoms/badge/badge.js +174 -164
  159. package/dist/collection/components/atoms/box/box.js +8 -5
  160. package/dist/collection/components/atoms/button/button.js +392 -373
  161. package/dist/collection/components/atoms/chip/chip.js +143 -133
  162. package/dist/collection/components/atoms/divider/divider.js +61 -53
  163. package/dist/collection/components/atoms/icon/icon.js +57 -47
  164. package/dist/collection/components/atoms/label/label.js +192 -182
  165. package/dist/collection/components/atoms/link/link.js +138 -127
  166. package/dist/collection/components/atoms/tag/tag.js +286 -273
  167. package/dist/collection/components/atoms/typography/typography.js +8 -5
  168. package/dist/collection/components/molecules/accordion/accordion.js +72 -61
  169. package/dist/collection/components/molecules/alert/alert.js +218 -217
  170. package/dist/collection/components/molecules/breadcrumb/breadcrumb.js +110 -104
  171. package/dist/collection/components/molecules/breadcrumb/types.js +0 -4
  172. package/dist/collection/components/molecules/button-group/button-group.js +159 -144
  173. package/dist/collection/components/molecules/card/card.js +83 -73
  174. package/dist/collection/components/molecules/checkbox/checkbox-lite.js +175 -176
  175. package/dist/collection/components/molecules/checkbox/checkbox.js +536 -524
  176. package/dist/collection/components/molecules/checkbox/group.js +589 -571
  177. package/dist/collection/components/molecules/drawer/drawer.js +193 -189
  178. package/dist/collection/components/molecules/dropdown/dropdown.js +610 -782
  179. package/dist/collection/components/molecules/empty/empty.js +32 -26
  180. package/dist/collection/components/molecules/error-layout/error-layout.js +126 -111
  181. package/dist/collection/components/molecules/error-layout/types.js +0 -4
  182. package/dist/collection/components/molecules/expansion-panel/expansion-panel.js +212 -212
  183. package/dist/collection/components/molecules/input/input.js +891 -857
  184. package/dist/collection/components/molecules/item/item.js +95 -85
  185. package/dist/collection/components/molecules/items/items.js +46 -38
  186. package/dist/collection/components/molecules/linked/linked.js +285 -241
  187. package/dist/collection/components/molecules/menu/menu.js +368 -538
  188. package/dist/collection/components/molecules/message/message.js +149 -144
  189. package/dist/collection/components/molecules/modal/modal.js +261 -252
  190. package/dist/collection/components/molecules/notification/notification.js +167 -161
  191. package/dist/collection/components/molecules/popconfirm/popconfirm-box.js +299 -285
  192. package/dist/collection/components/molecules/popconfirm/popconfirm.js +293 -277
  193. package/dist/collection/components/molecules/popover/popover.js +190 -181
  194. package/dist/collection/components/molecules/progress/progress.js +255 -262
  195. package/dist/collection/components/molecules/radio/group.js +516 -494
  196. package/dist/collection/components/molecules/radio/radio.js +212 -207
  197. package/dist/collection/components/molecules/range/range.js +289 -285
  198. package/dist/collection/components/molecules/result/result.js +104 -97
  199. package/dist/collection/components/molecules/search/search.js +308 -295
  200. package/dist/collection/components/molecules/skeleton/skeleton.js +47 -52
  201. package/dist/collection/components/molecules/stepper/step.js +281 -271
  202. package/dist/collection/components/molecules/stepper/stepper.js +309 -300
  203. package/dist/collection/components/molecules/switch/switch.js +598 -583
  204. package/dist/collection/components/molecules/tab-group/tab-group.js +126 -120
  205. package/dist/collection/components/molecules/textarea/textarea.js +622 -597
  206. package/dist/collection/components/molecules/timeline/timeline-item.js +125 -120
  207. package/dist/collection/components/molecules/timeline/timeline.js +79 -71
  208. package/dist/collection/components/molecules/tooltip/tooltip.js +173 -164
  209. package/dist/collection/components/organism/autocomplete/autocomplete.js +260 -247
  210. package/dist/collection/components/organism/colorpicker/colorpicker.js +360 -368
  211. package/dist/collection/components/organism/date-picker/date-picker.js +626 -604
  212. package/dist/collection/components/organism/datetime-picker/datetime-picker.js +750 -775
  213. package/dist/collection/components/organism/form/form-group.js +108 -99
  214. package/dist/collection/components/organism/form/form.js +253 -238
  215. package/dist/collection/components/organism/form-2/form-2.js +164 -149
  216. package/dist/collection/components/organism/list/list.js +1133 -1128
  217. package/dist/collection/components/organism/time-picker/time-picker.js +502 -484
  218. package/dist/collection/components/other/attendance/attendance.js +60 -61
  219. package/dist/collection/components/other/data-table/table.js +40 -30
  220. package/dist/collection/components/other/default/default.js +40 -32
  221. package/dist/collection/components/other_deprecated/collapse/collapse.js +125 -119
  222. package/dist/collection/components/other_deprecated/collapse/group.js +90 -83
  223. package/dist/collection/components/other_deprecated/listbox/listbox-group.js +68 -68
  224. package/dist/collection/components/other_deprecated/listbox/listbox-item.js +500 -495
  225. package/dist/collection/components/other_deprecated/listbox/listbox.js +1067 -1071
  226. package/dist/collection/components/other_deprecated/old-input/old-input.js +786 -775
  227. package/dist/collection/components/other_deprecated/old-popover/old-popover-box.js +285 -267
  228. package/dist/collection/components/other_deprecated/old-popover/old-popover.js +214 -202
  229. package/dist/collection/components/other_deprecated/old-search/old-search.js +333 -314
  230. package/dist/collection/components/other_deprecated/old-tag/old-tag.js +247 -241
  231. package/dist/collection/components/other_deprecated/select/group.js +68 -67
  232. package/dist/collection/components/other_deprecated/select/option.js +120 -111
  233. package/dist/collection/components/other_deprecated/select/select-box.js +77 -71
  234. package/dist/collection/components/other_deprecated/select/select.js +1096 -1093
  235. package/dist/collection/components/other_deprecated/tabs/tab-pane.js +121 -111
  236. package/dist/collection/components/other_deprecated/tabs/tab.js +229 -226
  237. package/dist/collection/components/other_deprecated/tabs/tabs-content.js +108 -98
  238. package/dist/collection/components/other_deprecated/tabs/tabs.js +423 -411
  239. package/dist/collection/components/other_deprecated/text/text.js +125 -117
  240. package/dist/collection/components/other_deprecated/treeview/treeview-group.js +11 -7
  241. package/dist/collection/components/other_deprecated/treeview/treeview-item.js +651 -646
  242. package/dist/collection/components/other_deprecated/treeview/treeview.js +882 -874
  243. package/dist/collection/index.js +0 -4
  244. package/dist/collection/models/bcm-types.js +0 -4
  245. package/dist/collection/models/states/atoms/bcm-atoms-state.js +0 -4
  246. package/dist/collection/models/states/molecules/bcm-molecules-state.js +0 -4
  247. package/dist/collection/models/states/organisms/bcm-organisms-state.js +0 -4
  248. package/dist/collection/templates/button-template.js +1 -12
  249. package/dist/collection/templates/caption-template.js +3 -14
  250. package/dist/collection/templates/checkbox-template.js +1 -5
  251. package/dist/collection/templates/info-footer-template.js +1 -6
  252. package/dist/collection/templates/input-template.js +8 -29
  253. package/dist/collection/templates/label-template.js +1 -5
  254. package/dist/collection/templates/list-item-template.js +2 -9
  255. package/dist/collection/templates/list-template.js +1 -14
  256. package/dist/collection/templates/slot-template.js +1 -2
  257. package/dist/collection/templates/step-template.js +1 -5
  258. package/dist/collection/templates/tag-template.js +1 -10
  259. package/dist/collection/types/index.js +0 -4
  260. package/dist/collection/utils/floating-ui.js +2 -1
  261. package/dist/components/avatar.js +5 -0
  262. package/dist/components/badge.js +4 -0
  263. package/dist/components/bcm-alert.js +3 -4
  264. package/dist/components/bcm-attendance.js +0 -4
  265. package/dist/components/bcm-autocomplete.js +1 -0
  266. package/dist/components/bcm-breadcrumb.js +1 -0
  267. package/dist/components/bcm-button-group.js +2 -0
  268. package/dist/components/bcm-card.js +3 -1
  269. package/dist/components/bcm-checkbox-group.js +6 -0
  270. package/dist/components/bcm-chip.js +4 -0
  271. package/dist/components/bcm-colorpicker.js +6 -7
  272. package/dist/components/bcm-date-picker.js +7 -0
  273. package/dist/components/bcm-drawer.js +1 -4
  274. package/dist/components/bcm-dropdown.js +38 -167
  275. package/dist/components/bcm-expansion-panel.js +1 -0
  276. package/dist/components/bcm-form-2.js +2 -2
  277. package/dist/components/bcm-form-group.js +1 -0
  278. package/dist/components/bcm-form.js +1 -0
  279. package/dist/components/bcm-input.js +22 -5
  280. package/dist/components/bcm-item.js +1 -0
  281. package/dist/components/bcm-linked.js +1 -192
  282. package/dist/components/bcm-list.js +15 -12
  283. package/dist/components/bcm-message.js +0 -3
  284. package/dist/components/bcm-modal.js +2 -0
  285. package/dist/components/bcm-notification.js +2 -0
  286. package/dist/components/bcm-popconfirm.js +1 -0
  287. package/dist/components/bcm-radio-group.js +9 -0
  288. package/dist/components/bcm-range.js +6 -0
  289. package/dist/components/bcm-result.js +4 -0
  290. package/dist/components/bcm-select-group.js +1 -0
  291. package/dist/components/bcm-select-option.js +3 -0
  292. package/dist/components/bcm-select.js +22 -11
  293. package/dist/components/bcm-stepper.js +0 -4
  294. package/dist/components/bcm-switch.js +11 -1
  295. package/dist/components/bcm-tab-group.js +1 -1
  296. package/dist/components/bcm-tab.js +0 -3
  297. package/dist/components/bcm-tabs.js +0 -6
  298. package/dist/components/bcm-tag.js +3 -0
  299. package/dist/components/bcm-textarea.js +11 -1
  300. package/dist/components/bcm-time-picker.js +7 -0
  301. package/dist/components/bcm-timeline-item.js +1 -3
  302. package/dist/components/bcm-timeline.js +1 -3
  303. package/dist/components/button.js +6 -0
  304. package/dist/components/checkbox.js +6 -4
  305. package/dist/components/datetime-picker.js +9 -6
  306. package/dist/components/empty.js +1 -0
  307. package/dist/components/floating-ui.js +2 -1
  308. package/dist/components/generate.js +1 -1
  309. package/dist/components/icon.js +1 -0
  310. package/dist/components/label.js +4 -1
  311. package/dist/components/link.js +3 -0
  312. package/dist/{esm/bcm-linked.entry.js → components/linked.js} +60 -22
  313. package/dist/components/listbox-group.js +1 -0
  314. package/dist/components/listbox-item.js +7 -0
  315. package/dist/components/listbox.js +16 -9
  316. package/dist/components/menu.js +11 -126
  317. package/dist/components/old-bcm-popover.js +3 -4
  318. package/dist/components/old-input.js +14 -1
  319. package/dist/components/old-popover-box.js +6 -0
  320. package/dist/components/old-tag.js +2 -0
  321. package/dist/components/popconfirm-box.js +5 -0
  322. package/dist/components/radio.js +3 -2
  323. package/dist/components/search.js +4 -8
  324. package/dist/components/step.js +5 -4
  325. package/dist/components/text.js +2 -0
  326. package/dist/components/treeview-item.js +5 -1
  327. package/dist/components/treeview.js +7 -4
  328. package/dist/esm/bcm-accordion.entry.js +3 -3
  329. package/dist/esm/bcm-alert.entry.js +7 -8
  330. package/dist/esm/bcm-attendance.entry.js +3 -7
  331. package/dist/esm/bcm-autocomplete.entry.js +3 -2
  332. package/dist/esm/bcm-avatar_15.entry.js +1936 -0
  333. package/dist/esm/bcm-b8d8a236.js +1 -1
  334. package/dist/esm/bcm-box.entry.js +2 -2
  335. package/dist/esm/bcm-breadcrumb.entry.js +4 -3
  336. package/dist/esm/bcm-button-group.entry.js +6 -4
  337. package/dist/esm/bcm-card.entry.js +7 -5
  338. package/dist/esm/bcm-checkbox-group.entry.js +13 -7
  339. package/dist/esm/bcm-checkbox-lite_9.entry.js +41 -18
  340. package/dist/esm/bcm-checkbox_2.entry.js +12 -10
  341. package/dist/esm/bcm-chip.entry.js +7 -3
  342. package/dist/esm/bcm-collapse-group.entry.js +2 -2
  343. package/dist/esm/bcm-collapse.entry.js +3 -3
  344. package/dist/esm/bcm-colorpicker.entry.js +8 -9
  345. package/dist/esm/bcm-date-picker.entry.js +11 -4
  346. package/dist/esm/bcm-datetime-picker.entry.js +15 -12
  347. package/dist/esm/bcm-default.entry.js +3 -3
  348. package/dist/esm/bcm-drawer.entry.js +7 -10
  349. package/dist/esm/bcm-error-layout.entry.js +2 -2
  350. package/dist/esm/bcm-expansion-panel.entry.js +4 -3
  351. package/dist/esm/bcm-form-2.entry.js +6 -6
  352. package/dist/esm/bcm-form-group.entry.js +3 -2
  353. package/dist/esm/bcm-input.entry.js +30 -13
  354. package/dist/esm/bcm-link.entry.js +6 -3
  355. package/dist/esm/bcm-list.entry.js +27 -25
  356. package/dist/esm/bcm-message.entry.js +2 -5
  357. package/dist/esm/{bcm-label_2.entry.js → bcm-modal.entry.js} +101 -77
  358. package/dist/esm/bcm-notification.entry.js +4 -2
  359. package/dist/esm/bcm-old-input.entry.js +17 -4
  360. package/dist/esm/bcm-old-tag_2.entry.js +4 -2
  361. package/dist/esm/bcm-popconfirm-box.entry.js +8 -3
  362. package/dist/esm/bcm-popconfirm.entry.js +5 -4
  363. package/dist/esm/bcm-progress.entry.js +4 -4
  364. package/dist/esm/bcm-radio-group.entry.js +15 -6
  365. package/dist/esm/bcm-radio.entry.js +8 -7
  366. package/dist/esm/bcm-range.entry.js +10 -4
  367. package/dist/esm/bcm-result.entry.js +6 -2
  368. package/dist/esm/bcm-search.entry.js +10 -14
  369. package/dist/esm/bcm-select-group.entry.js +2 -1
  370. package/dist/esm/bcm-select-option.entry.js +4 -1
  371. package/dist/esm/bcm-select.entry.js +24 -13
  372. package/dist/esm/bcm-skeleton.entry.js +3 -3
  373. package/dist/esm/bcm-step.entry.js +10 -9
  374. package/dist/esm/bcm-stepper.entry.js +6 -10
  375. package/dist/esm/bcm-tab-group.entry.js +5 -5
  376. package/dist/esm/bcm-tab-pane.entry.js +2 -2
  377. package/dist/esm/bcm-tab.entry.js +2 -5
  378. package/dist/esm/bcm-table.entry.js +2 -2
  379. package/dist/esm/bcm-tabs-content.entry.js +2 -2
  380. package/dist/esm/bcm-tabs.entry.js +2 -8
  381. package/dist/esm/bcm-tag.entry.js +8 -5
  382. package/dist/esm/bcm-textarea.entry.js +17 -7
  383. package/dist/esm/bcm-time-picker.entry.js +11 -4
  384. package/dist/esm/bcm-timeline-item.entry.js +3 -5
  385. package/dist/esm/bcm-timeline.entry.js +3 -5
  386. package/dist/esm/bcm-treeview-group.entry.js +1 -1
  387. package/dist/esm/bromcom-ui.js +3 -3
  388. package/dist/esm/{caption-template-d54ee0c3.js → caption-template-e7d51661.js} +1 -1
  389. package/dist/esm/{floating-ui-f03a96ce.js → floating-ui-700d0b98.js} +3 -2
  390. package/dist/esm/{generate-a7f3d168.js → generate-30f32431.js} +14 -14
  391. package/dist/esm/{index-2a3eeccc.js → index-58077b32.js} +473 -275
  392. package/dist/esm/{index-6e950253.js → index-6bdec00d.js} +1 -1
  393. package/dist/esm/{input-template-928c8d17.js → input-template-0131cb6b.js} +3 -3
  394. package/dist/esm/{is-load-decorator-b990575a.js → is-load-decorator-d57b8f9e.js} +1 -1
  395. package/dist/esm/{label-template-e3eebfbc.js → label-template-f352ef5b.js} +3 -3
  396. package/dist/esm/loader.js +3 -3
  397. package/dist/esm/{number-helper-f3b67bd2.js → number-helper-49efb3a0.js} +1 -1
  398. package/dist/esm/old-bcm-popover-box.entry.js +11 -5
  399. package/dist/esm/old-bcm-popover.entry.js +7 -8
  400. package/dist/esm/polyfills/css-shim.js +1 -1
  401. package/dist/esm/{slot-template-877c4e01.js → slot-template-aee2ff75.js} +1 -1
  402. package/dist/esm/{stepper-states-e2489128.js → stepper-states-204a065e.js} +2 -2
  403. package/dist/esm/string-helper-74a1648f.js +1 -1
  404. package/dist/esm/{tooltip-helper-99202557.js → tooltip-helper-968148fa.js} +36 -5
  405. package/dist/esm/{validators-0f31a959.js → validators-e1c02a1a.js} +1 -1
  406. package/dist/types/components/molecules/dropdown/dropdown.d.ts +2 -15
  407. package/dist/types/components/molecules/linked/linked.d.ts +3 -1
  408. package/dist/types/components/molecules/menu/menu.d.ts +1 -13
  409. package/dist/types/components.d.ts +12 -13
  410. package/dist/types/stencil-public-runtime.d.ts +20 -4
  411. package/loader/package.json +1 -0
  412. package/package.json +1 -1
  413. package/dist/bromcom-ui/assets +0 -0
  414. package/dist/bromcom-ui/p-0031ea84.entry.js +0 -5
  415. package/dist/bromcom-ui/p-00fb02e5.entry.js +0 -5
  416. package/dist/bromcom-ui/p-02892da0.entry.js +0 -5
  417. package/dist/bromcom-ui/p-046bc94c.entry.js +0 -5
  418. package/dist/bromcom-ui/p-0594c485.entry.js +0 -5
  419. package/dist/bromcom-ui/p-0ae411fe.entry.js +0 -5
  420. package/dist/bromcom-ui/p-0d37438e.entry.js +0 -5
  421. package/dist/bromcom-ui/p-10caf4ce.js +0 -6
  422. package/dist/bromcom-ui/p-12e845fb.entry.js +0 -5
  423. package/dist/bromcom-ui/p-1507f99a.entry.js +0 -5
  424. package/dist/bromcom-ui/p-1808adae.entry.js +0 -5
  425. package/dist/bromcom-ui/p-23de3629.entry.js +0 -5
  426. package/dist/bromcom-ui/p-2b91dab0.entry.js +0 -5
  427. package/dist/bromcom-ui/p-2cfa8d1a.js +0 -5
  428. package/dist/bromcom-ui/p-3057e85a.entry.js +0 -5
  429. package/dist/bromcom-ui/p-34c2069d.entry.js +0 -5
  430. package/dist/bromcom-ui/p-35be5c95.entry.js +0 -5
  431. package/dist/bromcom-ui/p-3b581c7d.entry.js +0 -5
  432. package/dist/bromcom-ui/p-3bcefb6e.entry.js +0 -5
  433. package/dist/bromcom-ui/p-3ee2e4fe.entry.js +0 -5
  434. package/dist/bromcom-ui/p-41cbecc7.entry.js +0 -5
  435. package/dist/bromcom-ui/p-42197730.entry.js +0 -5
  436. package/dist/bromcom-ui/p-44d68311.js +0 -5
  437. package/dist/bromcom-ui/p-4533663c.entry.js +0 -5
  438. package/dist/bromcom-ui/p-4be4c5bf.js +0 -5
  439. package/dist/bromcom-ui/p-4caf9f93.js +0 -5
  440. package/dist/bromcom-ui/p-4dbbb202.entry.js +0 -5
  441. package/dist/bromcom-ui/p-522c96a2.js +0 -5
  442. package/dist/bromcom-ui/p-5273d935.entry.js +0 -5
  443. package/dist/bromcom-ui/p-52ffb8e1.js +0 -5
  444. package/dist/bromcom-ui/p-5ad079a6.entry.js +0 -5
  445. package/dist/bromcom-ui/p-640244fa.entry.js +0 -5
  446. package/dist/bromcom-ui/p-6ad01d01.entry.js +0 -5
  447. package/dist/bromcom-ui/p-6c7eb43f.entry.js +0 -5
  448. package/dist/bromcom-ui/p-6e89ceb2.entry.js +0 -5
  449. package/dist/bromcom-ui/p-70b13097.entry.js +0 -5
  450. package/dist/bromcom-ui/p-721534bd.entry.js +0 -5
  451. package/dist/bromcom-ui/p-7385899c.js +0 -5
  452. package/dist/bromcom-ui/p-751c94dd.entry.js +0 -5
  453. package/dist/bromcom-ui/p-799a5570.entry.js +0 -5
  454. package/dist/bromcom-ui/p-7d76a273.entry.js +0 -5
  455. package/dist/bromcom-ui/p-7f065a45.entry.js +0 -5
  456. package/dist/bromcom-ui/p-8907162c.entry.js +0 -5
  457. package/dist/bromcom-ui/p-92fa0a00.entry.js +0 -5
  458. package/dist/bromcom-ui/p-99a2cb36.entry.js +0 -5
  459. package/dist/bromcom-ui/p-9e2b4b55.entry.js +0 -5
  460. package/dist/bromcom-ui/p-9efe118a.entry.js +0 -5
  461. package/dist/bromcom-ui/p-a0042349.entry.js +0 -5
  462. package/dist/bromcom-ui/p-a1c849e7.js +0 -5
  463. package/dist/bromcom-ui/p-a628aed8.entry.js +0 -5
  464. package/dist/bromcom-ui/p-a98aecdf.entry.js +0 -5
  465. package/dist/bromcom-ui/p-b088a98d.entry.js +0 -5
  466. package/dist/bromcom-ui/p-b4cbf3bd.entry.js +0 -5
  467. package/dist/bromcom-ui/p-b9983e4b.entry.js +0 -5
  468. package/dist/bromcom-ui/p-be39c24b.entry.js +0 -5
  469. package/dist/bromcom-ui/p-bf30bf7f.entry.js +0 -5
  470. package/dist/bromcom-ui/p-c0e8c481.entry.js +0 -5
  471. package/dist/bromcom-ui/p-dbb106a4.entry.js +0 -5
  472. package/dist/bromcom-ui/p-e467d49f.entry.js +0 -5
  473. package/dist/bromcom-ui/p-e50f0098.entry.js +0 -5
  474. package/dist/bromcom-ui/p-ebb01d57.entry.js +0 -5
  475. package/dist/bromcom-ui/p-f4936482.entry.js +0 -5
  476. package/dist/bromcom-ui/p-fa42b2de.entry.js +0 -5
  477. package/dist/cjs/bcm-avatar_2.cjs.entry.js +0 -156
  478. package/dist/cjs/bcm-button_3.cjs.entry.js +0 -530
  479. package/dist/cjs/bcm-dropdown.cjs.entry.js +0 -239
  480. package/dist/cjs/bcm-form.cjs.entry.js +0 -486
  481. package/dist/cjs/bcm-item.cjs.entry.js +0 -83
  482. package/dist/cjs/bcm-items.cjs.entry.js +0 -61
  483. package/dist/cjs/bcm-linked.cjs.entry.js +0 -179
  484. package/dist/cjs/bcm-menu.cjs.entry.js +0 -248
  485. package/dist/cjs/bcm-popover.cjs.entry.js +0 -183
  486. package/dist/cjs/bcm-switch.cjs.entry.js +0 -139
  487. package/dist/cjs/bcm-text.cjs.entry.js +0 -60
  488. package/dist/cjs/json-parse-decarator-4d8d8097.js +0 -40
  489. package/dist/cjs/property-decorators-cb2155ed.js +0 -33
  490. package/dist/collection/assets +0 -0
  491. package/dist/components/property-decorators.js +0 -31
  492. package/dist/esm/bcm-avatar_2.entry.js +0 -151
  493. package/dist/esm/bcm-button_3.entry.js +0 -524
  494. package/dist/esm/bcm-form.entry.js +0 -482
  495. package/dist/esm/bcm-item.entry.js +0 -79
  496. package/dist/esm/bcm-items.entry.js +0 -57
  497. package/dist/esm/bcm-menu.entry.js +0 -244
  498. package/dist/esm/bcm-popover.entry.js +0 -179
  499. package/dist/esm/bcm-switch.entry.js +0 -135
  500. package/dist/esm/bcm-text.entry.js +0 -56
  501. package/dist/esm/json-parse-decarator-58394179.js +0 -38
  502. package/dist/esm/property-decorators-f3f1e7de.js +0 -31
@@ -1,139 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- 'use strict';
6
-
7
- Object.defineProperty(exports, '__esModule', { value: true });
8
-
9
- const index = require('./index-9d98aa56.js');
10
- const index$1 = require('./index-a2b50e51.js');
11
- const isLoadDecorator = require('./is-load-decorator-65755a67.js');
12
- const generate = require('./generate-73db206b.js');
13
- const bcm = require('./bcm-2c51bf0c.js');
14
- const captionTemplate = require('./caption-template-954d34bc.js');
15
- const utils = require('./utils-fc077139.js');
16
- require('./_commonjsHelpers-bd20f4c0.js');
17
-
18
- const switchCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-caption-area{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-switch{display:inline-flex;user-select:none;flex-direction:column;margin-bottom:8px}.bcm-switch__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.bcm-switch__container--left,.bcm-switch__container--right{align-items:center}.bcm-switch__container--left .bcm-label__text,.bcm-switch__container--right .bcm-label__text{margin:0}.bcm-switch__container--left{flex-direction:row}.bcm-switch__container--left .bcm-label__text{margin-right:4px}.bcm-switch__container--right{flex-direction:row-reverse}.bcm-switch__container--right .bcm-label__text{margin-left:4px}.bcm-switch:focus-visible{outline:none}.bcm-switch:focus-visible .bcm-switch__toggle{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-switch:focus-visible .bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch:hover{outline:none}.bcm-switch:hover .bcm-switch__toggle .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch:hover .bcm-switch__toggle.switch-checked .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch *{box-sizing:border-box}.bcm-switch.hidden{display:none}.bcm-switch input{display:none}.bcm-switch.disabled .bcm-switch__toggle{cursor:not-allowed;opacity:40%}.bcm-switch.readonly .bcm-switch__toggle{cursor:default;opacity:80%}.bcm-switch__label{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;align-items:center;margin:0}.bcm-switch__label .active-text{color:var(--bcm-new-ds-color-blue-500);margin:0 0 0 4px}.bcm-switch__label .inactive-text{color:var(--bcm-new-ds-color-slate-500);margin:0 4px 0 0}.bcm-switch__toggle{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-new-ds-color-slate-300);position:relative;cursor:pointer}.bcm-switch__toggle .handle{padding:1px;position:absolute;background-color:var(--bcm-new-ds-color-slate-50);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:left 0.2s ease-in-out, width 0.2s ease-in-out;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-switch__toggle .icon-active{opacity:0;margin-left:2px}.bcm-switch__toggle .icon-inactive{opacity:1;margin-right:2px}.bcm-switch__toggle.bcm-switch__size-small{width:32px;min-width:32px;height:16px;padding:4px}.bcm-switch__toggle.bcm-switch__size-small .handle{width:12px;height:12px;left:2px}.bcm-switch__toggle.bcm-switch__size-small.switch-checked .handle{left:18px}.bcm-switch__toggle.bcm-switch__size-small:active:not(.disabled):not(.readonly) .handle{width:16px}.bcm-switch__toggle.bcm-switch__size-small:active.switch-checked:not(.disabled):not(.readonly) .handle{left:12px}.bcm-switch__toggle.bcm-switch__size-small .switch-spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-medium{width:36px;min-width:36px;height:18px;padding:4px}.bcm-switch__toggle.bcm-switch__size-medium .handle{width:14px;height:14px;left:2px}.bcm-switch__toggle.bcm-switch__size-medium.switch-checked .handle{left:20px}.bcm-switch__toggle.bcm-switch__size-medium:active:not(.disabled):not(.readonly) .handle{width:18px}.bcm-switch__toggle.bcm-switch__size-medium:active.switch-checked:not(.disabled):not(.readonly) .handle{left:14px}.bcm-switch__toggle.bcm-switch__size-medium .switch-spinner{box-sizing:border-box;display:inline-flex;width:11px;height:11px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-large{width:40px;min-width:40px;height:20px;padding:4px}.bcm-switch__toggle.bcm-switch__size-large .handle{width:16px;height:16px;left:2px}.bcm-switch__toggle.bcm-switch__size-large.switch-checked .handle{left:22px}.bcm-switch__toggle.bcm-switch__size-large:active:not(.disabled):not(.readonly) .handle{width:20px}.bcm-switch__toggle.bcm-switch__size-large:active.switch-checked:not(.disabled):not(.readonly) .handle{left:16px}.bcm-switch__toggle.bcm-switch__size-large .switch-spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-500)}.bcm-switch__toggle.switch-checked .icon-active{color:var(--bcm-new-ds-color-slate-100);opacity:1}.bcm-switch__toggle.switch-checked .icon-inactive{opacity:0}.bcm-switch__toggle.switch-checked .switch-spinner{border-top-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch__size-small .bcm-switch__label,.bcm-switch__size-small .bcm-label__text{font-size:12px}.bcm-switch__size-small .bcm-switch__toggle{font-size:8px}.bcm-switch__size-medium .bcm-switch__label,.bcm-switch__size-medium .bcm-label__text{font-size:13px}.bcm-switch__size-medium .bcm-switch__toggle{font-size:9px}.bcm-switch__size-large .bcm-switch__label,.bcm-switch__size-large .bcm-label__text{font-size:16px}.bcm-switch__size-large .bcm-switch__toggle{font-size:12px}@keyframes switch-spinner{to{transform:rotate(360deg)}}";
19
-
20
- var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
21
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
22
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
23
- r = Reflect.decorate(decorators, target, key, desc);
24
- else
25
- for (var i = decorators.length - 1; i >= 0; i--)
26
- if (d = decorators[i])
27
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
28
- return c > 3 && r && Object.defineProperty(target, key, r), r;
29
- };
30
- const BcmSwitch = class {
31
- constructor(hostRef) {
32
- index.registerInstance(this, hostRef);
33
- this.change = index.createEvent(this, "bcm-change", 7);
34
- this.focus = index.createEvent(this, "bcm-focus", 7);
35
- this.blur = index.createEvent(this, "bcm-blur", 7);
36
- /** Props **/
37
- this._id = generate.Generate.UID();
38
- this._internal_id = generate.Generate.UID();
39
- this.checked = false;
40
- this.hidden = false;
41
- this.value = false;
42
- this.disabled = false;
43
- this.required = false;
44
- this.size = bcm.Bcm.Size.medium;
45
- this.readonly = false;
46
- this.pending = false;
47
- this.labelPosition = 'top';
48
- this.noCaption = false;
49
- this.captionType = bcm.Bcm.Status.default;
50
- }
51
- connectedCallback() {
52
- this.captionCache = this.caption;
53
- this.captionTypeCache = this.captionType;
54
- this.value = this.checked;
55
- }
56
- handleChange() {
57
- this.checked = this.inputElement.checked;
58
- this.value = this.checked;
59
- this.change.emit(this.checked);
60
- }
61
- componentWillRender() {
62
- if (this.pending) {
63
- this.disabled = true;
64
- }
65
- }
66
- async onBcmFocus() {
67
- this.el.focus();
68
- }
69
- async onBcmBlur() {
70
- this.el.blur();
71
- }
72
- async set(data) {
73
- if (typeof data === 'boolean') {
74
- await this.check(data);
75
- }
76
- }
77
- async check(uncheck = true) {
78
- this.inputElement.checked = uncheck;
79
- this.handleChange();
80
- }
81
- async get() {
82
- return this.checked || false;
83
- }
84
- async setClear() {
85
- if (this.inputElement.checked == true) {
86
- this.inputElement.checked = false;
87
- this.checked = this.inputElement.checked;
88
- this.value = this.checked;
89
- this.change.emit(this.checked);
90
- }
91
- await utils.delay(10);
92
- return Promise.resolve();
93
- }
94
- async resetCaption() {
95
- await utils.delay(10);
96
- this.caption = this.captionCache;
97
- this.captionType = this.captionTypeCache;
98
- this.captionError = null;
99
- await utils.delay(10);
100
- return Promise.resolve();
101
- }
102
- handleKeyUp(ev) {
103
- if (ev.keyCode == bcm.Bcm.KeyCode.space || ev.keyCode == bcm.Bcm.KeyCode.enter) {
104
- if (!this.disabled && !this.readonly) {
105
- this.inputElement.checked = !this.inputElement.checked;
106
- this.handleChange();
107
- }
108
- ev.stopPropagation();
109
- ev.preventDefault();
110
- return false;
111
- }
112
- }
113
- render() {
114
- const { hidden, _internal_id, checked, size, activeIcon, inactiveIcon, activeText, inactiveText, pending, disabled, readonly, label, required, noCaption, captionType, captionError, caption } = this;
115
- const classes = index$1.classnames('bcm-switch__toggle', 'bcm-switch__size-' + size, {
116
- 'switch-checked': checked,
117
- 'disabled': disabled,
118
- 'readonly': readonly
119
- });
120
- const bcmSwitchClasses = index$1.classnames('bcm-switch', 'bcm-switch__size-' + size, {
121
- hidden,
122
- checked,
123
- disabled,
124
- readonly
125
- });
126
- const bcmSwitchLabel = index$1.classnames('bcm-switch__label', 'input-size-' + bcm.Bcm.Size[size]);
127
- const bcmSwitchContainer = index$1.classnames('bcm-switch__container', `bcm-switch__container--${this.labelPosition}`);
128
- const switchText = (text) => (size != bcm.Bcm.Size.small && (activeText || inactiveText)) && (index.h("span", { class: text + '-text' }, text == 'active' ? activeText : inactiveText));
129
- const switchIcon = (text) => (size != bcm.Bcm.Size.small && (activeIcon || inactiveIcon)) && index.h("bcm-icon", { icon: text == 'active' ? activeIcon : inactiveIcon, class: ' icon-' + text });
130
- return (index.h(index.Host, { tabindex: "1", onFocus: () => this.focus.emit(this.el), onBlur: () => this.blur.emit(this.el), class: bcmSwitchClasses }, index.h("span", { hidden: true }, index.h("slot", null)), index.h("div", { class: bcmSwitchContainer }, label && index.h("bcm-label", { htmlFor: _internal_id, tooltip: this.tooltip, type: captionType, value: label, required: required }), index.h("input", { id: _internal_id, onChange: () => this.handleChange(), ref: el => (this.inputElement = el), checked: checked, type: "checkbox", class: "switch", disabled: disabled || readonly }), index.h("label", { htmlFor: _internal_id, class: bcmSwitchLabel }, switchText('inactive'), index.h("div", { class: classes }, switchIcon('active'), index.h("span", { class: "handle" }, pending && index.h("span", { class: "switch-spinner" })), switchIcon('inactive')), switchText('active'))), index.h(captionTemplate.CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
131
- }
132
- get el() { return index.getElement(this); }
133
- };
134
- __decorate([
135
- isLoadDecorator.IsLoad()
136
- ], BcmSwitch.prototype, "el", void 0);
137
- BcmSwitch.style = switchCss;
138
-
139
- exports.bcm_switch = BcmSwitch;
@@ -1,60 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- 'use strict';
6
-
7
- Object.defineProperty(exports, '__esModule', { value: true });
8
-
9
- const index = require('./index-9d98aa56.js');
10
- const index$1 = require('./index-a2b50e51.js');
11
- const isLoadDecorator = require('./is-load-decorator-65755a67.js');
12
- const colorHelper = require('./color-helper-c9882bd8.js');
13
- const slotTemplate = require('./slot-template-2ff0d22a.js');
14
- require('./_commonjsHelpers-bd20f4c0.js');
15
- require('./colors-56282b00.js');
16
- require('./utils-fc077139.js');
17
- require('./string-helper-df40a475.js');
18
- require('./bcm-2c51bf0c.js');
19
-
20
- const textCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-text{display:inline;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-text.hidden{display:none}.bcm-text__paragraph{margin:0;padding:0}.bcm-text__font-size-1{font-size:10px;line-height:calc(10px + 8px)}.bcm-text__font-size-2{font-size:12px;line-height:calc(12px + 8px)}.bcm-text__font-size-3{font-size:14px;line-height:calc(14px + 8px)}.bcm-text__font-size-4{font-size:16px;line-height:calc(16px + 8px)}.bcm-text__font-size-5{font-size:18px;line-height:calc(18px + 8px)}.bcm-text__font-size-6{font-size:20px;line-height:calc(20px + 8px)}.bcm-text__font-size-7{font-size:24px;line-height:calc(24px + 8px)}.bcm-text__font-size-8{font-size:32px;line-height:calc(32px + 8px)}.bcm-text__font-size-9{font-size:40px;line-height:calc(40px + 8px)}";
21
-
22
- var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
23
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
24
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
25
- r = Reflect.decorate(decorators, target, key, desc);
26
- else
27
- for (var i = decorators.length - 1; i >= 0; i--)
28
- if (d = decorators[i])
29
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
30
- return c > 3 && r && Object.defineProperty(target, key, r), r;
31
- };
32
- const BcmText = class {
33
- constructor(hostRef) {
34
- index.registerInstance(this, hostRef);
35
- this.hidden = false;
36
- this.weight = "400";
37
- this.color = "slate";
38
- this.fontSize = 4;
39
- }
40
- render() {
41
- const { hidden, scale, weight, color, fontSize } = this;
42
- const hostClasses = index$1.classnames('bcm-text', {
43
- hidden
44
- });
45
- const classes = index$1.classnames('bcm-text__paragraph', `bcm-text__font-size-${fontSize}`, scale);
46
- const fontWeight = +weight || 400;
47
- const style = {
48
- color: colorHelper.ColorHelper.dsColor(color),
49
- fontWeight
50
- };
51
- return (index.h(index.Host, { class: hostClasses }, index.h("span", { hidden: true }, index.h("slot", null)), index.h("p", { class: classes, style: Object.assign({}, style) }, index.h(slotTemplate.SlotTemplate, { value: this.text }))));
52
- }
53
- get el() { return index.getElement(this); }
54
- };
55
- __decorate([
56
- isLoadDecorator.IsLoad()
57
- ], BcmText.prototype, "el", void 0);
58
- BcmText.style = textCss;
59
-
60
- exports.bcm_text = BcmText;
@@ -1,40 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- 'use strict';
6
-
7
- const index = require('./index-9d98aa56.js');
8
- const generate = require('./generate-73db206b.js');
9
-
10
- function JsonParse(attribute, isMethod = false) {
11
- return (proto, propName) => {
12
- const { connectedCallback, componentWillRender } = proto;
13
- proto.connectedCallback = function () {
14
- const host = index.getElement(this);
15
- if (host[propName]) {
16
- const value = generate.snq(() => host.hasAttribute(attribute) ? host.getAttribute(attribute).valueOf() : host[attribute].valueOf(), null);
17
- if (value) {
18
- this[propName] = generate.snq(() => typeof value === 'string' ? JSON.parse(value) : value, []);
19
- host.removeAttribute(attribute);
20
- }
21
- }
22
- return connectedCallback && connectedCallback.call(this);
23
- };
24
- proto.componentWillRender = async function () {
25
- if (isMethod) {
26
- const host = index.getElement(this);
27
- if (isMethod) {
28
- const value = generate.snq(() => host.hasAttribute(attribute) ? host.getAttribute(attribute).valueOf() : host[attribute].valueOf(), null);
29
- if (value && value.length > 0 && typeof value === 'string') {
30
- this[attribute] = generate.snq(() => JSON.parse(value), []);
31
- }
32
- host.removeAttribute(attribute);
33
- }
34
- return componentWillRender && componentWillRender.call(this);
35
- }
36
- };
37
- };
38
- }
39
-
40
- exports.JsonParse = JsonParse;
@@ -1,33 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- 'use strict';
6
-
7
- const index = require('./index-9d98aa56.js');
8
-
9
- function AttrReflect(attribute) {
10
- return (proto, propName) => {
11
- const { connectedCallback, componentWillRender } = proto;
12
- proto.connectedCallback = function () {
13
- const host = index.getElement(this);
14
- if (!(host[attribute] || this[propName]))
15
- return;
16
- this[propName] = host[attribute] || this[propName];
17
- host.setAttribute(propName, host[attribute] || this[propName]);
18
- host.removeAttribute(attribute);
19
- return connectedCallback && connectedCallback.call(this);
20
- };
21
- proto.componentWillRender = function () {
22
- const host = index.getElement(this);
23
- if (!(host[attribute] || this[propName]))
24
- return;
25
- this[propName] = host[attribute] || this[propName];
26
- host.setAttribute(propName, host[attribute] || this[propName]);
27
- host.removeAttribute(attribute);
28
- return componentWillRender && componentWillRender.call(this);
29
- };
30
- };
31
- }
32
-
33
- exports.AttrReflect = AttrReflect;
File without changes
@@ -1,31 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import { getElement } from '@stencil/core/internal/client';
6
-
7
- function AttrReflect(attribute) {
8
- return (proto, propName) => {
9
- const { connectedCallback, componentWillRender } = proto;
10
- proto.connectedCallback = function () {
11
- const host = getElement(this);
12
- if (!(host[attribute] || this[propName]))
13
- return;
14
- this[propName] = host[attribute] || this[propName];
15
- host.setAttribute(propName, host[attribute] || this[propName]);
16
- host.removeAttribute(attribute);
17
- return connectedCallback && connectedCallback.call(this);
18
- };
19
- proto.componentWillRender = function () {
20
- const host = getElement(this);
21
- if (!(host[attribute] || this[propName]))
22
- return;
23
- this[propName] = host[attribute] || this[propName];
24
- host.setAttribute(propName, host[attribute] || this[propName]);
25
- host.removeAttribute(attribute);
26
- return componentWillRender && componentWillRender.call(this);
27
- };
28
- };
29
- }
30
-
31
- export { AttrReflect as A };
@@ -1,151 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import { r as registerInstance, h, H as Host, g as getElement } from './index-2a3eeccc.js';
6
- import { I as IsLoad } from './is-load-decorator-b990575a.js';
7
- import { C as ColorHelper } from './color-helper-7e202fd8.js';
8
- import './datetime-helper-df25808a.js';
9
- import { G as Generate } from './generate-a7f3d168.js';
10
- import { N as NumberHelper } from './number-helper-f3b67bd2.js';
11
- import './string-helper-74a1648f.js';
12
- import './validators-0f31a959.js';
13
- import './element-dragger-89bb52fd.js';
14
- import { a as Bcm } from './bcm-b8d8a236.js';
15
- import { c as classnames } from './index-ba2edd32.js';
16
- import { S as SlotTemplate } from './slot-template-877c4e01.js';
17
- import './colors-1d7854ea.js';
18
- import './utils-57652744.js';
19
- import './_commonjsHelpers-3016b722.js';
20
-
21
- const avatarCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-avatar{--bcm-avatar-color:var(--bcm-new-ds-color-slate-600);--bcm-avatar-background-color:var(--bcm-new-ds-color-slate-100);--prefix-height:40px;--prefix-font-size:font-size(2);font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;background-color:var(--bcm-avatar-background-color);color:var(--bcm-avatar-color);text-transform:uppercase}.bcm-avatar.hidden{display:none}.bcm-avatar img{width:100%;height:100%}.bcm-avatar__shape-ellipse,.bcm-avatar__shape-ellipse>img{border-radius:100px}.bcm-avatar__shape-square,.bcm-avatar__shape-square>img{border-radius:4px}.bcm-avatar__shape-ellipse .bcm-badge{top:0px;right:0px}.bcm-avatar__shape-square .bcm-badge{top:-2px;right:-2px}.bcm-avatar__size-small{font-size:10px;line-height:calc(10px + 8px);height:24px;width:24px}.bcm-avatar__size-medium{font-size:12px;line-height:calc(12px + 8px);height:32px;width:32px}.bcm-avatar__size-large{font-size:14px;line-height:calc(14px + 8px);height:40px;width:40px}.bcm-avatar__size-custom{font-size:var(--bcm-avatar-font-size);line-height:calc(var(--bcm-avatar-font-size) + 8px);height:var(--bcm-avatar-height);width:var(--bcm-avatar-height)}.bcm-avatar__status{position:relative}.bcm-avatar__status .bcm-badge{position:absolute}";
22
-
23
- var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
24
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
25
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
26
- r = Reflect.decorate(decorators, target, key, desc);
27
- else
28
- for (var i = decorators.length - 1; i >= 0; i--)
29
- if (d = decorators[i])
30
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
31
- return c > 3 && r && Object.defineProperty(target, key, r), r;
32
- };
33
- const BcmAvatar = class {
34
- constructor(hostRef) {
35
- registerInstance(this, hostRef);
36
- this._id = Generate.UID();
37
- this.hidden = false;
38
- this.shape = Bcm.Shape.ellipse;
39
- this.size = Bcm.Size.medium;
40
- this.isFallback = false;
41
- }
42
- componentWillLoad() {
43
- this.name = this.name && this.name.trim() || '';
44
- }
45
- handleError() {
46
- this.isFallback = true;
47
- }
48
- getCustomSizes(customSize) {
49
- return Math.round(parseInt(customSize) / 3);
50
- }
51
- getFirstLetters(name) {
52
- const splitted = name.split(' ');
53
- if (splitted.length === 1)
54
- return splitted[0].substring(0, 2);
55
- return splitted[0].charAt(0) + splitted[splitted.length - 1].charAt(0);
56
- }
57
- setStyleVariables() {
58
- const { size } = this;
59
- let { color } = this;
60
- !color && (color = 'slate');
61
- let height = NumberHelper.toNumber(size);
62
- let fontSize = Math.round(parseInt(height) / 3);
63
- const prefix = `--bcm-avatar`;
64
- return {
65
- [`${prefix}-color`]: ColorHelper.dsColor(`${color}-600`),
66
- [`${prefix}-background-color`]: ColorHelper.dsColor(`${color}-100`),
67
- [`${prefix}-height`]: `${height}px`,
68
- [`${prefix}-font-size`]: `${fontSize}px`
69
- };
70
- }
71
- render() {
72
- const { image, name, alt, hidden, shape, size, status } = this;
73
- const isCustom = !Object.keys(Bcm.BaseSize).includes(size);
74
- const hostClasses = classnames('bcm-avatar', `bcm-avatar__shape-${shape}`, `bcm-avatar__size-${isCustom ? 'custom' : size}`, {
75
- 'hidden': hidden,
76
- 'bcm-avatar__status': !!status
77
- });
78
- const GetIcon = () => h("bcm-icon", { icon: "fas fa-user" });
79
- return (h(Host, { class: hostClasses, style: this.setStyleVariables() }, h("span", { hidden: true }, h("slot", null)), this.isFallback ? (this.name ? this.getFirstLetters(this.name) : GetIcon())
80
- : image
81
- ? h("img", { onError: () => this.handleError(), src: image, alt: alt })
82
- : name ? this.getFirstLetters(name)
83
- : GetIcon(), status && h("bcm-badge", { status: status })));
84
- }
85
- get el() { return getElement(this); }
86
- };
87
- __decorate$1([
88
- IsLoad()
89
- ], BcmAvatar.prototype, "el", void 0);
90
- BcmAvatar.style = avatarCss;
91
-
92
- const badgeCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-badge{--bcm-badge-color:var(--bcm-new-ds-color-white);--bcm-badge-background-color:var(--bcm-new-ds-color-slate-400);--bcm-badge-spacing:4px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:4px}.bcm-badge.hidden{display:none}.bcm-badge span:empty{display:none}.bcm-badge__dot{color:var(--bcm-badge-color);background-color:var(--bcm-badge-background-color);display:inline-block;border-radius:100px;position:relative}.bcm-badge__dot-text{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:0 var(--bcm-badge-spacing);z-index:2;color:var(--bcm-badge-color)}.bcm-badge__dot-size-small{font-size:10px;line-height:calc(10px + 8px);min-width:6px;min-height:6px}.bcm-badge__dot-size-small .bcm-badge__dot-text{min-width:calc(10px + 8px)}.bcm-badge__dot-size-medium{font-size:12px;line-height:calc(12px + 8px);min-width:8px;min-height:8px}.bcm-badge__dot-size-medium .bcm-badge__dot-text{min-width:calc(12px + 8px)}.bcm-badge__dot-size-large{font-size:14px;line-height:calc(14px + 8px);min-width:10px;min-height:10px}.bcm-badge__dot-size-large .bcm-badge__dot-text{min-width:calc(14px + 8px)}.bcm-badge__dot-blink{position:relative;z-index:1}.bcm-badge__dot-blink:after{content:\"\";position:absolute;z-index:-1;top:0;left:0;background:var(--bcm-badge-background-color);border-radius:100px;opacity:0.7;box-shadow:0 0 0 0 rgba(0, 0, 0, 0);transform:scale(1);width:100%;height:100%}.bcm-badge__dot:after{background-color:var(--bcm-badge-background-color);animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--bcm-badge-background-color)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}";
93
-
94
- var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
95
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
96
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
97
- r = Reflect.decorate(decorators, target, key, desc);
98
- else
99
- for (var i = decorators.length - 1; i >= 0; i--)
100
- if (d = decorators[i])
101
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
102
- return c > 3 && r && Object.defineProperty(target, key, r), r;
103
- };
104
- const BcmBadge = class {
105
- constructor(hostRef) {
106
- registerInstance(this, hostRef);
107
- this._id = Generate.UID();
108
- this.hidden = false;
109
- this.blink = false;
110
- this.size = Bcm.Size.medium;
111
- }
112
- setStyleVariables() {
113
- const { status, value } = this;
114
- let { color } = this;
115
- const statusColors = {
116
- 'info': 'blue',
117
- 'error': 'red',
118
- 'warning': 'amber',
119
- 'success': 'emerald',
120
- 'default': 'slate'
121
- };
122
- !!status && (color = statusColors[status]);
123
- !color && (color = 'slate');
124
- const prefix = `--bcm-badge`;
125
- const spacing = !!value && value.length > 1 ? '8' : '4';
126
- return {
127
- [`${prefix}-color`]: ColorHelper.reverseColor(ColorHelper.dsColor(`${color}`)),
128
- [`${prefix}-background-color`]: ColorHelper.dsColor(`${color}`),
129
- [`${prefix}-spacing`]: `${spacing}px`
130
- };
131
- }
132
- render() {
133
- let { blink, value, size, _slot, hidden } = this;
134
- const dotClass = classnames('bcm-badge__dot', 'bcm-badge__dot-size-' + size,
135
- // 'size-2',
136
- {
137
- 'bcm-badge__dot-blink': blink
138
- });
139
- const hostClasses = classnames('bcm-badge', {
140
- hidden
141
- });
142
- return (h(Host, { class: hostClasses, style: this.setStyleVariables() }, h("span", { hidden: true }, h("slot", null)), h("div", { class: dotClass }, !!value && h("span", { class: "bcm-badge__dot-text" }, value)), h(SlotTemplate, { value: _slot })));
143
- }
144
- get el() { return getElement(this); }
145
- };
146
- __decorate([
147
- IsLoad()
148
- ], BcmBadge.prototype, "el", void 0);
149
- BcmBadge.style = badgeCss;
150
-
151
- export { BcmAvatar as bcm_avatar, BcmBadge as bcm_badge };