bromcom-ui 2.9.0-rc.8 → 2.9.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 (495) hide show
  1. package/dist/bromcom-ui/bromcom-ui.css +1 -1
  2. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  3. package/dist/bromcom-ui/global/global.js +6 -0
  4. package/dist/bromcom-ui/global/helper/toast.ts +2 -0
  5. package/dist/bromcom-ui/p-08c75801.js +5 -0
  6. package/dist/bromcom-ui/p-0dacfdbc.entry.js +5 -0
  7. package/dist/bromcom-ui/{p-24f0e23a.entry.js → p-13f6e1a7.entry.js} +1 -1
  8. package/dist/bromcom-ui/{p-5c3e9ac9.entry.js → p-14cafd64.entry.js} +1 -1
  9. package/dist/bromcom-ui/p-170cf07d.js +6 -0
  10. package/dist/bromcom-ui/p-19634d99.js +5 -0
  11. package/dist/bromcom-ui/{p-e4477593.entry.js → p-1c801d0c.entry.js} +1 -1
  12. package/dist/bromcom-ui/{p-48f85544.entry.js → p-1c9314bd.entry.js} +1 -1
  13. package/dist/bromcom-ui/{p-6bcaf906.entry.js → p-1cfe5a5d.entry.js} +1 -1
  14. package/dist/bromcom-ui/p-20ba9769.entry.js +5 -0
  15. package/dist/bromcom-ui/{p-8ded5483.entry.js → p-228c74e9.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-65f01d32.entry.js → p-22eb4e12.entry.js} +1 -1
  17. package/dist/bromcom-ui/{p-f331e009.entry.js → p-26290ed5.entry.js} +1 -1
  18. package/dist/bromcom-ui/{p-240151d4.entry.js → p-2aaeb247.entry.js} +1 -1
  19. package/dist/bromcom-ui/{p-73ca7c0a.entry.js → p-2b822458.entry.js} +1 -1
  20. package/dist/bromcom-ui/{p-dbc4c30c.js → p-2c5a0863.js} +1 -1
  21. package/dist/bromcom-ui/p-304bfa08.entry.js +5 -0
  22. package/dist/bromcom-ui/p-3432a82d.js +19 -0
  23. package/dist/bromcom-ui/p-399bce44.entry.js +5 -0
  24. package/dist/bromcom-ui/p-41cea609.entry.js +7 -0
  25. package/dist/bromcom-ui/{p-6c3e9e10.entry.js → p-430c0a24.entry.js} +1 -1
  26. package/dist/bromcom-ui/p-434c170e.js +5 -0
  27. package/dist/bromcom-ui/{p-d0bb9a84.entry.js → p-440bbaaa.entry.js} +1 -1
  28. package/dist/bromcom-ui/p-47400be4.entry.js +5 -0
  29. package/dist/bromcom-ui/{p-f5bed571.entry.js → p-4a2de9ce.entry.js} +1 -1
  30. package/dist/bromcom-ui/p-4f42085a.entry.js +5 -0
  31. package/dist/bromcom-ui/{p-ff48f5b2.entry.js → p-5232e011.entry.js} +1 -1
  32. package/dist/bromcom-ui/p-53e91ae6.js +5 -0
  33. package/dist/bromcom-ui/{p-c75519d5.js → p-54211561.js} +1 -1
  34. package/dist/bromcom-ui/{p-dc2c4b14.entry.js → p-5699f67d.entry.js} +1 -1
  35. package/dist/bromcom-ui/p-5871767a.entry.js +5 -0
  36. package/dist/bromcom-ui/{p-45767d1d.entry.js → p-588165ef.entry.js} +1 -1
  37. package/dist/bromcom-ui/p-5916e844.entry.js +5 -0
  38. package/dist/bromcom-ui/{p-499bb928.entry.js → p-5fb0f815.entry.js} +1 -1
  39. package/dist/bromcom-ui/{p-2fc584c4.js → p-61db1f1f.js} +1 -1
  40. package/dist/bromcom-ui/{p-89e1d8c5.entry.js → p-626b805d.entry.js} +1 -1
  41. package/dist/bromcom-ui/{p-d389b202.entry.js → p-647de93f.entry.js} +1 -1
  42. package/dist/bromcom-ui/p-64fad38b.js +11 -0
  43. package/dist/bromcom-ui/{p-03134b6f.entry.js → p-67343ad8.entry.js} +1 -1
  44. package/dist/bromcom-ui/{p-bd51d347.entry.js → p-69260d36.entry.js} +1 -1
  45. package/dist/bromcom-ui/p-6cf1e8a2.entry.js +5 -0
  46. package/dist/bromcom-ui/{p-4aa0e6b1.js → p-6edf985f.js} +1 -1
  47. package/dist/bromcom-ui/p-73ec379d.entry.js +5 -0
  48. package/dist/bromcom-ui/{p-3cde7f38.js → p-74e6d2b6.js} +1 -1
  49. package/dist/bromcom-ui/p-75ec5cc6.entry.js +5 -0
  50. package/dist/bromcom-ui/p-784a7bb0.entry.js +5 -0
  51. package/dist/bromcom-ui/p-78f0fe00.js +5 -0
  52. package/dist/bromcom-ui/p-7b05abe8.entry.js +5 -0
  53. package/dist/bromcom-ui/{p-d995750a.entry.js → p-7c5763cc.entry.js} +1 -1
  54. package/dist/bromcom-ui/p-7cb30513.js +5 -0
  55. package/dist/bromcom-ui/{p-81eeccfa.entry.js → p-7d18ce0e.entry.js} +1 -1
  56. package/dist/bromcom-ui/{p-5ae0a59b.js → p-7e44e6b5.js} +1 -1
  57. package/dist/bromcom-ui/p-80ee3d97.entry.js +5 -0
  58. package/dist/bromcom-ui/p-822d590f.entry.js +5 -0
  59. package/dist/bromcom-ui/p-85eedabc.js +5 -0
  60. package/dist/bromcom-ui/p-89a28750.entry.js +5 -0
  61. package/dist/bromcom-ui/{p-3c7a0345.js → p-8c018ae0.js} +1 -1
  62. package/dist/bromcom-ui/p-8f45ba5f.entry.js +5 -0
  63. package/dist/bromcom-ui/p-9075a184.entry.js +5 -0
  64. package/dist/bromcom-ui/{p-f58c1fbe.entry.js → p-913c55ee.entry.js} +1 -1
  65. package/dist/bromcom-ui/p-9164639f.entry.js +5 -0
  66. package/dist/bromcom-ui/p-9850cbce.js +5 -0
  67. package/dist/bromcom-ui/{p-8bcfe3b3.entry.js → p-99824717.entry.js} +1 -1
  68. package/dist/bromcom-ui/p-9bd5f3b4.entry.js +5 -0
  69. package/dist/bromcom-ui/{p-6aeaef2a.entry.js → p-a006e404.entry.js} +1 -1
  70. package/dist/bromcom-ui/{p-e9842c26.js → p-a0ba474b.js} +1 -1
  71. package/dist/bromcom-ui/{p-b60bcecf.js → p-a1b1750c.js} +1 -1
  72. package/dist/bromcom-ui/{p-8fcb5846.js → p-a2c364af.js} +1 -1
  73. package/dist/bromcom-ui/p-a40a5474.entry.js +5 -0
  74. package/dist/bromcom-ui/{p-7c6e3ae5.entry.js → p-a664cc20.entry.js} +1 -1
  75. package/dist/bromcom-ui/p-a9eb0321.js +315 -0
  76. package/dist/bromcom-ui/{p-2acd6bee.entry.js → p-ab0b4d1e.entry.js} +1 -1
  77. package/dist/bromcom-ui/{p-ea4d8a18.entry.js → p-ae57f046.entry.js} +1 -1
  78. package/dist/bromcom-ui/{p-2caa75a4.entry.js → p-b4f033b4.entry.js} +1 -1
  79. package/dist/bromcom-ui/p-b81e8f91.js +5 -0
  80. package/dist/bromcom-ui/{p-503feae9.entry.js → p-b8a8bd1d.entry.js} +1 -1
  81. package/dist/bromcom-ui/{p-b4ac5904.js → p-b901e1ce.js} +1 -1
  82. package/dist/bromcom-ui/p-ba74a838.entry.js +5 -0
  83. package/dist/bromcom-ui/{p-c42dffea.entry.js → p-ba949d4a.entry.js} +1 -1
  84. package/dist/bromcom-ui/{p-f4538abb.entry.js → p-ba9eff2a.entry.js} +1 -1
  85. package/dist/bromcom-ui/{p-fb4b5224.entry.js → p-bd2b6de5.entry.js} +1 -1
  86. package/dist/bromcom-ui/{p-ebee9f45.entry.js → p-c1a992e7.entry.js} +1 -1
  87. package/dist/bromcom-ui/{p-908b1b5d.js → p-c8751181.js} +1 -1
  88. package/dist/bromcom-ui/p-ccf0872d.js +5 -0
  89. package/dist/bromcom-ui/p-cf659967.entry.js +5 -0
  90. package/dist/bromcom-ui/{p-8d0ca8c2.js → p-d153c7fc.js} +1 -1
  91. package/dist/bromcom-ui/p-d3db9e02.entry.js +5 -0
  92. package/dist/bromcom-ui/{p-7ddaedb7.entry.js → p-d551a51d.entry.js} +1 -1
  93. package/dist/bromcom-ui/{p-ec36d0c0.entry.js → p-d68c2c0a.entry.js} +1 -1
  94. package/dist/bromcom-ui/{p-e5a0d8f6.entry.js → p-d724cfa9.entry.js} +1 -1
  95. package/dist/bromcom-ui/{p-af0a447d.entry.js → p-d7ca94e1.entry.js} +1 -1
  96. package/dist/bromcom-ui/p-dd49ae28.entry.js +5 -0
  97. package/dist/bromcom-ui/p-e2294927.entry.js +5 -0
  98. package/dist/bromcom-ui/{p-1b1f4b44.entry.js → p-e688b044.entry.js} +1 -1
  99. package/dist/bromcom-ui/p-ec0224fb.entry.js +5 -0
  100. package/dist/bromcom-ui/{p-6ca980dd.entry.js → p-ece578ef.entry.js} +1 -1
  101. package/dist/bromcom-ui/{p-1be22601.entry.js → p-ef8c5b55.entry.js} +1 -1
  102. package/dist/bromcom-ui/p-f711588b.js +5 -0
  103. package/dist/bromcom-ui/p-fe1f2413.entry.js +5 -0
  104. package/dist/bromcom-ui/{p-a82f2b2a.entry.js → p-fe83cdd3.entry.js} +1 -1
  105. package/dist/bromcom-ui/{p-f619f9f9.entry.js → p-fff1a0f9.entry.js} +1 -1
  106. package/dist/bromcom-ui/static/message-bot.svg +2 -2
  107. package/dist/cjs/{_commonjsHelpers-bd20f4c0.js → _commonjsHelpers-ed84c3ca.js} +16 -0
  108. package/dist/cjs/{bcm-ab921827.js → bcm-7f703055.js} +33 -31
  109. package/dist/cjs/bcm-accordion.cjs.entry.js +5 -5
  110. package/dist/cjs/bcm-alert.cjs.entry.js +9 -9
  111. package/dist/cjs/bcm-attendance.cjs.entry.js +5 -5
  112. package/dist/cjs/bcm-autocomplete.cjs.entry.js +3 -3
  113. package/dist/cjs/bcm-avatar_2.cjs.entry.js +209 -0
  114. package/dist/cjs/bcm-box.cjs.entry.js +1 -1
  115. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +6 -6
  116. package/dist/cjs/bcm-button-group.cjs.entry.js +11 -11
  117. package/dist/cjs/bcm-button_15.cjs.entry.js +35172 -0
  118. package/dist/cjs/bcm-card.cjs.entry.js +10 -10
  119. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +29 -29
  120. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +10 -10
  121. package/dist/cjs/{bcm-checkbox.cjs.entry.js → bcm-checkbox_2.cjs.entry.js} +28 -17
  122. package/dist/cjs/bcm-chip-group.cjs.entry.js +15 -16
  123. package/dist/cjs/bcm-chip.cjs.entry.js +7 -7
  124. package/dist/cjs/bcm-collapse-group.cjs.entry.js +1 -1
  125. package/dist/cjs/bcm-collapse.cjs.entry.js +6 -6
  126. package/dist/cjs/bcm-color-input.cjs.entry.js +10 -11
  127. package/dist/cjs/bcm-colorpicker.cjs.entry.js +3 -3
  128. package/dist/cjs/bcm-content.cjs.entry.js +1 -1
  129. package/dist/cjs/bcm-default.cjs.entry.js +5 -5
  130. package/dist/cjs/bcm-drawer.cjs.entry.js +13 -14
  131. package/dist/cjs/bcm-dropdown.cjs.entry.js +119 -0
  132. package/dist/cjs/bcm-error-layout.cjs.entry.js +3 -3
  133. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +9 -9
  134. package/dist/cjs/bcm-form-group.cjs.entry.js +1 -1
  135. package/dist/cjs/bcm-input-custom.cjs.entry.js +6 -6
  136. package/dist/cjs/bcm-input-dropdown.cjs.entry.js +309 -0
  137. package/dist/cjs/bcm-item.cjs.entry.js +72 -0
  138. package/dist/cjs/bcm-items.cjs.entry.js +49 -0
  139. package/dist/cjs/bcm-link.cjs.entry.js +6 -6
  140. package/dist/cjs/bcm-list_3.cjs.entry.js +169 -1691
  141. package/dist/cjs/bcm-menu.cjs.entry.js +150 -0
  142. package/dist/cjs/bcm-message.cjs.entry.js +3 -3
  143. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +11 -12
  144. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +10 -11
  145. package/dist/cjs/bcm-modal-2.cjs.entry.js +12 -13
  146. package/dist/cjs/bcm-modal.cjs.entry.js +11 -11
  147. package/dist/cjs/bcm-notification.cjs.entry.js +3 -3
  148. package/dist/cjs/bcm-old-tag_2.cjs.entry.js +3 -3
  149. package/dist/cjs/bcm-overlay_2.cjs.entry.js +4 -4
  150. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +10 -10
  151. package/dist/cjs/bcm-popconfirm.cjs.entry.js +9 -9
  152. package/dist/cjs/bcm-popover.cjs.entry.js +229 -0
  153. package/dist/cjs/bcm-progress.cjs.entry.js +9 -9
  154. package/dist/cjs/bcm-radio-group.cjs.entry.js +17 -18
  155. package/dist/cjs/bcm-radio.cjs.entry.js +18 -19
  156. package/dist/cjs/bcm-range.cjs.entry.js +10 -10
  157. package/dist/cjs/bcm-result.cjs.entry.js +3 -3
  158. package/dist/cjs/bcm-select-group.cjs.entry.js +3 -3
  159. package/dist/cjs/bcm-select-option.cjs.entry.js +3 -3
  160. package/dist/cjs/bcm-select.cjs.entry.js +5 -5
  161. package/dist/cjs/bcm-skeleton.cjs.entry.js +5 -5
  162. package/dist/cjs/bcm-step.cjs.entry.js +8 -8
  163. package/dist/cjs/bcm-stepper.cjs.entry.js +15 -16
  164. package/dist/cjs/bcm-switch.cjs.entry.js +15 -15
  165. package/dist/cjs/bcm-tab-group.cjs.entry.js +209 -0
  166. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +58 -0
  167. package/dist/cjs/bcm-tab-item.cjs.entry.js +90 -0
  168. package/dist/cjs/bcm-tab-pane.cjs.entry.js +3 -3
  169. package/dist/cjs/bcm-tab.cjs.entry.js +3 -3
  170. package/dist/cjs/bcm-table.cjs.entry.js +7648 -38
  171. package/dist/cjs/bcm-tabs-content.cjs.entry.js +3 -3
  172. package/dist/cjs/bcm-tabs.cjs.entry.js +3 -3
  173. package/dist/cjs/bcm-tag.cjs.entry.js +19 -19
  174. package/dist/cjs/bcm-text.cjs.entry.js +49 -0
  175. package/dist/cjs/bcm-textarea.cjs.entry.js +13 -13
  176. package/dist/cjs/bcm-timeline-item.cjs.entry.js +3 -3
  177. package/dist/cjs/bcm-timeline.cjs.entry.js +3 -3
  178. package/dist/cjs/bcm-toast.cjs.entry.js +38 -19
  179. package/dist/cjs/bcm-treeview-group.cjs.entry.js +1 -1
  180. package/dist/cjs/bromcom-ui.cjs.js +5 -4
  181. package/dist/cjs/{caption-template-8d099fd6.js → caption-template-81dbc490.js} +2 -2
  182. package/dist/cjs/{color-helper-7ab15732.js → color-helper-c3a819ea.js} +1 -1
  183. package/dist/cjs/{colors-e1d142ad.js → colors-078851ec.js} +1 -1
  184. package/dist/cjs/{floating-ui-c9fc2202.js → floating-ui-b441ea7c.js} +2 -2
  185. package/dist/cjs/{generate-cae9c0fb.js → generate-1dfe001a.js} +2 -2
  186. package/dist/cjs/{global-3ce50f9f.js → global-4a6abd46.js} +6 -1
  187. package/dist/cjs/index-5279dea2.js +2571 -0
  188. package/dist/cjs/{index-906fb4e5.js → index-7eed931f.js} +1631 -25
  189. package/dist/cjs/{index-fdbf5226.js → index-95ae50d0.js} +1 -1
  190. package/dist/cjs/{index-ddfd6d8f.js → index-c591ecec.js} +4 -0
  191. package/dist/cjs/{index-4506fcd7.js → index-d321de96.js} +1 -1
  192. package/dist/cjs/{input-template-a7f8f2e9.js → input-template-41868c68.js} +8 -8
  193. package/dist/cjs/{is-load-decorator-137dded1.js → is-load-decorator-15036f37.js} +3 -2
  194. package/dist/cjs/{json-parse-decarator-34a3d26e.js → json-parse-decarator-f29c368a.js} +2 -2
  195. package/dist/cjs/{label-template-4d5f99a5.js → label-template-80235581.js} +5 -5
  196. package/dist/cjs/loader.cjs.js +5 -4
  197. package/dist/cjs/{number-helper-101d8aa8.js → number-helper-2b9c1f9d.js} +1 -1
  198. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +11 -11
  199. package/dist/cjs/old-bcm-popover.cjs.entry.js +9 -9
  200. package/dist/cjs/{package-ed8b3296.js → package-66b81414.js} +1 -1
  201. package/dist/cjs/{popover-placement-ccb40073.js → popover-placement-f20020a6.js} +1 -1
  202. package/dist/cjs/{slot-template-d70ea082.js → slot-template-873b0cd5.js} +2 -2
  203. package/dist/cjs/{stepper-states-308c8d3e.js → stepper-states-6ccb8ab3.js} +3 -3
  204. package/dist/cjs/{string-helper-d681e5c7.js → string-helper-fda7cbba.js} +5 -5
  205. package/dist/cjs/tooltip-helper-0eb3ef13.js +157 -0
  206. package/dist/cjs/{validators-26badb68.js → validators-97a46a9e.js} +6 -1
  207. package/dist/cjs/watermark-2c23c8f1.js +47499 -0
  208. package/dist/collection/assets/csv.svg +9 -0
  209. package/dist/collection/assets/excel.svg +9 -0
  210. package/dist/collection/assets/pdf.svg +9 -0
  211. package/dist/collection/collection-manifest.json +5 -2
  212. package/dist/collection/components/atoms/avatar/avatar.js +21 -23
  213. package/dist/collection/components/atoms/avatar/avatar.style.js +24 -21
  214. package/dist/collection/components/atoms/badge/badge.js +2 -1
  215. package/dist/collection/components/atoms/badge/badge.style.js +36 -24
  216. package/dist/collection/components/atoms/button/button.css +55 -0
  217. package/dist/collection/components/atoms/button/button.js +1 -1
  218. package/dist/collection/components/atoms/icon/static/message-bot.svg +2 -2
  219. package/dist/collection/components/molecules/dropdown/dropdown.js +1 -1
  220. package/dist/collection/components/molecules/input/input.js +0 -2
  221. package/dist/collection/components/molecules/input-dropdown/input-dropdown.css +291 -0
  222. package/dist/collection/components/molecules/input-dropdown/input-dropdown.js +751 -0
  223. package/dist/collection/components/molecules/input-dropdown/input-dropdown.style.js +73 -0
  224. package/dist/collection/components/molecules/linked/linked.js +5 -29
  225. package/dist/collection/components/molecules/popconfirm/popconfirm.js +1 -1
  226. package/dist/collection/components/molecules/popover/popover.js +1 -1
  227. package/dist/collection/components/molecules/tooltip/tooltip.js +1 -1
  228. package/dist/collection/components/organism/date-picker/date-picker.css +1 -1
  229. package/dist/collection/components/organism/date-picker/date-picker.js +20 -1
  230. package/dist/collection/components/organism/datetime-picker/datetime-picker.css +13 -1
  231. package/dist/collection/components/organism/datetime-picker/datetime-picker.js +21 -1
  232. package/dist/collection/components/organism/form/form.js +1 -0
  233. package/dist/collection/components/organism/form-2/bcm-form-components.js +4 -1
  234. package/dist/collection/components/organism/list/list.css +1 -1
  235. package/dist/collection/components/organism/list/list.js +63 -22
  236. package/dist/collection/components/organism/time-picker/time-picker.css +1 -1
  237. package/dist/collection/components/organism/time-picker/time-picker.js +20 -1
  238. package/dist/collection/components/other/toast/toast.js +48 -11
  239. package/dist/collection/components/other_deprecated/old-popover/old-popover.js +1 -1
  240. package/dist/collection/components/third-parts/rc-picker/date.js +862 -0
  241. package/dist/collection/components/third-parts/rc-picker/rc-picker.css +1009 -0
  242. package/dist/collection/components/third-parts/rc-picker/rc-picker.js +550 -0
  243. package/dist/collection/components/third-parts/table/table-definations.js +42 -0
  244. package/dist/collection/components/third-parts/table/table.css +136 -0
  245. package/dist/collection/components/third-parts/table/table.js +288 -0
  246. package/dist/collection/decorators/bcm-decorator.js +28 -0
  247. package/dist/collection/decorators/event-decorator.js +31 -0
  248. package/dist/collection/decorators/index.js +1 -0
  249. package/dist/collection/decorators/is-load-decorator.js +2 -1
  250. package/dist/collection/global/global.js +6 -0
  251. package/dist/collection/global/helper/toast.js +1 -0
  252. package/dist/collection/global/helper/toast.ts +2 -0
  253. package/dist/collection/helper/string-helper.js +2 -2
  254. package/dist/collection/models/bcm.js +29 -27
  255. package/dist/collection/templates/index.js +2 -0
  256. package/dist/collection/templates/toolbar-hamburger-template.js +14 -0
  257. package/dist/collection/templates/toolbar-template.js +15 -0
  258. package/dist/components/_commonjsHelpers.js +16 -1
  259. package/dist/components/avatar.js +46 -44
  260. package/dist/components/badge.js +39 -70
  261. package/dist/components/bcm-chip-group.js +14 -8
  262. package/dist/components/bcm-date-picker.js +4 -2
  263. package/dist/components/bcm-date.d.ts +11 -0
  264. package/dist/components/bcm-date.js +232 -0
  265. package/dist/components/bcm-form-2.js +4 -1
  266. package/dist/components/bcm-form.js +1 -0
  267. package/dist/components/bcm-input-dropdown.d.ts +11 -0
  268. package/dist/components/bcm-input-dropdown.js +395 -0
  269. package/dist/components/bcm-rc-picker.d.ts +11 -0
  270. package/dist/components/bcm-rc-picker.js +10 -0
  271. package/dist/components/bcm-table.js +55128 -41
  272. package/dist/components/bcm-textarea.js +1 -214
  273. package/dist/components/bcm-time-picker.js +4 -2
  274. package/dist/components/bcm-toast.js +30 -10
  275. package/dist/components/bcm.js +29 -27
  276. package/dist/components/button.js +1 -1
  277. package/dist/components/chip.js +12 -6
  278. package/dist/components/colors2.js +1 -1
  279. package/dist/components/datetime-picker.js +5 -2
  280. package/dist/components/generate.js +1 -1
  281. package/dist/components/index.d.ts +4 -1
  282. package/dist/components/index.js +9 -1
  283. package/dist/components/index3.js +5 -1
  284. package/dist/components/index5.js +2569 -0
  285. package/dist/components/input.js +0 -2
  286. package/dist/components/is-load-decorator.js +2 -1
  287. package/dist/components/linked.js +5 -11
  288. package/dist/components/list.js +22 -8
  289. package/dist/components/raf.js +1594 -0
  290. package/dist/components/rc-overflow.js +32 -1557
  291. package/dist/components/rc-picker.js +14030 -0
  292. package/dist/components/string-helper.js +2 -2
  293. package/dist/components/textarea.js +220 -0
  294. package/dist/esm/{_commonjsHelpers-3016b722.js → _commonjsHelpers-7002e5de.js} +16 -1
  295. package/dist/esm/bcm-accordion.entry.js +5 -5
  296. package/dist/esm/bcm-alert.entry.js +9 -9
  297. package/dist/esm/bcm-attendance.entry.js +5 -5
  298. package/dist/esm/bcm-autocomplete.entry.js +3 -3
  299. package/dist/esm/bcm-avatar_2.entry.js +204 -0
  300. package/dist/esm/bcm-box.entry.js +1 -1
  301. package/dist/esm/bcm-breadcrumb.entry.js +6 -6
  302. package/dist/esm/bcm-button-group.entry.js +8 -8
  303. package/dist/esm/bcm-button_15.entry.js +35154 -0
  304. package/dist/esm/bcm-card.entry.js +11 -11
  305. package/dist/esm/bcm-checkbox-group.entry.js +19 -19
  306. package/dist/esm/bcm-checkbox-lite_9.entry.js +8 -8
  307. package/dist/esm/{bcm-checkbox.entry.js → bcm-checkbox_2.entry.js} +24 -14
  308. package/dist/esm/bcm-chip-group.entry.js +16 -17
  309. package/dist/esm/bcm-chip.entry.js +8 -8
  310. package/dist/esm/bcm-collapse-group.entry.js +2 -2
  311. package/dist/esm/bcm-collapse.entry.js +6 -6
  312. package/dist/esm/bcm-color-input.entry.js +12 -13
  313. package/dist/esm/bcm-colorpicker.entry.js +5 -5
  314. package/dist/esm/bcm-content.entry.js +1 -1
  315. package/dist/esm/{bcm-9f50af9c.js → bcm-d45dc47d.js} +30 -28
  316. package/dist/esm/bcm-default.entry.js +5 -5
  317. package/dist/esm/bcm-drawer.entry.js +13 -14
  318. package/dist/esm/bcm-dropdown.entry.js +115 -0
  319. package/dist/esm/bcm-error-layout.entry.js +3 -3
  320. package/dist/esm/bcm-expansion-panel.entry.js +10 -10
  321. package/dist/esm/bcm-form-group.entry.js +1 -1
  322. package/dist/esm/bcm-input-custom.entry.js +6 -6
  323. package/dist/esm/bcm-input-dropdown.entry.js +305 -0
  324. package/dist/esm/bcm-item.entry.js +68 -0
  325. package/dist/esm/bcm-items.entry.js +45 -0
  326. package/dist/esm/bcm-link.entry.js +4 -4
  327. package/dist/esm/bcm-list_3.entry.js +93 -1615
  328. package/dist/esm/bcm-menu.entry.js +146 -0
  329. package/dist/esm/bcm-message.entry.js +3 -3
  330. package/dist/esm/bcm-modal-2-footer.entry.js +13 -14
  331. package/dist/esm/bcm-modal-2-header.entry.js +12 -13
  332. package/dist/esm/bcm-modal-2.entry.js +13 -14
  333. package/dist/esm/bcm-modal.entry.js +9 -9
  334. package/dist/esm/bcm-notification.entry.js +3 -3
  335. package/dist/esm/bcm-old-tag_2.entry.js +4 -4
  336. package/dist/esm/bcm-overlay_2.entry.js +4 -4
  337. package/dist/esm/bcm-popconfirm-box.entry.js +11 -11
  338. package/dist/esm/bcm-popconfirm.entry.js +7 -7
  339. package/dist/esm/bcm-popover.entry.js +225 -0
  340. package/dist/esm/bcm-progress.entry.js +9 -9
  341. package/dist/esm/bcm-radio-group.entry.js +15 -16
  342. package/dist/esm/bcm-radio.entry.js +13 -14
  343. package/dist/esm/bcm-range.entry.js +8 -8
  344. package/dist/esm/bcm-result.entry.js +3 -3
  345. package/dist/esm/bcm-select-group.entry.js +3 -3
  346. package/dist/esm/bcm-select-option.entry.js +3 -3
  347. package/dist/esm/bcm-select.entry.js +6 -6
  348. package/dist/esm/bcm-skeleton.entry.js +5 -5
  349. package/dist/esm/bcm-step.entry.js +8 -8
  350. package/dist/esm/bcm-stepper.entry.js +15 -16
  351. package/dist/esm/bcm-switch.entry.js +10 -10
  352. package/dist/esm/bcm-tab-group.entry.js +205 -0
  353. package/dist/esm/bcm-tab-item-header.entry.js +54 -0
  354. package/dist/esm/bcm-tab-item.entry.js +86 -0
  355. package/dist/esm/bcm-tab-pane.entry.js +3 -3
  356. package/dist/esm/bcm-tab.entry.js +3 -3
  357. package/dist/esm/bcm-table.entry.js +7649 -39
  358. package/dist/esm/bcm-tabs-content.entry.js +4 -4
  359. package/dist/esm/bcm-tabs.entry.js +4 -4
  360. package/dist/esm/bcm-tag.entry.js +9 -9
  361. package/dist/esm/bcm-text.entry.js +45 -0
  362. package/dist/esm/bcm-textarea.entry.js +11 -11
  363. package/dist/esm/bcm-timeline-item.entry.js +3 -3
  364. package/dist/esm/bcm-timeline.entry.js +3 -3
  365. package/dist/esm/bcm-toast.entry.js +38 -19
  366. package/dist/esm/bcm-treeview-group.entry.js +1 -1
  367. package/dist/esm/bromcom-ui.js +6 -5
  368. package/dist/esm/{caption-template-34a1cb44.js → caption-template-d47f338f.js} +2 -2
  369. package/dist/esm/{color-helper-116755ed.js → color-helper-845ba523.js} +2 -2
  370. package/dist/esm/{colors-44c95e7e.js → colors-ebea297f.js} +1 -1
  371. package/dist/esm/{element-dragger-7ea06c76.js → element-dragger-89bb52fd.js} +1 -1
  372. package/dist/esm/{floating-ui-e7341329.js → floating-ui-8a0c54d6.js} +1 -1
  373. package/dist/esm/{generate-e008f24f.js → generate-7a1258c4.js} +2 -2
  374. package/dist/esm/{global-9c04f017.js → global-032592ad.js} +6 -1
  375. package/dist/esm/{index-ed9652af.js → index-00c8a8f7.js} +1 -1
  376. package/dist/esm/{index-348b16ad.js → index-0615c2b8.js} +3 -1
  377. package/dist/esm/index-3bc8c6e3.js +2569 -0
  378. package/dist/esm/{index-0052017c.js → index-7e71bbc8.js} +1 -1
  379. package/dist/esm/{index-6310a048.js → index-e4b6a4ce.js} +1616 -26
  380. package/dist/esm/{input-template-0bdd4dda.js → input-template-68c29fde.js} +4 -4
  381. package/dist/esm/{is-load-decorator-07d3502a.js → is-load-decorator-8277e3b8.js} +3 -2
  382. package/dist/esm/{json-parse-decarator-40fc5701.js → json-parse-decarator-2945634b.js} +2 -2
  383. package/dist/esm/{label-template-98dafeb3.js → label-template-946d4062.js} +4 -4
  384. package/dist/esm/loader.js +6 -5
  385. package/dist/esm/{number-helper-ddce4326.js → number-helper-fe7d1aca.js} +1 -1
  386. package/dist/esm/old-bcm-popover-box.entry.js +13 -13
  387. package/dist/esm/old-bcm-popover.entry.js +7 -7
  388. package/dist/esm/{package-00ece356.js → package-acbf2052.js} +1 -1
  389. package/dist/esm/{popover-placement-78f86f15.js → popover-placement-be68c848.js} +1 -1
  390. package/dist/esm/{slot-template-672e941d.js → slot-template-fcc7846e.js} +2 -2
  391. package/dist/esm/{stepper-states-56644bc7.js → stepper-states-9ab8511e.js} +3 -3
  392. package/dist/esm/{string-helper-6bd24967.js → string-helper-b0e05041.js} +4 -4
  393. package/dist/esm/tooltip-helper-e5246812.js +155 -0
  394. package/dist/esm/{utils-b3338faf.js → utils-57652744.js} +1 -1
  395. package/dist/esm/{validators-77fbe47e.js → validators-22975416.js} +6 -2
  396. package/dist/esm/watermark-f2c6a1f9.js +47477 -0
  397. package/dist/types/components/atoms/avatar/avatar.d.ts +0 -2
  398. package/dist/types/components/atoms/avatar/avatar.style.d.ts +181 -5
  399. package/dist/types/components/atoms/badge/badge.style.d.ts +174 -4
  400. package/dist/types/components/molecules/input-dropdown/input-dropdown.d.ts +51 -0
  401. package/dist/types/components/molecules/input-dropdown/input-dropdown.style.d.ts +307 -0
  402. package/dist/types/components/molecules/linked/linked.d.ts +1 -3
  403. package/dist/types/components/organism/date-picker/date-picker.d.ts +1 -0
  404. package/dist/types/components/organism/datetime-picker/datetime-picker.d.ts +1 -0
  405. package/dist/types/components/organism/list/list.d.ts +4 -0
  406. package/dist/types/components/organism/time-picker/time-picker.d.ts +1 -0
  407. package/dist/types/components/other/toast/toast.d.ts +2 -0
  408. package/dist/types/components/third-parts/rc-picker/date.d.ts +175 -0
  409. package/dist/types/components/third-parts/rc-picker/rc-picker.d.ts +47 -0
  410. package/dist/types/components/third-parts/table/table-definations.d.ts +28 -0
  411. package/dist/types/components/third-parts/table/table.d.ts +37 -0
  412. package/dist/types/components.d.ts +244 -3
  413. package/dist/types/decorators/bcm-decorator.d.ts +2 -0
  414. package/dist/types/decorators/event-decorator.d.ts +2 -0
  415. package/dist/types/decorators/index.d.ts +1 -0
  416. package/dist/types/global/helper/toast.d.ts +2 -0
  417. package/dist/types/models/bcm.d.ts +256 -236
  418. package/dist/types/templates/index.d.ts +2 -0
  419. package/dist/types/templates/toolbar-hamburger-template.d.ts +12 -0
  420. package/dist/types/templates/toolbar-template.d.ts +13 -0
  421. package/helper/toast.d.ts +2 -0
  422. package/helper/toast.d.ts.map +1 -1
  423. package/helper/toast.js +1 -0
  424. package/package.json +9 -3
  425. package/dist/bromcom-ui/p-019b44bb.entry.js +0 -5
  426. package/dist/bromcom-ui/p-01a50abe.entry.js +0 -5
  427. package/dist/bromcom-ui/p-065e0f32.entry.js +0 -5
  428. package/dist/bromcom-ui/p-0cb5a92d.entry.js +0 -5
  429. package/dist/bromcom-ui/p-0f52bab9.entry.js +0 -5
  430. package/dist/bromcom-ui/p-15758356.entry.js +0 -5
  431. package/dist/bromcom-ui/p-1eabd5dc.js +0 -10
  432. package/dist/bromcom-ui/p-235023cc.entry.js +0 -5
  433. package/dist/bromcom-ui/p-2a7bdc8b.entry.js +0 -5
  434. package/dist/bromcom-ui/p-32028f4f.entry.js +0 -5
  435. package/dist/bromcom-ui/p-3a68eca1.js +0 -5
  436. package/dist/bromcom-ui/p-4484ed7d.entry.js +0 -5
  437. package/dist/bromcom-ui/p-4f8b00bc.entry.js +0 -5
  438. package/dist/bromcom-ui/p-4fd78dbb.entry.js +0 -5
  439. package/dist/bromcom-ui/p-54c0916c.js +0 -5
  440. package/dist/bromcom-ui/p-5d89f348.entry.js +0 -5
  441. package/dist/bromcom-ui/p-61c4745d.entry.js +0 -5
  442. package/dist/bromcom-ui/p-626a65e9.js +0 -5
  443. package/dist/bromcom-ui/p-663766cf.entry.js +0 -5
  444. package/dist/bromcom-ui/p-6d7fe687.js +0 -6
  445. package/dist/bromcom-ui/p-6f56f8ca.js +0 -5
  446. package/dist/bromcom-ui/p-74b2d896.js +0 -5
  447. package/dist/bromcom-ui/p-7f529bbe.entry.js +0 -5
  448. package/dist/bromcom-ui/p-9fe802bc.entry.js +0 -5
  449. package/dist/bromcom-ui/p-a19320bb.entry.js +0 -13
  450. package/dist/bromcom-ui/p-a429e85b.js +0 -5
  451. package/dist/bromcom-ui/p-a56e8c98.js +0 -5
  452. package/dist/bromcom-ui/p-a8033cda.entry.js +0 -5
  453. package/dist/bromcom-ui/p-a9692ed3.entry.js +0 -5
  454. package/dist/bromcom-ui/p-b1c83bb8.entry.js +0 -5
  455. package/dist/bromcom-ui/p-bddbd954.entry.js +0 -5
  456. package/dist/bromcom-ui/p-c49d038e.js +0 -5
  457. package/dist/bromcom-ui/p-c799b397.entry.js +0 -5
  458. package/dist/bromcom-ui/p-cf0ab7f0.entry.js +0 -5
  459. package/dist/bromcom-ui/p-d65a1e21.js +0 -11
  460. package/dist/bromcom-ui/p-d7f10f7f.js +0 -5
  461. package/dist/bromcom-ui/p-dd422dd1.js +0 -5
  462. package/dist/bromcom-ui/p-e09fa0dc.entry.js +0 -5
  463. package/dist/bromcom-ui/p-e32d9cfc.js +0 -5
  464. package/dist/bromcom-ui/p-ec6b45ba.entry.js +0 -5
  465. package/dist/bromcom-ui/p-f645d9ae.entry.js +0 -5
  466. package/dist/bromcom-ui/p-fdc3e5b8.entry.js +0 -5
  467. package/dist/cjs/bcm-avatar.cjs.entry.js +0 -127
  468. package/dist/cjs/bcm-badge_15.cjs.entry.js +0 -1739
  469. package/dist/cjs/bcm-colorful.cjs.entry.js +0 -17227
  470. package/dist/cjs/bcm-date-picker.cjs.entry.js +0 -181
  471. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +0 -1449
  472. package/dist/cjs/bcm-form-2.cjs.entry.js +0 -209
  473. package/dist/cjs/bcm-form.cjs.entry.js +0 -488
  474. package/dist/cjs/bcm-input.cjs.entry.js +0 -371
  475. package/dist/cjs/bcm-label.cjs.entry.js +0 -45
  476. package/dist/cjs/bcm-old-input.cjs.entry.js +0 -397
  477. package/dist/cjs/bcm-time-picker.cjs.entry.js +0 -149
  478. package/dist/cjs/datetime-helper-eaf4fadb.js +0 -11
  479. package/dist/cjs/index-b08b037a.js +0 -52
  480. package/dist/collection/components/other/data-table/table.css +0 -130
  481. package/dist/collection/components/other/data-table/table.js +0 -88
  482. package/dist/esm/bcm-avatar.entry.js +0 -123
  483. package/dist/esm/bcm-badge_15.entry.js +0 -1721
  484. package/dist/esm/bcm-colorful.entry.js +0 -17223
  485. package/dist/esm/bcm-date-picker.entry.js +0 -177
  486. package/dist/esm/bcm-datetime-picker.entry.js +0 -1445
  487. package/dist/esm/bcm-form-2.entry.js +0 -205
  488. package/dist/esm/bcm-form.entry.js +0 -484
  489. package/dist/esm/bcm-input.entry.js +0 -367
  490. package/dist/esm/bcm-label.entry.js +0 -41
  491. package/dist/esm/bcm-old-input.entry.js +0 -393
  492. package/dist/esm/bcm-time-picker.entry.js +0 -145
  493. package/dist/esm/datetime-helper-df25808a.js +0 -9
  494. package/dist/esm/index-962dec74.js +0 -50
  495. package/dist/types/components/other/data-table/table.d.ts +0 -8
@@ -299,7 +299,6 @@ const BcmInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
299
299
  whatchHasFocus() {
300
300
  const { type, focused, valueCache, inValid } = this;
301
301
  if (type == Bcm.InputType.number && inValid) {
302
- console.log("whatchHasFocus");
303
302
  if (focused) {
304
303
  this.value = '';
305
304
  }
@@ -325,7 +324,6 @@ const BcmInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
325
324
  eyeDropper
326
325
  .open()
327
326
  .then((color) => {
328
- console.log("color: ", color.sRGBHex);
329
327
  this.setValue(color.sRGBHex);
330
328
  })
331
329
  .catch((error) => {
@@ -9,8 +9,9 @@ function IsLoad() {
9
9
  const { componentDidLoad } = proto;
10
10
  proto.componentDidLoad = function () {
11
11
  const host = getElement(this);
12
+ const { openIntersecting } = host;
12
13
  initProps(host);
13
- registerAttrReflect(host);
14
+ openIntersecting && registerAttrReflect(host);
14
15
  return componentDidLoad && componentDidLoad.call(this);
15
16
  };
16
17
  };
@@ -28,6 +28,9 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
28
28
  this.isOpen = false;
29
29
  this.hideDelay = 500;
30
30
  this.isMouseOverLink = false;
31
+ window.addEventListener("scroll", () => this.calculatePosition(), true);
32
+ window.addEventListener("wheel", () => this.calculatePosition(), true);
33
+ window.addEventListener("resize", () => this.calculatePosition(), true);
31
34
  }
32
35
  target() {
33
36
  const target = document.querySelectorAll(`[id="${this.targetId}"]`);
@@ -153,7 +156,7 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
153
156
  clickListener(e) {
154
157
  if (!this.target())
155
158
  return;
156
- if (this.trigger === Bcm.TriggerType.hover)
159
+ if (this.trigger === Bcm.TriggerType.hover || this.trigger === Bcm.TriggerType.custom)
157
160
  return;
158
161
  const isTarget = Generate.findEventPath(e, this.target());
159
162
  const isSelf = Generate.findEventPath(e, this.el);
@@ -174,15 +177,6 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
174
177
  isTarget && this.show(false);
175
178
  }
176
179
  }
177
- resizeListener() {
178
- this.calculatePosition();
179
- }
180
- scrollListener() {
181
- this.calculatePosition();
182
- }
183
- wheelListener() {
184
- this.calculatePosition();
185
- }
186
180
  listenMouseOver() {
187
181
  var _a, _b;
188
182
  this.el.addEventListener("mouseover", () => (this.isMouseOverLink = true));
@@ -226,7 +220,7 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
226
220
  "show": [64],
227
221
  "hide": [64],
228
222
  "toggle": [64]
229
- }, [[4, "linked-data-dismiss", "onLinkedDataDismis"], [4, "bcm-floating-is-hide", "onBcmFloatingIsHide"], [6, "click", "clickListener"], [9, "resize", "resizeListener"], [9, "scroll", "scrollListener"], [9, "wheel", "wheelListener"]]]);
223
+ }, [[4, "linked-data-dismiss", "onLinkedDataDismis"], [4, "bcm-floating-is-hide", "onBcmFloatingIsHide"], [6, "click", "clickListener"]]]);
230
224
  function defineCustomElement() {
231
225
  if (typeof customElements === "undefined") {
232
226
  return;
@@ -17,10 +17,10 @@ import { B as Bcm, a as Bcm$1 } from './bcm.js';
17
17
  import { C as CaptionTemplate } from './caption-template.js';
18
18
  import { c as classnames } from './index2.js';
19
19
  import './types.js';
20
- import { L as LabelTemplate } from './label-template.js';
21
20
  import './types2.js';
22
21
  import { c as createStore } from './index4.js';
23
- import { d as defineCustomElement$4 } from './icon.js';
22
+ import { d as defineCustomElement$5 } from './icon.js';
23
+ import { d as defineCustomElement$4 } from './label.js';
24
24
  import { d as defineCustomElement$3 } from './rc-overflow.js';
25
25
  import { d as defineCustomElement$2 } from './search.js';
26
26
  import { d as defineCustomElement$1 } from './tooltip.js';
@@ -839,7 +839,7 @@ class ListKeyControl extends KeyControl {
839
839
  keyUp() { }
840
840
  }
841
841
 
842
- const listCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @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}*{box-sizing:border-box}.bcm-caption-area{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:\"\";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}.bcm-list{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;--width:256px;--height:256px;--max-height:inherit;--min-height:inherit;min-width:90px;display:flex;flex-direction:column;margin:0 0 8px 0}.bcm-list__listbox .bcm-list__container{height:var(--height);max-height:var(--max-height);min-height:var(--min-height)}.bcm-list.full-width{width:100%}.bcm-list__size-small .bcm-list__input{height:24px;font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-small .bcm-list__input .bcm-tag__content.dismissable{font-size:10px;line-height:calc(10px + 8px)}.bcm-list__size-medium .bcm-list__input{height:32px;font-size:14px;line-height:calc(14px + 8px)}.bcm-list__size-medium .bcm-list__input .bcm-tag__content.dismissable{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-large .bcm-list__input{height:40px;font-size:16px;line-height:calc(16px + 8px)}.bcm-list__size-large .bcm-list__input .bcm-tag__content.dismissable{font-size:14px;line-height:calc(14px + 8px)}.bcm-list:hover{outline:none}.bcm-list:hover .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list:focus-visible{outline:none}.bcm-list:focus-visible .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);background-color:var(--bcm-new-ds-color-white)}.bcm-list:active{outline:none}.bcm-list:active .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list__container{--width:256px;--height:256px;width:var(--width);height:var(--height);background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;padding-top:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px}.bcm-list__container main{scroll-behavior:smooth;padding:0 8px;flex:1;overflow:auto;display:flex;flex-direction:column}.bcm-list__container-search{margin:0 8px}.bcm-list__container-search:after{margin:4px 0}.bcm-list__container-no-data{flex:1;display:flex;justify-content:stretch;align-items:stretch;padding-bottom:4px}.bcm-list__container.error{border-color:var(--bcm-color-red-6)}.bcm-list__container.full-width{width:100%}.bcm-list__container.bcm-list__type-linked-component,.bcm-list__container.bcm-list__type-select,.bcm-list__container.bcm-list__type-autocomplete{opacity:0;visibility:hidden;position:absolute;top:0;left:0;height:0;width:0;transform:translateY(10%);z-index:10800;transition:visibility 0s linear 400ms, opacity 100ms, transform 200ms}.bcm-list__container.bcm-list__type-linked-component.bcm-list--top,.bcm-list__container.bcm-list__type-select.bcm-list--top,.bcm-list__container.bcm-list__type-autocomplete.bcm-list--top{transform:translateY(-10%)}.bcm-list__container.bcm-list__type-linked-component.is-open,.bcm-list__container.bcm-list__type-select.is-open,.bcm-list__container.bcm-list__type-autocomplete.is-open{opacity:1;transform:translateY(0);visibility:visible;transition:visibility 0s linear 0s, opacity 100ms, transform 100ms}.bcm-list__container.bcm-list__type-linked-component{margin-top:2px}.bcm-list__label{line-height:1}.bcm-list__input{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-white);user-select:none;cursor:pointer;padding:0 8px;height:32px;overflow:hidden;position:relative;transition:background-color 100ms, border-color 100ms}.bcm-list__input-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bcm-color-grey-1);opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out;z-index:-1}.bcm-list__input-spinner.is-open{opacity:1;visibility:visible;z-index:1}.bcm-list__input-container{flex:1;display:block;overflow:hidden}.bcm-list__input-container.value-empty{color:var(--bcm-color-grey-6)}.bcm-list__input-container.type-single,.bcm-list__input-container.value-empty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-list__input-placeholder{color:var(--bcm-color-grey-6)}.bcm-list__input-tag-container{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;grid-gap:2px;line-height:1}.bcm-list__input-buttons{display:flex;align-items:center;justify-content:flex-end;grid-gap:4px}.bcm-list__input-buttons-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:4px 4px 0 4px;font-size:16px;color:var(--bcm-new-ds-color-slate-500)}.bcm-list__input-buttons-button.caret-is{transform:rotate(360deg);transition:transform 0.2s ease-in-out}.bcm-list__input-buttons-button.caret-is-open{transform:rotate(180deg)}.bcm-list__input-buttons:not(.disabled) .bcm-list__input-buttons-button:hover{cursor:pointer;color:var(--bcm-new-ds-color-slate-600)}.bcm-list__input-autocomplete{position:relative;padding-right:0}.bcm-list__input-autocomplete .bcm-list-input-selected-text{background-color:#ffffff;display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 24px);height:100%;padding:0 calc(8px + 4px);position:absolute;top:0;left:0}.bcm-list__input-autocomplete .bcm-list__input-container{height:100%;display:flex;flex-direction:row}.bcm-list__input-autocomplete .bcm-list__input-container .bcm-list__input-tag-container{width:auto}.bcm-list__input-autocomplete .bcm-input,.bcm-list__input-autocomplete .bcm-list__autocomplete{height:100%;min-width:70px;width:100%}.bcm-list__input-autocomplete .bcm-input__container,.bcm-list__input-autocomplete .bcm-list__autocomplete__container{height:100%;border:none;padding:0;width:100%}.bcm-list__input-autocomplete .bcm-input__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-input__container:not(.disabled):hover,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled):hover{border:none;box-shadow:none}.bcm-list__autocomplete{width:100%;position:relative}.bcm-list.full-width .bcm-list__container,.bcm-list.full-width .bcm-list__input{width:100%}.bcm-list.error .bcm-list__input{border-color:var(--bcm-color-red-6)}.bcm-list.disabled .bcm-list__container,.bcm-list.disabled .bcm-list__input{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-list.disabled .bcm-tag__content.dismissable .close-button{cursor:default}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button bcm-icon{color:var(--bcm-new-ds-color-slate-100)}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button:hover bcm-icon{color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:hover{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list:not(.disabled) .bcm-list__input:hover .bcm-tag__content.dismissable:not(.checked){background-color:var(--bcm-new-ds-color-slate-200);border-color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:focus-visible{border-color:var(--bcm-new-ds-color-blue-500);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list:not(.disabled) .bcm-list__input:active{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item{padding:2px 0}.bcm-list__item.disabled{user-select:none}.bcm-list__item:focus{outline:none}.bcm-list__item:focus-visible>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item:focus-visible>.bcm-list__item-content:not(.disabled){color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item-content{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;cursor:pointer;border-radius:4px;padding:0;padding-left:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-50);transition:background-color 0.2s ease}.bcm-list__item-content.disabled{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);user-select:none;cursor:not-allowed}.bcm-list__item-content.selected{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item-content.selected:hover:not(.disabled){color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item-content:hover:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item-content:active:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item-content-collapse-icon{width:16px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:16px}.bcm-list__item-content-collapse-icon.child{cursor:pointer}.bcm-list__item-content-text{user-select:none;padding:8px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.bcm-list__item-content-text.treeview{padding:8px 0}.bcm-list__item-content-text-checkbox{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;margin-right:8px}.bcm-list__item-content-text-checkbox .bcm-checkbox{margin:0}.bcm-list__item-content-text-inner{width:100%}.bcm-list__item-content-text mark{padding:0;margin:0;font-size:inherit;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-yellow-4)}.bcm-list__item-childs{padding-left:16px}.bcm-list__item-small{padding:2px 0 2px 8px;font-size:10px;line-height:calc(10px + 8px)}.bcm-list__item-small .bcm-list__item-content-text{padding:3px 4px}.bcm-list__item-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__item-medium .bcm-list__item-content-text{padding:6px 4px}.bcm-list__item-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-list__item-large .bcm-list__item-content-text{padding:9px 4px}.bcm-list__item--readonly:focus>.bcm-list__item-content:not(.disabled),.bcm-list__item--readonly.focused>.bcm-list__item-content:not(.disabled){color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content{color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content:hover,.bcm-list__item--readonly>.bcm-list__item-content:focus{color:var(--bcm-color-grey-7)}.bcm-list__item--group{border-radius:4px}.bcm-list__item--group:focus>.bcm-list__item-content:not(.disabled){background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);border-radius:4px 4px 0 0;cursor:default;font-size:14px;line-height:calc(14px + 8px);font-weight:500;position:sticky;top:0}.bcm-list__item--group>.bcm-list__item-content>.bcm-list__item-content-text{padding:4px 8px 4px 16px}.bcm-list__item--group>.bcm-list__item-content:hover,.bcm-list__item--group>.bcm-list__item-content:focus{color:var(--bcm-new-ds-color-slate-800);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-content-unclickable:hover{color:var(--bcm-new-ds-color-slate-700);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-childs{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);padding-bottom:8px;border-radius:0 0 4px 4px;padding-left:8px}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content{background-color:var(--bcm-new-ds-color-white);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:hover{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:active{background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:focus-visible{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected{background-color:var(--bcm-new-ds-color-blue-500);color:var(--bcm-new-ds-color-white)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:active{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-list__linked{display:none}.bcm-list .bcm-tag--other .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-info-footer{text-align:right;padding:4px 8px;background-color:var(--bcm-new-ds-color-slate-100);color:var(--bcm-new-ds-color-slate-600);border-radius:0 0 4px 4px}";
842
+ const listCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @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}*{box-sizing:border-box}.bcm-caption-area{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:\"\";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}.bcm-list{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;--width:256px;--height:256px;--max-height:inherit;--min-height:inherit;min-width:90px;display:flex;flex-direction:column;margin:0 0 8px 0}.bcm-list__listbox .bcm-list__container{height:var(--height);max-height:var(--max-height);min-height:var(--min-height)}.bcm-list.full-width{width:100%}.bcm-list__size-small .bcm-list__input{height:24px;font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-small .bcm-list__input .bcm-tag__content.dismissable{font-size:10px;line-height:calc(10px + 8px)}.bcm-list__size-medium .bcm-list__input{height:32px;font-size:14px;line-height:calc(14px + 8px)}.bcm-list__size-medium .bcm-list__input .bcm-tag__content.dismissable{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-large .bcm-list__input{height:40px;font-size:16px;line-height:calc(16px + 8px)}.bcm-list__size-large .bcm-list__input .bcm-tag__content.dismissable{font-size:14px;line-height:calc(14px + 8px)}.bcm-list:hover{outline:none}.bcm-list:hover .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list:focus-visible{outline:none}.bcm-list:focus-visible .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);background-color:var(--bcm-new-ds-color-white)}.bcm-list:active{outline:none}.bcm-list:active .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list__container{--width:256px;--height:256px;width:var(--width);height:var(--height);background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;padding-top:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px}.bcm-list__container main{scroll-behavior:smooth;padding:0 8px;flex:1;overflow:auto;display:flex;flex-direction:column}.bcm-list__container-search{margin:0 8px}.bcm-list__container-search:after{margin:4px 0}.bcm-list__container-no-data{flex:1;display:flex;justify-content:stretch;align-items:stretch;padding-bottom:4px}.bcm-list__container.error{border-color:var(--bcm-color-red-6)}.bcm-list__container.full-width{width:100%}.bcm-list__container.bcm-list__type-linked-component,.bcm-list__container.bcm-list__type-select,.bcm-list__container.bcm-list__type-autocomplete{opacity:0;visibility:hidden;position:absolute;top:0;left:0;height:0;width:0;transform:translateY(10%);z-index:10800;transition:visibility 0s linear 400ms, opacity 100ms, transform 200ms}.bcm-list__container.bcm-list__type-linked-component.bcm-list--top,.bcm-list__container.bcm-list__type-select.bcm-list--top,.bcm-list__container.bcm-list__type-autocomplete.bcm-list--top{transform:translateY(-10%)}.bcm-list__container.bcm-list__type-linked-component.is-open,.bcm-list__container.bcm-list__type-select.is-open,.bcm-list__container.bcm-list__type-autocomplete.is-open{opacity:1;transform:translateY(0);visibility:visible;transition:visibility 0s linear 0s, opacity 100ms, transform 100ms}.bcm-list__container.bcm-list__type-linked-component{margin-top:2px}.bcm-list__label{line-height:1}.bcm-list__input{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-white);user-select:none;cursor:pointer;padding:0 8px;height:32px;overflow:hidden;position:relative;transition:background-color 100ms, border-color 100ms}.bcm-list__input-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bcm-color-grey-1);opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out;z-index:-1}.bcm-list__input-spinner.is-open{opacity:1;visibility:visible;z-index:1}.bcm-list__input-container{flex:1;display:block;overflow:hidden}.bcm-list__input-container.value-empty{color:var(--bcm-color-grey-6)}.bcm-list__input-container.type-single,.bcm-list__input-container.value-empty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-list__input-placeholder{color:var(--bcm-color-grey-6)}.bcm-list__input-tag-container{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;grid-gap:2px;line-height:1}.bcm-list__input-buttons{display:flex;align-items:center;justify-content:flex-end;grid-gap:4px}.bcm-list__input-buttons-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 4px 0 4px;font-size:16px;color:var(--bcm-new-ds-color-slate-500)}.bcm-list__input-buttons-button.caret-is{transform:rotate(360deg);transition:transform 0.2s ease-in-out}.bcm-list__input-buttons-button.caret-is-open{transform:rotate(180deg)}.bcm-list__input-buttons:not(.disabled) .bcm-list__input-buttons-button:hover{cursor:pointer;color:var(--bcm-new-ds-color-slate-600)}.bcm-list__input-autocomplete{position:relative;padding-right:0}.bcm-list__input-autocomplete .bcm-list-input-selected-text{background-color:#ffffff;display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 24px);height:100%;padding:0 calc(8px + 4px);position:absolute;top:0;left:0}.bcm-list__input-autocomplete .bcm-list__input-container{height:100%;display:flex;flex-direction:row}.bcm-list__input-autocomplete .bcm-list__input-container .bcm-list__input-tag-container{width:auto}.bcm-list__input-autocomplete .bcm-input,.bcm-list__input-autocomplete .bcm-list__autocomplete{height:100%;min-width:70px;width:100%}.bcm-list__input-autocomplete .bcm-input__container,.bcm-list__input-autocomplete .bcm-list__autocomplete__container{height:100%;border:none;padding:0;width:100%}.bcm-list__input-autocomplete .bcm-input__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-input__container:not(.disabled):hover,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled):hover{border:none;box-shadow:none}.bcm-list__autocomplete{width:100%;position:relative}.bcm-list.full-width .bcm-list__container,.bcm-list.full-width .bcm-list__input{width:100%}.bcm-list.error .bcm-list__input{border-color:var(--bcm-color-red-6)}.bcm-list.disabled .bcm-list__container,.bcm-list.disabled .bcm-list__input{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-list.disabled .bcm-tag__content.dismissable .close-button{cursor:default}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button bcm-icon{color:var(--bcm-new-ds-color-slate-100)}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button:hover bcm-icon{color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:hover{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list:not(.disabled) .bcm-list__input:hover .bcm-tag__content.dismissable:not(.checked){background-color:var(--bcm-new-ds-color-slate-200);border-color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:focus-visible{border-color:var(--bcm-new-ds-color-blue-500);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list:not(.disabled) .bcm-list__input:active{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item{padding:2px 0}.bcm-list__item.disabled{user-select:none}.bcm-list__item:focus{outline:none}.bcm-list__item:focus-visible>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item:focus-visible>.bcm-list__item-content:not(.disabled){color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item-content{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;cursor:pointer;border-radius:4px;padding:0;padding-left:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-50);transition:background-color 0.2s ease}.bcm-list__item-content.disabled{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);user-select:none;cursor:not-allowed}.bcm-list__item-content.selected{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item-content.selected:hover:not(.disabled){color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item-content:hover:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item-content:active:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item-content-collapse-icon{width:16px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:16px}.bcm-list__item-content-collapse-icon.child{cursor:pointer}.bcm-list__item-content-text{user-select:none;padding:8px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.bcm-list__item-content-text.treeview{padding:8px 0}.bcm-list__item-content-text-checkbox{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;margin-right:8px}.bcm-list__item-content-text-checkbox .bcm-checkbox{margin:0}.bcm-list__item-content-text-inner{width:100%}.bcm-list__item-content-text mark{padding:0;margin:0;font-size:inherit;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-yellow-4)}.bcm-list__item-childs{padding-left:16px}.bcm-list__item-small{padding:2px 0 2px 8px;font-size:10px;line-height:calc(10px + 8px)}.bcm-list__item-small .bcm-list__item-content-text{padding:3px 4px}.bcm-list__item-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__item-medium .bcm-list__item-content-text{padding:6px 4px}.bcm-list__item-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-list__item-large .bcm-list__item-content-text{padding:9px 4px}.bcm-list__item--readonly:focus>.bcm-list__item-content:not(.disabled),.bcm-list__item--readonly.focused>.bcm-list__item-content:not(.disabled){color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content{color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content:hover,.bcm-list__item--readonly>.bcm-list__item-content:focus{color:var(--bcm-color-grey-7)}.bcm-list__item--group{border-radius:4px}.bcm-list__item--group:focus>.bcm-list__item-content:not(.disabled){background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);border-radius:4px 4px 0 0;cursor:default;font-size:14px;line-height:calc(14px + 8px);font-weight:500;position:sticky;top:0}.bcm-list__item--group>.bcm-list__item-content>.bcm-list__item-content-text{padding:4px 8px 4px 16px}.bcm-list__item--group>.bcm-list__item-content:hover,.bcm-list__item--group>.bcm-list__item-content:focus{color:var(--bcm-new-ds-color-slate-800);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-content-unclickable:hover{color:var(--bcm-new-ds-color-slate-700);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-childs{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);padding-bottom:8px;border-radius:0 0 4px 4px;padding-left:8px}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content{background-color:var(--bcm-new-ds-color-white);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:hover{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:active{background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:focus-visible{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected{background-color:var(--bcm-new-ds-color-blue-500);color:var(--bcm-new-ds-color-white)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:active{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-list__linked{display:none}.bcm-list .bcm-tag--other .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-info-footer{text-align:right;padding:4px 8px;background-color:var(--bcm-new-ds-color-slate-100);color:var(--bcm-new-ds-color-slate-600);border-radius:0 0 4px 4px}";
843
843
 
844
844
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
845
845
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -883,6 +883,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
883
883
  this.maxHeight = "500px";
884
884
  this.minHeight = "150px";
885
885
  this.width = "256px";
886
+ this.tooltip = undefined;
886
887
  this.infoFooter = false;
887
888
  this.variableText = "item";
888
889
  this.template = undefined;
@@ -890,6 +891,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
890
891
  this.keyControl = false;
891
892
  this.checkAll = true;
892
893
  this.stopDeepClean = false;
894
+ this.openIntersecting = false;
893
895
  this.linkedComponent = undefined;
894
896
  this.isOpen = false;
895
897
  this.calculatedViewport = false;
@@ -932,7 +934,11 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
932
934
  indeterminate: "uncheck",
933
935
  };
934
936
  this.placement = Bcm$1.Placement["bottom-start"];
937
+ this.disableChangeEvent = false;
935
938
  this.data = [];
939
+ window.addEventListener("scroll", this.handleWheel.bind(this), true);
940
+ window.addEventListener("wheel", this.handleWheel.bind(this), true);
941
+ window.addEventListener("resize", this.handleResize.bind(this), true);
936
942
  }
937
943
  connectedCallback() {
938
944
  if (this.height != "256px") {
@@ -1009,12 +1015,12 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
1009
1015
  if (this.checkboxes) {
1010
1016
  if (!Validators.compareTwoArrayIsSame(newVal, oldVal)) {
1011
1017
  this.bcmChecklist.emit(this.value);
1012
- this.change.emit(this.value);
1018
+ !this.disableChangeEvent && this.change.emit(this.value);
1013
1019
  }
1014
1020
  }
1015
1021
  else {
1016
1022
  if ((newVal === null || newVal === void 0 ? void 0 : newVal.id) != (oldVal === null || oldVal === void 0 ? void 0 : oldVal.id)) {
1017
- this.change.emit(this.value);
1023
+ !this.disableChangeEvent && this.change.emit(this.value);
1018
1024
  }
1019
1025
  }
1020
1026
  }
@@ -1579,7 +1585,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
1579
1585
  "--height": openedType ? "100%" : this.height,
1580
1586
  "--max-height": openedType ? "inherit" : this.maxHeight,
1581
1587
  "--min-height": openedType ? "inherit" : this.minHeight,
1582
- } }, h("div", { id: `bcm-list-label-${this._id}`, class: "bcm-list__label" }, label && (h("div", null, h(LabelTemplate, { size: this.size, type: this.captionType, value: label, required: required, htmlFor: this._id })))), this.type == "select" && (h("div", { id: `bcm-list-input-${this._id}`, class: bcmListInput }, h("span", { class: classnames("bcm-list__input-container", { "type-single": !checkboxes, "value-empty": !this.value }) }, this.checkboxes ? (this.value && this.value.length > 0 ? (h("bcm-rc-overflow", { data: this.tagData, maxCount: this.tagCount })) : (h("span", { class: "bcm-list__input-placeholder" }, this.placeholder))) : this.value ? (this.inputText) : (h("span", { class: "bcm-list__input-placeholder" }, this.placeholder))), h("span", { class: classnames("bcm-list__input-buttons", {
1588
+ } }, h("div", { id: `bcm-list-label-${this._id}`, class: "bcm-list__label" }, label && (h("div", null, h("bcm-label", { tooltip: this.tooltip, size: this.size, type: this.captionType, value: label, required: required, htmlFor: this._id })))), this.type == "select" && (h("div", { id: `bcm-list-input-${this._id}`, class: bcmListInput }, h("span", { class: classnames("bcm-list__input-container", { "type-single": !checkboxes, "value-empty": !this.value }) }, this.checkboxes ? (this.value && this.value.length > 0 ? (h("bcm-rc-overflow", { data: this.tagData, maxCount: this.tagCount })) : (h("span", { class: "bcm-list__input-placeholder" }, this.placeholder))) : this.value ? (this.inputText) : (h("span", { class: "bcm-list__input-placeholder" }, this.placeholder))), h("span", { class: classnames("bcm-list__input-buttons", {
1583
1589
  disabled: disabled,
1584
1590
  }) }, this.clearable && this.value && (h("div", { class: "bcm-list__input-buttons-button" }, h("bcm-icon", { icon: "fal fa-times", onClick: e => !disabled && this.setClear(e) }))), h("div", { class: `bcm-list__input-buttons-button caret-is ${this.isOpen && this.calculatedViewport && "caret-is-open"}` }, h("bcm-icon", { icon: `far fa-angle-down` }))))), this.type === "autocomplete" && (h("div", { id: `bcm-list-input-${this._id}`, class: classnames(bcmListInput, { "bcm-list__input-autocomplete": this.type == "autocomplete" }) }, h("span", { class: "bcm-list__input-container", id: `bcm-list-input-tag-container-${this._id}` }, this.checkboxes && h("span", { class: "bcm-list__input-tag-container", id: `bcm-list-input-tag-container-${this._id}-autocomplete` }), h("bcm-search", { id: `bcm-list-input-tag-container-${this._id}-autocomplete-input`, class: "bcm-list__autocomplete", data: this.data, clearable: true, "full-width": true, "no-caption": true, placeholder: this.placeholder })))), h(ListTemplate, { highlight: this.highlightText, searchable: this.type == "autocomplete" ? false : searchable, bcmListContainer: bcmListContainer, checkboxes: checkboxes, treeview: treeview, infoFooter: this.infoFooter, value: this.value, totalData: this.totalData, searchFound: this.searchFound, variableText: this.variableText, searchPlaceholder: this.searchPlaceholder, minSearchLength: this.minSearchLength, searchIsOnlyChilds: this.searchIsOnlyChilds, _id: this._id, checkAll: this.checkAll, data: this.getItems(), width: this.width, height: this.height, size: this.size, selectAllItem: this.selectAllItem, onScrollEvent: e => this.dataScrollEvent(e), items: this.getLimitedItems(this.searchGetParents), selectedItem: itemId => this.selectedItem(itemId), checkedItem: itemId => this.checkedItem(itemId), openGroup: parentId => this.openGroup(parentId), focusItem: itemId => this.focusItem(itemId), emptyText: this.emptyText, emptyIcon: this.emptyIcon }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
1585
1591
  }
@@ -1613,6 +1619,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
1613
1619
  "maxHeight": [1025, "max-height"],
1614
1620
  "minHeight": [1025, "min-height"],
1615
1621
  "width": [1025],
1622
+ "tooltip": [1025],
1616
1623
  "infoFooter": [1028, "info-footer"],
1617
1624
  "variableText": [1025, "variable-text"],
1618
1625
  "template": [1025],
@@ -1620,6 +1627,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
1620
1627
  "keyControl": [1028, "key-control"],
1621
1628
  "checkAll": [1028, "check-all"],
1622
1629
  "stopDeepClean": [4, "stop-deep-clean"],
1630
+ "openIntersecting": [4, "open-intersecting"],
1623
1631
  "linkedComponent": [1025, "linked-component"],
1624
1632
  "placeholder": [1025],
1625
1633
  "searchPlaceholder": [1025, "search-placeholder"],
@@ -1633,6 +1641,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
1633
1641
  "emptyText": [1, "empty-text"],
1634
1642
  "emptyIcon": [1, "empty-icon"],
1635
1643
  "placement": [1025],
1644
+ "disableChangeEvent": [4, "disable-change-event"],
1636
1645
  "data": [1032],
1637
1646
  "inputText": [32],
1638
1647
  "isOpen": [32],
@@ -1664,7 +1673,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
1664
1673
  "resetCaption": [64],
1665
1674
  "show": [64],
1666
1675
  "hide": [64]
1667
- }, [[2, "bcm-is-intersecting", "isIntersecting"], [2, "bcm-items", "handleSlotItems"], [0, "bcm-change", "handleChange"], [9, "resize", "handleResize"], [7, "scroll", "handleWheel"], [4, "wheel", "handleWheel"], [0, "bcm-select-other-tag", "handleSelectOtherTag"], [0, "bcm-delete-tag", "handleDeleteTag"], [0, "bcm-select-tag", "handleSelectTag"], [10, "click", "handleClick"], [10, "bcm-on-search-clear", "bcmOnSearchClear"], [10, "bcm-on-search", "bcmOnSearch"], [10, "keydown", "handleKeyDown"], [10, "keyup", "handleKeyUp"]]]);
1676
+ }, [[2, "bcm-is-intersecting", "isIntersecting"], [2, "bcm-items", "handleSlotItems"], [0, "bcm-change", "handleChange"], [0, "bcm-select-other-tag", "handleSelectOtherTag"], [0, "bcm-delete-tag", "handleDeleteTag"], [0, "bcm-select-tag", "handleSelectTag"], [10, "click", "handleClick"], [10, "bcm-on-search-clear", "bcmOnSearchClear"], [10, "bcm-on-search", "bcmOnSearch"], [10, "keydown", "handleKeyDown"], [10, "keyup", "handleKeyUp"]]]);
1668
1677
  __decorate([
1669
1678
  IsLoad()
1670
1679
  ], BcmList.prototype, "el", void 0);
@@ -1675,7 +1684,7 @@ function defineCustomElement() {
1675
1684
  if (typeof customElements === "undefined") {
1676
1685
  return;
1677
1686
  }
1678
- const components = ["bcm-list", "bcm-icon", "bcm-rc-overflow", "bcm-search", "bcm-tooltip"];
1687
+ const components = ["bcm-list", "bcm-icon", "bcm-label", "bcm-rc-overflow", "bcm-search", "bcm-tooltip"];
1679
1688
  components.forEach(tagName => { switch (tagName) {
1680
1689
  case "bcm-list":
1681
1690
  if (!customElements.get(tagName)) {
@@ -1683,6 +1692,11 @@ function defineCustomElement() {
1683
1692
  }
1684
1693
  break;
1685
1694
  case "bcm-icon":
1695
+ if (!customElements.get(tagName)) {
1696
+ defineCustomElement$5();
1697
+ }
1698
+ break;
1699
+ case "bcm-label":
1686
1700
  if (!customElements.get(tagName)) {
1687
1701
  defineCustomElement$4();
1688
1702
  }