bromcom-ui-next 0.1.20 → 0.1.21

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 (290) hide show
  1. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  2. package/dist/bromcom-ui/{p-94ced142.entry.js → p-06d42346.entry.js} +2 -2
  3. package/dist/bromcom-ui/p-06d42346.entry.js.map +1 -0
  4. package/dist/bromcom-ui/p-0c8a9725.entry.js +2 -0
  5. package/dist/bromcom-ui/p-0c8a9725.entry.js.map +1 -0
  6. package/dist/bromcom-ui/p-11227d96.entry.js +2 -0
  7. package/dist/bromcom-ui/p-11227d96.entry.js.map +1 -0
  8. package/dist/bromcom-ui/p-1b4ccb21.entry.js +2 -0
  9. package/dist/bromcom-ui/{p-b6dd459b.entry.js.map → p-1b4ccb21.entry.js.map} +1 -1
  10. package/dist/bromcom-ui/{p-5fcf77f9.js → p-2c58fcb7.js} +2 -2
  11. package/dist/bromcom-ui/p-2c58fcb7.js.map +1 -0
  12. package/dist/bromcom-ui/p-2e469cb9.entry.js +2 -0
  13. package/dist/bromcom-ui/p-2e469cb9.entry.js.map +1 -0
  14. package/dist/bromcom-ui/{p-145dce31.entry.js → p-350c97e1.entry.js} +2 -2
  15. package/dist/bromcom-ui/p-350c97e1.entry.js.map +1 -0
  16. package/dist/bromcom-ui/p-4027f5c4.entry.js +2 -0
  17. package/dist/bromcom-ui/p-4027f5c4.entry.js.map +1 -0
  18. package/dist/bromcom-ui/p-45f4c75b.entry.js +2 -0
  19. package/dist/bromcom-ui/p-45f4c75b.entry.js.map +1 -0
  20. package/dist/bromcom-ui/{p-42feef7e.entry.js → p-4652635d.entry.js} +2 -2
  21. package/dist/bromcom-ui/p-4652635d.entry.js.map +1 -0
  22. package/dist/bromcom-ui/p-77122bc2.entry.js +2 -0
  23. package/dist/bromcom-ui/p-77122bc2.entry.js.map +1 -0
  24. package/dist/bromcom-ui/{p-d975579d.entry.js → p-78d8f63c.entry.js} +2 -2
  25. package/dist/bromcom-ui/p-78d8f63c.entry.js.map +1 -0
  26. package/dist/bromcom-ui/{p-4149c766.entry.js → p-87a0f20b.entry.js} +2 -2
  27. package/dist/bromcom-ui/p-87a0f20b.entry.js.map +1 -0
  28. package/dist/bromcom-ui/{p-b867a105.entry.js → p-881ccea1.entry.js} +2 -2
  29. package/dist/bromcom-ui/p-881ccea1.entry.js.map +1 -0
  30. package/dist/bromcom-ui/{p-1e5da10e.entry.js → p-8ae92b62.entry.js} +2 -2
  31. package/dist/bromcom-ui/p-8ae92b62.entry.js.map +1 -0
  32. package/dist/bromcom-ui/{p-b582c170.entry.js → p-9a6cec21.entry.js} +2 -2
  33. package/dist/bromcom-ui/p-9a6cec21.entry.js.map +1 -0
  34. package/dist/bromcom-ui/{p-8550a2aa.entry.js → p-a03922f8.entry.js} +2 -2
  35. package/dist/bromcom-ui/p-a03922f8.entry.js.map +1 -0
  36. package/dist/bromcom-ui/{p-9ba07f12.entry.js → p-a20f6baf.entry.js} +2 -2
  37. package/dist/bromcom-ui/p-a20f6baf.entry.js.map +1 -0
  38. package/dist/bromcom-ui/{p-bc962a70.entry.js → p-b1f9ad67.entry.js} +2 -2
  39. package/dist/bromcom-ui/p-b1f9ad67.entry.js.map +1 -0
  40. package/dist/bromcom-ui/p-bf213fe6.entry.js +2 -0
  41. package/dist/bromcom-ui/p-bf213fe6.entry.js.map +1 -0
  42. package/dist/bromcom-ui/{p-bbe4aac2.entry.js → p-c89f7997.entry.js} +2 -2
  43. package/dist/bromcom-ui/p-c89f7997.entry.js.map +1 -0
  44. package/dist/bromcom-ui/{p-e2f468ab.entry.js → p-f56b22de.entry.js} +2 -2
  45. package/dist/bromcom-ui/p-f56b22de.entry.js.map +1 -0
  46. package/dist/bromcom-ui/p-fdcb9dbd.entry.js +2 -0
  47. package/dist/bromcom-ui/p-fdcb9dbd.entry.js.map +1 -0
  48. package/dist/cjs/bcm-accordion.cjs.entry.js +4 -4
  49. package/dist/cjs/bcm-accordion.cjs.entry.js.map +1 -1
  50. package/dist/cjs/bcm-alert.cjs.entry.js +4 -4
  51. package/dist/cjs/bcm-alert.cjs.entry.js.map +1 -1
  52. package/dist/cjs/bcm-avatar.cjs.entry.js +1 -1
  53. package/dist/cjs/bcm-avatar.cjs.entry.js.map +1 -1
  54. package/dist/cjs/bcm-badge.cjs.entry.js +5 -5
  55. package/dist/cjs/bcm-badge.cjs.entry.js.map +1 -1
  56. package/dist/cjs/bcm-basic-badge.cjs.entry.js +5 -5
  57. package/dist/cjs/bcm-basic-badge.cjs.entry.js.map +1 -1
  58. package/dist/cjs/bcm-button-group.cjs.entry.js +4 -4
  59. package/dist/cjs/bcm-button-group.cjs.entry.js.map +1 -1
  60. package/dist/cjs/bcm-button_8.cjs.entry.js +19 -21
  61. package/dist/cjs/bcm-button_8.cjs.entry.js.map +1 -1
  62. package/dist/cjs/bcm-checkbox.cjs.entry.js +3 -3
  63. package/dist/cjs/bcm-checkbox.cjs.entry.js.map +1 -1
  64. package/dist/cjs/bcm-chip.cjs.entry.js +3 -3
  65. package/dist/cjs/bcm-chip.cjs.entry.js.map +1 -1
  66. package/dist/cjs/bcm-divider.cjs.entry.js +3 -3
  67. package/dist/cjs/bcm-divider.cjs.entry.js.map +1 -1
  68. package/dist/cjs/bcm-pop-confirm.cjs.entry.js +3 -3
  69. package/dist/cjs/bcm-pop-confirm.cjs.entry.js.map +1 -1
  70. package/dist/cjs/bcm-popover.cjs.entry.js +3 -3
  71. package/dist/cjs/bcm-popover.cjs.entry.js.map +1 -1
  72. package/dist/cjs/bcm-radio-group.cjs.entry.js +6 -6
  73. package/dist/cjs/bcm-radio-group.cjs.entry.js.map +1 -1
  74. package/dist/cjs/bcm-radio.cjs.entry.js +3 -3
  75. package/dist/cjs/bcm-radio.cjs.entry.js.map +1 -1
  76. package/dist/cjs/bcm-segmented-picker-option.cjs.entry.js +4 -4
  77. package/dist/cjs/bcm-segmented-picker-option.cjs.entry.js.map +1 -1
  78. package/dist/cjs/bcm-segmented-picker.cjs.entry.js +4 -4
  79. package/dist/cjs/bcm-segmented-picker.cjs.entry.js.map +1 -1
  80. package/dist/cjs/bcm-switch.cjs.entry.js +4 -4
  81. package/dist/cjs/bcm-switch.cjs.entry.js.map +1 -1
  82. package/dist/cjs/bcm-tabs-list.cjs.entry.js +3 -3
  83. package/dist/cjs/bcm-tabs-list.cjs.entry.js.map +1 -1
  84. package/dist/cjs/bcm-tabs-trigger.cjs.entry.js +3 -3
  85. package/dist/cjs/bcm-tabs-trigger.cjs.entry.js.map +1 -1
  86. package/dist/cjs/bcm-tabs.cjs.entry.js +3 -3
  87. package/dist/cjs/bcm-tabs.cjs.entry.js.map +1 -1
  88. package/dist/cjs/bcm-textarea.cjs.entry.js +6 -6
  89. package/dist/cjs/bcm-textarea.cjs.entry.js.map +1 -1
  90. package/dist/cjs/bcm-tooltip.cjs.entry.js +4 -9
  91. package/dist/cjs/bcm-tooltip.cjs.entry.js.map +1 -1
  92. package/dist/cjs/{index-310db2a6.js → tv-d2e35446.js} +16 -3
  93. package/dist/cjs/tv-d2e35446.js.map +1 -0
  94. package/dist/collection/components/accordion/accordion.component.js +3 -3
  95. package/dist/collection/components/accordion/accordion.component.js.map +1 -1
  96. package/dist/collection/components/alert/alert.component.js +2 -2
  97. package/dist/collection/components/alert/alert.component.js.map +1 -1
  98. package/dist/collection/components/alert/alert.css +1 -1
  99. package/dist/collection/components/avatar/avatar.css +1 -1
  100. package/dist/collection/components/badge/badge.component.js +3 -3
  101. package/dist/collection/components/badge/badge.component.js.map +1 -1
  102. package/dist/collection/components/badge/badge.css +1 -1
  103. package/dist/collection/components/basic-badge/basic-badge.component.js +3 -3
  104. package/dist/collection/components/basic-badge/basic-badge.component.js.map +1 -1
  105. package/dist/collection/components/basic-badge/basic-badge.css +1 -1
  106. package/dist/collection/components/button/button.component.js +3 -3
  107. package/dist/collection/components/button/button.component.js.map +1 -1
  108. package/dist/collection/components/button-group/button-group.component.js +3 -3
  109. package/dist/collection/components/button-group/button-group.component.js.map +1 -1
  110. package/dist/collection/components/checkbox/checkbox.component.js +2 -2
  111. package/dist/collection/components/checkbox/checkbox.component.js.map +1 -1
  112. package/dist/collection/components/chip/chip.component.js +2 -2
  113. package/dist/collection/components/chip/chip.component.js.map +1 -1
  114. package/dist/collection/components/divider/divider.component.js +2 -2
  115. package/dist/collection/components/divider/divider.component.js.map +1 -1
  116. package/dist/collection/components/drawer/drawer.component.js +3 -5
  117. package/dist/collection/components/drawer/drawer.component.js.map +1 -1
  118. package/dist/collection/components/drawer/drawer.css +1 -1
  119. package/dist/collection/components/dropdown/dropdown.component.js +2 -2
  120. package/dist/collection/components/dropdown/dropdown.component.js.map +1 -1
  121. package/dist/collection/components/dropdown-item/dropdown-item.component.js +3 -3
  122. package/dist/collection/components/dropdown-item/dropdown-item.component.js.map +1 -1
  123. package/dist/collection/components/input/input.component.js +3 -3
  124. package/dist/collection/components/input/input.component.js.map +1 -1
  125. package/dist/collection/components/pop-confirm/pop-confirm.component.js +2 -2
  126. package/dist/collection/components/pop-confirm/pop-confirm.component.js.map +1 -1
  127. package/dist/collection/components/popover/popover.component.js +2 -2
  128. package/dist/collection/components/popover/popover.component.js.map +1 -1
  129. package/dist/collection/components/radio/radio.component.js +2 -2
  130. package/dist/collection/components/radio/radio.component.js.map +1 -1
  131. package/dist/collection/components/radio-group/radio-group.component.js +4 -4
  132. package/dist/collection/components/radio-group/radio-group.component.js.map +1 -1
  133. package/dist/collection/components/segmented-picker/segmented-picker-option.component.js +3 -3
  134. package/dist/collection/components/segmented-picker/segmented-picker-option.component.js.map +1 -1
  135. package/dist/collection/components/segmented-picker/segmented-picker.component.js +3 -3
  136. package/dist/collection/components/segmented-picker/segmented-picker.component.js.map +1 -1
  137. package/dist/collection/components/switch/switch.component.js +3 -3
  138. package/dist/collection/components/switch/switch.component.js.map +1 -1
  139. package/dist/collection/components/tabs/tabs-list.component.js +2 -2
  140. package/dist/collection/components/tabs/tabs-list.component.js.map +1 -1
  141. package/dist/collection/components/tabs/tabs-trigger.component.js +2 -2
  142. package/dist/collection/components/tabs/tabs-trigger.component.js.map +1 -1
  143. package/dist/collection/components/tabs/tabs.component.js +2 -2
  144. package/dist/collection/components/tabs/tabs.component.js.map +1 -1
  145. package/dist/collection/components/textarea/textarea.component.js +4 -4
  146. package/dist/collection/components/textarea/textarea.component.js.map +1 -1
  147. package/dist/collection/components/tooltip/tooltip.component.js +3 -8
  148. package/dist/collection/components/tooltip/tooltip.component.js.map +1 -1
  149. package/dist/collection/utils/tv.js +14 -0
  150. package/dist/collection/utils/tv.js.map +1 -0
  151. package/dist/components/bcm-accordion.js +4 -4
  152. package/dist/components/bcm-accordion.js.map +1 -1
  153. package/dist/components/bcm-alert.js +4 -4
  154. package/dist/components/bcm-alert.js.map +1 -1
  155. package/dist/components/bcm-avatar.js +2 -2
  156. package/dist/components/bcm-avatar.js.map +1 -1
  157. package/dist/components/bcm-badge.js +1 -1
  158. package/dist/components/bcm-basic-badge.js +5 -5
  159. package/dist/components/bcm-basic-badge.js.map +1 -1
  160. package/dist/components/bcm-button-group.js +4 -4
  161. package/dist/components/bcm-button-group.js.map +1 -1
  162. package/dist/components/bcm-button.js +1 -1
  163. package/dist/components/bcm-checkbox.js +3 -3
  164. package/dist/components/bcm-checkbox.js.map +1 -1
  165. package/dist/components/bcm-chip.js +3 -3
  166. package/dist/components/bcm-chip.js.map +1 -1
  167. package/dist/components/bcm-divider.js +3 -3
  168. package/dist/components/bcm-divider.js.map +1 -1
  169. package/dist/components/bcm-drawer.js +5 -7
  170. package/dist/components/bcm-drawer.js.map +1 -1
  171. package/dist/components/bcm-dropdown-item.js +4 -4
  172. package/dist/components/bcm-dropdown-item.js.map +1 -1
  173. package/dist/components/bcm-dropdown.js +4 -4
  174. package/dist/components/bcm-dropdown.js.map +1 -1
  175. package/dist/components/bcm-input.js +4 -4
  176. package/dist/components/bcm-input.js.map +1 -1
  177. package/dist/components/bcm-pop-confirm.js +4 -4
  178. package/dist/components/bcm-pop-confirm.js.map +1 -1
  179. package/dist/components/bcm-popover.js +3 -3
  180. package/dist/components/bcm-popover.js.map +1 -1
  181. package/dist/components/bcm-radio-group.js +5 -5
  182. package/dist/components/bcm-radio-group.js.map +1 -1
  183. package/dist/components/bcm-radio.js +3 -3
  184. package/dist/components/bcm-radio.js.map +1 -1
  185. package/dist/components/bcm-segmented-picker-option.js +4 -4
  186. package/dist/components/bcm-segmented-picker-option.js.map +1 -1
  187. package/dist/components/bcm-segmented-picker.js +4 -4
  188. package/dist/components/bcm-segmented-picker.js.map +1 -1
  189. package/dist/components/bcm-switch.js +4 -4
  190. package/dist/components/bcm-switch.js.map +1 -1
  191. package/dist/components/bcm-tabs-list.js +3 -3
  192. package/dist/components/bcm-tabs-list.js.map +1 -1
  193. package/dist/components/bcm-tabs-trigger.js +3 -3
  194. package/dist/components/bcm-tabs-trigger.js.map +1 -1
  195. package/dist/components/bcm-tabs.js +3 -3
  196. package/dist/components/bcm-tabs.js.map +1 -1
  197. package/dist/components/bcm-textarea.js +5 -5
  198. package/dist/components/bcm-textarea.js.map +1 -1
  199. package/dist/components/bcm-tooltip.js +4 -9
  200. package/dist/components/bcm-tooltip.js.map +1 -1
  201. package/dist/components/{p-5fcf77f9.js → p-2c58fcb7.js} +16 -3
  202. package/dist/components/p-2c58fcb7.js.map +1 -0
  203. package/dist/components/{p-d54398ea.js → p-bf273460.js} +6 -6
  204. package/dist/components/p-bf273460.js.map +1 -0
  205. package/dist/components/{p-d56f8a26.js → p-c491a7c9.js} +5 -5
  206. package/dist/components/p-c491a7c9.js.map +1 -0
  207. package/dist/esm/bcm-accordion.entry.js +4 -4
  208. package/dist/esm/bcm-accordion.entry.js.map +1 -1
  209. package/dist/esm/bcm-alert.entry.js +4 -4
  210. package/dist/esm/bcm-alert.entry.js.map +1 -1
  211. package/dist/esm/bcm-avatar.entry.js +1 -1
  212. package/dist/esm/bcm-avatar.entry.js.map +1 -1
  213. package/dist/esm/bcm-badge.entry.js +5 -5
  214. package/dist/esm/bcm-badge.entry.js.map +1 -1
  215. package/dist/esm/bcm-basic-badge.entry.js +5 -5
  216. package/dist/esm/bcm-basic-badge.entry.js.map +1 -1
  217. package/dist/esm/bcm-button-group.entry.js +4 -4
  218. package/dist/esm/bcm-button-group.entry.js.map +1 -1
  219. package/dist/esm/bcm-button_8.entry.js +16 -18
  220. package/dist/esm/bcm-button_8.entry.js.map +1 -1
  221. package/dist/esm/bcm-checkbox.entry.js +3 -3
  222. package/dist/esm/bcm-checkbox.entry.js.map +1 -1
  223. package/dist/esm/bcm-chip.entry.js +3 -3
  224. package/dist/esm/bcm-chip.entry.js.map +1 -1
  225. package/dist/esm/bcm-divider.entry.js +3 -3
  226. package/dist/esm/bcm-divider.entry.js.map +1 -1
  227. package/dist/esm/bcm-pop-confirm.entry.js +3 -3
  228. package/dist/esm/bcm-pop-confirm.entry.js.map +1 -1
  229. package/dist/esm/bcm-popover.entry.js +3 -3
  230. package/dist/esm/bcm-popover.entry.js.map +1 -1
  231. package/dist/esm/bcm-radio-group.entry.js +5 -5
  232. package/dist/esm/bcm-radio-group.entry.js.map +1 -1
  233. package/dist/esm/bcm-radio.entry.js +3 -3
  234. package/dist/esm/bcm-radio.entry.js.map +1 -1
  235. package/dist/esm/bcm-segmented-picker-option.entry.js +4 -4
  236. package/dist/esm/bcm-segmented-picker-option.entry.js.map +1 -1
  237. package/dist/esm/bcm-segmented-picker.entry.js +4 -4
  238. package/dist/esm/bcm-segmented-picker.entry.js.map +1 -1
  239. package/dist/esm/bcm-switch.entry.js +4 -4
  240. package/dist/esm/bcm-switch.entry.js.map +1 -1
  241. package/dist/esm/bcm-tabs-list.entry.js +3 -3
  242. package/dist/esm/bcm-tabs-list.entry.js.map +1 -1
  243. package/dist/esm/bcm-tabs-trigger.entry.js +3 -3
  244. package/dist/esm/bcm-tabs-trigger.entry.js.map +1 -1
  245. package/dist/esm/bcm-tabs.entry.js +3 -3
  246. package/dist/esm/bcm-tabs.entry.js.map +1 -1
  247. package/dist/esm/bcm-textarea.entry.js +5 -5
  248. package/dist/esm/bcm-textarea.entry.js.map +1 -1
  249. package/dist/esm/bcm-tooltip.entry.js +4 -9
  250. package/dist/esm/bcm-tooltip.entry.js.map +1 -1
  251. package/dist/esm/{index-f3b17e60.js → tv-6dcd2224.js} +16 -3
  252. package/dist/esm/tv-6dcd2224.js.map +1 -0
  253. package/dist/types/utils/tv.d.ts +20 -0
  254. package/package.json +1 -1
  255. package/dist/bromcom-ui/p-01c8dde2.entry.js +0 -2
  256. package/dist/bromcom-ui/p-01c8dde2.entry.js.map +0 -1
  257. package/dist/bromcom-ui/p-03be08cc.entry.js +0 -2
  258. package/dist/bromcom-ui/p-03be08cc.entry.js.map +0 -1
  259. package/dist/bromcom-ui/p-145dce31.entry.js.map +0 -1
  260. package/dist/bromcom-ui/p-1e5da10e.entry.js.map +0 -1
  261. package/dist/bromcom-ui/p-25583111.entry.js +0 -2
  262. package/dist/bromcom-ui/p-25583111.entry.js.map +0 -1
  263. package/dist/bromcom-ui/p-4149c766.entry.js.map +0 -1
  264. package/dist/bromcom-ui/p-42feef7e.entry.js.map +0 -1
  265. package/dist/bromcom-ui/p-5fcf77f9.js.map +0 -1
  266. package/dist/bromcom-ui/p-74b51cfc.entry.js +0 -2
  267. package/dist/bromcom-ui/p-74b51cfc.entry.js.map +0 -1
  268. package/dist/bromcom-ui/p-7b93985f.entry.js +0 -2
  269. package/dist/bromcom-ui/p-7b93985f.entry.js.map +0 -1
  270. package/dist/bromcom-ui/p-842b48ae.entry.js +0 -2
  271. package/dist/bromcom-ui/p-842b48ae.entry.js.map +0 -1
  272. package/dist/bromcom-ui/p-8550a2aa.entry.js.map +0 -1
  273. package/dist/bromcom-ui/p-94ced142.entry.js.map +0 -1
  274. package/dist/bromcom-ui/p-9ba07f12.entry.js.map +0 -1
  275. package/dist/bromcom-ui/p-a02e437c.entry.js +0 -2
  276. package/dist/bromcom-ui/p-a02e437c.entry.js.map +0 -1
  277. package/dist/bromcom-ui/p-b582c170.entry.js.map +0 -1
  278. package/dist/bromcom-ui/p-b6dd459b.entry.js +0 -2
  279. package/dist/bromcom-ui/p-b867a105.entry.js.map +0 -1
  280. package/dist/bromcom-ui/p-bbe4aac2.entry.js.map +0 -1
  281. package/dist/bromcom-ui/p-bc962a70.entry.js.map +0 -1
  282. package/dist/bromcom-ui/p-ceaa2fc5.entry.js +0 -2
  283. package/dist/bromcom-ui/p-ceaa2fc5.entry.js.map +0 -1
  284. package/dist/bromcom-ui/p-d975579d.entry.js.map +0 -1
  285. package/dist/bromcom-ui/p-e2f468ab.entry.js.map +0 -1
  286. package/dist/cjs/index-310db2a6.js.map +0 -1
  287. package/dist/components/p-5fcf77f9.js.map +0 -1
  288. package/dist/components/p-d54398ea.js.map +0 -1
  289. package/dist/components/p-d56f8a26.js.map +0 -1
  290. package/dist/esm/index-f3b17e60.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"names":["variantOptions","save","text","status","icon","iconPosition","kind","ok","new","add","create","prev","next","apply","submit","send","delete","cancel","decline","close","archive","remove","edit","export","import","filter","update","reset","download","buttonCss","BcmButtonStyle0","BcmButton","constructor","hostRef","this","size","iconOnly","fullWidth","type","loading","disabled","active","handleClick","event","bcmClick","emit","handleFocus","bcmFocus","handleBlur","bcmBlur","buttonClass","tv","base","variants","small","medium","large","primary","ghost","outline","true","false","position","first","middle","last","defaultVariants","twMerge","buttonText","variant","buttonIcon","buttonStatus","buttonStyles","kindStyleMap","internalDefaultStyles","finalEffectiveStyles","Object","assign","render","h","Host","key","label","expanded","controls","onClick","onFocus","onBlur","style","class","name","drawerCss","BcmDrawerStyle0","BcmDrawer","open","noHeader","drawerClass","slots","backdrop","wrapper","header","title","closeButton","content","left","right","top","bottom","compoundVariants","handleOpenChange","isOpen","document","body","overflow","bcmOpen","bcmClose","handleKeyDown","hide","show","bcmBeforeOpen","defaultPrevented","bcmBeforeClose","disconnectedCallback","getWrapperStyle","width","height","part","role","headerText","dropdownCss","BcmDropdownStyle0","Dropdown","isReady","dropdownItems","dropdownClass","handleSlotChange","Array","from","host","querySelectorAll","length","console","warn","componentDidLoad","button","shadowRoot","querySelector","buttonRef","handleDropdownItemChange","element","selected","detail","_a","forEach","item","bcmDropdownChange","targetElement","onSlotchange","dropdownItemCss","BcmDropdownItemStyle0","DropdownItem","error","dropdownItemClass","bcmDropDownItemChange","rightIcons","map","checkSlotContent","slotName","slot","assignedNodes","inputCss","BcmInputStyle0","BcmInput","isFocused","isValid","internalStatus","isPasswordVisible","value","_id","generateId","readonly","required","useNativeValidation","onInput","input","target","bcmInput","validateInput","onChange","bcmChange","onKeyDown","bcmKeyDown","onKeyUp","bcmKeyUp","styleClass","inputClass","default","success","warning","info","focused","togglePasswordVisibility","inputRef","PasswordToggleButton","iconSize","handleValueChange","newValue","watchStatus","watchErrorMessage","internalErrorMessage","setFocus","focus","setBlur","blur","select","setLocale","locale","messages","setValidationMessages","componentWillLoad","defaultValidationMessages","errorMessage","validationMessage","getValidationMessage","minLength","min","maxLength","max","pattern","RegExp","test","numValue","parseFloat","undefined","hasSlotContent","el","getDefaultIconForType","inputId","classNames","htmlFor","prefixIcon","ref","id","placeholder","autocomplete","minlength","maxlength","step","labelledby","describedby","suffixIcon","captionText","linkedCss","BcmLinkedStyle0","BcmLinked","trigger","placement","showDelay","hideDelay","offset","arrow","zIndex","appendToBody","destroyOnHide","isVisible","handleMouseEnter","clearTimeouts","showTimeout","setTimeout","handleMouseLeave","hideTimeout","handleFloatingMouseEnter","handleFloatingMouseLeave","e","stopPropagation","toggle","setupTarget","disconnectTarget","connectTarget","onVisibilityChange","updatePosition","bcmShown","bcmHidden","Promise","resolve","requestAnimationFrame","floatingEl","setupFloatingObserver","log","cleanup","call","_b","resizeObserver","disconnect","originalParent","appendChild","targetEl","targetId","getElementById","previousElementSibling","parentElement","setupEventListeners","autoUpdate","ResizeObserver","observe","removeEventListeners","addEventListener","setupClickOutside","removeEventListener","removeClickOutside","clickOutsideHandler","contains","clearTimeout","middleware","flip","fallbackPlacements","shift","padding","x","y","computePosition","strategy","toString","updateArrow","className","side","split","classList","bcmShow","parentNode","originalNextSibling","nextSibling","bcmHide","insertBefore","removeChild","updatePositioning","floatingClasses","display","visibility","opacity","pointerEvents","shortcutCss","BcmShortcutStyle0","osKeys","ctrl","alt","del","backspace","enter","return","BcmShortcut","isMac","window","navigator","userAgent","getHotkey","includes","keys","k","join","hotkey","cs","variantTagMap","heading1","heading2","title1","title2","title3","bodyAccent","helper","caption","link","infoAccent","textCss","BcmTextStyle0","BcmText","variantClassMap","getTextClass","variantClasses","getOverflowClass","Tag","variantClass","overflowClass"],"sources":["src/components/button/types.ts","src/components/button/button.css?tag=bcm-button&encapsulation=shadow","src/components/button/button.component.tsx","src/components/drawer/drawer.css?tag=bcm-drawer&encapsulation=shadow","src/components/drawer/drawer.component.tsx","src/components/dropdown/dropdown.css?tag=bcm-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.component.tsx","src/components/dropdown-item/dropdown-item.css?tag=bcm-dropdown-item&encapsulation=shadow","src/components/dropdown-item/dropdown-item.component.tsx","src/utils/slot/check-slot-content.ts","src/components/input/input.scss?tag=bcm-input&encapsulation=shadow","src/components/input/input.component.tsx","src/components/linked/linked.css?tag=bcm-linked","src/components/linked/linked.component.tsx","src/components/shortcut/shortcut.css?tag=bcm-shortcut&encapsulation=shadow","src/components/shortcut/shortcut.tsx","src/components/text/text.utils.ts","src/components/text/text.scss?tag=bcm-text&encapsulation=shadow","src/components/text/text.component.tsx"],"sourcesContent":["export type ButtonKind = 'primary' | 'ghost' | 'text' | 'outline';\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type ButtonType = 'button' | 'reset' | 'submit';\nexport type ButtonStatus = 'default' | 'success' | 'error' | 'warning' | 'info';\nexport type IconPosition = 'prefix' | 'suffix';\n\n// Button group position\nexport type ButtonPosition = 'first' | 'middle' | 'last' | null;\n\nexport interface VariantOption {\n text: string;\n icon?: string;\n iconPosition?: IconPosition;\n status?: ButtonStatus;\n kind?: ButtonKind;\n}\n\nexport const variantOptions: Record<string, VariantOption> = {\n save: {\n text: 'Save',\n status: 'success',\n icon: 'far fa-save',\n iconPosition: 'prefix',\n kind: 'primary',\n },\n ok: {\n text: 'Ok',\n status: 'success',\n icon: 'far fa-check',\n iconPosition: 'prefix',\n },\n new: {\n text: 'New',\n status: 'success',\n icon: 'far fa-plus',\n iconPosition: 'prefix',\n },\n add: {\n text: 'Add',\n status: 'success',\n icon: 'far fa-plus',\n iconPosition: 'prefix',\n },\n create: {\n text: 'Create',\n status: 'success',\n icon: 'far fa-plus',\n iconPosition: 'prefix',\n },\n prev: {\n text: 'Prev',\n status: 'default',\n icon: 'far fa-arrow-left',\n iconPosition: 'prefix',\n },\n next: {\n text: 'Next',\n status: 'default',\n icon: 'far fa-arrow-right',\n iconPosition: 'suffix',\n },\n apply: {\n text: 'Apply',\n status: 'default',\n icon: 'far fa-check-circle',\n iconPosition: 'prefix',\n },\n submit: {\n text: 'Submit',\n status: 'default',\n icon: 'far fa-save',\n iconPosition: 'prefix',\n },\n send: {\n text: 'Send',\n status: 'success',\n icon: 'far fa-paper-plane',\n iconPosition: 'prefix',\n },\n delete: {\n text: 'Delete',\n status: 'error',\n icon: 'far fa-trash',\n iconPosition: 'prefix',\n },\n cancel: {\n text: 'Cancel',\n status: 'error',\n icon: 'far fa-times',\n iconPosition: 'prefix',\n },\n decline: {\n text: 'Decline',\n status: 'error',\n icon: 'far fa-ban',\n iconPosition: 'prefix',\n },\n close: {\n text: 'Close',\n status: 'error',\n icon: 'far fa-times-circle',\n iconPosition: 'prefix',\n },\n archive: {\n text: 'Archive',\n status: 'error',\n icon: 'far fa-folder-open',\n iconPosition: 'prefix',\n },\n remove: {\n text: 'Remove',\n status: 'error',\n icon: 'far fa-minus-circle',\n iconPosition: 'prefix',\n },\n edit: {\n text: 'Edit',\n status: 'default',\n icon: 'far fa-edit',\n iconPosition: 'prefix',\n },\n export: {\n text: 'Export',\n status: 'default',\n icon: 'far fa-sign-out',\n iconPosition: 'prefix',\n },\n import: {\n text: 'Import',\n status: 'default',\n icon: 'far fa-sign-in',\n iconPosition: 'prefix',\n },\n filter: {\n text: 'Filter',\n status: 'default',\n icon: 'far fa-filter',\n iconPosition: 'prefix',\n },\n update: {\n text: 'Update',\n status: 'default',\n icon: 'far fa-sync',\n iconPosition: 'prefix',\n },\n reset: {\n text: 'Reset',\n status: 'default',\n icon: 'far fa-sync',\n iconPosition: 'prefix',\n },\n download: {\n text: 'Download',\n status: 'default',\n icon: 'far fa-download',\n iconPosition: 'prefix',\n },\n};\n\nexport type ButtonVariant = keyof typeof variantOptions;\n",":host {\n display: inline-block;\n position: relative;\n}\n\n:host([full-width]) {\n width: 100%;\n}\n\n:host([position='first']) .bcm-button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n:host([position='middle']) .bcm-button {\n border-radius: 0;\n}\n\n:host([position='last']) .bcm-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n:host([position='first'].orientation-vertical) .bcm-button {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: var(--bcm-ui-border-radius, 4px);\n border-top-left-radius: var(--bcm-ui-border-radius, 4px);\n}\n\n:host([position='middle'].orientation-vertical) .bcm-button {\n border-radius: 0;\n}\n\n:host([position='last'].orientation-vertical) .bcm-button {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: var(--bcm-ui-border-radius, 4px);\n border-bottom-left-radius: var(--bcm-ui-border-radius, 4px);\n}\n","import { Component, Prop, h, Event, EventEmitter, Host } from '@stencil/core';\nimport { ButtonKind, ButtonSize, ButtonType, ButtonStatus, ButtonVariant, IconPosition, ButtonPosition, variantOptions } from './types';\nimport { tv } from 'tailwind-variants';\n\n@Component({\n tag: 'bcm-button',\n styleUrl: 'button.css',\n shadow: true,\n})\nexport class BcmButton {\n /** Defines the main visual style of the button */\n @Prop()\n kind: ButtonKind = 'primary';\n\n /** Controls the button size */\n @Prop()\n size: ButtonSize = 'medium';\n\n /** Defines the button's status/state color */\n @Prop()\n status: ButtonStatus = 'default';\n\n /** Predefined button variants */\n @Prop()\n variant?: ButtonVariant;\n\n /** Button position in button group (first, middle, last) */\n @Prop({ reflect: true })\n position?: ButtonPosition;\n\n /** Icon class name */\n @Prop()\n icon?: string;\n\n /** Icon placement (prefix/suffix) */\n @Prop()\n iconPosition: IconPosition = 'prefix';\n\n /** Icon-only button mode */\n @Prop()\n iconOnly = false;\n\n /** Full width button */\n @Prop({ attribute: 'full-width', reflect: true })\n fullWidth = false;\n\n /** HTML button type */\n @Prop()\n type: ButtonType = 'button';\n\n /** Loading state */\n @Prop()\n loading = false;\n\n /** Disabled state */\n @Prop()\n disabled = false;\n\n /** Button text content */\n @Prop()\n text?: string;\n\n /** Active state */\n @Prop()\n active = false;\n\n /** Form association */\n @Prop()\n form: string;\n\n @Prop()\n value: string;\n\n @Prop()\n name: string;\n\n /** Screen reader label */\n @Prop()\n label: string;\n\n /** Expanded state for expandable content */\n @Prop()\n expanded?: string;\n\n /** ID of controlled element */\n @Prop()\n controls: string;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmClick: EventEmitter<MouseEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmFocus: EventEmitter<FocusEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmBlur: EventEmitter<FocusEvent>;\n\n private handleClick = (event: MouseEvent) => {\n if (!this.disabled && !this.loading) {\n this.bcmClick.emit(event);\n }\n };\n\n private handleFocus = (event: FocusEvent) => {\n this.bcmFocus.emit(event);\n };\n\n private handleBlur = (event: FocusEvent) => {\n this.bcmBlur.emit(event);\n };\n\n private get buttonText(): string {\n return this.text || (this.variant ? variantOptions[this.variant].text : '');\n }\n\n private get buttonIcon(): { icon?: string; position: IconPosition } {\n if (this.variant && variantOptions[this.variant].icon) {\n return {\n icon: variantOptions[this.variant].icon,\n position: variantOptions[this.variant].iconPosition || 'prefix',\n };\n }\n\n return {\n icon: this.icon,\n position: this.iconPosition,\n };\n }\n\n private get buttonStatus(): ButtonStatus {\n return this.variant ? variantOptions[this.variant].status : this.status;\n }\n\n private get buttonStyles() {\n const status = this.buttonStatus === 'default' ? 'primary' : this.buttonStatus;\n\n // These are the internal default styles based on component props (kind, status)\n const kindStyleMap = {\n primary: {\n '--bcm-button-bg': `var(--bcm-ui-color-background-${status}-default)`,\n '--bcm-button-bg-hover': `var(--bcm-ui-color-background-${status}-hover)`,\n '--bcm-button-bg-active': `var(--bcm-ui-color-background-${status}-active)`,\n '--bcm-button-border': 'transparent',\n '--bcm-button-text': 'var(--bcm-ui-color-text-base)',\n },\n outline: {\n '--bcm-button-bg': 'var(--bcm-ui-color-background-default-default)',\n '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',\n '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',\n '--bcm-button-border': `var(--bcm-ui-color-border-${this.buttonStatus})`,\n '--bcm-button-text': `var(--bcm-ui-color-text-${this.buttonStatus})`,\n },\n ghost: {\n '--bcm-button-bg': 'transparent',\n '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',\n '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',\n '--bcm-button-border': 'transparent',\n '--bcm-button-text': `var(--bcm-ui-color-text-${this.buttonStatus})`,\n },\n text: {\n '--bcm-button-bg': 'transparent',\n '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',\n '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',\n '--bcm-button-border': 'transparent',\n '--bcm-button-text': `var(--bcm-ui-color-text-${status})`,\n },\n };\n const internalDefaultStyles = kindStyleMap[this.kind];\n\n // These are the \"final\" CSS custom properties used by the component's styling.\n // They use the \"--bcm-button-custom-...\" token if provided by the user,\n // otherwise, they fall back to the internal \"--bcm-button-...\" style defined above.\n const finalEffectiveStyles = {\n '--bcm-final-text-color': `var(--bcm-button-custom-text-color, ${internalDefaultStyles['--bcm-button-text']})`,\n '--bcm-final-border-color': `var(--bcm-button-custom-border-color, ${internalDefaultStyles['--bcm-button-border']})`,\n '--bcm-final-bg-color': `var(--bcm-button-custom-bg-color, ${internalDefaultStyles['--bcm-button-bg']})`,\n '--bcm-final-hover-bg-color': `var(--bcm-button-custom-hover-bg-color, ${internalDefaultStyles['--bcm-button-bg-hover']})`,\n '--bcm-final-active-bg-color': `var(--bcm-button-custom-active-bg-color, ${internalDefaultStyles['--bcm-button-bg-active']})`,\n };\n\n // return kindStyleMap[this.kind];\n\n return {\n ...internalDefaultStyles, // Provides the fallback values like --bcm-button-text\n ...finalEffectiveStyles, // Defines the --bcm-final-xxx tokens that handle the override logic\n };\n }\n\n private buttonClass = tv(\n {\n base: 'bcm-button appearance-none inline-flex items-center justify-center border border-solid rounded outline-0',\n variants: {\n size: {\n small: 'text-size-4 py-px px-2 min-h-6',\n medium: 'text-size-5 py-0.5 px-3 min-h-8',\n large: 'text-size-6 py-1 px-3 min-h-10',\n },\n kind: {\n primary: 'kind-primary',\n ghost: 'kind-ghost',\n text: 'kind-text',\n outline: 'kind-outline',\n },\n fullWidth: {\n true: 'full-width w-full',\n },\n disabled: {\n true: 'disabled cursor-not-allowed bg-[--bcm-ui-color-background-disabled-default] text-color-disabled border-color-disabled',\n false: [\n 'cursor-pointer',\n 'bg-[--bcm-final-bg-color] text-[--bcm-final-text-color] border-[--bcm-final-border-color]',\n 'hover:bg-[--bcm-final-hover-bg-color]',\n 'active:bg-[--bcm-final-active-bg-color]',\n 'focus-visible:ring',\n ],\n },\n loading: {\n true: '',\n },\n position: {\n first: 'position-first',\n middle: 'position-middle',\n last: 'position-last',\n },\n },\n defaultVariants: {\n size: 'medium',\n kind: 'primary',\n fullWidth: false,\n disabled: false,\n loading: false,\n },\n },\n {\n twMerge: false,\n },\n );\n\n render() {\n const { icon, position } = this.buttonIcon;\n\n return (\n <Host>\n <button\n type={this.type}\n disabled={this.disabled || this.loading}\n aria-label={this.label}\n aria-expanded={this.expanded}\n aria-controls={this.controls}\n aria-disabled={this.disabled}\n onClick={this.handleClick}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n style={this.buttonStyles}\n class={this.buttonClass({\n size: this.size,\n kind: this.kind,\n fullWidth: this.fullWidth,\n disabled: this.disabled,\n loading: this.loading,\n position: this.position,\n })}\n >\n {this.loading && <slot name=\"loading\"></slot>}\n <span>\n <slot name=\"prefix\">{position === 'prefix' && icon && <i class={' leading-none ' + icon}></i>}</slot>\n </span>\n <slot>{this.buttonText}</slot>\n <span>\n <slot name=\"suffix\">{position === 'suffix' && icon && <i class={' leading-none ' + icon}></i>}</slot>\n </span>\n </button>\n </Host>\n );\n }\n}\n",":host {\n display: contents;\n}\n","import { Component, Prop, h, Element, Event, EventEmitter, Method, Watch, Listen } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\nimport { DrawerPosition, DrawerSize } from './types';\n\n@Component({\n tag: 'bcm-drawer',\n styleUrl: 'drawer.css',\n shadow: true,\n})\nexport class BcmDrawer {\n @Element() host: HTMLElement;\n\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n @Prop() size: DrawerSize = 'medium';\n @Prop() position: DrawerPosition = 'right';\n @Prop({ attribute: 'full-width' }) fullWidth: boolean = false;\n @Prop() headerText?: string;\n @Prop({ attribute: 'no-header' }) noHeader: boolean = false;\n\n @Event() bcmOpen: EventEmitter<void>;\n @Event() bcmClose: EventEmitter<void>;\n @Event({ cancelable: true }) bcmBeforeOpen: EventEmitter<void>;\n @Event({ cancelable: true }) bcmBeforeClose: EventEmitter<void>;\n\n private drawerClass = tv(\n {\n slots: {\n backdrop: 'fixed inset-0 bg-color-transparent z-40 transition-opacity duration-300',\n wrapper: 'bcm-ui-element fixed bg-color-base text-color-default z-50 transform transition-transform duration-300 ease-in-out flex flex-col',\n header: 'flex justify-between items-center bg-color-default text-color-default',\n title: 'font-semibold m-0 text-size-6',\n closeButton: 'text-size-5 text-color-default bg-transparent border-none p-0 h-6 w-6 hover:bg-color-default-hover cursor-pointer active:bg-color-default-active',\n content: 'overflow-y-auto flex-grow',\n },\n variants: {\n open: {\n true: {\n backdrop: 'opacity-100 visible',\n },\n false: {\n backdrop: 'opacity-0 invisible',\n },\n },\n position: {\n left: {\n wrapper: 'top-0 left-0 bottom-0',\n },\n right: {\n wrapper: 'top-0 right-0 bottom-0',\n },\n top: {\n wrapper: 'top-0 left-0 right-0',\n },\n bottom: {\n wrapper: 'bottom-0 left-0 right-0',\n },\n },\n size: {\n small: {\n header: 'py-3 px-4',\n content: 'p-4',\n },\n medium: {\n header: 'py-3 px-4',\n content: 'p-4',\n },\n large: {\n header: 'py-3 px-4',\n content: 'p-4',\n },\n },\n noHeader: {\n true: {\n header: 'hidden',\n },\n },\n },\n compoundVariants: [\n {\n open: true,\n position: ['left', 'right'],\n class: {\n wrapper: 'translate-x-0',\n },\n },\n {\n open: true,\n position: ['top', 'bottom'],\n class: {\n wrapper: 'translate-y-0',\n },\n },\n {\n open: false,\n position: 'left',\n class: {\n wrapper: '-translate-x-full',\n },\n },\n {\n open: false,\n position: 'right',\n class: {\n wrapper: 'translate-x-full',\n },\n },\n {\n open: false,\n position: 'top',\n class: {\n wrapper: '-translate-y-full',\n },\n },\n {\n open: false,\n position: 'bottom',\n class: {\n wrapper: 'translate-y-full',\n },\n },\n ],\n },\n {\n twMerge: false,\n },\n );\n\n @Watch('open')\n handleOpenChange(isOpen: boolean) {\n if (isOpen) {\n document.body.style.overflow = 'hidden';\n this.bcmOpen.emit();\n } else {\n document.body.style.overflow = '';\n this.bcmClose.emit();\n }\n }\n\n @Listen('keydown', { target: 'window' })\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Escape' && this.open) {\n this.hide();\n }\n }\n\n @Method()\n async show(): Promise<void> {\n const event = this.bcmBeforeOpen.emit();\n if (!event.defaultPrevented) {\n this.open = true;\n }\n }\n\n @Method()\n async hide(): Promise<void> {\n const event = this.bcmBeforeClose.emit();\n if (!event.defaultPrevented) {\n this.open = false;\n }\n }\n\n disconnectedCallback() {\n document.body.style.overflow = '';\n }\n\n private getWrapperStyle() {\n const style: { [key: string]: string } = {};\n\n if (this.fullWidth) {\n if (this.position === 'left' || this.position === 'right') {\n style.width = '100vw';\n } else {\n style.height = '100vh';\n }\n return style;\n }\n\n if (this.position === 'left' || this.position === 'right') {\n switch (this.size) {\n case 'small':\n style.width = '320px';\n break;\n case 'medium':\n style.width = '480px';\n break;\n case 'large':\n style.width = '1064px';\n break;\n }\n } else {\n switch (this.size) {\n case 'small':\n style.height = '40vh';\n break;\n case 'medium':\n style.height = '60vh';\n break;\n case 'large':\n style.height = '90vh';\n break;\n }\n }\n\n return style;\n }\n\n render() {\n const { backdrop, wrapper, header, title, closeButton, content } = this.drawerClass({\n open: this.open,\n position: this.position,\n size: this.size,\n noHeader: this.noHeader,\n });\n\n return (\n <div part=\"base\">\n <div part=\"backdrop\" class={backdrop()} onClick={() => this.hide()} />\n <div\n part=\"wrapper\"\n class={wrapper()}\n style={this.getWrapperStyle()}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-hidden={!this.open ? 'true' : 'false'}\n aria-label={this.headerText}\n >\n <div part=\"header\" class={header()}>\n <h2 part=\"title\" class={title()}>\n <slot name=\"header\">{this.headerText}</slot>\n </h2>\n <button part=\"close-button\" class={closeButton()} onClick={() => this.hide()} aria-label=\"Close\">\n <bcm-icon name=\"fa-solid fa-xmark\"></bcm-icon>\n </button>\n </div>\n <div part=\"content\" class={content()}>\n <slot />\n </div>\n <div part=\"footer\">\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n );\n }\n}\n","/* :host {\n --dropdown-box-min-weight: 32px;\n --dropdown-box-max-width: 384px;\n --dropdown-box-max-height: 384px;\n --dropdown-box-background-color: var(--bcm-ui-color-background-basic-panel);\n} */\n/* \n.scroll {\n height: 140px;\n width: 140px;\n overflow-y: auto;\n}\n\n.scroll:active::-webkit-scrollbar-thumb,\n.scroll:focus::-webkit-scrollbar-thumb,\n.scroll:hover::-webkit-scrollbar-thumb {\n visibility: visible;\n}\n.scroll::-webkit-scrollbar-thumb {\n background-color: darkgrey;\n visibility: hidden;\n}\n\n.scroll::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n} */\n","import { Component, ComponentInterface, h, Prop, State, Element, Host, Event, EventEmitter, Listen } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\n\n@Component({\n tag: 'bcm-dropdown',\n styleUrl: 'dropdown.css',\n shadow: true,\n})\nexport class Dropdown implements ComponentInterface {\n @Element() host: HTMLElement;\n\n @Prop() text?: string;\n\n @State() isReady: boolean = false;\n\n @State() dropdownItems: HTMLBcmDropdownItemElement[] = [];\n\n protected buttonRef?: HTMLBcmButtonElement;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n eventName: 'bcmDropdownChange',\n })\n bcmDropdownChange: EventEmitter<any>;\n\n componentDidLoad() {\n const button = this.host.shadowRoot.querySelector('bcm-button') as HTMLBcmButtonElement;\n if (button) {\n this.buttonRef = button;\n this.isReady = true;\n }\n }\n\n @Listen('bcmDropDownItemChange', { capture: true })\n handleDropdownItemChange(event: CustomEvent) {\n const { element, selected } = event?.detail;\n\n this.dropdownItems?.forEach(item => {\n if (item != element) {\n item.selected = false;\n }\n });\n\n this.bcmDropdownChange.emit({\n element: element,\n selected,\n });\n }\n\n private dropdownClass = tv({\n base: 'dropdown flex flex-col items-center min-w-10 shadow-3 max-w-64 max-h-64 w-full bg-color-basic-panel rounded-lg py-1.5 overflow-y-auto',\n });\n\n private handleSlotChange = () => {\n this.dropdownItems = Array.from(this.host.querySelectorAll('bcm-dropdown-item'));\n\n if (this.dropdownItems.length === 0) {\n console.warn('No dropdown items found in dropdown component');\n }\n };\n\n render() {\n return (\n <Host>\n <bcm-button kind=\"outline\">\n <span part=\"text\">{this.text}</span>\n </bcm-button>\n {this.isReady && (\n <bcm-linked targetElement={this.buttonRef}>\n <div part=\"dropdown-container\" class={this.dropdownClass()}>\n <slot onSlotchange={this.handleSlotChange}></slot>\n </div>\n </bcm-linked>\n )}\n </Host>\n );\n }\n}\n",":host {\n display: inline-block;\n width: 100%;\n}\n\n::slotted([slot='left-content']) {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n}\n\n::slotted([slot='right-content']) {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n}\n","import { Component, ComponentInterface, h, Prop, Event, EventEmitter, Element } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\n\n@Component({\n tag: 'bcm-dropdown-item',\n styleUrl: 'dropdown-item.css',\n shadow: true,\n})\nexport class DropdownItem implements ComponentInterface {\n @Element() host: HTMLElement;\n @Prop() text: string;\n @Prop() icon: string;\n @Prop() rightIcons: string[];\n @Prop({ reflect: true }) selected: boolean = false;\n @Prop({ reflect: true }) error: boolean = false;\n @Prop({ reflect: true }) disabled: boolean = false;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n eventName: 'bcmDropDownItemChange',\n })\n bcmDropDownItemChange: EventEmitter<any>;\n\n\n private handleClick() {\n this.selected = true;\n this.bcmDropDownItemChange.emit({\n element: this.host,\n selected: this.selected,\n });\n }\n\n private dropdownItemClass = tv(\n {\n base: 'dropdown-item bcm-ui-element bcm-ui-content-display flex flex-row gap-2 py-2 px-4 cursor-pointer text-color',\n variants: {\n selected: {\n true: 'bg-[var(--bcm-ui-color-background-base-active)] hover:bg-[var(--bcm-ui-color-background-base-active)]',\n false: 'hover:bg-[var(--bcm-ui-color-background-base-hover)]',\n },\n error: {\n true: 'bg-[var(--bcm-ui-color-background-palette-red-default)] hover:bg-[var(--bcm-ui-color-background-palette-red-default)]',\n false: '',\n },\n disabled: {\n true: '', // should be discuss with ux team\n false: '',\n },\n },\n defaultVariants: {\n selected: false,\n error: false,\n disabled: false,\n },\n },\n {\n twMerge: false,\n },\n );\n\n render() {\n return (\n <div\n aria-checked={this.selected}\n class={this.dropdownItemClass({\n selected: this.selected,\n error: this.error,\n })}\n onClick={() => this.handleClick()}\n >\n <slot name=\"left-content\">{this.icon && <bcm-icon icon-name={this.icon}></bcm-icon>}</slot>\n <div class=\"flex flex-row text-pretty w-full\">\n <slot>{this.text}</slot>\n </div>\n <slot name=\"right-content\">\n {this.rightIcons?.map(icon => (\n <bcm-icon icon-name={icon}></bcm-icon>\n ))}\n </slot>\n </div>\n );\n }\n}\n","/**\n * Checks if a named slot has any content\n * @param element - The host element (component instance)\n * @param slotName - Name of the slot to check\n * @returns boolean indicating if the slot has any assigned nodes\n */\nexport const checkSlotContent = (element: HTMLElement, slotName: string): boolean => {\n const slot = element.shadowRoot?.querySelector(`slot[name=\"${slotName}\"]`) as HTMLSlotElement;\n if (!slot) return false;\n\n const assignedNodes = slot.assignedNodes();\n return assignedNodes.length > 0;\n};\n",":host {\n display: inline-block;\n}\n","import { Component, Prop, h, Event, EventEmitter, Method, State, Watch, Element } from '@stencil/core';\nimport { InputSize, InputStatus, InputType } from './types';\nimport { tv } from 'tailwind-variants';\nimport classNames from 'classnames';\nimport { generateId } from '../../utils/id/generate-id';\nimport { checkSlotContent } from '../../utils/slot/check-slot-content';\nimport { getValidationMessage, setValidationMessages, defaultValidationMessages } from '../../utils/validation-messages';\n\n@Component({\n tag: 'bcm-input',\n styleUrl: 'input.scss',\n shadow: true,\n})\nexport class BcmInput {\n @Element() el: HTMLElement;\n private inputRef: HTMLInputElement;\n\n @State() isFocused = false;\n @State() validationMessage: string;\n @State() isValid = true;\n @State() internalStatus: InputStatus = 'default';\n @State() internalErrorMessage: string;\n @State() isPasswordVisible = false;\n\n /** Input value */\n @Prop({ mutable: true, reflect: true })\n value: string = '';\n\n /** Input placeholder text */\n @Prop()\n placeholder?: string;\n\n /** Input name */\n @Prop()\n name?: string;\n\n /** Input id */\n @Prop({ attribute: 'id', reflect: true })\n _id?: string = generateId('input');\n\n /** Controls the input size */\n @Prop()\n size: InputSize = 'medium';\n\n /** Defines the input's status/state */\n @Prop()\n status: InputStatus = 'default';\n\n /** Full width input */\n @Prop({ attribute: 'full-width', reflect: true })\n fullWidth = false;\n\n /** HTML input type */\n @Prop()\n type: InputType = 'text';\n\n /** Whether the input is disabled */\n @Prop()\n disabled = false;\n\n /** Whether the input is readonly */\n @Prop()\n readonly = false;\n\n /** Whether the input is required */\n @Prop()\n required = false;\n\n /** Input autocomplete attribute */\n @Prop()\n autocomplete?: string;\n\n /** Min length for text input */\n @Prop()\n minLength?: number;\n\n /** Max length for text input */\n @Prop()\n maxLength?: number;\n\n /** Min value for number input */\n @Prop()\n min?: number;\n\n /** Max value for number input */\n @Prop()\n max?: number;\n\n /** Step value for number input */\n @Prop()\n step?: number;\n\n /** Pattern for validation */\n @Prop()\n pattern?: string;\n\n /** Input label for accessibility */\n @Prop()\n label?: string;\n\n /** Error message to display */\n @Prop()\n errorMessage?: string;\n\n /** Caption text to display below input */\n @Prop()\n captionText?: string;\n\n /** ID of associated label element */\n @Prop()\n labelledby?: string;\n\n /** ID of associated caption/error text element */\n @Prop()\n describedby?: string;\n\n /** Prefix icon class name */\n @Prop()\n prefixIcon?: string;\n\n /** Suffix icon class name */\n @Prop()\n suffixIcon?: string;\n\n /** Whether to use native form validation\n * If false, component will handle validation internally\n */\n @Prop()\n useNativeValidation = true;\n\n /** Custom validation function */\n @Prop()\n validator?: (value: string) => string | undefined;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmInput: EventEmitter<InputEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmChange: EventEmitter<Event>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmFocus: EventEmitter<FocusEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmBlur: EventEmitter<FocusEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmKeyDown: EventEmitter<KeyboardEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmKeyUp: EventEmitter<KeyboardEvent>;\n\n @Watch('value')\n handleValueChange(newValue: string) {\n if (this.inputRef) {\n this.inputRef.value = newValue;\n }\n }\n\n @Watch('status')\n watchStatus(newValue: InputStatus) {\n this.internalStatus = newValue;\n }\n\n @Watch('errorMessage')\n watchErrorMessage(newValue: string) {\n this.internalErrorMessage = newValue;\n }\n\n @Method()\n async setFocus() {\n this.inputRef?.focus();\n }\n\n @Method()\n async setBlur() {\n this.inputRef?.blur();\n }\n\n @Method()\n async select() {\n this.inputRef?.select();\n }\n\n /** Sets locale and messages for all inputs */\n @Method()\n async setLocale(locale: string, messages: Record<string, string>) {\n // Set messages and update validation immediately\n setValidationMessages(locale, messages);\n\n // Mevcut validasyon mesajını güncelle\n if (!this.isValid) {\n this.validateInput();\n }\n }\n\n componentWillLoad() {\n // I18n için default mesajları set et\n setValidationMessages('en', defaultValidationMessages);\n this.internalStatus = this.status;\n this.internalErrorMessage = this.errorMessage;\n }\n\n private validateInput(): void {\n if (!this.inputRef) return;\n\n // Reset validation state\n this.isValid = true;\n this.validationMessage = '';\n\n const value = this.inputRef.value;\n\n // Required check\n if (this.required && !value) {\n this.isValid = false;\n this.validationMessage = getValidationMessage('required');\n this.internalStatus = 'error';\n this.internalErrorMessage = this.validationMessage;\n return;\n }\n\n // Minimum length check\n else if (this.minLength && value.length < this.minLength) {\n this.isValid = false;\n this.validationMessage = getValidationMessage('minlength', { min: this.minLength });\n }\n // Maximum length check\n else if (this.maxLength && value.length > this.maxLength) {\n this.isValid = false;\n this.validationMessage = getValidationMessage('maxlength', { max: this.maxLength });\n }\n // Pattern check\n else if (this.pattern && !new RegExp(this.pattern).test(value)) {\n this.isValid = false;\n this.validationMessage = getValidationMessage('pattern');\n }\n // Email check\n else if (this.type === 'email' && value && !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)) {\n this.isValid = false;\n this.validationMessage = getValidationMessage('email');\n }\n // Number range check\n else if (this.type === 'number' && value) {\n const numValue = parseFloat(value);\n if (this.min !== undefined && numValue < this.min) {\n this.isValid = false;\n this.validationMessage = getValidationMessage('min', { min: this.min });\n } else if (this.max !== undefined && numValue > this.max) {\n this.isValid = false;\n this.validationMessage = getValidationMessage('max', { max: this.max });\n }\n }\n\n // Update component state\n this.internalStatus = this.isValid ? 'default' : 'error';\n this.internalErrorMessage = this.validationMessage;\n }\n\n private onInput = (event: InputEvent) => {\n const input = event.target as HTMLInputElement;\n this.value = input.value;\n this.bcmInput.emit(event);\n this.validateInput();\n };\n\n private onChange = (event: Event) => {\n this.bcmChange.emit(event);\n };\n\n private onFocus = (event: FocusEvent) => {\n this.isFocused = true;\n this.bcmFocus.emit(event);\n };\n\n private onBlur = (event: FocusEvent) => {\n this.isFocused = false;\n this.bcmBlur.emit(event);\n this.validateInput();\n };\n\n private onKeyDown = (event: KeyboardEvent) => {\n this.bcmKeyDown.emit(event);\n };\n\n private onKeyUp = (event: KeyboardEvent) => {\n this.bcmKeyUp.emit(event);\n };\n\n private hasSlotContent(slotName: string): boolean {\n return checkSlotContent(this.el, slotName);\n }\n\n private styleClass = tv(\n {\n slots: {\n base: [\n 'bcm-input bcm-input__container',\n 'bg-[--bcm-ui-color-background-base-default]',\n 'text-[--bcm-ui-color-text-default]',\n 'border border-solid rounded',\n 'flex items-center justify-between',\n 'transition-colors duration-200',\n 'px-2',\n ],\n inputClass: [\n 'input',\n 'w-full flex-1',\n 'border-0 outline-0 bg-transparent',\n 'appearance-none text-ellipsis',\n 'text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal',\n 'font-sans antialiased font-medium',\n 'px-1',\n '[appearance:textfield][&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n ],\n },\n variants: {\n size: {\n small: {\n base: '',\n inputClass: 'text-size-4 h-6',\n },\n medium: {\n base: '',\n inputClass: 'text-size-5 h-8',\n },\n large: {\n base: '',\n inputClass: 'text-size-6 h-10',\n },\n },\n status: {\n default: {\n base: ['border-[--bcm-ui-color-border-default]', 'hover:border-[--bcm-ui-color-border-primary]', 'has-[:focus]:border-[--bcm-ui-color-border-primary]'],\n },\n error: {\n base: ['border-[--bcm-ui-color-border-error]', 'hover:border-[--bcm-ui-color-border-error]', 'has-[:focus]:border-[--bcm-ui-color-border-error]'],\n },\n success: {\n base: ['border-[--bcm-ui-color-border-success]', 'hover:border-[--bcm-ui-color-border-success]', 'has-[:focus]:border-[--bcm-ui-color-border-success]'],\n },\n warning: {\n base: ['border-[--bcm-ui-color-border-warning]', 'hover:border-[--bcm-ui-color-border-warning]', 'has-[:focus]:border-[--bcm-ui-color-border-warning]'],\n },\n info: {\n base: ['border-[--bcm-ui-color-border-info]', 'hover:border-[--bcm-ui-color-border-info]', 'has-[:focus]:border-[--bcm-ui-color-border-info]'],\n },\n },\n fullWidth: {\n true: 'full-width w-full',\n },\n disabled: {\n true: 'disabled cursor-not-allowed',\n false: '',\n },\n focused: {\n true: {\n base: '',\n },\n },\n },\n defaultVariants: {\n size: 'medium',\n status: 'default',\n fullWidth: false,\n disabled: false,\n focused: false,\n },\n },\n {\n twMerge: false,\n },\n );\n\n private getDefaultIconForType(): string | undefined {\n return; // TODO: Will be implemented later\n // return defaultIcons[this.type as keyof typeof defaultIcons];\n }\n\n private togglePasswordVisibility = () => {\n this.isPasswordVisible = !this.isPasswordVisible;\n this.inputRef.type = this.isPasswordVisible ? 'text' : 'password';\n };\n\n private PasswordToggleButton = () => {\n if (this.type !== 'password' || this.disabled || this.readonly || this.value?.length === 0) return null;\n return (\n <button class=\"appearance-none flex items-center w-6 h-full justify-center\" onClick={this.togglePasswordVisibility} type=\"button\">\n <bcm-icon name={this.isPasswordVisible ? 'fa-eye-slash fa-regular' : 'fa-regular fa-eye'} size={this.iconSize}></bcm-icon>\n </button>\n );\n };\n\n private iconSize = {\n small: 14,\n medium: 16,\n large: 18,\n }[this.size];\n\n render() {\n const inputId = this._id + '-input' || this.name;\n\n const { base, inputClass } = this.styleClass({\n size: this.size,\n status: this.internalStatus,\n fullWidth: this.fullWidth,\n disabled: this.disabled,\n focused: this.isFocused,\n });\n\n return (\n <div class=\"bcm-ui-element\">\n {this.label && (\n <label\n class={classNames(\n 'input-label font-medium',\n {\n 'text-color-label': !this.disabled,\n 'text-color-disabled': this.disabled,\n },\n {\n 'text-size-3': this.size === 'small',\n 'text-size-4': this.size === 'medium',\n 'text-size-5': this.size === 'large',\n },\n )}\n htmlFor={inputId}\n >\n <slot name=\"label\">{this.label}</slot>\n {this.required && <span>*</span>}\n </label>\n )}\n\n <div class={base()}>\n {(this.hasSlotContent('prefix') || this.prefixIcon || this.getDefaultIconForType()) && (\n <div class=\"flex items-center gap-2 px-2\">\n {(this.prefixIcon || this.getDefaultIconForType()) && (\n <bcm-icon class=\"prefix-icon\" icon-name={this.prefixIcon || this.getDefaultIconForType()} size={this.iconSize}></bcm-icon>\n )}\n <slot name=\"prefix\"></slot>\n </div>\n )}\n <input\n ref={el => (this.inputRef = el)}\n id={inputId}\n class={inputClass()}\n type={this.type}\n name={this.name}\n disabled={this.disabled}\n readonly={this.readonly}\n required={this.required}\n placeholder={this.placeholder}\n autocomplete={this.autocomplete}\n minlength={this.minLength}\n maxlength={this.maxLength}\n min={this.min}\n max={this.max}\n step={this.step}\n pattern={this.pattern}\n aria-invalid={this.status === 'error'}\n aria-required={this.required}\n aria-labelledby={this.labelledby}\n aria-describedby={this.describedby}\n value={this.value}\n onInput={this.onInput}\n onChange={this.onChange}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onKeyDown={this.onKeyDown}\n onKeyUp={this.onKeyUp}\n />\n {(this.hasSlotContent('suffix') || this.suffixIcon) && (\n <div class=\"flex items-center gap-2 px-2\">\n <slot name=\"suffix\"></slot>\n {this.suffixIcon && <bcm-icon class=\"suffix-icon\" icon-name={this.suffixIcon} size={this.iconSize}></bcm-icon>}\n </div>\n )}\n {/* {this.type === 'password' && this.value?.length > 0 && !this.disabled && ( \n // <bcm-icon\n // class=\"password-toggle-icon cursor-pointer\"\n // icon-name={this.isPasswordVisible ? 'fa-regular fa-eye-slash' : 'fa-regular fa-eye'}\n // size={iconSize}\n // onClick={this.togglePasswordVisibility}\n // ></bcm-icon>\n // )}*/}\n {this.PasswordToggleButton()}\n </div>\n {(this.captionText || this.internalErrorMessage || this.validationMessage) && (\n <div\n class={classNames(\n 'input-caption-text font-regular mt-1',\n {\n 'text-[--bcm-ui-color-text-caption]': !this.disabled && this.internalStatus === 'default',\n 'text-[--bcm-ui-color-text-error]': !this.disabled && (this.internalStatus === 'error' || !this.isValid),\n 'text-[--bcm-ui-color-text-success]': !this.disabled && this.internalStatus === 'success',\n 'text-[--bcm-ui-color-text-warning]': !this.disabled && this.internalStatus === 'warning',\n 'text-[--bcm-ui-color-text-info]': !this.disabled && this.internalStatus === 'info',\n 'text-[--bcm-ui-color-text-disabled]': this.disabled,\n },\n {\n 'text-size-3': this.size === 'small',\n 'text-size-4': this.size === 'medium',\n 'text-size-5': this.size === 'large',\n },\n )}\n >\n {!this.isValid ? this.validationMessage : this.internalStatus === 'error' ? this.internalErrorMessage : this.captionText}\n </div>\n )}\n </div>\n );\n }\n}\n","bcm-linked {\n display: block;\n position: relative;\n}\nbcm-linked[append-to-body] {\n display: none;\n}\n\n.floating-content {\n min-width: max-content;\n transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;\n will-change: transform, opacity;\n}\n\n.floating-visible {\n animation: fadeInScale 0.2s ease-out;\n}\n\n.floating-hidden {\n display: none !important;\n pointer-events: none;\n}\n\n.floating-wrapper {\n position: relative;\n z-index: 1;\n}\n\n/* Animations */\n@keyframes fadeInScale {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(-5px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n\n/* Arrow Styles */\n.floating-arrow {\n position: absolute;\n width: 10px;\n height: 10px;\n z-index: -1;\n}\n\n.floating-arrow::before {\n content: '';\n position: absolute;\n width: 10px;\n height: 10px;\n background: white;\n border: 1px solid #e2e8f0;\n transform: rotate(45deg);\n}\n\n/* Arrow positioning based on placement */\n.arrow-top {\n bottom: -5px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.arrow-bottom {\n top: -5px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.arrow-left {\n right: -5px;\n top: 50%;\n transform: translateY(-50%);\n}\n\n.arrow-right {\n left: -5px;\n top: 50%;\n transform: translateY(-50%);\n}\n\n/* Arrow border fix for bordered popups */\n.arrow-top::before {\n border-bottom: 0;\n border-right: 0;\n}\n\n.arrow-bottom::before {\n border-top: 0;\n border-left: 0;\n}\n\n.arrow-left::before {\n border-top: 0;\n border-right: 0;\n}\n\n.arrow-right::before {\n border-bottom: 0;\n border-left: 0;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n .floating-content {\n max-width: calc(100vw - 32px);\n max-height: calc(100vh - 32px);\n }\n}\n","import { Component, ComponentInterface, Prop, Element, State, h, Event, EventEmitter, Watch, Method, Host } from '@stencil/core';\nimport { computePosition, shift, offset, autoUpdate, flip, type Placement } from '@floating-ui/dom';\n\nexport type TriggerType = 'hover' | 'click' | 'focus' | 'manual';\n\n@Component({\n tag: 'bcm-linked',\n styleUrl: 'linked.css',\n shadow: false,\n})\nexport class BcmLinked implements ComponentInterface {\n @Element() host: HTMLElement;\n\n // Target configuration\n @Prop({ reflect: true, attribute: 'target-id' }) targetId?: string;\n @Prop() targetElement?: HTMLElement;\n\n // Trigger configuration\n @Prop() trigger: TriggerType = 'click';\n @Prop() placement: Placement = 'bottom-start';\n\n // Timing configuration\n @Prop() showDelay: number = 0;\n @Prop() hideDelay: number = 0;\n\n // Positioning configuration\n @Prop() offset: number = 8;\n @Prop() arrow: boolean = false;\n @Prop() disabled: boolean = false;\n\n // Style configuration\n @Prop() zIndex: number = 1000;\n @Prop() appendToBody: boolean = false;\n @Prop() destroyOnHide: boolean = false;\n\n // State\n @State() isVisible: boolean = false;\n @State() isReady: boolean = false;\n\n // Events\n @Event() bcmShow: EventEmitter<void>;\n @Event() bcmHide: EventEmitter<void>;\n @Event() bcmShown: EventEmitter<void>;\n @Event() bcmHidden: EventEmitter<void>;\n\n // Private properties\n private floatingEl?: HTMLElement;\n private targetEl?: HTMLElement;\n private showTimeout?: NodeJS.Timeout;\n private hideTimeout?: NodeJS.Timeout;\n private cleanup?: () => void;\n private clickOutsideHandler?: (e: MouseEvent) => void;\n private resizeObserver?: ResizeObserver;\n private originalParent?: Node;\n private originalNextSibling?: Node;\n\n // Watch for changes\n @Watch('targetId')\n @Watch('targetElement')\n setupTarget() {\n this.disconnectTarget();\n this.connectTarget();\n }\n\n @Watch('isVisible')\n onVisibilityChange(newValue: boolean) {\n if (newValue) {\n this.updatePosition();\n this.bcmShown.emit();\n } else {\n this.bcmHidden.emit();\n }\n }\n\n async componentDidLoad() {\n // Wait for render\n await new Promise(resolve => requestAnimationFrame(resolve));\n\n this.floatingEl = this.host.querySelector('.floating-content') as HTMLElement;\n\n if (this.floatingEl) {\n this.isReady = true;\n this.connectTarget();\n this.setupFloatingObserver();\n console.log('✅ bcm-linked initialized successfully');\n } else {\n console.error('❌ Could not find .floating-content element');\n }\n }\n\n disconnectedCallback() {\n this.disconnectTarget();\n this.clearTimeouts();\n this.cleanup?.();\n this.resizeObserver?.disconnect();\n\n // Restore element to original position if component is destroyed while in portal\n if (this.appendToBody && this.floatingEl && this.originalParent) {\n this.originalParent.appendChild(this.floatingEl);\n }\n }\n\n private connectTarget() {\n if (!this.isReady) return;\n\n // Find target element\n this.targetEl =\n this.targetElement || (this.targetId ? document.getElementById(this.targetId) : null) || (this.host.previousElementSibling as HTMLElement) || this.host.parentElement;\n\n if (!this.targetEl) {\n console.warn('bcm-linked: No target element found');\n return;\n }\n\n // Setup event listeners based on trigger type\n this.setupEventListeners();\n\n // Setup auto-update for position\n if (this.targetEl && this.floatingEl) {\n this.cleanup = autoUpdate(this.targetEl, this.floatingEl, () => {\n if (this.isVisible) {\n this.updatePosition();\n }\n });\n }\n\n // Setup resize observer for responsive positioning\n this.resizeObserver = new ResizeObserver(() => {\n if (this.isVisible) {\n this.updatePosition();\n }\n });\n this.resizeObserver.observe(this.floatingEl);\n }\n\n private disconnectTarget() {\n if (this.targetEl) {\n this.removeEventListeners();\n }\n this.cleanup?.();\n this.resizeObserver?.disconnect();\n }\n\n private setupEventListeners() {\n if (!this.targetEl || this.disabled) return;\n\n switch (this.trigger) {\n case 'hover':\n this.targetEl.addEventListener('mouseenter', this.handleMouseEnter);\n this.targetEl.addEventListener('mouseleave', this.handleMouseLeave);\n this.floatingEl?.addEventListener('mouseenter', this.handleFloatingMouseEnter);\n this.floatingEl?.addEventListener('mouseleave', this.handleFloatingMouseLeave);\n break;\n\n case 'click':\n this.targetEl.addEventListener('click', this.handleClick);\n this.setupClickOutside();\n break;\n\n case 'focus':\n this.targetEl.addEventListener('focus', this.handleFocus);\n this.targetEl.addEventListener('blur', this.handleBlur);\n break;\n }\n }\n\n private removeEventListeners() {\n if (!this.targetEl) return;\n\n this.targetEl.removeEventListener('mouseenter', this.handleMouseEnter);\n this.targetEl.removeEventListener('mouseleave', this.handleMouseLeave);\n this.targetEl.removeEventListener('click', this.handleClick);\n this.targetEl.removeEventListener('focus', this.handleFocus);\n this.targetEl.removeEventListener('blur', this.handleBlur);\n\n this.floatingEl?.removeEventListener('mouseenter', this.handleFloatingMouseEnter);\n this.floatingEl?.removeEventListener('mouseleave', this.handleFloatingMouseLeave);\n\n this.removeClickOutside();\n }\n\n private setupClickOutside() {\n this.clickOutsideHandler = (e: MouseEvent) => {\n const target = e.target as Node;\n if (!this.floatingEl?.contains(target) && !this.targetEl?.contains(target) && !this.host.contains(target)) {\n this.hide();\n }\n };\n document.addEventListener('click', this.clickOutsideHandler, true);\n }\n\n private removeClickOutside() {\n if (this.clickOutsideHandler) {\n document.removeEventListener('click', this.clickOutsideHandler, true);\n this.clickOutsideHandler = undefined;\n }\n }\n\n private handleMouseEnter = () => {\n this.clearTimeouts();\n if (this.showDelay > 0) {\n this.showTimeout = setTimeout(() => this.show(), this.showDelay);\n } else {\n this.show();\n }\n };\n\n private handleMouseLeave = () => {\n this.clearTimeouts();\n if (this.hideDelay > 0) {\n this.hideTimeout = setTimeout(() => this.hide(), this.hideDelay);\n } else {\n this.hide();\n }\n };\n\n private handleFloatingMouseEnter = () => {\n this.clearTimeouts();\n };\n\n private handleFloatingMouseLeave = () => {\n this.clearTimeouts();\n if (this.hideDelay > 0) {\n this.hideTimeout = setTimeout(() => this.hide(), this.hideDelay);\n } else {\n this.hide();\n }\n };\n\n private handleClick = (e: Event) => {\n e.stopPropagation();\n this.toggle();\n };\n\n private handleFocus = () => {\n this.show();\n };\n\n private handleBlur = () => {\n this.hide();\n };\n\n private clearTimeouts() {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = undefined;\n }\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = undefined;\n }\n }\n\n private async updatePosition() {\n if (!this.targetEl || !this.floatingEl || !this.isVisible) return;\n\n // Use autoPlacement only for bottom-start (dropdown default)\n // For other placements, respect the manual placement with flip fallback\n // const useAutoPlacement = this.placement === 'bottom-start';\n\n const middleware = [\n offset(this.offset),\n // useAutoPlacement\n // ? autoPlacement({\n // allowedPlacements: ['bottom-start', 'bottom-end', 'bottom', 'top-start', 'top-end', 'top', 'right-start', 'right-end', 'right', 'left-start', 'left-end', 'left'],\n // boundary: document.body,\n // })\n // :\n flip({\n fallbackPlacements: ['top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'],\n }),\n shift({\n padding: 8,\n }),\n ];\n\n const { x, y, placement } = await computePosition(this.targetEl, this.floatingEl, {\n placement: this.placement,\n middleware,\n strategy: 'fixed',\n });\n\n Object.assign(this.floatingEl.style, {\n left: `${x}px`,\n top: `${y}px`,\n zIndex: this.zIndex.toString(),\n });\n\n // Update arrow if enabled\n if (this.arrow) {\n this.updateArrow(placement);\n }\n }\n\n private updateArrow(placement: Placement) {\n const arrow = this.floatingEl?.querySelector('.floating-arrow') as HTMLElement;\n if (!arrow) return;\n\n // Remove all arrow classes\n arrow.className = 'floating-arrow';\n\n // Add placement-specific class\n const side = placement.split('-')[0];\n arrow.classList.add(`arrow-${side}`);\n }\n\n @Method()\n async show(): Promise<void> {\n if (this.disabled || this.isVisible) return;\n\n this.bcmShow.emit();\n\n // Portalling: Move the floating element to the body\n if (this.appendToBody && this.floatingEl) {\n this.originalParent = this.floatingEl.parentNode;\n this.originalNextSibling = this.floatingEl.nextSibling;\n document.body.appendChild(this.floatingEl);\n }\n\n this.isVisible = true;\n\n // Use requestAnimationFrame to ensure the element is visible before positioning\n await new Promise(resolve => requestAnimationFrame(resolve));\n await this.updatePosition();\n }\n\n @Method()\n async hide(): Promise<void> {\n if (!this.isVisible) return;\n\n this.bcmHide.emit();\n this.isVisible = false;\n\n // Portalling: Restore the floating element to its original position\n if (this.appendToBody && this.floatingEl && this.originalParent) {\n if (this.originalNextSibling) {\n this.originalParent.insertBefore(this.floatingEl, this.originalNextSibling);\n } else {\n this.originalParent.appendChild(this.floatingEl);\n }\n this.originalParent = undefined;\n this.originalNextSibling = undefined;\n }\n\n if (this.destroyOnHide && this.floatingEl && this.floatingEl.parentNode) {\n this.floatingEl.parentNode.removeChild(this.floatingEl);\n }\n }\n\n @Method()\n async toggle(): Promise<void> {\n if (this.isVisible) {\n await this.hide();\n } else {\n await this.show();\n }\n }\n\n @Method()\n async updatePositioning(): Promise<void> {\n await this.updatePosition();\n }\n\n private setupFloatingObserver() {\n if (!this.floatingEl) return;\n\n // Observe floating element size changes for position updates\n this.resizeObserver = new ResizeObserver(() => {\n if (this.isVisible) {\n this.updatePosition();\n }\n });\n\n this.resizeObserver.observe(this.floatingEl);\n }\n\n render() {\n const floatingClasses = {\n 'floating-content': true,\n 'floating-visible': this.isVisible,\n 'floating-hidden': !this.isVisible,\n 'floating-with-arrow': this.arrow,\n 'floating-destroy-on-hide': this.destroyOnHide,\n };\n\n return (\n <Host>\n <div\n class={floatingClasses}\n style={{\n position: 'fixed',\n top: '0px',\n left: '0px',\n zIndex: this.zIndex.toString(),\n display: this.isVisible ? 'block' : 'none',\n visibility: this.isVisible ? 'visible' : 'hidden',\n opacity: this.isVisible ? '1' : '0',\n pointerEvents: this.isVisible ? 'auto' : 'none',\n }}\n >\n {this.arrow && <div class=\"floating-arrow\" />}\n <div class=\"floating-wrapper\">\n <slot></slot>\n </div>\n </div>\n <div style={{ display: 'none' }}>\n <slot name=\"fallback\"></slot>\n </div>\n </Host>\n );\n }\n}\n",":host {\n display: inline-block;\n}\n","import { Component, ComponentInterface, Prop, h } from '@stencil/core';\nimport cs from 'classnames';\n\nconst osKeys = {\n ctrl: '⌘',\n alt: '⌥',\n shift: '⇧',\n del: '⌫',\n delete: '⌫',\n backspace: '⌦',\n enter: '⏎',\n return: '⏎',\n};\n\n@Component({\n tag: 'bcm-shortcut',\n styleUrl: './shortcut.css',\n shadow: true,\n})\nexport class BcmShortcut implements ComponentInterface {\n @Prop() hotkey: string;\n @Prop() size: 'small' | 'medium' | 'large' = 'small';\n\n private readonly isMac = /Mac/.test(window.navigator.userAgent);\n\n getHotkey(key: string): string {\n if (!key) {\n return '';\n }\n if (this.isMac && (key.includes(' ') || key.includes('+'))) {\n const keys = key.split(/[\\s+]+/);\n return keys.map(k => osKeys[k] || k).join('');\n } else {\n return key;\n }\n }\n\n render() {\n const { size, hotkey } = this;\n\n return (\n <div\n class={cs(\n 'bcm-ui-element bcm-ui-content-display',\n 'block h-fit w-fit rounded border border-solid px-1',\n 'border-color-default bg-color-default text-color-default',\n 'text-center font-medium capitalize',\n {\n 'text-size-2': size === 'small',\n 'text-size-3': size === 'medium',\n 'text-size-4': size === 'large',\n },\n )}\n >\n {this.getHotkey(hotkey)}\n </div>\n );\n }\n}\n","import { TextVariant, TextTag } from './text.types';\n\nexport const variantTagMap: Record<TextVariant, TextTag> = {\n display: 'h1',\n heading1: 'h2',\n heading2: 'h3',\n title1: 'h4',\n title2: 'h5',\n title3: 'h6',\n body: 'p',\n bodyAccent: 'p',\n helper: 'p',\n caption: 'p',\n label: 'label',\n placeholder: 'p',\n link: 'a',\n info: 'p',\n infoAccent: 'p',\n};\n",null,"import { Component, h, Prop } from '@stencil/core';\nimport cs from 'classnames';\nimport { TextVariant, TextSize } from './text.types';\nimport { variantTagMap } from './text.utils';\n\n@Component({\n tag: 'bcm-text',\n styleUrl: 'text.scss',\n shadow: true,\n})\nexport class BcmText {\n /** Text content */\n @Prop()\n text: string;\n\n /** Text variant */\n @Prop()\n variant: TextVariant = 'body';\n\n /** Text size */\n @Prop()\n size: TextSize = 'medium';\n\n /** Text overflow behavior */\n @Prop()\n overflow: boolean = false;\n\n private readonly variantClassMap = {\n display: 'font-semibold text-size-12 text-color-header',\n heading1: 'font-semibold text-size-7 text-color-header',\n heading2: 'font-semibold text-size-6 text-color-header',\n title1: {\n small: 'font-semibold text-size-5 text-color-header',\n medium: 'font-semibold text-size-6 text-color-header',\n large: 'font-semibold text-size-7 text-color-header',\n },\n title2: {\n small: 'font-semibold text-size-4 text-color-default',\n medium: 'font-semibold text-size-5 text-color-default',\n large: 'font-semibold text-size-6 text-color-default',\n },\n title3: {\n small: 'font-semibold text-size-3 text-color-disabled',\n medium: 'font-semibold text-size-4 text-color-disabled',\n large: 'font-semibold text-size-5 text-color-disabled',\n },\n body: {\n small: 'font-regular text-size-4 text-color-default',\n medium: 'font-regular text-size-5 text-color-default',\n large: 'font-regular text-size-6 text-color-default',\n },\n bodyAccent: {\n small: 'font-medium text-size-4 text-color-default',\n medium: 'font-medium text-size-5 text-color-default',\n large: 'font-medium text-size-6 text-color-default',\n },\n helper: {\n small: 'font-regular text-size-4 text-color-helper',\n medium: 'font-regular text-size-5 text-color-helper',\n large: 'font-regular text-size-6 text-color-helper',\n },\n caption: {\n small: 'font-regular text-size-3 text-color-caption',\n medium: 'font-regular text-size-4 text-color-caption',\n large: 'font-regular text-size-5 text-color-caption',\n },\n link: {\n small: 'font-medium text-size-4 underline text-color-primary',\n medium: 'font-medium text-size-5 underline text-color-primary',\n large: 'font-medium text-size-6 underline text-color-primary',\n },\n label: {\n small: 'font-medium text-size-3 text-color-label',\n medium: 'font-medium text-size-4 text-color-label',\n large: 'font-medium text-size-5 text-color-label',\n },\n placeholder: {\n small: 'font-regular text-size-4 text-color-placeholder',\n medium: 'font-regular text-size-5 text-color-placeholder',\n large: 'font-regular text-size-6 text-color-placeholder',\n },\n info: {\n small: 'font-regular text-size-3 text-color-default',\n medium: 'font-regular text-size-4 text-color-default',\n large: 'font-regular text-size-5 text-color-default',\n },\n infoAccent: {\n small: 'font-medium text-size-3 text-color-header',\n medium: 'font-medium text-size-4 text-color-header',\n large: 'font-medium text-size-5 text-color-header',\n },\n } as const;\n\n private getTextClass = (variant: TextVariant, size: TextSize): string => {\n const variantClasses = this.variantClassMap[variant];\n\n if (typeof variantClasses === 'string') {\n return variantClasses;\n }\n\n return variantClasses[size];\n };\n\n private getOverflowClass = (overflow: boolean): string => {\n return overflow ? 'truncate' : '';\n };\n\n render() {\n const Tag = variantTagMap[this.variant];\n const variantClass = this.getTextClass(this.variant, this.size);\n const overflowClass = this.getOverflowClass(this.overflow ?? false);\n\n return (\n <Tag class={cs('bcm-text appearance-none m-0 p-0', variantClass, overflowClass)} part=\"text\">\n <slot>{this.text}</slot>\n </Tag>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["textareaCss","BcmTextareaStyle0","BcmTextarea","constructor","hostRef","this","isFocused","isValid","internalStatus","value","rows","resize","autoGrow","_id","generateId","size","status","fullWidth","disabled","readonly","required","showCounter","onChange","event","bcmChange","emit","onFocus","bcmFocus","onBlur","bcmBlur","validateInput","onKeyDown","bcmKeyDown","onKeyUp","bcmKeyUp","styleClass","tv","slots","base","textareaClass","counterText","variants","small","medium","large","none","both","horizontal","vertical","default","error","success","warning","info","true","false","focused","defaultVariants","twMerge","handleValueChange","newValue","textareaRef","adjustHeight","watchStatus","watchErrorMessage","internalErrorMessage","componentWillLoad","setValidationMessages","defaultValidationMessages","errorMessage","componentDidLoad","_a","addEventListener","disconnectedCallback","removeEventListener","setFocus","focus","setBlur","blur","select","requestAnimationFrame","style","height","computedStyle","getComputedStyle","lineHeight","parseInt","paddingTop","paddingBottom","scrollHeight","newHeight","minRows","minHeight","Math","max","maxRows","maxHeight","min","validationMessage","getValidationMessage","minLength","length","maxLength","validator","customError","render","textareaId","name","h","key","class","label","classNames","htmlFor","ref","el","id","cols","placeholder","labelledby","describedby","onInput","target","bcmInput","captionText"],"sources":["src/components/textarea/textarea.scss?tag=bcm-textarea&encapsulation=shadow","src/components/textarea/textarea.component.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n.bcm-textarea {\n &__container {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n}\n\n// Tailwind'in resize sınıflarını override et\n.resize-none {\n resize: none !important;\n}\n\n.resize {\n resize: both !important;\n}\n\n.resize-y {\n resize: vertical !important;\n}\n\n.resize-x {\n resize: horizontal !important;\n}\n","import { Component, Prop, h, Event, EventEmitter, Method, State, Watch, Element } from '@stencil/core';\nimport { InputSize, InputStatus, TextareaResize } from './types';\nimport { tv } from 'tailwind-variants';\nimport classNames from 'classnames';\nimport { generateId } from '../../utils/id/generate-id';\n// import { checkSlotContent } from '../../utils/slot/check-slot-content';\nimport { getValidationMessage, setValidationMessages, defaultValidationMessages } from '../../utils/validation-messages';\n\n@Component({\n tag: 'bcm-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n})\nexport class BcmTextarea {\n @Element() el: HTMLElement;\n private textareaRef: HTMLTextAreaElement;\n\n @State() isFocused = false;\n @State() validationMessage: string;\n @State() isValid = true;\n @State() internalStatus: InputStatus = 'default';\n @State() internalErrorMessage: string;\n\n /** Textarea value */\n @Prop({ mutable: true, reflect: true })\n value: string = '';\n\n /** Textarea rows */\n @Prop()\n rows?: number = 3;\n\n /** Textarea cols */\n @Prop()\n cols?: number;\n\n /** Minimum height in rows */\n @Prop()\n minRows?: number;\n\n /** Maximum height in rows */\n @Prop()\n maxRows?: number;\n\n /** Resize behavior */\n @Prop()\n resize: TextareaResize = 'none';\n\n /** Auto grow height based on content */\n @Prop()\n autoGrow = false;\n\n /** Input placeholder text */\n @Prop()\n placeholder?: string;\n\n /** Input name */\n @Prop()\n name?: string;\n\n /** Input id */\n @Prop({ attribute: 'id', reflect: true })\n _id?: string = generateId('textarea');\n\n /** Controls the textarea size */\n @Prop()\n size: InputSize = 'medium';\n\n /** Defines the textarea's status/state */\n @Prop()\n status: InputStatus = 'default';\n\n /** Full width textarea */\n @Prop({ attribute: 'full-width', reflect: true })\n fullWidth = false;\n\n /** Whether the textarea is disabled */\n @Prop()\n disabled = false;\n\n /** Whether the textarea is readonly */\n @Prop()\n readonly = false;\n\n /** Whether the textarea is required */\n @Prop()\n required = false;\n\n /** Min length for text input */\n @Prop()\n minLength?: number;\n\n /** Max length for text input */\n @Prop()\n maxLength?: number;\n\n /** Show character counter */\n @Prop()\n showCounter: boolean = true;\n\n /** Textarea label for accessibility */\n @Prop()\n label?: string;\n\n /** Error message to display */\n @Prop()\n errorMessage?: string;\n\n /** Caption text to display below textarea */\n @Prop()\n captionText?: string;\n\n /** ID of associated label element */\n @Prop()\n labelledby?: string;\n\n /** ID of associated caption/error text element */\n @Prop()\n describedby?: string;\n\n /** Custom validation function */\n @Prop()\n validator?: (value: string) => string | undefined;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmInput: EventEmitter<InputEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmChange: EventEmitter<Event>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmFocus: EventEmitter<FocusEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmBlur: EventEmitter<FocusEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmKeyDown: EventEmitter<KeyboardEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmKeyUp: EventEmitter<KeyboardEvent>;\n\n @Watch('value')\n handleValueChange(newValue: string) {\n if (this.textareaRef) {\n this.textareaRef.value = newValue;\n if (this.autoGrow) {\n this.adjustHeight();\n }\n }\n }\n\n @Watch('status')\n watchStatus(newValue: InputStatus) {\n this.internalStatus = newValue;\n }\n\n @Watch('errorMessage')\n watchErrorMessage(newValue: string) {\n this.internalErrorMessage = newValue;\n }\n\n componentWillLoad() {\n setValidationMessages('en', defaultValidationMessages);\n this.internalStatus = this.status;\n this.internalErrorMessage = this.errorMessage;\n }\n\n componentDidLoad() {\n if (this.autoGrow) {\n this.adjustHeight();\n // Input event'ini dinle\n this.textareaRef?.addEventListener('input', () => this.adjustHeight());\n }\n }\n\n disconnectedCallback() {\n // Event listener'ı temizle\n if (this.autoGrow && this.textareaRef) {\n this.textareaRef.removeEventListener('input', () => this.adjustHeight());\n }\n }\n\n @Method()\n async setFocus() {\n this.textareaRef?.focus();\n }\n\n @Method()\n async setBlur() {\n this.textareaRef?.blur();\n }\n\n @Method()\n async select() {\n this.textareaRef?.select();\n }\n\n private adjustHeight() {\n if (!this.autoGrow || !this.textareaRef) return;\n\n requestAnimationFrame(() => {\n // Önce height'ı sıfırla ki scrollHeight doğru hesaplansın\n this.textareaRef.style.height = '0px';\n\n const computedStyle = getComputedStyle(this.textareaRef);\n const lineHeight = parseInt(computedStyle.lineHeight);\n const paddingTop = parseInt(computedStyle.paddingTop);\n const paddingBottom = parseInt(computedStyle.paddingBottom);\n const scrollHeight = this.textareaRef.scrollHeight;\n\n let newHeight = scrollHeight;\n\n // Min/max kontrolleri\n if (this.minRows) {\n const minHeight = this.minRows * lineHeight + paddingTop + paddingBottom;\n newHeight = Math.max(newHeight, minHeight);\n }\n\n if (this.maxRows) {\n const maxHeight = this.maxRows * lineHeight + paddingTop + paddingBottom;\n newHeight = Math.min(newHeight, maxHeight);\n }\n\n this.textareaRef.style.height = `${newHeight}px`;\n });\n }\n\n private validateInput(): void {\n if (!this.textareaRef) return;\n\n // Reset validation state\n this.isValid = true;\n this.validationMessage = '';\n\n const value = this.textareaRef.value;\n\n // Required check\n if (this.required && !value) {\n this.isValid = false;\n this.validationMessage = getValidationMessage('required');\n this.internalStatus = 'error';\n this.internalErrorMessage = this.validationMessage;\n return;\n }\n\n // Minimum length check\n if (this.minLength && value.length < this.minLength) {\n this.isValid = false;\n this.validationMessage = getValidationMessage('minlength', { min: this.minLength });\n }\n // Maximum length check\n else if (this.maxLength && value.length > this.maxLength) {\n this.isValid = false;\n this.validationMessage = getValidationMessage('maxlength', { max: this.maxLength });\n }\n\n // Custom validator\n if (this.validator) {\n const customError = this.validator(value);\n if (customError) {\n this.isValid = false;\n this.validationMessage = customError;\n }\n }\n\n // Update component state\n this.internalStatus = this.isValid ? 'default' : 'error';\n this.internalErrorMessage = this.validationMessage;\n }\n\n private onChange = (event: Event) => {\n this.bcmChange.emit(event);\n };\n\n private onFocus = (event: FocusEvent) => {\n this.isFocused = true;\n this.bcmFocus.emit(event);\n };\n\n private onBlur = (event: FocusEvent) => {\n this.isFocused = false;\n this.bcmBlur.emit(event);\n this.validateInput();\n };\n\n private onKeyDown = (event: KeyboardEvent) => {\n this.bcmKeyDown.emit(event);\n };\n\n private onKeyUp = (event: KeyboardEvent) => {\n this.bcmKeyUp.emit(event);\n };\n\n private styleClass = tv(\n {\n slots: {\n base: [\n 'bcm-textarea bcm-textarea__container',\n 'bg-[--bcm-ui-color-background-base-default]',\n 'border border-solid rounded',\n 'flex flex-col', // flex-col ekledik\n 'transition-colors duration-200',\n 'px-2 py-2',\n 'w-full', // w-full ekledik\n ],\n textareaClass: [\n 'textarea',\n 'w-full',\n 'border-0 outline-0 bg-transparent',\n 'appearance-none',\n 'text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal',\n 'font-sans antialiased font-medium',\n 'px-1',\n 'overflow-y-auto', // overflow-y-auto ekledik\n 'min-h-0', // min-h-0 ekledik\n ],\n counterText: ['textarea-counter-text', 'text-[--bcm-ui-color-text-placeholder]', 'text-right', 'mt-1'],\n },\n variants: {\n size: {\n small: {\n base: '',\n textareaClass: 'text-size-4 min-h-[3rem]',\n counterText: 'text-size-3',\n },\n medium: {\n base: '',\n textareaClass: 'text-size-5 min-h-[4rem]',\n counterText: 'text-size-4',\n },\n large: {\n base: '',\n textareaClass: 'text-size-6 min-h-[5rem]',\n counterText: 'text-size-5',\n },\n },\n resize: {\n none: { textareaClass: '!resize-none' },\n both: { textareaClass: '!resize' },\n horizontal: { textareaClass: '!resize-x' },\n vertical: { textareaClass: '!resize-y' },\n },\n status: {\n default: {\n base: ['border-[--bcm-ui-color-border-default]', 'hover:border-[--bcm-ui-color-border-primary]', 'has-[:focus]:border-[--bcm-ui-color-border-primary]'],\n },\n error: {\n base: ['border-[--bcm-ui-color-border-error]', 'hover:border-[--bcm-ui-color-border-error]', 'has-[:focus]:border-[--bcm-ui-color-border-error]'],\n },\n success: {\n base: ['border-[--bcm-ui-color-border-success]', 'hover:border-[--bcm-ui-color-border-success]', 'has-[:focus]:border-[--bcm-ui-color-border-success]'],\n },\n warning: {\n base: ['border-[--bcm-ui-color-border-warning]', 'hover:border-[--bcm-ui-color-border-warning]', 'has-[:focus]:border-[--bcm-ui-color-border-warning]'],\n },\n info: {\n base: ['border-[--bcm-ui-color-border-info]', 'hover:border-[--bcm-ui-color-border-info]', 'has-[:focus]:border-[--bcm-ui-color-border-info]'],\n },\n },\n fullWidth: {\n true: 'full-width w-full',\n },\n disabled: {\n true: {\n base: 'disabled cursor-not-allowed opacity-50',\n textareaClass: '!resize-none', // disabled durumunda resize'ı engelle\n },\n false: '',\n },\n focused: {\n true: {\n base: 'ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50',\n },\n false: '',\n },\n },\n defaultVariants: {\n size: 'medium',\n status: 'default',\n resize: 'vertical',\n fullWidth: false,\n disabled: false,\n focused: false,\n },\n },\n {\n twMerge: false,\n },\n );\n\n render() {\n const textareaId = this._id + '-textarea' || this.name;\n\n const { base, textareaClass, counterText } = this.styleClass({\n size: this.size,\n status: this.internalStatus,\n resize: this.resize,\n fullWidth: this.fullWidth,\n disabled: this.disabled,\n focused: this.isFocused,\n });\n\n return (\n <div class=\"bcm-ui-element\">\n {/* Label rendering */}\n {this.label && (\n <label\n class={classNames(\n 'textarea-label font-medium',\n {\n 'text-color-label': !this.disabled,\n 'text-color-disabled': this.disabled,\n },\n {\n 'text-size-3': this.size === 'small',\n 'text-size-4': this.size === 'medium',\n 'text-size-5': this.size === 'large',\n },\n )}\n htmlFor={textareaId}\n >\n <slot name=\"label\">{this.label}</slot>\n {this.required && <span>*</span>}\n </label>\n )}\n\n {/* Textarea container */}\n <div class={base()}>\n <textarea\n ref={el => (this.textareaRef = el)}\n id={textareaId}\n class={textareaClass()}\n name={this.name}\n rows={this.rows}\n cols={this.cols}\n disabled={this.disabled}\n readonly={this.readonly}\n required={this.required}\n placeholder={this.placeholder}\n minLength={this.minLength}\n maxLength={this.maxLength}\n aria-invalid={this.status === 'error'}\n aria-required={this.required}\n aria-labelledby={this.labelledby}\n aria-describedby={this.describedby}\n value={this.value}\n onInput={event => {\n const target = event.target as HTMLTextAreaElement;\n this.value = target.value;\n this.bcmInput.emit(event);\n this.validateInput();\n if (this.autoGrow) {\n this.adjustHeight();\n }\n }}\n onChange={this.onChange}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onKeyDown={this.onKeyDown}\n onKeyUp={this.onKeyUp}\n />\n {/* buraya isteğe bağlı olarak gözüken bir karakter sayacı ekleyeceğiz. bu sayaç sağa yaslı olacak şu formatta olacak 0/120 gibi 0 mevcut karakteri 120 ise limiti gösterecek */}\n {this.showCounter && (\n <div class={counterText()}>\n {this.value.length}\n {this.maxLength ? `/${this.maxLength}` : ''}\n </div>\n )}\n </div>\n\n {/* Validation/Caption message */}\n {(this.captionText || this.internalErrorMessage || this.validationMessage) && (\n <div\n class={classNames(\n 'textarea-caption-text font-regular mt-1',\n {\n 'text-[--bcm-ui-color-text-caption]': !this.disabled && this.internalStatus === 'default',\n 'text-[--bcm-ui-color-text-error]': !this.disabled && (this.internalStatus === 'error' || !this.isValid),\n 'text-[--bcm-ui-color-text-success]': !this.disabled && this.internalStatus === 'success',\n 'text-[--bcm-ui-color-text-warning]': !this.disabled && this.internalStatus === 'warning',\n 'text-[--bcm-ui-color-text-info]': !this.disabled && this.internalStatus === 'info',\n 'text-[--bcm-ui-color-text-disabled]': this.disabled,\n },\n {\n 'text-size-3': this.size === 'small',\n 'text-size-4': this.size === 'medium',\n 'text-size-5': this.size === 'large',\n },\n )}\n >\n {!this.isValid ? this.validationMessage : this.internalStatus === 'error' ? this.internalErrorMessage : this.captionText}\n </div>\n )}\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["popoverCss","BcmPopoverStyle0","Popover","constructor","hostRef","this","size","placement","trigger","hoverDelay","open","togglePopover","bcmPopoverOpen","emit","bcmPopoverClose","updatePosition","showPopover","clearTimeout","hoverTimeout","setTimeout","hidePopover","handleSlotChange","slot","el","shadowRoot","querySelector","elements","assignedElements","targetElement","removeEventListener","addEventListener","setAttribute","toString","popoverElement","cleanupAutoUpdate","autoUpdate","handleOutsideClick","event","contains","target","async","arrowElement","x","y","middlewareData","computePosition","middleware","offset","flip","fallbackPlacements","shift","padding","arrow","element","Object","assign","style","left","top","arrowX","arrowY","basePlacement","split","staticSide","right","bottom","popoverClass","tv","slots","box","header","content","variants","small","medium","large","isOpen","true","false","defaultVariants","connectedCallback","document","disconnectedCallback","_a","call","openPopup","closePopup","render","h","key","class","onSlotchange","part","role","ref","name","headerText","message"],"sources":["src/components/popover/popover.css?tag=bcm-popover&encapsulation=shadow","src/components/popover/popover.component.tsx"],"sourcesContent":[":host {\n display: inline-block;\n --popover-bg: var(--bcm-ui-color-background-base-default);\n}\n","import { arrow, computePosition, flip, offset, shift, autoUpdate } from '@floating-ui/dom';\nimport { Component, ComponentInterface, Element, Prop, Event, EventEmitter, h, Method } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\n\n/**\n * @component BcmPopover\n * @description A flexible popover component that displays contextual information or content relative to a target element.\n * Supports different sizes, trigger types (click or hover), placements (top, right, bottom, left), and can be controlled via slots or props.\n *\n * @example Basic Click Popover\n * <bcm-popover trigger=\"click\" size=\"medium\" placement=\"top\">\n * <bcm-button>Click Me</bcm-button>\n * <span slot=\"header\">Header</span>\n * <span slot=\"content\">This is a simple popover content.</span>\n * </bcm-popover>\n *\n * @example Hover Popover with Props\n * <bcm-popover trigger=\"hover\" hover-delay=\"200\" size=\"large\" placement=\"right\" header-text=\"Prop Header\" message=\"This is a hover popover with props.\">\n * <bcm-button>Hover Me</bcm-button>\n * </bcm-popover>\n *\n * @example Programmatic Control\n * <bcm-popover id=\"my-popover\" trigger=\"click\">\n * <bcm-button>Toggle Me</bcm-button>\n * <span slot=\"content\">Controlled popover</span>\n * </bcm-popover>\n * <script>\n * const popover = document.querySelector('#my-popover');\n * popover.openPopup(); // Opens the popover\n * popover.closePopup(); // Closes the popover\n * </script>\n *\n * @slot - Default slot for the target element that triggers the popover\n * @slot header - Slot for custom header content\n * @slot content - Slot for custom popover content\n *\n * @csspart popover - The root popover container element, stylable for the entire popover\n * @csspart header - The header section of the popover, stylable for the title area\n * @csspart content - The content section of the popover, stylable for the main content area\n * @csspart arrow - The arrow element of the popover, stylable for the positioning arrow\n */\n\n@Component({\n tag: 'bcm-popover',\n styleUrl: 'popover.css',\n shadow: true,\n})\nexport class Popover implements ComponentInterface {\n @Element() el: HTMLElement;\n private targetElement: HTMLElement;\n private popoverElement: HTMLElement;\n private arrowElement: HTMLElement;\n private hoverTimeout: any;\n private cleanupAutoUpdate: () => void;\n /**\n * @prop {('small' | 'medium' | 'large')} size - Defines the size of the popover.\n * Controls the text size and padding of the popover content.\n * Default: 'medium'\n */\n @Prop()\n size: 'small' | 'medium' | 'large' = 'medium';\n /**\n * @prop {('top' | 'right' | 'bottom' | 'left')} placement - Defines the position of the popover relative to the target element.\n * Determines where the popover appears around the trigger element.\n * Default: 'top'\n */\n @Prop()\n placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n /**\n * @prop {('click' | 'hover')} trigger - Defines the interaction type to show/hide the popover.\n * 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave.\n * Default: 'click'\n */\n @Prop()\n trigger: 'click' | 'hover' = 'click';\n /**\n * @prop {number} hoverDelay - Delay in milliseconds before showing or hiding the popover when trigger is 'hover'.\n * Adds a delay to prevent flickering on quick mouse movements.\n * Default: 150\n */\n @Prop()\n hoverDelay: number = 150;\n /**\n * @prop {boolean} open - Indicates whether the popover is currently open.\n * Can be set programmatically or toggled by user interaction. Mutable.\n * Default: false\n */\n @Prop({ mutable: true })\n open: boolean = false;\n /**\n * @prop {string} headerText - Custom text for the popover header.\n * Used as fallback content if the 'header' slot is not provided.\n */\n @Prop()\n headerText: string;\n /**\n * @prop {string} message - Custom text for the popover content.\n * Used as fallback content if the 'content' slot is not provided.\n */\n @Prop()\n message: string;\n /**\n * @event {EventEmitter<void>} bcmPopoverOpen - Emitted when the popover is opened.\n * Useful for tracking when the popover becomes visible.\n */\n @Event({ composed: false, bubbles: false, cancelable: true })\n bcmPopoverOpen: EventEmitter<void>;\n\n /**\n * @event {EventEmitter<void>} bcmPopoverClose - Emitted when the popover is closed.\n * Useful for tracking when the popover is hidden.\n */\n @Event({ composed: false, bubbles: false, cancelable: true })\n bcmPopoverClose: EventEmitter<void>;\n\n connectedCallback() {\n document.addEventListener('click', this.handleOutsideClick);\n }\n\n disconnectedCallback() {\n document.removeEventListener('click', this.handleOutsideClick);\n if (this.targetElement) {\n this.targetElement.removeEventListener('click', this.togglePopover);\n this.targetElement.removeEventListener('mouseenter', this.showPopover);\n this.targetElement.removeEventListener('mouseleave', this.hidePopover);\n }\n this.cleanupAutoUpdate?.();\n this.cleanupAutoUpdate = null;\n clearTimeout(this.hoverTimeout);\n }\n\n private togglePopover = () => {\n this.open = !this.open;\n if (this.open) {\n this.bcmPopoverOpen.emit();\n } else {\n this.bcmPopoverClose.emit();\n }\n this.updatePosition();\n };\n\n private showPopover = () => {\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = setTimeout(() => {\n this.open = true;\n this.bcmPopoverOpen.emit();\n this.updatePosition();\n }, this.hoverDelay);\n };\n\n private hidePopover = () => {\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = setTimeout(() => {\n this.open = false;\n this.bcmPopoverClose.emit();\n }, this.hoverDelay);\n };\n\n /**\n * @method {Promise<void>} openPopup - Programmatically opens the popover.\n * Triggers the showPopover logic to display the popover with the specified hover delay (if applicable).\n * @returns {Promise<void>} A promise that resolves when the popover is opened.\n */\n @Method()\n async openPopup() {\n this.showPopover();\n }\n\n /**\n * @method {Promise<void>} closePopup - Programmatically closes the popover.\n * Triggers the hidePopover logic to hide the popover with the specified hover delay (if applicable).\n * @returns {Promise<void>} A promise that resolves when the popover is closed.\n */\n @Method()\n async closePopup() {\n this.hidePopover();\n }\n\n private handleSlotChange = () => {\n const slot = this.el.shadowRoot.querySelector('slot');\n const elements = slot.assignedElements();\n this.targetElement = elements[0] as HTMLElement;\n\n if (this.targetElement) {\n this.targetElement.removeEventListener('click', this.togglePopover);\n this.targetElement.removeEventListener('mouseenter', this.showPopover);\n this.targetElement.removeEventListener('mouseleave', this.hidePopover);\n\n if (this.trigger === 'click') {\n this.targetElement.addEventListener('click', this.togglePopover);\n this.targetElement.setAttribute('aria-expanded', this.open.toString());\n }\n\n if (this.trigger === 'hover') {\n this.targetElement.addEventListener('mouseenter', this.showPopover);\n this.targetElement.addEventListener('mouseleave', this.hidePopover);\n }\n\n if (this.popoverElement && !this.cleanupAutoUpdate) {\n this.cleanupAutoUpdate = autoUpdate(this.targetElement, this.popoverElement, () => this.updatePosition());\n }\n }\n };\n\n private handleOutsideClick = (event: Event) => {\n if (!this.el.contains(event.target as Node) && this.open) {\n this.open = false;\n }\n };\n\n private updatePosition = async () => {\n if (!this.targetElement || !this.popoverElement || !this.arrowElement) return;\n\n const { x, y, placement, middlewareData } = await computePosition(this.targetElement, this.popoverElement, {\n placement: this.placement,\n middleware: [offset(12), flip({ fallbackPlacements: ['top', 'left', 'bottom', 'right'] }), shift({ padding: 8 }), arrow({ element: this.arrowElement })],\n });\n\n Object.assign(this.popoverElement.style, {\n left: `${x}px`,\n top: `${y}px`,\n });\n\n const { x: arrowX, y: arrowY } = middlewareData.arrow || { x: 0, y: 0 };\n const basePlacement = placement.split('-')[0] as 'top' | 'right' | 'bottom' | 'left';\n const staticSide = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[basePlacement];\n\n Object.assign(this.arrowElement.style, {\n left: arrowX != null ? `${arrowX}px` : '',\n top: arrowY != null ? `${arrowY}px` : '',\n [staticSide]: '-4px',\n });\n };\n\n private popoverClass = tv({\n slots: {\n box: 'bcm-ui-element bcm-popover absolute flex flex-col bg-[--popover-bg] rounded-md shadow-3 p-3 gap-1.5 min-w-max z-[9999]',\n header: 'font-semibold text-color',\n content: 'font-normal text-color',\n arrow: 'absolute w-4 h-4 bg-[--popover-bg] transform rotate-45',\n },\n variants: {\n size: {\n small: { box: 'text-size-3' },\n medium: { box: 'text-size-4' },\n large: { box: 'text-size-5' },\n },\n isOpen: {\n true: { box: 'flex' },\n false: { box: 'hidden' },\n },\n },\n defaultVariants: {\n size: 'medium',\n isOpen: false,\n },\n });\n\n render() {\n const { box, header, content, arrow } = this.popoverClass({\n isOpen: this.open,\n size: this.size,\n });\n\n return (\n <div class=\"relative\">\n <slot onSlotchange={() => this.handleSlotChange()}></slot>\n <div part=\"popover\" class={box()} role=\"dialog\" aria-hidden={!this.open ? 'true' : 'false'} ref={el => (this.popoverElement = el)}>\n <div class={arrow()} ref={el => (this.arrowElement = el)} part=\"arrow\"></div>\n <div class={header()} part=\"header\">\n <slot name=\"header\">{this.headerText}</slot>\n </div>\n <div class={content()} part=\"content\">\n <slot name=\"content\">{this.message}</slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}