bromcom-ui 2.9.0-rc.0 → 2.9.0-rc.10

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 (506) 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 +19 -5
  4. package/dist/bromcom-ui/{p-bc840f30.entry.js → p-01416407.entry.js} +1 -1
  5. package/dist/bromcom-ui/{p-4aa0e6b1.js → p-034bbcdd.js} +1 -1
  6. package/dist/bromcom-ui/p-0523863a.entry.js +5 -0
  7. package/dist/bromcom-ui/p-07ff085d.entry.js +5 -0
  8. package/dist/bromcom-ui/p-0e99fd08.entry.js +5 -0
  9. package/dist/bromcom-ui/{p-f937f362.entry.js → p-123d6355.entry.js} +1 -1
  10. package/dist/bromcom-ui/p-1286e447.entry.js +5 -0
  11. package/dist/bromcom-ui/p-14c7e2a8.js +297 -0
  12. package/dist/bromcom-ui/{p-e0f440b4.js → p-167e1654.js} +1 -1
  13. package/dist/bromcom-ui/p-170cf07d.js +6 -0
  14. package/dist/bromcom-ui/{p-b94fa326.js → p-1b94d494.js} +1 -1
  15. package/dist/bromcom-ui/{p-5618ee1e.entry.js → p-1b96dbbf.entry.js} +1 -1
  16. package/dist/bromcom-ui/p-1c17fbd6.entry.js +5 -0
  17. package/dist/bromcom-ui/p-1df4d111.entry.js +5 -0
  18. package/dist/bromcom-ui/p-21cd7ad3.entry.js +5 -0
  19. package/dist/bromcom-ui/{p-037a40a6.entry.js → p-228c74e9.entry.js} +1 -1
  20. package/dist/bromcom-ui/{p-a429e85b.js → p-23c35e1b.js} +1 -1
  21. package/dist/bromcom-ui/p-280736e0.entry.js +5 -0
  22. package/dist/bromcom-ui/{p-f8c20298.entry.js → p-28f78dd4.entry.js} +1 -1
  23. package/dist/bromcom-ui/p-2a9053d8.js +5 -0
  24. package/dist/bromcom-ui/p-2b3610b4.entry.js +5 -0
  25. package/dist/bromcom-ui/p-2baa0a6b.entry.js +5 -0
  26. package/dist/bromcom-ui/p-2c43873c.entry.js +5 -0
  27. package/dist/bromcom-ui/p-2d2ff5fc.entry.js +5 -0
  28. package/dist/bromcom-ui/p-2d4a0a66.entry.js +5 -0
  29. package/dist/bromcom-ui/p-2e080bdf.entry.js +5 -0
  30. package/dist/bromcom-ui/p-2e506b7c.entry.js +5 -0
  31. package/dist/bromcom-ui/p-2f4c8c67.entry.js +5 -0
  32. package/dist/bromcom-ui/p-2f81dd36.entry.js +5 -0
  33. package/dist/bromcom-ui/{p-c80ab24a.entry.js → p-3078fcd2.entry.js} +1 -1
  34. package/dist/bromcom-ui/p-30abd87e.entry.js +5 -0
  35. package/dist/bromcom-ui/p-30b43b3a.entry.js +5 -0
  36. package/dist/bromcom-ui/p-3182df7e.js +10 -0
  37. package/dist/bromcom-ui/p-324b9364.js +5 -0
  38. package/dist/bromcom-ui/p-37488f1a.entry.js +5 -0
  39. package/dist/bromcom-ui/p-37c48622.entry.js +5 -0
  40. package/dist/bromcom-ui/{p-05b0bdce.entry.js → p-3960cae8.entry.js} +1 -1
  41. package/dist/bromcom-ui/{p-63b14659.entry.js → p-3a06c6b1.entry.js} +1 -1
  42. package/dist/bromcom-ui/{p-c23b6240.js → p-3ade1099.js} +1 -1
  43. package/dist/bromcom-ui/{p-8c018ae0.js → p-3c7a0345.js} +1 -1
  44. package/dist/bromcom-ui/{p-494ebf69.entry.js → p-3d730230.entry.js} +1 -1
  45. package/dist/bromcom-ui/p-412732f4.js +5 -0
  46. package/dist/bromcom-ui/p-42616ae0.entry.js +5 -0
  47. package/dist/bromcom-ui/{p-d8cc24f0.entry.js → p-44ca28fa.entry.js} +1 -1
  48. package/dist/bromcom-ui/p-4798d827.js +5 -0
  49. package/dist/bromcom-ui/p-48b925ad.js +5 -0
  50. package/dist/bromcom-ui/{p-842a5926.entry.js → p-4e33341b.entry.js} +1 -1
  51. package/dist/bromcom-ui/p-4fc0c9db.entry.js +5 -0
  52. package/dist/bromcom-ui/p-52c6d2e5.entry.js +5 -0
  53. package/dist/bromcom-ui/p-535eae03.entry.js +5 -0
  54. package/dist/bromcom-ui/p-53d6a137.entry.js +5 -0
  55. package/dist/bromcom-ui/p-5559362d.entry.js +5 -0
  56. package/dist/bromcom-ui/p-5600c817.js +5 -0
  57. package/dist/bromcom-ui/{p-7e44e6b5.js → p-5ae0a59b.js} +1 -1
  58. package/dist/bromcom-ui/{p-87df3ffb.js → p-5caf6360.js} +1 -1
  59. package/dist/bromcom-ui/p-637fb9e8.entry.js +5 -0
  60. package/dist/bromcom-ui/{p-f82afa9d.entry.js → p-67343ad8.entry.js} +1 -1
  61. package/dist/bromcom-ui/p-6909817b.entry.js +5 -0
  62. package/dist/bromcom-ui/p-6a7c6ef2.entry.js +5 -0
  63. package/dist/bromcom-ui/{p-8f78fe1c.entry.js → p-6ab403d2.entry.js} +1 -1
  64. package/dist/bromcom-ui/p-74dc0103.entry.js +5 -0
  65. package/dist/bromcom-ui/{p-a60a2dd0.js → p-74e6d2b6.js} +1 -1
  66. package/dist/bromcom-ui/p-778529e9.entry.js +5 -0
  67. package/dist/bromcom-ui/{p-5c059eba.entry.js → p-7b486021.entry.js} +1 -1
  68. package/dist/bromcom-ui/{p-f7e29f3e.entry.js → p-7c5763cc.entry.js} +1 -1
  69. package/dist/bromcom-ui/p-7e3209a0.js +14 -0
  70. package/dist/bromcom-ui/{p-961dc8e1.entry.js → p-7f1612df.entry.js} +1 -1
  71. package/dist/bromcom-ui/{p-53820462.entry.js → p-8c3535b6.entry.js} +1 -1
  72. package/dist/bromcom-ui/{p-76cb3798.entry.js → p-9314d7ed.entry.js} +1 -1
  73. package/dist/bromcom-ui/p-95fa989d.entry.js +5 -0
  74. package/dist/bromcom-ui/p-9c6f8cf6.entry.js +5 -0
  75. package/dist/bromcom-ui/{p-23309057.entry.js → p-9d12a9da.entry.js} +1 -1
  76. package/dist/bromcom-ui/p-9dec497d.entry.js +5 -0
  77. package/dist/bromcom-ui/p-a1412b63.js +5 -0
  78. package/dist/bromcom-ui/p-a54a47ed.entry.js +5 -0
  79. package/dist/bromcom-ui/{p-4fcf03c1.entry.js → p-ae57f046.entry.js} +1 -1
  80. package/dist/bromcom-ui/p-af4c2c90.entry.js +5 -0
  81. package/dist/bromcom-ui/p-b1613d12.entry.js +5 -0
  82. package/dist/bromcom-ui/{p-d69fb13b.entry.js → p-b284e383.entry.js} +1 -1
  83. package/dist/bromcom-ui/{p-f902b559.js → p-b426546b.js} +1 -1
  84. package/dist/bromcom-ui/p-b82685e4.js +12 -0
  85. package/dist/bromcom-ui/{p-7d662231.entry.js → p-ba3c6657.entry.js} +1 -1
  86. package/dist/bromcom-ui/p-bed627ab.js +11 -0
  87. package/dist/bromcom-ui/p-c537f73b.entry.js +5 -0
  88. package/dist/bromcom-ui/p-cca6e9c5.js +5 -0
  89. package/dist/bromcom-ui/{p-f3ed187a.entry.js → p-cea71a01.entry.js} +1 -1
  90. package/dist/bromcom-ui/{p-8d0ca8c2.js → p-cff8ef93.js} +1 -1
  91. package/dist/bromcom-ui/p-d2ff474a.entry.js +5 -0
  92. package/dist/bromcom-ui/p-d479398d.entry.js +5 -0
  93. package/dist/bromcom-ui/p-d9f26a59.entry.js +5 -0
  94. package/dist/bromcom-ui/{p-b60bcecf.js → p-dc8305dc.js} +1 -1
  95. package/dist/bromcom-ui/p-dc97634a.entry.js +5 -0
  96. package/dist/bromcom-ui/p-dd65dec9.entry.js +5 -0
  97. package/dist/bromcom-ui/{p-2afef4b5.entry.js → p-df185078.entry.js} +1 -1
  98. package/dist/bromcom-ui/p-e0271c48.entry.js +5 -0
  99. package/dist/bromcom-ui/{p-dbc4c30c.js → p-e1689f47.js} +1 -1
  100. package/dist/bromcom-ui/{p-c8e13fd7.js → p-e1877ee9.js} +1 -1
  101. package/dist/bromcom-ui/p-e304d0f8.entry.js +5 -0
  102. package/dist/bromcom-ui/p-e3a66478.entry.js +5 -0
  103. package/dist/bromcom-ui/p-e45c1546.js +5 -0
  104. package/dist/bromcom-ui/p-e4bc863b.entry.js +5 -0
  105. package/dist/bromcom-ui/p-edcc8c69.entry.js +5 -0
  106. package/dist/bromcom-ui/p-eed0258a.entry.js +5 -0
  107. package/dist/bromcom-ui/p-f3424c60.entry.js +5 -0
  108. package/dist/bromcom-ui/p-f521cbb4.entry.js +5 -0
  109. package/dist/bromcom-ui/p-fd03e308.entry.js +5 -0
  110. package/dist/bromcom-ui/p-fd87349e.entry.js +5 -0
  111. package/dist/bromcom-ui/p-fd93d2a4.entry.js +5 -0
  112. package/dist/bromcom-ui/p-fe83aac0.entry.js +5 -0
  113. package/dist/bromcom-ui/static/message-bot.svg +10 -0
  114. package/dist/cjs/{_commonjsHelpers-bd20f4c0.js → _commonjsHelpers-ed84c3ca.js} +16 -0
  115. package/dist/cjs/ag-grid-enterprise.auto.esm-cf48f6b2.js +111638 -0
  116. package/dist/cjs/{bcm-ab921827.js → bcm-03727f3b.js} +5 -4
  117. package/dist/cjs/bcm-accordion.cjs.entry.js +5 -4
  118. package/dist/cjs/bcm-alert.cjs.entry.js +9 -8
  119. package/dist/cjs/bcm-attendance.cjs.entry.js +5 -4
  120. package/dist/cjs/bcm-autocomplete.cjs.entry.js +3 -3
  121. package/dist/cjs/bcm-avatar_2.cjs.entry.js +2770 -0
  122. package/dist/cjs/bcm-box.cjs.entry.js +1 -1
  123. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +6 -5
  124. package/dist/cjs/bcm-button-group.cjs.entry.js +11 -10
  125. package/dist/cjs/{bcm-avatar_15.cjs.entry.js → bcm-button_8.cjs.entry.js} +430 -5442
  126. package/dist/cjs/bcm-card.cjs.entry.js +10 -9
  127. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +15 -14
  128. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +10 -9
  129. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +18 -17
  130. package/dist/cjs/bcm-chip-group.cjs.entry.js +129 -0
  131. package/dist/cjs/bcm-chip.cjs.entry.js +91 -0
  132. package/dist/cjs/bcm-collapse-group.cjs.entry.js +1 -1
  133. package/dist/cjs/bcm-collapse.cjs.entry.js +6 -5
  134. package/dist/cjs/bcm-color-input.cjs.entry.js +10 -9
  135. package/dist/cjs/bcm-colorpicker.cjs.entry.js +3 -3
  136. package/dist/cjs/bcm-content.cjs.entry.js +1 -1
  137. package/dist/cjs/bcm-date-picker.cjs.entry.js +9 -8
  138. package/dist/cjs/bcm-date.cjs.entry.js +124 -0
  139. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +29 -14
  140. package/dist/cjs/bcm-default.cjs.entry.js +5 -4
  141. package/dist/cjs/bcm-drawer.cjs.entry.js +13 -12
  142. package/dist/cjs/bcm-dropdown.cjs.entry.js +12 -11
  143. package/dist/cjs/bcm-error-layout.cjs.entry.js +3 -3
  144. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +9 -8
  145. package/dist/cjs/bcm-form-2.cjs.entry.js +13 -9
  146. package/dist/cjs/bcm-form-group.cjs.entry.js +1 -1
  147. package/dist/cjs/bcm-form.cjs.entry.js +489 -0
  148. package/dist/cjs/bcm-input-custom.cjs.entry.js +6 -5
  149. package/dist/cjs/bcm-item.cjs.entry.js +9 -8
  150. package/dist/cjs/bcm-items.cjs.entry.js +8 -7
  151. package/dist/cjs/bcm-link.cjs.entry.js +6 -6
  152. package/dist/cjs/bcm-list_3.cjs.entry.js +2502 -0
  153. package/dist/cjs/bcm-menu.cjs.entry.js +15 -13
  154. package/dist/cjs/bcm-message.cjs.entry.js +3 -3
  155. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +11 -10
  156. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +10 -9
  157. package/dist/cjs/bcm-modal-2.cjs.entry.js +12 -11
  158. package/dist/cjs/bcm-modal.cjs.entry.js +11 -10
  159. package/dist/cjs/bcm-notification.cjs.entry.js +3 -3
  160. package/dist/cjs/bcm-old-input.cjs.entry.js +4 -4
  161. package/dist/cjs/bcm-old-tag_2.cjs.entry.js +3 -3
  162. package/dist/cjs/bcm-overlay_2.cjs.entry.js +4 -4
  163. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +10 -9
  164. package/dist/cjs/bcm-popconfirm.cjs.entry.js +9 -8
  165. package/dist/cjs/bcm-popover.cjs.entry.js +27 -22
  166. package/dist/cjs/bcm-progress.cjs.entry.js +9 -8
  167. package/dist/cjs/bcm-radio-group.cjs.entry.js +17 -16
  168. package/dist/cjs/bcm-radio.cjs.entry.js +18 -17
  169. package/dist/cjs/bcm-range.cjs.entry.js +10 -9
  170. package/dist/cjs/bcm-rc-picker.cjs.entry.js +8150 -0
  171. package/dist/cjs/bcm-result.cjs.entry.js +3 -3
  172. package/dist/cjs/bcm-select-group.cjs.entry.js +3 -3
  173. package/dist/cjs/bcm-select-option.cjs.entry.js +3 -3
  174. package/dist/cjs/bcm-select.cjs.entry.js +5 -5
  175. package/dist/cjs/bcm-skeleton.cjs.entry.js +5 -4
  176. package/dist/cjs/bcm-step.cjs.entry.js +8 -7
  177. package/dist/cjs/bcm-stepper.cjs.entry.js +15 -14
  178. package/dist/cjs/bcm-switch.cjs.entry.js +15 -14
  179. package/dist/cjs/bcm-tab-group.cjs.entry.js +16 -11
  180. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +23 -37
  181. package/dist/cjs/bcm-tab-item.cjs.entry.js +10 -9
  182. package/dist/cjs/bcm-tab-pane.cjs.entry.js +3 -3
  183. package/dist/cjs/bcm-tab.cjs.entry.js +3 -3
  184. package/dist/cjs/bcm-table.cjs.entry.js +236 -38
  185. package/dist/cjs/bcm-tabs-content.cjs.entry.js +3 -3
  186. package/dist/cjs/bcm-tabs.cjs.entry.js +3 -3
  187. package/dist/cjs/bcm-tag.cjs.entry.js +19 -18
  188. package/dist/cjs/bcm-text.cjs.entry.js +8 -8
  189. package/dist/cjs/bcm-textarea.cjs.entry.js +13 -12
  190. package/dist/cjs/bcm-time-picker.cjs.entry.js +9 -8
  191. package/dist/cjs/bcm-timeline-item.cjs.entry.js +3 -3
  192. package/dist/cjs/bcm-timeline.cjs.entry.js +3 -3
  193. package/dist/cjs/bcm-toast.cjs.entry.js +15 -14
  194. package/dist/cjs/bcm-treeview-group.cjs.entry.js +1 -1
  195. package/dist/cjs/bromcom-ui.cjs.js +5 -3
  196. package/dist/cjs/{caption-template-8d099fd6.js → caption-template-81dbc490.js} +2 -2
  197. package/dist/cjs/{color-helper-d6d2028b.js → color-helper-c3a819ea.js} +28 -2
  198. package/dist/cjs/{colors-e1d142ad.js → colors-078851ec.js} +1 -1
  199. package/dist/cjs/{floating-ui-c9fc2202.js → floating-ui-baa45717.js} +2 -2
  200. package/dist/cjs/{generate-21143214.js → generate-225c30c9.js} +57 -8
  201. package/dist/cjs/global-d30014b0.js +27 -0
  202. package/dist/cjs/{index-fdbf5226.js → index-95ae50d0.js} +1 -1
  203. package/dist/cjs/index-c08b35b2.js +1610 -0
  204. package/dist/cjs/{index-ddfd6d8f.js → index-c591ecec.js} +4 -0
  205. package/dist/cjs/{index-4506fcd7.js → index-d321de96.js} +1 -1
  206. package/dist/cjs/index-e05a7c6f.js +545 -0
  207. package/dist/cjs/{input-template-1441e468.js → input-template-27576361.js} +8 -8
  208. package/dist/cjs/{is-load-decorator-137dded1.js → is-load-decorator-7575fbd2.js} +1 -1
  209. package/dist/cjs/{json-parse-decarator-8dbf0b0e.js → json-parse-decarator-c7dda47d.js} +2 -2
  210. package/dist/cjs/{label-template-4d5f99a5.js → label-template-8d34230f.js} +5 -5
  211. package/dist/cjs/loader.cjs.js +5 -3
  212. package/dist/cjs/moment-c1a71617.js +5689 -0
  213. package/dist/cjs/{number-helper-08a7ff70.js → number-helper-2b3bd61e.js} +1 -1
  214. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +11 -10
  215. package/dist/cjs/old-bcm-popover.cjs.entry.js +9 -8
  216. package/dist/cjs/package-e7a4d8ef.js +9 -0
  217. package/dist/cjs/{popover-placement-ccb40073.js → popover-placement-86ece590.js} +1 -1
  218. package/dist/cjs/{slot-template-d70ea082.js → slot-template-758beb71.js} +2 -2
  219. package/dist/cjs/{stepper-states-9b6818aa.js → stepper-states-b56fbad9.js} +3 -3
  220. package/dist/cjs/{string-helper-d681e5c7.js → string-helper-b89a9828.js} +3 -3
  221. package/dist/cjs/{tooltip-helper-235b26ea.js → tooltip-helper-85b4c726.js} +22 -14
  222. package/dist/cjs/{validators-6a0077a8.js → validators-9e7f7995.js} +1 -1
  223. package/dist/collection/assets/csv.svg +9 -0
  224. package/dist/collection/assets/excel.svg +9 -0
  225. package/dist/collection/assets/pdf.svg +9 -0
  226. package/dist/collection/collection-manifest.json +5 -2
  227. package/dist/collection/components/atoms/avatar/avatar.js +94 -81
  228. package/dist/collection/components/atoms/avatar/avatar.style.js +42 -0
  229. package/dist/collection/components/atoms/badge/badge.js +30 -90
  230. package/dist/collection/components/atoms/badge/badge.style.js +48 -0
  231. package/dist/collection/components/{other/data-table/table.css → atoms/chip/chip-group.css} +2 -5
  232. package/dist/collection/components/atoms/chip/chip-group.js +50 -6
  233. package/dist/collection/components/atoms/chip/chip.css +9 -0
  234. package/dist/collection/components/atoms/chip/chip.js +3 -1
  235. package/dist/collection/components/atoms/icon/icon.js +15 -3
  236. package/dist/collection/components/atoms/icon/static/message-bot.svg +10 -0
  237. package/dist/collection/components/molecules/input/input.js +4 -4
  238. package/dist/collection/components/molecules/input-dropdown/input-dropdown.css +284 -0
  239. package/dist/collection/components/molecules/input-dropdown/input-dropdown.js +698 -0
  240. package/dist/collection/components/molecules/items/items.js +1 -1
  241. package/dist/collection/components/molecules/linked/linked.js +14 -2
  242. package/dist/collection/components/molecules/menu/menu.js +1 -0
  243. package/dist/collection/components/molecules/popconfirm/popconfirm.js +1 -1
  244. package/dist/collection/components/molecules/popover/popover.js +2 -2
  245. package/dist/collection/components/molecules/tab-group/tab-group.js +5 -1
  246. package/dist/collection/components/molecules/tab-group/tab-item-header.js +11 -26
  247. package/dist/collection/components/molecules/tooltip/tooltip.js +2 -2
  248. package/dist/collection/components/organism/datetime-picker/datetime-picker.js +15 -1
  249. package/dist/collection/components/organism/form/form.js +1 -0
  250. package/dist/collection/components/organism/form-2/bcm-form-components.js +4 -1
  251. package/dist/collection/components/other/typography/typography.js +1 -1
  252. package/dist/collection/components/other_deprecated/old-popover/old-popover.js +1 -1
  253. package/dist/collection/components/third-parts/rc-picker/date.js +572 -0
  254. package/dist/collection/components/third-parts/rc-picker/rc-picker.css +366 -0
  255. package/dist/collection/components/third-parts/rc-picker/rc-picker.js +258 -0
  256. package/dist/collection/components/third-parts/table/table-definations.js +42 -0
  257. package/dist/collection/components/third-parts/table/table.css +7169 -0
  258. package/dist/collection/components/third-parts/table/table.js +284 -0
  259. package/dist/collection/decorators/bcm-decorator.js +28 -0
  260. package/dist/collection/decorators/index.js +1 -0
  261. package/dist/collection/global/global.js +19 -5
  262. package/dist/collection/helper/color-helper.js +27 -1
  263. package/dist/collection/helper/generate.js +54 -4
  264. package/dist/collection/helper/popover-helper.js +13 -9
  265. package/dist/collection/helper/tooltip-helper.js +12 -4
  266. package/dist/collection/models/bcm.js +1 -0
  267. package/dist/collection/templates/index.js +2 -0
  268. package/dist/collection/templates/toolbar-hamburger-template.js +14 -0
  269. package/dist/collection/templates/toolbar-template.js +15 -0
  270. package/dist/components/_commonjsHelpers.js +16 -1
  271. package/dist/components/avatar.js +93 -53
  272. package/dist/components/badge.js +2638 -46
  273. package/dist/components/bcm-chip-group.js +26 -6
  274. package/dist/components/bcm-date.d.ts +11 -0
  275. package/dist/components/bcm-date.js +161 -0
  276. package/dist/components/bcm-form-2.js +4 -1
  277. package/dist/components/bcm-form.js +1 -0
  278. package/dist/components/bcm-input-dropdown.d.ts +11 -0
  279. package/dist/components/bcm-input-dropdown.js +330 -0
  280. package/dist/components/bcm-items.js +1 -1
  281. package/dist/components/bcm-popover.js +14 -10
  282. package/dist/components/bcm-rc-picker.d.ts +11 -0
  283. package/dist/components/bcm-rc-picker.js +10 -0
  284. package/dist/components/bcm-tab-group.js +5 -1
  285. package/dist/components/bcm-tab-item-header.js +11 -26
  286. package/dist/components/bcm-table.js +111873 -41
  287. package/dist/components/bcm.js +1 -0
  288. package/dist/components/chip.js +4 -2
  289. package/dist/components/color-helper.js +27 -1
  290. package/dist/components/colors2.js +1 -1
  291. package/dist/components/datetime-picker.js +15 -1
  292. package/dist/components/generate.js +57 -7
  293. package/dist/components/icon.js +15 -3
  294. package/dist/components/index.d.ts +4 -1
  295. package/dist/components/index.js +17 -3
  296. package/dist/components/index3.js +5 -1
  297. package/dist/components/input.js +4 -4
  298. package/dist/components/linked.js +13 -1
  299. package/dist/components/menu.js +1 -0
  300. package/dist/components/raf.js +1594 -0
  301. package/dist/components/rc-overflow.js +32 -1557
  302. package/dist/components/rc-picker.js +13851 -0
  303. package/dist/components/tooltip-helper.js +12 -4
  304. package/dist/components/tooltip.js +1 -1
  305. package/dist/components/typography.js +1 -1
  306. package/dist/esm/{_commonjsHelpers-3016b722.js → _commonjsHelpers-be0d4ec8.js} +16 -1
  307. package/dist/esm/ag-grid-enterprise.auto.esm-9c29ba78.js +111635 -0
  308. package/dist/esm/{bcm-9f50af9c.js → bcm-ac17222c.js} +2 -1
  309. package/dist/esm/bcm-accordion.entry.js +5 -4
  310. package/dist/esm/bcm-alert.entry.js +9 -8
  311. package/dist/esm/bcm-attendance.entry.js +5 -4
  312. package/dist/esm/bcm-autocomplete.entry.js +3 -3
  313. package/dist/esm/bcm-avatar_2.entry.js +2765 -0
  314. package/dist/esm/bcm-box.entry.js +1 -1
  315. package/dist/esm/bcm-breadcrumb.entry.js +6 -5
  316. package/dist/esm/bcm-button-group.entry.js +8 -7
  317. package/dist/esm/{bcm-avatar_15.entry.js → bcm-button_8.entry.js} +434 -5439
  318. package/dist/esm/bcm-card.entry.js +11 -10
  319. package/dist/esm/bcm-checkbox-group.entry.js +13 -12
  320. package/dist/esm/bcm-checkbox-lite_9.entry.js +8 -7
  321. package/dist/esm/bcm-checkbox_2.entry.js +14 -13
  322. package/dist/esm/bcm-chip-group.entry.js +125 -0
  323. package/dist/esm/bcm-chip.entry.js +87 -0
  324. package/dist/esm/bcm-collapse-group.entry.js +2 -2
  325. package/dist/esm/bcm-collapse.entry.js +6 -5
  326. package/dist/esm/bcm-color-input.entry.js +12 -11
  327. package/dist/esm/bcm-colorpicker.entry.js +5 -5
  328. package/dist/esm/bcm-content.entry.js +1 -1
  329. package/dist/esm/bcm-date-picker.entry.js +9 -8
  330. package/dist/esm/bcm-date.entry.js +120 -0
  331. package/dist/esm/bcm-datetime-picker.entry.js +29 -14
  332. package/dist/esm/bcm-default.entry.js +5 -4
  333. package/dist/esm/bcm-drawer.entry.js +13 -12
  334. package/dist/esm/bcm-dropdown.entry.js +9 -8
  335. package/dist/esm/bcm-error-layout.entry.js +3 -3
  336. package/dist/esm/bcm-expansion-panel.entry.js +10 -9
  337. package/dist/esm/bcm-form-2.entry.js +12 -8
  338. package/dist/esm/bcm-form-group.entry.js +1 -1
  339. package/dist/esm/bcm-form.entry.js +485 -0
  340. package/dist/esm/bcm-input-custom.entry.js +6 -5
  341. package/dist/esm/bcm-item.entry.js +9 -8
  342. package/dist/esm/bcm-items.entry.js +8 -7
  343. package/dist/esm/bcm-link.entry.js +4 -4
  344. package/dist/esm/bcm-list_3.entry.js +2496 -0
  345. package/dist/esm/bcm-menu.entry.js +17 -15
  346. package/dist/esm/bcm-message.entry.js +3 -3
  347. package/dist/esm/bcm-modal-2-footer.entry.js +13 -12
  348. package/dist/esm/bcm-modal-2-header.entry.js +12 -11
  349. package/dist/esm/bcm-modal-2.entry.js +13 -12
  350. package/dist/esm/bcm-modal.entry.js +9 -8
  351. package/dist/esm/bcm-notification.entry.js +3 -3
  352. package/dist/esm/bcm-old-input.entry.js +5 -5
  353. package/dist/esm/bcm-old-tag_2.entry.js +4 -4
  354. package/dist/esm/bcm-overlay_2.entry.js +4 -4
  355. package/dist/esm/bcm-popconfirm-box.entry.js +11 -10
  356. package/dist/esm/bcm-popconfirm.entry.js +7 -6
  357. package/dist/esm/bcm-popover.entry.js +27 -22
  358. package/dist/esm/bcm-progress.entry.js +9 -8
  359. package/dist/esm/bcm-radio-group.entry.js +15 -14
  360. package/dist/esm/bcm-radio.entry.js +13 -12
  361. package/dist/esm/bcm-range.entry.js +8 -7
  362. package/dist/esm/bcm-rc-picker.entry.js +8146 -0
  363. package/dist/esm/bcm-result.entry.js +3 -3
  364. package/dist/esm/bcm-select-group.entry.js +3 -3
  365. package/dist/esm/bcm-select-option.entry.js +3 -3
  366. package/dist/esm/bcm-select.entry.js +6 -6
  367. package/dist/esm/bcm-skeleton.entry.js +5 -4
  368. package/dist/esm/bcm-step.entry.js +8 -7
  369. package/dist/esm/bcm-stepper.entry.js +15 -14
  370. package/dist/esm/bcm-switch.entry.js +10 -9
  371. package/dist/esm/bcm-tab-group.entry.js +17 -12
  372. package/dist/esm/bcm-tab-item-header.entry.js +24 -38
  373. package/dist/esm/bcm-tab-item.entry.js +12 -11
  374. package/dist/esm/bcm-tab-pane.entry.js +3 -3
  375. package/dist/esm/bcm-tab.entry.js +3 -3
  376. package/dist/esm/bcm-table.entry.js +236 -38
  377. package/dist/esm/bcm-tabs-content.entry.js +4 -4
  378. package/dist/esm/bcm-tabs.entry.js +4 -4
  379. package/dist/esm/bcm-tag.entry.js +9 -8
  380. package/dist/esm/bcm-text.entry.js +9 -9
  381. package/dist/esm/bcm-textarea.entry.js +11 -10
  382. package/dist/esm/bcm-time-picker.entry.js +9 -8
  383. package/dist/esm/bcm-timeline-item.entry.js +3 -3
  384. package/dist/esm/bcm-timeline.entry.js +3 -3
  385. package/dist/esm/bcm-toast.entry.js +9 -8
  386. package/dist/esm/bcm-treeview-group.entry.js +1 -1
  387. package/dist/esm/bromcom-ui.js +6 -4
  388. package/dist/esm/{caption-template-da16ba7b.js → caption-template-e973a48c.js} +2 -2
  389. package/dist/esm/{color-helper-e8ce23d7.js → color-helper-c4fa9ebc.js} +29 -3
  390. package/dist/esm/{colors-44c95e7e.js → colors-e1c31f79.js} +1 -1
  391. package/dist/esm/{element-dragger-89bb52fd.js → element-dragger-7ea06c76.js} +1 -1
  392. package/dist/esm/{floating-ui-e7341329.js → floating-ui-54c52eaa.js} +1 -1
  393. package/dist/esm/{generate-a39b1045.js → generate-93b8bdf9.js} +56 -7
  394. package/dist/esm/global-d82f2bc7.js +25 -0
  395. package/dist/esm/{index-39133086.js → index-0615c2b8.js} +3 -1
  396. package/dist/esm/{index-93e36fdb.js → index-7e71bbc8.js} +1 -1
  397. package/dist/esm/index-a6d9d0af.js +541 -0
  398. package/dist/esm/{index-ed9652af.js → index-b84bc8c9.js} +1 -1
  399. package/dist/esm/index-c4568336.js +1594 -0
  400. package/dist/esm/{input-template-e1df6efd.js → input-template-f7c67bc9.js} +4 -4
  401. package/dist/esm/{is-load-decorator-bc14ec4b.js → is-load-decorator-6784aa87.js} +1 -1
  402. package/dist/esm/{json-parse-decarator-b1ceb8c8.js → json-parse-decarator-1e5367cd.js} +2 -2
  403. package/dist/esm/{label-template-d74fe788.js → label-template-f156f33f.js} +4 -4
  404. package/dist/esm/loader.js +6 -4
  405. package/dist/esm/moment-24231dde.js +5686 -0
  406. package/dist/esm/{number-helper-fa8e8000.js → number-helper-ff29314e.js} +1 -1
  407. package/dist/esm/old-bcm-popover-box.entry.js +13 -12
  408. package/dist/esm/old-bcm-popover.entry.js +7 -6
  409. package/dist/esm/package-64966ec6.js +7 -0
  410. package/dist/esm/{popover-placement-78f86f15.js → popover-placement-018109c4.js} +1 -1
  411. package/dist/esm/{slot-template-5b2db362.js → slot-template-46035685.js} +2 -2
  412. package/dist/esm/{stepper-states-44849ee8.js → stepper-states-7c75d904.js} +3 -3
  413. package/dist/esm/{string-helper-6bd24967.js → string-helper-4a28f775.js} +2 -2
  414. package/dist/esm/{tooltip-helper-10b64c23.js → tooltip-helper-6154996e.js} +21 -13
  415. package/dist/esm/{utils-57652744.js → utils-b3338faf.js} +1 -1
  416. package/dist/esm/{validators-dd70be40.js → validators-2956054d.js} +1 -1
  417. package/dist/types/components/atoms/avatar/avatar.d.ts +6 -10
  418. package/dist/types/components/atoms/avatar/avatar.style.d.ts +181 -0
  419. package/dist/types/components/atoms/badge/badge.d.ts +3 -7
  420. package/dist/types/components/atoms/badge/badge.style.d.ts +153 -0
  421. package/dist/types/components/atoms/chip/chip-group.d.ts +4 -0
  422. package/dist/types/components/atoms/icon/icon.d.ts +1 -0
  423. package/dist/types/components/molecules/input-dropdown/input-dropdown.d.ts +55 -0
  424. package/dist/types/components/molecules/linked/linked.d.ts +1 -0
  425. package/dist/types/components/organism/datetime-picker/datetime-picker.d.ts +1 -0
  426. package/dist/types/components/third-parts/rc-picker/date.d.ts +46 -0
  427. package/dist/types/components/third-parts/rc-picker/rc-picker.d.ts +20 -0
  428. package/dist/types/components/third-parts/table/table-definations.d.ts +28 -0
  429. package/dist/types/components/third-parts/table/table.d.ts +37 -0
  430. package/dist/types/components.d.ts +183 -16
  431. package/dist/types/decorators/bcm-decorator.d.ts +2 -0
  432. package/dist/types/decorators/index.d.ts +1 -0
  433. package/dist/types/helper/color-helper.d.ts +22 -2
  434. package/dist/types/helper/generate.d.ts +21 -1
  435. package/dist/types/helper/popover-helper.d.ts +0 -5
  436. package/dist/types/helper/tooltip-helper.d.ts +0 -1
  437. package/dist/types/models/bcm.d.ts +9 -1
  438. package/dist/types/templates/index.d.ts +2 -0
  439. package/dist/types/templates/toolbar-hamburger-template.d.ts +12 -0
  440. package/dist/types/templates/toolbar-template.d.ts +13 -0
  441. package/package.json +14 -7
  442. package/dist/bromcom-ui/p-02afc93f.entry.js +0 -5
  443. package/dist/bromcom-ui/p-0906c9b4.entry.js +0 -5
  444. package/dist/bromcom-ui/p-0d4a552d.entry.js +0 -5
  445. package/dist/bromcom-ui/p-0ee4e283.entry.js +0 -5
  446. package/dist/bromcom-ui/p-0fdbbbe8.entry.js +0 -5
  447. package/dist/bromcom-ui/p-14378828.entry.js +0 -5
  448. package/dist/bromcom-ui/p-15fa3329.entry.js +0 -5
  449. package/dist/bromcom-ui/p-1c5a2111.entry.js +0 -5
  450. package/dist/bromcom-ui/p-20ac20d4.entry.js +0 -5
  451. package/dist/bromcom-ui/p-236def30.entry.js +0 -5
  452. package/dist/bromcom-ui/p-24a733ff.entry.js +0 -5
  453. package/dist/bromcom-ui/p-24aefda6.js +0 -5
  454. package/dist/bromcom-ui/p-2cb4a196.entry.js +0 -5
  455. package/dist/bromcom-ui/p-2ea24a6e.js +0 -5
  456. package/dist/bromcom-ui/p-334e3147.entry.js +0 -5
  457. package/dist/bromcom-ui/p-344a4674.entry.js +0 -5
  458. package/dist/bromcom-ui/p-3ad545f0.entry.js +0 -5
  459. package/dist/bromcom-ui/p-40a5e4fc.entry.js +0 -5
  460. package/dist/bromcom-ui/p-440afdfa.entry.js +0 -5
  461. package/dist/bromcom-ui/p-4b34b3f9.entry.js +0 -5
  462. package/dist/bromcom-ui/p-55001c80.entry.js +0 -5
  463. package/dist/bromcom-ui/p-56896e3a.entry.js +0 -5
  464. package/dist/bromcom-ui/p-5f288af5.entry.js +0 -5
  465. package/dist/bromcom-ui/p-6f56f8ca.js +0 -5
  466. package/dist/bromcom-ui/p-70b428e8.entry.js +0 -5
  467. package/dist/bromcom-ui/p-72b7fda0.entry.js +0 -5
  468. package/dist/bromcom-ui/p-7658ec26.entry.js +0 -5
  469. package/dist/bromcom-ui/p-772a214f.js +0 -5
  470. package/dist/bromcom-ui/p-79fd816c.js +0 -5
  471. package/dist/bromcom-ui/p-80a43b79.js +0 -5
  472. package/dist/bromcom-ui/p-843905c8.js +0 -5
  473. package/dist/bromcom-ui/p-8864e6af.entry.js +0 -5
  474. package/dist/bromcom-ui/p-89b21290.entry.js +0 -5
  475. package/dist/bromcom-ui/p-89f7a5c7.entry.js +0 -5
  476. package/dist/bromcom-ui/p-9b10d955.entry.js +0 -5
  477. package/dist/bromcom-ui/p-9c7e9b5d.entry.js +0 -5
  478. package/dist/bromcom-ui/p-9eb2a75d.entry.js +0 -5
  479. package/dist/bromcom-ui/p-a0a3fd94.entry.js +0 -5
  480. package/dist/bromcom-ui/p-a2046742.entry.js +0 -5
  481. package/dist/bromcom-ui/p-a49ded35.entry.js +0 -5
  482. package/dist/bromcom-ui/p-a97ee69d.entry.js +0 -19
  483. package/dist/bromcom-ui/p-ab55def1.entry.js +0 -5
  484. package/dist/bromcom-ui/p-be6d0712.entry.js +0 -5
  485. package/dist/bromcom-ui/p-c9b10de5.entry.js +0 -5
  486. package/dist/bromcom-ui/p-cad8f786.entry.js +0 -5
  487. package/dist/bromcom-ui/p-cf7af1fc.entry.js +0 -5
  488. package/dist/bromcom-ui/p-d011a407.entry.js +0 -5
  489. package/dist/bromcom-ui/p-d1598dd5.entry.js +0 -5
  490. package/dist/bromcom-ui/p-d3cb8d25.js +0 -5
  491. package/dist/bromcom-ui/p-d65a1e21.js +0 -11
  492. package/dist/bromcom-ui/p-da1055cb.js +0 -6
  493. package/dist/bromcom-ui/p-dc19c6f4.entry.js +0 -5
  494. package/dist/bromcom-ui/p-dcb2ae7f.entry.js +0 -5
  495. package/dist/bromcom-ui/p-dce2079e.entry.js +0 -5
  496. package/dist/bromcom-ui/p-e008411a.entry.js +0 -5
  497. package/dist/bromcom-ui/p-e3cafc0d.entry.js +0 -5
  498. package/dist/bromcom-ui/p-e606c42b.entry.js +0 -5
  499. package/dist/bromcom-ui/p-e66821e5.entry.js +0 -5
  500. package/dist/bromcom-ui/p-e6ce5ec8.entry.js +0 -5
  501. package/dist/cjs/global-b0d21446.js +0 -15
  502. package/dist/collection/components/atoms/avatar/avatar.css +0 -198
  503. package/dist/collection/components/atoms/badge/badge.css +0 -231
  504. package/dist/collection/components/other/data-table/table.js +0 -88
  505. package/dist/esm/global-4fad925b.js +0 -13
  506. package/dist/types/components/other/data-table/table.d.ts +0 -8
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as t,c as s,h as i,H as h,g as e}from"./p-da1055cb.js";import{C as o}from"./p-843905c8.js";import"./p-626a65e9.js";import{G as a}from"./p-d3cb8d25.js";import"./p-80a43b79.js";import{S as r}from"./p-8d0ca8c2.js";import"./p-b94fa326.js";import"./p-7e44e6b5.js";import{B as c}from"./p-a429e85b.js";import{d as n}from"./p-8c018ae0.js";import{F as w}from"./p-b60bcecf.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";class l{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:c="none",openDelay:l=0,closeDelay:p=0,autoHide:d=!1,emitShow:m=(()=>{}),emitHide:b=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.bgColor=()=>o.twColor(this.color,700),this.exepcitonColors={white:"slate-300",black:"slate-700"},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const t=`<div class="tw-z-[1] tw-rounded tw-py-2 tw-bg-${this.bgColor()}">\n ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${r.trim(this.message)}</div>`:""}\n ${this.content?`<div class="tw-font-normal tw-px-4">${r.trim(this.content)}</div>`:""}\n </div>`;this.el=a.createElement("div",{id:`${this.targetId}-popover-box`,class:`\n tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-${this.bgColor()} tw-text-white tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n tw-shadow`,role:"popover","aria-hidden":"true",style:`color: ${o.twColorReverse(this.bgColor())}`,innerHTML:t})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&w({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:`tw-bg-${this.bgColor()}`})},this.show=async()=>{this.message?(this.init(),await n(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await n(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=c,this.id=i+"-popover-box",this.openDelay=l,this.closeDelay=p,this.autoHide=d,this.emitShow=m,this.emitHide=b}}const p=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=a.UID(),this.message="",this.content="",this.placement=c.Placement.top,this.trigger=c.TriggerType.click,this.open=!1,this.color="white",this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new l({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,this.popover.openDelay=this.openDelay,this.popover.closeDelay=this.closeDelay,this.popover.autoHide=this.autoHide,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return i(h,{"aria-describedby":"popover",class:"tw-inline-flex tw-h-fit tw-w-fit"},i("slot",null))}get el(){return e(this)}};export{p as bcm_popover}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as t,c as e,h as i,g as s}from"./p-da1055cb.js";import{G as c,s as l}from"./p-d3cb8d25.js";import{S as r}from"./p-8d0ca8c2.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-a429e85b.js";const d=class{constructor(i){t(this,i),this.bcmItems=e(this,"bcm-items",7),this._id=c.UID()}connectedCallback(){if(this.el.children&&this.el.children.length>0){let t=this.nestedItems(this.el);this.bcmItems.emit(t),this.el.remove()}}mapItems(t){var e;const i=null===(e=null==t?void 0:t.innerHTML)||void 0===e?void 0:e.replace(/<bcm-item>.*<\/bcm-item>/g,"").replace(/<bcm-item .*>.*<\/bcm-item>/g,"").replace(/<!--(.|\s)*?-->/g,"").trim(),s=e=>r.elementBooleanCheck(t.getAttribute(e));return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({id:t.getAttribute("id")||c.UID(),text:t.getAttribute("text")||i},t.innerHTML.trim()&&{isHtmlContent:t.textContent.length>0?t.innerHTML.trim():null}),s("disabled")&&{disabled:s("disabled")}),s("selected")&&{selected:s("selected")}),s("checked")&&{checked:s("checked")}),s("readonly")&&{readonly:s("readonly")}),s("active")&&{active:s("active")}),s("icon")&&{icon:t.getAttribute("icon")}),s("link")&&{link:t.getAttribute("link")})}nestedItems(t){return l((()=>Array.from(null==t?void 0:t.children).map((t=>{var e;return Object.assign(Object.assign({},"bcm-item"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())&&this.mapItems(t)),{items:this.nestedItems(t)})}))),[])}render(){return i("slot",null)}get el(){return s(this)}};export{d as bcm_items}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as t,c as e,h as i,H as s,g as n}from"./p-da1055cb.js";import{c as r}from"./p-d65a1e21.js";import{G as a}from"./p-d3cb8d25.js";import{a as o}from"./p-a429e85b.js";import{d as h}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const c=class{constructor(i){t(this,i),this.change=e(this,"bcm-change",7),this._id=a.UID(),this.min=0,this.max=10,this.step=1,this.value=0,this.height="326px",this.name=void 0,this.direction=o.Direction.horizontal,this._prefix=void 0,this._suffix=void 0,this.multiple=!1,this.leftValue=void 0,this.rightValue=void 0,this.leftMin=void 0}connectedCallback(){const t=JSON.parse(this.value);this.value="number"==typeof t?[t]:t,this.value.length>1?(this.leftValue=this.value[0],this.rightValue=this.value[1],this.leftMin=this.min,this.multiple=!0):(this.rightValue=this.value,this.leftMin=this.min-this.step,this.leftValue=this.leftMin,this.multiple=!1),a.createComponent("bcm-tooltip-box",{id:"box-"+this._id,placement:this.direction===o.Direction.horizontal?o.Placement.top:o.Placement.left,color:"blue"},null)}componentDidLoad(){this.setThumbPosition("right"),this.setThumbPosition("left"),this.multiple||this.hiddenLeftThumb()}async setValue(t){return this.value=t,this.handleChange(),t}async setClear(){return this.value=this.multiple?[this.min,this.max]:this.min,await h(10),Promise.resolve()}async resetCaption(){return await h(10),await h(10),Promise.resolve()}async getValue(){return this.value}syncValues(t,e){const i=e.target.valueAsNumber,s="left"===t?this.rightValue:this.leftValue;"left"===t?(this.leftValue=i>=s?s-1:i,this.getInput(t).valueAsNumber=this.leftValue,this.setThumbPosition("left")):(this.rightValue=i<=s?s+1:i,this.getInput(t).valueAsNumber=this.rightValue,this.setThumbPosition("right"))}handleChange(){this.multiple?(this.getInput("left").valueAsNumber=this.leftValue,this.getInput("right").valueAsNumber=this.rightValue,this.value=[this.leftValue,this.rightValue]):(this.getInput("right").valueAsNumber=this.rightValue,this.value=this.rightValue),this.change.emit(this.value)}setThumbPosition(t){const{min:e,max:i}=this,s=this.el.querySelector("#bcm-range__thumb-range");let n;n=(this.getInput(t).valueAsNumber-e)/(i-e)*100,n=("left"===t?n:100-n)+"%",this.getThumb(t).style[t]=n,s.style[t]=n}hiddenLeftThumb(){const t=this.getThumb("left"),e=this.el.querySelector("#bcm-range__thumb-range");t.classList.add("hidden"),e.style.left=0}getTooltip(t){const e=document.querySelector(`bcm-tooltip-box[id="box-${this._id}"]`);return e.setAttribute("target-id","bcm-range__thumb-"+t+"-"+this._id),e.setAttribute("message",this.getInput(t).valueAsNumber),e}getThumb(t){return this.el.querySelector("#bcm-range__thumb-"+t+"-"+this._id)}getInput(t){return this.el.querySelector("#input-"+t+"-"+this._id)}touchToMove(t){const e=this.multiple&&Math.abs(t-this.leftValue)<Math.abs(t-this.rightValue)?"left":"right";this.getInput(e).valueAsNumber=t,this.syncValues(e,{target:{valueAsNumber:t}}),this.handleChange()}hoverTick(t,e){this.el.querySelector(`#tick-${t}`).classList.toggle("hover",e)}render(){const{min:t,max:e,step:n,leftMin:a,direction:h,height:c}=this,p=r("bcm-range",h);return i(s,{class:p,style:h==o.Direction.vertical&&{height:c}},i("div",{class:"bcm-range__container",style:h==o.Direction.vertical&&{height:"100%",width:c}},i("input",{type:"range",id:`input-left-${this._id}`,min:a,max:e,step:n,onChange:t=>{this.syncValues("left",t),this.handleChange()},onInput:t=>{this.syncValues("left",t),this.getTooltip("left").hide(),this.getTooltip("left").show()},onMouseOver:()=>{this.getThumb("left").classList.add("hover"),this.getTooltip("left").show()},onMouseOut:()=>{this.getThumb("left").classList.remove("hover"),this.getTooltip("left").hide()},value:this.leftValue,class:{single:!this.multiple}}),i("input",{type:"range",id:`input-right-${this._id}`,min:t,max:e,onChange:t=>{this.syncValues("right",t),this.handleChange()},onInput:t=>{this.syncValues("right",t),this.getTooltip("right").hide(),this.getTooltip("right").show()},onMouseOver:()=>{this.getThumb("right").classList.add("hover"),this.getTooltip("right").show()},onMouseOut:()=>{this.getThumb("right").classList.remove("hover"),this.getTooltip("right").hide()},step:n,value:this.rightValue}),i("div",{class:"bcm-range__container-bar"},i("div",{class:"ticks"},i((()=>{const{min:t,max:e,step:s,_prefix:n,_suffix:r}=this,a=[];for(let o=t;o<=e;o+=s)a.push(i("span",{id:"tick-"+o,class:"tick size-1"},i("span",{class:"tick-text",onMouseOver:()=>this.hoverTick(o,!0),onMouseOut:()=>this.hoverTick(o,!1),onClick:()=>this.touchToMove(o)},n,o,r)));return a}),null)),i("div",{class:"bcm-range__container-bar-track"}),i("div",{class:"bcm-range__container-bar-range",id:"bcm-range__thumb-range"}),i("div",{class:"bcm-range__container-bar-thumb left",id:`bcm-range__thumb-left-${this._id}`},i("span",null)),i("div",{class:"bcm-range__container-bar-thumb right",id:`bcm-range__thumb-right-${this._id}`},i("span",null))),i("div",{class:"touch"},i((()=>{const{min:t,max:e,step:s}=this,n=[];for(let r=t;r<=e;r+=s)n.push(i("span",{onMouseOver:()=>this.hoverTick(r,!0),onMouseOut:()=>this.hoverTick(r,!1),onClick:()=>this.touchToMove(r),class:"touch-point"}));return n}),null))))}get el(){return n(this)}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-range{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:" ";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:"";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}';export{c as bcm_range}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as t,c as i,h as s,H as a,g as o}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as e}from"./p-d3cb8d25.js";import"./p-80a43b79.js";import"./p-8d0ca8c2.js";import"./p-b94fa326.js";import"./p-7e44e6b5.js";import{d as l}from"./p-8c018ae0.js";import{B as r}from"./p-a429e85b.js";import{C as h}from"./p-c8e13fd7.js";import{c}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{I as d}from"./p-c23b6240.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const n=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this._id=e.UID(),this.label=void 0,this.name=void 0,this.value=null,this.defaultValue=void 0,this.size=r.Size.medium,this.disabled=void 0,this.hidden=!1,this.required=!1,this.gap=void 0,this.direction=r.Direction.horizontal,this.fullWidth=!1,this.items=[],this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=r.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}get radios(){return Array.from(this.el.querySelectorAll("bcm-radio"))}get Items(){return this.items}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}updateValue(){var t,i,s;this.value=null!==(s=null===(i=null===(t=this.radios)||void 0===t?void 0:t.find((t=>t.checked)))||void 0===i?void 0:i.value)&&void 0!==s?s:null}setRadioUpdate(){var t;null===(t=this.radios)||void 0===t||t.forEach((t=>{t.disabled=this.disabled||t.disabled,t.size=this.size,this.defaultValue&&(t.checked=t.value==this.defaultValue)}))}watchDisabled(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.disabled=t))}watchDefaultValue(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.checked=i.value==t)),this.updateValue(),this.change.emit(this.value)}componentWillLoad(){this.setRadioUpdate(),this.updateValue()}handleChange(t){var i,s;t.stopPropagation(),t.preventDefault();const a=null!==(i=t.target.checked)&&void 0!==i&&i;null===(s=this.radios)||void 0===s||s.forEach((i=>{i.checked=i.id==t.target.id&&!a})),this.updateValue(),this.change.emit(this.value)}async setClear(){var t;this.value=null,null===(t=this.radios)||void 0===t||t.forEach((t=>{t.checked=!1}))}async resetCaption(){return await l(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await l(10),Promise.resolve()}async check(t,i=!0){var s;null===(s=this.radios)||void 0===s||s.forEach((s=>{s.checked=(s.id==t||s.value==t)&&i})),this.updateValue(),this.change.emit(this.value)}async get(){return this.value}async set(t){await this.check(t)}async getValue(){return this.value}render(){var t,i;const{direction:o,fullWidth:e,gap:l,label:d,size:n,required:p,disabled:u,caption:v,captionError:m,captionType:f,noCaption:b}=this;return s(a,{role:"radio-group",class:"tw-mb-2 tw-flex tw-flex-col"},d&&s("bcm-label",{type:f,value:d,required:p}),s("div",{class:c("tw-flex tw-flex-wrap",o==r.Direction.horizontal?"tw-flex-row":"tw-flex-col",e&&"tw-w-full"),style:{gap:l}},s("slot",null),(null===(t=this.Items)||void 0===t?void 0:t.length)>0&&(null===(i=this.Items)||void 0===i?void 0:i.map((t=>s("bcm-radio",{id:t.id,value:t.value,disabled:u||t.disabled,checked:t.checked,color:t.color,size:n},t.label))))),s(h,{noCaption:b,captionType:f,captionError:m,caption:v}))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],defaultValue:["watchDefaultValue"]}}};!function(t,i,s,a){var o,e=arguments.length,l=e<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,i,s,a);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(l=(e<3?o(l):e>3?o(i,s,l):o(i,s))||l);e>3&&l&&Object.defineProperty(i,s,l)}([d()],n.prototype,"el",void 0);export{n as bcm_radio_group}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as e,c as i,f as n,h as m,H as c,g as o}from"./p-da1055cb.js";import{c as t}from"./p-d65a1e21.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as l}from"./p-d3cb8d25.js";import"./p-80a43b79.js";import"./p-8d0ca8c2.js";import"./p-b94fa326.js";import{T as r}from"./p-2ea24a6e.js";import"./p-7e44e6b5.js";import"./p-a429e85b.js";import{I as a}from"./p-c23b6240.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-b60bcecf.js";const b=class{constructor(n){e(this,n),this.bcmClick=i(this,"bcm-click",7),this.bcmExpanded=i(this,"bcm-expanded",7),this.bcmMenuChange=i(this,"bcm-menu-change",7),this._id=l.UID(),this.size="medium",this.collapsible=!1,this.collapse=!1,this.mode="inline",this.disabled=!1,this.hidden=!1,this.linkedComponent=void 0,this.height="auto",this.maxHeight="500px",this.minHeight="150px",this.selectable=!0,this.gap="16px",this.dropdown=!1,this.placement="bottom-start",this.activeItemId=void 0,this.data=[]}async setActive(e){this.activeItemId=null;const i=n=>{n.forEach((n=>{n.id==e?(n.active=!0,this.activeItemId=n.id,this.bcmClick.emit(n)):(n.active=!1,n.items&&i(n.items))}))};i(this.data)}async getActive(){return this.activeItem}handleSlotItems({detail:e}){this.data=e}handleClickItem(e){e.items&&e.items.length>0?(e.isOpen=!e.isOpen,n(this)):(this.activeItemId=e.id,document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))),this.bcmClick.emit(e)}getTooltip(e,i){return new r({message:i,targetId:"bcm-menu__item-"+this._id+"-"+e,placement:"right"})}render(){const{data:e,collapsible:i,collapse:n}=this,o=t("bcm-menu",`bcm-menu__size-${this.size}`,{"bcm-menu__collapse":n,"bcm-menu__dropdown":this.dropdown}),r=(e,i)=>{if(!e.text)return;e.id||(e.id=l.UID());const c=!(!e.items||!e.items.length);return this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active)&&(this.bcmMenuChange.emit(e),this.activeItem=e),m("a",{id:"bcm-menu__item-"+this._id+"-"+e.id,onMouseEnter:()=>this.collapse&&this.getTooltip(e.id,e.text).show(),onMouseLeave:()=>this.collapse&&this.getTooltip(e.id,e.text).hide(),key:i,href:e.disabled?"javascript:void(0)":e.link||"javascript:void(0)",tabindex:e.disabled?"-1":"0",class:t("bcm-menu__item",{"bcm-menu__item--is-sub":c&&e.isOpen})},m("span",{class:t("bcm-menu__item-link",`bcm-menu__item-link--${this.mode}`,{"bcm-menu__item-link--active":this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active),"bcm-menu__item-link--disabled":e.disabled}),onClick:()=>{!this.disabled&&!e.disabled&&this.handleClickItem(e)}},e.icon&&m("span",{class:"bcm-menu__item-link-icon"},m("i",{class:e.icon||"far fa-angle-left"})),m("span",{class:t("bcm-menu__item-link-text",{"bcm-menu__item-link-text--collapse":n}),innerHTML:e.text}),c&&m("div",{class:t("bcm-menu__item-link-toggle",{"bcm-menu__item-link-toggle--collapse":e.isOpen})},m("i",{class:"fas fa-chevron-down"}))),c&&m("div",{class:t("bcm-menu__item-submenu",{"bcm-menu__item-submenu--collapse":n,"bcm-menu__item-submenu--open":e.isOpen})},e.items.map(((e,i)=>r(e,i)))))};return m(c,{class:o,disabled:this.disabled},m("div",{class:"bcm-menu__container",style:{gap:this.gap}},m("slot",null),(null==e?void 0:e.length)>0&&e.map(((e,i)=>r(e,i))),i&&m("div",{class:t("bcm-menu__collapse-button",{"bcm-menu__collapse-button--collapsed":n}),onClick:()=>{this.collapse=!n,i&&this.bcmExpanded.emit(n)}},m("i",{class:"far fa-angle-left"}))))}get el(){return o(this)}};(function(e,i,n,m){var c,o=arguments.length,t=o<3?i:null===m?m=Object.getOwnPropertyDescriptor(i,n):m;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,i,n,m);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(t=(o<3?c(t):o>3?c(i,n,t):c(i,n))||t);o>3&&t&&Object.defineProperty(i,n,t)})([a()],b.prototype,"el",void 0),b.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-800);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-color-primary-500);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-color-primary-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-background-color-dropdownDisabled:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-color-primary-400);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-color-primary-700);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-color-primary-800);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__dropdown{width:auto;max-width:210px}.bcm-menu__dropdown .bcm-menu__item-link--disabled{color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}';export{b as bcm_menu}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as t,h as e,H as s,g as r}from"./p-da1055cb.js";import{G as o}from"./p-d3cb8d25.js";import{c as i}from"./p-d65a1e21.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const a=class{constructor(e){t(this,e),this.handleFocus=()=>{this.hasFocus=!0},this.handleBlur=()=>{this.hasFocus=!1},this.handleChange=t=>{this.value=t.target.value,console.log(t)},this.handleInput=t=>{console.log(t)},this._id=o.UID(),this.name=void 0,this.value=void 0,this.type="text",this.label=void 0,this.required=!1,this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.fullwidth=!1,this.hasFocus=!1}render(){const{_id:t,type:r,name:o,value:a,label:l,required:w,fullwidth:n,placeholder:d,disabled:h,readonly:c}=this;return e(s,{class:i("tw-inline-flex tw-w-full tw-max-w-[256px] tw-flex-col",{"tw-max-w-full":n})},l&&e("bcm-label",{value:l,required:w,htmlFor:t}),e("div",{class:i("tw-relative tw-flex tw-w-full tw-flex-row tw-items-stretch tw-rounded tw-border tw-p-0 hover:tw-border-primary-600",{"tw-cursor-not-allowed tw-bg-secondary-50":this.disabled,"tw-cursor-text":!this.disabled,"tw-cursor-default tw-bg-secondary-50":this.readonly,"tw-border-primary-500 tw-bg-secondary-50":this.hasFocus,"tw-border-secondary-300 tw-bg-white":!this.hasFocus})},e("input",{id:t,name:o,type:r,value:a,"data-value":a,placeholder:d,required:w,disabled:h,readonly:c,class:i("tw-text-overflow-ellipsis","tw-rounded-none","tw-flex-1","tw-cursor-inherit","tw-w-full","tw-appearance-none","tw-overflow-hidden","tw-whitespace-nowrap","tw-border-none","tw-bg-transparent","tw-p-2","tw-text-secondary-600","tw-placeholder-secondary-300","tw-outline-none"),onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:t=>this.handleChange(t),onInput:this.handleInput})))}get el(){return r(this)}};export{a as bcm_input_custom}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as o,h as p,H as t,g as e}from"./p-da1055cb.js";import"./p-7e44e6b5.js";import{g as r,s as i}from"./p-dbc4c30c.js";import{F as b}from"./p-b60bcecf.js";import{c as n}from"./p-d65a1e21.js";import{G as s}from"./p-d3cb8d25.js";import{N as a}from"./p-80a43b79.js";import{S as m}from"./p-8d0ca8c2.js";import"./p-8c018ae0.js";import"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const x=class{constructor(p){o(this,p),this._id=s.UID(),this._target_id=void 0,this.message=void 0,this._title=void 0,this.placement="bottom",this.open=!1,this.hidden=!1,this.htmlContent=void 0,this.linkedComponent=void 0,this.height="256px",this.maxHeight="500px",this.minHeight="150px",this.placement_string=void 0}async show(){this.open=!0,this.calculateLocation()}async hide(){this.open=!1}getParentPopoverBox(o){if(o){const p=o.closest("old-bcm-popover-box");if(p)return p}return null}componentDidRender(){this.calculateLocation()}handleWheel(){this.calculateLocation()}handleScroll(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const p=this.el.querySelector(".bcm-pop-box"),t=document.getElementById(this.linkedComponent)||document.getElementById(this._target_id);if(p&&t){b({ref:t,floating:p,placement:this.placement,offset:2,arrow:!1,arrowColor:""}),r(p,t,o,(p=>o=p));let e=t.getBoundingClientRect().top,n=i(o,t,{rectTop:e});p.style.height=this.height.indexOf("%")>-1?.01*a.toNumber(this.height)*window.innerHeight-n[0]-50+"px":this.height,p.style.minHeight=this.minHeight;const s="top"==o.split("-")[0]?window.innerHeight-(window.innerHeight-e)-50:window.innerHeight-e-50;p.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*a.toNumber(this.maxHeight)*s+"px":"auto"!=this.maxHeight&&a.toNumber(this.maxHeight)<s?this.maxHeight:s+"px",p.style.overflowY="auto",p.style.minWidth=t.offsetWidth+"px";const m=this.getParentPopoverBox(t);if(m){const o=m.style.zIndex?a.toNumber(m.style.zIndex):10900;this.el.style.zIndex=(+o+1).toString()}(this.message||this._title)&&(p.style.minHeight="0px",p.style.height="auto",p.style.minWidth="230px")}}}setPlacementString(o){const p=m.textContains(o,"-")?o.split("-"):o.split(" ");1===p.length&&p.push("center"),this.placement_string=p.join(" ")}render(){const{message:o,_title:e,open:r,placement_string:i}=this,b=n("bcm-popover-box",i,{"bcm-pop-open":r,"bcm-pop-linked":this.linkedComponent}),s=n("bcm-pop-box");return p(t,{class:b},p("div",{class:s},e&&p("span",{class:"bcm-pop-heading size-2 weight-medium",innerHTML:e}),p("span",{class:"bcm-pop-content size-2",innerHTML:o}),p("slot",null)))}get el(){return e(this)}};x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}';export{x as old_bcm_popover_box}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{c as r}from"./p-4aa0e6b1.js";var n,t;function e(r,n){try{var t=r();return void 0===t?n:t}catch(r){if(r instanceof TypeError)return n;throw r}}!function(r){r.info="info",r.error="error",r.warning="warning",r.success="success",r.default="default"}(n||(n={})),function(r){r.banner="banner",r.basic="basic"}(t||(t={}));const o=["localhost","beta-regression.bromcomcloud.com","beta-scrum.bromcomcloud.com","beta-kanban.bromcomcloud.com"];(()=>{const r=window.location.hostname;return o.includes(r)})()&&console.log("%cbromcom ui%c version: 2.8.1-p ","color: white; background:#1890FF; font-weight: 300; font-size:10px; padding:2px 6px; border-radius: 5px","font-size:10px;"),function(){const r=document.querySelector("body");let n=localStorage.getItem("bcm-theme");!r.classList.contains("bcm-theme-*")&&n&&r.classList.add(`bcm-theme-${n}`)}(),function(){const r=document.querySelector("body");let n=document.querySelector("#bcm-overlay-container");n||(n=document.createElement("div"),n.id="bcm-overlay-container",r.appendChild(n))}();class c{static getTwColor(n,t="--bcm-color-default"){if(!n||!r[n])return!1;const e=r[n],o={};for(const[r,n]of Object.entries(e))o[`${t}-${r}`]=n;return o}}c.UID=(r="bcm")=>`${r}${Math.random().toString(36).substr(2,9)}`,c.getIconAttrWithStatusType=(r,t=!1)=>{if(t)return{icon:"far fa-spinner-third fa-spin"};switch(r){case n.info:return{icon:"far fa-info-circle"};case n.error:return{icon:"far fa-times-circle"};case n.warning:return{icon:"far fa-exclamation-circle"};case n.success:return{icon:"far fa-check-circle"}}},c.createComponent=(r,n,t="append-area")=>{let e=t?document.querySelector(t):document.body;t&&!e&&(e=document.createElement("div"),e.id="append-area",document.body.appendChild(e),e.style.visibility="hidden",e.style.opacity="0");let o=document.getElementById(n.id);return o||(o=document.createElement(r)),Object.keys(n).forEach((r=>{o[r]=n[r]})),e.appendChild(o),o},c.createElement=(r="div",n)=>{let t=document.getElementById(n.id);return t||(t=document.createElement(r)),Object.keys(n).forEach((r=>{"innerHTML"==r?t[r]=n[r]:t.setAttribute(r,n[r])})),document.body.appendChild(t),t},c.debounceInput=(r,n,t,e)=>{let o;return function(){let c=this,u=arguments;e&&e.apply(c,u);let i=function(){o=null,t||r.apply(c,u)},a=t&&!o;clearTimeout(o),o=setTimeout(i,n),a&&r.apply(c,u)}},c.flatArray=r=>r.reduce(((r,n)=>r.concat(Array.isArray(n)?c.flatArray(n):n)),[]),c.reverseNodeList=r=>{let n=[];for(let t=r.length-1;t>=0;t--)n.push(r[t]);return n},c.findEventPathWithKey=(r,n,t)=>{t=Array.isArray(t)?t:[t];let e=r.composedPath()||r.path;if(e)return void 0!==e.filter((r=>t.includes(r[n])))[0]},c.findEventPathHasAttribute=(r,n)=>{let t=r.composedPath()||r.path;if(t)return e((()=>!!t.find((r=>r.hasAttribute(n)))),!1)},c.findEventTarget=(r,n)=>{n=Array.isArray(n)?n:[n];let t=r.target||r.srcElement;if(t)return n.includes(t)},c.findEventPathWithNodeName=(r,n)=>{let t=r.composedPath()||r.path;if(t)return t.filter((r=>r.nodeName===n))[0]},c.findEventPath=(r,n)=>{n=Array.isArray(n)?n:[n];let t=r.composedPath()||r.path;if(t)return void 0!==t.filter((r=>n.includes(r)))[0]},c.objectIsEmpty=r=>0===Object.keys(r).length&&r.constructor===Object,c.convertIdsToNestedData=(r,n)=>{let t=[],e=[];return n.forEach((n=>{r&&r.indexOf(n.id.toString())>-1?t.push(n):n.items&&(e=c.convertIdsToNestedData(r,n.items),e.length>0&&(n.items=e,t.push(n)))})),t},c.nodeListToArray=r=>Array.prototype.slice.call(r),c.setAttributes=(r,n)=>{Object.keys(n).forEach((t=>{r.setAttribute(t,n[t])}))},c.computedStyle=(r,n)=>window.getComputedStyle(r,null).getPropertyValue(n),c.getAncestor=(r,n)=>{for(;(r=r.parentElement)&&!r.matches(n););return r},c.findParentElement=(r,n)=>{const t=n.charAt(0);if("*"===n)return r.parentElement;if("."===t){const t=n.slice(1);return function(r,n){for(;null!==r;){if(r.classList.contains(n))return r;r=r.parentElement}return null}(r.parentElement,t)}if("#"===t){const t=n.slice(1);return function(r,n){for(;null!==r;){if(r.id===n)return r;r=r.parentElement}return null}(r.parentElement,t)}if("["===t){const t=n.indexOf("]"),e=n.slice(1,t),o=n.slice(t+2,-1);return function(r,n,t){for(;null!==r;){if(r.hasAttribute(n)&&(void 0===t||r.getAttribute(n)===t))return r;r=r.parentElement}return null}(r.parentElement,e,o)}{const t=n.toLowerCase();return function(r,n){for(;null!==r;){if(r.tagName.toLowerCase()===n.toLowerCase())return r;r=r.parentElement}return null}(r.parentElement,t)}};export{c as G,n as S,t as T,e as s}
@@ -1,11 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{c as r}from"./p-6f56f8ca.js";var f=r((function(r){
6
- /*!
7
- Copyright (c) 2018 Jed Watson.
8
- Licensed under the MIT License (MIT), see
9
- http://jedwatson.github.io/classnames
10
- */
11
- !function(){var f={}.hasOwnProperty;function i(){for(var r=[],n=0;n<arguments.length;n++){var e=arguments[n];if(e){var o=typeof e;if("string"===o||"number"===o)r.push(e);else if(Array.isArray(e)){if(e.length){var a=i.apply(null,e);a&&r.push(a)}}else if("object"===o){if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]")){r.push(e.toString());continue}for(var t in e)f.call(e,t)&&e[t]&&r.push(t)}}}return r.join(" ")}r.exports?(i.default=i,r.exports=i):window.classNames=i}()}));export{f as c}
@@ -1,6 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- let e,t,n,l=!1,o=!1,s=!1,i=!1,r=null,c=!1;const f=e=>{const t=new URL(e,we.t);return t.origin!==ye.location.origin?t.href:t.pathname},u="http://www.w3.org/1999/xlink",a={},d=e=>"object"==(e=typeof e)||"function"===e;function p(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const m=(e,t,...n)=>{let l=null,o=null,s=null,i=!1,r=!1;const c=[],f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!d(l))&&(l+=""),i&&r?c[c.length-1].l+=l:c.push(i?$(null,l):l),r=i)};if(f(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,y);const u=$(e,null);return u.o=t,c.length>0&&(u.i=c),u.u=o,u.p=s,u},$=(e,t)=>({m:0,$:e,l:t,h:null,i:null,o:null,u:null,p:null}),h={},y={forEach:(e,t)=>e.map(b).forEach(t),map:(e,t)=>e.map(b).map(t).map(w)},b=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.p,vtag:e.$,vtext:e.l}),w=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),m(e.vtag,t,...e.vchildren||[])}const t=$(e.vtag,e.vtext);return t.o=e.vattrs,t.i=e.vchildren,t.u=e.vkey,t.p=e.vname,t},v=e=>fe(e).v,g=(e,t,n)=>{const l=v(e);return{emit:e=>k(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},k=(e,t,n)=>{const l=we.ce(t,n);return e.dispatchEvent(l),l},j=new WeakMap,S=e=>"sc-"+e.g,O=(e,t,n,l,o,s)=>{if(n!==l){let i=de(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=M(n),s=M(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=d(l);if((i||c&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let f=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(u,t):e.removeAttribute(t)):(!i||4&s||o)&&!c&&(l=!0===l?"":l,f?e.setAttributeNS(u,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):de(ye,r)?r.slice(2):r[2]+t.slice(3),n&&we.rel(e,t,n,!1),l&&we.ael(e,t,l,!1)}},C=/\s/,M=e=>e?e.split(C):[],R=(e,t,n,l)=>{const o=11===t.h.nodeType&&t.h.host?t.h.host:t.h,s=e&&e.o||a,i=t.o||a;for(l in s)l in i||O(o,l,s[l],void 0,n,t.m);for(l in i)O(o,l,s[l],i[l],n,t.m)},x=(o,r,c,f)=>{const u=r.i[c];let a,d,p,m=0;if(l||(s=!0,"slot"===u.$&&(e&&f.classList.add(e+"-s"),u.m|=u.i?2:1)),null!==u.l)a=u.h=be.createTextNode(u.l);else if(1&u.m)a=u.h=be.createTextNode("");else{if(i||(i="svg"===u.$),a=u.h=be.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&u.m?"slot-fb":u.$),i&&"foreignObject"===u.$&&(i=!1),R(null,u,i),null!=e&&a["s-si"]!==e&&a.classList.add(a["s-si"]=e),u.i)for(m=0;m<u.i.length;++m)d=x(o,u,m,a),d&&a.appendChild(d);"svg"===u.$?i=!1:"foreignObject"===a.tagName&&(i=!0)}return a["s-hn"]=n,3&u.m&&(a["s-sr"]=!0,a["s-cr"]=t,a["s-sn"]=u.p||"",p=o&&o.i&&o.i[c],p&&p.$===u.$&&o.h&&L(o.h,!1)),a},L=(e,t)=>{we.m|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(E(o).insertBefore(o,W(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&L(o,t)}we.m&=-2},P=(e,t,l,o,s,i)=>{let r,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(c.shadowRoot&&c.tagName===n&&(c=c.shadowRoot);s<=i;++s)o[s]&&(r=x(null,l,s,e),r&&(o[s].h=r,c.insertBefore(r,W(t))))},T=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.h,q(l),o=!0,s["s-ol"]?s["s-ol"].remove():L(s,!0),s.remove())},U=(e,t)=>e.$===t.$&&("slot"===e.$?e.p===t.p:e.u===t.u),W=e=>e&&e["s-ol"]||e,E=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,N=(e,t)=>{const n=t.h=e.h,l=e.i,o=t.i,s=t.$,r=t.l;let c;null===r?(i="svg"===s||"foreignObject"!==s&&i,"slot"===s||R(e,t,i),null!==l&&null!==o?((e,t,n,l)=>{let o,s,i=0,r=0,c=0,f=0,u=t.length-1,a=t[0],d=t[u],p=l.length-1,m=l[0],$=l[p];for(;i<=u&&r<=p;)if(null==a)a=t[++i];else if(null==d)d=t[--u];else if(null==m)m=l[++r];else if(null==$)$=l[--p];else if(U(a,m))N(a,m),a=t[++i],m=l[++r];else if(U(d,$))N(d,$),d=t[--u],$=l[--p];else if(U(a,$))"slot"!==a.$&&"slot"!==$.$||L(a.h.parentNode,!1),N(a,$),e.insertBefore(a.h,d.h.nextSibling),a=t[++i],$=l[--p];else if(U(d,m))"slot"!==a.$&&"slot"!==$.$||L(d.h.parentNode,!1),N(d,m),e.insertBefore(d.h,a.h),d=t[--u],m=l[++r];else{for(c=-1,f=i;f<=u;++f)if(t[f]&&null!==t[f].u&&t[f].u===m.u){c=f;break}c>=0?(s=t[c],s.$!==m.$?o=x(t&&t[r],n,c,e):(N(s,m),t[c]=void 0,o=s.h),m=l[++r]):(o=x(t&&t[r],n,r,e),m=l[++r]),o&&E(a.h).insertBefore(o,W(a.h))}i>u?P(e,null==l[p+1]?null:l[p+1].h,n,l,r,p):r>p&&T(t,i,u)})(n,l,t,o):null!==o?(null!==e.l&&(n.textContent=""),P(n,null,t,o,0,o.length-1)):null!==l&&T(l,0,l.length-1),i&&"svg"===s&&(i=!1)):(c=n["s-cr"])?c.parentNode.textContent=r:e.l!==r&&(n.data=r)},D=e=>{const t=e.childNodes;let n,l,o,s,i,r;for(l=0,o=t.length;l<o;l++)if(n=t[l],1===n.nodeType){if(n["s-sr"])for(i=n["s-sn"],n.hidden=!1,s=0;s<o;s++)if(r=t[s].nodeType,t[s]["s-hn"]!==n["s-hn"]||""!==i){if(1===r&&i===t[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===r||3===r&&""!==t[s].textContent.trim()){n.hidden=!0;break}D(n)}},A=[],F=e=>{let t,n,l,s,i,r,c=0;const f=e.childNodes,u=f.length;for(;c<u;c++){if(t=f[c],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],r=l.length-1;r>=0;r--)n=l[r],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(H(n,s)?(i=A.find((e=>e.k===n)),o=!0,n["s-sn"]=n["s-sn"]||s,i?i.j=t:A.push({j:t,k:n}),n["s-sr"]&&A.map((e=>{H(e.k,n["s-sn"])&&(i=A.find((e=>e.k===n)),i&&!e.j&&(e.j=i.j))}))):A.some((e=>e.k===n))||A.push({k:n}));1===t.nodeType&&F(t)}},H=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,q=e=>{e.o&&e.o.ref&&e.o.ref(null),e.i&&e.i.map(q)},V=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},_=(e,t)=>{if(e.m|=16,!(4&e.m))return V(e,e.O),Re((()=>z(e,t)));e.m|=512},z=(e,t)=>{const n=e.C;let l;return t?(e.m|=256,e.M&&(e.M.map((([e,t])=>X(n,e,t))),e.M=null),l=X(n,"componentWillLoad")):l=X(n,"componentWillUpdate"),l=Y(l,(()=>X(n,"componentWillRender"))),Y(l,(()=>B(e,n,t)))},B=async(e,t,n)=>{const l=e.v,o=l["s-rc"];n&&(e=>{const t=e.R,n=e.v,l=t.m,o=((e,t)=>{var n;let l=S(t);const o=he.get(l);if(e=11===e.nodeType?e:be,o)if("string"==typeof o){let t,s=j.get(e=e.head||e);if(s||j.set(e,s=new Set),!s.has(l)){{t=be.createElement("style"),t.innerHTML=o;const l=null!==(n=we.L)&&void 0!==n?n:p(be);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}s&&s.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);G(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>J(e);0===t.length?n():(Promise.all(t).then(n),e.m|=4,t.length=0)}},G=(i,c)=>{try{r=c,c=c.render&&c.render(),i.m&=-17,i.m|=2,((i,r)=>{const c=i.v,f=i.R,u=i.P||$(null,null),a=(e=>e&&e.$===h)(r)?r:m(null,null,r);if(n=c.tagName,f.T&&(a.o=a.o||{},f.T.map((([e,t])=>a.o[t]=c[e]))),a.$=null,a.m|=4,i.P=a,a.h=u.h=c.shadowRoot||c,e=c["s-sc"],t=c["s-cr"],l=0!=(1&f.m),o=!1,N(u,a),we.m|=1,s){let e,t,n,l,o,s;F(a.h);let i=0;for(;i<A.length;i++)e=A[i],t=e.k,t["s-ol"]||(n=be.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(i=0;i<A.length;i++)if(e=A[i],t=e.k,e.j){for(l=e.j.parentNode,o=e.j.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&D(a.h),we.m&=-2,A.length=0})(i,c)}catch(e){pe(e,i.v)}return r=null,null},I=()=>r,J=e=>{const t=e.v,n=e.C,l=e.O;X(n,"componentDidRender"),64&e.m?X(n,"componentDidUpdate"):(e.m|=64,Z(t),X(n,"componentDidLoad"),e.U(t),l||Q()),e.W(t),e.S&&(e.S(),e.S=void 0),512&e.m&&Me((()=>_(e,!1))),e.m&=-517},K=e=>{{const t=fe(e),n=t.v.isConnected;return n&&2==(18&t.m)&&_(t,!1),n}},Q=()=>{Z(be.documentElement),Me((()=>k(ye,"appload",{detail:{namespace:"bromcom-ui"}})))},X=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){pe(e)}},Y=(e,t)=>e&&e.then?e.then(t):t(),Z=e=>e.setAttribute("hydrated",""),ee=(e,t,n)=>{if(t.N){e.watchers&&(t.D=e.watchers);const l=Object.entries(t.N),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>fe(this).A.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=fe(e),s=o.v,i=o.A.get(t),r=o.m,c=o.C;if(n=((e,t)=>null==e||d(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.N[t][0]),(!(8&r)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.A.set(t,n),c)){if(l.D&&128&r){const e=l.D[t];e&&e.map((e=>{try{c[e](n,i,t)}catch(e){pe(e,s)}}))}if(2==(18&r)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,i,t))return;_(o,!1)}}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=fe(this);return n.F.then((()=>n.C[e](...t)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){we.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.T.push([e,o]),o}))}}return e},te=e=>{X(e,"connectedCallback")},ne=(e,t={})=>{var n;const l=[],o=t.exclude||[],s=ye.customElements,i=be.head,r=i.querySelector("meta[charset]"),c=be.createElement("style"),f=[];let u,a=!0;Object.assign(we,t),we.t=new URL(t.resourcesUrl||"./",be.baseURI).href,e.map((e=>{e[1].map((t=>{const n={m:t[0],g:t[1],N:t[2],H:t[3]};n.N=t[2],n.H=t[3],n.T=[],n.D={};const i=n.g,r=class extends HTMLElement{constructor(e){super(e),ae(e=this,n),1&n.m&&e.attachShadow({mode:"open"})}connectedCallback(){u&&(clearTimeout(u),u=null),a?f.push(this):we.jmp((()=>(e=>{if(0==(1&we.m)){const t=fe(e),n=t.R,l=()=>{};if(1&t.m)le(e,t,n.H),te(t.C);else{t.m|=1,12&n.m&&(e=>{const t=e["s-cr"]=be.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){V(t,t.O=n);break}}n.N&&Object.entries(n.N).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.m)){{if(t.m|=32,(o=$e(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.D=o.watchers,ee(o,n,2),o.isProxied=!0);const e=()=>{};t.m|=8;try{new o(t)}catch(e){pe(e)}t.m&=-9,t.m|=128,e(),te(t.C)}if(o.style){let e=o.style;const t=S(n);if(!he.has(t)){const l=()=>{};((e,t,n)=>{let l=he.get(e);ge&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,he.set(e,l)})(t,e,!!(1&n.m)),l()}}}const s=t.O,i=()=>_(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){we.jmp((()=>(()=>{if(0==(1&we.m)){const e=fe(this),t=e.C;e.q&&(e.q.map((e=>e())),e.q=void 0),X(t,"disconnectedCallback")}})()))}componentOnReady(){return fe(this).V}};n._=e[0],o.includes(i)||s.get(i)||(l.push(i),s.define(i,ee(r,n,1)))}))}));{c.innerHTML=l+"{visibility:hidden}[hydrated]{visibility:inherit}",c.setAttribute("data-styles","");const e=null!==(n=we.L)&&void 0!==n?n:p(be);null!=e&&c.setAttribute("nonce",e),i.insertBefore(c,r?r.nextSibling:i.firstChild)}a=!1,f.length?f.map((e=>e.connectedCallback())):we.jmp((()=>u=setTimeout(Q,30)))},le=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=se(e,n),i=oe(t,o),r=ie(n);we.ael(s,l,i,r),(t.q=t.q||[]).push((()=>we.rel(s,l,i,r)))}))},oe=(e,t)=>n=>{try{256&e.m?e.C[t](n):(e.M=e.M||[]).push([t,n])}catch(e){pe(e)}},se=(e,t)=>4&t?be:8&t?ye:e,ie=e=>0!=(2&e),re=e=>we.L=e,ce=new WeakMap,fe=e=>ce.get(e),ue=(e,t)=>ce.set(t.C=e,t),ae=(e,t)=>{const n={m:0,v:e,R:t,A:new Map};return n.F=new Promise((e=>n.W=e)),n.V=new Promise((e=>n.U=e)),e["s-p"]=[],e["s-rc"]=[],le(e,n,t.H),ce.set(e,n)},de=(e,t)=>t in e,pe=(e,t)=>(0,console.error)(e,t),me=new Map,$e=e=>{const t=e.g.replace(/-/g,"_"),n=e._,l=me.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(me.set(n,e),e[t])),pe)
6
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},he=new Map,ye="undefined"!=typeof window?window:{},be=ye.document||{head:{}},we={m:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},ve=e=>Promise.resolve(e),ge=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ke=[],je=[],Se=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&we.m?Me(Ce):we.raf(Ce))},Oe=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){pe(e)}e.length=0},Ce=()=>{Oe(ke),Oe(je),(c=ke.length>0)&&we.raf(Ce)},Me=e=>ve().then(e),Re=Se(je,!0);export{h as H,I as a,ne as b,g as c,f as d,K as f,v as g,m as h,ve as p,ue as r,re as s}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as e,h as t,g as i}from"./p-da1055cb.js";import{d as n}from"./p-8c018ae0.js";const s=class{constructor(t){e(this,t),this.gridOptions={}}fetchJsFromCDN(e){return new Promise(((t,i)=>{const n=document.createElement("script");n.src=e,n.onload=()=>{t(n)},n.onerror=()=>{i(new Error(`Script load error for ${e}`))},document.head.appendChild(n)}))}async componentDidLoad(){await this.fetchJsFromCDN("https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.noStyle.js").then((()=>console.info("agGridCommunity loaded"))),await this.fetchJsFromCDN("https://unpkg.com/ag-grid-enterprise/dist/ag-grid-enterprise.min.noStyle.js").then((()=>console.info("agGridEnterprise loaded"))),await n(100);const e=window.agGrid,t=this.el.querySelector("#bcm-table");if(t&&e){this.el.getAttributeNames().forEach((e=>{"class"===e?t.classList.add(this.el.getAttribute(e)):t.setAttribute(e,this.el.getAttribute(e))}));try{e.LicenseManager.setLicenseKey("CompanyName=Bromcom MIS,LicensedApplication=Bromcom MIS,LicenseType=SingleApplication,LicensedConcurrentDeveloperCount=1,LicensedProductionInstancesCount=0,AssetReference=AG-025320,ExpiryDate=9_February_2023_[v2]_MTY3NTkwMDgwMDAwMA==91115b62a3d527a812292deae7284d78"),new e.Grid(t,this.gridOptions)}catch(e){console.log(`agGrid error: ${e}`)}}}render(){return t("div",{id:"bcm-table",class:"bcm-table ag-theme-balham"})}get el(){return i(this)}};s.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css");@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-theme-alpine.css");@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-theme-balham.css");.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}.ag-dnd-ghost{z-index:100000 !important}';export{s as bcm_table}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as e,h as t,H as a,g as i}from"./p-da1055cb.js";import{G as n}from"./p-d3cb8d25.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const r=class{constructor(t){e(this,t),this._id=n.UID(),this.data=[]}render(){const{data:e}=this,i="bcm-attendance";return t(a,{class:i},t("span",{hidden:!0},t("slot",null)),e.map((e=>{var a,n;return t("div",{class:`${i}__item`},t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / AM`},t("span",{class:`${i}__item-am ${i}__item-status-${null!==(a=e.am)&&void 0!==a?a:"default"}`})),t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / PM`},t("span",{class:`${i}__item-pm ${i}__item-status-${null!==(n=e.pm)&&void 0!==n?n:"default"}`})))})))}get el(){return i(this)}};r.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-attendance{width:fit-content;display:inline-flex;align-items:center;flex-direction:row;gap:4px}.bcm-attendance__item{display:flex;flex-direction:row;align-items:center;gap:1px}.bcm-attendance__item-am,.bcm-attendance__item-pm{display:block;width:calc( calc( 12px + 1px ) / 2 );height:calc( 12px + 1px );background-color:var(--bcm-new-ds-color-blue-500)}.bcm-attendance__item-am:hover,.bcm-attendance__item-pm:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-attendance__item-am{border-top-left-radius:100px;border-bottom-left-radius:100px}.bcm-attendance__item-pm{border-top-right-radius:100px;border-bottom-right-radius:100px}.bcm-attendance__item-status-present{background-color:var(--bcm-new-ds-color-emerald-500)}.bcm-attendance__item-status-present:hover{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-attendance__item-status-late{background-color:var(--bcm-new-ds-color-amber-500)}.bcm-attendance__item-status-late:hover{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-attendance__item-status-absent{background-color:var(--bcm-new-ds-color-red-500)}.bcm-attendance__item-status-absent:hover{background-color:var(--bcm-new-ds-color-red-600)}.bcm-attendance__item-status-default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-attendance__item-status-default:hover{background-color:var(--bcm-new-ds-color-slate-400)}';export{r as bcm_attendance}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as t,f as e,h as s,H as r,g as i}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as o}from"./p-d3cb8d25.js";import"./p-80a43b79.js";import"./p-8d0ca8c2.js";import"./p-b94fa326.js";import"./p-7e44e6b5.js";import"./p-a429e85b.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const p=class{constructor(e){t(this,e),this._id=o.UID(),this.label="",this.placeholder="",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.fullWidth=!1}handleChange(t){this.value=t,this.getInputElement().setValue(t),e(this.el)}getInputElement(){return this.el.querySelector("bcm-input")}getPickerElement(){return document.querySelector("#"+this._id+"-picker")}handleInputChanged(t){this.getPickerElement().color=t.detail}eyeDropper(){(new window.EyeDropper).open().then((t=>{this.handleChange(t.sRGBHex)})).catch((t=>{"NotAllowedError"===t.name?console.log("Permission to access sensor was denied."):"NotSupportedError"===t.name&&console.log("Sensor not supported.")}))}isEyeDropperSupported(){return"undefined"!=typeof window&&"EyeDropper"in window}render(){return s(r,{class:"tw-block"},s("bcm-input",{id:this._id+"-color",fullWidth:this.fullWidth,label:this.label,placeholder:this.placeholder,type:"text","onBcm-change":t=>this.handleInputChanged(t)},s("i",{slot:"prefix",class:"tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-gray-100",style:{backgroundColor:this.value}}),this.isEyeDropperSupported()&&s("i",{slot:"suffix",class:"far fa-eye-dropper",onClick:()=>this.eyeDropper()})),s("bcm-linked",{targetId:this._id+"-color-container"},s("bcm-colorful",{id:this._id+"-picker",color:this.value,onBcmChange:t=>this.handleChange(t.detail)})))}get el(){return i(this)}};export{p as bcm_color_input}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as t,c as i,f as s,h as e,H as a,g as r}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as o}from"./p-d3cb8d25.js";import"./p-80a43b79.js";import"./p-8d0ca8c2.js";import"./p-b94fa326.js";import"./p-7e44e6b5.js";import{d as h}from"./p-8c018ae0.js";import{B as c}from"./p-a429e85b.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const n=class{constructor(s){t(this,s),this.tabChange=i(this,"bcm-tab-change",7),this._id=o.UID(),this.active="1",this.color="blue",this.size=c.Size.medium}get tabItems(){return this.el.querySelectorAll("bcm-tab-item")}get tabItemHeaders(){return this.el.querySelectorAll("bcm-tab-item-header")}setTabAttributes(){this.tabItems.forEach(((t,i)=>{const s=!!t.hasAttribute("active"),e=!!t.hasAttribute("disabled"),a=i+1;t.setAttribute("index",`${a}`),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.removeAttribute("active"),t.removeAttribute("disabled"),s&&(t.setAttribute("active",""),this.active=a.toString()),e&&t.setAttribute("disabled","")})),Array.from(this.tabItems).some((t=>t.hasAttribute("active")))||this.tabItems[0].setAttribute("active","")}componentWillLoad(){this.setTabAttributes()}handleTabClick(t){var i,s;t&&(this.active=t.toString()),(null===(i=this.tabItems)||void 0===i?void 0:i.length)&&this.tabItems.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),(null===(s=this.tabItemHeaders)||void 0===s?void 0:s.length)&&this.tabItemHeaders.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),this.tabChange.emit(this.active)}componentDidRender(){this.inkBarControl(),this.handleTabClick()}componentDidLoad(){this.inkBarControl(),this.observeTabItem()}async setActive(t){t>0&&t<=this.tabItems.length&&t!=+this.active&&this.handleTabClick(t)}async refresh(){await h(100),s(this)}inkBarControl(){var t;const i=this.el.querySelector("#ink-bar");if(i&&(null===(t=this.tabItemHeaders)||void 0===t?void 0:t.length))for(let t=0;t<this.tabItemHeaders.length;t++){const s=this.tabItemHeaders[t];s.getAttribute("index")===this.active&&(i.style.width=`${s.offsetWidth}px`,i.style.transform=`translateX(${s.offsetLeft}px)`)}}activeChanged(t,i){var s;(null===(s=this.tabItems)||void 0===s?void 0:s.length)&&(Array.from(this.tabItems).some((i=>i.getAttribute("index")==t))||(this.active="1"))}observeTabItem(){this.observer=new MutationObserver((t=>{for(const i of t)if("childList"===i.type)for(const t of i.removedNodes)"BCM-TAB-ITEM"===t.nodeName&&((null==t?void 0:t.active)&&(this.active="1"),this.tabProcess())})),this.observer.observe(this.el,{childList:!0})}tabProcess(){this.updateTabHeaders(),this.regenerateIndex(),this.refresh(),this.inkBarControl()}updateTabHeaders(){const t=Array.from(this.tabItems).map((t=>t.getAttribute("id"))),i=Array.from(this.el.querySelector("#tab-header").querySelectorAll("bcm-tab-item-header"));t.length!==i.length&&i.forEach((i=>{const s=i.getAttribute("tab-id");t.includes(s)||i.remove()}))}regenerateIndex(){this.tabItems.forEach(((t,i)=>{const s=i+1;t.setAttribute("index",`${s}`);const e=this.el.querySelector(`bcm-tab-item-header[tab-id="${t.getAttribute("id")}"]`);e&&(e.setAttribute("index",`${s}`),e.style.order=`${s}`)}))}render(){const{color:t}=this;return e(a,{role:"tablist","aria-label":"Tab Group",class:"tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans"},e("div",{class:"tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between",id:"tab-header"},e("div",{id:"ink-bar",class:`tw-bg-${t}-500 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform`})),e("slot",null))}get el(){return r(this)}static get watchers(){return{active:["activeChanged"]}}};export{n as bcm_tab_group}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as e,h as s,H as r,g as i}from"./p-da1055cb.js";import{c as t}from"./p-d65a1e21.js";import{C as o}from"./p-843905c8.js";import{G as c}from"./p-d3cb8d25.js";import{a as l}from"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";const n={small:{textSize:"size-3",iconSize:22,circleSize:80,radius:36},medium:{textSize:"size-5",iconSize:30,circleSize:120,radius:52}},a=class{constructor(s){e(this,s),this._id=c.UID(),this.value=0,this.max=100,this.size=l.Size.medium,this.type="line-rounded",this.info=null,this.error=!1,this.hidden=!1,this.fullWidth=!1,this.color="blue",this.isCompleted=!1}connectedCallback(){this.maxPercent(this.value)}componentDidRender(){const e=this.el.querySelector("#circle");if(e){const s=2*e.r.baseVal.value*Math.PI,r=s-this.value/this.max*s;e.style.strokeDasharray=`${s} ${s}`,e.style.strokeDashoffset=`${s}`,e.style.strokeDashoffset=`${r}`}}componentShouldUpdate(e,s,r){"value"===r&&e!==s&&this.handlePercent(e),"max"===r&&e!==s&&this.value>e&&(this.value=e)}maxPercent(e){e>=this.max&&(this.value=this.max,this.isCompleted=!0),e<this.max&&(this.isCompleted=!1),e<=0&&(this.value=0)}async increment(e){this.handlePercent(+e,"increment")}async decrement(e){this.handlePercent(+e,"decrement")}async set(e){this.handlePercent(+e,"set")}handlePercent(e,s="set"){if(!e&&0!=e||"number"!=typeof e)this.error=!0;else{switch(s){case"increment":this.value+=e;break;case"decrement":this.value-=e;break;case"set":this.value=e}this.maxPercent(this.value),this.error=!1}}getIcon(e="line"){if(this.error||"icon"===this.info&&this.isCompleted)return s("bcm-icon",{icon:"far fa-"+(this.error?"times":"check")+("line"===e?"-circle":"")})}render(){const{type:e,hidden:i,error:c,size:l,isCompleted:a,value:p,fullWidth:h}=this,m="icon"===this.info,{circleSize:g,radius:d,textSize:x}=n[this.size],b=+g/2,u=t({completed:m&&a,error:c}),z=t("bcm-progress__line-progress",l,e,u),_=t("bcm-progress__circle-circle","bar",u),f={width:`${g}px`,height:`${g}px`},w=t("bcm-progress",{hidden:i,"full-width":h});return s(r,{class:w,style:{"--bcm-progress-color":o.dsColor(this.color)}},s("circle"===e?()=>s("div",{class:"bcm-progress__circle",style:f},s("svg",{width:g,height:g},s("circle",{r:d,cx:b,cy:b,class:"bcm-progress__circle-circle"}),s("circle",{r:d,cx:b,cy:b,class:_,id:"circle"}),this.info&&"icon"!=this.info&&!this.error&&s("text",{x:b,y:b,"text-anchor":"middle",class:x,"alignment-baseline":"middle"},"value-max"===this.info&&p+"/"+this.max,"value"===this.info&&{value:p},"percent"===this.info&&100/this.max*+p+"%")),this.getIcon("circle")):()=>s("div",{class:"bcm-progress__line"},s("progress",{class:z,value:p,max:this.max}),"value-max"===this.info&&s("span",{class:"value"},p,"/",this.max," "),"value"===this.info&&s("span",{class:"value"},p," "),"percent"===this.info&&s("span",{class:"value"},100/this.max*+p,"%"),"icon"===this.info&&s("span",{class:"value"},this.getIcon("line"))),null))}get el(){return i(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-progress{--bcm-progress-color:var(--bcm-new-ds-color-blue-500);display:inline-block;min-width:50px;width:100%;max-width:256px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-progress.full-width{width:100%;max-width:100%;min-width:auto}.bcm-progress__line{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-height:8px}.bcm-progress__line .value{margin-left:8px;color:var(--bcm-new-ds-color-slate-500);min-width:32px;font-size:14px;min-height:calc(14px + 8px);font-weight:500}.bcm-progress__line-progress{width:100%;flex:1;height:8px;border:0 none;background:var(--bcm-new-ds-color-slate-200);appearance:none}.bcm-progress__line-progress.small{height:6px}.bcm-progress__line-progress.line-rounded,.bcm-progress__line-progress.line-rounded::-webkit-progress-value{border-radius:8px}.bcm-progress__line-progress.line-rounded::-moz-progress-bar{border-radius:8px}.bcm-progress__line-progress.completed::-webkit-progress-value{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.completed::-moz-progress-bar{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.error::-webkit-progress-value{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error::-moz-progress-bar{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error .value{color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress::-webkit-progress-bar{background:transparent}.bcm-progress__line-progress::-webkit-progress-value{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__line-progress::-moz-progress-bar{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__circle{position:relative}.bcm-progress__circle bcm-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.bcm-progress__circle text{fill:var(--bcm-new-ds-color-slate-500);font-size:18px;line-height:calc(18px + 8px);font-weight:500}.bcm-progress__circle-circle{transition:0.35s stroke-dashoffset, 0.1s stroke;transform:rotate(-90deg);transform-origin:50% 50%;stroke:#F5F5F5;stroke-width:6px;fill:transparent}.bcm-progress__circle-circle.bar{stroke:var(--bcm-progress-color)}.bcm-progress__circle-circle.completed{stroke:var(--bcm-new-ds-color-emerald-500)}.bcm-progress__circle-circle.error{stroke:var(--bcm-new-ds-color-red-500)}';export{a as bcm_progress}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as t,h as e,H as i,g as s}from"./p-da1055cb.js";import{c as a}from"./p-d65a1e21.js";import{I as h}from"./p-c23b6240.js";import{D as n}from"./p-626a65e9.js";import{G as p}from"./p-d3cb8d25.js";import{a as r}from"./p-a429e85b.js";import{d as l}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const o=class{constructor(e){t(this,e),this._id=p.UID(),this.date=new Date,this.value=void 0,this.endDate=null,this.range=!1,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabledDates="",this.disabled=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.placement=r.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1,this.stateStartDate=null,this.stateEndDate=null}handleStartDateChange(){this.handleDate()}handleEndDateChange(){this.handleDate()}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async setClear(){return await this.picker.setClear(),await l(10),Promise.resolve()}async setStartDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateStartDate=t):this.setClear()}async setEndDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateEndDate=t):this.setClear()}handleDate(){this.range?this.stateStartDate&&this.stateEndDate&&this.set(this.stateStartDate+"-"+this.stateEndDate):this.set(this.stateStartDate)}async getInput(){return await this.picker.getInput()}async open(){return await this.picker.open()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async resetCaption(){return await l(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await l(10),Promise.resolve()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth,"linked-component":this.linkedComponent});return e(i,{class:t},e("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,name:this.name,type:this.range?"range":"date",date:this.date,placeholder:this.placeholder,fullWidth:this.fullWidth,ref:t=>this.picker=t,required:this.required,clearable:this.clearable,label:this.label,"end-date":this.endDate,disabled:this.disabled,disabledDates:this.disabledDates,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,caption:this.caption,captionError:this.captionError,captionType:this.captionType,alignment:this.alignment,placement:this.placement}))}get el(){return s(this)}static get watchers(){return{stateStartDate:["handleStartDateChange"],stateEndDate:["handleEndDateChange"]}}};(function(t,e,i,s){var a,h=arguments.length,n=h<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(n=(h<3?a(n):h>3?a(e,i,n):a(e,i))||n);h>3&&n&&Object.defineProperty(e,i,n)})([h()],o.prototype,"el",void 0),o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:inline-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_date_picker}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{h as s,r as t,c as i,g as e}from"./p-da1055cb.js";import{G as c}from"./p-d3cb8d25.js";import{a as o}from"./p-a429e85b.js";import{c as h}from"./p-d65a1e21.js";import{N as a}from"./p-80a43b79.js";import{e as r}from"./p-8c018ae0.js";import{C as l}from"./p-436364c8.js";import{C as n}from"./p-2e73d572.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const d=({_id:t,color:i,customStyle:e,size:c,checked:d,hidden:m,value:p,type:b,onDismiss:u,onSelect:f})=>{!c&&(c=o.FontSize["size-1"]);const k=h(((s,t=!1)=>(a.isNumber(s)&&(s=o.FontSize["size-"+s]||o.FontSize["size-4"]),t?+(o.FontSizeValue[s]||o.FontSizeValue["size-4"])+2:s))(c),"bcm-tag__content",b),g=h("bcm-tag",{hidden:m});return s("div",{id:t,class:h(g,{checked:d})},s("span",{hidden:!0},s("slot",null)),s("span",{class:k,style:(s=>{if((b===o.TagType.basic||b==o.TagType.dismissable)&&n[s])return{color:r(l,n[s]+"-6"),borderColor:r(l,n[s]+"-3"),backgroundColor:r(l,n[s]+"-1")}})(i),onClick:s=>f(s)},b===o.TagType.add&&s("span",{class:"left"},s("bcm-icon",{icon:"far fa-plus"})),b===o.TagType.checkable&&s("input",{type:"checkbox",checked:d}),s("span",{class:"value",style:e},p),b===o.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>u(s)},s("bcm-icon",{icon:"fal fa-times"}))))},m=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.tagDismissable=i(this,"bcm-tag-dismissable",7),this.bcmTagSelect=i(this,"bcm-tag-select",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value="",this.type=o.TagType.basic,this.checked=!1,this.color=void 0,this.customStyle=void 0,this.itemObject=void 0,this.size=o.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===o.TagType.checkable&&this.handleChecked()}handleClose(){this.tagDismissable.emit(this.el)}handleChecked(){this.checked=!this.checked,this.change.emit(this.checked)}render(){const{type:t,color:i,value:e,customStyle:c,size:h,hidden:a,checked:r}=this;return s(d,{size:h,hidden:a,color:i,customStyle:c,checked:r,value:e,type:o.TagType[t],onSelect:s=>{this.bcmTagSelect.emit(s),this.selectFunc({event:s,id:this._id})},onDismiss:s=>{this.handleClose(),this.closeFunc(s)}})}get el(){return e(this)}};export{m as bcm_tag}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as e,h as i,H as t,g as n}from"./p-da1055cb.js";import{G as p}from"./p-d3cb8d25.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const a=class{constructor(i){e(this,i),this._id=p.UID(),this.multi=!1}componentDidRender(){this.multi||this.checkExpandedCount()}checkExpandedCount(){var e,i;const t=this.el.querySelectorAll(".bcm-expansion-panel");if(t&&Array.from(t).map((e=>e.expanded)).filter(Boolean).length>1){const n=null===(i=null===(e=Array.from(t).filter((e=>e.expanded)))||void 0===e?void 0:e.pop())||void 0===i?void 0:i.id;Array.from(t).forEach((e=>{e.id!==n&&(e.expanded=!1)}))}}open(e){if(this.multi)return;const i=e.detail,t=this.el.querySelectorAll(".bcm-expansion-panel");t&&t.forEach((e=>{e.id!==i&&(e.expanded=!1)}))}isLoad(e){var i,t,n;if(!this.multi){var p=(null===(t=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.parentElement)||void 0===t?void 0:t.id)||null;"BCM-EXPANSION-PANEL"==((null===(n=null==e?void 0:e.target)||void 0===n?void 0:n.nodeName)||null)&&this._id==p&&this.checkExpandedCount()}}render(){return i(t,{id:this._id},i("slot",null))}get el(){return n(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}';export{a as bcm_accordion}
@@ -1,15 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- 'use strict';
6
-
7
- function addHeadScript(obj) {
8
- const head = document.head;
9
- const script = document.createElement('script');
10
- Object.keys(obj).forEach(key => {
11
- script[key] = obj[key];
12
- });
13
- head.appendChild(script);
14
- }
15
- addHeadScript({ src: 'https://kit.fontawesome.com/5e86bea963.js', crossOrigin: 'anonymous' });
@@ -1,198 +0,0 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
3
- .size-1 {
4
- font-size: 12px;
5
- line-height: 20px;
6
- }
7
-
8
- .size-2 {
9
- font-size: 14px;
10
- line-height: 22px;
11
- }
12
-
13
- .size-3 {
14
- font-size: 16px;
15
- line-height: 24px;
16
- }
17
-
18
- .size-4 {
19
- font-size: 20px;
20
- line-height: 28px;
21
- }
22
-
23
- .size-5 {
24
- font-size: 24px;
25
- line-height: 32px;
26
- }
27
-
28
- .size-6 {
29
- font-size: 30px;
30
- line-height: 38px;
31
- }
32
-
33
- .size-7 {
34
- font-size: 38px;
35
- line-height: 46px;
36
- }
37
-
38
- .size-8 {
39
- font-size: 46px;
40
- line-height: 54px;
41
- }
42
-
43
- .size-9 {
44
- font-size: 56px;
45
- line-height: 64px;
46
- }
47
-
48
- .weight-regular {
49
- font-weight: 400;
50
- }
51
-
52
- .weight-semibold {
53
- font-weight: 500;
54
- }
55
-
56
- /**
57
- * Generator
58
- */
59
- .input-size-large {
60
- height: 40px;
61
- }
62
-
63
- .input-size-medium {
64
- height: 32px;
65
- }
66
-
67
- .input-size-small {
68
- height: 24px;
69
- }
70
-
71
- .resize-none textarea {
72
- resize: none;
73
- }
74
-
75
- .resize-vertical textarea {
76
- resize: vertical;
77
- }
78
-
79
- .resize-auto textarea {
80
- height: auto;
81
- resize: none;
82
- }
83
-
84
- .textarea-size-large {
85
- padding: 4px 0 0 4px;
86
- min-height: 40px;
87
- }
88
- .textarea-size-large .bcm-input-element {
89
- min-height: calc((40px - 8px) + 2px);
90
- }
91
- .textarea-size-large .input-clear-button {
92
- height: calc( 40px - 16px );
93
- top: 8px;
94
- padding: 0;
95
- margin-right: 8px;
96
- }
97
-
98
- .textarea-size-medium {
99
- padding: 4px 0 0 4px;
100
- min-height: 32px;
101
- }
102
- .textarea-size-medium .bcm-input-element {
103
- min-height: calc((32px - 8px) + 2px);
104
- }
105
- .textarea-size-medium .input-clear-button {
106
- height: calc( 32px - 16px );
107
- top: 8px;
108
- padding: 0;
109
- margin-right: 8px;
110
- }
111
-
112
- .textarea-size-small {
113
- padding: 0px 0 0 4px;
114
- min-height: 24px;
115
- }
116
- .textarea-size-small .bcm-input-element {
117
- min-height: calc((24px - 8px) + 2px);
118
- }
119
- .textarea-size-small .input-clear-button {
120
- height: calc( 24px - 16px );
121
- top: 8px;
122
- padding: 0;
123
- margin-right: 8px;
124
- }
125
-
126
- * {
127
- box-sizing: border-box;
128
- }
129
-
130
- .bcm-avatar {
131
- --bcm-avatar-color: var(--bcm-new-ds-color-slate-600);
132
- --bcm-avatar-background-color: var(--bcm-new-ds-color-slate-100);
133
- --prefix-height: 40px;
134
- --prefix-font-size: font-size(2);
135
- font-family: "Inter", sans-serif;
136
- font-size: 14px;
137
- line-height: calc(14px + 8px);
138
- font-weight: 400;
139
- display: inline-flex;
140
- flex-direction: row;
141
- align-items: center;
142
- justify-content: center;
143
- flex-wrap: nowrap;
144
- background-color: var(--bcm-avatar-background-color);
145
- color: var(--bcm-avatar-color);
146
- text-transform: uppercase;
147
- }
148
- .bcm-avatar.hidden {
149
- display: none;
150
- }
151
- .bcm-avatar img {
152
- width: 100%;
153
- height: 100%;
154
- }
155
- .bcm-avatar__shape-ellipse, .bcm-avatar__shape-ellipse > img {
156
- border-radius: 100px;
157
- }
158
- .bcm-avatar__shape-square, .bcm-avatar__shape-square > img {
159
- border-radius: 4px;
160
- }
161
- .bcm-avatar__shape-ellipse .bcm-badge {
162
- top: 0px;
163
- right: 0px;
164
- }
165
- .bcm-avatar__shape-square .bcm-badge {
166
- top: -2px;
167
- right: -2px;
168
- }
169
- .bcm-avatar__size-small {
170
- font-size: 10px;
171
- line-height: calc(10px + 8px);
172
- height: 24px;
173
- width: 24px;
174
- }
175
- .bcm-avatar__size-medium {
176
- font-size: 12px;
177
- line-height: calc(12px + 8px);
178
- height: 32px;
179
- width: 32px;
180
- }
181
- .bcm-avatar__size-large {
182
- font-size: 14px;
183
- line-height: calc(14px + 8px);
184
- height: 40px;
185
- width: 40px;
186
- }
187
- .bcm-avatar__size-custom {
188
- font-size: var(--bcm-avatar-font-size);
189
- line-height: calc(var(--bcm-avatar-font-size) + 8px);
190
- height: var(--bcm-avatar-height);
191
- width: var(--bcm-avatar-height);
192
- }
193
- .bcm-avatar__status {
194
- position: relative;
195
- }
196
- .bcm-avatar__status .bcm-badge {
197
- position: absolute;
198
- }