bromcom-ui 2.7.37-rc.2 → 2.7.37-rc.4-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 (402) hide show
  1. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  2. package/dist/bromcom-ui/p-02d75af2.js +5 -0
  3. package/dist/bromcom-ui/{p-f374395b.entry.js → p-03b55cfb.entry.js} +1 -1
  4. package/dist/bromcom-ui/{p-75f864ae.entry.js → p-05702e53.entry.js} +1 -1
  5. package/dist/bromcom-ui/{p-93010f03.js → p-0a9b00a9.js} +1 -1
  6. package/dist/bromcom-ui/{p-ef923122.entry.js → p-0d778313.entry.js} +1 -1
  7. package/dist/bromcom-ui/{p-8595742c.entry.js → p-17a333df.entry.js} +1 -1
  8. package/dist/bromcom-ui/{p-13ed55a9.entry.js → p-1b51a1a5.entry.js} +1 -1
  9. package/dist/bromcom-ui/{p-1dab0ebb.entry.js → p-1e286e48.entry.js} +1 -1
  10. package/dist/bromcom-ui/{p-b3a57653.entry.js → p-22a0e65d.entry.js} +1 -1
  11. package/dist/bromcom-ui/{p-35bd1307.entry.js → p-2462b461.entry.js} +1 -1
  12. package/dist/bromcom-ui/{p-a63ba9a2.entry.js → p-26931df9.entry.js} +1 -1
  13. package/dist/bromcom-ui/{p-27d06f30.entry.js → p-26f3fdba.entry.js} +1 -1
  14. package/dist/bromcom-ui/p-273f91af.entry.js +5 -0
  15. package/dist/bromcom-ui/{p-db11376b.entry.js → p-2ab6e327.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-2b7cb17c.entry.js → p-2bc9235f.entry.js} +1 -1
  17. package/dist/bromcom-ui/{p-0aec8d73.entry.js → p-32145a6a.entry.js} +1 -1
  18. package/dist/bromcom-ui/{p-75a92b4c.entry.js → p-36506817.entry.js} +1 -1
  19. package/dist/bromcom-ui/{p-fcaba9dd.entry.js → p-3971afee.entry.js} +1 -1
  20. package/dist/bromcom-ui/{p-2806e672.entry.js → p-4b318405.entry.js} +1 -1
  21. package/dist/bromcom-ui/{p-d8f95e30.entry.js → p-4e8fe53f.entry.js} +1 -1
  22. package/dist/bromcom-ui/{p-4e0c990d.js → p-576c9e1a.js} +1 -1
  23. package/dist/bromcom-ui/{p-d87118f3.entry.js → p-5c33bc24.entry.js} +1 -1
  24. package/dist/bromcom-ui/{p-4f99361a.js → p-650d0075.js} +1 -1
  25. package/dist/bromcom-ui/{p-a8073fed.entry.js → p-65605e2b.entry.js} +1 -1
  26. package/dist/bromcom-ui/{p-1a7873c8.entry.js → p-70214600.entry.js} +1 -1
  27. package/dist/bromcom-ui/{p-b47e5352.entry.js → p-71869daf.entry.js} +1 -1
  28. package/dist/bromcom-ui/{p-af93c8e6.entry.js → p-74cb5833.entry.js} +1 -1
  29. package/dist/bromcom-ui/{p-ea4f2618.entry.js → p-75bd9b2e.entry.js} +1 -1
  30. package/dist/bromcom-ui/{p-9a78235b.entry.js → p-76be0458.entry.js} +1 -1
  31. package/dist/bromcom-ui/{p-6caa9460.entry.js → p-82f2ad3d.entry.js} +1 -1
  32. package/dist/bromcom-ui/{p-573647ab.entry.js → p-87065fd4.entry.js} +1 -1
  33. package/dist/bromcom-ui/{p-3455ec3e.entry.js → p-8a1ad072.entry.js} +1 -1
  34. package/dist/bromcom-ui/{p-50c7a3cd.entry.js → p-8e1f99b0.entry.js} +1 -1
  35. package/dist/bromcom-ui/{p-2b479251.entry.js → p-94594729.entry.js} +1 -1
  36. package/dist/bromcom-ui/{p-8b72bce1.js → p-959303e6.js} +1 -1
  37. package/dist/bromcom-ui/{p-f2caf9d3.entry.js → p-97ab8650.entry.js} +1 -1
  38. package/dist/bromcom-ui/{p-f1b1bb76.entry.js → p-9c80f257.entry.js} +1 -1
  39. package/dist/bromcom-ui/{p-b2bae44d.entry.js → p-a0f75665.entry.js} +1 -1
  40. package/dist/bromcom-ui/{p-b265dd24.entry.js → p-a1d8b2f0.entry.js} +1 -1
  41. package/dist/bromcom-ui/{p-4c75beb3.entry.js → p-a6d7b8ff.entry.js} +1 -1
  42. package/dist/bromcom-ui/{p-043f3a0d.entry.js → p-a8ad2743.entry.js} +1 -1
  43. package/dist/bromcom-ui/{p-b2ea4774.entry.js → p-c9b1cee9.entry.js} +1 -1
  44. package/dist/bromcom-ui/{p-41f2ef93.entry.js → p-cfcd67d2.entry.js} +1 -1
  45. package/dist/bromcom-ui/{p-2b346de3.entry.js → p-d3401faf.entry.js} +1 -1
  46. package/dist/bromcom-ui/{p-60cee147.entry.js → p-d6899b4a.entry.js} +1 -1
  47. package/dist/bromcom-ui/{p-c9a20860.entry.js → p-da77656a.entry.js} +1 -1
  48. package/dist/bromcom-ui/p-de448df0.js +5 -0
  49. package/dist/bromcom-ui/{p-053962ad.entry.js → p-de89f82d.entry.js} +1 -1
  50. package/dist/bromcom-ui/{p-405441b2.entry.js → p-ea1352b5.entry.js} +1 -1
  51. package/dist/bromcom-ui/{p-355e259c.entry.js → p-f6e52a9b.entry.js} +1 -1
  52. package/dist/bromcom-ui/{p-bc868e9e.js → p-fa8fd0b1.js} +1 -1
  53. package/dist/bromcom-ui/{p-40aeceda.entry.js → p-fac43984.entry.js} +1 -1
  54. package/dist/cjs/bcm-accordion.cjs.entry.js +1 -1
  55. package/dist/cjs/bcm-alert.cjs.entry.js +1 -1
  56. package/dist/cjs/bcm-attendance.cjs.entry.js +2 -2
  57. package/dist/cjs/bcm-avatar_2.cjs.entry.js +3 -3
  58. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +1 -1
  59. package/dist/cjs/bcm-button-group.cjs.entry.js +1 -1
  60. package/dist/cjs/bcm-button_4.cjs.entry.js +5 -3
  61. package/dist/cjs/bcm-card.cjs.entry.js +1 -1
  62. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +1 -1
  63. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +1 -1
  64. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +1 -1
  65. package/dist/cjs/bcm-chip.cjs.entry.js +1 -1
  66. package/dist/cjs/bcm-collapse.cjs.entry.js +1 -1
  67. package/dist/cjs/bcm-date-picker.cjs.entry.js +1 -1
  68. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +1 -1
  69. package/dist/cjs/bcm-default.cjs.entry.js +1 -1
  70. package/dist/cjs/bcm-drawer.cjs.entry.js +3 -3
  71. package/dist/cjs/bcm-dropdown.cjs.entry.js +2 -2
  72. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +1 -1
  73. package/dist/cjs/bcm-form-2.cjs.entry.js +1 -1
  74. package/dist/cjs/bcm-input.cjs.entry.js +4 -4
  75. package/dist/cjs/bcm-item.cjs.entry.js +1 -1
  76. package/dist/cjs/bcm-items.cjs.entry.js +1 -1
  77. package/dist/cjs/bcm-label_2.cjs.entry.js +4 -4
  78. package/dist/cjs/bcm-linked.cjs.entry.js +3 -3
  79. package/dist/cjs/bcm-list.cjs.entry.js +5 -5
  80. package/dist/cjs/bcm-menu.cjs.entry.js +5 -5
  81. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +1 -1
  82. package/dist/cjs/bcm-popconfirm.cjs.entry.js +1 -1
  83. package/dist/cjs/bcm-popover.cjs.entry.js +3 -3
  84. package/dist/cjs/bcm-progress.cjs.entry.js +1 -1
  85. package/dist/cjs/bcm-radio-group.cjs.entry.js +1 -1
  86. package/dist/cjs/bcm-radio.cjs.entry.js +1 -1
  87. package/dist/cjs/bcm-range.cjs.entry.js +1 -1
  88. package/dist/cjs/bcm-search.cjs.entry.js +3 -3
  89. package/dist/cjs/bcm-skeleton.cjs.entry.js +1 -1
  90. package/dist/cjs/bcm-step.cjs.entry.js +2 -2
  91. package/dist/cjs/bcm-stepper.cjs.entry.js +3 -3
  92. package/dist/cjs/bcm-switch.cjs.entry.js +1 -1
  93. package/dist/cjs/bcm-tab-group.cjs.entry.js +1 -1
  94. package/dist/cjs/bcm-tag.cjs.entry.js +2 -2
  95. package/dist/cjs/bcm-textarea.cjs.entry.js +2 -2
  96. package/dist/cjs/bcm-time-picker.cjs.entry.js +1 -1
  97. package/dist/cjs/bromcom-ui.cjs.js +1 -1
  98. package/dist/cjs/{generate-716a328d.js → generate-29f6c671.js} +1 -1
  99. package/dist/cjs/{input-template-4747050f.js → input-template-8d49a61c.js} +1 -1
  100. package/dist/cjs/{json-parse-decarator-b8a37140.js → json-parse-decarator-5d872ae7.js} +1 -1
  101. package/dist/cjs/loader.cjs.js +1 -1
  102. package/dist/cjs/{number-helper-e62c32d5.js → number-helper-288bbac7.js} +1 -1
  103. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +2 -2
  104. package/dist/cjs/old-bcm-popover.cjs.entry.js +1 -1
  105. package/dist/cjs/{stepper-states-1be09180.js → stepper-states-902494d8.js} +1 -1
  106. package/dist/cjs/{tooltip-helper-a192b748.js → tooltip-helper-4be3d320.js} +3 -3
  107. package/dist/cjs/{validators-8f5537d4.js → validators-9af1100c.js} +1 -1
  108. package/dist/collection/components/atoms/button/button.css +15 -0
  109. package/dist/collection/components/atoms/button/button.js +3 -1
  110. package/dist/collection/components/molecules/modal/modal.js +4 -9
  111. package/dist/collection/templates/button-template.js +1 -1
  112. package/dist/components/_commonjsHelpers.js +25 -0
  113. package/dist/components/avatar.js +124 -0
  114. package/dist/components/badge.js +95 -0
  115. package/dist/components/bcm-accordion.d.ts +11 -0
  116. package/dist/components/bcm-accordion.js +101 -0
  117. package/dist/components/bcm-alert.d.ts +11 -0
  118. package/dist/components/bcm-alert.js +140 -0
  119. package/dist/components/bcm-attendance.d.ts +11 -0
  120. package/dist/components/bcm-attendance.js +72 -0
  121. package/dist/components/bcm-autocomplete.d.ts +11 -0
  122. package/dist/components/bcm-autocomplete.js +293 -0
  123. package/dist/components/bcm-avatar.d.ts +11 -0
  124. package/dist/components/bcm-avatar.js +10 -0
  125. package/dist/components/bcm-badge.d.ts +11 -0
  126. package/dist/components/bcm-badge.js +10 -0
  127. package/dist/components/bcm-box.d.ts +11 -0
  128. package/dist/components/bcm-box.js +48 -0
  129. package/dist/components/bcm-breadcrumb.d.ts +11 -0
  130. package/dist/components/bcm-breadcrumb.js +96 -0
  131. package/dist/components/bcm-button-group.d.ts +11 -0
  132. package/dist/components/bcm-button-group.js +121 -0
  133. package/dist/components/bcm-button.d.ts +11 -0
  134. package/dist/components/bcm-button.js +10 -0
  135. package/dist/components/bcm-card.d.ts +11 -0
  136. package/dist/components/bcm-card.js +91 -0
  137. package/dist/components/bcm-checkbox-group.d.ts +11 -0
  138. package/dist/components/bcm-checkbox-group.js +474 -0
  139. package/dist/components/bcm-checkbox-lite.d.ts +11 -0
  140. package/dist/components/bcm-checkbox-lite.js +10 -0
  141. package/dist/components/bcm-checkbox.d.ts +11 -0
  142. package/dist/components/bcm-checkbox.js +10 -0
  143. package/dist/components/bcm-chip.d.ts +11 -0
  144. package/dist/components/bcm-chip.js +106 -0
  145. package/dist/components/bcm-collapse-group.d.ts +11 -0
  146. package/dist/components/bcm-collapse-group.js +75 -0
  147. package/dist/components/bcm-collapse.d.ts +11 -0
  148. package/dist/components/bcm-collapse.js +77 -0
  149. package/dist/components/bcm-colorpicker.d.ts +11 -0
  150. package/dist/components/bcm-colorpicker.js +491 -0
  151. package/dist/components/bcm-date-picker.d.ts +11 -0
  152. package/dist/components/bcm-date-picker.js +249 -0
  153. package/dist/components/bcm-datetime-picker.d.ts +11 -0
  154. package/dist/components/bcm-datetime-picker.js +10 -0
  155. package/dist/components/bcm-default.d.ts +11 -0
  156. package/dist/components/bcm-default.js +61 -0
  157. package/dist/components/bcm-divider.d.ts +11 -0
  158. package/dist/components/bcm-divider.js +10 -0
  159. package/dist/components/bcm-drawer.d.ts +11 -0
  160. package/dist/components/bcm-drawer.js +141 -0
  161. package/dist/components/bcm-dropdown.d.ts +11 -0
  162. package/dist/components/bcm-dropdown.js +306 -0
  163. package/dist/components/bcm-empty.d.ts +11 -0
  164. package/dist/components/bcm-empty.js +10 -0
  165. package/dist/components/bcm-error-layout.d.ts +11 -0
  166. package/dist/components/bcm-error-layout.js +98 -0
  167. package/dist/components/bcm-expansion-panel.d.ts +11 -0
  168. package/dist/components/bcm-expansion-panel.js +159 -0
  169. package/dist/components/bcm-form-2.d.ts +11 -0
  170. package/dist/components/bcm-form-2.js +226 -0
  171. package/dist/components/bcm-form-group.d.ts +11 -0
  172. package/dist/components/bcm-form-group.js +65 -0
  173. package/dist/components/bcm-form.d.ts +11 -0
  174. package/dist/components/bcm-form.js +510 -0
  175. package/dist/components/bcm-icon.d.ts +11 -0
  176. package/dist/components/bcm-icon.js +10 -0
  177. package/dist/components/bcm-input.d.ts +11 -0
  178. package/dist/components/bcm-input.js +404 -0
  179. package/dist/components/bcm-item.d.ts +11 -0
  180. package/dist/components/bcm-item.js +98 -0
  181. package/dist/components/bcm-items.d.ts +11 -0
  182. package/dist/components/bcm-items.js +74 -0
  183. package/dist/components/bcm-label.d.ts +11 -0
  184. package/dist/components/bcm-label.js +10 -0
  185. package/dist/components/bcm-link.d.ts +11 -0
  186. package/dist/components/bcm-link.js +10 -0
  187. package/dist/components/bcm-linked.d.ts +11 -0
  188. package/dist/components/bcm-linked.js +201 -0
  189. package/dist/components/bcm-list.d.ts +11 -0
  190. package/dist/components/bcm-list.js +1859 -0
  191. package/dist/components/bcm-listbox-group.d.ts +11 -0
  192. package/dist/components/bcm-listbox-group.js +10 -0
  193. package/dist/components/bcm-listbox-item.d.ts +11 -0
  194. package/dist/components/bcm-listbox-item.js +10 -0
  195. package/dist/components/bcm-listbox.d.ts +11 -0
  196. package/dist/components/bcm-listbox.js +10 -0
  197. package/dist/components/bcm-menu.d.ts +11 -0
  198. package/dist/components/bcm-menu.js +10 -0
  199. package/dist/components/bcm-message.d.ts +11 -0
  200. package/dist/components/bcm-message.js +126 -0
  201. package/dist/components/bcm-modal.d.ts +11 -0
  202. package/dist/components/bcm-modal.js +166 -0
  203. package/dist/components/bcm-notification.d.ts +11 -0
  204. package/dist/components/bcm-notification.js +136 -0
  205. package/dist/components/bcm-old-input.d.ts +11 -0
  206. package/dist/components/bcm-old-input.js +10 -0
  207. package/dist/components/bcm-old-search.d.ts +11 -0
  208. package/dist/components/bcm-old-search.js +10 -0
  209. package/dist/components/bcm-old-tag.d.ts +11 -0
  210. package/dist/components/bcm-old-tag.js +10 -0
  211. package/dist/components/bcm-popconfirm-box.d.ts +11 -0
  212. package/dist/components/bcm-popconfirm-box.js +10 -0
  213. package/dist/components/bcm-popconfirm.d.ts +11 -0
  214. package/dist/components/bcm-popconfirm.js +160 -0
  215. package/dist/components/bcm-popover.d.ts +11 -0
  216. package/dist/components/bcm-popover.js +203 -0
  217. package/dist/components/bcm-progress.d.ts +11 -0
  218. package/dist/components/bcm-progress.js +205 -0
  219. package/dist/components/bcm-radio-group.d.ts +11 -0
  220. package/dist/components/bcm-radio-group.js +334 -0
  221. package/dist/components/bcm-radio.d.ts +11 -0
  222. package/dist/components/bcm-radio.js +10 -0
  223. package/dist/components/bcm-range.d.ts +11 -0
  224. package/dist/components/bcm-range.js +220 -0
  225. package/dist/components/bcm-result.d.ts +11 -0
  226. package/dist/components/bcm-result.js +105 -0
  227. package/dist/components/bcm-search.d.ts +11 -0
  228. package/dist/components/bcm-search.js +10 -0
  229. package/dist/components/bcm-select-box.d.ts +11 -0
  230. package/dist/components/bcm-select-box.js +10 -0
  231. package/dist/components/bcm-select-group.d.ts +11 -0
  232. package/dist/components/bcm-select-group.js +48 -0
  233. package/dist/components/bcm-select-option.d.ts +11 -0
  234. package/dist/components/bcm-select-option.js +57 -0
  235. package/dist/components/bcm-select.d.ts +11 -0
  236. package/dist/components/bcm-select.js +1385 -0
  237. package/dist/components/bcm-skeleton.d.ts +11 -0
  238. package/dist/components/bcm-skeleton.js +10 -0
  239. package/dist/components/bcm-step.d.ts +11 -0
  240. package/dist/components/bcm-step.js +10 -0
  241. package/dist/components/bcm-stepper.d.ts +11 -0
  242. package/dist/components/bcm-stepper.js +249 -0
  243. package/dist/components/bcm-switch.d.ts +11 -0
  244. package/dist/components/bcm-switch.js +201 -0
  245. package/dist/components/bcm-tab-group.d.ts +11 -0
  246. package/dist/components/bcm-tab-group.js +190 -0
  247. package/dist/components/bcm-tab-pane.d.ts +11 -0
  248. package/dist/components/bcm-tab-pane.js +89 -0
  249. package/dist/components/bcm-tab.d.ts +11 -0
  250. package/dist/components/bcm-tab.js +125 -0
  251. package/dist/components/bcm-table.d.ts +11 -0
  252. package/dist/components/bcm-table.js +93 -0
  253. package/dist/components/bcm-tabs-content.d.ts +11 -0
  254. package/dist/components/bcm-tabs-content.js +80 -0
  255. package/dist/components/bcm-tabs.d.ts +11 -0
  256. package/dist/components/bcm-tabs.js +430 -0
  257. package/dist/components/bcm-tag.d.ts +11 -0
  258. package/dist/components/bcm-tag.js +132 -0
  259. package/dist/components/bcm-text.d.ts +11 -0
  260. package/dist/components/bcm-text.js +10 -0
  261. package/dist/components/bcm-textarea.d.ts +11 -0
  262. package/dist/components/bcm-textarea.js +212 -0
  263. package/dist/components/bcm-time-picker.d.ts +11 -0
  264. package/dist/components/bcm-time-picker.js +209 -0
  265. package/dist/components/bcm-timeline-item.d.ts +11 -0
  266. package/dist/components/bcm-timeline-item.js +81 -0
  267. package/dist/components/bcm-timeline.d.ts +11 -0
  268. package/dist/components/bcm-timeline.js +91 -0
  269. package/dist/components/bcm-tooltip.d.ts +11 -0
  270. package/dist/components/bcm-tooltip.js +10 -0
  271. package/dist/components/bcm-treeview-group.d.ts +11 -0
  272. package/dist/components/bcm-treeview-group.js +37 -0
  273. package/dist/components/bcm-treeview-item.d.ts +11 -0
  274. package/dist/components/bcm-treeview-item.js +10 -0
  275. package/dist/components/bcm-treeview.d.ts +11 -0
  276. package/dist/components/bcm-treeview.js +10 -0
  277. package/dist/components/bcm-typography.d.ts +11 -0
  278. package/dist/components/bcm-typography.js +10 -0
  279. package/dist/components/bcm.js +446 -0
  280. package/dist/components/button.js +403 -0
  281. package/dist/components/caption-template.js +32 -0
  282. package/dist/components/checkbox-lite.js +97 -0
  283. package/dist/components/checkbox.js +231 -0
  284. package/dist/components/color-helper.js +488 -0
  285. package/dist/components/colors.js +222 -0
  286. package/dist/components/datetime-picker.js +1509 -0
  287. package/dist/components/divider.js +59 -0
  288. package/dist/components/element-dragger.js +277 -0
  289. package/dist/components/empty.js +53 -0
  290. package/dist/components/floating-ui.js +1453 -0
  291. package/dist/components/generate.js +202 -0
  292. package/dist/components/icon.js +53 -0
  293. package/dist/components/index.d.ts +105 -0
  294. package/dist/components/index.js +99 -0
  295. package/dist/components/index2.js +62 -0
  296. package/dist/components/index3.js +191 -0
  297. package/dist/components/input-template.js +97 -0
  298. package/dist/components/is-load-decorator.js +54 -0
  299. package/dist/components/json-parse-decarator.js +38 -0
  300. package/dist/components/label-template.js +21 -0
  301. package/dist/components/label.js +83 -0
  302. package/dist/components/link.js +84 -0
  303. package/dist/components/listbox-group.js +55 -0
  304. package/dist/components/listbox-item.js +217 -0
  305. package/dist/components/listbox.js +1116 -0
  306. package/dist/components/menu.js +274 -0
  307. package/dist/{esm/number-helper-f34393b1.js → components/number-helper.js} +1 -1
  308. package/dist/components/old-bcm-popover-box.d.ts +11 -0
  309. package/dist/components/old-bcm-popover-box.js +10 -0
  310. package/dist/components/old-bcm-popover.d.ts +11 -0
  311. package/dist/components/old-bcm-popover.js +132 -0
  312. package/dist/components/old-input.js +470 -0
  313. package/dist/components/old-popover-box.js +184 -0
  314. package/dist/components/old-search.js +235 -0
  315. package/dist/components/old-tag.js +153 -0
  316. package/dist/components/popconfirm-box.js +160 -0
  317. package/dist/components/popover-placement.js +95 -0
  318. package/dist/components/property-decorators.js +31 -0
  319. package/dist/components/radio.js +119 -0
  320. package/dist/components/search.js +286 -0
  321. package/dist/components/select-box.js +165 -0
  322. package/dist/components/skeleton.js +69 -0
  323. package/dist/components/slot-template.js +13 -0
  324. package/dist/components/step.js +188 -0
  325. package/dist/components/string-helper.js +132 -0
  326. package/dist/components/text.js +72 -0
  327. package/dist/components/tooltip-helper.js +101 -0
  328. package/dist/components/tooltip.js +96 -0
  329. package/dist/components/treeview-item.js +419 -0
  330. package/dist/components/treeview.js +956 -0
  331. package/dist/components/types.js +32 -0
  332. package/dist/components/types2.js +32 -0
  333. package/dist/components/typography.js +45 -0
  334. package/dist/components/utils.js +123 -0
  335. package/dist/components/validators.js +35 -0
  336. package/dist/esm/bcm-accordion.entry.js +1 -1
  337. package/dist/esm/bcm-alert.entry.js +1 -1
  338. package/dist/esm/bcm-attendance.entry.js +2 -2
  339. package/dist/esm/bcm-avatar_2.entry.js +3 -3
  340. package/dist/esm/bcm-breadcrumb.entry.js +1 -1
  341. package/dist/esm/bcm-button-group.entry.js +1 -1
  342. package/dist/esm/bcm-button_4.entry.js +5 -3
  343. package/dist/esm/bcm-card.entry.js +1 -1
  344. package/dist/esm/bcm-checkbox-group.entry.js +1 -1
  345. package/dist/esm/bcm-checkbox-lite_9.entry.js +1 -1
  346. package/dist/esm/bcm-checkbox_2.entry.js +1 -1
  347. package/dist/esm/bcm-chip.entry.js +1 -1
  348. package/dist/esm/bcm-collapse.entry.js +1 -1
  349. package/dist/esm/bcm-date-picker.entry.js +1 -1
  350. package/dist/esm/bcm-datetime-picker.entry.js +1 -1
  351. package/dist/esm/bcm-default.entry.js +1 -1
  352. package/dist/esm/bcm-drawer.entry.js +3 -3
  353. package/dist/esm/bcm-dropdown.entry.js +2 -2
  354. package/dist/esm/bcm-expansion-panel.entry.js +1 -1
  355. package/dist/esm/bcm-form-2.entry.js +1 -1
  356. package/dist/esm/bcm-input.entry.js +4 -4
  357. package/dist/esm/bcm-item.entry.js +1 -1
  358. package/dist/esm/bcm-items.entry.js +1 -1
  359. package/dist/esm/bcm-label_2.entry.js +4 -4
  360. package/dist/esm/bcm-linked.entry.js +3 -3
  361. package/dist/esm/bcm-list.entry.js +5 -5
  362. package/dist/esm/bcm-menu.entry.js +5 -5
  363. package/dist/esm/bcm-popconfirm-box.entry.js +1 -1
  364. package/dist/esm/bcm-popconfirm.entry.js +1 -1
  365. package/dist/esm/bcm-popover.entry.js +3 -3
  366. package/dist/esm/bcm-progress.entry.js +1 -1
  367. package/dist/esm/bcm-radio-group.entry.js +1 -1
  368. package/dist/esm/bcm-radio.entry.js +1 -1
  369. package/dist/esm/bcm-range.entry.js +1 -1
  370. package/dist/esm/bcm-search.entry.js +3 -3
  371. package/dist/esm/bcm-skeleton.entry.js +1 -1
  372. package/dist/esm/bcm-step.entry.js +2 -2
  373. package/dist/esm/bcm-stepper.entry.js +3 -3
  374. package/dist/esm/bcm-switch.entry.js +1 -1
  375. package/dist/esm/bcm-tab-group.entry.js +1 -1
  376. package/dist/esm/bcm-tag.entry.js +2 -2
  377. package/dist/esm/bcm-textarea.entry.js +2 -2
  378. package/dist/esm/bcm-time-picker.entry.js +1 -1
  379. package/dist/esm/bromcom-ui.js +1 -1
  380. package/dist/esm/{generate-4e9309bd.js → generate-d766aaed.js} +1 -1
  381. package/dist/esm/{input-template-6a8e4cc6.js → input-template-c1019025.js} +1 -1
  382. package/dist/esm/{json-parse-decarator-87ac1cd9.js → json-parse-decarator-31a154cf.js} +1 -1
  383. package/dist/esm/loader.js +1 -1
  384. package/dist/esm/number-helper-02ea488e.js +18 -0
  385. package/dist/esm/old-bcm-popover-box.entry.js +2 -2
  386. package/dist/esm/old-bcm-popover.entry.js +1 -1
  387. package/dist/esm/{stepper-states-12a190b4.js → stepper-states-b515fe3a.js} +1 -1
  388. package/dist/esm/{tooltip-helper-ae137bee.js → tooltip-helper-7bb60a6c.js} +3 -3
  389. package/dist/esm/{validators-0e0c76db.js → validators-6d1beb42.js} +1 -1
  390. package/dist/types/components/atoms/avatar/avatar.d.ts +1 -1
  391. package/dist/types/components/atoms/button/button.d.ts +1 -1
  392. package/dist/types/components/molecules/drawer/drawer.d.ts +1 -1
  393. package/dist/types/components/molecules/linked/linked.d.ts +1 -1
  394. package/dist/types/components/molecules/modal/modal.d.ts +1 -2
  395. package/dist/types/components/molecules/popover/popover.d.ts +2 -2
  396. package/dist/types/components/molecules/tooltip/tooltip.d.ts +2 -2
  397. package/dist/types/components/organism/list/list.d.ts +1 -1
  398. package/dist/types/components.d.ts +4 -4
  399. package/package.json +7 -4
  400. package/dist/bromcom-ui/p-2cca68b4.js +0 -5
  401. package/dist/bromcom-ui/p-444235f5.js +0 -5
  402. package/dist/bromcom-ui/p-705d248e.entry.js +0 -5
@@ -0,0 +1,32 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * Copyright (c) Bromcom.
4
+ */
5
+ /**
6
+ * 'color' prop predefined values
7
+ */
8
+ var ColorProps;
9
+ (function (ColorProps) {
10
+ ColorProps["black"] = "black";
11
+ ColorProps["white"] = "white";
12
+ ColorProps["prime-blue"] = "prime-blue";
13
+ ColorProps["grey"] = "grey";
14
+ ColorProps["blue"] = "blue";
15
+ ColorProps["warmyellow"] = "warmyellow";
16
+ ColorProps["yellow"] = "yellow";
17
+ ColorProps["limegreen"] = "limegreen";
18
+ ColorProps["red"] = "red";
19
+ ColorProps["darkorange"] = "darkorange";
20
+ ColorProps["orange"] = "orange";
21
+ ColorProps["green"] = "green";
22
+ ColorProps["turquosie"] = "turquosie";
23
+ ColorProps["cobaltblue"] = "cobaltblue";
24
+ ColorProps["magenta"] = "magenta";
25
+ ColorProps["purple"] = "purple";
26
+ ColorProps["bc-red"] = "bc-red";
27
+ ColorProps["bc-blue"] = "bc-blue";
28
+ ColorProps["bc-green"] = "bc-green";
29
+ ColorProps["bc-orange"] = "bc-orange";
30
+ })(ColorProps || (ColorProps = {}));
31
+
32
+ export { ColorProps as C };
@@ -0,0 +1,32 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * Copyright (c) Bromcom.
4
+ */
5
+ /**
6
+ * 'size' prop predefined values
7
+ */
8
+ var SizeProps;
9
+ (function (SizeProps) {
10
+ SizeProps["large"] = "large";
11
+ SizeProps["medium"] = "medium";
12
+ SizeProps["small"] = "small";
13
+ })(SizeProps || (SizeProps = {}));
14
+ /**
15
+ * 'type' prop predefined values
16
+ */
17
+ var TypeProps;
18
+ (function (TypeProps) {
19
+ TypeProps["normal"] = "normal";
20
+ TypeProps["pane"] = "pane";
21
+ TypeProps["stepper"] = "stepper";
22
+ })(TypeProps || (TypeProps = {}));
23
+ /**
24
+ * 'direction' prop predefined values
25
+ */
26
+ var DirectionProps;
27
+ (function (DirectionProps) {
28
+ DirectionProps["horizontal"] = "horizontal";
29
+ DirectionProps["vertical"] = "vertical";
30
+ })(DirectionProps || (DirectionProps = {}));
31
+
32
+ export { DirectionProps as D, SizeProps as S, TypeProps as T };
@@ -0,0 +1,45 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * Copyright (c) Bromcom.
4
+ */
5
+ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
6
+ import { I as IsLoad } from './is-load-decorator.js';
7
+
8
+ var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
9
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
10
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
11
+ r = Reflect.decorate(decorators, target, key, desc);
12
+ else
13
+ for (var i = decorators.length - 1; i >= 0; i--)
14
+ if (d = decorators[i])
15
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
16
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
17
+ };
18
+ const BcmTypography = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
19
+ constructor() {
20
+ super();
21
+ this.__registerHost();
22
+ }
23
+ render() {
24
+ return (h(Host, null, h("slot", null)));
25
+ }
26
+ get el() { return this; }
27
+ }, [4, "bcm-typography"]);
28
+ __decorate([
29
+ IsLoad()
30
+ ], BcmTypography.prototype, "el", void 0);
31
+ function defineCustomElement() {
32
+ if (typeof customElements === "undefined") {
33
+ return;
34
+ }
35
+ const components = ["bcm-typography"];
36
+ components.forEach(tagName => { switch (tagName) {
37
+ case "bcm-typography":
38
+ if (!customElements.get(tagName)) {
39
+ customElements.define(tagName, BcmTypography);
40
+ }
41
+ break;
42
+ } });
43
+ }
44
+
45
+ export { BcmTypography as B, defineCustomElement as d };
@@ -0,0 +1,123 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * Copyright (c) Bromcom.
4
+ */
5
+ const delay = ms => new Promise(res => setTimeout(res, ms));
6
+ /**
7
+ * @desc
8
+ * @param colors
9
+ * @param colorName
10
+ */
11
+ const extractColor = (colors, colorName) => {
12
+ const splitted = colorName.split('-');
13
+ const grade = splitted[splitted.length - 1];
14
+ const swatch = splitted.slice(0, splitted.length - 1).join('-');
15
+ return colors[swatch] && colors[swatch][grade] ? colors[swatch][grade] : colors['prime-blue']['6'];
16
+ };
17
+ /**
18
+ *
19
+ * @param type
20
+ */
21
+ const getChilds = (el, component) => {
22
+ let elements = [];
23
+ let allElements = [];
24
+ // Get @component's from
25
+ // slot childs
26
+ const slot = Array.from(el.shadowRoot.querySelectorAll('slot')).find(slot => !slot.name);
27
+ elements = (slot && slot.assignedElements()) || [];
28
+ elements.map(element => {
29
+ String(element.tagName).toLowerCase() == component
30
+ && allElements.push(element);
31
+ });
32
+ // Get @component's from
33
+ // childs
34
+ elements = el.shadowRoot.querySelectorAll(component);
35
+ allElements = [
36
+ ...allElements,
37
+ ...elements
38
+ ];
39
+ return allElements;
40
+ };
41
+ const getChildElements = (el, component) => {
42
+ return [...el.querySelectorAll(component)];
43
+ };
44
+ /**
45
+ * @desc
46
+ * @param element
47
+ */
48
+ const getRect = (element) => {
49
+ return element.getBoundingClientRect();
50
+ };
51
+ /**
52
+ * @desc
53
+ * @param
54
+ */
55
+ const dropInComponent = (followingComponent, targetComponent) => {
56
+ const el = followingComponent;
57
+ const linkedComponent = targetComponent;
58
+ const bodyWidth = document.documentElement.clientWidth;
59
+ const bodyHeight = document.documentElement.clientHeight;
60
+ // window.onload = () => {
61
+ // document.querySelector(targetComponent).onload = () => {
62
+ var linkedId = document.querySelector(linkedComponent);
63
+ if (linkedId) {
64
+ var captionAreaHeight = 0;
65
+ if (linkedId.shadowRoot && linkedId.shadowRoot.querySelector(".caption-area") && linkedId.shadowRoot.querySelector(".caption-area").clientHeight) {
66
+ captionAreaHeight = linkedId.shadowRoot.querySelector(".caption-area").clientHeight + 8;
67
+ }
68
+ var labelAreaHeight = 0;
69
+ if (linkedId.shadowRoot && linkedId.shadowRoot.querySelector(".label") && linkedId.shadowRoot.querySelector(".label").clientHeight) {
70
+ labelAreaHeight = linkedId.shadowRoot.querySelector(".label").clientHeight + 2;
71
+ }
72
+ var captionHeight = linkedId["noCaption"] ? 0 : captionAreaHeight - 8;
73
+ var linkedPosition = getRect(linkedId);
74
+ el.style.position = "fixed";
75
+ el.style.top = linkedPosition.top + linkedPosition.height - captionHeight + "px";
76
+ el.style.left = linkedPosition.left + "px";
77
+ if (bodyHeight < (el.clientHeight + linkedPosition.top + linkedPosition.height - captionHeight)) {
78
+ el.style.top = linkedPosition.top - el.clientHeight + labelAreaHeight + "px";
79
+ }
80
+ if (bodyWidth < el.clientWidth + linkedPosition.left) {
81
+ el.style.left = linkedPosition.left - el.clientWidth + linkedPosition.width - 2 + "px";
82
+ }
83
+ }
84
+ // }
85
+ // };
86
+ };
87
+ /**
88
+ * @desc
89
+ * @param element
90
+ */
91
+ const getTransform = (element) => {
92
+ let transform = getComputedStyle(element).getPropertyValue('transform');
93
+ let values;
94
+ values = transform.replace(/(matrix|\(|\)|px)/g, '');
95
+ values = values.split(', ');
96
+ return { x: parseInt(values[4]), y: parseInt(values[5]) };
97
+ };
98
+ const pluralize = (function () {
99
+ // var vowels = "aeiou";
100
+ var irregulars = { "addendum": "addenda", "aircraft": "aircraft", "alumna": "alumnae", "alumnus": "alumni", "analysis": "analyses", "antenna": "antennae", "antithesis": "antitheses", "apex": "apices", "appendix": "appendices", "axis": "axes", "bacillus": "bacilli", "bacterium": "bacteria", "basis": "bases", "beau": "beaux", "bison": "bison", "bureau": "bureaux", "cactus": "cacti", "château": "châteaux", "child": "children", "codex": "codices", "concerto": "concerti", "corpus": "corpora", "crisis": "crises", "criterion": "criteria", "curriculum": "curricula", "datum": "data", "deer": "deer", "diagnosis": "diagnoses", "die": "dice", "dwarf": "dwarves", "ellipsis": "ellipses", "erratum": "errata", "faux pas": "faux pas", "fez": "fezzes", "fish": "fish", "focus": "foci", "foot": "feet", "formula": "formulae", "fungus": "fungi", "genus": "genera", "goose": "geese", "graffito": "graffiti", "grouse": "grouse", "half": "halves", "hoof": "hooves", "hypothesis": "hypotheses", "index": "indices", "larva": "larvae", "libretto": "libretti", "loaf": "loaves", "locus": "loci", "louse": "lice", "man": "men", "matrix": "matrices", "medium": "media", "memorandum": "memoranda", "minutia": "minutiae", "moose": "moose", "mouse": "mice", "nebula": "nebulae", "nucleus": "nuclei", "oasis": "oases", "offspring": "offspring", "opus": "opera", "ovum": "ova", "ox": "oxen", "parenthesis": "parentheses", "phenomenon": "phenomena", "phylum": "phyla", "quiz": "quizzes", "radius": "radii", "referendum": "referenda", "salmon": "salmon", "scarf": "scarves", "self": "selves", "series": "series", "sheep": "sheep", "shrimp": "shrimp", "species": "species", "stimulus": "stimuli", "stratum": "strata", "swine": "swine", "syllabus": "syllabi", "symposium": "symposia", "synopsis": "synopses", "tableau": "tableaux", "thesis": "theses", "thief": "thieves", "tooth": "teeth", "trout": "trout", "tuna": "tuna", "vertebra": "vertebrae", "vertex": "vertices", "vita": "vitae", "vortex": "vortices", "wharf": "wharves", "wife": "wives", "wolf": "wolves", "woman": "women", "guy": "guys", "buy": "buys", "person": "people" };
101
+ function text(word, length = 1) {
102
+ if (length > 1) {
103
+ if (irregulars[word]) {
104
+ return irregulars[word];
105
+ }
106
+ else if (word[word.length - 1] === "s" || word.endsWith("sh") || word.endsWith("ch") || word[word.length - 1] === "x" || word[word.length - 1] === "z") {
107
+ return word + "es";
108
+ }
109
+ else if (word[word.length - 1] === "y") {
110
+ return word.substring(0, word.length - 1) + "ies";
111
+ }
112
+ else {
113
+ return word + "s";
114
+ }
115
+ }
116
+ else {
117
+ return word;
118
+ }
119
+ }
120
+ return text;
121
+ })();
122
+
123
+ export { dropInComponent as a, getChilds as b, getTransform as c, delay as d, extractColor as e, getChildElements as g, pluralize as p };
@@ -0,0 +1,35 @@
1
+ /*!
2
+ * Built with Stencil
3
+ * Copyright (c) Bromcom.
4
+ */
5
+ import { s as snq } from './generate.js';
6
+
7
+ class DateTimeHelper {
8
+ }
9
+ DateTimeHelper.convertTimeStampToDate = (timestamp) => new Date(timestamp);
10
+
11
+ class Validators {
12
+ }
13
+ Validators.compareTwoArrayIsSame = (arr1, arr2) => snq(() => arr1.length === arr2.length && arr1.every((v, i) => v === arr2[i]));
14
+ Validators.isEmailValid = (str) => /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(str);
15
+ Validators.isUrlValid = (str) => /^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/i.test(str);
16
+ Validators.isNumberValid = (str) => /^[+-]?\d+$/.test(str);
17
+ Validators.isNumberFloatValid = (str) => /^\d+(\.\d+)?$/.test(str);
18
+ Validators.isPhoneValid = (str) => /^(?=.*[0-9])[- +()0-9]+$/.test(str);
19
+ Validators.pattern = (str, pattern) => new RegExp(pattern).test(str);
20
+ Validators.isValidate = (str, type) => {
21
+ switch (type) {
22
+ case 'email':
23
+ return Validators.isEmailValid(str);
24
+ case 'url':
25
+ return Validators.isUrlValid(str);
26
+ case 'number':
27
+ return Validators.isNumberValid(str) || Validators.isNumberFloatValid(str);
28
+ case 'phone':
29
+ return Validators.isPhoneValid(str);
30
+ default:
31
+ return true;
32
+ }
33
+ };
34
+
35
+ export { DateTimeHelper as D, Validators as V };
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-2a3eeccc.js';
6
6
  import { I as IsLoad } from './is-load-decorator-b990575a.js';
7
- import { G as Generate } from './generate-4e9309bd.js';
7
+ import { G as Generate } from './generate-d766aaed.js';
8
8
 
9
9
  const accordionCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.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}:host{display:block}";
10
10
 
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a3eeccc.js';
6
- import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-4e9309bd.js';
6
+ import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-d766aaed.js';
7
7
  import { c as classnames } from './index-ba2edd32.js';
8
8
  import { c as createStore } from './index-6e950253.js';
9
9
  import { S as StringHelper } from './string-helper-74a1648f.js';
@@ -4,8 +4,8 @@
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-2a3eeccc.js';
6
6
  import { I as IsLoad } from './is-load-decorator-b990575a.js';
7
- import { G as Generate } from './generate-4e9309bd.js';
8
- import { J as JsonParse } from './json-parse-decarator-87ac1cd9.js';
7
+ import { G as Generate } from './generate-d766aaed.js';
8
+ import { J as JsonParse } from './json-parse-decarator-31a154cf.js';
9
9
 
10
10
  const attendanceCss = "@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-attendance{width:fit-content;display:inline-flex;align-items:center;flex-direction:row;gap:4px}.bcm-attendance__item{display:flex;flex-direction:row;align-items:center;gap:1px}.bcm-attendance__item-am,.bcm-attendance__item-pm{display:block;width:calc( calc( 12px + 1px ) / 2 );height:calc( 12px + 1px );background-color:var(--bcm-new-ds-color-blue-500)}.bcm-attendance__item-am:hover,.bcm-attendance__item-pm:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-attendance__item-am{border-top-left-radius:100px;border-bottom-left-radius:100px}.bcm-attendance__item-pm{border-top-right-radius:100px;border-bottom-right-radius:100px}.bcm-attendance__item-status-present{background-color:var(--bcm-new-ds-color-emerald-500)}.bcm-attendance__item-status-present:hover{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-attendance__item-status-late{background-color:var(--bcm-new-ds-color-amber-500)}.bcm-attendance__item-status-late:hover{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-attendance__item-status-absent{background-color:var(--bcm-new-ds-color-red-500)}.bcm-attendance__item-status-absent:hover{background-color:var(--bcm-new-ds-color-red-600)}.bcm-attendance__item-status-default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-attendance__item-status-default:hover{background-color:var(--bcm-new-ds-color-slate-400)}";
11
11
 
@@ -6,10 +6,10 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-2a
6
6
  import { I as IsLoad } from './is-load-decorator-b990575a.js';
7
7
  import { C as ColorHelper } from './color-helper-7e202fd8.js';
8
8
  import './datetime-helper-df25808a.js';
9
- import { G as Generate } from './generate-4e9309bd.js';
10
- import { N as NumberHelper } from './number-helper-f34393b1.js';
9
+ import { G as Generate } from './generate-d766aaed.js';
10
+ import { N as NumberHelper } from './number-helper-02ea488e.js';
11
11
  import './string-helper-74a1648f.js';
12
- import './validators-0e0c76db.js';
12
+ import './validators-6d1beb42.js';
13
13
  import './element-dragger-89bb52fd.js';
14
14
  import { a as Bcm } from './bcm-b8d8a236.js';
15
15
  import { c as classnames } from './index-ba2edd32.js';
@@ -5,7 +5,7 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a3eeccc.js';
6
6
  import { c as classnames } from './index-ba2edd32.js';
7
7
  import { I as IsLoad } from './is-load-decorator-b990575a.js';
8
- import { G as Generate } from './generate-4e9309bd.js';
8
+ import { G as Generate } from './generate-d766aaed.js';
9
9
  import './_commonjsHelpers-3016b722.js';
10
10
 
11
11
  const breadcrumbCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.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}.bcm-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}";
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a3eeccc.js';
6
- import { G as Generate, s as snq } from './generate-4e9309bd.js';
6
+ import { G as Generate, s as snq } from './generate-d766aaed.js';
7
7
  import { B as Bcm } from './bcm-b8d8a236.js';
8
8
  import { I as IsLoad } from './is-load-decorator-b990575a.js';
9
9
  import { c as classnames } from './index-ba2edd32.js';
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-2a3eeccc.js';
6
- import { s as snq, G as Generate } from './generate-4e9309bd.js';
6
+ import { s as snq, G as Generate } from './generate-d766aaed.js';
7
7
  import { B as Bcm } from './bcm-b8d8a236.js';
8
8
  import { c as classnames } from './index-ba2edd32.js';
9
9
  import { c as createStore } from './index-6e950253.js';
@@ -207,7 +207,7 @@ const buttonState = {
207
207
  };
208
208
 
209
209
  const ButtonTemplate = ({ value, type, componentClass, disabled, href, target, loading, isIconOnly, icon, iconPosition, id }) => {
210
- const ButtonTagType = (href && !disabled) ? Bcm.HtmlElementType.a : Bcm.HtmlElementType.button;
210
+ const ButtonTagType = (href) ? Bcm.HtmlElementType.a : Bcm.HtmlElementType.button;
211
211
  return (h(ButtonTagType, Object.assign({ id: id }, (type == Bcm.HtmlElementType.button && { type }), { class: componentClass, disabled: disabled, href: href, target: target, tabindex: "1" }),
212
212
  h("span", { hidden: true },
213
213
  h("slot", null)),
@@ -222,7 +222,7 @@ const ButtonTemplate = ({ value, type, componentClass, disabled, href, target, l
222
222
  h("slot", { name: "suffix" })));
223
223
  };
224
224
 
225
- 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{--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 .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 .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 .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)}";
225
+ 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{--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)}";
226
226
 
227
227
  var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
228
228
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -255,6 +255,7 @@ const BcmButton = class {
255
255
  if (this.disabled) {
256
256
  e.preventDefault();
257
257
  e.stopPropagation();
258
+ return false;
258
259
  }
259
260
  }
260
261
  componentWillRender() {
@@ -355,6 +356,7 @@ const BcmButton = class {
355
356
  let componentClass = classnames('bcm-button__container', `bcm-button__container-size-${size}`, `bcm-button__container-kind-${outline ? 'ghost' : kind}`, {
356
357
  'full-width': fullWidth,
357
358
  'checked': this.checked,
359
+ 'disabled': disabled,
358
360
  });
359
361
  const hostClasses = classnames(`${classPrefix}`, {
360
362
  hidden,
@@ -6,7 +6,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-2a
6
6
  import { c as classnames } from './index-ba2edd32.js';
7
7
  import { I as IsLoad } from './is-load-decorator-b990575a.js';
8
8
  import { C as ColorHelper } from './color-helper-7e202fd8.js';
9
- import { G as Generate } from './generate-4e9309bd.js';
9
+ import { G as Generate } from './generate-d766aaed.js';
10
10
  import { S as StringHelper } from './string-helper-74a1648f.js';
11
11
  import { S as SlotTemplate } from './slot-template-877c4e01.js';
12
12
  import './_commonjsHelpers-3016b722.js';
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-2a3eeccc.js';
6
6
  import { c as classnames } from './index-ba2edd32.js';
7
- import { G as Generate, s as snq } from './generate-4e9309bd.js';
7
+ import { G as Generate, s as snq } from './generate-d766aaed.js';
8
8
  import { B as Bcm } from './bcm-b8d8a236.js';
9
9
  import { d as delay, g as getChildElements } from './utils-57652744.js';
10
10
  import { c as createStore } from './index-6e950253.js';
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-2a3eeccc.js';
6
6
  import { c as classnames } from './index-ba2edd32.js';
7
- import { G as Generate } from './generate-4e9309bd.js';
7
+ import { G as Generate } from './generate-d766aaed.js';
8
8
  import { B as Bcm } from './bcm-b8d8a236.js';
9
9
  import { I as IsLoad } from './is-load-decorator-b990575a.js';
10
10
  import { c as getChilds, d as delay } from './utils-57652744.js';
@@ -5,7 +5,7 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a3eeccc.js';
6
6
  import { c as classnames } from './index-ba2edd32.js';
7
7
  import { C as CaptionTemplate } from './caption-template-d54ee0c3.js';
8
- import { G as Generate } from './generate-4e9309bd.js';
8
+ import { G as Generate } from './generate-d766aaed.js';
9
9
  import { S as SlotTemplate } from './slot-template-877c4e01.js';
10
10
  import { B as Bcm } from './bcm-b8d8a236.js';
11
11
  import { d as delay } from './utils-57652744.js';
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-2a3eeccc.js';
6
6
  import { I as IsLoad } from './is-load-decorator-b990575a.js';
7
- import { G as Generate } from './generate-4e9309bd.js';
7
+ import { G as Generate } from './generate-d766aaed.js';
8
8
  import { c as classnames } from './index-ba2edd32.js';
9
9
  import { C as ColorHelper } from './color-helper-7e202fd8.js';
10
10
  import './_commonjsHelpers-3016b722.js';
@@ -5,7 +5,7 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a3eeccc.js';
6
6
  import { c as classnames } from './index-ba2edd32.js';
7
7
  import { I as IsLoad } from './is-load-decorator-b990575a.js';
8
- import { G as Generate } from './generate-4e9309bd.js';
8
+ import { G as Generate } from './generate-d766aaed.js';
9
9
  import './_commonjsHelpers-3016b722.js';
10
10
 
11
11
  const collapseCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.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}.bcm-collapse{display:block;border:1px solid var(--bcm-color-grey-5)}.bcm-collapse ::-webkit-details-marker{display:none}.bcm-collapse__header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default;user-select:none}.bcm-collapse__header:focus{outline:none}.bcm-collapse__header .collapse-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.bcm-collapse__body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8)}.bcm-collapse--borderless{border:none}.bcm-collapse--borderless:not(.bcm-collapse--no-border){border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-collapse--borderless .bcm-collapse__header{border-bottom:none}.bcm-collapse--borderless .bcm-collapse__body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.bcm-collapse:not(.bcm-collapse--open) .bcm-collapse__header{border-bottom:none}.bcm-collapse:not(:first-child) .collapse{border-top:none}.bcm-collapse.hidden{display:none}";
@@ -6,7 +6,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-2a
6
6
  import { c as classnames } from './index-ba2edd32.js';
7
7
  import { I as IsLoad } from './is-load-decorator-b990575a.js';
8
8
  import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
9
- import { G as Generate } from './generate-4e9309bd.js';
9
+ import { G as Generate } from './generate-d766aaed.js';
10
10
  import { B as Bcm } from './bcm-b8d8a236.js';
11
11
  import { d as delay } from './utils-57652744.js';
12
12
  import './_commonjsHelpers-3016b722.js';
@@ -7,7 +7,7 @@ import { D as DragDirections, E as ElementDragger } from './element-dragger-89bb
7
7
  import { c as classnames } from './index-ba2edd32.js';
8
8
  import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
9
9
  import { d as delay } from './utils-57652744.js';
10
- import { G as Generate } from './generate-4e9309bd.js';
10
+ import { G as Generate } from './generate-d766aaed.js';
11
11
  import { B as Bcm } from './bcm-b8d8a236.js';
12
12
  import { g as getPlacement, s as setPosition } from './popover-placement-9864294b.js';
13
13
  import { L as LabelTemplate } from './label-template-e3eebfbc.js';
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-2a3eeccc.js';
6
6
  import { I as IsLoad } from './is-load-decorator-b990575a.js';
7
- import { G as Generate } from './generate-4e9309bd.js';
7
+ import { G as Generate } from './generate-d766aaed.js';
8
8
 
9
9
  const defaultCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.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}:host{display:block}";
10
10