bromcom-ui 2.8.0-rc.0 → 2.8.0-rc.10-t

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 (466) 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-038d839f.entry.js +5 -0
  4. package/dist/bromcom-ui/{p-4a51c718.entry.js → p-04d4c6e7.entry.js} +1 -1
  5. package/dist/bromcom-ui/{p-23cb7133.js → p-04ed9228.js} +1 -1
  6. package/dist/bromcom-ui/p-088283c1.entry.js +5 -0
  7. package/dist/bromcom-ui/p-09f96e34.entry.js +5 -0
  8. package/dist/bromcom-ui/{p-f16ce14a.entry.js → p-0a16fcfa.entry.js} +1 -1
  9. package/dist/bromcom-ui/{p-0b77585e.entry.js → p-0b663779.entry.js} +1 -1
  10. package/dist/bromcom-ui/{p-e0ec1a36.js → p-0c65fb37.js} +1 -1
  11. package/dist/bromcom-ui/{p-e02491ce.entry.js → p-14a0a646.entry.js} +1 -1
  12. package/dist/bromcom-ui/p-1c4ecf16.entry.js +5 -0
  13. package/dist/bromcom-ui/p-1c649e2f.entry.js +5 -0
  14. package/dist/bromcom-ui/{p-61709094.entry.js → p-221448f8.entry.js} +1 -1
  15. package/dist/bromcom-ui/p-22d8f233.entry.js +5 -0
  16. package/dist/bromcom-ui/p-24aefda6.js +5 -0
  17. package/dist/bromcom-ui/p-253379fe.entry.js +5 -0
  18. package/dist/bromcom-ui/p-298914dd.entry.js +10 -0
  19. package/dist/bromcom-ui/{p-dc306bd8.entry.js → p-31226526.entry.js} +1 -1
  20. package/dist/bromcom-ui/{p-a173ed35.entry.js → p-39eda493.entry.js} +1 -1
  21. package/dist/bromcom-ui/p-3cb96416.entry.js +5 -0
  22. package/dist/bromcom-ui/p-401a844f.entry.js +5 -0
  23. package/dist/bromcom-ui/p-45331c04.entry.js +5 -0
  24. package/dist/bromcom-ui/p-49ae73e6.entry.js +5 -0
  25. package/dist/bromcom-ui/p-4aa0e6b1.js +5 -0
  26. package/dist/bromcom-ui/p-4ec63b67.entry.js +5 -0
  27. package/dist/bromcom-ui/p-4ee12aa6.entry.js +5 -0
  28. package/dist/bromcom-ui/{p-dfe8e354.entry.js → p-4fcf03c1.entry.js} +1 -1
  29. package/dist/bromcom-ui/{p-9a1dc17c.entry.js → p-533cb826.entry.js} +1 -1
  30. package/dist/bromcom-ui/{p-369d6e4f.entry.js → p-58651d85.entry.js} +1 -1
  31. package/dist/bromcom-ui/p-5a16f526.entry.js +5 -0
  32. package/dist/bromcom-ui/p-5c059eba.entry.js +5 -0
  33. package/dist/bromcom-ui/p-5df6d04b.entry.js +5 -0
  34. package/dist/bromcom-ui/p-63333219.entry.js +5 -0
  35. package/dist/bromcom-ui/p-65070ed4.entry.js +5 -0
  36. package/dist/bromcom-ui/p-661e832b.entry.js +5 -0
  37. package/dist/bromcom-ui/p-6a666eb5.entry.js +5 -0
  38. package/dist/bromcom-ui/{p-14938158.entry.js → p-6b7a9d96.entry.js} +1 -1
  39. package/dist/bromcom-ui/p-6cc73d59.entry.js +5 -0
  40. package/dist/bromcom-ui/p-6f899fab.entry.js +5 -0
  41. package/dist/bromcom-ui/{p-8fdcb5e7.js → p-789ab63f.js} +1 -1
  42. package/dist/bromcom-ui/p-79fd816c.js +5 -0
  43. package/dist/bromcom-ui/p-7b25e0f4.entry.js +5 -0
  44. package/dist/bromcom-ui/p-7eb339fc.entry.js +5 -0
  45. package/dist/bromcom-ui/p-843905c8.js +5 -0
  46. package/dist/bromcom-ui/p-85c7715d.entry.js +5 -0
  47. package/dist/bromcom-ui/{p-2cdc4578.entry.js → p-88ace511.entry.js} +1 -1
  48. package/dist/bromcom-ui/{p-16b50160.js → p-8d0ca8c2.js} +1 -1
  49. package/dist/bromcom-ui/p-8d1326db.entry.js +5 -0
  50. package/dist/bromcom-ui/p-8d5b728c.entry.js +5 -0
  51. package/dist/bromcom-ui/{p-6a473342.js → p-8da1942f.js} +1 -1
  52. package/dist/bromcom-ui/{p-5d014153.entry.js → p-8e2540d8.entry.js} +1 -1
  53. package/dist/bromcom-ui/{p-2a2466d0.js → p-8e560b1f.js} +1 -1
  54. package/dist/bromcom-ui/p-8fd8d750.entry.js +5 -0
  55. package/dist/bromcom-ui/p-9080f0e4.entry.js +5 -0
  56. package/dist/bromcom-ui/{p-0f685aa9.entry.js → p-976f682f.entry.js} +1 -1
  57. package/dist/bromcom-ui/{p-f089027d.entry.js → p-97933e31.entry.js} +1 -1
  58. package/dist/bromcom-ui/p-9c611ee5.entry.js +5 -0
  59. package/dist/bromcom-ui/p-9ddab953.entry.js +5 -0
  60. package/dist/bromcom-ui/p-9ecf7bb1.entry.js +5 -0
  61. package/dist/bromcom-ui/p-a32bfefb.entry.js +5 -0
  62. package/dist/bromcom-ui/{p-74595a06.js → p-a60a2dd0.js} +1 -1
  63. package/dist/bromcom-ui/p-a61053cc.entry.js +5 -0
  64. package/dist/bromcom-ui/p-a7c1b32b.entry.js +5 -0
  65. package/dist/bromcom-ui/p-a9420886.entry.js +5 -0
  66. package/dist/bromcom-ui/p-ac8b1785.entry.js +5 -0
  67. package/dist/bromcom-ui/p-b532779c.js +5 -0
  68. package/dist/bromcom-ui/p-b60bcecf.js +5 -0
  69. package/dist/bromcom-ui/p-b890c8af.entry.js +5 -0
  70. package/dist/bromcom-ui/{p-3d4897d8.entry.js → p-bc840f30.entry.js} +1 -1
  71. package/dist/bromcom-ui/p-bd0bc814.entry.js +5 -0
  72. package/dist/bromcom-ui/p-bd47a899.entry.js +5 -0
  73. package/dist/bromcom-ui/p-c23b6240.js +5 -0
  74. package/dist/bromcom-ui/p-c72ff436.entry.js +5 -0
  75. package/dist/bromcom-ui/{p-8d1cd79f.entry.js → p-c85b8abc.entry.js} +1 -1
  76. package/dist/bromcom-ui/{p-5de651cc.entry.js → p-c85d5bb2.entry.js} +1 -1
  77. package/dist/bromcom-ui/p-c8e13fd7.js +5 -0
  78. package/dist/bromcom-ui/{p-e2b3cb98.entry.js → p-d644b6d9.entry.js} +1 -1
  79. package/dist/bromcom-ui/p-d65a1e21.js +11 -0
  80. package/dist/bromcom-ui/p-d660e8ef.js +5 -0
  81. package/dist/bromcom-ui/p-da04b90a.entry.js +5 -0
  82. package/dist/bromcom-ui/p-da1055cb.js +6 -0
  83. package/dist/bromcom-ui/p-db5a6f38.entry.js +5 -0
  84. package/dist/bromcom-ui/{p-45f6c93b.js → p-dbc4c30c.js} +1 -1
  85. package/dist/bromcom-ui/{p-dae1cc7b.entry.js → p-e19e9dc1.entry.js} +1 -1
  86. package/dist/bromcom-ui/p-e3290897.entry.js +5 -0
  87. package/dist/bromcom-ui/{p-3836eb77.entry.js → p-e8412b2c.entry.js} +1 -1
  88. package/dist/bromcom-ui/p-e963ae46.entry.js +5 -0
  89. package/dist/bromcom-ui/{p-9d3a9f5b.entry.js → p-eb1f9862.entry.js} +1 -1
  90. package/dist/bromcom-ui/p-ebe584b5.entry.js +5 -0
  91. package/dist/bromcom-ui/p-ec5f263d.entry.js +5 -0
  92. package/dist/bromcom-ui/p-ef779444.entry.js +5 -0
  93. package/dist/bromcom-ui/p-eff80213.entry.js +5 -0
  94. package/dist/bromcom-ui/p-effb6652.entry.js +5 -0
  95. package/dist/bromcom-ui/p-f0c860b7.entry.js +5 -0
  96. package/dist/bromcom-ui/{p-bdb012c3.entry.js → p-f529ded0.entry.js} +1 -1
  97. package/dist/bromcom-ui/{p-97df9122.entry.js → p-f8c20298.entry.js} +1 -1
  98. package/dist/bromcom-ui/p-fd47bac8.entry.js +5 -0
  99. package/dist/cjs/bcm-accordion.cjs.entry.js +5 -3
  100. package/dist/cjs/bcm-alert.cjs.entry.js +7 -6
  101. package/dist/cjs/bcm-attendance.cjs.entry.js +5 -3
  102. package/dist/cjs/bcm-autocomplete.cjs.entry.js +3 -3
  103. package/dist/cjs/bcm-avatar_2.cjs.entry.js +10 -9
  104. package/dist/cjs/bcm-box.cjs.entry.js +2 -2
  105. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +5 -4
  106. package/dist/cjs/bcm-button-group.cjs.entry.js +6 -5
  107. package/dist/cjs/bcm-button_7.cjs.entry.js +1570 -0
  108. package/dist/cjs/bcm-card.cjs.entry.js +8 -7
  109. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +5 -4
  110. package/dist/cjs/bcm-chip.cjs.entry.js +6 -5
  111. package/dist/cjs/bcm-collapse-group.cjs.entry.js +2 -2
  112. package/dist/cjs/bcm-collapse.cjs.entry.js +5 -4
  113. package/dist/cjs/bcm-color-input.cjs.entry.js +10 -14
  114. package/dist/cjs/bcm-colorful_2.cjs.entry.js +46 -14
  115. package/dist/cjs/bcm-colorpicker.cjs.entry.js +3 -3
  116. package/dist/cjs/bcm-date-picker.cjs.entry.js +5 -4
  117. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +9 -8
  118. package/dist/cjs/bcm-default.cjs.entry.js +5 -3
  119. package/dist/cjs/bcm-drawer.cjs.entry.js +9 -8
  120. package/dist/cjs/bcm-dropdown.cjs.entry.js +6 -5
  121. package/dist/cjs/bcm-error-layout.cjs.entry.js +3 -3
  122. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +7 -6
  123. package/dist/cjs/bcm-form-2.cjs.entry.js +5 -4
  124. package/dist/cjs/bcm-form-group.cjs.entry.js +2 -2
  125. package/dist/cjs/bcm-input-custom.cjs.entry.js +5 -4
  126. package/dist/cjs/bcm-input.cjs.entry.js +12 -10
  127. package/dist/cjs/bcm-item.cjs.entry.js +6 -5
  128. package/dist/cjs/bcm-items.cjs.entry.js +6 -5
  129. package/dist/cjs/bcm-link.cjs.entry.js +3 -3
  130. package/dist/cjs/bcm-list.cjs.entry.js +19 -18
  131. package/dist/cjs/bcm-menu.cjs.entry.js +11 -10
  132. package/dist/cjs/bcm-message.cjs.entry.js +3 -3
  133. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +50 -0
  134. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +49 -0
  135. package/dist/cjs/bcm-modal-2.cjs.entry.js +172 -0
  136. package/dist/cjs/bcm-modal.cjs.entry.js +7 -6
  137. package/dist/cjs/bcm-notification.cjs.entry.js +3 -3
  138. package/dist/cjs/bcm-old-input.cjs.entry.js +4 -4
  139. package/dist/cjs/bcm-old-tag_2.cjs.entry.js +3 -3
  140. package/dist/cjs/bcm-overlay_2.cjs.entry.js +48 -0
  141. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +8 -7
  142. package/dist/cjs/bcm-popconfirm.cjs.entry.js +5 -4
  143. package/dist/cjs/bcm-popover.cjs.entry.js +10 -9
  144. package/dist/cjs/bcm-progress.cjs.entry.js +6 -5
  145. package/dist/cjs/bcm-radio-group.cjs.entry.js +93 -210
  146. package/dist/cjs/bcm-radio.cjs.entry.js +37 -78
  147. package/dist/cjs/bcm-range.cjs.entry.js +5 -4
  148. package/dist/cjs/bcm-result.cjs.entry.js +3 -3
  149. package/dist/cjs/bcm-search.cjs.entry.js +9 -8
  150. package/dist/cjs/bcm-select-group.cjs.entry.js +2 -2
  151. package/dist/cjs/bcm-select-option.cjs.entry.js +2 -2
  152. package/dist/cjs/bcm-select.cjs.entry.js +4 -4
  153. package/dist/cjs/bcm-skeleton.cjs.entry.js +5 -3
  154. package/dist/cjs/bcm-step.cjs.entry.js +7 -6
  155. package/dist/cjs/bcm-stepper.cjs.entry.js +34 -43
  156. package/dist/cjs/bcm-switch.cjs.entry.js +6 -5
  157. package/dist/cjs/bcm-tab-group.cjs.entry.js +87 -30
  158. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +9 -8
  159. package/dist/cjs/bcm-tab-item.cjs.entry.js +8 -7
  160. package/dist/cjs/bcm-tab-pane.cjs.entry.js +3 -3
  161. package/dist/cjs/bcm-tab.cjs.entry.js +3 -3
  162. package/dist/cjs/bcm-table.cjs.entry.js +2 -2
  163. package/dist/cjs/bcm-tabs-content.cjs.entry.js +3 -3
  164. package/dist/cjs/bcm-tabs.cjs.entry.js +3 -3
  165. package/dist/cjs/bcm-tag.cjs.entry.js +7 -6
  166. package/dist/cjs/bcm-text.cjs.entry.js +7 -6
  167. package/dist/cjs/bcm-textarea.cjs.entry.js +9 -7
  168. package/dist/cjs/bcm-time-picker.cjs.entry.js +5 -4
  169. package/dist/cjs/bcm-timeline-item.cjs.entry.js +3 -3
  170. package/dist/cjs/bcm-timeline.cjs.entry.js +3 -3
  171. package/dist/cjs/bcm-toast.cjs.entry.js +115 -0
  172. package/dist/cjs/bcm-treeview-group.cjs.entry.js +1 -1
  173. package/dist/cjs/bcm-typography.cjs.entry.js +35 -0
  174. package/dist/cjs/bromcom-ui.cjs.js +7 -3
  175. package/dist/cjs/{caption-template-de4a0064.js → caption-template-8d099fd6.js} +2 -2
  176. package/dist/cjs/color-helper-d6d2028b.js +86 -0
  177. package/dist/cjs/{color-helper-c9882bd8.js → colors-e1d142ad.js} +49 -104
  178. package/dist/cjs/{floating-ui-c23acc6c.js → floating-ui-74eb26d6.js} +592 -542
  179. package/dist/cjs/{generate-eef61d08.js → generate-c2f702e3.js} +14 -1
  180. package/dist/cjs/{index-56628fe5.js → index-4506fcd7.js} +1 -1
  181. package/dist/cjs/{index-7e2a5376.js → index-ddfd6d8f.js} +111 -2
  182. package/dist/cjs/{index-a2b50e51.js → index-fdbf5226.js} +11 -10
  183. package/dist/cjs/{input-template-517c3f53.js → input-template-b969af2c.js} +3 -3
  184. package/dist/cjs/{is-load-decorator-c38598ab.js → is-load-decorator-137dded1.js} +1 -3
  185. package/dist/cjs/{json-parse-decarator-c0d7e570.js → json-parse-decarator-d68e062e.js} +2 -2
  186. package/dist/cjs/{label-template-098a30a4.js → label-template-cc69bc21.js} +3 -3
  187. package/dist/cjs/loader.cjs.js +4 -3
  188. package/dist/cjs/{number-helper-652dc22d.js → number-helper-d2ece9d9.js} +1 -1
  189. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +9 -8
  190. package/dist/cjs/old-bcm-popover.cjs.entry.js +5 -4
  191. package/dist/cjs/{popover-placement-69d37a5f.js → popover-placement-3c8f3a72.js} +1 -1
  192. package/dist/cjs/{slot-template-7a07f865.js → slot-template-3e59d7d8.js} +2 -2
  193. package/dist/cjs/{stepper-states-d00a1313.js → stepper-states-f194e442.js} +3 -3
  194. package/dist/cjs/{string-helper-71b10c53.js → string-helper-45cffee0.js} +4 -4
  195. package/dist/cjs/{tooltip-helper-cd02e32b.js → tooltip-helper-231fc602.js} +7 -7
  196. package/dist/cjs/{validators-7eed007b.js → validators-8f5d2703.js} +1 -1
  197. package/dist/collection/collection-manifest.json +11 -6
  198. package/dist/collection/components/atoms/button/button.js +1 -1
  199. package/dist/collection/components/molecules/color-input/color-input.js +6 -18
  200. package/dist/collection/components/molecules/dropdown/dropdown.js +1 -1
  201. package/dist/collection/components/molecules/input/input.js +2 -1
  202. package/dist/collection/components/molecules/linked/linked.js +64 -8
  203. package/dist/collection/components/molecules/popover/popover.js +1 -1
  204. package/dist/collection/components/molecules/radio/{group.js → radio-group.js} +185 -247
  205. package/dist/collection/components/molecules/radio/radio.js +42 -132
  206. package/dist/collection/components/molecules/stepper/stepper.js +29 -42
  207. package/dist/collection/components/molecules/tab-group/tab-group.js +89 -24
  208. package/dist/collection/components/molecules/tab-group/tab-item.js +2 -2
  209. package/dist/collection/components/molecules/textarea/textarea.js +2 -1
  210. package/dist/collection/components/molecules/tooltip/tooltip.js +1 -1
  211. package/dist/collection/components/organism/states/bcm-list2.states.js +1 -1
  212. package/dist/collection/components/other/modal-2/modal-2-footer.js +54 -0
  213. package/dist/collection/components/other/modal-2/modal-2-header.js +53 -0
  214. package/dist/collection/components/other/modal-2/modal-2.js +450 -0
  215. package/dist/collection/components/other/overlay/overlay.js +101 -0
  216. package/dist/collection/components/other/scroll-area/scroll-area.js +77 -0
  217. package/dist/collection/decorators/is-load-decorator.js +0 -2
  218. package/dist/collection/helper/generate.js +12 -0
  219. package/dist/collection/helper/tooltip-helper.js +1 -1
  220. package/dist/collection/templates/tag-template.js +1 -1
  221. package/dist/components/bcm-color-input.js +3 -8
  222. package/dist/components/bcm-list.js +1 -1
  223. package/dist/components/bcm-modal-2-footer.d.ts +11 -0
  224. package/dist/components/bcm-modal-2-footer.js +60 -0
  225. package/dist/components/bcm-modal-2-header.d.ts +11 -0
  226. package/dist/components/bcm-modal-2-header.js +59 -0
  227. package/dist/components/bcm-modal-2.d.ts +11 -0
  228. package/dist/components/bcm-modal-2.js +207 -0
  229. package/dist/components/bcm-overlay.d.ts +11 -0
  230. package/dist/components/bcm-overlay.js +10 -0
  231. package/dist/components/bcm-popover.js +1 -1
  232. package/dist/components/bcm-radio-group.js +103 -228
  233. package/dist/components/bcm-scroll-area.d.ts +11 -0
  234. package/dist/components/bcm-scroll-area.js +10 -0
  235. package/dist/components/bcm-stepper.js +25 -35
  236. package/dist/components/bcm-tab-group.js +80 -24
  237. package/dist/components/bcm-tab-item.js +1 -1
  238. package/dist/components/bcm-textarea.js +2 -1
  239. package/dist/components/color-helper.js +8 -412
  240. package/dist/components/colors2.js +433 -0
  241. package/dist/components/floating-ui.js +592 -542
  242. package/dist/components/generate.js +13 -1
  243. package/dist/components/index.d.ts +18 -4
  244. package/dist/components/index.js +6 -1
  245. package/dist/components/index2.js +11 -10
  246. package/dist/components/input.js +2 -1
  247. package/dist/components/is-load-decorator.js +0 -2
  248. package/dist/components/linked.js +43 -10
  249. package/dist/components/overlay.js +47 -0
  250. package/dist/components/radio.js +38 -82
  251. package/dist/components/scroll-area.js +40 -0
  252. package/dist/components/string-helper.js +4 -4
  253. package/dist/components/tooltip-helper.js +1 -1
  254. package/dist/components/tooltip.js +1 -1
  255. package/dist/esm/bcm-accordion.entry.js +5 -3
  256. package/dist/esm/bcm-alert.entry.js +7 -6
  257. package/dist/esm/bcm-attendance.entry.js +5 -3
  258. package/dist/esm/bcm-autocomplete.entry.js +3 -3
  259. package/dist/esm/bcm-avatar_2.entry.js +10 -9
  260. package/dist/esm/bcm-box.entry.js +2 -2
  261. package/dist/esm/bcm-breadcrumb.entry.js +5 -4
  262. package/dist/esm/bcm-button-group.entry.js +6 -5
  263. package/dist/esm/bcm-button_7.entry.js +1560 -0
  264. package/dist/esm/bcm-card.entry.js +8 -7
  265. package/dist/esm/bcm-checkbox-lite_9.entry.js +5 -4
  266. package/dist/esm/bcm-chip.entry.js +6 -5
  267. package/dist/esm/bcm-collapse-group.entry.js +2 -2
  268. package/dist/esm/bcm-collapse.entry.js +5 -4
  269. package/dist/esm/bcm-color-input.entry.js +10 -14
  270. package/dist/esm/bcm-colorful_2.entry.js +46 -14
  271. package/dist/esm/bcm-colorpicker.entry.js +3 -3
  272. package/dist/esm/bcm-date-picker.entry.js +5 -4
  273. package/dist/esm/bcm-datetime-picker.entry.js +9 -8
  274. package/dist/esm/bcm-default.entry.js +5 -3
  275. package/dist/esm/bcm-drawer.entry.js +9 -8
  276. package/dist/esm/bcm-dropdown.entry.js +6 -5
  277. package/dist/esm/bcm-error-layout.entry.js +3 -3
  278. package/dist/esm/bcm-expansion-panel.entry.js +7 -6
  279. package/dist/esm/bcm-form-2.entry.js +5 -4
  280. package/dist/esm/bcm-form-group.entry.js +2 -2
  281. package/dist/esm/bcm-input-custom.entry.js +5 -4
  282. package/dist/esm/bcm-input.entry.js +12 -10
  283. package/dist/esm/bcm-item.entry.js +6 -5
  284. package/dist/esm/bcm-items.entry.js +6 -5
  285. package/dist/esm/bcm-link.entry.js +3 -3
  286. package/dist/esm/bcm-list.entry.js +19 -18
  287. package/dist/esm/bcm-menu.entry.js +11 -10
  288. package/dist/esm/bcm-message.entry.js +3 -3
  289. package/dist/esm/bcm-modal-2-footer.entry.js +46 -0
  290. package/dist/esm/bcm-modal-2-header.entry.js +45 -0
  291. package/dist/esm/bcm-modal-2.entry.js +168 -0
  292. package/dist/esm/bcm-modal.entry.js +7 -6
  293. package/dist/esm/bcm-notification.entry.js +3 -3
  294. package/dist/esm/bcm-old-input.entry.js +4 -4
  295. package/dist/esm/bcm-old-tag_2.entry.js +3 -3
  296. package/dist/esm/bcm-overlay_2.entry.js +43 -0
  297. package/dist/esm/bcm-popconfirm-box.entry.js +8 -7
  298. package/dist/esm/bcm-popconfirm.entry.js +5 -4
  299. package/dist/esm/bcm-popover.entry.js +10 -9
  300. package/dist/esm/bcm-progress.entry.js +6 -5
  301. package/dist/esm/bcm-radio-group.entry.js +90 -207
  302. package/dist/esm/bcm-radio.entry.js +37 -78
  303. package/dist/esm/bcm-range.entry.js +5 -4
  304. package/dist/esm/bcm-result.entry.js +3 -3
  305. package/dist/esm/bcm-search.entry.js +9 -8
  306. package/dist/esm/bcm-select-group.entry.js +2 -2
  307. package/dist/esm/bcm-select-option.entry.js +2 -2
  308. package/dist/esm/bcm-select.entry.js +4 -4
  309. package/dist/esm/bcm-skeleton.entry.js +5 -3
  310. package/dist/esm/bcm-step.entry.js +7 -6
  311. package/dist/esm/bcm-stepper.entry.js +35 -44
  312. package/dist/esm/bcm-switch.entry.js +6 -5
  313. package/dist/esm/bcm-tab-group.entry.js +87 -30
  314. package/dist/esm/bcm-tab-item-header.entry.js +9 -8
  315. package/dist/esm/bcm-tab-item.entry.js +8 -7
  316. package/dist/esm/bcm-tab-pane.entry.js +3 -3
  317. package/dist/esm/bcm-tab.entry.js +3 -3
  318. package/dist/esm/bcm-table.entry.js +2 -2
  319. package/dist/esm/bcm-tabs-content.entry.js +3 -3
  320. package/dist/esm/bcm-tabs.entry.js +3 -3
  321. package/dist/esm/bcm-tag.entry.js +7 -6
  322. package/dist/esm/bcm-text.entry.js +7 -6
  323. package/dist/esm/bcm-textarea.entry.js +9 -7
  324. package/dist/esm/bcm-time-picker.entry.js +5 -4
  325. package/dist/esm/bcm-timeline-item.entry.js +3 -3
  326. package/dist/esm/bcm-timeline.entry.js +3 -3
  327. package/dist/esm/bcm-toast.entry.js +111 -0
  328. package/dist/esm/bcm-treeview-group.entry.js +1 -1
  329. package/dist/esm/bcm-typography.entry.js +31 -0
  330. package/dist/esm/bromcom-ui.js +4 -3
  331. package/dist/esm/{caption-template-389f5bd6.js → caption-template-da16ba7b.js} +2 -2
  332. package/dist/esm/color-helper-e8ce23d7.js +84 -0
  333. package/dist/esm/{color-helper-7e202fd8.js → colors-44c95e7e.js} +49 -104
  334. package/dist/esm/{floating-ui-4a49ea46.js → floating-ui-e7341329.js} +592 -542
  335. package/dist/esm/{generate-5f6567d0.js → generate-21c7043c.js} +14 -1
  336. package/dist/esm/{index-6e2d80d7.js → index-39133086.js} +111 -3
  337. package/dist/esm/{index-8b349654.js → index-93e36fdb.js} +1 -1
  338. package/dist/esm/{index-ba2edd32.js → index-ed9652af.js} +11 -10
  339. package/dist/esm/{input-template-e03cafc5.js → input-template-141596b2.js} +3 -3
  340. package/dist/esm/{is-load-decorator-66e19e04.js → is-load-decorator-bc14ec4b.js} +1 -3
  341. package/dist/esm/{json-parse-decarator-d8836c67.js → json-parse-decarator-78f84e8b.js} +2 -2
  342. package/dist/esm/{label-template-eed2dd69.js → label-template-d74fe788.js} +3 -3
  343. package/dist/esm/loader.js +4 -3
  344. package/dist/esm/{number-helper-b8a2b813.js → number-helper-a47d3848.js} +1 -1
  345. package/dist/esm/old-bcm-popover-box.entry.js +9 -8
  346. package/dist/esm/old-bcm-popover.entry.js +5 -4
  347. package/dist/esm/polyfills/css-shim.js +1 -1
  348. package/dist/esm/{popover-placement-4baf5f2f.js → popover-placement-78f86f15.js} +1 -1
  349. package/dist/esm/{slot-template-64b41ee5.js → slot-template-5b2db362.js} +2 -2
  350. package/dist/esm/{stepper-states-16e0b400.js → stepper-states-96b18623.js} +3 -3
  351. package/dist/esm/{string-helper-0fb7ff20.js → string-helper-6bd24967.js} +4 -4
  352. package/dist/esm/{tooltip-helper-87acf426.js → tooltip-helper-df2fb1c8.js} +7 -7
  353. package/dist/esm/{validators-07033707.js → validators-cff5686e.js} +1 -1
  354. package/dist/types/components/molecules/input/input.d.ts +1 -1
  355. package/dist/types/components/molecules/linked/linked.d.ts +9 -2
  356. package/dist/types/components/molecules/popover/popover.d.ts +1 -1
  357. package/dist/types/components/molecules/radio/{group.d.ts → radio-group.d.ts} +22 -27
  358. package/dist/types/components/molecules/radio/radio.d.ts +5 -11
  359. package/dist/types/components/molecules/stepper/stepper.d.ts +2 -2
  360. package/dist/types/components/molecules/tab-group/tab-group.d.ts +7 -1
  361. package/dist/types/components/molecules/textarea/textarea.d.ts +1 -1
  362. package/dist/types/components/molecules/tooltip/tooltip.d.ts +1 -1
  363. package/dist/types/components/other/modal-2/modal-2-footer.d.ts +7 -0
  364. package/dist/types/components/other/modal-2/modal-2-header.d.ts +7 -0
  365. package/dist/types/components/other/modal-2/modal-2.d.ts +33 -0
  366. package/dist/types/components/other/overlay/overlay.d.ts +8 -0
  367. package/dist/types/components/other/scroll-area/scroll-area.d.ts +7 -0
  368. package/dist/types/components.d.ts +133 -34
  369. package/dist/types/helper/generate.d.ts +1 -0
  370. package/dist/types/stencil-public-runtime.d.ts +59 -3
  371. package/helper/index.js +1 -1
  372. package/helper/toast.js +1 -1
  373. package/loader/index.d.ts +9 -0
  374. package/package.json +11 -11
  375. package/dist/bromcom-ui/p-0191554f.entry.js +0 -5
  376. package/dist/bromcom-ui/p-040f1cc5.entry.js +0 -5
  377. package/dist/bromcom-ui/p-05a32a81.entry.js +0 -5
  378. package/dist/bromcom-ui/p-13f0d66c.entry.js +0 -5
  379. package/dist/bromcom-ui/p-1d77cf0f.entry.js +0 -5
  380. package/dist/bromcom-ui/p-21bf2bb5.js +0 -5
  381. package/dist/bromcom-ui/p-22e08221.entry.js +0 -5
  382. package/dist/bromcom-ui/p-2552592a.entry.js +0 -5
  383. package/dist/bromcom-ui/p-2b774123.entry.js +0 -5
  384. package/dist/bromcom-ui/p-2cac45d6.entry.js +0 -5
  385. package/dist/bromcom-ui/p-2f0e0ecf.entry.js +0 -5
  386. package/dist/bromcom-ui/p-4487e8c2.js +0 -5
  387. package/dist/bromcom-ui/p-4789cc74.entry.js +0 -5
  388. package/dist/bromcom-ui/p-48e9166c.js +0 -5
  389. package/dist/bromcom-ui/p-4a123037.entry.js +0 -5
  390. package/dist/bromcom-ui/p-4d556100.entry.js +0 -5
  391. package/dist/bromcom-ui/p-4fa21c01.entry.js +0 -5
  392. package/dist/bromcom-ui/p-53beb481.entry.js +0 -5
  393. package/dist/bromcom-ui/p-56898932.js +0 -5
  394. package/dist/bromcom-ui/p-583d6b09.entry.js +0 -5
  395. package/dist/bromcom-ui/p-5a5cc30f.entry.js +0 -5
  396. package/dist/bromcom-ui/p-5c2bf950.entry.js +0 -5
  397. package/dist/bromcom-ui/p-5fa48e18.entry.js +0 -5
  398. package/dist/bromcom-ui/p-61865ff2.entry.js +0 -5
  399. package/dist/bromcom-ui/p-695f6b01.entry.js +0 -5
  400. package/dist/bromcom-ui/p-7224e112.entry.js +0 -5
  401. package/dist/bromcom-ui/p-74e46eeb.entry.js +0 -5
  402. package/dist/bromcom-ui/p-7c9025cb.js +0 -5
  403. package/dist/bromcom-ui/p-7d9a38b0.entry.js +0 -5
  404. package/dist/bromcom-ui/p-7f1a79c5.entry.js +0 -5
  405. package/dist/bromcom-ui/p-816c4dc7.entry.js +0 -5
  406. package/dist/bromcom-ui/p-86356b26.entry.js +0 -5
  407. package/dist/bromcom-ui/p-870c903a.entry.js +0 -5
  408. package/dist/bromcom-ui/p-88f7d869.js +0 -6
  409. package/dist/bromcom-ui/p-8b60d1db.entry.js +0 -5
  410. package/dist/bromcom-ui/p-8dbe72a1.entry.js +0 -5
  411. package/dist/bromcom-ui/p-91b1efad.entry.js +0 -5
  412. package/dist/bromcom-ui/p-994e484e.entry.js +0 -5
  413. package/dist/bromcom-ui/p-9bef5a59.js +0 -5
  414. package/dist/bromcom-ui/p-a3ffcb0d.js +0 -5
  415. package/dist/bromcom-ui/p-a427f0ee.entry.js +0 -5
  416. package/dist/bromcom-ui/p-a9ab4073.entry.js +0 -5
  417. package/dist/bromcom-ui/p-b1d6b529.entry.js +0 -5
  418. package/dist/bromcom-ui/p-b39f6cb3.entry.js +0 -5
  419. package/dist/bromcom-ui/p-b69abb6f.entry.js +0 -5
  420. package/dist/bromcom-ui/p-b8ffc86f.entry.js +0 -5
  421. package/dist/bromcom-ui/p-bb95aa62.entry.js +0 -5
  422. package/dist/bromcom-ui/p-bc332b5d.entry.js +0 -5
  423. package/dist/bromcom-ui/p-bc97d311.entry.js +0 -5
  424. package/dist/bromcom-ui/p-c0ac6d54.entry.js +0 -5
  425. package/dist/bromcom-ui/p-c68f44be.entry.js +0 -5
  426. package/dist/bromcom-ui/p-cf04e7a3.entry.js +0 -5
  427. package/dist/bromcom-ui/p-d4ff4de0.entry.js +0 -5
  428. package/dist/bromcom-ui/p-d5b08a77.js +0 -11
  429. package/dist/bromcom-ui/p-d777677c.entry.js +0 -10
  430. package/dist/bromcom-ui/p-da540844.entry.js +0 -5
  431. package/dist/bromcom-ui/p-de954bc9.js +0 -5
  432. package/dist/bromcom-ui/p-e2e7d808.entry.js +0 -5
  433. package/dist/bromcom-ui/p-ec7f4a12.entry.js +0 -5
  434. package/dist/bromcom-ui/p-f21a7fc0.entry.js +0 -5
  435. package/dist/bromcom-ui/p-fe996e86.entry.js +0 -5
  436. package/dist/bromcom-ui/p-fea33175.entry.js +0 -5
  437. package/dist/cjs/bcm-button_2.cjs.entry.js +0 -481
  438. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +0 -415
  439. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +0 -205
  440. package/dist/cjs/bcm-form.cjs.entry.js +0 -487
  441. package/dist/cjs/bcm-icon.cjs.entry.js +0 -41
  442. package/dist/cjs/bcm-label_2.cjs.entry.js +0 -148
  443. package/dist/collection/components/molecules/color-input/color-input.css +0 -127
  444. package/dist/collection/components/molecules/radio/group.css +0 -802
  445. package/dist/collection/components/molecules/radio/radio.css +0 -1287
  446. package/dist/collection/components/molecules/radio/types.js +0 -30
  447. package/dist/collection/components/molecules/states/radio-group.states.js +0 -107
  448. package/dist/esm/bcm-button_2.entry.js +0 -476
  449. package/dist/esm/bcm-checkbox-group.entry.js +0 -411
  450. package/dist/esm/bcm-checkbox_2.entry.js +0 -200
  451. package/dist/esm/bcm-form.entry.js +0 -483
  452. package/dist/esm/bcm-icon.entry.js +0 -37
  453. package/dist/esm/bcm-label_2.entry.js +0 -143
  454. package/dist/types/components/molecules/radio/types.d.ts +0 -29
  455. package/dist/types/components/molecules/states/radio-group.states.d.ts +0 -48
  456. /package/dist/bromcom-ui/{p-5fd7a8b6.js → p-2e73d572.js} +0 -0
  457. /package/dist/cjs/{types-6eb7e028.js → types-7523fd99.js} +0 -0
  458. /package/dist/collection/components/{atoms → other}/box/box.js +0 -0
  459. /package/dist/collection/components/{atoms → other}/typography/typography.js +0 -0
  460. /package/dist/collection/components/{atoms → other_deprecated}/tag/tag.js +0 -0
  461. /package/dist/collection/components/{atoms → other_deprecated}/tag/types.js +0 -0
  462. /package/dist/esm/{types-bfc3bba1.js → types-9493a7ed.js} +0 -0
  463. /package/dist/types/components/{atoms → other}/box/box.d.ts +0 -0
  464. /package/dist/types/components/{atoms → other}/typography/typography.d.ts +0 -0
  465. /package/dist/types/components/{atoms → other_deprecated}/tag/tag.d.ts +0 -0
  466. /package/dist/types/components/{atoms → other_deprecated}/tag/types.d.ts +0 -0
@@ -1,481 +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$1 = require('./index-7e2a5376.js');
10
- const generate = require('./generate-eef61d08.js');
11
- const bcm = require('./bcm-634604e3.js');
12
- const index$2 = require('./index-a2b50e51.js');
13
- const index = require('./index-56628fe5.js');
14
- const slotTemplate = require('./slot-template-7a07f865.js');
15
- const colorHelper = require('./color-helper-c9882bd8.js');
16
- const isLoadDecorator = require('./is-load-decorator-c38598ab.js');
17
- const stringHelper = require('./string-helper-71b10c53.js');
18
- const utils = require('./utils-fc077139.js');
19
- require('./_commonjsHelpers-bd20f4c0.js');
20
- require('./colors-56282b00.js');
21
-
22
- const variantOptions = {
23
- save: {
24
- text: 'Save',
25
- color: 'emerald',
26
- icon: 'far fa-save',
27
- iconPosition: 'prefix',
28
- },
29
- ok: {
30
- text: 'Ok',
31
- color: 'emerald',
32
- icon: 'far fa-check',
33
- iconPosition: 'prefix',
34
- },
35
- new: {
36
- text: 'New',
37
- color: 'emerald',
38
- icon: 'far fa-plus',
39
- iconPosition: 'prefix',
40
- },
41
- add: {
42
- text: 'Add',
43
- color: 'emerald',
44
- icon: 'far fa-plus',
45
- iconPosition: 'prefix',
46
- },
47
- create: {
48
- text: 'Create',
49
- color: 'emerald',
50
- icon: 'far fa-plus',
51
- iconPosition: 'prefix',
52
- },
53
- prev: {
54
- text: 'Prev',
55
- color: '',
56
- icon: 'far fa-arrow-left',
57
- iconPosition: 'prefix',
58
- },
59
- next: {
60
- text: 'Next',
61
- color: '',
62
- icon: 'far fa-arrow-right',
63
- iconPosition: 'suffix',
64
- },
65
- apply: {
66
- text: 'Apply',
67
- color: '',
68
- icon: 'far fa-check-circle',
69
- iconPosition: 'prefix',
70
- },
71
- submit: {
72
- text: 'Submit',
73
- color: '',
74
- icon: 'far fa-save',
75
- iconPosition: 'prefix',
76
- },
77
- send: {
78
- text: 'Send',
79
- color: 'emerald',
80
- icon: 'far fa-paper-plane',
81
- iconPosition: 'prefix',
82
- },
83
- delete: {
84
- text: 'Delete',
85
- color: 'red',
86
- icon: 'far fa-trash',
87
- iconPosition: 'prefix',
88
- },
89
- cancel: {
90
- text: 'Cancel',
91
- color: 'red',
92
- icon: 'far fa-times',
93
- iconPosition: 'prefix',
94
- },
95
- decline: {
96
- text: 'Decline',
97
- color: 'red',
98
- icon: 'far fa-ban',
99
- iconPosition: 'prefix',
100
- },
101
- close: {
102
- text: 'Close',
103
- color: 'red',
104
- icon: 'far fa-times-circle',
105
- iconPosition: 'prefix',
106
- },
107
- archive: {
108
- text: 'Archive',
109
- color: 'red',
110
- icon: 'far fa-folder-open',
111
- iconPosition: 'prefix',
112
- },
113
- remove: {
114
- text: 'Remove',
115
- color: 'red',
116
- icon: 'far fa-minus-circle',
117
- iconPosition: 'prefix',
118
- },
119
- edit: {
120
- text: 'Edit',
121
- color: '',
122
- icon: 'far fa-edit',
123
- iconPosition: 'prefix',
124
- },
125
- export: {
126
- text: 'Export',
127
- color: '',
128
- icon: 'far fa-sign-out',
129
- iconPosition: 'prefix',
130
- },
131
- import: {
132
- text: 'Import',
133
- color: '',
134
- icon: 'far fa-sign-in',
135
- iconPosition: 'prefix',
136
- },
137
- filter: {
138
- text: 'Filter',
139
- color: '',
140
- icon: 'far fa-filter',
141
- iconPosition: 'prefix',
142
- },
143
- update: {
144
- text: 'Update',
145
- color: '',
146
- icon: 'far fa-sync',
147
- iconPosition: 'prefix',
148
- },
149
- reset: {
150
- text: "Reset",
151
- color: "",
152
- icon: 'far fa-sync',
153
- iconPosition: "prefix",
154
- },
155
- download: {
156
- text: 'Download',
157
- color: '',
158
- icon: 'far fa-download',
159
- iconPosition: 'prefix',
160
- },
161
- };
162
- var VariantProps;
163
- (function (VariantProps) {
164
- VariantProps["save"] = "save";
165
- VariantProps["submit"] = "submit";
166
- VariantProps["ok"] = "ok";
167
- VariantProps["new"] = "new";
168
- VariantProps["add"] = "add";
169
- VariantProps["create"] = "create";
170
- VariantProps["apply"] = "apply";
171
- VariantProps["prev"] = "prev";
172
- VariantProps["next"] = "next";
173
- VariantProps["send"] = "send";
174
- VariantProps["delete"] = "delete";
175
- VariantProps["cancel"] = "cancel";
176
- VariantProps["decline"] = "decline";
177
- VariantProps["close"] = "close";
178
- VariantProps["archive"] = "archive";
179
- VariantProps["remove"] = "remove";
180
- VariantProps["edit"] = "edit";
181
- VariantProps["export"] = "export";
182
- VariantProps["import"] = "import";
183
- VariantProps["filter"] = "filter";
184
- VariantProps["update"] = "update";
185
- VariantProps["reset"] = "Reset";
186
- VariantProps["download"] = "download";
187
- })(VariantProps || (VariantProps = {}));
188
-
189
- const { state } = index.createStore({
190
- value: new Map(),
191
- setData: {},
192
- removeData: {}
193
- });
194
- const setValue = (val) => {
195
- const data = Object.assign(Object.assign({}, val), (variantOptions[val.variant] && {
196
- icon: variantOptions[val.variant].icon,
197
- value: variantOptions[val.variant].text,
198
- iconPosition: bcm.Bcm.IconPosition[variantOptions[val.variant].iconPosition],
199
- variantColor: variantOptions[val.variant].color
200
- }));
201
- state.value.set(data.id, data);
202
- };
203
- const removeValue = (_id) => {
204
- state.value.delete(_id);
205
- };
206
- const getValue = (id) => generate.snq(() => state.value.get(id), {});
207
- const buttonState = {
208
- setValue,
209
- removeValue,
210
- getValue
211
- };
212
-
213
- const ButtonTemplate = ({ value, type, componentClass, disabled, href, target, loading, isIconOnly, icon, iconPosition, id }) => {
214
- const ButtonTagType = (href) ? bcm.Bcm.HtmlElementType.a : bcm.Bcm.HtmlElementType.button;
215
- return (index$1.h(ButtonTagType, Object.assign({ id: id }, (type == bcm.Bcm.HtmlElementType.button && { type }), { class: componentClass, disabled: disabled, href: href, target: target, tabindex: "0" }),
216
- index$1.h("span", { hidden: true },
217
- index$1.h("slot", null)),
218
- loading && index$1.h("span", { class: "bcm-button__container-loading" },
219
- " ",
220
- index$1.h("span", { class: "bcm-button__container-icon" },
221
- index$1.h("i", { class: "far fa-spinner-third fa-spin" }),
222
- " ")),
223
- icon && index$1.h("span", { class: `${iconPosition} bcm-button__container-icon` },
224
- index$1.h("i", { class: `${icon}` })),
225
- !isIconOnly && (index$1.h(slotTemplate.SlotTemplate, { className: "bcm-button__container-text", value: value })),
226
- index$1.h("slot", { name: "suffix" })));
227
- };
228
-
229
- const buttonCss = "@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,::after,::before{--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-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:\"\";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}";
230
-
231
- var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
232
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
233
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
234
- r = Reflect.decorate(decorators, target, key, desc);
235
- else
236
- for (var i = decorators.length - 1; i >= 0; i--)
237
- if (d = decorators[i])
238
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
239
- return c > 3 && r && Object.defineProperty(target, key, r), r;
240
- };
241
- const BcmButton = class {
242
- constructor(hostRef) {
243
- index$1.registerInstance(this, hostRef);
244
- this.bcmClick = index$1.createEvent(this, "bcm-click", 7);
245
- this._id = generate.Generate.UID();
246
- this.hidden = false;
247
- this.type = bcm.Bcm.ButtonType.button;
248
- this.size = bcm.Bcm.Size.medium;
249
- this.disabled = false;
250
- this.kind = bcm.Bcm.Kind.solid;
251
- this.outline = false;
252
- this.icon = undefined;
253
- this.href = undefined;
254
- this.target = undefined;
255
- this.value = undefined;
256
- this.loading = false;
257
- this.variant = undefined;
258
- this.dataDismiss = false;
259
- this.fullWidth = false;
260
- this.iconPosition = bcm.Bcm.IconPosition.prefix;
261
- this.color = undefined;
262
- this.checked = false;
263
- }
264
- handleOnClick(e) {
265
- if (this.disabled) {
266
- e.preventDefault();
267
- e.stopPropagation();
268
- return false;
269
- }
270
- }
271
- componentWillRender() {
272
- const { size, kind, icon, iconPosition, disabled, outline, href, type, target, loading, variant, fullWidth, hidden, value } = this;
273
- buttonState.setValue({
274
- id: this._id,
275
- size,
276
- type,
277
- kind,
278
- icon,
279
- iconPosition,
280
- disabled,
281
- outline,
282
- href,
283
- target,
284
- loading,
285
- variant,
286
- fullWidth,
287
- hidden,
288
- value,
289
- isIconOnly: !!(this.isHaveChildNodes() && this.icon),
290
- });
291
- }
292
- getStateData() {
293
- return buttonState.getValue(this._id);
294
- }
295
- isHaveChildNodes() {
296
- const childNodes = Array.from(this.el.childNodes);
297
- return childNodes.find(node => node.nodeType === Node.TEXT_NODE) === undefined;
298
- }
299
- setColor(color = this.color) {
300
- if (!color)
301
- return;
302
- const { kind } = this;
303
- const prefix = `--bcm-button-${kind}`;
304
- if (kind === 'solid') {
305
- return {
306
- [`${prefix}-color-default`]: colorHelper.ColorHelper.dsColor('white'),
307
- [`${prefix}-color-hover`]: colorHelper.ColorHelper.dsColor('white'),
308
- [`${prefix}-color-focus-visible`]: colorHelper.ColorHelper.dsColor('white'),
309
- [`${prefix}-color-active`]: colorHelper.ColorHelper.dsColor('white'),
310
- [`${prefix}-color-disabled`]: colorHelper.ColorHelper.dsColor('white'),
311
- [`${prefix}-background-color-default`]: colorHelper.ColorHelper.dsColor(color + '-500'),
312
- [`${prefix}-background-color-hover`]: colorHelper.ColorHelper.dsColor(color + '-600'),
313
- [`${prefix}-background-color-focus-visible`]: colorHelper.ColorHelper.dsColor(color + '-700'),
314
- [`${prefix}-background-color-active`]: colorHelper.ColorHelper.dsColor(color + '-800'),
315
- [`${prefix}-background-color-disabled`]: colorHelper.ColorHelper.dsColor('slate-400'),
316
- [`${prefix}-border-default`]: colorHelper.ColorHelper.dsColor(color + '-500'),
317
- [`${prefix}-border-hover`]: colorHelper.ColorHelper.dsColor(color + '-600'),
318
- [`${prefix}-border-focus-visible`]: colorHelper.ColorHelper.dsColor(color + '-700'),
319
- [`${prefix}-border-active`]: colorHelper.ColorHelper.dsColor(color + '-800'),
320
- [`${prefix}-border-disabled`]: colorHelper.ColorHelper.dsColor('slate-400')
321
- };
322
- }
323
- else if (kind == 'link') {
324
- return {
325
- [`${prefix}-color-default`]: colorHelper.ColorHelper.dsColor(color + '-500'),
326
- [`${prefix}-color-hover`]: colorHelper.ColorHelper.dsColor(color + '-600'),
327
- [`${prefix}-color-focus-visible`]: colorHelper.ColorHelper.dsColor(color + '-800'),
328
- [`${prefix}-color-active`]: colorHelper.ColorHelper.dsColor(color + '-700'),
329
- [`${prefix}-color-disabled`]: colorHelper.ColorHelper.dsColor('slate-400'),
330
- [`${prefix}-background-color-default`]: colorHelper.ColorHelper.dsColor('transparent'),
331
- [`${prefix}-background-color-hover`]: colorHelper.ColorHelper.dsColor('transparent'),
332
- [`${prefix}-background-color-focus-visible`]: colorHelper.ColorHelper.dsColor('slate-50'),
333
- [`${prefix}-background-color-active`]: colorHelper.ColorHelper.dsColor('slate-50'),
334
- [`${prefix}-background-color-disabled`]: colorHelper.ColorHelper.dsColor('transparent'),
335
- [`${prefix}-border-default`]: colorHelper.ColorHelper.dsColor('transparent'),
336
- [`${prefix}-border-hover`]: colorHelper.ColorHelper.dsColor('transparent'),
337
- [`${prefix}-border-focus-visible`]: colorHelper.ColorHelper.dsColor('slate-50'),
338
- [`${prefix}-border-active`]: colorHelper.ColorHelper.dsColor('slate-50'),
339
- [`${prefix}-border-disabled`]: colorHelper.ColorHelper.dsColor('transparent')
340
- };
341
- }
342
- else if (kind == 'ghost') {
343
- return {
344
- [`${prefix}-color-default`]: colorHelper.ColorHelper.dsColor(color + '-600'),
345
- [`${prefix}-color-hover`]: colorHelper.ColorHelper.dsColor(color + '-600'),
346
- [`${prefix}-color-focus-visible`]: colorHelper.ColorHelper.dsColor(color + '-600'),
347
- [`${prefix}-color-active`]: colorHelper.ColorHelper.dsColor(color + '-600'),
348
- [`${prefix}-color-disabled`]: colorHelper.ColorHelper.dsColor(color + '-300'),
349
- [`${prefix}-background-color-default`]: colorHelper.ColorHelper.dsColor(color + '-100'),
350
- [`${prefix}-background-color-hover`]: colorHelper.ColorHelper.dsColor(color + '-200'),
351
- [`${prefix}-background-color-focus-visible`]: colorHelper.ColorHelper.dsColor(color + '-400'),
352
- [`${prefix}-background-color-active`]: colorHelper.ColorHelper.dsColor(color + '-300'),
353
- [`${prefix}-background-color-disabled`]: colorHelper.ColorHelper.dsColor(color + '-50'),
354
- [`${prefix}-border-default`]: colorHelper.ColorHelper.dsColor(color + '-300'),
355
- [`${prefix}-border-hover`]: colorHelper.ColorHelper.dsColor(color + '-400'),
356
- [`${prefix}-border-focus-visible`]: colorHelper.ColorHelper.dsColor(color + '-600'),
357
- [`${prefix}-border-active`]: colorHelper.ColorHelper.dsColor(color + '-500'),
358
- [`${prefix}-border-disabled`]: colorHelper.ColorHelper.dsColor(color + '-200'),
359
- };
360
- }
361
- return;
362
- }
363
- render() {
364
- const { size, kind, disabled, outline, type, href, target, loading, variantColor, fullWidth, hidden, icon, iconPosition, value, isIconOnly, iconSize } = this.getStateData();
365
- const classPrefix = 'bcm-button';
366
- let componentClass = index$2.classnames('bcm-button__container', `bcm-button__container-size-${size}`, `bcm-button__container-kind-${outline ? 'ghost' : kind}`, {
367
- 'full-width': fullWidth,
368
- 'checked': this.checked,
369
- 'disabled': disabled,
370
- });
371
- const hostClasses = index$2.classnames(`${classPrefix}`, {
372
- hidden,
373
- 'full-width': fullWidth,
374
- });
375
- return (index$1.h(index$1.Host, { class: hostClasses, style: this.setColor(variantColor), onClick: () => !disabled && this.bcmClick.emit(this.el) }, index$1.h(ButtonTemplate, { type: type, value: value, componentClass: componentClass, disabled: disabled, href: href, target: target, icon: icon, loading: loading, iconSize: iconSize, isIconOnly: isIconOnly, iconPosition: iconPosition })));
376
- }
377
- get el() { return index$1.getElement(this); }
378
- };
379
- __decorate$1([
380
- isLoadDecorator.IsLoad()
381
- ], BcmButton.prototype, "el", void 0);
382
- BcmButton.style = buttonCss;
383
-
384
- var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
385
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
386
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
387
- r = Reflect.decorate(decorators, target, key, desc);
388
- else
389
- for (var i = decorators.length - 1; i >= 0; i--)
390
- if (d = decorators[i])
391
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
392
- return c > 3 && r && Object.defineProperty(target, key, r), r;
393
- };
394
- const BcmToast = class {
395
- constructor(hostRef) {
396
- index$1.registerInstance(this, hostRef);
397
- this.bcmToastClose = index$1.createEvent(this, "bcm-toast-close", 7);
398
- this.bcmToastOpen = index$1.createEvent(this, "bcm-toast-open", 7);
399
- this.bcmToastView = index$1.createEvent(this, "bcm-toast-view", 7);
400
- this._id = generate.Generate.UID();
401
- this.status = undefined;
402
- this.message = "";
403
- this.description = "";
404
- this.duration = 3000;
405
- this.position = bcm.Bcm.Placement.bottom;
406
- this.messageIcon = undefined;
407
- this.viewButton = false;
408
- this.closeButton = true;
409
- this.visible = false;
410
- this.visibleContainer = false;
411
- }
412
- async show() {
413
- const container = document.getElementById(this._id + "-container");
414
- if (container) {
415
- document.body.appendChild(container);
416
- }
417
- this.visible = true;
418
- await utils.delay(50);
419
- this.visibleContainer = true;
420
- this.bcmToastOpen.emit();
421
- if (this.timer) {
422
- clearTimeout(this.timer);
423
- }
424
- this.timer = setTimeout(() => this.hide(), this.duration);
425
- return this.el;
426
- }
427
- async hide() {
428
- this.visibleContainer = false;
429
- clearTimeout(this.timer);
430
- this.bcmToastClose.emit();
431
- await utils.delay(100);
432
- this.visible = false;
433
- }
434
- handleMouseEnter() {
435
- clearTimeout(this.timer);
436
- }
437
- handleMouseLeave() {
438
- if (this.visible) {
439
- this.timer = setTimeout(() => this.hide(), 1000);
440
- }
441
- }
442
- render() {
443
- return (index$1.h(index$1.Host, { class: "tw-hidden" }, index$1.h("div", { class: index$2.classnames({ "tw-hidden": !this.visible }), id: this._id + "-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, index$1.h("div", { class: index$2.classnames("tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out", "tw-flex tw-min-w-[256px] tw-max-w-[420px] tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-2", "tw-border-gray-300 tw-bg-white tw-text-slate-600", {
444
- "tw-p-4": !this.description,
445
- "tw-p-6": this.description,
446
- }, "tw-fixed tw-z-50", "tw-transform tw-transition tw-duration-300 tw-ease-in-out ", {
447
- "tw-inset-x-0 tw-top-4 tw-mx-auto": this.position === bcm.Bcm.Placement.top,
448
- "tw-inset-x-0 tw-bottom-4 tw-mx-auto": this.position === bcm.Bcm.Placement.bottom,
449
- "tw-top-4 tw-left-4": this.position === bcm.Bcm.Placement["top-start"],
450
- "tw-top-4 tw-right-4": this.position === bcm.Bcm.Placement["top-end"],
451
- "tw-bottom-4 tw-left-4": this.position === bcm.Bcm.Placement["bottom-start"],
452
- "tw-bottom-4 tw-right-4": this.position === bcm.Bcm.Placement["bottom-end"],
453
- "tw-translate-y-0 tw-opacity-100 ": this.visibleContainer,
454
- "tw-opacity-0": !this.visibleContainer,
455
- "tw-translate-y-[-100%]": !this.visibleContainer && this.position.split("-")[0] === "top",
456
- "tw-translate-y-[100%]": !this.visibleContainer && this.position.split("-")[0] === "bottom",
457
- }) }, index$1.h("div", { class: "tw-flex tw-items-center tw-justify-between tw-gap-5" }, index$1.h("div", { class: "tw-flex tw-items-center tw-gap-3 " }, this.status && (index$1.h("i", { class: index$2.classnames("tw-text-6", this.messageIcon ? this.messageIcon : "far", {
458
- "tw-text-emerald-500": this.status === "success",
459
- "tw-text-red-500": this.status === "error",
460
- "tw-text-amber-500": this.status === "warning",
461
- "tw-text-blue-500": this.status === "info",
462
- }, {
463
- "fa-check-circle": !this.messageIcon && this.status === "success",
464
- "fa-exclamation-circle": !this.messageIcon && this.status === "error",
465
- "fa-exclamation-triangle": !this.messageIcon && this.status === "warning",
466
- "fa-info-circle": !this.messageIcon && this.status === "info",
467
- }) })), index$1.h("span", { class: index$2.classnames({
468
- "tw-text-4": !this.description,
469
- "tw-text-6 tw-font-medium": this.description,
470
- }) }, !this.description && this.status && index$1.h("span", null, stringHelper.StringHelper.capitalize(this.status), ": "), this.message)), index$1.h("div", { class: "tw-flex tw-items-baseline tw-gap-2" }, this.viewButton && (index$1.h("button", { onClick: () => this.bcmToastView.emit(), title: "View details", class: index$2.classnames("tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit", "hover:tw-bg-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200", "tw-transition tw-duration-300 tw-ease-in-out", {
471
- "tw-font-medium": this.description,
472
- }) }, "View")), this.closeButton && (index$1.h("button", { title: "Close", onClick: () => this.hide(), class: index$2.classnames("tw-rounded tw-bg-transparent tw-p-0", "tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-3 tw-text-inherit", "hover:tw-bg-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200") }, index$1.h("i", { class: "fal fa-times" }))))), this.description && index$1.h("div", { class: "tw-text-3 " }, this.description), index$1.h("slot", null)))));
473
- }
474
- get el() { return index$1.getElement(this); }
475
- };
476
- __decorate([
477
- isLoadDecorator.IsLoad()
478
- ], BcmToast.prototype, "el", void 0);
479
-
480
- exports.bcm_button = BcmButton;
481
- exports.bcm_toast = BcmToast;