@actabldesign/bellhop-core 0.3.0 → 0.3.1

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 (748) hide show
  1. package/components/bh-accordion-item.js +1 -1
  2. package/components/bh-activity-feed.js +1 -1
  3. package/components/bh-alert.js +1 -1
  4. package/components/bh-appbar.js +1 -1
  5. package/components/bh-avatar-add.js +1 -1
  6. package/components/bh-avatar-stacked.js +1 -1
  7. package/components/bh-avatar.js +1 -1
  8. package/components/bh-badge-dot.js +1 -1
  9. package/components/bh-badge.js +1 -1
  10. package/components/bh-banner.js +1 -1
  11. package/components/bh-bar-chart.js +1 -1
  12. package/components/bh-breadcrumbs.js +1 -1
  13. package/components/bh-button-icon.js +1 -1
  14. package/components/bh-button.js +1 -1
  15. package/components/bh-card-content.js +1 -1
  16. package/components/bh-card-footer.js +1 -1
  17. package/components/bh-card-header.js +1 -1
  18. package/components/bh-card.js +1 -1
  19. package/components/bh-chart-tooltip.js +1 -1
  20. package/components/bh-chat-message.js +1 -1
  21. package/components/bh-chat-reaction.js +1 -1
  22. package/components/bh-checkbox.js +1 -1
  23. package/components/bh-checklist-task-group.js +1 -1
  24. package/components/bh-close-button.js +1 -1
  25. package/components/bh-command-bar.d.ts +11 -0
  26. package/components/bh-command-bar.js +1 -0
  27. package/components/bh-container-footer.js +1 -1
  28. package/components/bh-container.js +1 -1
  29. package/components/bh-credit-card.js +1 -1
  30. package/components/bh-data-grid-body.js +1 -1
  31. package/components/bh-data-grid-change-preview.js +1 -1
  32. package/components/bh-data-grid-filter-builder.js +1 -1
  33. package/components/bh-data-grid-footer.js +1 -1
  34. package/components/bh-data-grid-header.js +1 -1
  35. package/components/bh-data-grid-toolbar.js +1 -1
  36. package/components/bh-data-grid.js +2 -2
  37. package/components/bh-date-picker-content.js +1 -1
  38. package/components/bh-date-picker.js +1 -1
  39. package/components/bh-date-range-picker-content.js +1 -1
  40. package/components/bh-date-range-picker.js +1 -1
  41. package/components/bh-divider.js +1 -1
  42. package/components/bh-dropdown-menu.js +1 -1
  43. package/components/bh-dropdown.js +1 -1
  44. package/components/bh-emoji-picker.js +1 -1
  45. package/components/bh-empty-state.js +1 -1
  46. package/components/bh-fab.js +1 -1
  47. package/components/bh-featured-icon.js +1 -1
  48. package/components/bh-feed-item.js +1 -1
  49. package/components/bh-gauge-chart.js +1 -1
  50. package/components/bh-guided-checklist.js +1 -1
  51. package/components/bh-html-editor-bubble-menu.js +1 -1
  52. package/components/bh-html-editor-toolbar.js +1 -1
  53. package/components/bh-html-editor.js +1 -1
  54. package/components/bh-illustrations.js +1 -1
  55. package/components/bh-inline-cta.js +1 -1
  56. package/components/bh-input-autocomplete.js +1 -1
  57. package/components/bh-input-number.js +1 -1
  58. package/components/bh-input-password.js +1 -1
  59. package/components/bh-input-text.js +1 -1
  60. package/components/bh-input-verification.js +1 -1
  61. package/components/bh-kbd.d.ts +11 -0
  62. package/components/bh-kbd.js +1 -0
  63. package/components/bh-label.js +1 -1
  64. package/components/bh-line-chart.js +1 -1
  65. package/components/bh-logo-box.js +1 -1
  66. package/components/bh-menu-item.js +1 -1
  67. package/components/bh-menu.js +1 -1
  68. package/components/bh-modal-actions.js +1 -1
  69. package/components/bh-modal-header.js +1 -1
  70. package/components/bh-month-picker-content.js +1 -1
  71. package/components/bh-month-picker.js +1 -1
  72. package/components/bh-multi-select.js +1 -1
  73. package/components/bh-nav-item.js +1 -1
  74. package/components/bh-notification-center.d.ts +11 -0
  75. package/components/bh-notification-center.js +1 -0
  76. package/components/bh-page-header.js +1 -1
  77. package/components/bh-page-navigation-child.js +1 -1
  78. package/components/bh-page-navigation-multi-level.js +1 -1
  79. package/components/bh-page-navigation-single-level.js +1 -1
  80. package/components/bh-page-navigation.js +1 -1
  81. package/components/bh-pagination.js +1 -1
  82. package/components/bh-picker-menu.js +1 -1
  83. package/components/bh-pie-chart.js +1 -1
  84. package/components/bh-pivot-grid-field-chooser.js +1 -1
  85. package/components/bh-pivot-grid.js +1 -1
  86. package/components/bh-progress-bar.js +1 -1
  87. package/components/bh-progress-ring.js +1 -1
  88. package/components/bh-property-switcher.js +1 -1
  89. package/components/bh-radar-chart.js +1 -1
  90. package/components/bh-radio-button.js +1 -1
  91. package/components/bh-radio-group.js +1 -1
  92. package/components/bh-range-slider.js +1 -1
  93. package/components/bh-section-footer.js +1 -1
  94. package/components/bh-section-header.js +1 -1
  95. package/components/bh-select.js +1 -1
  96. package/components/bh-selection-group-item.js +1 -1
  97. package/components/bh-selection-group.js +1 -1
  98. package/components/bh-side-panel-footer.js +1 -1
  99. package/components/bh-side-panel-header.js +1 -1
  100. package/components/bh-sidebar.js +1 -1
  101. package/components/bh-skeleton-loader.js +1 -1
  102. package/components/bh-stepper.js +1 -1
  103. package/components/bh-tab-item.js +1 -1
  104. package/components/bh-table-header.js +1 -1
  105. package/components/bh-tabs.js +1 -1
  106. package/components/bh-tag-group.js +1 -1
  107. package/components/bh-tag-input.js +1 -1
  108. package/components/bh-tag.js +1 -1
  109. package/components/bh-textarea.js +1 -1
  110. package/components/bh-toast-container.js +1 -1
  111. package/components/bh-toast.js +1 -1
  112. package/components/bh-toggle.js +1 -1
  113. package/components/bh-tooltip.js +1 -1
  114. package/components/bh-trend-chart.js +1 -1
  115. package/components/index.d.ts +6 -0
  116. package/components/index.js +1 -1
  117. package/components/{p-BVwh7Zds.js → p-2SnKTVal.js} +1 -1
  118. package/components/{p-DpyQ9_VL.js → p-6tew_a-x.js} +1 -1
  119. package/components/{p-BUoq_1rz.js → p-B7La6Iwp.js} +1 -1
  120. package/components/p-B8HxD-vO.js +1 -0
  121. package/components/{p-CdwBDbHF.js → p-B9--bog4.js} +1 -1
  122. package/components/{p-D_0aDuRr.js → p-BF5hfv7s.js} +1 -1
  123. package/components/{p-oaisznHL.js → p-BI2Y2Le4.js} +1 -1
  124. package/components/p-Be6mIKzo.js +1 -0
  125. package/components/p-Bh0oD_Yf.js +1 -0
  126. package/components/{p-nMu0IHKp.js → p-BniMhcxp.js} +1 -1
  127. package/components/{p-CZRjavNE.js → p-Br9M2BbM.js} +1 -1
  128. package/components/{p-QCa_P3zY.js → p-BwxcuFPS.js} +1 -1
  129. package/components/{p-Dq8Cpk56.js → p-BzHDM9Tg.js} +1 -1
  130. package/components/{p-D-D80sUk.js → p-C4rAmars.js} +1 -1
  131. package/components/{p-B2KPN863.js → p-C7fkgBQS.js} +1 -1
  132. package/components/{p-cD3vmu49.js → p-CClVva-u.js} +1 -1
  133. package/components/p-CJUnjRCe.js +1 -0
  134. package/components/{p--a7Uv1ky.js → p-CK_Py1Yi.js} +1 -1
  135. package/components/{p-DjJP-dIm.js → p-CWdw6bHR.js} +1 -1
  136. package/components/{p-XYHjFWDD.js → p-CZ_H3nat.js} +1 -1
  137. package/components/{p-CtaODgcw.js → p-C_nrq7_Y.js} +1 -1
  138. package/components/{p-BFL2Pm_E.js → p-CssmbrSc.js} +1 -1
  139. package/components/p-CvsupUaF.js +1 -0
  140. package/components/{p-DBAPExTG.js → p-CvwyG_Kj.js} +1 -1
  141. package/components/{p-Bf_iTZDv.js → p-D6aw0IK6.js} +1 -1
  142. package/components/{p-CzvaS9up.js → p-DBl9mNfN.js} +1 -1
  143. package/components/{p-DWoyQVnq.js → p-DG90uKhz.js} +1 -1
  144. package/components/{p-CWY9YV_9.js → p-DGWzDn9Y.js} +1 -1
  145. package/components/p-DJlRFgcj.js +1 -0
  146. package/components/p-DKWhUGrV.js +1 -0
  147. package/components/{p-CC_DXFwx.js → p-DSDbfC31.js} +1 -1
  148. package/components/{p-1SkDR91n.js → p-DUm7JrA0.js} +1 -1
  149. package/components/{p-C6UC_xxP.js → p-DblmzWu8.js} +1 -1
  150. package/components/{p-BHeNnP2q.js → p-DfCONXO0.js} +1 -1
  151. package/components/p-DhgfM7Wy.js +1 -0
  152. package/components/{p-Xa6gUVGr.js → p-DjUfsCJJ.js} +1 -1
  153. package/components/{p-CVSRqFZ0.js → p-DjpXtbw8.js} +1 -1
  154. package/components/{p-GjWzFf-V.js → p-Dzlsnb7d.js} +1 -1
  155. package/components/{p-Be20AcNb.js → p-S-miu3h6.js} +1 -1
  156. package/components/{p-DIMoIy0w.js → p-W2SGLZN7.js} +1 -1
  157. package/components/{p-arW9uaFJ.js → p-hhv9O2Qq.js} +1 -1
  158. package/components/{p-BwwSI2Fv.js → p-jNp3nckG.js} +1 -1
  159. package/dist/bellhop-core/bellhop-core.esm.js +1 -1
  160. package/dist/bellhop-core/p-009efb12.entry.js +1 -0
  161. package/dist/bellhop-core/p-01b505e3.entry.js +1 -0
  162. package/dist/bellhop-core/p-02945f90.entry.js +1 -0
  163. package/dist/bellhop-core/p-04d2ec72.entry.js +1 -0
  164. package/dist/bellhop-core/p-05867224.entry.js +1 -0
  165. package/dist/bellhop-core/p-05a53d3b.entry.js +1 -0
  166. package/dist/bellhop-core/p-0692ab72.entry.js +1 -0
  167. package/dist/bellhop-core/p-06f9b713.entry.js +1 -0
  168. package/dist/bellhop-core/p-08b8ba36.entry.js +1 -0
  169. package/dist/bellhop-core/p-0953e008.entry.js +1 -0
  170. package/dist/bellhop-core/p-0976eb7a.entry.js +1 -0
  171. package/dist/bellhop-core/p-097d70d9.entry.js +1 -0
  172. package/dist/bellhop-core/p-0a316bb6.entry.js +1 -0
  173. package/dist/bellhop-core/p-108ca612.entry.js +1 -0
  174. package/dist/bellhop-core/p-12d3c4e9.entry.js +1 -0
  175. package/dist/bellhop-core/p-13f15f41.entry.js +1 -0
  176. package/dist/bellhop-core/p-15bb1050.entry.js +1 -0
  177. package/dist/bellhop-core/p-16e01b81.entry.js +1 -0
  178. package/dist/bellhop-core/p-188980bd.entry.js +1 -0
  179. package/dist/bellhop-core/p-1fba0985.entry.js +1 -0
  180. package/dist/bellhop-core/p-24e5c52b.entry.js +1 -0
  181. package/dist/bellhop-core/p-29729109.entry.js +1 -0
  182. package/dist/bellhop-core/p-2b93b512.entry.js +1 -0
  183. package/dist/bellhop-core/{p-213a104c.entry.js → p-2bcd94d0.entry.js} +1 -1
  184. package/dist/bellhop-core/p-2bdb9784.entry.js +1 -0
  185. package/dist/bellhop-core/p-2ee44b97.entry.js +1 -0
  186. package/dist/bellhop-core/p-3348400a.entry.js +1 -0
  187. package/dist/bellhop-core/p-38873b75.entry.js +1 -0
  188. package/dist/bellhop-core/p-399be504.entry.js +1 -0
  189. package/dist/bellhop-core/p-3d67e55f.entry.js +1 -0
  190. package/dist/bellhop-core/p-3dcf8812.entry.js +1 -0
  191. package/dist/bellhop-core/p-42f26142.entry.js +1 -0
  192. package/dist/bellhop-core/p-43d94b51.entry.js +1 -0
  193. package/dist/bellhop-core/p-4c65d80a.entry.js +1 -0
  194. package/dist/bellhop-core/p-4e4b59cc.entry.js +1 -0
  195. package/dist/bellhop-core/p-50c00ac6.entry.js +1 -0
  196. package/dist/bellhop-core/p-52d0c0ac.entry.js +1 -0
  197. package/dist/bellhop-core/p-53ddab62.entry.js +1 -0
  198. package/dist/bellhop-core/p-558c1c9f.entry.js +1 -0
  199. package/dist/bellhop-core/{p-fb8e0e6c.entry.js → p-59feba80.entry.js} +1 -1
  200. package/dist/bellhop-core/{p-165b45f3.entry.js → p-5a49ebee.entry.js} +1 -1
  201. package/dist/bellhop-core/p-5f5648e6.entry.js +1 -0
  202. package/dist/bellhop-core/p-614f84ff.entry.js +1 -0
  203. package/dist/bellhop-core/p-6517c63b.entry.js +1 -0
  204. package/dist/bellhop-core/{p-c86b7e41.entry.js → p-654de2b6.entry.js} +1 -1
  205. package/dist/bellhop-core/p-65e10ead.entry.js +1 -0
  206. package/dist/bellhop-core/p-68c5a0bd.entry.js +1 -0
  207. package/dist/bellhop-core/p-68cf8430.entry.js +1 -0
  208. package/dist/bellhop-core/p-6ad1ed53.entry.js +1 -0
  209. package/dist/bellhop-core/p-6df539be.entry.js +1 -0
  210. package/dist/bellhop-core/p-6e1c1c27.entry.js +1 -0
  211. package/dist/bellhop-core/p-710e4da7.entry.js +1 -0
  212. package/dist/bellhop-core/p-7841fbc2.entry.js +1 -0
  213. package/dist/bellhop-core/p-7bceb793.entry.js +1 -0
  214. package/dist/bellhop-core/p-7bd58fae.entry.js +1 -0
  215. package/dist/bellhop-core/p-7c0d23d4.entry.js +1 -0
  216. package/dist/bellhop-core/p-7e226f98.entry.js +1 -0
  217. package/dist/bellhop-core/{p-4a96c207.entry.js → p-815fb83e.entry.js} +1 -1
  218. package/dist/bellhop-core/p-832bf58d.entry.js +1 -0
  219. package/dist/bellhop-core/p-8370a956.entry.js +1 -0
  220. package/dist/bellhop-core/{p-b992fd96.entry.js → p-858017eb.entry.js} +1 -1
  221. package/dist/bellhop-core/p-87c827d7.entry.js +1 -0
  222. package/dist/bellhop-core/p-8a38724f.entry.js +1 -0
  223. package/dist/bellhop-core/p-8aa87a99.entry.js +1 -0
  224. package/dist/bellhop-core/p-8ad4d720.entry.js +1 -0
  225. package/dist/bellhop-core/p-8d319614.entry.js +1 -0
  226. package/dist/bellhop-core/p-963e6ad9.entry.js +1 -0
  227. package/dist/bellhop-core/p-97bed0b0.entry.js +1 -0
  228. package/dist/bellhop-core/{p-df4c2032.entry.js → p-9b2d67db.entry.js} +2 -2
  229. package/dist/bellhop-core/p-9b935b1a.entry.js +1 -0
  230. package/dist/bellhop-core/p-9cf187af.entry.js +1 -0
  231. package/dist/bellhop-core/p-9e0b9dec.entry.js +1 -0
  232. package/dist/bellhop-core/p-CBTS9Vhx.js +1 -0
  233. package/dist/bellhop-core/{p-Dn-MvAk9.js → p-CKTtXT2O.js} +1 -1
  234. package/dist/bellhop-core/p-CMKOFHIa.js +1 -0
  235. package/dist/bellhop-core/p-Xi3uD33F.js +1 -0
  236. package/dist/bellhop-core/p-a57034cf.entry.js +1 -0
  237. package/dist/bellhop-core/p-a925a3d8.entry.js +1 -0
  238. package/dist/bellhop-core/p-abf0f15d.entry.js +1 -0
  239. package/dist/bellhop-core/p-b212b4c1.entry.js +1 -0
  240. package/dist/bellhop-core/p-b2380f56.entry.js +1 -0
  241. package/dist/bellhop-core/p-b333c85f.entry.js +1 -0
  242. package/dist/bellhop-core/p-b9d363b0.entry.js +1 -0
  243. package/dist/bellhop-core/p-b9d86b80.entry.js +1 -0
  244. package/dist/bellhop-core/p-baa76b6d.entry.js +1 -0
  245. package/dist/bellhop-core/p-bb11a7df.entry.js +1 -0
  246. package/dist/bellhop-core/p-bcc53e7e.entry.js +1 -0
  247. package/dist/bellhop-core/p-c0513194.entry.js +1 -0
  248. package/dist/bellhop-core/p-c1eed46c.entry.js +1 -0
  249. package/dist/bellhop-core/p-c2440a5a.entry.js +1 -0
  250. package/dist/bellhop-core/p-c338d5ed.entry.js +1 -0
  251. package/dist/bellhop-core/p-c4cd8445.entry.js +1 -0
  252. package/dist/bellhop-core/p-cd404c53.entry.js +1 -0
  253. package/dist/bellhop-core/p-d2fdf27a.entry.js +1 -0
  254. package/dist/bellhop-core/p-d89a2316.entry.js +1 -0
  255. package/dist/bellhop-core/p-d9903fd1.entry.js +1 -0
  256. package/dist/bellhop-core/p-df86ac00.entry.js +1 -0
  257. package/dist/bellhop-core/p-dfc61397.entry.js +1 -0
  258. package/dist/bellhop-core/p-e02bdcfb.entry.js +1 -0
  259. package/dist/bellhop-core/p-e6ad9a10.entry.js +1 -0
  260. package/dist/bellhop-core/p-e86b4fbf.entry.js +1 -0
  261. package/dist/bellhop-core/p-eed85b08.entry.js +1 -0
  262. package/dist/bellhop-core/p-f0a47a26.entry.js +1 -0
  263. package/dist/bellhop-core/p-f46e818f.entry.js +1 -0
  264. package/dist/bellhop-core/p-f6c8568f.entry.js +1 -0
  265. package/dist/bellhop-core/p-f784164a.entry.js +1 -0
  266. package/dist/bellhop-core/p-f8d47699.entry.js +1 -0
  267. package/dist/bellhop-core/{p-1323f446.entry.js → p-f8dce3b6.entry.js} +1 -1
  268. package/dist/bellhop-core/p-f9962334.entry.js +1 -0
  269. package/dist/bellhop-core/p-fb897d66.entry.js +1 -0
  270. package/dist/cjs/bellhop-core.cjs.js +1 -1
  271. package/dist/cjs/bh-accordion-item.cjs.entry.js +4 -3
  272. package/dist/cjs/bh-accordion.cjs.entry.js +3 -2
  273. package/dist/cjs/bh-activity-feed_2.cjs.entry.js +174 -0
  274. package/dist/cjs/bh-alert.cjs.entry.js +4 -3
  275. package/dist/cjs/bh-appbar.cjs.entry.js +57 -11
  276. package/dist/cjs/bh-autocomplete-menu.cjs.entry.js +3 -2
  277. package/dist/cjs/bh-avatar-add.cjs.entry.js +4 -3
  278. package/dist/cjs/bh-avatar-stacked.cjs.entry.js +4 -3
  279. package/dist/cjs/bh-avatar.cjs.entry.js +6 -5
  280. package/dist/cjs/bh-badge-dot_2.cjs.entry.js +8 -7
  281. package/dist/cjs/bh-badge.cjs.entry.js +6 -5
  282. package/dist/cjs/bh-banner.cjs.entry.js +5 -4
  283. package/dist/cjs/bh-bar-chart.cjs.entry.js +5 -4
  284. package/dist/cjs/bh-breadcrumbs.cjs.entry.js +16 -5
  285. package/dist/cjs/bh-button-icon_2.cjs.entry.js +5 -4
  286. package/dist/cjs/bh-button.cjs.entry.js +5 -4
  287. package/dist/cjs/bh-card-content.cjs.entry.js +4 -3
  288. package/dist/cjs/bh-card-footer.cjs.entry.js +4 -3
  289. package/dist/cjs/bh-card-header.cjs.entry.js +4 -3
  290. package/dist/cjs/bh-card.cjs.entry.js +4 -3
  291. package/dist/cjs/bh-chart-tooltip.cjs.entry.js +5 -4
  292. package/dist/cjs/bh-chat-message.cjs.entry.js +5 -4
  293. package/dist/cjs/bh-chat-reaction.cjs.entry.js +5 -4
  294. package/dist/cjs/bh-checkbox.cjs.entry.js +3 -2
  295. package/dist/cjs/bh-checklist-task-group_3.cjs.entry.js +6 -5
  296. package/dist/cjs/bh-close-button.cjs.entry.js +1 -1
  297. package/dist/cjs/bh-command-bar.cjs.entry.js +309 -0
  298. package/dist/cjs/bh-container-footer.cjs.entry.js +4 -3
  299. package/dist/cjs/bh-container.cjs.entry.js +4 -3
  300. package/dist/cjs/bh-credit-card.cjs.entry.js +4 -3
  301. package/dist/cjs/bh-data-grid-body.cjs.entry.js +3 -2
  302. package/dist/cjs/bh-data-grid-change-preview.cjs.entry.js +3 -2
  303. package/dist/cjs/bh-data-grid-filter-builder.cjs.entry.js +3 -2
  304. package/dist/cjs/bh-data-grid-footer.cjs.entry.js +4 -3
  305. package/dist/cjs/bh-data-grid-header.cjs.entry.js +3 -2
  306. package/dist/cjs/bh-data-grid-toolbar.cjs.entry.js +4 -3
  307. package/dist/cjs/bh-data-grid.cjs.entry.js +4 -3
  308. package/dist/cjs/bh-date-picker-content.cjs.entry.js +6 -5
  309. package/dist/cjs/bh-date-picker.cjs.entry.js +6 -5
  310. package/dist/cjs/bh-date-range-picker-content.cjs.entry.js +5 -4
  311. package/dist/cjs/bh-date-range-picker.cjs.entry.js +7 -6
  312. package/dist/cjs/bh-divider.cjs.entry.js +4 -3
  313. package/dist/cjs/bh-dropdown-menu.cjs.entry.js +1 -1
  314. package/dist/cjs/bh-dropdown.cjs.entry.js +13 -4
  315. package/dist/cjs/bh-emoji-picker.cjs.entry.js +1 -1
  316. package/dist/cjs/bh-empty-state_2.cjs.entry.js +6 -5
  317. package/dist/cjs/bh-featured-icon.cjs.entry.js +4 -3
  318. package/dist/cjs/bh-gauge-chart.cjs.entry.js +5 -4
  319. package/dist/cjs/bh-guided-checklist.cjs.entry.js +5 -4
  320. package/dist/cjs/bh-html-editor-bubble-menu_2.cjs.entry.js +8 -7
  321. package/dist/cjs/bh-html-editor.cjs.entry.js +5 -4
  322. package/dist/cjs/bh-illustrations.cjs.entry.js +4 -3
  323. package/dist/cjs/bh-inline-cta.cjs.entry.js +5 -4
  324. package/dist/cjs/bh-input-autocomplete.cjs.entry.js +7 -6
  325. package/dist/cjs/bh-input-number.cjs.entry.js +5 -4
  326. package/dist/cjs/bh-input-password.cjs.entry.js +6 -5
  327. package/dist/cjs/bh-input-text.cjs.entry.js +5 -4
  328. package/dist/cjs/bh-input-verification.cjs.entry.js +4 -3
  329. package/dist/cjs/bh-kbd.cjs.entry.js +34 -0
  330. package/dist/cjs/bh-label_2.cjs.entry.js +5 -4
  331. package/dist/cjs/bh-line-chart.cjs.entry.js +5 -4
  332. package/dist/cjs/bh-logo-box_2.cjs.entry.js +8 -7
  333. package/dist/cjs/bh-menu_2.cjs.entry.js +4 -3
  334. package/dist/cjs/bh-modal-actions.cjs.entry.js +4 -3
  335. package/dist/cjs/bh-modal-header.cjs.entry.js +7 -6
  336. package/dist/cjs/bh-modal.cjs.entry.js +4 -3
  337. package/dist/cjs/bh-month-picker-content.cjs.entry.js +4 -3
  338. package/dist/cjs/bh-month-picker.cjs.entry.js +6 -5
  339. package/dist/cjs/bh-multi-select.cjs.entry.js +8 -7
  340. package/dist/cjs/bh-notification-center.cjs.entry.js +210 -0
  341. package/dist/cjs/bh-page-header.cjs.entry.js +4 -3
  342. package/dist/cjs/bh-page-navigation-child.cjs.entry.js +4 -3
  343. package/dist/cjs/bh-page-navigation-multi-level_2.cjs.entry.js +7 -6
  344. package/dist/cjs/bh-page-navigation.cjs.entry.js +4 -3
  345. package/dist/cjs/bh-pagination_2.cjs.entry.js +10 -9
  346. package/dist/cjs/bh-picker-menu.cjs.entry.js +3 -2
  347. package/dist/cjs/bh-pie-chart.cjs.entry.js +6 -5
  348. package/dist/cjs/bh-pivot-grid-field-chooser.cjs.entry.js +5 -4
  349. package/dist/cjs/bh-pivot-grid.cjs.entry.js +20 -19
  350. package/dist/cjs/bh-popover.cjs.entry.js +3 -2
  351. package/dist/cjs/bh-product-switcher.cjs.entry.js +3 -2
  352. package/dist/cjs/bh-progress-bar.cjs.entry.js +7 -6
  353. package/dist/cjs/bh-progress-ring.cjs.entry.js +1 -1
  354. package/dist/cjs/bh-property-switcher.cjs.entry.js +22 -5
  355. package/dist/cjs/bh-radar-chart.cjs.entry.js +5 -4
  356. package/dist/cjs/bh-radio-button.cjs.entry.js +3 -2
  357. package/dist/cjs/bh-radio-group.cjs.entry.js +4 -3
  358. package/dist/cjs/bh-range-slider.cjs.entry.js +4 -3
  359. package/dist/cjs/bh-section-footer.cjs.entry.js +4 -3
  360. package/dist/cjs/bh-section-header.cjs.entry.js +4 -3
  361. package/dist/cjs/bh-selection-group-item.cjs.entry.js +3 -2
  362. package/dist/cjs/bh-selection-group.cjs.entry.js +4 -3
  363. package/dist/cjs/bh-side-panel-footer.cjs.entry.js +1 -1
  364. package/dist/cjs/bh-side-panel-header.cjs.entry.js +1 -1
  365. package/dist/cjs/bh-sidebar.cjs.entry.js +19 -5
  366. package/dist/cjs/bh-stepper.cjs.entry.js +3 -2
  367. package/dist/cjs/bh-tab-item.cjs.entry.js +5 -4
  368. package/dist/cjs/bh-table-header.cjs.entry.js +4 -3
  369. package/dist/cjs/bh-tabs.cjs.entry.js +4 -3
  370. package/dist/cjs/bh-tag-group.cjs.entry.js +4 -3
  371. package/dist/cjs/bh-tag-input.cjs.entry.js +5 -4
  372. package/dist/cjs/bh-textarea.cjs.entry.js +5 -4
  373. package/dist/cjs/bh-toast-container.cjs.entry.js +1 -1
  374. package/dist/cjs/bh-toast.cjs.entry.js +5 -4
  375. package/dist/cjs/bh-toggle.cjs.entry.js +4 -3
  376. package/dist/cjs/bh-trend-chart.cjs.entry.js +5 -4
  377. package/dist/cjs/{component-error-handler-C4vfF_Qu.js → component-error-handler-BxXlGq4E.js} +1 -1
  378. package/dist/cjs/error-boundary-fNUNT0lE.js +75 -0
  379. package/dist/cjs/hotkeys-BzAUI8Zg.js +113 -0
  380. package/dist/cjs/index-B6sArKsK.js +20 -12
  381. package/dist/cjs/loader.cjs.js +1 -1
  382. package/dist/cjs/{error-boundary-Bf7TcT4U.js → logger-DZionBgs.js} +0 -71
  383. package/dist/collection/collection-manifest.json +3 -0
  384. package/dist/collection/components/bh-accordion/bh-accordion-item/bh-accordion-item.js +1 -1
  385. package/dist/collection/components/bh-activity-feed/bh-activity-feed.css +8 -0
  386. package/dist/collection/components/bh-activity-feed/bh-activity-feed.js +29 -2
  387. package/dist/collection/components/bh-appbar/bh-appbar.css +28 -1
  388. package/dist/collection/components/bh-appbar/bh-appbar.js +220 -9
  389. package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.css +118 -0
  390. package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.js +513 -0
  391. package/dist/collection/components/bh-avatar/bh-avatar-add/bh-avatar-add.js +1 -1
  392. package/dist/collection/components/bh-avatar/bh-avatar-stacked/bh-avatar-stacked.js +1 -1
  393. package/dist/collection/components/bh-avatar/bh-avatar.css +8 -2
  394. package/dist/collection/components/bh-avatar/bh-avatar.js +2 -2
  395. package/dist/collection/components/bh-badge/bh-badge-dot/bh-badge-dot.js +1 -1
  396. package/dist/collection/components/bh-badge/bh-badge.js +2 -2
  397. package/dist/collection/components/bh-banner/bh-banner.js +2 -2
  398. package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.css +3 -1
  399. package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.js +14 -3
  400. package/dist/collection/components/bh-button/bh-button-icon/bh-button-icon.js +1 -1
  401. package/dist/collection/components/bh-button/bh-button.js +1 -1
  402. package/dist/collection/components/bh-card/bh-card-content/bh-card-content.js +1 -1
  403. package/dist/collection/components/bh-card/bh-card-footer/bh-card-footer.js +1 -1
  404. package/dist/collection/components/bh-card/bh-card-header/bh-card-header.js +1 -1
  405. package/dist/collection/components/bh-card/bh-card.js +1 -1
  406. package/dist/collection/components/bh-chart/bh-bar-chart/bh-bar-chart.js +2 -2
  407. package/dist/collection/components/bh-chart/bh-chart-tooltip/bh-chart-tooltip.js +2 -2
  408. package/dist/collection/components/bh-chart/bh-gauge-chart/bh-gauge-chart.js +2 -2
  409. package/dist/collection/components/bh-chart/bh-line-chart/bh-line-chart.js +2 -2
  410. package/dist/collection/components/bh-chart/bh-pie-chart/bh-pie-chart.js +3 -3
  411. package/dist/collection/components/bh-chart/bh-progress-bar/bh-progress-bar.js +4 -4
  412. package/dist/collection/components/bh-chart/bh-radar-chart/bh-radar-chart.js +2 -2
  413. package/dist/collection/components/bh-chart/bh-trend-chart/bh-trend-chart.js +2 -2
  414. package/dist/collection/components/bh-chat/bh-chat-message/bh-chat-message.js +2 -2
  415. package/dist/collection/components/bh-chat/bh-chat-reaction/bh-chat-reaction.js +2 -2
  416. package/dist/collection/components/bh-close-button/bh-close-button.js +1 -1
  417. package/dist/collection/components/bh-command-bar/bh-command-bar.css +181 -0
  418. package/dist/collection/components/bh-command-bar/bh-command-bar.figma.js +9 -0
  419. package/dist/collection/components/bh-command-bar/bh-command-bar.js +663 -0
  420. package/dist/collection/components/bh-container/bh-container-footer/bh-container-footer.js +1 -1
  421. package/dist/collection/components/bh-container/bh-container.js +1 -1
  422. package/dist/collection/components/bh-credit-card/bh-credit-card.js +1 -1
  423. package/dist/collection/components/bh-data-grid/bh-data-grid-footer.js +1 -1
  424. package/dist/collection/components/bh-data-grid/bh-data-grid-toolbar.js +1 -1
  425. package/dist/collection/components/bh-divider/bh-divider.js +1 -1
  426. package/dist/collection/components/bh-dropdown/bh-dropdown-menu/bh-dropdown-menu.js +1 -1
  427. package/dist/collection/components/bh-dropdown/bh-dropdown.js +29 -1
  428. package/dist/collection/components/bh-emoji-picker/bh-emoji-picker.js +1 -1
  429. package/dist/collection/components/bh-empty-state/bh-empty-state.js +1 -1
  430. package/dist/collection/components/bh-fab/bh-fab.js +2 -2
  431. package/dist/collection/components/bh-featured-icon/bh-featured-icon.js +1 -1
  432. package/dist/collection/components/bh-feed-item/bh-feed-item.css +9 -2
  433. package/dist/collection/components/bh-feed-item/bh-feed-item.js +81 -4
  434. package/dist/collection/components/bh-guided-checklist/bh-guided-checklist.js +1 -1
  435. package/dist/collection/components/bh-html-editor/bh-html-editor-bubble-menu/bh-html-editor-bubble-menu.js +3 -3
  436. package/dist/collection/components/bh-html-editor/bh-html-editor-toolbar/bh-html-editor-toolbar.js +1 -1
  437. package/dist/collection/components/bh-html-editor/bh-html-editor.js +2 -2
  438. package/dist/collection/components/bh-illustrations/bh-illustrations.js +1 -1
  439. package/dist/collection/components/bh-inline-cta/bh-inline-cta.js +2 -2
  440. package/dist/collection/components/bh-input/bh-input-autocomplete/bh-input-autocomplete.js +3 -3
  441. package/dist/collection/components/bh-input/bh-input-number/bh-input-number.js +2 -2
  442. package/dist/collection/components/bh-input/bh-input-password/bh-input-password.js +3 -3
  443. package/dist/collection/components/bh-input/bh-input-text/bh-input-text.js +2 -2
  444. package/dist/collection/components/bh-input/bh-input-verification/bh-input-verification.js +1 -1
  445. package/dist/collection/components/bh-input/bh-tag-input/bh-tag-input.js +2 -2
  446. package/dist/collection/components/bh-input/bh-textarea/bh-textarea.js +2 -2
  447. package/dist/collection/components/bh-kbd/bh-kbd.css +33 -0
  448. package/dist/collection/components/bh-kbd/bh-kbd.figma.js +11 -0
  449. package/dist/collection/components/bh-kbd/bh-kbd.js +78 -0
  450. package/dist/collection/components/bh-logo-box/bh-logo-box.js +2 -2
  451. package/dist/collection/components/bh-modal/bh-modal-actions/bh-modal-actions.js +1 -1
  452. package/dist/collection/components/bh-modal/bh-modal-header/bh-modal-header.js +4 -4
  453. package/dist/collection/components/bh-multi-select/bh-multi-select.js +3 -3
  454. package/dist/collection/components/bh-page-header/bh-page-header.js +2 -2
  455. package/dist/collection/components/bh-page-navigation/bh-page-navigation-child/bh-page-navigation-child.js +1 -1
  456. package/dist/collection/components/bh-page-navigation/bh-page-navigation-multi-level/bh-page-navigation-multi-level.js +2 -2
  457. package/dist/collection/components/bh-page-navigation/bh-page-navigation-single-level/bh-page-navigation-single-level.js +1 -1
  458. package/dist/collection/components/bh-page-navigation/bh-page-navigation.js +1 -1
  459. package/dist/collection/components/bh-pagination/bh-pagination.js +2 -2
  460. package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker-content/bh-date-picker-content.js +3 -3
  461. package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker.js +3 -3
  462. package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker-content/bh-date-range-picker-content.js +2 -2
  463. package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker.js +4 -4
  464. package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker-content/bh-month-picker-content.js +1 -1
  465. package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker.js +3 -3
  466. package/dist/collection/components/bh-pivot-grid/bh-pivot-grid-field-chooser/bh-pivot-grid-field-chooser.js +2 -2
  467. package/dist/collection/components/bh-pivot-grid/bh-pivot-grid.js +16 -16
  468. package/dist/collection/components/bh-progress-ring/bh-progress-ring.js +1 -1
  469. package/dist/collection/components/bh-property-switcher/bh-property-switcher.js +20 -4
  470. package/dist/collection/components/bh-radio-group/bh-radio-group.js +1 -1
  471. package/dist/collection/components/bh-range-slider/bh-range-slider.js +1 -1
  472. package/dist/collection/components/bh-section-footer/bh-section-footer.js +1 -1
  473. package/dist/collection/components/bh-section-header/bh-section-header.js +1 -1
  474. package/dist/collection/components/bh-select/bh-select.js +4 -4
  475. package/dist/collection/components/bh-selection-group/bh-selection-group.js +1 -1
  476. package/dist/collection/components/bh-side-panel/bh-side-panel-footer/bh-side-panel-footer.js +1 -1
  477. package/dist/collection/components/bh-side-panel/bh-side-panel-header/bh-side-panel-header.js +1 -1
  478. package/dist/collection/components/bh-sidebar/bh-nav-item/bh-nav-item.js +2 -2
  479. package/dist/collection/components/bh-sidebar/bh-sidebar.js +79 -3
  480. package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.js +1 -1
  481. package/dist/collection/components/bh-table-header/bh-table-header.js +1 -1
  482. package/dist/collection/components/bh-tabs/bh-tab-item/bh-tab-item.js +2 -2
  483. package/dist/collection/components/bh-tabs/bh-tabs.js +1 -1
  484. package/dist/collection/components/bh-tag/bh-tag-group/bh-tag-group.js +1 -1
  485. package/dist/collection/components/bh-tag/bh-tag.js +2 -2
  486. package/dist/collection/components/bh-toast/bh-toast.js +2 -2
  487. package/dist/collection/components/bh-toast-container/bh-toast-container.js +1 -1
  488. package/dist/collection/components/bh-toggle/bh-toggle.js +1 -1
  489. package/dist/collection/components/bh-tooltip/bh-tooltip.js +1 -1
  490. package/dist/collection/components/index.js +5 -0
  491. package/dist/collection/utils/hotkeys.js +107 -0
  492. package/dist/collection/utils/index.js +4 -0
  493. package/dist/esm/bellhop-core.js +1 -1
  494. package/dist/esm/bh-accordion-item.entry.js +3 -2
  495. package/dist/esm/bh-accordion.entry.js +2 -1
  496. package/dist/esm/bh-activity-feed_2.entry.js +171 -0
  497. package/dist/esm/bh-alert.entry.js +3 -2
  498. package/dist/esm/bh-appbar.entry.js +56 -10
  499. package/dist/esm/bh-autocomplete-menu.entry.js +2 -1
  500. package/dist/esm/bh-avatar-add.entry.js +3 -2
  501. package/dist/esm/bh-avatar-stacked.entry.js +3 -2
  502. package/dist/esm/bh-avatar.entry.js +5 -4
  503. package/dist/esm/bh-badge-dot_2.entry.js +6 -5
  504. package/dist/esm/bh-badge.entry.js +5 -4
  505. package/dist/esm/bh-banner.entry.js +4 -3
  506. package/dist/esm/bh-bar-chart.entry.js +4 -3
  507. package/dist/esm/bh-breadcrumbs.entry.js +15 -4
  508. package/dist/esm/bh-button-icon_2.entry.js +3 -2
  509. package/dist/esm/bh-button.entry.js +4 -3
  510. package/dist/esm/bh-card-content.entry.js +3 -2
  511. package/dist/esm/bh-card-footer.entry.js +3 -2
  512. package/dist/esm/bh-card-header.entry.js +3 -2
  513. package/dist/esm/bh-card.entry.js +3 -2
  514. package/dist/esm/bh-chart-tooltip.entry.js +4 -3
  515. package/dist/esm/bh-chat-message.entry.js +4 -3
  516. package/dist/esm/bh-chat-reaction.entry.js +4 -3
  517. package/dist/esm/bh-checkbox.entry.js +2 -1
  518. package/dist/esm/bh-checklist-task-group_3.entry.js +5 -4
  519. package/dist/esm/bh-close-button.entry.js +1 -1
  520. package/dist/esm/bh-command-bar.entry.js +307 -0
  521. package/dist/esm/bh-container-footer.entry.js +3 -2
  522. package/dist/esm/bh-container.entry.js +3 -2
  523. package/dist/esm/bh-credit-card.entry.js +3 -2
  524. package/dist/esm/bh-data-grid-body.entry.js +2 -1
  525. package/dist/esm/bh-data-grid-change-preview.entry.js +2 -1
  526. package/dist/esm/bh-data-grid-filter-builder.entry.js +2 -1
  527. package/dist/esm/bh-data-grid-footer.entry.js +3 -2
  528. package/dist/esm/bh-data-grid-header.entry.js +2 -1
  529. package/dist/esm/bh-data-grid-toolbar.entry.js +3 -2
  530. package/dist/esm/bh-data-grid.entry.js +3 -2
  531. package/dist/esm/bh-date-picker-content.entry.js +5 -4
  532. package/dist/esm/bh-date-picker.entry.js +5 -4
  533. package/dist/esm/bh-date-range-picker-content.entry.js +4 -3
  534. package/dist/esm/bh-date-range-picker.entry.js +6 -5
  535. package/dist/esm/bh-divider.entry.js +3 -2
  536. package/dist/esm/bh-dropdown-menu.entry.js +1 -1
  537. package/dist/esm/bh-dropdown.entry.js +12 -3
  538. package/dist/esm/bh-emoji-picker.entry.js +1 -1
  539. package/dist/esm/bh-empty-state_2.entry.js +4 -3
  540. package/dist/esm/bh-featured-icon.entry.js +3 -2
  541. package/dist/esm/bh-gauge-chart.entry.js +4 -3
  542. package/dist/esm/bh-guided-checklist.entry.js +4 -3
  543. package/dist/esm/bh-html-editor-bubble-menu_2.entry.js +6 -5
  544. package/dist/esm/bh-html-editor.entry.js +4 -3
  545. package/dist/esm/bh-illustrations.entry.js +3 -2
  546. package/dist/esm/bh-inline-cta.entry.js +4 -3
  547. package/dist/esm/bh-input-autocomplete.entry.js +6 -5
  548. package/dist/esm/bh-input-number.entry.js +4 -3
  549. package/dist/esm/bh-input-password.entry.js +5 -4
  550. package/dist/esm/bh-input-text.entry.js +4 -3
  551. package/dist/esm/bh-input-verification.entry.js +3 -2
  552. package/dist/esm/bh-kbd.entry.js +32 -0
  553. package/dist/esm/bh-label_2.entry.js +3 -2
  554. package/dist/esm/bh-line-chart.entry.js +4 -3
  555. package/dist/esm/bh-logo-box_2.entry.js +6 -5
  556. package/dist/esm/bh-menu_2.entry.js +2 -1
  557. package/dist/esm/bh-modal-actions.entry.js +3 -2
  558. package/dist/esm/bh-modal-header.entry.js +6 -5
  559. package/dist/esm/bh-modal.entry.js +3 -2
  560. package/dist/esm/bh-month-picker-content.entry.js +3 -2
  561. package/dist/esm/bh-month-picker.entry.js +5 -4
  562. package/dist/esm/bh-multi-select.entry.js +7 -6
  563. package/dist/esm/bh-notification-center.entry.js +208 -0
  564. package/dist/esm/bh-page-header.entry.js +3 -2
  565. package/dist/esm/bh-page-navigation-child.entry.js +3 -2
  566. package/dist/esm/bh-page-navigation-multi-level_2.entry.js +5 -4
  567. package/dist/esm/bh-page-navigation.entry.js +3 -2
  568. package/dist/esm/bh-pagination_2.entry.js +8 -7
  569. package/dist/esm/bh-picker-menu.entry.js +2 -1
  570. package/dist/esm/bh-pie-chart.entry.js +5 -4
  571. package/dist/esm/bh-pivot-grid-field-chooser.entry.js +4 -3
  572. package/dist/esm/bh-pivot-grid.entry.js +19 -18
  573. package/dist/esm/bh-popover.entry.js +2 -1
  574. package/dist/esm/bh-product-switcher.entry.js +2 -1
  575. package/dist/esm/bh-progress-bar.entry.js +6 -5
  576. package/dist/esm/bh-progress-ring.entry.js +1 -1
  577. package/dist/esm/bh-property-switcher.entry.js +21 -4
  578. package/dist/esm/bh-radar-chart.entry.js +4 -3
  579. package/dist/esm/bh-radio-button.entry.js +2 -1
  580. package/dist/esm/bh-radio-group.entry.js +3 -2
  581. package/dist/esm/bh-range-slider.entry.js +3 -2
  582. package/dist/esm/bh-section-footer.entry.js +3 -2
  583. package/dist/esm/bh-section-header.entry.js +3 -2
  584. package/dist/esm/bh-selection-group-item.entry.js +2 -1
  585. package/dist/esm/bh-selection-group.entry.js +3 -2
  586. package/dist/esm/bh-side-panel-footer.entry.js +1 -1
  587. package/dist/esm/bh-side-panel-header.entry.js +1 -1
  588. package/dist/esm/bh-sidebar.entry.js +18 -4
  589. package/dist/esm/bh-stepper.entry.js +2 -1
  590. package/dist/esm/bh-tab-item.entry.js +4 -3
  591. package/dist/esm/bh-table-header.entry.js +3 -2
  592. package/dist/esm/bh-tabs.entry.js +3 -2
  593. package/dist/esm/bh-tag-group.entry.js +3 -2
  594. package/dist/esm/bh-tag-input.entry.js +4 -3
  595. package/dist/esm/bh-textarea.entry.js +4 -3
  596. package/dist/esm/bh-toast-container.entry.js +1 -1
  597. package/dist/esm/bh-toast.entry.js +4 -3
  598. package/dist/esm/bh-toggle.entry.js +3 -2
  599. package/dist/esm/bh-trend-chart.entry.js +4 -3
  600. package/dist/esm/{component-error-handler-BVWQSuxn.js → component-error-handler-bgLpf9Pn.js} +1 -1
  601. package/dist/esm/error-boundary-afpK3NgJ.js +70 -0
  602. package/dist/esm/hotkeys-CBTS9Vhx.js +109 -0
  603. package/dist/esm/index-CTHvNfIu.js +20 -12
  604. package/dist/esm/loader.js +1 -1
  605. package/dist/esm/{error-boundary-YLeLKAYJ.js → logger-CMKOFHIa.js} +1 -68
  606. package/dist/locales/bh-appbar/de.json +4 -1
  607. package/dist/locales/bh-appbar/en.json +4 -1
  608. package/dist/locales/bh-appbar/es.json +4 -1
  609. package/dist/locales/bh-appbar/fr.json +4 -1
  610. package/dist/locales/bh-appbar/ja.json +4 -1
  611. package/dist/locales/bh-appbar/pt.json +4 -1
  612. package/dist/locales/bh-appbar/ru.json +4 -1
  613. package/dist/locales/bh-appbar/zh.json +4 -1
  614. package/dist/locales/bh-command-bar/de.json +13 -0
  615. package/dist/locales/bh-command-bar/en.json +13 -0
  616. package/dist/locales/bh-command-bar/es.json +13 -0
  617. package/dist/locales/bh-command-bar/fr.json +13 -0
  618. package/dist/locales/bh-command-bar/ja.json +13 -0
  619. package/dist/locales/bh-command-bar/pt.json +13 -0
  620. package/dist/locales/bh-command-bar/ru.json +13 -0
  621. package/dist/locales/bh-command-bar/zh.json +13 -0
  622. package/dist/types/components/bh-activity-feed/bh-activity-feed.d.ts +6 -0
  623. package/dist/types/components/bh-appbar/bh-appbar.d.ts +38 -0
  624. package/dist/types/components/bh-appbar/bh-notification-center/bh-notification-center.d.ts +108 -0
  625. package/dist/types/components/bh-breadcrumbs/bh-breadcrumbs.d.ts +8 -0
  626. package/dist/types/components/bh-command-bar/bh-command-bar.d.ts +131 -0
  627. package/dist/types/components/bh-command-bar/bh-command-bar.figma.d.ts +1 -0
  628. package/dist/types/components/bh-dropdown/bh-dropdown.d.ts +4 -0
  629. package/dist/types/components/bh-feed-item/bh-feed-item.d.ts +15 -0
  630. package/dist/types/components/bh-kbd/bh-kbd.d.ts +13 -0
  631. package/dist/types/components/bh-kbd/bh-kbd.figma.d.ts +1 -0
  632. package/dist/types/components/bh-property-switcher/bh-property-switcher.d.ts +2 -0
  633. package/dist/types/components/bh-sidebar/bh-sidebar.d.ts +14 -1
  634. package/dist/types/components/index.d.ts +3 -0
  635. package/dist/types/components.d.ts +541 -4
  636. package/dist/types/index.d.ts +2 -0
  637. package/dist/types/utils/hotkeys.d.ts +23 -0
  638. package/dist/types/utils/index.d.ts +1 -0
  639. package/hydrate/index.js +1021 -189
  640. package/hydrate/index.mjs +1021 -189
  641. package/llms.txt +4251 -286
  642. package/package.json +1 -1
  643. package/vscode-data.json +215 -0
  644. package/components/p-B7i48CAz.js +0 -1
  645. package/components/p-Bk-ipvH3.js +0 -1
  646. package/components/p-Cy98fCjm.js +0 -1
  647. package/components/p-i7ZvTRXV.js +0 -1
  648. package/dist/bellhop-core/p-008932dc.entry.js +0 -1
  649. package/dist/bellhop-core/p-03e002af.entry.js +0 -1
  650. package/dist/bellhop-core/p-062955a0.entry.js +0 -1
  651. package/dist/bellhop-core/p-0705eb78.entry.js +0 -1
  652. package/dist/bellhop-core/p-0a1548b0.entry.js +0 -1
  653. package/dist/bellhop-core/p-0a758a65.entry.js +0 -1
  654. package/dist/bellhop-core/p-0b3a286d.entry.js +0 -1
  655. package/dist/bellhop-core/p-0e60f7f5.entry.js +0 -1
  656. package/dist/bellhop-core/p-105d9352.entry.js +0 -1
  657. package/dist/bellhop-core/p-11eec77c.entry.js +0 -1
  658. package/dist/bellhop-core/p-1334408b.entry.js +0 -1
  659. package/dist/bellhop-core/p-141d68b7.entry.js +0 -1
  660. package/dist/bellhop-core/p-164db491.entry.js +0 -1
  661. package/dist/bellhop-core/p-170c4a62.entry.js +0 -1
  662. package/dist/bellhop-core/p-19739563.entry.js +0 -1
  663. package/dist/bellhop-core/p-1cfa274f.entry.js +0 -1
  664. package/dist/bellhop-core/p-1ddb2ef9.entry.js +0 -1
  665. package/dist/bellhop-core/p-22243198.entry.js +0 -1
  666. package/dist/bellhop-core/p-23acfc6a.entry.js +0 -1
  667. package/dist/bellhop-core/p-277693e6.entry.js +0 -1
  668. package/dist/bellhop-core/p-283eb6ee.entry.js +0 -1
  669. package/dist/bellhop-core/p-298d6782.entry.js +0 -1
  670. package/dist/bellhop-core/p-30f1e109.entry.js +0 -1
  671. package/dist/bellhop-core/p-31e952ed.entry.js +0 -1
  672. package/dist/bellhop-core/p-3254b058.entry.js +0 -1
  673. package/dist/bellhop-core/p-332a6b0d.entry.js +0 -1
  674. package/dist/bellhop-core/p-43c97303.entry.js +0 -1
  675. package/dist/bellhop-core/p-4b8fe1fa.entry.js +0 -1
  676. package/dist/bellhop-core/p-4d8b9186.entry.js +0 -1
  677. package/dist/bellhop-core/p-50b95dc8.entry.js +0 -1
  678. package/dist/bellhop-core/p-53006e0e.entry.js +0 -1
  679. package/dist/bellhop-core/p-53683664.entry.js +0 -1
  680. package/dist/bellhop-core/p-53dc8f16.entry.js +0 -1
  681. package/dist/bellhop-core/p-54d147b9.entry.js +0 -1
  682. package/dist/bellhop-core/p-56b090e1.entry.js +0 -1
  683. package/dist/bellhop-core/p-58eae3e6.entry.js +0 -1
  684. package/dist/bellhop-core/p-5d43f80b.entry.js +0 -1
  685. package/dist/bellhop-core/p-61aeccd7.entry.js +0 -1
  686. package/dist/bellhop-core/p-63303380.entry.js +0 -1
  687. package/dist/bellhop-core/p-63af6f45.entry.js +0 -1
  688. package/dist/bellhop-core/p-640aaf14.entry.js +0 -1
  689. package/dist/bellhop-core/p-6632ba13.entry.js +0 -1
  690. package/dist/bellhop-core/p-6807b97e.entry.js +0 -1
  691. package/dist/bellhop-core/p-6a725cbe.entry.js +0 -1
  692. package/dist/bellhop-core/p-6bfb6425.entry.js +0 -1
  693. package/dist/bellhop-core/p-6c4eb165.entry.js +0 -1
  694. package/dist/bellhop-core/p-72cd0a98.entry.js +0 -1
  695. package/dist/bellhop-core/p-74972e2e.entry.js +0 -1
  696. package/dist/bellhop-core/p-77a7967d.entry.js +0 -1
  697. package/dist/bellhop-core/p-79bc0c14.entry.js +0 -1
  698. package/dist/bellhop-core/p-7f2736ab.entry.js +0 -1
  699. package/dist/bellhop-core/p-83024333.entry.js +0 -1
  700. package/dist/bellhop-core/p-8c01d55f.entry.js +0 -1
  701. package/dist/bellhop-core/p-8d4654ea.entry.js +0 -1
  702. package/dist/bellhop-core/p-9429002f.entry.js +0 -1
  703. package/dist/bellhop-core/p-956ca990.entry.js +0 -1
  704. package/dist/bellhop-core/p-9b0d2d1d.entry.js +0 -1
  705. package/dist/bellhop-core/p-YLeLKAYJ.js +0 -1
  706. package/dist/bellhop-core/p-a0005573.entry.js +0 -1
  707. package/dist/bellhop-core/p-a26f1ec0.entry.js +0 -1
  708. package/dist/bellhop-core/p-a42cca95.entry.js +0 -1
  709. package/dist/bellhop-core/p-a7153865.entry.js +0 -1
  710. package/dist/bellhop-core/p-a7608d57.entry.js +0 -1
  711. package/dist/bellhop-core/p-a94d36ae.entry.js +0 -1
  712. package/dist/bellhop-core/p-a9644488.entry.js +0 -1
  713. package/dist/bellhop-core/p-aac0f3c1.entry.js +0 -1
  714. package/dist/bellhop-core/p-aae7e90e.entry.js +0 -1
  715. package/dist/bellhop-core/p-ac2d706c.entry.js +0 -1
  716. package/dist/bellhop-core/p-b21105d4.entry.js +0 -1
  717. package/dist/bellhop-core/p-b7995c47.entry.js +0 -1
  718. package/dist/bellhop-core/p-bacf8b19.entry.js +0 -1
  719. package/dist/bellhop-core/p-bf2f5dbd.entry.js +0 -1
  720. package/dist/bellhop-core/p-c10aff52.entry.js +0 -1
  721. package/dist/bellhop-core/p-c30fcfcb.entry.js +0 -1
  722. package/dist/bellhop-core/p-c581c876.entry.js +0 -1
  723. package/dist/bellhop-core/p-c97c166b.entry.js +0 -1
  724. package/dist/bellhop-core/p-cb19b35b.entry.js +0 -1
  725. package/dist/bellhop-core/p-cb1dde19.entry.js +0 -1
  726. package/dist/bellhop-core/p-cf8c9d85.entry.js +0 -1
  727. package/dist/bellhop-core/p-d3816b20.entry.js +0 -1
  728. package/dist/bellhop-core/p-d4107350.entry.js +0 -1
  729. package/dist/bellhop-core/p-d59fdc08.entry.js +0 -1
  730. package/dist/bellhop-core/p-d77016ec.entry.js +0 -1
  731. package/dist/bellhop-core/p-dd1e6138.entry.js +0 -1
  732. package/dist/bellhop-core/p-dd6f2996.entry.js +0 -1
  733. package/dist/bellhop-core/p-e082bce2.entry.js +0 -1
  734. package/dist/bellhop-core/p-e0e28b1f.entry.js +0 -1
  735. package/dist/bellhop-core/p-e4a47861.entry.js +0 -1
  736. package/dist/bellhop-core/p-e74a03e3.entry.js +0 -1
  737. package/dist/bellhop-core/p-e9168244.entry.js +0 -1
  738. package/dist/bellhop-core/p-ea1fe131.entry.js +0 -1
  739. package/dist/bellhop-core/p-ecf1b0c4.entry.js +0 -1
  740. package/dist/bellhop-core/p-f16e07ca.entry.js +0 -1
  741. package/dist/bellhop-core/p-f2d2abb2.entry.js +0 -1
  742. package/dist/bellhop-core/p-f8f6e900.entry.js +0 -1
  743. package/dist/bellhop-core/p-fbdeab71.entry.js +0 -1
  744. package/dist/bellhop-core/p-fcb058cf.entry.js +0 -1
  745. package/dist/cjs/bh-activity-feed.cjs.entry.js +0 -71
  746. package/dist/cjs/bh-feed-item.cjs.entry.js +0 -82
  747. package/dist/esm/bh-activity-feed.entry.js +0 -69
  748. package/dist/esm/bh-feed-item.entry.js +0 -80
@@ -1 +1 @@
1
- import{p as t,H as e,c as s,h as r,d as a,t as i}from"./p-YZi6LqIt.js";import{d as o}from"./p-1SkDR91n.js";import{d as n}from"./p-oaisznHL.js";import{d as c}from"./p-cD3vmu49.js";import{d as l}from"./p-BbPrWlsw.js";import{d as h}from"./p-CdwBDbHF.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhTaskStart=s(this,"bhTaskStart"),this.bhToggle=s(this,"bhToggle")}group;expanded=!1;bhTaskStart;bhToggle;get progress(){if(!this.group?.tasks?.length)return 0;const t=this.group.tasks.filter((t=>"completed"===t.status)).length;return Math.round(t/this.group.tasks.length*100)}get status(){return 0===(t=this.group?.tasks??[]).length?"locked":t.every((t=>"completed"===t.status))?"completed":t.some((t=>"active"===t.status||"completed"===t.status))?"in-progress":"locked";var t}handleToggle=()=>{this.expanded=!this.expanded,this.bhToggle.emit({value:this.group.id,expanded:this.expanded})};handleTaskStart=t=>{this.bhTaskStart.emit({groupId:this.group.id,taskId:t})};renderGroupAction(){const t=this.status,e=this.group?.tasks??[];if("completed"===t)return r("bh-badge",{class:"task-group-badge",emphasis:"medium",icon:"check_small",label:"",size:"md",variant:"success"});if("in-progress"===t&&e.length>1)return r("bh-button-icon",{ariaLabel:this.expanded?"Collapse":"Expand",class:{"task-group-chevron":!0,"task-group-chevron-expanded":this.expanded},hierarchy:"tertiary",iconName:"expand_more",onClick:this.handleToggle,size:"sm"});const s=e[0];return s?r("span",{class:"task-group-action"},r("bh-button",{disabled:"locked"===s.status,onClick:()=>this.handleTaskStart(s.id),size:"sm"},"Start")):null}renderSubTasks(){return this.expanded&&"completed"!==this.status?r("ul",{class:"sub-tasks",role:"list"},this.group.tasks.map((t=>r("li",{class:"sub-task",key:t.id},r("div",{class:"sub-task-text"},r("span",{class:"sub-task-title"},t.title),t.description&&r("span",{class:"sub-task-description"},t.description)),this.renderSubTaskAction(t))))):null}renderSubTaskAction(t){return"completed"===t.status?r("bh-badge",{class:"sub-task-badge",emphasis:"medium",icon:"check_small",label:"",size:"md",variant:"success"}):r("bh-button",{disabled:"locked"===t.status,onClick:()=>this.handleTaskStart(t.id),size:"sm"},"Start")}render(){return this.group?r(a,{class:{"task-group":!0,[`task-group-${this.status}`]:!0,"task-group-expanded":this.expanded}},r("div",{class:"task-group-header"},r("div",{class:"task-group-left"},r("bh-progress-ring",{size:48,strokeWidth:3,value:this.progress}),r("div",{class:"task-group-text"},r("span",{class:"task-group-title"},this.group.title),this.group.description&&r("span",{class:"task-group-description"},this.group.description))),this.renderGroupAction()),this.renderSubTasks()):null}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states; @layer bh-tokens{:host{display:flex;flex-direction:column;font-family:var(--font-inter);--bh-checklist-group-bg:var(--color-bg-primary);--bh-checklist-group-border:var(--color-border-secondary);--bh-checklist-group-title-color:var(--color-text-primary);--bh-checklist-group-description-color:var(--color-text-secondary);--bh-checklist-group-chevron-color:var(--color-text-tertiary);--bh-checklist-group-chevron-hover:var(--color-text-primary);--bh-checklist-group-check-bg:var(--color-success-100);--bh-checklist-group-check-color:var(--color-bg-success)}}@layer bh-base{:host{background:var(--bh-checklist-group-bg);border:1px solid var(--bh-checklist-group-border);border-radius:var(--radius-xl);overflow:hidden}.task-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xl)}.task-group-left{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1;min-width:0}.task-group-text{display:flex;flex-direction:column;gap:var(--spacing-xxs);min-width:0}.task-group-title{font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line-height);color:var(--bh-checklist-group-title-color)}.task-group-description{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line-height);color:var(--bh-checklist-group-description-color)}.task-group-chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--bh-checklist-group-chevron-color);transition:transform 0.2s ease-in-out;flex-shrink:0}.task-group-badge,.sub-task-badge{flex-shrink:0}.check-circle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--bh-checklist-group-check-bg)}.check-circle-icon{font-size:var(--icon-size-xs, 16px);color:var(--bh-checklist-group-check-color);font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 16}.task-group-action{flex-shrink:0}.sub-tasks{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-xl) var(--spacing-xl);margin:0;list-style:none}.sub-task{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);padding-left:var(--spacing-md)}.sub-task-text{display:flex;flex-direction:column;gap:var(--spacing-xxs);flex:1;min-width:0;padding-left:var(--spacing-md);color:var(--bh-checklist-group-description-color)}.sub-task-title{font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line-height)}.sub-task-description{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line-height)}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}@layer bh-variants{.task-group-chevron-expanded{transform:rotate(180deg)}}@layer bh-states{.task-group-chevron:hover{color:var(--bh-checklist-group-chevron-hover)}}'}},[513,"bh-checklist-task-group",{group:[16],expanded:[1540]}]);function g(){"undefined"!=typeof customElements&&["bh-checklist-task-group","bh-badge","bh-button","bh-button-icon","bh-loader-spinner","bh-progress-ring"].forEach((t=>{switch(t){case"bh-checklist-task-group":customElements.get(i(t))||customElements.define(i(t),p);break;case"bh-badge":customElements.get(i(t))||o();break;case"bh-button":customElements.get(i(t))||n();break;case"bh-button-icon":customElements.get(i(t))||c();break;case"bh-loader-spinner":customElements.get(i(t))||l();break;case"bh-progress-ring":customElements.get(i(t))||h()}}))}export{p as B,g as d}
1
+ import{p as t,H as e,c as s,h as r,d as a,t as i}from"./p-YZi6LqIt.js";import{d as o}from"./p-DUm7JrA0.js";import{d as n}from"./p-BI2Y2Le4.js";import{d as c}from"./p-CClVva-u.js";import{d as l}from"./p-BbPrWlsw.js";import{d as h}from"./p-B9--bog4.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhTaskStart=s(this,"bhTaskStart"),this.bhToggle=s(this,"bhToggle")}group;expanded=!1;bhTaskStart;bhToggle;get progress(){if(!this.group?.tasks?.length)return 0;const t=this.group.tasks.filter((t=>"completed"===t.status)).length;return Math.round(t/this.group.tasks.length*100)}get status(){return 0===(t=this.group?.tasks??[]).length?"locked":t.every((t=>"completed"===t.status))?"completed":t.some((t=>"active"===t.status||"completed"===t.status))?"in-progress":"locked";var t}handleToggle=()=>{this.expanded=!this.expanded,this.bhToggle.emit({value:this.group.id,expanded:this.expanded})};handleTaskStart=t=>{this.bhTaskStart.emit({groupId:this.group.id,taskId:t})};renderGroupAction(){const t=this.status,e=this.group?.tasks??[];if("completed"===t)return r("bh-badge",{class:"task-group-badge",emphasis:"medium",icon:"check_small",label:"",size:"md",variant:"success"});if("in-progress"===t&&e.length>1)return r("bh-button-icon",{ariaLabel:this.expanded?"Collapse":"Expand",class:{"task-group-chevron":!0,"task-group-chevron-expanded":this.expanded},hierarchy:"tertiary",iconName:"expand_more",onClick:this.handleToggle,size:"sm"});const s=e[0];return s?r("span",{class:"task-group-action"},r("bh-button",{disabled:"locked"===s.status,onClick:()=>this.handleTaskStart(s.id),size:"sm"},"Start")):null}renderSubTasks(){return this.expanded&&"completed"!==this.status?r("ul",{class:"sub-tasks",role:"list"},this.group.tasks.map((t=>r("li",{class:"sub-task",key:t.id},r("div",{class:"sub-task-text"},r("span",{class:"sub-task-title"},t.title),t.description&&r("span",{class:"sub-task-description"},t.description)),this.renderSubTaskAction(t))))):null}renderSubTaskAction(t){return"completed"===t.status?r("bh-badge",{class:"sub-task-badge",emphasis:"medium",icon:"check_small",label:"",size:"md",variant:"success"}):r("bh-button",{disabled:"locked"===t.status,onClick:()=>this.handleTaskStart(t.id),size:"sm"},"Start")}render(){return this.group?r(a,{class:{"task-group":!0,[`task-group-${this.status}`]:!0,"task-group-expanded":this.expanded}},r("div",{class:"task-group-header"},r("div",{class:"task-group-left"},r("bh-progress-ring",{size:48,strokeWidth:3,value:this.progress}),r("div",{class:"task-group-text"},r("span",{class:"task-group-title"},this.group.title),this.group.description&&r("span",{class:"task-group-description"},this.group.description))),this.renderGroupAction()),this.renderSubTasks()):null}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states; @layer bh-tokens{:host{display:flex;flex-direction:column;font-family:var(--font-inter);--bh-checklist-group-bg:var(--color-bg-primary);--bh-checklist-group-border:var(--color-border-secondary);--bh-checklist-group-title-color:var(--color-text-primary);--bh-checklist-group-description-color:var(--color-text-secondary);--bh-checklist-group-chevron-color:var(--color-text-tertiary);--bh-checklist-group-chevron-hover:var(--color-text-primary);--bh-checklist-group-check-bg:var(--color-success-100);--bh-checklist-group-check-color:var(--color-bg-success)}}@layer bh-base{:host{background:var(--bh-checklist-group-bg);border:1px solid var(--bh-checklist-group-border);border-radius:var(--radius-xl);overflow:hidden}.task-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xl)}.task-group-left{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1;min-width:0}.task-group-text{display:flex;flex-direction:column;gap:var(--spacing-xxs);min-width:0}.task-group-title{font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line-height);color:var(--bh-checklist-group-title-color)}.task-group-description{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line-height);color:var(--bh-checklist-group-description-color)}.task-group-chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--bh-checklist-group-chevron-color);transition:transform 0.2s ease-in-out;flex-shrink:0}.task-group-badge,.sub-task-badge{flex-shrink:0}.check-circle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--bh-checklist-group-check-bg)}.check-circle-icon{font-size:var(--icon-size-xs, 16px);color:var(--bh-checklist-group-check-color);font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 16}.task-group-action{flex-shrink:0}.sub-tasks{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-xl) var(--spacing-xl);margin:0;list-style:none}.sub-task{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);padding-left:var(--spacing-md)}.sub-task-text{display:flex;flex-direction:column;gap:var(--spacing-xxs);flex:1;min-width:0;padding-left:var(--spacing-md);color:var(--bh-checklist-group-description-color)}.sub-task-title{font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line-height)}.sub-task-description{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line-height)}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}@layer bh-variants{.task-group-chevron-expanded{transform:rotate(180deg)}}@layer bh-states{.task-group-chevron:hover{color:var(--bh-checklist-group-chevron-hover)}}'}},[513,"bh-checklist-task-group",{group:[16],expanded:[1540]}]);function g(){"undefined"!=typeof customElements&&["bh-checklist-task-group","bh-badge","bh-button","bh-button-icon","bh-loader-spinner","bh-progress-ring"].forEach((t=>{switch(t){case"bh-checklist-task-group":customElements.get(i(t))||customElements.define(i(t),p);break;case"bh-badge":customElements.get(i(t))||o();break;case"bh-button":customElements.get(i(t))||n();break;case"bh-button-icon":customElements.get(i(t))||c();break;case"bh-loader-spinner":customElements.get(i(t))||l();break;case"bh-progress-ring":customElements.get(i(t))||h()}}))}export{p as B,g as d}
@@ -1 +1 @@
1
- import{p as e,H as a,c as t,h as i,t as n}from"./p-YZi6LqIt.js";import{d as o}from"./p-Bk-ipvH3.js";import{c as r,m as s,M as v,r as b}from"./p-BJXjqxlX.js";import{c as l}from"./p-YdVz1TeW.js";import{a as c}from"./p-BqJRACkO.js";const m=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhClick=t(this,"bhClick")}logger=r("bh-nav-item");focusState=l();focusVersion=0;icon="home";label="Home";isActive=!1;disabled=!1;layout="column";expandable=!1;expanded=!1;badge;dot=!1;dotColor="success";size="sm";showLabel=!0;bhClick;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),s.increment(v.COMPONENT_ERROR,{component:"bh-nav-item",error_type:e instanceof Error?e.name:"unknown"}),b("bh-nav-item",e)}handleClick=()=>{this.disabled||this.bhClick.emit()};handleKeyDown=e=>{c(e)&&!this.disabled&&(e.preventDefault(),this.bhClick.emit())};handleFocus=e=>{this.focusState.handleFocus(e)};handleBlur=e=>{this.focusState.handleBlur(e)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const e="row"===this.layout;return i("div",{key:"cb5bc1adfc0761473e7c6b254f596f2d8153db40","aria-disabled":this.disabled?"true":void 0,class:{"nav-item":!0,"nav-item--row":e,"nav-item--column":!e,[`nav-item--${this.size}`]:!0,active:this.isActive,disabled:this.disabled,focused:this.focusState.isFocused&&!this.disabled,hovered:this.focusState.isHovered&&!this.disabled},"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),part:"container"},i("button",{key:"f4652cec477cb1bd14b603a1037f88ed04c8ea4b","aria-current":this.isActive?"page":void 0,"aria-expanded":this.expandable?String(this.expanded):void 0,"aria-label":this.label,class:"nav-item-button",disabled:this.disabled,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"button",tabIndex:this.disabled?-1:0,type:"button"},this.dot&&i("bh-badge-dot",{key:"4fac3b04293da192bf7280abb9a11cde917b870c",color:this.dotColor,part:"dot",size:"sm"}),i("span",{key:"0f661c34e5b681af4d007a17a37fd1fa72e5c22a",class:"material-symbols-outlined icon",part:"icon"},this.icon),e&&i("span",{key:"0153e7e97e6c6d7d6b2913a98b3b1a2a4fca7eb2",class:"nav-item-label-row",part:"label"},this.label),e&&void 0!==this.badge&&i("span",{key:"057a0fbdab7b314a41b7b4189e66c3f8dca61696",class:"nav-item-badge",part:"badge"},this.badge),e&&this.expandable&&i("span",{key:"13681e68be4859c423318401ff7b96d19ab43b96",class:{"material-symbols-outlined":!0,"nav-item-chevron":!0,"nav-item-chevron--expanded":this.expanded}},"expand_more")),!e&&this.showLabel&&i("p",{key:"7692b3e18b04d5a106cb52c21dbaa3ffca965a05",class:"nav-item-label",part:"label"},this.label))}static get style(){return'@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-nav-item-color:var( --bh-sidebar-nav-item-color, var(--color-text-secondary) );--bh-nav-item-color-active:var( --bh-sidebar-nav-item-color-active, var(--color-brand-600) );--bh-nav-item-bg-hover:var( --bh-sidebar-nav-item-bg-hover, var(--color-bg-secondary) );--bh-nav-item-bg-active:var( --bh-sidebar-nav-item-bg-active, var(--color-brand-100) );--bh-nav-item-bg-active-hover:var( --bh-sidebar-nav-item-bg-active-hover, var(--color-brand-100) );--bh-nav-item-icon-size:var(--icon-size-md);--bh-nav-item-padding:var(--spacing-md);--bh-nav-item-gap:var(--spacing-sm);--bh-nav-item-border-radius:var(--radius-sm);--bh-nav-item-font-size:var(--text-sm-size);--bh-nav-item-label-font-size:var(--bh-avatar-text-xxs);--bh-nav-item-badge-bg:var(--color-bg-secondary);--bh-nav-item-badge-radius:var(--radius-full)}}@layer bh-base{.nav-item-button{background-color:transparent;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--bh-nav-item-gap);overflow:hidden;padding:var(--bh-nav-item-padding);position:relative;border-radius:var(--bh-nav-item-border-radius);flex-shrink:0;transition:background-color var(--animation-duration-normal) ease;cursor:pointer;border:none;outline:none}.nav-item-button .icon{width:var(--bh-nav-item-icon-size);height:var(--bh-nav-item-icon-size);display:block;flex-shrink:0;color:var(--bh-nav-item-color);transition:color var(--animation-duration-normal) ease;font-size:var(--bh-nav-item-icon-size);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20}.nav-item-label{font-family:var(--font-inter);font-weight:var(--weight-medium);height:var(--icon-size-base);line-height:var(--icon-size-base);font-style:normal;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:0;color:var(--bh-nav-item-color);font-size:var(--bh-nav-item-label-font-size);text-align:center;white-space:nowrap;width:100%;max-width:100%;margin:var(--spacing-none);margin-top:var(--spacing-xxs);box-sizing:border-box;direction:ltr}}@layer bh-variants{.nav-item--column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;width:100%;height:fit-content}.nav-item--column .nav-item-button{width:var(--sidebar-item-size, var(--bh-button-height-md, 40px));height:var(--sidebar-item-size, var(--bh-button-height-md, 40px));padding:var(--spacing-xs)}.nav-item--row{display:flex;flex-direction:row;align-items:center;position:relative;flex-shrink:0;width:100%;height:fit-content}.nav-item--row .nav-item-button{width:100%;height:var(--bh-button-height-sm);justify-content:flex-start;gap:var(--bh-nav-item-padding);padding:var(--bh-nav-item-padding) var(--spacing-lg);border-radius:var(--bh-nav-item-border-radius)}.nav-item--row .nav-item-label-row{font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--bh-nav-item-font-size);line-height:var(--line-height-normal);color:var(--bh-nav-item-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.nav-item--row .nav-item-badge{font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-medium);color:var(--bh-nav-item-color);background:var(--bh-nav-item-badge-bg);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--bh-nav-item-badge-radius);min-width:var(--bh-nav-item-icon-size);text-align:center}.nav-item--row .nav-item-chevron{font-size:var(--bh-nav-item-icon-size);color:var(--bh-nav-item-color);transition:transform var(--animation-duration-normal) ease;flex-shrink:0}.nav-item--row .nav-item-chevron--expanded{transform:rotate(180deg)}}@layer bh-states{.nav-item-button:hover{background-color:var(--bh-nav-item-bg-hover)}.nav-item-button:hover .icon{color:var(--bh-nav-item-color)}.nav-item-button:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-blue-500)}.nav-item--column.active .nav-item-button,.nav-item--row.active .nav-item-button{background-color:var(--bh-nav-item-bg-active)}.nav-item--column.active .nav-item-button .icon,.nav-item--row.active .nav-item-button .icon{color:var(--bh-nav-item-color-active);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20}.nav-item--column.active .nav-item-label,.nav-item--column.active .nav-item-label-row,.nav-item--row.active .nav-item-label,.nav-item--row.active .nav-item-label-row{color:var(--bh-nav-item-color-active);font-weight:var(--weight-semibold)}.nav-item--column.disabled .nav-item-button,.nav-item--row.disabled .nav-item-button{cursor:not-allowed;opacity:0.5}.nav-item--column.disabled .nav-item-button:hover,.nav-item--row.disabled .nav-item-button:hover{background-color:transparent}.nav-item--column.disabled .nav-item-button .icon,.nav-item--row.disabled .nav-item-button .icon{color:var(--color-text-disabled)}.nav-item--column.disabled .nav-item-label,.nav-item--column.disabled .nav-item-label-row,.nav-item--row.disabled .nav-item-label,.nav-item--row.disabled .nav-item-label-row{color:var(--color-text-disabled)}.nav-item--column.active .nav-item-button:hover,.nav-item--row.active .nav-item-button:hover{background-color:var(--bh-nav-item-bg-active-hover)}}'}},[513,"bh-nav-item",{icon:[1],label:[1],isActive:[4,"is-active"],disabled:[4],layout:[1],expandable:[4],expanded:[4],badge:[8],dot:[4],dotColor:[1,"dot-color"],size:[1],showLabel:[4,"show-label"],focusVersion:[32]}]);function d(){"undefined"!=typeof customElements&&["bh-nav-item","bh-badge-dot"].forEach((e=>{switch(e){case"bh-nav-item":customElements.get(n(e))||customElements.define(n(e),m);break;case"bh-badge-dot":customElements.get(n(e))||o()}}))}export{m as B,d}
1
+ import{p as e,H as a,c as t,h as i,t as n}from"./p-YZi6LqIt.js";import{d as o}from"./p-Be6mIKzo.js";import{c as r,m as s,M as v,r as b}from"./p-BJXjqxlX.js";import{c as l}from"./p-YdVz1TeW.js";import{a as c}from"./p-BqJRACkO.js";const m=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhClick=t(this,"bhClick")}logger=r("bh-nav-item");focusState=l();focusVersion=0;icon="home";label="Home";isActive=!1;disabled=!1;layout="column";expandable=!1;expanded=!1;badge;dot=!1;dotColor="success";size="sm";showLabel=!0;bhClick;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),s.increment(v.COMPONENT_ERROR,{component:"bh-nav-item",error_type:e instanceof Error?e.name:"unknown"}),b("bh-nav-item",e)}handleClick=()=>{this.disabled||this.bhClick.emit()};handleKeyDown=e=>{c(e)&&!this.disabled&&(e.preventDefault(),this.bhClick.emit())};handleFocus=e=>{this.focusState.handleFocus(e)};handleBlur=e=>{this.focusState.handleBlur(e)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const e="row"===this.layout;return i("div",{key:"bf9e7f7fb9d5b15ad8761897888f194efccb787f","aria-disabled":this.disabled?"true":void 0,class:{"nav-item":!0,"nav-item--row":e,"nav-item--column":!e,[`nav-item--${this.size}`]:!0,active:this.isActive,disabled:this.disabled,focused:this.focusState.isFocused&&!this.disabled,hovered:this.focusState.isHovered&&!this.disabled},"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),part:"container"},i("button",{key:"4a2f5f6cea0c4ac5d559dec7c1d908f7aabd40a3","aria-current":this.isActive?"page":void 0,"aria-expanded":this.expandable?String(this.expanded):void 0,"aria-label":this.label,class:"nav-item-button",disabled:this.disabled,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"button",tabIndex:this.disabled?-1:0,type:"button"},this.dot&&i("bh-badge-dot",{key:"9ad8f5ec110c7f78af116b04950dff4584d99c03",color:this.dotColor,part:"dot",size:"sm"}),i("span",{key:"bfacfd0ae0786bb591f5f5e8c3654f73366a04df",class:"material-symbols-outlined icon",part:"icon"},this.icon),e&&i("span",{key:"217529488116724b87c0792c5385f31753f1a25b",class:"nav-item-label-row",part:"label"},this.label),e&&void 0!==this.badge&&i("span",{key:"6d09f216b8ebfdb2f88724589498495fb95dbb50",class:"nav-item-badge",part:"badge"},this.badge),e&&this.expandable&&i("span",{key:"26977632930eac9bf05cb8713904cd354f8759a2",class:{"material-symbols-outlined":!0,"nav-item-chevron":!0,"nav-item-chevron--expanded":this.expanded}},"expand_more")),!e&&this.showLabel&&i("p",{key:"e55a89d2aca9a4e999ffc93aab12bf8c9b082517",class:"nav-item-label",part:"label"},this.label))}static get style(){return'@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-nav-item-color:var( --bh-sidebar-nav-item-color, var(--color-text-secondary) );--bh-nav-item-color-active:var( --bh-sidebar-nav-item-color-active, var(--color-brand-600) );--bh-nav-item-bg-hover:var( --bh-sidebar-nav-item-bg-hover, var(--color-bg-secondary) );--bh-nav-item-bg-active:var( --bh-sidebar-nav-item-bg-active, var(--color-brand-100) );--bh-nav-item-bg-active-hover:var( --bh-sidebar-nav-item-bg-active-hover, var(--color-brand-100) );--bh-nav-item-icon-size:var(--icon-size-md);--bh-nav-item-padding:var(--spacing-md);--bh-nav-item-gap:var(--spacing-sm);--bh-nav-item-border-radius:var(--radius-sm);--bh-nav-item-font-size:var(--text-sm-size);--bh-nav-item-label-font-size:var(--bh-avatar-text-xxs);--bh-nav-item-badge-bg:var(--color-bg-secondary);--bh-nav-item-badge-radius:var(--radius-full)}}@layer bh-base{.nav-item-button{background-color:transparent;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--bh-nav-item-gap);overflow:hidden;padding:var(--bh-nav-item-padding);position:relative;border-radius:var(--bh-nav-item-border-radius);flex-shrink:0;transition:background-color var(--animation-duration-normal) ease;cursor:pointer;border:none;outline:none}.nav-item-button .icon{width:var(--bh-nav-item-icon-size);height:var(--bh-nav-item-icon-size);display:block;flex-shrink:0;color:var(--bh-nav-item-color);transition:color var(--animation-duration-normal) ease;font-size:var(--bh-nav-item-icon-size);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20}.nav-item-label{font-family:var(--font-inter);font-weight:var(--weight-medium);height:var(--icon-size-base);line-height:var(--icon-size-base);font-style:normal;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:0;color:var(--bh-nav-item-color);font-size:var(--bh-nav-item-label-font-size);text-align:center;white-space:nowrap;width:100%;max-width:100%;margin:var(--spacing-none);margin-top:var(--spacing-xxs);box-sizing:border-box;direction:ltr}}@layer bh-variants{.nav-item--column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;width:100%;height:fit-content}.nav-item--column .nav-item-button{width:var(--sidebar-item-size, var(--bh-button-height-md, 40px));height:var(--sidebar-item-size, var(--bh-button-height-md, 40px));padding:var(--spacing-xs)}.nav-item--row{display:flex;flex-direction:row;align-items:center;position:relative;flex-shrink:0;width:100%;height:fit-content}.nav-item--row .nav-item-button{width:100%;height:var(--bh-button-height-sm);justify-content:flex-start;gap:var(--bh-nav-item-padding);padding:var(--bh-nav-item-padding) var(--spacing-lg);border-radius:var(--bh-nav-item-border-radius)}.nav-item--row .nav-item-label-row{font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--bh-nav-item-font-size);line-height:var(--line-height-normal);color:var(--bh-nav-item-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.nav-item--row .nav-item-badge{font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-medium);color:var(--bh-nav-item-color);background:var(--bh-nav-item-badge-bg);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--bh-nav-item-badge-radius);min-width:var(--bh-nav-item-icon-size);text-align:center}.nav-item--row .nav-item-chevron{font-size:var(--bh-nav-item-icon-size);color:var(--bh-nav-item-color);transition:transform var(--animation-duration-normal) ease;flex-shrink:0}.nav-item--row .nav-item-chevron--expanded{transform:rotate(180deg)}}@layer bh-states{.nav-item-button:hover{background-color:var(--bh-nav-item-bg-hover)}.nav-item-button:hover .icon{color:var(--bh-nav-item-color)}.nav-item-button:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-blue-500)}.nav-item--column.active .nav-item-button,.nav-item--row.active .nav-item-button{background-color:var(--bh-nav-item-bg-active)}.nav-item--column.active .nav-item-button .icon,.nav-item--row.active .nav-item-button .icon{color:var(--bh-nav-item-color-active);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20}.nav-item--column.active .nav-item-label,.nav-item--column.active .nav-item-label-row,.nav-item--row.active .nav-item-label,.nav-item--row.active .nav-item-label-row{color:var(--bh-nav-item-color-active);font-weight:var(--weight-semibold)}.nav-item--column.disabled .nav-item-button,.nav-item--row.disabled .nav-item-button{cursor:not-allowed;opacity:0.5}.nav-item--column.disabled .nav-item-button:hover,.nav-item--row.disabled .nav-item-button:hover{background-color:transparent}.nav-item--column.disabled .nav-item-button .icon,.nav-item--row.disabled .nav-item-button .icon{color:var(--color-text-disabled)}.nav-item--column.disabled .nav-item-label,.nav-item--column.disabled .nav-item-label-row,.nav-item--row.disabled .nav-item-label,.nav-item--row.disabled .nav-item-label-row{color:var(--color-text-disabled)}.nav-item--column.active .nav-item-button:hover,.nav-item--row.active .nav-item-button:hover{background-color:var(--bh-nav-item-bg-active-hover)}}'}},[513,"bh-nav-item",{icon:[1],label:[1],isActive:[4,"is-active"],disabled:[4],layout:[1],expandable:[4],expanded:[4],badge:[8],dot:[4],dotColor:[1,"dot-color"],size:[1],showLabel:[4,"show-label"],focusVersion:[32]}]);function d(){"undefined"!=typeof customElements&&["bh-nav-item","bh-badge-dot"].forEach((e=>{switch(e){case"bh-nav-item":customElements.get(n(e))||customElements.define(n(e),m);break;case"bh-badge-dot":customElements.get(n(e))||o()}}))}export{m as B,d}
@@ -0,0 +1 @@
1
+ import{p as a,H as t,c as r,h as e,d as s,t as i}from"./p-YZi6LqIt.js";import{c as o,m as h,M as n,r as l}from"./p-BJXjqxlX.js";import{c as v,g as c}from"./p-YdVz1TeW.js";import{B as d,r as b}from"./p-BNVOtH-1.js";import{a as x}from"./p-BqJRACkO.js";import{m,b as u}from"./p-Bam7V_bL.js";const g=new Map([["xxs","text-xxs"],["xs","text-xs"],["sm","text-sm"],["md","text-md"],["lg","text-lg"],["xl","text-xl"],["2xl","text-2xl"]]),f=new Map([["xxs","icon-sm"],["xs","icon-md"],["sm","icon-lg"],["md","icon-xl"],["lg","icon-2xl"],["xl","icon-3xl"],["2xl","icon-4xl"]]),p=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhClick=r(this,"bhClick"),this.bhError=r(this,"bhError")}logger=o("bh-avatar");focusState=v();i18nUnsubscribe;size="md";variant="image";status="none";text="RD";imageSrc;alt="Avatar";interactive=!1;disabled=!1;hasPopup=!1;expanded=!1;focusVersion=0;_i18nVersion=0;bhClick;bhError;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),h.increment(n.COMPONENT_ERROR,{component:"bh-avatar",error_type:a instanceof Error?a.name:"unknown"}),l("bh-avatar",a),this.bhError.emit({error:a})}handleClick=a=>{this.interactive&&!this.disabled&&this.bhClick.emit(a)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=a=>{this.interactive&&!this.disabled&&this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleKeyDown=a=>{this.interactive&&!this.disabled&&x(a)&&(a.preventDefault(),this.bhClick.emit(a))};getTextSizeClass(){return g.get(this.size)??"text-md"}getIconSizeClass(){return f.get(this.size)??"icon-xl"}render(){const a=b("bh-avatar","alt",this.alt,"Avatar"),t="none"!==this.status,r=c(this.focusState,"avatar"),i=m(u({base:"avatar",size:this.size,modifiers:{"with-status":t,interactive:this.interactive,disabled:this.disabled}}),this.disabled?{}:r),o=u({base:"avatar-status",size:this.size,modifiers:{online:"online"===this.status,offline:"offline"===this.status}});return e(s,{key:"bce13fcc8525b9f59594fb42bee6f558e3136c6e"},e("div",{key:"8ef438c16d8d4ad9eb891520c3eb9d789ef12292","aria-disabled":this.interactive&&this.disabled?"true":void 0,"aria-expanded":this.interactive&&this.hasPopup?String(this.expanded):void 0,"aria-haspopup":this.interactive&&this.hasPopup?"true":void 0,"aria-label":a,class:i,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"avatar",role:this.interactive?"button":"img",tabIndex:this.interactive&&!this.disabled?0:void 0},e("div",{key:"4728b822f9a8cefa8472bbc9b783437790a48500",class:"avatar-border",part:"border"}),e("div",{key:"397d4e222f3a3926c074b12a13c865b33ce69390",class:"avatar-content",part:"content"},"image"===this.variant&&e("img",{key:"74da499c751fc5d80aba3f0c1a9f00153e57456e",alt:a,class:"avatar-image",part:"image",src:this.imageSrc}),"placeholder"===this.variant&&e("span",{key:"debf868bb69baa20abf28304038422c22c5730e4",class:`material-symbols-outlined avatar-placeholder-icon ${this.getIconSizeClass()}`,part:"placeholder-icon"},"person"),"text"===this.variant&&e("span",{key:"6380c21f54fba6c8c87ed240c4e30f8720a7c2a3",class:`avatar-text ${this.getTextSizeClass()}`,part:"text"},this.text)),t&&e("div",{key:"47767ec350de25983eecac327195a365a2ad57ff",class:o,part:"status"})))}static get style(){return'@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-avatar-bg:var(--color-bg-secondary);--bh-avatar-border-color:var(--color-border-primary);--bh-avatar-text-color:var(--color-text-secondary);--bh-avatar-placeholder-color:var(--color-text-disabled);--bh-avatar-status-online-color:var(--color-text-success);--bh-avatar-status-offline-color:var(--color-text-disabled);--bh-avatar-status-border-color:var(--color-bg-primary)}}@layer bh-base{.avatar{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bh-avatar-bg);flex-shrink:0}.avatar-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none}.avatar-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;z-index:0}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;aspect-ratio:1/1}.avatar-placeholder-icon{color:var(--bh-avatar-placeholder-color);line-height:1;display:flex;align-items:center;justify-content:center}.avatar-text{color:var(--bh-avatar-text-color);font-family:var(--font-inter);font-weight:var(--weight-semibold);text-align:center;line-height:1}}@layer bh-variants{.avatar-xxs{width:var(--bh-avatar-size-xxs);height:var(--bh-avatar-size-xxs)}.avatar-xs{width:var(--bh-avatar-size-xs);height:var(--bh-avatar-size-xs)}.avatar-sm{width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.avatar-md{width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.avatar-lg{width:var(--bh-avatar-size-lg);height:var(--bh-avatar-size-lg)}.avatar-xl{width:var(--bh-avatar-size-xl);height:var(--bh-avatar-size-xl)}.avatar-2xl{width:var(--bh-avatar-size-2xl);height:var(--bh-avatar-size-2xl)}.avatar-xs .avatar-border,.avatar-sm .avatar-border{border:0.5px solid var(--bh-avatar-border-color)}.avatar-md .avatar-border,.avatar-lg .avatar-border,.avatar-xl .avatar-border,.avatar-2xl .avatar-border{border:0.75px solid var(--bh-avatar-border-color)}.text-xxs{font-size:var(--bh-avatar-text-xxs);line-height:1.6em}.text-xs{font-size:var(--bh-avatar-text-xs);line-height:1.5em}.text-sm{font-size:var(--text-sm-size);line-height:var(--line-height-normal)}.text-md{font-size:var(--text-md-size);line-height:var(--line-height-normal)}.text-lg{font-size:var(--bh-avatar-text-lg);line-height:1.56em}.text-xl{font-size:var(--bh-avatar-text-xl);line-height:1.5em}.text-2xl{font-size:var(--bh-avatar-text-2xl);line-height:1.33em}.icon-sm{font-size:var(--icon-size-sm)}.icon-md{font-size:var(--icon-size-md)}.icon-lg{font-size:var(--icon-size-lg)}.icon-xl{font-size:var(--icon-size-xl)}.icon-2xl{font-size:var(--icon-size-2xl)}.icon-3xl{font-size:var(--icon-size-3xl)}.icon-4xl{font-size:var(--icon-size-4xl)}}@layer bh-states{.avatar-interactive{cursor:pointer;transition:box-shadow var(--animation-duration-normal) ease, transform 0.1s ease}.avatar-interactive:focus{outline:none}.avatar-interactive:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive)}.avatar-focused{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive)}.avatar-interactive.avatar-hovered:not(.avatar-disabled){transform:scale(1.05)}.avatar-disabled{cursor:not-allowed;opacity:0.5}.avatar-status{position:absolute;border-radius:50%;background-color:var(--bh-avatar-status-online-color);border:1.5px solid var(--bh-avatar-status-border-color);z-index:2}.avatar-status-online{background-color:var(--bh-avatar-status-online-color)}.avatar-status-offline{background-color:var(--bh-avatar-status-offline-color)}.avatar-status-xxs{width:var(--bh-avatar-status-size-xxs);height:var(--bh-avatar-status-size-xxs);bottom:0;right:0}.avatar-status-xs{width:var(--bh-avatar-status-size-xs);height:var(--bh-avatar-status-size-xs);bottom:0;right:0}.avatar-status-sm{width:var(--bh-avatar-status-size-sm);height:var(--bh-avatar-status-size-sm);bottom:0;right:0}.avatar-status-md{width:var(--bh-avatar-status-size-md);height:var(--bh-avatar-status-size-md);bottom:0;right:0}.avatar-status-lg{width:var(--bh-avatar-status-size-lg);height:var(--bh-avatar-status-size-lg);bottom:0;right:0}.avatar-status-xl{width:var(--bh-avatar-status-size-xl);height:var(--bh-avatar-status-size-xl);bottom:0;right:0}.avatar-status-2xl{width:var(--bh-avatar-status-size-2xl);height:var(--bh-avatar-status-size-2xl);bottom:0;right:0}}'}},[513,"bh-avatar",{size:[1],variant:[1],status:[1],text:[1],imageSrc:[1,"image-src"],alt:[1],interactive:[4],disabled:[4],hasPopup:[4,"has-popup"],expanded:[4],focusVersion:[32],_i18nVersion:[32]}]);function z(){"undefined"!=typeof customElements&&["bh-avatar"].forEach((a=>{"bh-avatar"===a&&(customElements.get(i(a))||customElements.define(i(a),p))}))}export{p as B,z as d}
@@ -0,0 +1 @@
1
+ import{p as r,H as e,c as a,h as t,F as o,t as s}from"./p-YZi6LqIt.js";import{d as i}from"./p-CClVva-u.js";import{d as n}from"./p-BbPrWlsw.js";import{c as b,h as c}from"./p-C4V7Y6N_.js";import{v as d}from"./p-DlPm3fIV.js";import{c as l,m,M as h,r as u}from"./p-BJXjqxlX.js";import{B as p,r as v}from"./p-BNVOtH-1.js";import{a as f}from"./p-BqJRACkO.js";const g={label:"Home",path:"/"},x=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=a(this,"bhItemClick"),this.bhChange=a(this,"bhChange")}get el(){return this}logger=l("bh-breadcrumbs");navState=b();i18nUnsubscribe;_i18nVersion=0;items=[];separator="chevron_right";showHome=!0;maxVisibleItems=4;breadcrumbAriaLabel="Breadcrumb";homeAriaLabel="Home";overflowAriaLabelTemplate="Show {{count}} hidden items";bhItemClick;bhChange;openDropdownIndex=null;hasStartContent=!1;dropdownQuery="";dropdownSelections={};componentWillLoad(){this.i18nUnsubscribe=p.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),m.increment(h.COMPONENT_ERROR,{component:"bh-breadcrumbs",error_type:r instanceof Error?r.name:"unknown"}),u("bh-breadcrumbs",r)}get parsedItems(){if("string"==typeof this.items){const r=d(this.items);return r.valid?r.value??[]:(this.logger.warn("Invalid items JSON:",{errors:r.errors}),[])}return this.items||[]}get displayData(){const r=this.parsedItems;if(!r||r.length<=this.maxVisibleItems)return{displayItems:r?[...r]:[],showEllipsis:!1,collapsedItems:[]};const e=r.slice(-(this.maxVisibleItems-2));return{displayItems:[r[0],...e],showEllipsis:!0,collapsedItems:r.slice(1,-(this.maxVisibleItems-2))}}handleItemClick(r){!r.isActive&&r.path&&this.bhItemClick.emit(r)}handleStartSlotChange=r=>{this.hasStartContent=r.target.assignedElements().length>0};handleHomeClick=()=>{this.bhItemClick.emit(g)};handleEllipsisClick=()=>{const{collapsedItems:r}=this.displayData;r.length>0&&this.handleItemClick(r[0])};handleEllipsisKeyDown=r=>{f(r)&&(r.preventDefault(),this.handleEllipsisClick())};handleKeyDown=r=>{const e=c(r,{container:this.el?.shadowRoot??null,itemSelector:"button.breadcrumb-button:not(.breadcrumb-current)",orientation:"horizontal",wrapAround:!1},this.navState);e!==this.navState.focusedIndex&&(this.navState={...this.navState,focusedIndex:e})};toggleDropdown=r=>{this.openDropdownIndex=this.openDropdownIndex===r?null:r,this.dropdownQuery=""};handleOptionSelect=(r,e,a)=>{this.dropdownSelections={...this.dropdownSelections,[a]:e.id},this.bhChange.emit({item:r,option:e}),this.openDropdownIndex=null,this.dropdownQuery=""};selectedOption(r,e){const a=r.dropdown??[],t=this.dropdownSelections[e];if(void 0!==t){const r=a.find((r=>r.id===t));if(r)return r}return a.find((r=>r.isSelected))}filteredOptions(r){const e=r.dropdown??[],a=this.dropdownQuery.trim().toLowerCase();return a?e.filter((r=>r.label.toLowerCase().includes(a))):e}renderDropdownItem(r,e){const a=this.openDropdownIndex===e,o=this.selectedOption(r,e);return t("div",{class:"breadcrumb-dropdown",key:e},t("button",{"aria-expanded":a?"true":"false","aria-haspopup":"listbox",class:"breadcrumb-button breadcrumb-dropdown-trigger",onClick:()=>this.toggleDropdown(e),part:"dropdown-trigger",type:"button"},t("span",{class:"breadcrumb-text",part:"text"},o?.label??r.label),t("span",{class:"material-symbols-outlined breadcrumb-dropdown-chevron"},a?"expand_less":"expand_more")),a&&t("div",{class:"breadcrumb-dropdown-menu",part:"dropdown-menu",role:"listbox"},r.dropdownSearchable&&t("div",{class:"breadcrumb-dropdown-search"},t("span",{class:"material-symbols-outlined"},"search"),t("input",{onInput:r=>{this.dropdownQuery=r.target.value},placeholder:"Search",type:"text",value:this.dropdownQuery})),this.filteredOptions(r).map((a=>t("button",{"aria-selected":a.id===o?.id?"true":"false",class:{"breadcrumb-dropdown-item":!0,selected:a.id===o?.id},key:a.id,onClick:()=>this.handleOptionSelect(r,a,e),role:"option",type:"button"},a.icon&&t("span",{class:"material-symbols-outlined"},a.icon),t("span",null,a.label))))))}renderBreadcrumbItem(r,e){return r.slotName?t("div",{class:"breadcrumb-slot-item",key:e,part:"slot-item"},t("slot",{name:r.slotName})):r.dropdown?.length?this.renderDropdownItem(r,e):r.isActive||!r.path?t("div",{"aria-current":"page",class:"breadcrumb-button breadcrumb-current",key:e,part:"item-current"},t("span",{class:"breadcrumb-text",part:"text"},r.label)):t("button",{class:"breadcrumb-button",key:e,onClick:()=>this.handleItemClick(r),part:"item-button",type:"button"},t("span",{class:"breadcrumb-text",part:"text"},r.label))}renderSeparator(){return t("div",{"aria-hidden":"true",class:"breadcrumb-separator",part:"separator"},t("span",{class:"material-symbols-outlined"},this.separator))}render(){const{displayItems:r,showEllipsis:e,collapsedItems:a}=this.displayData,s=v("bh-breadcrumbs","overflowAriaLabelTemplate",this.overflowAriaLabelTemplate,"Show {{count}} hidden items").replace("{{count}}",String(a.length));return t("nav",{key:"d9cb90c45ee093c5c4e4866fd5a4bf8e8f27fdcc","aria-label":v("bh-breadcrumbs","breadcrumbAriaLabel",this.breadcrumbAriaLabel,"Breadcrumb"),class:"breadcrumbs",onKeyDown:this.handleKeyDown,part:"nav"},t("div",{key:"f2582eaf25b5c4c1875d4ad16775f1bc18856fdc",class:"breadcrumbs-container",part:"container"},t("div",{key:"13f2f7cdd0d62fd5e16916d84ec3bf61944ca77f",class:"breadcrumb-start",part:"start"},t("slot",{key:"7ff95646edddc588f1f67a5d3b2261d54bba97e0",name:"start",onSlotchange:this.handleStartSlotChange})),this.hasStartContent&&(this.showHome||r.length>0||e)&&this.renderSeparator(),this.showHome&&t("div",{key:"3aac672d0d7b1f9452909736190fd7e8fc90d7ce",class:"breadcrumb-item"},t("bh-button-icon",{key:"9de5438731f689a95f12d02b1a4a92a54d4a7906","aria-label":v("bh-breadcrumbs","homeAriaLabel",this.homeAriaLabel,"Home"),hierarchy:"tertiary",iconName:"cottage",onClick:this.handleHomeClick,size:"xs"})),this.showHome&&(r.length>0||e)&&this.renderSeparator(),e&&r.length>0&&t(o,{key:"c1653191bf2907dbd5d766670dfa40a814caaceb"},t("div",{key:"7a09f1af2b8251ad7a3bfd5a932cfe206047eba9",class:"breadcrumb-item"},this.renderBreadcrumbItem(r[0],0)),this.renderSeparator(),t("div",{key:"eb4bc8c0f62172df697fbe5c7fdd20d368a5e36f",class:"breadcrumb-item",part:"item"},t("button",{key:"ffc550c65f950da959790794fe3c5a8a6e302096","aria-label":s,class:"breadcrumb-button breadcrumb-ellipsis",onClick:this.handleEllipsisClick,onKeyDown:this.handleEllipsisKeyDown,part:"ellipsis-button",title:s,type:"button"},t("span",{key:"ad45203c999416f1d3e67092b042397c504c8dde",class:"breadcrumb-text",part:"text"},"..."))),this.renderSeparator(),r.slice(1).map(((e,a)=>t(o,null,t("div",{class:"breadcrumb-item",key:`item-${a+1}`},this.renderBreadcrumbItem(e,a+1)),a<r.slice(1).length-1&&this.renderSeparator())))),!e&&r.map(((e,a)=>t(o,null,t("div",{class:"breadcrumb-item",key:`item-${a}`},this.renderBreadcrumbItem(e,a)),a<r.length-1&&this.renderSeparator())))))}static get style(){return'@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } :root { --bh-breakpoint-xs: 0; --bh-breakpoint-sm: 576px; --bh-breakpoint-md: 768px; --bh-breakpoint-lg: 992px; --bh-breakpoint-xl: 1200px; --bh-breakpoint-xxl: 1400px; --bh-container-sm: 540px; --bh-container-md: 720px; --bh-container-lg: 960px; --bh-container-xl: 1140px; --bh-container-xxl: 1320px; } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-breadcrumbs-color: var(--color-text-secondary); --bh-breadcrumbs-color-hover: var(--color-text-primary); --bh-breadcrumbs-bg-hover: var(--color-bg-secondary); --bh-breadcrumbs-current-bg: var(--color-bg-secondary); --bh-breadcrumbs-current-color: var(--color-text-primary); --bh-breadcrumbs-separator-color: var(--color-border-primary); --bh-breadcrumbs-focus-ring-color: var(--color-border-interactive); } } @layer bh-base { .breadcrumbs { font-family: var(--font-inter); user-select: none; } .breadcrumbs-container { display: flex; align-items: center; gap: var(--spacing-xs); flex-wrap: wrap; } .breadcrumb-item, .breadcrumb-start, .breadcrumb-slot-item { display: flex; align-items: center; } .breadcrumb-button { display: flex; align-items: center; justify-content: center; padding: var(--spacing-xs) var(--spacing-sm); border: none; background: transparent; border-radius: var(--radius-sm); cursor: pointer; transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease; color: var(--bh-breadcrumbs-color); text-decoration: none; font-family: var(--font-inter); font-size: var(--text-sm-size); font-weight: var(--weight-medium); line-height: var(--line-height-normal); min-height: var(--bh-breadcrumbs-min-height); box-sizing: border-box; } .breadcrumb-text { white-space: nowrap; max-width: var(--bh-breadcrumbs-item-max-width); overflow: hidden; text-overflow: ellipsis; } .breadcrumb-icon { flex-shrink: 0; font-size: var(--bh-breadcrumbs-icon-size); width: var(--bh-breadcrumbs-icon-size); height: var(--bh-breadcrumbs-icon-size); color: var(--bh-breadcrumbs-color); } .breadcrumb-separator { display: flex; align-items: center; color: var(--bh-breadcrumbs-separator-color); font-size: var(--bh-breadcrumbs-icon-size); flex-shrink: 0; } .breadcrumb-separator .material-symbols-outlined { font-size: var(--bh-breadcrumbs-icon-size); width: var(--bh-breadcrumbs-icon-size); height: var(--bh-breadcrumbs-icon-size); } .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; font-size: var(--icon-size-lg); } } @layer bh-variants { .breadcrumb-home { padding: var(--spacing-xs); min-width: var(--bh-breadcrumbs-min-height); min-height: var(--bh-breadcrumbs-min-height); } .breadcrumb-home .breadcrumb-icon { font-size: var(--text-lg-size); width: var(--text-lg-size); height: var(--text-lg-size); } .breadcrumb-current { background-color: var(--bh-breadcrumbs-current-bg); color: var(--bh-breadcrumbs-current-color); font-weight: var(--weight-medium); cursor: default; } .breadcrumb-ellipsis { color: var(--bh-breadcrumbs-color); font-weight: var(--weight-medium); } } @layer bh-states { .breadcrumb-button:hover { background-color: var(--bh-breadcrumbs-bg-hover); color: var(--bh-breadcrumbs-color-hover); } .breadcrumb-button:focus-visible { outline: 2px solid var(--bh-breadcrumbs-focus-ring-color); outline-offset: 2px; } .breadcrumb-current:hover { background-color: var(--bh-breadcrumbs-current-bg); color: var(--bh-breadcrumbs-current-color); } .breadcrumb-ellipsis:hover { background-color: var(--bh-breadcrumbs-bg-hover); color: var(--bh-breadcrumbs-color-hover); } } @layer bh-utilities { @media (max-width: 640px) { .breadcrumb-text { max-width: var(--bh-breadcrumbs-item-max-width-sm); } .breadcrumbs-container { gap: var(--spacing-xxs); } .breadcrumb-button { padding: var(--spacing-xxs) var(--spacing-xs); font-size: var(--text-xs-size); } } } .breadcrumb-dropdown { position: relative; display: inline-flex; } .breadcrumb-dropdown-trigger { display: inline-flex; align-items: center; gap: var(--spacing-xs); } .breadcrumb-dropdown-chevron { font-size: var(--icon-size-base); color: var(--color-text-disabled); transition: color var(--animation-duration-normal) ease; } .breadcrumb-dropdown-trigger:hover .breadcrumb-dropdown-chevron { color: var(--color-text-secondary); } .breadcrumb-dropdown-menu { position: absolute; top: calc(100% + var(--spacing-xs)); left: 0; z-index: var(--bh-z-index-dropdown); min-width: 240px; background: var(--color-surface-elevated); border-radius: var(--radius-md); box-shadow: var(--shadow-dropdown); overflow: hidden; box-sizing: border-box; padding: var(--spacing-xs); } .breadcrumb-dropdown-search { display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-md); border-bottom: 1px solid var(--color-border-secondary); margin-bottom: var(--spacing-xs); } .breadcrumb-dropdown-search .material-symbols-outlined { font-size: var(--icon-size-base); color: var(--color-text-secondary); } .breadcrumb-dropdown-search input { flex: 1; min-width: 0; border: none; outline: none; background: transparent; font-family: var(--font-inter); font-size: var(--text-sm-size); color: var(--color-text-primary); } .breadcrumb-dropdown-search input::placeholder { color: var(--color-text-tertiary); } .breadcrumb-dropdown-item { display: flex; align-items: center; gap: var(--spacing-md); width: 100%; padding: var(--spacing-md); border: none; background: transparent; border-radius: var(--radius-sm); font-family: var(--font-inter); font-size: var(--text-sm-size); color: var(--color-text-primary); cursor: pointer; text-align: left; transition: background-color var(--animation-duration-fast) ease; } .breadcrumb-dropdown-item .material-symbols-outlined { font-size: var(--icon-size-base); color: var(--color-text-secondary); } .breadcrumb-dropdown-item:hover { background: var(--color-bg-secondary); } .breadcrumb-dropdown-item.selected { background: var(--color-neutral-200); }'}},[769,"bh-breadcrumbs",{items:[1],separator:[1],showHome:[4,"show-home"],maxVisibleItems:[2,"max-visible-items"],breadcrumbAriaLabel:[1,"breadcrumb-aria-label"],homeAriaLabel:[1,"home-aria-label"],overflowAriaLabelTemplate:[1,"overflow-aria-label-template"],_i18nVersion:[32],openDropdownIndex:[32],hasStartContent:[32],dropdownQuery:[32],dropdownSelections:[32]}]);function y(){"undefined"!=typeof customElements&&["bh-breadcrumbs","bh-button-icon","bh-loader-spinner"].forEach((r=>{switch(r){case"bh-breadcrumbs":customElements.get(s(r))||customElements.define(s(r),x);break;case"bh-button-icon":customElements.get(s(r))||i();break;case"bh-loader-spinner":customElements.get(s(r))||n()}}))}export{x as B,y as d}
@@ -1 +1 @@
1
- import{p as t,H as o,c as a,h as r,d as e,t as i}from"./p-YZi6LqIt.js";import{i as s,a as n,T as l,F as b}from"./p-vsM-NcS2.js";import{c as h,m as c,M as d,r as f}from"./p-BJXjqxlX.js";import{B as m,r as v}from"./p-BNVOtH-1.js";const p={bold:"Control+B",italic:"Control+I",underline:"Control+U",heading:"Control+Alt+1",blockquote:"Control+Shift+9",bulletList:"Control+Shift+8",orderedList:"Control+Shift+7",link:"Control+K"},u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhLinkRequest=a(this,"bhLinkRequest"),this.bhImageRequest=a(this,"bhImageRequest")}logger=h("bh-html-editor-toolbar");selectionListener;i18nUnsubscribe;_i18nVersion=0;get el(){return this}editor;disabled=!1;ariaLabel="Text formatting";activeStates={};focusedIndex=0;currentFontFamily="Inter";bhLinkRequest;bhImageRequest;async insertLink(t){this.editor&&s(t)&&(this.editor.chain().focus().extendMarkRange("link").setLink({href:t}).run(),this.updateActiveStates())}async insertImage(t,o=""){this.editor&&n(t)&&this.editor.chain().focus().setImage({src:t,alt:o}).run()}componentWillLoad(){this.i18nUnsubscribe=m.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.editor&&(this.selectionListener=()=>this.updateActiveStates(),this.editor.on("selectionUpdate",this.selectionListener),this.editor.on("transaction",this.selectionListener),this.updateActiveStates())}disconnectedCallback(){this.selectionListener&&this.editor&&(this.editor.off("selectionUpdate",this.selectionListener),this.editor.off("transaction",this.selectionListener)),this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),c.increment(d.COMPONENT_ERROR,{component:"bh-html-editor-toolbar"}),f("bh-html-editor-toolbar",t)}updateActiveStates(){if(!this.editor)return;const t={};for(const o of l)t[o.action]=o.isActive?.(this.editor)??!1;this.activeStates=t;const o=this.editor.getAttributes("textStyle"),a=o?.fontFamily??"",r=b.find((t=>t.toLowerCase()===a.toLowerCase()));this.currentFontFamily=r??"Inter"}handleAction=t=>{if(this.disabled||!this.editor)return;if("link"===t)return void this.handleLinkAction();if("image"===t)return void this.bhImageRequest.emit();const o=l.find((o=>o.action===t));o&&(o.command(this.editor),this.updateActiveStates())};handleLinkAction(){if(this.editor)return this.editor.isActive("link")?(this.editor.chain().focus().unsetLink().run(),void this.updateActiveStates()):void this.bhLinkRequest.emit()}handleFontFamilyChange=t=>{if(this.disabled||!this.editor)return;const o=t.target.value;this.currentFontFamily=o,this.editor.chain().focus().setFontFamily(o).run()};focusButtonAt(t){const o=this.el.shadowRoot?.querySelectorAll(".toolbar-btn");if(!o||0===o.length)return;const a=Math.max(0,Math.min(t,o.length-1));this.focusedIndex=a,o[a]?.focus()}handleToolbarKeyDown=t=>{if(this.disabled)return;const o=l.length;if(0!==o)switch(t.key){case"ArrowRight":t.preventDefault(),this.focusButtonAt((this.focusedIndex+1)%o);break;case"ArrowLeft":t.preventDefault(),this.focusButtonAt((this.focusedIndex-1+o)%o);break;case"Home":t.preventDefault(),this.focusButtonAt(0);break;case"End":t.preventDefault(),this.focusButtonAt(o-1)}};handleButtonFocus=t=>{this.focusedIndex=t};render(){return r(e,{key:"2a8d708ded84177a835582dbb3749ec26cb0735a"},r("div",{key:"a1cee86f34212eead146437ac3660eef8b66500a","aria-label":v("bh-html-editor-toolbar","ariaLabel",this.ariaLabel,"Text formatting"),class:"toolbar",onKeyDown:this.handleToolbarKeyDown,part:"toolbar",role:"toolbar"},r("div",{key:"ebfd767071ca0e3c0e4c4fcb9cdca8818629d11b",class:"font-family-wrapper"},r("select",{key:"ed9a7074aeaed5ac24673e4f0fa2e93aff11e677","aria-label":"Font family",class:"font-family-select",disabled:this.disabled,onChange:this.handleFontFamilyChange,value:this.currentFontFamily},b.map((t=>r("option",{key:t,value:t},t)))),r("span",{key:"e1a2a43ea7a90de68c8a4c12d767cfeeae133f0c",class:"material-symbols-outlined font-family-chevron"},"expand_more")),l.map(((t,o)=>r("button",{"aria-keyshortcuts":p[t.action],"aria-label":t.label,"aria-pressed":String(this.activeStates[t.action]??!1),class:{"toolbar-btn":!0,"toolbar-btn-active":this.activeStates[t.action]??!1},disabled:this.disabled,key:t.action,onClick:()=>this.handleAction(t.action),onFocus:()=>this.handleButtonFocus(o),tabIndex:this.disabled||o!==this.focusedIndex?-1:0,title:t.label,type:"button"},r("span",{class:"material-symbols-outlined"},t.icon))))))}static get style(){return"@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-toolbar-bg: var(--color-bg-secondary); --bh-toolbar-border: var(--color-border-secondary); --bh-toolbar-btn-size: var(--bh-button-height-sm); --bh-toolbar-btn-radius: var(--radius-sm); --bh-toolbar-btn-color: var(--color-text-secondary); --bh-toolbar-btn-color-hover: var(--color-text-primary); --bh-toolbar-btn-bg-hover: var(--color-bg-tertiary); --bh-toolbar-btn-bg-active: var(--color-brand-50); --bh-toolbar-btn-color-active: var(--color-text-interactive); --bh-toolbar-gap: var(--spacing-xs); --bh-toolbar-padding: var(--spacing-sm); --bh-toolbar-icon-size: var(--icon-size-md); --bh-toolbar-font-select-height: var(--bh-button-height-sm); --bh-toolbar-font-select-min-width: 140px; --bh-toolbar-font-select-border: var(--color-border-secondary); --bh-toolbar-font-select-radius: var(--radius-sm); --bh-toolbar-font-select-color: var(--color-text-secondary); --bh-toolbar-font-select-bg: var(--color-bg-primary); } } @layer bh-base { .toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bh-toolbar-gap); padding: var(--bh-toolbar-padding); background: var(--bh-toolbar-bg); border-bottom: 1px solid var(--bh-toolbar-border); } .font-family-wrapper { position: relative; display: inline-flex; align-items: center; margin-right: var(--spacing-sm); } .font-family-select { appearance: none; min-width: var(--bh-toolbar-font-select-min-width); height: var(--bh-toolbar-font-select-height); padding: 0 var(--spacing-2xl) 0 var(--spacing-md); border: 1px solid var(--bh-toolbar-font-select-border); border-radius: var(--bh-toolbar-font-select-radius); background: var(--bh-toolbar-font-select-bg); color: var(--bh-toolbar-font-select-color); font-size: var(--text-sm-size); font-family: inherit; cursor: pointer; transition: border-color var(--animation-duration-fast) ease; } .font-family-chevron { position: absolute; right: var(--spacing-sm); font-size: var(--bh-toolbar-icon-size); color: var(--bh-toolbar-font-select-color); pointer-events: none; } .toolbar-btn { display: inline-flex; align-items: center; justify-content: center; width: var(--bh-toolbar-btn-size); height: var(--bh-toolbar-btn-size); padding: 0; margin: 0; border: none; border-radius: var(--bh-toolbar-btn-radius); background: transparent; color: var(--bh-toolbar-btn-color); cursor: pointer; transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease; position: relative; } .toolbar-btn .material-symbols-outlined { font-size: var(--bh-toolbar-icon-size); } } @layer bh-states { .font-family-select:hover:not(:disabled) { border-color: var(--color-border-primary); } .font-family-select:focus-visible { outline: 2px solid var(--color-border-interactive); outline-offset: 1px; } .font-family-select:disabled { opacity: 0.4; cursor: not-allowed; } .toolbar-btn:hover:not(:disabled) { background: var(--bh-toolbar-btn-bg-hover); color: var(--bh-toolbar-btn-color-hover); } .toolbar-btn:focus-visible { outline: 2px solid var(--color-border-interactive); outline-offset: 1px; } .toolbar-btn-active { background: var(--bh-toolbar-btn-bg-active); color: var(--bh-toolbar-btn-color-active); } .toolbar-btn-active:hover:not(:disabled) { background: var(--bh-toolbar-btn-bg-active); color: var(--bh-toolbar-btn-color-active); } .toolbar-btn:disabled { opacity: 0.4; cursor: not-allowed; } } @layer bh-utilities { @media (max-width: 768px) { :host { --bh-toolbar-btn-size: 28px; --bh-toolbar-gap: var(--spacing-xxs); --bh-toolbar-padding: var(--spacing-xs); --bh-toolbar-icon-size: 18px; } .toolbar { flex-wrap: wrap; } .font-family-wrapper { width: 100%; margin-right: 0; margin-bottom: var(--spacing-xs); } .font-family-select { width: 100%; } } }"}},[513,"bh-html-editor-toolbar",{editor:[16],disabled:[4],ariaLabel:[1,"aria-label"],_i18nVersion:[32],activeStates:[32],focusedIndex:[32],currentFontFamily:[32],insertLink:[64],insertImage:[64]}]);function g(){"undefined"!=typeof customElements&&["bh-html-editor-toolbar"].forEach((t=>{"bh-html-editor-toolbar"===t&&(customElements.get(i(t))||customElements.define(i(t),u))}))}export{u as B,g as d}
1
+ import{p as t,H as o,c as r,h as a,d as e,t as i}from"./p-YZi6LqIt.js";import{i as s,a as n,T as l,F as b}from"./p-vsM-NcS2.js";import{c as h,m as c,M as d,r as f}from"./p-BJXjqxlX.js";import{B as m,r as v}from"./p-BNVOtH-1.js";const p={bold:"Control+B",italic:"Control+I",underline:"Control+U",heading:"Control+Alt+1",blockquote:"Control+Shift+9",bulletList:"Control+Shift+8",orderedList:"Control+Shift+7",link:"Control+K"},u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhLinkRequest=r(this,"bhLinkRequest"),this.bhImageRequest=r(this,"bhImageRequest")}logger=h("bh-html-editor-toolbar");selectionListener;i18nUnsubscribe;_i18nVersion=0;get el(){return this}editor;disabled=!1;ariaLabel="Text formatting";activeStates={};focusedIndex=0;currentFontFamily="Inter";bhLinkRequest;bhImageRequest;async insertLink(t){this.editor&&s(t)&&(this.editor.chain().focus().extendMarkRange("link").setLink({href:t}).run(),this.updateActiveStates())}async insertImage(t,o=""){this.editor&&n(t)&&this.editor.chain().focus().setImage({src:t,alt:o}).run()}componentWillLoad(){this.i18nUnsubscribe=m.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.editor&&(this.selectionListener=()=>this.updateActiveStates(),this.editor.on("selectionUpdate",this.selectionListener),this.editor.on("transaction",this.selectionListener),this.updateActiveStates())}disconnectedCallback(){this.selectionListener&&this.editor&&(this.editor.off("selectionUpdate",this.selectionListener),this.editor.off("transaction",this.selectionListener)),this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),c.increment(d.COMPONENT_ERROR,{component:"bh-html-editor-toolbar"}),f("bh-html-editor-toolbar",t)}updateActiveStates(){if(!this.editor)return;const t={};for(const o of l)t[o.action]=o.isActive?.(this.editor)??!1;this.activeStates=t;const o=this.editor.getAttributes("textStyle"),r=o?.fontFamily??"",a=b.find((t=>t.toLowerCase()===r.toLowerCase()));this.currentFontFamily=a??"Inter"}handleAction=t=>{if(this.disabled||!this.editor)return;if("link"===t)return void this.handleLinkAction();if("image"===t)return void this.bhImageRequest.emit();const o=l.find((o=>o.action===t));o&&(o.command(this.editor),this.updateActiveStates())};handleLinkAction(){if(this.editor)return this.editor.isActive("link")?(this.editor.chain().focus().unsetLink().run(),void this.updateActiveStates()):void this.bhLinkRequest.emit()}handleFontFamilyChange=t=>{if(this.disabled||!this.editor)return;const o=t.target.value;this.currentFontFamily=o,this.editor.chain().focus().setFontFamily(o).run()};focusButtonAt(t){const o=this.el.shadowRoot?.querySelectorAll(".toolbar-btn");if(!o||0===o.length)return;const r=Math.max(0,Math.min(t,o.length-1));this.focusedIndex=r,o[r]?.focus()}handleToolbarKeyDown=t=>{if(this.disabled)return;const o=l.length;if(0!==o)switch(t.key){case"ArrowRight":t.preventDefault(),this.focusButtonAt((this.focusedIndex+1)%o);break;case"ArrowLeft":t.preventDefault(),this.focusButtonAt((this.focusedIndex-1+o)%o);break;case"Home":t.preventDefault(),this.focusButtonAt(0);break;case"End":t.preventDefault(),this.focusButtonAt(o-1)}};handleButtonFocus=t=>{this.focusedIndex=t};render(){return a(e,{key:"f96d1686ef816f98780f2fa6e8ee4c87df494f0b"},a("div",{key:"d43361b08d09e66fd0f4e1e9413e9e1246b353c7","aria-label":v("bh-html-editor-toolbar","ariaLabel",this.ariaLabel,"Text formatting"),class:"toolbar",onKeyDown:this.handleToolbarKeyDown,part:"toolbar",role:"toolbar"},a("div",{key:"5f6e4246b44d70f4f0ab59a693fa8cec45995ed9",class:"font-family-wrapper"},a("select",{key:"13ef4e0e550148099166ea8eea00cc7f3eafbaad","aria-label":"Font family",class:"font-family-select",disabled:this.disabled,onChange:this.handleFontFamilyChange,value:this.currentFontFamily},b.map((t=>a("option",{key:t,value:t},t)))),a("span",{key:"4afc2f74c62939ea7190b1cfde16d217fe55e706",class:"material-symbols-outlined font-family-chevron"},"expand_more")),l.map(((t,o)=>a("button",{"aria-keyshortcuts":p[t.action],"aria-label":t.label,"aria-pressed":String(this.activeStates[t.action]??!1),class:{"toolbar-btn":!0,"toolbar-btn-active":this.activeStates[t.action]??!1},disabled:this.disabled,key:t.action,onClick:()=>this.handleAction(t.action),onFocus:()=>this.handleButtonFocus(o),tabIndex:this.disabled||o!==this.focusedIndex?-1:0,title:t.label,type:"button"},a("span",{class:"material-symbols-outlined"},t.icon))))))}static get style(){return"@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-toolbar-bg: var(--color-bg-secondary); --bh-toolbar-border: var(--color-border-secondary); --bh-toolbar-btn-size: var(--bh-button-height-sm); --bh-toolbar-btn-radius: var(--radius-sm); --bh-toolbar-btn-color: var(--color-text-secondary); --bh-toolbar-btn-color-hover: var(--color-text-primary); --bh-toolbar-btn-bg-hover: var(--color-bg-tertiary); --bh-toolbar-btn-bg-active: var(--color-brand-50); --bh-toolbar-btn-color-active: var(--color-text-interactive); --bh-toolbar-gap: var(--spacing-xs); --bh-toolbar-padding: var(--spacing-sm); --bh-toolbar-icon-size: var(--icon-size-md); --bh-toolbar-font-select-height: var(--bh-button-height-sm); --bh-toolbar-font-select-min-width: 140px; --bh-toolbar-font-select-border: var(--color-border-secondary); --bh-toolbar-font-select-radius: var(--radius-sm); --bh-toolbar-font-select-color: var(--color-text-secondary); --bh-toolbar-font-select-bg: var(--color-bg-primary); } } @layer bh-base { .toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bh-toolbar-gap); padding: var(--bh-toolbar-padding); background: var(--bh-toolbar-bg); border-bottom: 1px solid var(--bh-toolbar-border); } .font-family-wrapper { position: relative; display: inline-flex; align-items: center; margin-right: var(--spacing-sm); } .font-family-select { appearance: none; min-width: var(--bh-toolbar-font-select-min-width); height: var(--bh-toolbar-font-select-height); padding: 0 var(--spacing-2xl) 0 var(--spacing-md); border: 1px solid var(--bh-toolbar-font-select-border); border-radius: var(--bh-toolbar-font-select-radius); background: var(--bh-toolbar-font-select-bg); color: var(--bh-toolbar-font-select-color); font-size: var(--text-sm-size); font-family: inherit; cursor: pointer; transition: border-color var(--animation-duration-fast) ease; } .font-family-chevron { position: absolute; right: var(--spacing-sm); font-size: var(--bh-toolbar-icon-size); color: var(--bh-toolbar-font-select-color); pointer-events: none; } .toolbar-btn { display: inline-flex; align-items: center; justify-content: center; width: var(--bh-toolbar-btn-size); height: var(--bh-toolbar-btn-size); padding: 0; margin: 0; border: none; border-radius: var(--bh-toolbar-btn-radius); background: transparent; color: var(--bh-toolbar-btn-color); cursor: pointer; transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease; position: relative; } .toolbar-btn .material-symbols-outlined { font-size: var(--bh-toolbar-icon-size); } } @layer bh-states { .font-family-select:hover:not(:disabled) { border-color: var(--color-border-primary); } .font-family-select:focus-visible { outline: 2px solid var(--color-border-interactive); outline-offset: 1px; } .font-family-select:disabled { opacity: 0.4; cursor: not-allowed; } .toolbar-btn:hover:not(:disabled) { background: var(--bh-toolbar-btn-bg-hover); color: var(--bh-toolbar-btn-color-hover); } .toolbar-btn:focus-visible { outline: 2px solid var(--color-border-interactive); outline-offset: 1px; } .toolbar-btn-active { background: var(--bh-toolbar-btn-bg-active); color: var(--bh-toolbar-btn-color-active); } .toolbar-btn-active:hover:not(:disabled) { background: var(--bh-toolbar-btn-bg-active); color: var(--bh-toolbar-btn-color-active); } .toolbar-btn:disabled { opacity: 0.4; cursor: not-allowed; } } @layer bh-utilities { @media (max-width: 768px) { :host { --bh-toolbar-btn-size: 28px; --bh-toolbar-gap: var(--spacing-xxs); --bh-toolbar-padding: var(--spacing-xs); --bh-toolbar-icon-size: 18px; } .toolbar { flex-wrap: wrap; } .font-family-wrapper { width: 100%; margin-right: 0; margin-bottom: var(--spacing-xs); } .font-family-select { width: 100%; } } }"}},[513,"bh-html-editor-toolbar",{editor:[16],disabled:[4],ariaLabel:[1,"aria-label"],_i18nVersion:[32],activeStates:[32],focusedIndex:[32],currentFontFamily:[32],insertLink:[64],insertImage:[64]}]);function g(){"undefined"!=typeof customElements&&["bh-html-editor-toolbar"].forEach((t=>{"bh-html-editor-toolbar"===t&&(customElements.get(i(t))||customElements.define(i(t),u))}))}export{u as B,g as d}
@@ -1 +1 @@
1
- import{p as o,H as a,c as r,h as e,d as i,t as d}from"./p-YZi6LqIt.js";import{c as g,m as b,M as n,r as s}from"./p-BJXjqxlX.js";import{c,g as l}from"./p-YdVz1TeW.js";import{B as t,r as h}from"./p-BNVOtH-1.js";import{a as m}from"./p-BqJRACkO.js";import{m as u,b as p}from"./p-Bam7V_bL.js";const v=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bhClose=r(this,"bhClose"),this.bhClick=r(this,"bhClick")}logger=g("bh-badge");focusState=c();i18nUnsubscribe;_i18nVersion=0;variant="gray";size="md";emphasis="high";label="Label";icon;dismissible=!1;disabled=!1;bhClose;bhClick;focusVersion=0;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=t.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(o){this.logger.error("Component error caught",o instanceof Error?o:new Error(String(o))),b.increment(n.COMPONENT_ERROR,{component:"bh-badge",error_type:o instanceof Error?o.name:"unknown"}),s("bh-badge",o)}handleDismiss=o=>{o.stopPropagation(),this.dismissible&&!this.disabled&&this.bhClose.emit()};handleClick=o=>{this.disabled||this.bhClick.emit(o)};handleFocus=o=>{this.focusState.handleFocus(o)};handleBlur=o=>{this.focusState.handleBlur(o)};handleKeyDown=o=>{!this.disabled&&m(o)&&(o.preventDefault(),this.dismissible?this.bhClose.emit():this.bhClick.emit(o))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const o=this.variant,a=l(this.focusState,"badge"),r=u(p({base:"badge",size:this.size,variant:o,kind:this.emphasis,modifiers:{disabled:this.disabled,"icon-only":Boolean(this.icon)&&!this.label}}),a),d=`badge-icon-${o}-${this.emphasis}`,g="dot"===this.icon,b=Boolean(this.icon);return e(i,{key:"4816465d007d781d018920aad184dafc0822aae9"},e("span",{key:"1225a9ef5e63b37c1824dcff1d5f3d868ddb943d","aria-disabled":this.disabled?"true":void 0,class:r,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"badge",role:"status",tabIndex:this.dismissible&&!this.disabled?0:-1},b&&e("span",{key:"b1a42b78154a97efed271fca43ac23b291d3899e",class:{"material-symbols-outlined":!0,[d]:!0,"badge-icon-dot":g,"badge-icon-custom":!g}},g?"fiber_manual_record":this.icon),this.label&&e("span",{key:"0c78085ea38a7d5b9d17ae0990a741d0ac56bba3",class:"badge-label"},this.label),this.dismissible&&e("button",{key:"81a243d88637f1ed0d1f44afe75f426efe4fef13","aria-label":h("bh-badge","dismissAriaLabel",void 0,"Dismiss"),class:"badge-dismiss",disabled:this.disabled,onClick:this.handleDismiss,part:"dismiss-button",type:"button"},e("span",{key:"a1772ab6e505a24764f591207ff4a76c93c3fe9c",class:`material-symbols-outlined badge-dismiss-icon ${d}`},"close"))))}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-badge-border-radius:var(--radius-full);--bh-badge-font-family:var(--font-inter);--bh-badge-font-weight:var(--weight-medium);--bh-badge-gap-sm:var(--spacing-sm);--bh-badge-gap-xxs:var(--spacing-xxs);--bh-badge-padding-xs:var(--spacing-xxs);--bh-badge-padding-sm:var(--spacing-sm);--bh-badge-padding-md:var(--spacing-md);--bh-badge-padding-lg:var(--spacing-lg);--bh-badge-padding-xl:var(--spacing-xl);--bh-badge-text-xs:var(--text-xs-size);--bh-badge-text-sm:var(--text-sm-size);--bh-badge-text-md:var(--text-md-size);--bh-badge-line-height-xs:var(--line-height-tight);--bh-badge-line-height-sm:var(--line-height-normal);--bh-badge-line-height-md:var(--line-height-normal)}}@layer bh-base{.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--bh-badge-gap-sm);font-family:var(--bh-badge-font-family);font-weight:var(--bh-badge-font-weight);border-radius:var(--bh-badge-border-radius);white-space:nowrap;text-align:center;transition:background-color var(--animation-duration-normal) ease, color var(--animation-duration-normal) ease, border-color var(--animation-duration-normal) ease;border:1px solid transparent;user-select:none;cursor:default}.badge-icon-only{aspect-ratio:1;padding:0;justify-content:center;box-sizing:border-box}.badge-icon-only.badge-sm{width:var(--bh-badge-height-sm);height:var(--bh-badge-height-sm);padding:0}.badge-icon-only.badge-md{width:var(--bh-badge-height-md);height:var(--bh-badge-height-md);padding:0}.badge-icon-only.badge-lg{width:var(--bh-badge-height-lg);height:var(--bh-badge-height-lg);padding:0}.badge-icon-only .badge-icon-custom{font-size:var(--bh-badge-icon-custom-size-md) !important;line-height:1}.badge-icon-dot{font-size:var(--bh-badge-dot-sm) !important;width:var(--bh-badge-dot-sm);height:var(--bh-badge-dot-sm);line-height:1;flex-shrink:0;font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 16}.badge-icon-custom{font-size:var(--bh-badge-icon-md) !important;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 16}.badge-label{flex-shrink:0;font-weight:inherit}.badge-dismiss{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin-left:var(--bh-badge-gap-xxs);border-radius:var(--radius-full);transition:background-color var(--animation-duration-normal) ease, opacity var(--animation-duration-normal) ease;width:var(--bh-badge-icon-md);height:var(--bh-badge-icon-md)}.badge-dismiss-icon{font-size:var(--bh-badge-icon-sm) !important;width:var(--bh-badge-icon-sm);height:var(--bh-badge-icon-sm);line-height:1;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 14}}@layer bh-variants{.badge-sm{height:var(--bh-badge-height-sm);box-sizing:border-box;padding:0 var(--bh-badge-padding-sm);font-size:var(--bh-badge-font-size-sm);line-height:var(--bh-badge-line-height-xs)}.badge-sm .badge-icon-dot{font-size:var(--bh-badge-dot-xs) !important;width:var(--bh-badge-dot-xs);height:var(--bh-badge-dot-xs)}.badge-sm .badge-icon-custom{font-size:var(--bh-badge-icon-xs) !important}.badge-sm .badge-dismiss{width:var(--bh-badge-icon-sm);height:var(--bh-badge-icon-sm)}.badge-sm .badge-dismiss-icon{font-size:var(--bh-badge-icon-xs) !important;width:var(--bh-badge-icon-xs);height:var(--bh-badge-icon-xs)}.badge-md{height:var(--bh-badge-height-md);box-sizing:border-box;padding:0 var(--bh-badge-padding-md);font-size:var(--bh-badge-font-size-md);line-height:var(--bh-badge-line-height-sm)}.badge-lg{height:var(--bh-badge-height-lg);box-sizing:border-box;padding:0 var(--bh-badge-padding-lg);font-size:var(--bh-badge-font-size-md);line-height:var(--bh-badge-line-height-md)}.badge-lg .badge-icon-dot{font-size:var(--bh-badge-dot-md) !important;width:var(--bh-badge-dot-md);height:var(--bh-badge-dot-md)}.badge-lg .badge-icon-custom{font-size:var(--bh-badge-icon-xl) !important}.badge-lg .badge-dismiss{width:var(--bh-badge-icon-lg);height:var(--bh-badge-icon-lg)}.badge-lg .badge-dismiss-icon{font-size:var(--bh-badge-icon-md) !important;width:var(--bh-badge-icon-md);height:var(--bh-badge-icon-md)}.badge-high.badge-gray{background-color:var(--color-neutral-200);color:var(--color-neutral-700)}.badge-high .badge-icon-gray-high,.badge-high .badge-dismiss-icon.badge-icon-gray-high{color:var(--color-neutral-700) !important}.badge-high.badge-brand{background-color:var(--color-brand-200);color:var(--color-brand-800)}.badge-high .badge-icon-brand-high,.badge-high .badge-dismiss-icon.badge-icon-brand-high{color:var(--color-brand-800) !important}.badge-high.badge-blue{background-color:var(--color-blue-200);color:var(--color-blue-900)}.badge-high .badge-icon-blue-high,.badge-high .badge-dismiss-icon.badge-icon-blue-high{color:var(--color-blue-900) !important}.badge-high.badge-error{background-color:var(--color-error-200);color:var(--color-error-900)}.badge-high .badge-icon-error-high,.badge-high .badge-dismiss-icon.badge-icon-error-high{color:var(--color-error-900) !important}.badge-high.badge-warning{background-color:var(--color-warning-200);color:var(--color-warning-900)}.badge-high .badge-icon-warning-high,.badge-high .badge-dismiss-icon.badge-icon-warning-high{color:var(--color-warning-900) !important}.badge-high.badge-success{background-color:var(--color-success-200);color:var(--color-success-900)}.badge-high .badge-icon-success-high,.badge-high .badge-dismiss-icon.badge-icon-success-high{color:var(--color-success-900) !important}.badge-high.badge-purple{background-color:var(--color-purple-200);color:var(--color-purple-800)}.badge-high .badge-icon-purple-high,.badge-high .badge-dismiss-icon.badge-icon-purple-high{color:var(--color-purple-800) !important}.badge-high.badge-pink{background-color:var(--color-pink-200);color:var(--color-pink-800)}.badge-high .badge-icon-pink-high,.badge-high .badge-dismiss-icon.badge-icon-pink-high{color:var(--color-pink-800) !important}.badge-high.badge-orange{background-color:var(--color-orange-200);color:var(--color-orange-800)}.badge-high .badge-icon-orange-high,.badge-high .badge-dismiss-icon.badge-icon-orange-high{color:var(--color-orange-800) !important}.badge-medium.badge-gray{background-color:var(--color-neutral-50);color:var(--color-neutral-700);border-color:var(--color-neutral-200)}.badge-medium .badge-icon-gray-medium,.badge-medium .badge-dismiss-icon.badge-icon-gray-medium{color:var(--color-neutral-700) !important}.badge-medium.badge-brand{background-color:var(--color-brand-50);color:var(--color-brand-700);border-color:var(--color-brand-200)}.badge-medium .badge-icon-brand-medium,.badge-medium .badge-dismiss-icon.badge-icon-brand-medium{color:var(--color-brand-700) !important}.badge-medium.badge-blue{background-color:var(--color-blue-50);color:var(--color-blue-700);border-color:var(--color-blue-200)}.badge-medium .badge-icon-blue-medium,.badge-medium .badge-dismiss-icon.badge-icon-blue-medium{color:var(--color-blue-700) !important}.badge-medium.badge-error{background-color:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-200)}.badge-medium .badge-icon-error-medium,.badge-medium .badge-dismiss-icon.badge-icon-error-medium{color:var(--color-error-700) !important}.badge-medium.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-200)}.badge-medium .badge-icon-warning-medium,.badge-medium .badge-dismiss-icon.badge-icon-warning-medium{color:var(--color-warning-700) !important}.badge-medium.badge-success{background-color:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.badge-medium .badge-icon-success-medium,.badge-medium .badge-dismiss-icon.badge-icon-success-medium{color:var(--color-success-700) !important}.badge-medium.badge-purple{background-color:var(--color-purple-50);color:var(--color-purple-700);border-color:var(--color-purple-200)}.badge-medium .badge-icon-purple-medium,.badge-medium .badge-dismiss-icon.badge-icon-purple-medium{color:var(--color-purple-700) !important}.badge-medium.badge-pink{background-color:var(--color-pink-50);color:var(--color-pink-800);border-color:var(--color-pink-200)}.badge-medium .badge-icon-pink-medium,.badge-medium .badge-dismiss-icon.badge-icon-pink-medium{color:var(--color-pink-800) !important}.badge-medium.badge-orange{background-color:var(--color-orange-50);color:var(--color-orange-800);border-color:var(--color-orange-200)}.badge-medium .badge-icon-orange-medium,.badge-medium .badge-dismiss-icon.badge-icon-orange-medium{color:var(--color-orange-800) !important}.badge-low.badge-gray{background-color:transparent;color:var(--color-neutral-600);border-color:var(--color-neutral-200)}.badge-low .badge-icon-gray-low,.badge-low .badge-dismiss-icon.badge-icon-gray-low{color:var(--color-neutral-600) !important}.badge-low.badge-brand{background-color:transparent;color:var(--color-brand-600);border-color:var(--color-brand-200)}.badge-low .badge-icon-brand-low,.badge-low .badge-dismiss-icon.badge-icon-brand-low{color:var(--color-brand-600) !important}.badge-low.badge-blue{background-color:transparent;color:var(--color-blue-700);border-color:var(--color-blue-200)}.badge-low .badge-icon-blue-low,.badge-low .badge-dismiss-icon.badge-icon-blue-low{color:var(--color-blue-700) !important}.badge-low.badge-error{background-color:transparent;color:var(--color-error-600);border-color:var(--color-error-200)}.badge-low .badge-icon-error-low,.badge-low .badge-dismiss-icon.badge-icon-error-low{color:var(--color-error-600) !important}.badge-low.badge-warning{background-color:transparent;color:var(--color-warning-700);border-color:var(--color-warning-200)}.badge-low .badge-icon-warning-low,.badge-low .badge-dismiss-icon.badge-icon-warning-low{color:var(--color-warning-700) !important}.badge-low.badge-success{background-color:transparent;color:var(--color-success-700);border-color:var(--color-success-200)}.badge-low .badge-icon-success-low,.badge-low .badge-dismiss-icon.badge-icon-success-low{color:var(--color-success-700) !important}.badge-low.badge-purple{background-color:transparent;color:var(--color-purple-600);border-color:var(--color-purple-200)}.badge-low .badge-icon-purple-low,.badge-low .badge-dismiss-icon.badge-icon-purple-low{color:var(--color-purple-600) !important}.badge-low.badge-pink{background-color:transparent;color:var(--color-pink-600);border-color:var(--color-pink-200)}.badge-low .badge-icon-pink-low,.badge-low .badge-dismiss-icon.badge-icon-pink-low{color:var(--color-pink-600) !important}.badge-low.badge-orange{background-color:transparent;color:var(--color-orange-700);border-color:var(--color-orange-200)}.badge-low .badge-icon-orange-low,.badge-low .badge-dismiss-icon.badge-icon-orange-low{color:var(--color-orange-700) !important}.badge-disabled{opacity:0.5;cursor:not-allowed}}'}},[513,"bh-badge",{variant:[1],size:[1],emphasis:[1],label:[1],icon:[1],dismissible:[4],disabled:[4],_i18nVersion:[32],focusVersion:[32]}]);function w(){"undefined"!=typeof customElements&&["bh-badge"].forEach((o=>{"bh-badge"===o&&(customElements.get(d(o))||customElements.define(d(o),v))}))}export{v as B,w as d}
1
+ import{p as o,H as a,c as r,h as e,d as i,t as d}from"./p-YZi6LqIt.js";import{c as b,m as g,M as n,r as s}from"./p-BJXjqxlX.js";import{c,g as l}from"./p-YdVz1TeW.js";import{B as t,r as h}from"./p-BNVOtH-1.js";import{a as m}from"./p-BqJRACkO.js";import{m as u,b as p}from"./p-Bam7V_bL.js";const v=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bhClose=r(this,"bhClose"),this.bhClick=r(this,"bhClick")}logger=b("bh-badge");focusState=c();i18nUnsubscribe;_i18nVersion=0;variant="gray";size="md";emphasis="high";label="Label";icon;dismissible=!1;disabled=!1;bhClose;bhClick;focusVersion=0;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=t.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(o){this.logger.error("Component error caught",o instanceof Error?o:new Error(String(o))),g.increment(n.COMPONENT_ERROR,{component:"bh-badge",error_type:o instanceof Error?o.name:"unknown"}),s("bh-badge",o)}handleDismiss=o=>{o.stopPropagation(),this.dismissible&&!this.disabled&&this.bhClose.emit()};handleClick=o=>{this.disabled||this.bhClick.emit(o)};handleFocus=o=>{this.focusState.handleFocus(o)};handleBlur=o=>{this.focusState.handleBlur(o)};handleKeyDown=o=>{!this.disabled&&m(o)&&(o.preventDefault(),this.dismissible?this.bhClose.emit():this.bhClick.emit(o))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const o=this.variant,a=l(this.focusState,"badge"),r=u(p({base:"badge",size:this.size,variant:o,kind:this.emphasis,modifiers:{disabled:this.disabled,"icon-only":Boolean(this.icon)&&!this.label}}),a),d=`badge-icon-${o}-${this.emphasis}`,b="dot"===this.icon,g=Boolean(this.icon);return e(i,{key:"6110746e6cc85b6e623abd53dbeb1b1360485329"},e("span",{key:"1adae843f5065e81285130644690a76140501004","aria-disabled":this.disabled?"true":void 0,class:r,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"badge",role:"status",tabIndex:this.dismissible&&!this.disabled?0:-1},g&&e("span",{key:"71f8499d7b4a14d8dcbfe204243deb9ac5079238",class:{"material-symbols-outlined":!0,[d]:!0,"badge-icon-dot":b,"badge-icon-custom":!b}},b?"fiber_manual_record":this.icon),this.label&&e("span",{key:"9a1cc6cf8d657aff65b0f08bc9e4c9a6e515a8dd",class:"badge-label"},this.label),this.dismissible&&e("button",{key:"4f6d182fa10dc21f862757c43bf3e39cafd5bbe7","aria-label":h("bh-badge","dismissAriaLabel",void 0,"Dismiss"),class:"badge-dismiss",disabled:this.disabled,onClick:this.handleDismiss,part:"dismiss-button",type:"button"},e("span",{key:"5065a67791d6190446f4f55a0ab6f29f35bbccbc",class:`material-symbols-outlined badge-dismiss-icon ${d}`},"close"))))}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-badge-border-radius:var(--radius-full);--bh-badge-font-family:var(--font-inter);--bh-badge-font-weight:var(--weight-medium);--bh-badge-gap-sm:var(--spacing-sm);--bh-badge-gap-xxs:var(--spacing-xxs);--bh-badge-padding-xs:var(--spacing-xxs);--bh-badge-padding-sm:var(--spacing-sm);--bh-badge-padding-md:var(--spacing-md);--bh-badge-padding-lg:var(--spacing-lg);--bh-badge-padding-xl:var(--spacing-xl);--bh-badge-text-xs:var(--text-xs-size);--bh-badge-text-sm:var(--text-sm-size);--bh-badge-text-md:var(--text-md-size);--bh-badge-line-height-xs:var(--line-height-tight);--bh-badge-line-height-sm:var(--line-height-normal);--bh-badge-line-height-md:var(--line-height-normal)}}@layer bh-base{.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--bh-badge-gap-sm);font-family:var(--bh-badge-font-family);font-weight:var(--bh-badge-font-weight);border-radius:var(--bh-badge-border-radius);white-space:nowrap;text-align:center;transition:background-color var(--animation-duration-normal) ease, color var(--animation-duration-normal) ease, border-color var(--animation-duration-normal) ease;border:1px solid transparent;user-select:none;cursor:default}.badge-icon-only{aspect-ratio:1;padding:0;justify-content:center;box-sizing:border-box}.badge-icon-only.badge-sm{width:var(--bh-badge-height-sm);height:var(--bh-badge-height-sm);padding:0}.badge-icon-only.badge-md{width:var(--bh-badge-height-md);height:var(--bh-badge-height-md);padding:0}.badge-icon-only.badge-lg{width:var(--bh-badge-height-lg);height:var(--bh-badge-height-lg);padding:0}.badge-icon-only .badge-icon-custom{font-size:var(--bh-badge-icon-custom-size-md) !important;line-height:1}.badge-icon-dot{font-size:var(--bh-badge-dot-sm) !important;width:var(--bh-badge-dot-sm);height:var(--bh-badge-dot-sm);line-height:1;flex-shrink:0;font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 16}.badge-icon-custom{font-size:var(--bh-badge-icon-md) !important;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 16}.badge-label{flex-shrink:0;font-weight:inherit}.badge-dismiss{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin-left:var(--bh-badge-gap-xxs);border-radius:var(--radius-full);transition:background-color var(--animation-duration-normal) ease, opacity var(--animation-duration-normal) ease;width:var(--bh-badge-icon-md);height:var(--bh-badge-icon-md)}.badge-dismiss-icon{font-size:var(--bh-badge-icon-sm) !important;width:var(--bh-badge-icon-sm);height:var(--bh-badge-icon-sm);line-height:1;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 14}}@layer bh-variants{.badge-sm{height:var(--bh-badge-height-sm);box-sizing:border-box;padding:0 var(--bh-badge-padding-sm);font-size:var(--bh-badge-font-size-sm);line-height:var(--bh-badge-line-height-xs)}.badge-sm .badge-icon-dot{font-size:var(--bh-badge-dot-xs) !important;width:var(--bh-badge-dot-xs);height:var(--bh-badge-dot-xs)}.badge-sm .badge-icon-custom{font-size:var(--bh-badge-icon-xs) !important}.badge-sm .badge-dismiss{width:var(--bh-badge-icon-sm);height:var(--bh-badge-icon-sm)}.badge-sm .badge-dismiss-icon{font-size:var(--bh-badge-icon-xs) !important;width:var(--bh-badge-icon-xs);height:var(--bh-badge-icon-xs)}.badge-md{height:var(--bh-badge-height-md);box-sizing:border-box;padding:0 var(--bh-badge-padding-md);font-size:var(--bh-badge-font-size-md);line-height:var(--bh-badge-line-height-sm)}.badge-lg{height:var(--bh-badge-height-lg);box-sizing:border-box;padding:0 var(--bh-badge-padding-lg);font-size:var(--bh-badge-font-size-md);line-height:var(--bh-badge-line-height-md)}.badge-lg .badge-icon-dot{font-size:var(--bh-badge-dot-md) !important;width:var(--bh-badge-dot-md);height:var(--bh-badge-dot-md)}.badge-lg .badge-icon-custom{font-size:var(--bh-badge-icon-xl) !important}.badge-lg .badge-dismiss{width:var(--bh-badge-icon-lg);height:var(--bh-badge-icon-lg)}.badge-lg .badge-dismiss-icon{font-size:var(--bh-badge-icon-md) !important;width:var(--bh-badge-icon-md);height:var(--bh-badge-icon-md)}.badge-high.badge-gray{background-color:var(--color-neutral-200);color:var(--color-neutral-700)}.badge-high .badge-icon-gray-high,.badge-high .badge-dismiss-icon.badge-icon-gray-high{color:var(--color-neutral-700) !important}.badge-high.badge-brand{background-color:var(--color-brand-200);color:var(--color-brand-800)}.badge-high .badge-icon-brand-high,.badge-high .badge-dismiss-icon.badge-icon-brand-high{color:var(--color-brand-800) !important}.badge-high.badge-blue{background-color:var(--color-blue-200);color:var(--color-blue-900)}.badge-high .badge-icon-blue-high,.badge-high .badge-dismiss-icon.badge-icon-blue-high{color:var(--color-blue-900) !important}.badge-high.badge-error{background-color:var(--color-error-200);color:var(--color-error-900)}.badge-high .badge-icon-error-high,.badge-high .badge-dismiss-icon.badge-icon-error-high{color:var(--color-error-900) !important}.badge-high.badge-warning{background-color:var(--color-warning-200);color:var(--color-warning-900)}.badge-high .badge-icon-warning-high,.badge-high .badge-dismiss-icon.badge-icon-warning-high{color:var(--color-warning-900) !important}.badge-high.badge-success{background-color:var(--color-success-200);color:var(--color-success-900)}.badge-high .badge-icon-success-high,.badge-high .badge-dismiss-icon.badge-icon-success-high{color:var(--color-success-900) !important}.badge-high.badge-purple{background-color:var(--color-purple-200);color:var(--color-purple-800)}.badge-high .badge-icon-purple-high,.badge-high .badge-dismiss-icon.badge-icon-purple-high{color:var(--color-purple-800) !important}.badge-high.badge-pink{background-color:var(--color-pink-200);color:var(--color-pink-800)}.badge-high .badge-icon-pink-high,.badge-high .badge-dismiss-icon.badge-icon-pink-high{color:var(--color-pink-800) !important}.badge-high.badge-orange{background-color:var(--color-orange-200);color:var(--color-orange-800)}.badge-high .badge-icon-orange-high,.badge-high .badge-dismiss-icon.badge-icon-orange-high{color:var(--color-orange-800) !important}.badge-medium.badge-gray{background-color:var(--color-neutral-50);color:var(--color-neutral-700);border-color:var(--color-neutral-200)}.badge-medium .badge-icon-gray-medium,.badge-medium .badge-dismiss-icon.badge-icon-gray-medium{color:var(--color-neutral-700) !important}.badge-medium.badge-brand{background-color:var(--color-brand-50);color:var(--color-brand-700);border-color:var(--color-brand-200)}.badge-medium .badge-icon-brand-medium,.badge-medium .badge-dismiss-icon.badge-icon-brand-medium{color:var(--color-brand-700) !important}.badge-medium.badge-blue{background-color:var(--color-blue-50);color:var(--color-blue-700);border-color:var(--color-blue-200)}.badge-medium .badge-icon-blue-medium,.badge-medium .badge-dismiss-icon.badge-icon-blue-medium{color:var(--color-blue-700) !important}.badge-medium.badge-error{background-color:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-200)}.badge-medium .badge-icon-error-medium,.badge-medium .badge-dismiss-icon.badge-icon-error-medium{color:var(--color-error-700) !important}.badge-medium.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-200)}.badge-medium .badge-icon-warning-medium,.badge-medium .badge-dismiss-icon.badge-icon-warning-medium{color:var(--color-warning-700) !important}.badge-medium.badge-success{background-color:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.badge-medium .badge-icon-success-medium,.badge-medium .badge-dismiss-icon.badge-icon-success-medium{color:var(--color-success-700) !important}.badge-medium.badge-purple{background-color:var(--color-purple-50);color:var(--color-purple-700);border-color:var(--color-purple-200)}.badge-medium .badge-icon-purple-medium,.badge-medium .badge-dismiss-icon.badge-icon-purple-medium{color:var(--color-purple-700) !important}.badge-medium.badge-pink{background-color:var(--color-pink-50);color:var(--color-pink-800);border-color:var(--color-pink-200)}.badge-medium .badge-icon-pink-medium,.badge-medium .badge-dismiss-icon.badge-icon-pink-medium{color:var(--color-pink-800) !important}.badge-medium.badge-orange{background-color:var(--color-orange-50);color:var(--color-orange-800);border-color:var(--color-orange-200)}.badge-medium .badge-icon-orange-medium,.badge-medium .badge-dismiss-icon.badge-icon-orange-medium{color:var(--color-orange-800) !important}.badge-low.badge-gray{background-color:transparent;color:var(--color-neutral-600);border-color:var(--color-neutral-200)}.badge-low .badge-icon-gray-low,.badge-low .badge-dismiss-icon.badge-icon-gray-low{color:var(--color-neutral-600) !important}.badge-low.badge-brand{background-color:transparent;color:var(--color-brand-600);border-color:var(--color-brand-200)}.badge-low .badge-icon-brand-low,.badge-low .badge-dismiss-icon.badge-icon-brand-low{color:var(--color-brand-600) !important}.badge-low.badge-blue{background-color:transparent;color:var(--color-blue-700);border-color:var(--color-blue-200)}.badge-low .badge-icon-blue-low,.badge-low .badge-dismiss-icon.badge-icon-blue-low{color:var(--color-blue-700) !important}.badge-low.badge-error{background-color:transparent;color:var(--color-error-600);border-color:var(--color-error-200)}.badge-low .badge-icon-error-low,.badge-low .badge-dismiss-icon.badge-icon-error-low{color:var(--color-error-600) !important}.badge-low.badge-warning{background-color:transparent;color:var(--color-warning-700);border-color:var(--color-warning-200)}.badge-low .badge-icon-warning-low,.badge-low .badge-dismiss-icon.badge-icon-warning-low{color:var(--color-warning-700) !important}.badge-low.badge-success{background-color:transparent;color:var(--color-success-700);border-color:var(--color-success-200)}.badge-low .badge-icon-success-low,.badge-low .badge-dismiss-icon.badge-icon-success-low{color:var(--color-success-700) !important}.badge-low.badge-purple{background-color:transparent;color:var(--color-purple-600);border-color:var(--color-purple-200)}.badge-low .badge-icon-purple-low,.badge-low .badge-dismiss-icon.badge-icon-purple-low{color:var(--color-purple-600) !important}.badge-low.badge-pink{background-color:transparent;color:var(--color-pink-600);border-color:var(--color-pink-200)}.badge-low .badge-icon-pink-low,.badge-low .badge-dismiss-icon.badge-icon-pink-low{color:var(--color-pink-600) !important}.badge-low.badge-orange{background-color:transparent;color:var(--color-orange-700);border-color:var(--color-orange-200)}.badge-low .badge-icon-orange-low,.badge-low .badge-dismiss-icon.badge-icon-orange-low{color:var(--color-orange-700) !important}.badge-disabled{opacity:0.5;cursor:not-allowed}}'}},[513,"bh-badge",{variant:[1],size:[1],emphasis:[1],label:[1],icon:[1],dismissible:[4],disabled:[4],_i18nVersion:[32],focusVersion:[32]}]);function w(){"undefined"!=typeof customElements&&["bh-badge"].forEach((o=>{"bh-badge"===o&&(customElements.get(d(o))||customElements.define(d(o),v))}))}export{v as B,w as d}
@@ -1 +1 @@
1
- import{p as o,H as r,h as t,d as a,t as l}from"./p-YZi6LqIt.js";import{c as e,m as s,M as i,r as c}from"./p-BJXjqxlX.js";const n=o(class o extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}logger=e("bh-chart-tooltip");static MAX_POSITION=1e4;visible=!1;x=0;y=0;get safeX(){return"number"==typeof this.x&&Number.isFinite(this.x)?this.x<0?(this.logger.warn("Negative x position clamped to 0",{x:this.x}),0):this.x>o.MAX_POSITION?(this.logger.warn("X position exceeds maximum, clamping",{x:this.x,max:o.MAX_POSITION}),o.MAX_POSITION):this.x:(this.logger.warn("Invalid x position, using 0",{x:this.x}),0)}get safeY(){return"number"==typeof this.y&&Number.isFinite(this.y)?this.y<0?(this.logger.warn("Negative y position clamped to 0",{y:this.y}),0):this.y>o.MAX_POSITION?(this.logger.warn("Y position exceeds maximum, clamping",{y:this.y,max:o.MAX_POSITION}),o.MAX_POSITION):this.y:(this.logger.warn("Invalid y position, using 0",{y:this.y}),0)}header="";items=[];total="";showTotal=!1;storybookMode=!1;componentDidCatch(o){this.logger.error("Component error caught",o instanceof Error?o:new Error(String(o))),s.increment(i.COMPONENT_ERROR,{component:"bh-chart-tooltip",error_type:o instanceof Error?o.name:"unknown"}),c("bh-chart-tooltip",o)}render(){return t(a,{key:"05bcd401118604130d6b906f35425da00c95223d"},t("div",{key:"9209f409ea387c36b75d14c54f1dc74e327982ef","aria-hidden":this.visible?void 0:"true",class:{"chart-tooltip":!0,visible:this.visible,"storybook-mode":this.storybookMode},part:"tooltip",style:{left:`${this.safeX}px`,top:`${this.safeY}px`}},t("div",{key:"617e4d7d3eff7bfe47c6c28644defd725edc3856",class:"tooltip-content",part:"content"},this.header&&t("div",{key:"156120f30b05285a39eb8974cae643cbf65bafce",class:"tooltip-header"},this.header),t("div",{key:"a3f679b2475bd4c2dbf849d7a14c7a5517712ba7",class:"tooltip-items"},this.items.map(((o,r)=>t("div",{class:"tooltip-item",key:r},o.color&&t("span",{class:"tooltip-dot",style:{backgroundColor:o.color}}),o.label&&t("span",{class:"tooltip-label"},o.label,":"),t("span",{class:"tooltip-value"},o.value))))),this.showTotal&&this.total&&t("div",{key:"969baf267ec4ec5b172d6d74b8f16544c78aabdf",class:"tooltip-total"},t("span",{key:"f09ff7c4e1e83aaa2ebb76e3a773c4215ad6733b",class:"total-label"},"Total:"),t("span",{key:"4db9cfb55d5d1e72f0f3ed0241a9444edeb9f27d",class:"total-value"},this.total)))))}static get style(){return' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-chart-tooltip-bg: var(--color-bg-primary); --bh-chart-tooltip-color: var(--color-text-primary); --bh-chart-tooltip-border-color: var(--color-border-secondary); --bh-chart-tooltip-margin-top: var(--spacing-sm); --bh-chart-tooltip-padding: var(--spacing-sm) var(--spacing-md); --bh-chart-tooltip-border-radius: var(--radius-md); --bh-chart-tooltip-font-family: var(--font-inter); --bh-chart-tooltip-font-size: var(--text-xs-size); --bh-chart-tooltip-line-height: var(--line-height-normal); --bh-chart-tooltip-separator-color: var(--color-border-secondary); --bh-chart-tooltip-gap: var(--spacing-xs); --bh-chart-tooltip-item-gap: var(--spacing-sm); --bh-chart-tooltip-dot-size: var(--spacing-sm); --bh-chart-tooltip-label-color: var(--color-text-secondary); --bh-chart-tooltip-value-color: var(--color-text-primary); --bh-chart-tooltip-font-weight-medium: var(--weight-medium); --bh-chart-tooltip-font-weight-semibold: var(--weight-semibold); --bh-chart-tooltip-total-padding-top: var(--spacing-xs); --bh-chart-tooltip-storybook-offset: -10px; } } @layer bh-base { .chart-tooltip { position: fixed; z-index: var(--bh-z-index-tooltip); pointer-events: none; opacity: 0; transition: opacity var(--animation-duration-fast) ease; transform: translate(-50%, -100%); margin-top: var(--bh-chart-tooltip-margin-top); width: max-content; min-width: 120px; max-width: 240px; } .tooltip-content { background: var(--bh-chart-tooltip-bg); color: var(--bh-chart-tooltip-color); padding: var(--bh-chart-tooltip-padding); border-radius: var(--bh-chart-tooltip-border-radius); font-family: var(--bh-chart-tooltip-font-family); font-size: var(--bh-chart-tooltip-font-size); line-height: var(--bh-chart-tooltip-line-height); box-shadow: var(--shadow-chart-tooltip); border: 1px solid var(--border-contrast-light); } .tooltip-header { font-weight: var(--bh-chart-tooltip-font-weight-semibold); margin-bottom: var(--bh-chart-tooltip-gap); padding-bottom: var(--bh-chart-tooltip-gap); border-bottom: 1px solid var(--bh-chart-tooltip-separator-color); } .tooltip-items { display: flex; flex-direction: column; gap: var(--bh-chart-tooltip-gap); } .tooltip-item { display: flex; align-items: center; gap: var(--bh-chart-tooltip-item-gap); white-space: nowrap; } .tooltip-dot { width: var(--bh-chart-tooltip-dot-size); height: var(--bh-chart-tooltip-dot-size); border-radius: 50%; flex-shrink: 0; } .tooltip-label { color: var(--bh-chart-tooltip-label-color); font-weight: var(--weight-regular); flex-shrink: 0; } .tooltip-value { color: var(--bh-chart-tooltip-value-color); font-weight: var(--bh-chart-tooltip-font-weight-medium); } .tooltip-total { margin-top: var(--bh-chart-tooltip-gap); padding-top: var(--bh-chart-tooltip-total-padding-top); border-top: 1px solid var(--bh-chart-tooltip-separator-color); display: flex; justify-content: space-between; gap: var(--spacing-md); } .total-label { color: var(--bh-chart-tooltip-label-color); font-weight: var(--bh-chart-tooltip-font-weight-medium); } .total-value { color: var(--bh-chart-tooltip-value-color); font-weight: var(--bh-chart-tooltip-font-weight-semibold); } } @layer bh-variants { .chart-tooltip.storybook-mode { position: absolute; transform: translate(-50%, -100%); margin-top: var(--bh-chart-tooltip-storybook-offset); } } @layer bh-states { .chart-tooltip.visible { opacity: 1; } }'}},[513,"bh-chart-tooltip",{visible:[4],x:[2],y:[2],header:[1],items:[16],total:[1],showTotal:[4,"show-total"],storybookMode:[4,"storybook-mode"]}]);function h(){"undefined"!=typeof customElements&&["bh-chart-tooltip"].forEach((o=>{"bh-chart-tooltip"===o&&(customElements.get(l(o))||customElements.define(l(o),n))}))}export{n as B,h as d}
1
+ import{p as o,H as r,h as t,d as a,t as l}from"./p-YZi6LqIt.js";import{c as e,m as s,M as i,r as c}from"./p-BJXjqxlX.js";const n=o(class o extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}logger=e("bh-chart-tooltip");static MAX_POSITION=1e4;visible=!1;x=0;y=0;get safeX(){return"number"==typeof this.x&&Number.isFinite(this.x)?this.x<0?(this.logger.warn("Negative x position clamped to 0",{x:this.x}),0):this.x>o.MAX_POSITION?(this.logger.warn("X position exceeds maximum, clamping",{x:this.x,max:o.MAX_POSITION}),o.MAX_POSITION):this.x:(this.logger.warn("Invalid x position, using 0",{x:this.x}),0)}get safeY(){return"number"==typeof this.y&&Number.isFinite(this.y)?this.y<0?(this.logger.warn("Negative y position clamped to 0",{y:this.y}),0):this.y>o.MAX_POSITION?(this.logger.warn("Y position exceeds maximum, clamping",{y:this.y,max:o.MAX_POSITION}),o.MAX_POSITION):this.y:(this.logger.warn("Invalid y position, using 0",{y:this.y}),0)}header="";items=[];total="";showTotal=!1;storybookMode=!1;componentDidCatch(o){this.logger.error("Component error caught",o instanceof Error?o:new Error(String(o))),s.increment(i.COMPONENT_ERROR,{component:"bh-chart-tooltip",error_type:o instanceof Error?o.name:"unknown"}),c("bh-chart-tooltip",o)}render(){return t(a,{key:"d5f7fac4d429e88941da67424275d484d2cfedcd"},t("div",{key:"399c090f95c8ddd3f6b2680ea506df920b056fa9","aria-hidden":this.visible?void 0:"true",class:{"chart-tooltip":!0,visible:this.visible,"storybook-mode":this.storybookMode},part:"tooltip",style:{left:`${this.safeX}px`,top:`${this.safeY}px`}},t("div",{key:"8b32cb27fbfc42bf5cc42e12e06c491c29b7f582",class:"tooltip-content",part:"content"},this.header&&t("div",{key:"f4430f54448aa62dd8575e005de4d094a216d034",class:"tooltip-header"},this.header),t("div",{key:"fae580500c4ccde9bead1673cf862bb0e67a6377",class:"tooltip-items"},this.items.map(((o,r)=>t("div",{class:"tooltip-item",key:r},o.color&&t("span",{class:"tooltip-dot",style:{backgroundColor:o.color}}),o.label&&t("span",{class:"tooltip-label"},o.label,":"),t("span",{class:"tooltip-value"},o.value))))),this.showTotal&&this.total&&t("div",{key:"1164b336605e46a6f25eb4c61e74f2c9dd73d357",class:"tooltip-total"},t("span",{key:"13c20395c26f67346253f4b6b3cb228a1aeb6cf9",class:"total-label"},"Total:"),t("span",{key:"503f2e1e85589eb62003c5313621cd48199f8f5d",class:"total-value"},this.total)))))}static get style(){return' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-chart-tooltip-bg: var(--color-bg-primary); --bh-chart-tooltip-color: var(--color-text-primary); --bh-chart-tooltip-border-color: var(--color-border-secondary); --bh-chart-tooltip-margin-top: var(--spacing-sm); --bh-chart-tooltip-padding: var(--spacing-sm) var(--spacing-md); --bh-chart-tooltip-border-radius: var(--radius-md); --bh-chart-tooltip-font-family: var(--font-inter); --bh-chart-tooltip-font-size: var(--text-xs-size); --bh-chart-tooltip-line-height: var(--line-height-normal); --bh-chart-tooltip-separator-color: var(--color-border-secondary); --bh-chart-tooltip-gap: var(--spacing-xs); --bh-chart-tooltip-item-gap: var(--spacing-sm); --bh-chart-tooltip-dot-size: var(--spacing-sm); --bh-chart-tooltip-label-color: var(--color-text-secondary); --bh-chart-tooltip-value-color: var(--color-text-primary); --bh-chart-tooltip-font-weight-medium: var(--weight-medium); --bh-chart-tooltip-font-weight-semibold: var(--weight-semibold); --bh-chart-tooltip-total-padding-top: var(--spacing-xs); --bh-chart-tooltip-storybook-offset: -10px; } } @layer bh-base { .chart-tooltip { position: fixed; z-index: var(--bh-z-index-tooltip); pointer-events: none; opacity: 0; transition: opacity var(--animation-duration-fast) ease; transform: translate(-50%, -100%); margin-top: var(--bh-chart-tooltip-margin-top); width: max-content; min-width: 120px; max-width: 240px; } .tooltip-content { background: var(--bh-chart-tooltip-bg); color: var(--bh-chart-tooltip-color); padding: var(--bh-chart-tooltip-padding); border-radius: var(--bh-chart-tooltip-border-radius); font-family: var(--bh-chart-tooltip-font-family); font-size: var(--bh-chart-tooltip-font-size); line-height: var(--bh-chart-tooltip-line-height); box-shadow: var(--shadow-chart-tooltip); border: 1px solid var(--border-contrast-light); } .tooltip-header { font-weight: var(--bh-chart-tooltip-font-weight-semibold); margin-bottom: var(--bh-chart-tooltip-gap); padding-bottom: var(--bh-chart-tooltip-gap); border-bottom: 1px solid var(--bh-chart-tooltip-separator-color); } .tooltip-items { display: flex; flex-direction: column; gap: var(--bh-chart-tooltip-gap); } .tooltip-item { display: flex; align-items: center; gap: var(--bh-chart-tooltip-item-gap); white-space: nowrap; } .tooltip-dot { width: var(--bh-chart-tooltip-dot-size); height: var(--bh-chart-tooltip-dot-size); border-radius: 50%; flex-shrink: 0; } .tooltip-label { color: var(--bh-chart-tooltip-label-color); font-weight: var(--weight-regular); flex-shrink: 0; } .tooltip-value { color: var(--bh-chart-tooltip-value-color); font-weight: var(--bh-chart-tooltip-font-weight-medium); } .tooltip-total { margin-top: var(--bh-chart-tooltip-gap); padding-top: var(--bh-chart-tooltip-total-padding-top); border-top: 1px solid var(--bh-chart-tooltip-separator-color); display: flex; justify-content: space-between; gap: var(--spacing-md); } .total-label { color: var(--bh-chart-tooltip-label-color); font-weight: var(--bh-chart-tooltip-font-weight-medium); } .total-value { color: var(--bh-chart-tooltip-value-color); font-weight: var(--bh-chart-tooltip-font-weight-semibold); } } @layer bh-variants { .chart-tooltip.storybook-mode { position: absolute; transform: translate(-50%, -100%); margin-top: var(--bh-chart-tooltip-storybook-offset); } } @layer bh-states { .chart-tooltip.visible { opacity: 1; } }'}},[513,"bh-chart-tooltip",{visible:[4],x:[2],y:[2],header:[1],items:[16],total:[1],showTotal:[4,"show-total"],storybookMode:[4,"storybook-mode"]}]);function h(){"undefined"!=typeof customElements&&["bh-chart-tooltip"].forEach((o=>{"bh-chart-tooltip"===o&&(customElements.get(l(o))||customElements.define(l(o),n))}))}export{n as B,h as d}
@@ -1 +1 @@
1
- import{p as e,H as o,c,h,t as r}from"./p-YZi6LqIt.js";import{d as t}from"./p-B2KPN863.js";import{d as i}from"./p-Bf_iTZDv.js";import{s,v as a}from"./p-L4Y2hq_b.js";import{g as b}from"./p-CLrVoF3x.js";import{c as n,m as d,M as l,r as k}from"./p-BJXjqxlX.js";import{c as x}from"./p-YdVz1TeW.js";import{b as p}from"./p-Bam7V_bL.js";const m=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=c(this,"bhChange"),this.bhFocus=c(this,"bhFocus"),this.bhBlur=c(this,"bhBlur"),this.bhValidityChange=c(this,"bhValidityChange"),this.internals=this.attachInternals()}get el(){return this}internals;inputRef;checkboxControlRef;uniqueId=b("bh-checkbox");logger=n("bh-checkbox");focusState=x();size="md";checked=!1;indeterminate=!1;disabled=!1;name="";value="on";label="";supportingText="";required=!1;defaultChecked=!1;focusVersion=0;isDirty=!1;isTouched=!1;bhChange;bhFocus;bhBlur;bhValidityChange;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),d.increment(l.COMPONENT_ERROR,{component:"bh-checkbox",error_type:e instanceof Error?e.name:"unknown"}),k("bh-checkbox",e)}handleCheckedChange(e){this.inputRef&&(this.inputRef.checked=e)}handleIndeterminateChange(e){this.inputRef&&(this.inputRef.indeterminate=e)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidLoad(){this.inputRef&&(this.inputRef.indeterminate=this.indeterminate),s(this.internals,this.name,this.checked,this.value),a(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity?this.internals.validity:{valid:!this.required||this.checked,valueMissing:this.required&&!this.checked,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1})}formResetCallback(){this.checked=this.defaultChecked,this.indeterminate=!1,this.isDirty=!1,this.isTouched=!1,this.inputRef&&(this.inputRef.checked=this.defaultChecked,this.inputRef.indeterminate=!1),s(this.internals,this.name,this.checked,this.value),a(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity?this.internals.validity:{valid:!this.required||this.checked,valueMissing:this.required&&!this.checked,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1})}handleChange=e=>{if(this.disabled)return;const o=e.target;this.indeterminate?(this.indeterminate=!1,this.checked=!1,this.inputRef&&(this.inputRef.indeterminate=!1,this.inputRef.checked=!1)):this.checked=o.checked,this.isDirty||(this.isDirty=!0),s(this.internals,this.name,this.checked,this.value),a(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity?this.internals.validity:{valid:!this.required||this.checked,valueMissing:this.required&&!this.checked,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1}),this.bhChange.emit({checked:this.checked,indeterminate:this.indeterminate,value:this.value})};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=e=>{this.isTouched=!0,this.focusState.handleFocus(e,(()=>this.bhFocus.emit()))};handleBlur=e=>{this.focusState.handleBlur(e,(()=>this.bhBlur.emit()))};handleControlClick=()=>{this.disabled||this.inputRef?.click()};handleLabelClick=e=>{this.checkboxControlRef&&e.composedPath().includes(this.checkboxControlRef)||this.handleControlClick()};renderCheckboxControl(){const e=p({base:"checkbox",size:this.size,modifiers:{checked:this.checked||this.indeterminate,disabled:this.disabled,focused:this.focusState.isFocused&&!this.disabled,hover:this.focusState.isHovered&&!this.disabled}});return h("div",{class:"checkbox-control",onClick:this.handleControlClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,ref:e=>this.checkboxControlRef=e},h("input",{"aria-describedby":this.supportingText?`${this.uniqueId}-description`:void 0,"aria-required":String(this.required),checked:this.checked,class:"checkbox-input","data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),disabled:this.disabled,id:this.uniqueId,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,ref:e=>this.inputRef=e,required:this.required,type:"checkbox",value:this.value}),h("div",{"aria-hidden":"true",class:e,part:"indicator"},this.checked&&!this.indeterminate&&h("span",{class:"material-symbols-outlined checkbox-icon check-icon",part:"checkmark"},"check"),this.indeterminate&&h("span",{class:"material-symbols-outlined checkbox-icon minus-icon",part:"checkmark"},"remove")))}render(){const e=this.label||this.supportingText,o=p({base:"checkbox-wrapper",modifiers:{"with-label":!!e,disabled:this.disabled}});return h("div",{class:o,part:"container"},e?h("bh-label",{disabled:this.disabled,for:this.uniqueId,label:this.label,layout:"inline-start",onClick:this.handleLabelClick,required:this.required,size:this.size,supportingText:this.supportingText},this.renderCheckboxControl()):this.renderCheckboxControl())}static get formAssociated(){return!0}static get watchers(){return{checked:[{handleCheckedChange:0}],indeterminate:[{handleIndeterminateChange:0}]}}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;font-family:var(--font-inter);--bh-checkbox-bg:var(--color-bg-primary);--bh-checkbox-bg-checked:var(--color-bg-interactive);--bh-checkbox-bg-hover:var(--color-bg-tertiary);--bh-checkbox-bg-disabled:var(--color-bg-secondary);--bh-checkbox-border-color:var(--color-border-primary);--bh-checkbox-border-color-checked:var(--color-bg-interactive);--bh-checkbox-border-color-hover:var(--color-bg-interactive-hover);--bh-checkbox-checkmark-color:var(--color-text-inverse);--bh-checkbox-checkmark-color-disabled:var(--color-text-disabled);--bh-checkbox-border-radius-sm:var(--radius-xs);--bh-checkbox-border-radius-md:var(--radius-sm);--bh-checkbox-focus-ring-color:var(--color-border-interactive)}}@layer bh-base{.checkbox-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer;user-select:none;position:relative}.checkbox{display:inline-flex;align-items:center;justify-content:center;outline:none;user-select:none;transition:background-color var(--animation-duration-normal) ease, border-color var(--animation-duration-normal) ease, box-shadow var(--animation-duration-normal) ease;box-sizing:border-box;background:var(--bh-checkbox-bg);border:2px solid var(--bh-checkbox-border-color);position:relative;flex-shrink:0;pointer-events:none}.checkbox-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height:1;font-variation-settings:"FILL" 0, "wght" 600, "GRAD" 0, "opsz" 20}.checkbox-control{display:inline-flex;align-items:flex-start;cursor:pointer}.check-icon{color:var(--bh-checkbox-checkmark-color)}.minus-icon{color:var(--bh-checkbox-checkmark-color)}}@layer bh-variants{.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-sm,.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-md{margin-top:0}.checkbox{}.checkbox-sm{width:var(--bh-checkbox-size-sm);height:var(--bh-checkbox-size-sm);border-radius:var(--bh-checkbox-border-radius-sm);margin-top:var(--bh-checkbox-offset-sm)}.checkbox-sm .checkbox-icon{font-size:var(--bh-checkbox-icon-sm)}.checkbox-md{width:var(--bh-checkbox-size-md);height:var(--bh-checkbox-size-md);border-radius:var(--bh-checkbox-border-radius-md);margin-top:var(--bh-checkbox-offset-md)}.checkbox-md .checkbox-icon{font-size:var(--bh-checkbox-icon-md)}}@layer bh-states{.checkbox-wrapper-disabled{cursor:not-allowed}.checkbox-wrapper-disabled .checkbox-control{cursor:not-allowed}.checkbox{}.checkbox.checkbox-checked{background:var(--bh-checkbox-bg-checked);border-color:var(--bh-checkbox-border-color-checked);color:var(--bh-checkbox-checkmark-color)}.checkbox.checkbox-checked.checkbox-hover:not(.checkbox-disabled){background:var(--bh-checkbox-border-color-hover);border-color:var(--bh-checkbox-border-color-hover)}.checkbox.checkbox-checked.checkbox-focused:not(.checkbox-disabled){background:var(--bh-checkbox-bg-checked);border-color:var(--bh-checkbox-border-color-checked);box-shadow:0px 0px 0px 4px var(--bh-checkbox-focus-ring-color), 0px 0px 0px 2px var(--bh-checkbox-bg)}.checkbox.checkbox-checked.checkbox-disabled{background:var(--bh-checkbox-bg-disabled);border:2px solid var(--bh-checkbox-border-color);color:var(--bh-checkbox-checkmark-color-disabled)}.checkbox{}.checkbox.checkbox-hover:not(.checkbox-disabled){background:var(--bh-checkbox-bg-hover);border-color:var(--bh-checkbox-border-color)}.checkbox{}.checkbox.checkbox-focused:not(.checkbox-disabled){border-color:var(--bh-checkbox-border-color);box-shadow:0px 0px 0px 4px var(--bh-checkbox-focus-ring-color), 0px 0px 0px 2px var(--bh-checkbox-bg)}.checkbox{}.checkbox.checkbox-disabled{background:var(--bh-checkbox-bg-disabled);border-color:var(--bh-checkbox-border-color);cursor:not-allowed;opacity:1}.checkbox.checkbox-disabled .check-icon,.checkbox.checkbox-disabled .minus-icon{color:var(--bh-checkbox-checkmark-color-disabled)}}'}},[577,"bh-checkbox",{size:[1],checked:[1540],indeterminate:[1540],disabled:[4],name:[1],value:[1],label:[1],supportingText:[1,"supporting-text"],required:[4],defaultChecked:[4,"default-checked"],focusVersion:[32],isDirty:[32],isTouched:[32]},void 0,{checked:[{handleCheckedChange:0}],indeterminate:[{handleIndeterminateChange:0}]}]);function u(){"undefined"!=typeof customElements&&["bh-checkbox","bh-label","bh-tooltip"].forEach((e=>{switch(e){case"bh-checkbox":customElements.get(r(e))||customElements.define(r(e),m);break;case"bh-label":customElements.get(r(e))||t();break;case"bh-tooltip":customElements.get(r(e))||i()}}))}export{m as B,u as d}
1
+ import{p as e,H as o,c,h,t as r}from"./p-YZi6LqIt.js";import{d as t}from"./p-C7fkgBQS.js";import{d as i}from"./p-D6aw0IK6.js";import{s,v as a}from"./p-L4Y2hq_b.js";import{g as b}from"./p-CLrVoF3x.js";import{c as n,m as d,M as l,r as k}from"./p-BJXjqxlX.js";import{c as x}from"./p-YdVz1TeW.js";import{b as p}from"./p-Bam7V_bL.js";const m=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=c(this,"bhChange"),this.bhFocus=c(this,"bhFocus"),this.bhBlur=c(this,"bhBlur"),this.bhValidityChange=c(this,"bhValidityChange"),this.internals=this.attachInternals()}get el(){return this}internals;inputRef;checkboxControlRef;uniqueId=b("bh-checkbox");logger=n("bh-checkbox");focusState=x();size="md";checked=!1;indeterminate=!1;disabled=!1;name="";value="on";label="";supportingText="";required=!1;defaultChecked=!1;focusVersion=0;isDirty=!1;isTouched=!1;bhChange;bhFocus;bhBlur;bhValidityChange;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),d.increment(l.COMPONENT_ERROR,{component:"bh-checkbox",error_type:e instanceof Error?e.name:"unknown"}),k("bh-checkbox",e)}handleCheckedChange(e){this.inputRef&&(this.inputRef.checked=e)}handleIndeterminateChange(e){this.inputRef&&(this.inputRef.indeterminate=e)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidLoad(){this.inputRef&&(this.inputRef.indeterminate=this.indeterminate),s(this.internals,this.name,this.checked,this.value),a(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity?this.internals.validity:{valid:!this.required||this.checked,valueMissing:this.required&&!this.checked,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1})}formResetCallback(){this.checked=this.defaultChecked,this.indeterminate=!1,this.isDirty=!1,this.isTouched=!1,this.inputRef&&(this.inputRef.checked=this.defaultChecked,this.inputRef.indeterminate=!1),s(this.internals,this.name,this.checked,this.value),a(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity?this.internals.validity:{valid:!this.required||this.checked,valueMissing:this.required&&!this.checked,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1})}handleChange=e=>{if(this.disabled)return;const o=e.target;this.indeterminate?(this.indeterminate=!1,this.checked=!1,this.inputRef&&(this.inputRef.indeterminate=!1,this.inputRef.checked=!1)):this.checked=o.checked,this.isDirty||(this.isDirty=!0),s(this.internals,this.name,this.checked,this.value),a(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity?this.internals.validity:{valid:!this.required||this.checked,valueMissing:this.required&&!this.checked,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1}),this.bhChange.emit({checked:this.checked,indeterminate:this.indeterminate,value:this.value})};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=e=>{this.isTouched=!0,this.focusState.handleFocus(e,(()=>this.bhFocus.emit()))};handleBlur=e=>{this.focusState.handleBlur(e,(()=>this.bhBlur.emit()))};handleControlClick=()=>{this.disabled||this.inputRef?.click()};handleLabelClick=e=>{this.checkboxControlRef&&e.composedPath().includes(this.checkboxControlRef)||this.handleControlClick()};renderCheckboxControl(){const e=p({base:"checkbox",size:this.size,modifiers:{checked:this.checked||this.indeterminate,disabled:this.disabled,focused:this.focusState.isFocused&&!this.disabled,hover:this.focusState.isHovered&&!this.disabled}});return h("div",{class:"checkbox-control",onClick:this.handleControlClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,ref:e=>this.checkboxControlRef=e},h("input",{"aria-describedby":this.supportingText?`${this.uniqueId}-description`:void 0,"aria-required":String(this.required),checked:this.checked,class:"checkbox-input","data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),disabled:this.disabled,id:this.uniqueId,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,ref:e=>this.inputRef=e,required:this.required,type:"checkbox",value:this.value}),h("div",{"aria-hidden":"true",class:e,part:"indicator"},this.checked&&!this.indeterminate&&h("span",{class:"material-symbols-outlined checkbox-icon check-icon",part:"checkmark"},"check"),this.indeterminate&&h("span",{class:"material-symbols-outlined checkbox-icon minus-icon",part:"checkmark"},"remove")))}render(){const e=this.label||this.supportingText,o=p({base:"checkbox-wrapper",modifiers:{"with-label":!!e,disabled:this.disabled}});return h("div",{class:o,part:"container"},e?h("bh-label",{disabled:this.disabled,for:this.uniqueId,label:this.label,layout:"inline-start",onClick:this.handleLabelClick,required:this.required,size:this.size,supportingText:this.supportingText},this.renderCheckboxControl()):this.renderCheckboxControl())}static get formAssociated(){return!0}static get watchers(){return{checked:[{handleCheckedChange:0}],indeterminate:[{handleIndeterminateChange:0}]}}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;font-family:var(--font-inter);--bh-checkbox-bg:var(--color-bg-primary);--bh-checkbox-bg-checked:var(--color-bg-interactive);--bh-checkbox-bg-hover:var(--color-bg-tertiary);--bh-checkbox-bg-disabled:var(--color-bg-secondary);--bh-checkbox-border-color:var(--color-border-primary);--bh-checkbox-border-color-checked:var(--color-bg-interactive);--bh-checkbox-border-color-hover:var(--color-bg-interactive-hover);--bh-checkbox-checkmark-color:var(--color-text-inverse);--bh-checkbox-checkmark-color-disabled:var(--color-text-disabled);--bh-checkbox-border-radius-sm:var(--radius-xs);--bh-checkbox-border-radius-md:var(--radius-sm);--bh-checkbox-focus-ring-color:var(--color-border-interactive)}}@layer bh-base{.checkbox-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer;user-select:none;position:relative}.checkbox{display:inline-flex;align-items:center;justify-content:center;outline:none;user-select:none;transition:background-color var(--animation-duration-normal) ease, border-color var(--animation-duration-normal) ease, box-shadow var(--animation-duration-normal) ease;box-sizing:border-box;background:var(--bh-checkbox-bg);border:2px solid var(--bh-checkbox-border-color);position:relative;flex-shrink:0;pointer-events:none}.checkbox-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height:1;font-variation-settings:"FILL" 0, "wght" 600, "GRAD" 0, "opsz" 20}.checkbox-control{display:inline-flex;align-items:flex-start;cursor:pointer}.check-icon{color:var(--bh-checkbox-checkmark-color)}.minus-icon{color:var(--bh-checkbox-checkmark-color)}}@layer bh-variants{.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-sm,.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-md{margin-top:0}.checkbox{}.checkbox-sm{width:var(--bh-checkbox-size-sm);height:var(--bh-checkbox-size-sm);border-radius:var(--bh-checkbox-border-radius-sm);margin-top:var(--bh-checkbox-offset-sm)}.checkbox-sm .checkbox-icon{font-size:var(--bh-checkbox-icon-sm)}.checkbox-md{width:var(--bh-checkbox-size-md);height:var(--bh-checkbox-size-md);border-radius:var(--bh-checkbox-border-radius-md);margin-top:var(--bh-checkbox-offset-md)}.checkbox-md .checkbox-icon{font-size:var(--bh-checkbox-icon-md)}}@layer bh-states{.checkbox-wrapper-disabled{cursor:not-allowed}.checkbox-wrapper-disabled .checkbox-control{cursor:not-allowed}.checkbox{}.checkbox.checkbox-checked{background:var(--bh-checkbox-bg-checked);border-color:var(--bh-checkbox-border-color-checked);color:var(--bh-checkbox-checkmark-color)}.checkbox.checkbox-checked.checkbox-hover:not(.checkbox-disabled){background:var(--bh-checkbox-border-color-hover);border-color:var(--bh-checkbox-border-color-hover)}.checkbox.checkbox-checked.checkbox-focused:not(.checkbox-disabled){background:var(--bh-checkbox-bg-checked);border-color:var(--bh-checkbox-border-color-checked);box-shadow:0px 0px 0px 4px var(--bh-checkbox-focus-ring-color), 0px 0px 0px 2px var(--bh-checkbox-bg)}.checkbox.checkbox-checked.checkbox-disabled{background:var(--bh-checkbox-bg-disabled);border:2px solid var(--bh-checkbox-border-color);color:var(--bh-checkbox-checkmark-color-disabled)}.checkbox{}.checkbox.checkbox-hover:not(.checkbox-disabled){background:var(--bh-checkbox-bg-hover);border-color:var(--bh-checkbox-border-color)}.checkbox{}.checkbox.checkbox-focused:not(.checkbox-disabled){border-color:var(--bh-checkbox-border-color);box-shadow:0px 0px 0px 4px var(--bh-checkbox-focus-ring-color), 0px 0px 0px 2px var(--bh-checkbox-bg)}.checkbox{}.checkbox.checkbox-disabled{background:var(--bh-checkbox-bg-disabled);border-color:var(--bh-checkbox-border-color);cursor:not-allowed;opacity:1}.checkbox.checkbox-disabled .check-icon,.checkbox.checkbox-disabled .minus-icon{color:var(--bh-checkbox-checkmark-color-disabled)}}'}},[577,"bh-checkbox",{size:[1],checked:[1540],indeterminate:[1540],disabled:[4],name:[1],value:[1],label:[1],supportingText:[1,"supporting-text"],required:[4],defaultChecked:[4,"default-checked"],focusVersion:[32],isDirty:[32],isTouched:[32]},void 0,{checked:[{handleCheckedChange:0}],indeterminate:[{handleIndeterminateChange:0}]}]);function u(){"undefined"!=typeof customElements&&["bh-checkbox","bh-label","bh-tooltip"].forEach((e=>{switch(e){case"bh-checkbox":customElements.get(r(e))||customElements.define(r(e),m);break;case"bh-label":customElements.get(r(e))||t();break;case"bh-tooltip":customElements.get(r(e))||i()}}))}export{m as B,u as d}
@@ -0,0 +1 @@
1
+ import{p as t,H as e,h as r,d as a,t as s}from"./p-YZi6LqIt.js";const n={cmd:"⌘",command:"⌘",meta:"⌘",shift:"⇧",alt:"⌥",option:"⌥",ctrl:"Ctrl",control:"Ctrl",esc:"Esc",escape:"Esc",enter:"Enter",return:"Enter",tab:"Tab",space:"Space",backspace:"⌫",delete:"⌦",up:"↑",down:"↓",left:"←",right:"→"},o=new Set(["cmd","command","meta","shift","alt","option","ctrl","control"]),i={esc:"escape",return:"enter",space:" ",up:"arrowup",down:"arrowdown",left:"arrowleft",right:"arrowright"};function c(t){return t.split("+").map((t=>t.trim())).filter((t=>t.length>0))}function p(t){return n[t.toLowerCase()]||(1===t.length?t.toUpperCase():t)}function d(t,e){const r=function(t){const e={meta:!1,ctrl:!1,alt:!1,shift:!1,key:""};for(const r of c(t)){const t=r.toLowerCase();o.has(t)?"cmd"===t||"command"===t||"meta"===t?e.meta=!0:"ctrl"===t||"control"===t?e.ctrl=!0:"alt"===t||"option"===t?e.alt=!0:e.shift=!0:e.key=i[t]??t}return e}(e);return!!r.key&&((r.meta?t.metaKey||t.ctrlKey:t.ctrlKey===r.ctrl)&&t.altKey===r.alt&&t.shiftKey===r.shift&&t.key.toLowerCase()===r.key)}const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}keys;size="sm";parseKeys(){return this.keys?c(this.keys).map(p):[]}render(){const t=this.parseKeys();return r(a,{key:"3d51397a2b634e4a10458247d573c77d924794a6"},r("span",{key:"0bf951bcf127ca9560dc669a63adaeb30ad091ea","aria-label":this.keys,class:{"kbd-group":!0,[`size-${this.size}`]:!0},part:"group"},t.length>0?t.map((t=>r("kbd",{class:"cap",key:t,part:"cap"},t))):r("kbd",{class:"cap",part:"cap"},r("slot",null))))}static get style(){return":host{display:inline-flex}.kbd-group{display:inline-flex;gap:var(--spacing-xxs, 2px);align-items:center}.cap{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 var(--spacing-xs, 4px);font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);font-weight:var(--weight-medium, 500);line-height:20px;color:var(--color-text-secondary, #475467);background:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border-primary, #e4e7ec);border-bottom-width:2px;border-radius:var(--radius-sm, 6px)}.size-md .cap{min-width:24px;padding:0 var(--spacing-sm, 8px);font-size:var(--text-sm-size, 0.875rem);line-height:24px}"}},[769,"bh-kbd",{keys:[1],size:[1]}]);function m(){"undefined"!=typeof customElements&&["bh-kbd"].forEach((t=>{"bh-kbd"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))}export{l as B,m as d,d as m}
@@ -1 +1 @@
1
- import{p as o,H as t,c as e,h as s,d as r,t as a}from"./p-YZi6LqIt.js";import{d as i}from"./p-rshDLCri.js";import{c as n,m as h,M as l,r as c}from"./p-BJXjqxlX.js";import{c as b}from"./p-YdVz1TeW.js";import{B as d,r as g}from"./p-BNVOtH-1.js";import{a as p,i as u}from"./p-BqJRACkO.js";const m=new Map([["actabl","actabl.svg"],["al","AL.svg"],["he","HE.svg"],["ps","PS.svg"],["tr","TR.svg"]]),v=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bhChange=e(this,"bhChange"),this.bhClick=e(this,"bhClick"),this.bhError=e(this,"bhError")}logger=n("bh-logo-box");logoActiveRef;i18nUnsubscribe;_i18nVersion=0;logoType="actabl";logoSrc;logoColor="white";assetBasePath="";products=[];productSwitcherAriaLabel="Open product switcher";bhChange;bhClick;bhError;isOpen=!1;anchorPosition={top:0,left:0};focusState=b();focusVersion=0;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentWillLoad(){this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(o){this.logger.error("Component error caught",o instanceof Error?o:new Error(String(o))),h.increment(l.COMPONENT_ERROR,{component:"bh-logo-box",error_type:o instanceof Error?o.name:"unknown"}),c("bh-logo-box",o),this.bhError.emit({error:o})}handleLogoClick=()=>{if(this.logoActiveRef){const o=this.logoActiveRef.getBoundingClientRect();this.anchorPosition={top:o.bottom+8,left:o.left},this.isOpen=!this.isOpen,this.bhClick.emit()}};handleFocus=o=>{this.focusState.handleFocus(o)};handleBlur=o=>{this.focusState.handleBlur(o)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleKeyDown=o=>{p(o)?(o.preventDefault(),this.handleLogoClick()):u(o)&&this.isOpen&&(o.preventDefault(),this.isOpen=!1)};handleClose=()=>{this.isOpen=!1};handleProductSelect=o=>{this.bhChange.emit(o.detail),this.isOpen=!1};getLogoSrc(){if(this.logoSrc)return this.logoSrc;const o=m.get(this.logoType)??"actabl.svg";return`${this.assetBasePath}/logos/${o}`}setLogoActiveRef=o=>{this.logoActiveRef=o};render(){const o={"logo-box":!0,"dropdown-open":this.isOpen},t={logo:!0,[`logo-${this.logoType}`]:!0};return s(r,{key:"1590e380293d73fa9d694d47ce91f225c1412e51"},s("div",{key:"aae341b177bcd32428947c8fdfc6e8cbbc0abf53",class:o,part:"container"},s("div",{key:"ef77ecb4e73713b727271450feddb87645ce73fa","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"menu","aria-label":g("bh-logo-box","productSwitcherAriaLabel",this.productSwitcherAriaLabel,"Open product switcher"),class:"logo-active","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,onBlur:this.handleBlur,onClick:this.handleLogoClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"logo-button",ref:this.setLogoActiveRef,role:"button",tabIndex:0},s("div",{key:"bec8c940da8d693f98d7adb773c7ac05e88f6a36","aria-label":`${this.logoType} logo`,class:t,role:"img",style:{maskImage:`url(${this.getLogoSrc()})`,WebkitMaskImage:`url(${this.getLogoSrc()})`,backgroundColor:this.logoColor}})),s("div",{key:"4eabb3b487130d34b97ea6e9e141708b5439bda6",class:"logo-more-products"})),s("bh-product-switcher",{key:"00235dfaae7e9dd9486c04abcb75f18d5c1cef24",anchorPosition:this.anchorPosition,isOpen:this.isOpen,onBhClose:this.handleClose,onBhProductSelect:this.handleProductSelect,products:this.products}))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{--bh-logo-box-active-bg:var(--color-text-interactive);--bh-logo-box-gap:var(--spacing-xl);--bh-logo-box-padding:var(--spacing-sm);--bh-logo-box-border-radius:var(--radius-md);--bh-logo-box-more-products-bg:var(--color-brand-200)}}@layer bh-base{.logo-box{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;width:var(--bh-logo-box-size);flex-shrink:0;isolation:isolate}.logo-active{background-color:var(--bh-logo-box-active-bg);box-sizing:border-box;display:flex;gap:var(--bh-logo-box-gap);align-items:center;justify-content:center;padding:var(--bh-logo-box-padding);position:relative;border-radius:var(--bh-logo-box-border-radius);flex-shrink:0;width:var(--bh-logo-box-size);height:var(--bh-logo-box-size);z-index:2;transition:background-color var(--animation-duration-slow) ease;cursor:pointer}.logo{position:relative;flex-shrink:0;width:var(--bh-logo-box-logo-size);height:var(--bh-logo-box-logo-size);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color var(--animation-duration-slow) ease}.logo-more-products{position:absolute;background-color:var(--bh-logo-box-more-products-bg);right:var(--spacing-xxs);bottom:-4px;border-radius:var(--radius-sm);width:var(--bh-logo-box-more-width);height:var(--bh-logo-box-more-height);z-index:1;transition:transform var(--animation-duration-slow) ease}}@layer bh-states{.logo-box:hover .logo-active,.logo-box.dropdown-open .logo-active{background-color:var(--color-text-interactive-hover)}.logo-box:hover .logo-more-products,.logo-box.dropdown-open .logo-more-products{transform:translateY(-4px)}}"}},[513,"bh-logo-box",{logoType:[1,"logo-type"],logoSrc:[1,"logo-src"],logoColor:[1,"logo-color"],assetBasePath:[1,"asset-base-path"],products:[16],productSwitcherAriaLabel:[1,"product-switcher-aria-label"],_i18nVersion:[32],isOpen:[32],anchorPosition:[32],focusVersion:[32]}]);function x(){"undefined"!=typeof customElements&&["bh-logo-box","bh-product-switcher"].forEach((o=>{switch(o){case"bh-logo-box":customElements.get(a(o))||customElements.define(a(o),v);break;case"bh-product-switcher":customElements.get(a(o))||i()}}))}export{v as B,x as d}
1
+ import{p as o,H as t,c as e,h as s,d as r,t as a}from"./p-YZi6LqIt.js";import{d as i}from"./p-rshDLCri.js";import{c as n,m as h,M as l,r as c}from"./p-BJXjqxlX.js";import{c as b}from"./p-YdVz1TeW.js";import{B as d,r as g}from"./p-BNVOtH-1.js";import{a as p,i as u}from"./p-BqJRACkO.js";const m=new Map([["actabl","actabl.svg"],["al","AL.svg"],["he","HE.svg"],["ps","PS.svg"],["tr","TR.svg"]]),v=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bhChange=e(this,"bhChange"),this.bhClick=e(this,"bhClick"),this.bhError=e(this,"bhError")}logger=n("bh-logo-box");logoActiveRef;i18nUnsubscribe;_i18nVersion=0;logoType="actabl";logoSrc;logoColor="white";assetBasePath="";products=[];productSwitcherAriaLabel="Open product switcher";bhChange;bhClick;bhError;isOpen=!1;anchorPosition={top:0,left:0};focusState=b();focusVersion=0;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentWillLoad(){this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(o){this.logger.error("Component error caught",o instanceof Error?o:new Error(String(o))),h.increment(l.COMPONENT_ERROR,{component:"bh-logo-box",error_type:o instanceof Error?o.name:"unknown"}),c("bh-logo-box",o),this.bhError.emit({error:o})}handleLogoClick=()=>{if(this.logoActiveRef){const o=this.logoActiveRef.getBoundingClientRect();this.anchorPosition={top:o.bottom+8,left:o.left},this.isOpen=!this.isOpen,this.bhClick.emit()}};handleFocus=o=>{this.focusState.handleFocus(o)};handleBlur=o=>{this.focusState.handleBlur(o)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleKeyDown=o=>{p(o)?(o.preventDefault(),this.handleLogoClick()):u(o)&&this.isOpen&&(o.preventDefault(),this.isOpen=!1)};handleClose=()=>{this.isOpen=!1};handleProductSelect=o=>{this.bhChange.emit(o.detail),this.isOpen=!1};getLogoSrc(){if(this.logoSrc)return this.logoSrc;const o=m.get(this.logoType)??"actabl.svg";return`${this.assetBasePath}/logos/${o}`}setLogoActiveRef=o=>{this.logoActiveRef=o};render(){const o={"logo-box":!0,"dropdown-open":this.isOpen},t={logo:!0,[`logo-${this.logoType}`]:!0};return s(r,{key:"b0d80264a8b12c3a0197051ee873b01eaa5dcc82"},s("div",{key:"38c91cc3825e436e9f674b74d9340f191a22b72c",class:o,part:"container"},s("div",{key:"abb8fe2a6af9334ed8a74fde6826f9f13b907562","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"menu","aria-label":g("bh-logo-box","productSwitcherAriaLabel",this.productSwitcherAriaLabel,"Open product switcher"),class:"logo-active","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,onBlur:this.handleBlur,onClick:this.handleLogoClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"logo-button",ref:this.setLogoActiveRef,role:"button",tabIndex:0},s("div",{key:"adddefaa18230c948c913bcabd1edc7c903a8dc5","aria-label":`${this.logoType} logo`,class:t,role:"img",style:{maskImage:`url(${this.getLogoSrc()})`,WebkitMaskImage:`url(${this.getLogoSrc()})`,backgroundColor:this.logoColor}})),s("div",{key:"56e96aef99fa1e14b13419ac54b27e8e7dba13a5",class:"logo-more-products"})),s("bh-product-switcher",{key:"c06cd6174b17b29d7b6a355e4b4633284533dc12",anchorPosition:this.anchorPosition,isOpen:this.isOpen,onBhClose:this.handleClose,onBhProductSelect:this.handleProductSelect,products:this.products}))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{--bh-logo-box-active-bg:var(--color-text-interactive);--bh-logo-box-gap:var(--spacing-xl);--bh-logo-box-padding:var(--spacing-sm);--bh-logo-box-border-radius:var(--radius-md);--bh-logo-box-more-products-bg:var(--color-brand-200)}}@layer bh-base{.logo-box{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;width:var(--bh-logo-box-size);flex-shrink:0;isolation:isolate}.logo-active{background-color:var(--bh-logo-box-active-bg);box-sizing:border-box;display:flex;gap:var(--bh-logo-box-gap);align-items:center;justify-content:center;padding:var(--bh-logo-box-padding);position:relative;border-radius:var(--bh-logo-box-border-radius);flex-shrink:0;width:var(--bh-logo-box-size);height:var(--bh-logo-box-size);z-index:2;transition:background-color var(--animation-duration-slow) ease;cursor:pointer}.logo{position:relative;flex-shrink:0;width:var(--bh-logo-box-logo-size);height:var(--bh-logo-box-logo-size);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color var(--animation-duration-slow) ease}.logo-more-products{position:absolute;background-color:var(--bh-logo-box-more-products-bg);right:var(--spacing-xxs);bottom:-4px;border-radius:var(--radius-sm);width:var(--bh-logo-box-more-width);height:var(--bh-logo-box-more-height);z-index:1;transition:transform var(--animation-duration-slow) ease}}@layer bh-states{.logo-box:hover .logo-active,.logo-box.dropdown-open .logo-active{background-color:var(--color-text-interactive-hover)}.logo-box:hover .logo-more-products,.logo-box.dropdown-open .logo-more-products{transform:translateY(-4px)}}"}},[513,"bh-logo-box",{logoType:[1,"logo-type"],logoSrc:[1,"logo-src"],logoColor:[1,"logo-color"],assetBasePath:[1,"asset-base-path"],products:[16],productSwitcherAriaLabel:[1,"product-switcher-aria-label"],_i18nVersion:[32],isOpen:[32],anchorPosition:[32],focusVersion:[32]}]);function x(){"undefined"!=typeof customElements&&["bh-logo-box","bh-product-switcher"].forEach((o=>{switch(o){case"bh-logo-box":customElements.get(a(o))||customElements.define(a(o),v);break;case"bh-product-switcher":customElements.get(a(o))||i()}}))}export{v as B,x as d}
@@ -1 +1 @@
1
- import{p as a,H as t,c as s,h as e,d as i,t as r}from"./p-YZi6LqIt.js";import{d as o}from"./p-B7i48CAz.js";import{d as c}from"./p-Bk-ipvH3.js";import{d as n}from"./p-cD3vmu49.js";import{d as h}from"./p-BbPrWlsw.js";import{c as d,m as g,M as b,r as l}from"./p-BJXjqxlX.js";import{c as m,t as p,a as v}from"./p-CqAYzGVs.js";import{c as u,g as f}from"./p-YdVz1TeW.js";import{a as x}from"./p-BqJRACkO.js";import{m as k,b as y}from"./p-Bam7V_bL.js";import{A as w}from"./p-BoVgy_Ao.js";const z={sm:"sm",md:"sm",lg:"md"},C={sm:"14px",md:"16px",lg:"18px"},j=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhClose=s(this,"bhClose"),this.bhChange=s(this,"bhChange")}logger=d("bh-tag");destroy$=m();focusState=u();variant="text-only";size="md";label="Label";dismissible=!1;action="none";count=0;checked;dotColor="success";disabled=!1;maxWidth=120;avatarSrc="";isDismissing=!1;bhClose;bhChange;focusVersion=0;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),g.increment(b.COMPONENT_ERROR,{component:"bh-tag",error_type:a instanceof Error?a.name:"unknown"}),l("bh-tag",a)}get effectiveAction(){return"none"!==this.action?this.action:this.dismissible?"dismiss":"none"}get showDismiss(){return"dismiss"===this.effectiveAction||"count-dismiss"===this.effectiveAction}get showCount(){return"count"===this.effectiveAction||"count-dismiss"===this.effectiveAction}get isCheckboxMode(){return void 0!==this.checked}handleDismiss=a=>{a.stopPropagation(),!this.showDismiss||this.disabled||this.isDismissing||(this.isDismissing=!0,this.destroy$&&p(w.DISMISS,this.destroy$)?.subscribe((()=>{this.bhClose.emit(),this.isDismissing=!1})))};handleClick=()=>{this.disabled||this.isCheckboxMode&&(this.checked=!this.checked,this.bhChange.emit(this.checked))};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleKeyDown=a=>{!this.disabled&&x(a)&&(a.preventDefault(),this.showDismiss?this.bhClose.emit():this.handleClick(a))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};disconnectedCallback(){v(this.destroy$)}render(){const a=this.showDismiss||this.isCheckboxMode||!this.disabled,t=f(this.focusState,"tag"),s=k(y({base:"tag",size:this.size,variant:this.variant,modifiers:{dismissible:this.showDismiss,disabled:this.disabled,checked:!0===this.checked,checkbox:this.isCheckboxMode,"animate-dismiss":this.isDismissing}}),t),r={maxWidth:`${this.maxWidth}px`},o={width:C[this.size],height:C[this.size]};return e(i,{key:"df4a7ab29214ab50ec40e02ab6df4302127009e7"},e("span",{key:"436ef379eb539126982c8392eba0ecbc82e8ab81","aria-disabled":this.disabled?"true":void 0,class:s,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"tag",role:"status",tabIndex:a&&!this.disabled?0:-1},e("div",{key:"a4c5012432a32add852301b4bfea39dfdfa20e88",class:"tag-content"},this.isCheckboxMode&&e("div",{key:"a092b921845d4d729d3d36d52ec384de586ea6db","aria-hidden":"true",class:{"tag-checkbox":!0,"tag-checkbox-checked":!0===this.checked},style:o},this.checked&&e("span",{key:"c02ea2f5a54bc8a86ebd1551440379c73d50655b",class:"material-symbols-outlined tag-checkbox-icon"},"check")),"dot"===this.variant&&e("bh-badge-dot",{key:"d70af3e4653edc3aecb587c97eed3a49ff84a81b",color:this.dotColor,size:z[this.size]}),"avatar"===this.variant&&e("bh-avatar",{key:"88ee6b6693dbcd0c5d7174e388fe7da3d09509de",imageSrc:this.avatarSrc,size:"xxs",variant:this.avatarSrc?"image":"placeholder"}),e("span",{key:"0d1bbe969070fdfea8e52b5de1b83c4dfe5ca341",class:"tag-label-wrapper"},e("span",{key:"33d3caefb72244c4817b5655ec2603e577142675",class:"tag-label",part:"label",style:r},this.label))),this.showCount&&e("span",{key:"3eb4ea7b8d79d2e327822c6269097e98f40d4002",class:"tag-count",part:"count"},this.count),this.showDismiss&&e("bh-button-icon",{key:"8f19e82016c45c83583a03ae040ccdb5a260b5a7",ariaLabel:`Remove ${this.label}`,class:"tag-dismiss",disabled:this.disabled,hierarchy:"tertiary",iconName:"close",onClick:this.handleDismiss,part:"dismiss-button",size:"xs"})))}static get style(){return'@charset "UTF-8"; @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; --bh-tag-bg: var(--color-bg-primary); --bh-tag-border-color: var(--color-border-secondary); --bh-tag-border-color-hover: var(--color-border-primary); --bh-tag-color: var(--color-text-primary); --bh-tag-border-radius: var(--radius-sm); --bh-tag-dismiss-bg-hover: var(--color-bg-tertiary); --bh-tag-dismiss-icon-color: var(--color-text-tertiary); --bh-tag-count-bg: var(--color-bg-tertiary); --bh-tag-count-color: var(--color-text-secondary); --bh-tag-checkbox-border: var(--color-border-primary); --bh-tag-checkbox-bg: var(--color-bg-primary); --bh-tag-checkbox-bg-checked: var(--color-brand-600); --bh-tag-checkbox-icon-color: var(--color-white); } } @layer bh-base { .tag { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-sm); font-family: var(--font-inter); font-weight: var(--weight-medium); background-color: var(--bh-tag-bg); border: 1px solid var(--bh-tag-border-color); border-radius: var(--bh-tag-border-radius); white-space: nowrap; cursor: default; user-select: none; box-sizing: border-box; } .tag-content { display: flex; align-items: center; gap: var(--spacing-xs); } .tag-label-wrapper { position: relative; display: inline-flex; align-items: center; max-width: 100%; } .tag-label { color: var(--bh-tag-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tag-dismiss { flex-shrink: 0; } .tag-checkbox { display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--bh-tag-checkbox-border); border-radius: var(--radius-xs); background: var(--bh-tag-checkbox-bg); flex-shrink: 0; } .tag-checkbox-checked { background: var(--bh-tag-checkbox-bg-checked); border-color: var(--bh-tag-checkbox-bg-checked); } .tag-checkbox-icon { font-size: var(--text-xs-size); color: var(--bh-tag-checkbox-icon-color); line-height: 1; font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20; } .tag-count { display: inline-flex; align-items: center; justify-content: center; padding: 0 var(--spacing-xs); border-radius: var(--radius-xxs); background: var(--bh-tag-count-bg); color: var(--bh-tag-count-color); font-weight: var(--weight-medium); white-space: nowrap; flex-shrink: 0; } } @layer bh-variants { .tag-dismissible { cursor: pointer; } .tag-sm { height: 26px; padding: 0 var(--spacing-sm); font-size: var(--text-xs-size); line-height: var(--line-height-tight); --button-height-xs: 20px; } .tag-sm.tag-dismissible { padding: 0 var(--spacing-xs) 0 var(--spacing-md); } .tag-sm.tag-avatar { padding-left: var(--spacing-xs); } .tag-sm.tag-avatar.tag-dismissible { padding-left: var(--spacing-xs); } .tag-md { height: 30px; padding: 0 var(--spacing-sm); font-size: var(--text-sm-size); line-height: var(--line-height-tight); } .tag-md.tag-dismissible { padding: 0 var(--spacing-xs) 0 var(--spacing-md); } .tag-md.tag-avatar { padding-left: var(--spacing-sm); } .tag-md.tag-avatar.tag-dismissible { padding-left: var(--spacing-sm); } .tag-lg { height: 34px; padding: 0 var(--spacing-md); font-size: var(--text-sm-size); line-height: var(--line-height-tight); } .tag-lg.tag-dismissible { padding: 0 var(--spacing-xs) 0 var(--spacing-lg); } .tag-lg.tag-avatar { padding-left: var(--spacing-sm); } .tag-lg.tag-avatar.tag-dismissible { padding-left: var(--spacing-sm); } .tag-avatar .tag-content { gap: var(--spacing-sm); } .tag-dot .tag-content { gap: var(--spacing-sm); } .tag-checkbox-mode { cursor: pointer; } .tag-sm .tag-count { font-size: var(--text-xs-size); line-height: var(--line-height-tight); } .tag-md .tag-count, .tag-lg .tag-count { font-size: var(--text-sm-size); line-height: var(--line-height-tight); } .tag-lg .tag-checkbox-icon { font-size: var(--text-sm-size); } } @layer bh-states { .tag:hover { border-color: var(--bh-tag-border-color-hover); } .tag-disabled { opacity: 0.5; cursor: not-allowed; } .tag-disabled:hover { border-color: var(--bh-tag-border-color); } } @layer bh-utilities { .animate-dismiss { animation: dismiss var(--animation-duration-normal) ease-out forwards; } @keyframes dismiss { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.8); } } }'}},[513,"bh-tag",{variant:[1],size:[1],label:[1],dismissible:[4],action:[1],count:[2],checked:[1028],dotColor:[1,"dot-color"],disabled:[4],maxWidth:[2,"max-width"],avatarSrc:[1,"avatar-src"],isDismissing:[32],focusVersion:[32]}]);function E(){"undefined"!=typeof customElements&&["bh-tag","bh-avatar","bh-badge-dot","bh-button-icon","bh-loader-spinner"].forEach((a=>{switch(a){case"bh-tag":customElements.get(r(a))||customElements.define(r(a),j);break;case"bh-avatar":customElements.get(r(a))||o();break;case"bh-badge-dot":customElements.get(r(a))||c();break;case"bh-button-icon":customElements.get(r(a))||n();break;case"bh-loader-spinner":customElements.get(r(a))||h()}}))}export{j as B,E as d}
1
+ import{p as a,H as t,c as s,h as e,d as i,t as r}from"./p-YZi6LqIt.js";import{d as o}from"./p-DJlRFgcj.js";import{d as c}from"./p-Be6mIKzo.js";import{d as n}from"./p-CClVva-u.js";import{d as h}from"./p-BbPrWlsw.js";import{c as g,m as d,M as b,r as l}from"./p-BJXjqxlX.js";import{c as m,t as p,a as v}from"./p-CqAYzGVs.js";import{c as f,g as u}from"./p-YdVz1TeW.js";import{a as x}from"./p-BqJRACkO.js";import{m as k,b as y}from"./p-Bam7V_bL.js";import{A as w}from"./p-BoVgy_Ao.js";const z={sm:"sm",md:"sm",lg:"md"},C={sm:"14px",md:"16px",lg:"18px"},j=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhClose=s(this,"bhClose"),this.bhChange=s(this,"bhChange")}logger=g("bh-tag");destroy$=m();focusState=f();variant="text-only";size="md";label="Label";dismissible=!1;action="none";count=0;checked;dotColor="success";disabled=!1;maxWidth=120;avatarSrc="";isDismissing=!1;bhClose;bhChange;focusVersion=0;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),d.increment(b.COMPONENT_ERROR,{component:"bh-tag",error_type:a instanceof Error?a.name:"unknown"}),l("bh-tag",a)}get effectiveAction(){return"none"!==this.action?this.action:this.dismissible?"dismiss":"none"}get showDismiss(){return"dismiss"===this.effectiveAction||"count-dismiss"===this.effectiveAction}get showCount(){return"count"===this.effectiveAction||"count-dismiss"===this.effectiveAction}get isCheckboxMode(){return void 0!==this.checked}handleDismiss=a=>{a.stopPropagation(),!this.showDismiss||this.disabled||this.isDismissing||(this.isDismissing=!0,this.destroy$&&p(w.DISMISS,this.destroy$)?.subscribe((()=>{this.bhClose.emit(),this.isDismissing=!1})))};handleClick=()=>{this.disabled||this.isCheckboxMode&&(this.checked=!this.checked,this.bhChange.emit(this.checked))};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleKeyDown=a=>{!this.disabled&&x(a)&&(a.preventDefault(),this.showDismiss?this.bhClose.emit():this.handleClick(a))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};disconnectedCallback(){v(this.destroy$)}render(){const a=this.showDismiss||this.isCheckboxMode||!this.disabled,t=u(this.focusState,"tag"),s=k(y({base:"tag",size:this.size,variant:this.variant,modifiers:{dismissible:this.showDismiss,disabled:this.disabled,checked:!0===this.checked,checkbox:this.isCheckboxMode,"animate-dismiss":this.isDismissing}}),t),r={maxWidth:`${this.maxWidth}px`},o={width:C[this.size],height:C[this.size]};return e(i,{key:"4d29753431e9e6e060207d62eee48abed885cda9"},e("span",{key:"a5b87c658722d637947af883ce2305c906f53dbd","aria-disabled":this.disabled?"true":void 0,class:s,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"tag",role:"status",tabIndex:a&&!this.disabled?0:-1},e("div",{key:"cc80dd525464a72f1114d68e8172004251503bf3",class:"tag-content"},this.isCheckboxMode&&e("div",{key:"290ad9389b202f4e21c37c1447c685ace4382af4","aria-hidden":"true",class:{"tag-checkbox":!0,"tag-checkbox-checked":!0===this.checked},style:o},this.checked&&e("span",{key:"2b33240f231f44c0806b3507498a867c99a6a897",class:"material-symbols-outlined tag-checkbox-icon"},"check")),"dot"===this.variant&&e("bh-badge-dot",{key:"443267726ac2e0a0985fb2f72b0ca399b4c0ebc0",color:this.dotColor,size:z[this.size]}),"avatar"===this.variant&&e("bh-avatar",{key:"984c31beb18196be69cb8c6317958a6e691f48ff",imageSrc:this.avatarSrc,size:"xxs",variant:this.avatarSrc?"image":"placeholder"}),e("span",{key:"2f322d1088b3693f5f19cb08e06c8b1c60913b6b",class:"tag-label-wrapper"},e("span",{key:"bed69f25fc9ee9a91d01767265f0538bd4b4818a",class:"tag-label",part:"label",style:r},this.label))),this.showCount&&e("span",{key:"b8ae69d629f8985b3fb72fc868187b20aba74116",class:"tag-count",part:"count"},this.count),this.showDismiss&&e("bh-button-icon",{key:"1f9309576c7b7f748c0a32a9ba62ecf2be2437ab",ariaLabel:`Remove ${this.label}`,class:"tag-dismiss",disabled:this.disabled,hierarchy:"tertiary",iconName:"close",onClick:this.handleDismiss,part:"dismiss-button",size:"xs"})))}static get style(){return'@charset "UTF-8"; @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; --bh-tag-bg: var(--color-bg-primary); --bh-tag-border-color: var(--color-border-secondary); --bh-tag-border-color-hover: var(--color-border-primary); --bh-tag-color: var(--color-text-primary); --bh-tag-border-radius: var(--radius-sm); --bh-tag-dismiss-bg-hover: var(--color-bg-tertiary); --bh-tag-dismiss-icon-color: var(--color-text-tertiary); --bh-tag-count-bg: var(--color-bg-tertiary); --bh-tag-count-color: var(--color-text-secondary); --bh-tag-checkbox-border: var(--color-border-primary); --bh-tag-checkbox-bg: var(--color-bg-primary); --bh-tag-checkbox-bg-checked: var(--color-brand-600); --bh-tag-checkbox-icon-color: var(--color-white); } } @layer bh-base { .tag { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-sm); font-family: var(--font-inter); font-weight: var(--weight-medium); background-color: var(--bh-tag-bg); border: 1px solid var(--bh-tag-border-color); border-radius: var(--bh-tag-border-radius); white-space: nowrap; cursor: default; user-select: none; box-sizing: border-box; } .tag-content { display: flex; align-items: center; gap: var(--spacing-xs); } .tag-label-wrapper { position: relative; display: inline-flex; align-items: center; max-width: 100%; } .tag-label { color: var(--bh-tag-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tag-dismiss { flex-shrink: 0; } .tag-checkbox { display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--bh-tag-checkbox-border); border-radius: var(--radius-xs); background: var(--bh-tag-checkbox-bg); flex-shrink: 0; } .tag-checkbox-checked { background: var(--bh-tag-checkbox-bg-checked); border-color: var(--bh-tag-checkbox-bg-checked); } .tag-checkbox-icon { font-size: var(--text-xs-size); color: var(--bh-tag-checkbox-icon-color); line-height: 1; font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20; } .tag-count { display: inline-flex; align-items: center; justify-content: center; padding: 0 var(--spacing-xs); border-radius: var(--radius-xxs); background: var(--bh-tag-count-bg); color: var(--bh-tag-count-color); font-weight: var(--weight-medium); white-space: nowrap; flex-shrink: 0; } } @layer bh-variants { .tag-dismissible { cursor: pointer; } .tag-sm { height: 26px; padding: 0 var(--spacing-sm); font-size: var(--text-xs-size); line-height: var(--line-height-tight); --button-height-xs: 20px; } .tag-sm.tag-dismissible { padding: 0 var(--spacing-xs) 0 var(--spacing-md); } .tag-sm.tag-avatar { padding-left: var(--spacing-xs); } .tag-sm.tag-avatar.tag-dismissible { padding-left: var(--spacing-xs); } .tag-md { height: 30px; padding: 0 var(--spacing-sm); font-size: var(--text-sm-size); line-height: var(--line-height-tight); } .tag-md.tag-dismissible { padding: 0 var(--spacing-xs) 0 var(--spacing-md); } .tag-md.tag-avatar { padding-left: var(--spacing-sm); } .tag-md.tag-avatar.tag-dismissible { padding-left: var(--spacing-sm); } .tag-lg { height: 34px; padding: 0 var(--spacing-md); font-size: var(--text-sm-size); line-height: var(--line-height-tight); } .tag-lg.tag-dismissible { padding: 0 var(--spacing-xs) 0 var(--spacing-lg); } .tag-lg.tag-avatar { padding-left: var(--spacing-sm); } .tag-lg.tag-avatar.tag-dismissible { padding-left: var(--spacing-sm); } .tag-avatar .tag-content { gap: var(--spacing-sm); } .tag-dot .tag-content { gap: var(--spacing-sm); } .tag-checkbox-mode { cursor: pointer; } .tag-sm .tag-count { font-size: var(--text-xs-size); line-height: var(--line-height-tight); } .tag-md .tag-count, .tag-lg .tag-count { font-size: var(--text-sm-size); line-height: var(--line-height-tight); } .tag-lg .tag-checkbox-icon { font-size: var(--text-sm-size); } } @layer bh-states { .tag:hover { border-color: var(--bh-tag-border-color-hover); } .tag-disabled { opacity: 0.5; cursor: not-allowed; } .tag-disabled:hover { border-color: var(--bh-tag-border-color); } } @layer bh-utilities { .animate-dismiss { animation: dismiss var(--animation-duration-normal) ease-out forwards; } @keyframes dismiss { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.8); } } }'}},[513,"bh-tag",{variant:[1],size:[1],label:[1],dismissible:[4],action:[1],count:[2],checked:[1028],dotColor:[1,"dot-color"],disabled:[4],maxWidth:[2,"max-width"],avatarSrc:[1,"avatar-src"],isDismissing:[32],focusVersion:[32]}]);function E(){"undefined"!=typeof customElements&&["bh-tag","bh-avatar","bh-badge-dot","bh-button-icon","bh-loader-spinner"].forEach((a=>{switch(a){case"bh-tag":customElements.get(r(a))||customElements.define(r(a),j);break;case"bh-avatar":customElements.get(r(a))||o();break;case"bh-badge-dot":customElements.get(r(a))||c();break;case"bh-button-icon":customElements.get(r(a))||n();break;case"bh-loader-spinner":customElements.get(r(a))||h()}}))}export{j as B,E as d}
@@ -1 +1 @@
1
- import{p as e,H as r,h as o,d as i,t}from"./p-YZi6LqIt.js";import{c as a,m as n,M as d,r as c}from"./p-BJXjqxlX.js";const l=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}logger=a("bh-featured-icon");size="md";color="gray";iconStyle="outlined";icon="star";ariaLabel=null;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),n.increment(d.COMPONENT_ERROR,{component:"bh-featured-icon",error_type:e instanceof Error?e.name:"unknown"}),c("bh-featured-icon",e)}render(){const e={"featured-icon":!0,[`featured-icon-${this.size}`]:!0,[`featured-icon-${this.color}`]:!0,[`featured-icon-${this.iconStyle}`]:!0},r=`material-symbols-outlined icon-${this.size}`,t=Boolean(this.ariaLabel);return o(i,{key:"c9775155b67803394172c524065be3414cbd8f64","aria-hidden":t?void 0:"true","aria-label":this.ariaLabel,role:t?"img":"presentation"},o("div",{key:"30c1197525ca2cc2829fa34ddb633d071f03c607",class:e,part:"container"},o("span",{key:"f76bd358a84dd3d828337859cb326f4aba409019","aria-hidden":"true",class:r},this.icon)))}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block}}@layer bh-base{.featured-icon{display:inline-flex;align-items:center;justify-content:center;transition:all var(--animation-duration-normal) ease}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;user-select:none}}@layer bh-tokens{:host{--bh-featured-icon-border-radius:var(--radius-sm);--bh-featured-icon-success-color:var(--color-success-600);--bh-featured-icon-purple-color:var(--color-purple-600)}}@layer bh-variants{.featured-icon-sm{width:var(--bh-featured-icon-size-sm);height:var(--bh-featured-icon-size-sm);border-radius:var(--bh-featured-icon-border-radius)}.featured-icon-md{width:var(--bh-featured-icon-size-md);height:var(--bh-featured-icon-size-md);border-radius:var(--radius-md)}.featured-icon-lg{width:var(--bh-featured-icon-size-lg);height:var(--bh-featured-icon-size-lg);border-radius:var(--radius-lg)}.featured-icon-xl{width:var(--bh-featured-icon-size-xl);height:var(--bh-featured-icon-size-xl);border-radius:var(--radius-lg)}.featured-icon-brand.featured-icon-outlined{background-color:transparent;border:1px solid var(--color-border-secondary)}.featured-icon-brand.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-interactive)}.featured-icon-gray.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-gray.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-secondary)}.featured-icon-error.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-error.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-error)}.featured-icon-warning.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-warning.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-warning)}.featured-icon-success.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-success.featured-icon-outlined .material-symbols-outlined{color:var(--bh-featured-icon-success-color)}.featured-icon-highlight.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-highlight.featured-icon-outlined .material-symbols-outlined{color:var(--bh-featured-icon-purple-color)}.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.featured-icon-brand.featured-icon-filled{background-color:var(--color-brand-100);border:none}.featured-icon-brand.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-interactive)}.featured-icon-gray.featured-icon-filled{background-color:var(--color-neutral-100);border:none}.featured-icon-gray.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-secondary)}.featured-icon-error.featured-icon-filled{background-color:var(--color-error-100);border:none}.featured-icon-error.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-error)}.featured-icon-warning.featured-icon-filled{background-color:var(--color-warning-100);border:none}.featured-icon-warning.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-warning)}.featured-icon-success.featured-icon-filled{background-color:var(--color-success-100);border:none}.featured-icon-success.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--bh-featured-icon-success-color)}.featured-icon-highlight.featured-icon-filled{background-color:var(--color-purple-100);border:none}.featured-icon-highlight.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--bh-featured-icon-purple-color)}.icon-sm{font-size:var(--icon-size-xs);width:var(--icon-size-xs);height:var(--icon-size-xs);line-height:1}.icon-md{font-size:var(--icon-size-md);width:var(--icon-size-md);height:var(--icon-size-md);line-height:1}.icon-lg{font-size:var(--icon-size-lg);width:var(--icon-size-lg);height:var(--icon-size-lg);line-height:1}.icon-xl{font-size:var(--icon-size-2xl);width:var(--icon-size-2xl);height:var(--icon-size-2xl);line-height:1}}'}},[513,"bh-featured-icon",{size:[1],color:[1],iconStyle:[1,"icon-style"],icon:[1],ariaLabel:[1,"aria-label"]}]);function s(){"undefined"!=typeof customElements&&["bh-featured-icon"].forEach((e=>{"bh-featured-icon"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}export{l as B,s as d}
1
+ import{p as e,H as r,h as o,d as i,t}from"./p-YZi6LqIt.js";import{c as a,m as n,M as d,r as c}from"./p-BJXjqxlX.js";const l=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}logger=a("bh-featured-icon");size="md";color="gray";iconStyle="outlined";icon="star";ariaLabel=null;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),n.increment(d.COMPONENT_ERROR,{component:"bh-featured-icon",error_type:e instanceof Error?e.name:"unknown"}),c("bh-featured-icon",e)}render(){const e={"featured-icon":!0,[`featured-icon-${this.size}`]:!0,[`featured-icon-${this.color}`]:!0,[`featured-icon-${this.iconStyle}`]:!0},r=`material-symbols-outlined icon-${this.size}`,t=Boolean(this.ariaLabel);return o(i,{key:"6613175199aa85ed857ec5038d6897b3c5321df0","aria-hidden":t?void 0:"true","aria-label":this.ariaLabel,role:t?"img":"presentation"},o("div",{key:"b73a674d59efd182ed8032c61d8ebc7c9c80b00e",class:e,part:"container"},o("span",{key:"9fc74b7af1bf56aa1c0fc1832847d9f93a70fac0","aria-hidden":"true",class:r},this.icon)))}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block}}@layer bh-base{.featured-icon{display:inline-flex;align-items:center;justify-content:center;transition:all var(--animation-duration-normal) ease}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;user-select:none}}@layer bh-tokens{:host{--bh-featured-icon-border-radius:var(--radius-sm);--bh-featured-icon-success-color:var(--color-success-600);--bh-featured-icon-purple-color:var(--color-purple-600)}}@layer bh-variants{.featured-icon-sm{width:var(--bh-featured-icon-size-sm);height:var(--bh-featured-icon-size-sm);border-radius:var(--bh-featured-icon-border-radius)}.featured-icon-md{width:var(--bh-featured-icon-size-md);height:var(--bh-featured-icon-size-md);border-radius:var(--radius-md)}.featured-icon-lg{width:var(--bh-featured-icon-size-lg);height:var(--bh-featured-icon-size-lg);border-radius:var(--radius-lg)}.featured-icon-xl{width:var(--bh-featured-icon-size-xl);height:var(--bh-featured-icon-size-xl);border-radius:var(--radius-lg)}.featured-icon-brand.featured-icon-outlined{background-color:transparent;border:1px solid var(--color-border-secondary)}.featured-icon-brand.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-interactive)}.featured-icon-gray.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-gray.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-secondary)}.featured-icon-error.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-error.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-error)}.featured-icon-warning.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-warning.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-warning)}.featured-icon-success.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-success.featured-icon-outlined .material-symbols-outlined{color:var(--bh-featured-icon-success-color)}.featured-icon-highlight.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-highlight.featured-icon-outlined .material-symbols-outlined{color:var(--bh-featured-icon-purple-color)}.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.featured-icon-brand.featured-icon-filled{background-color:var(--color-brand-100);border:none}.featured-icon-brand.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-interactive)}.featured-icon-gray.featured-icon-filled{background-color:var(--color-neutral-100);border:none}.featured-icon-gray.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-secondary)}.featured-icon-error.featured-icon-filled{background-color:var(--color-error-100);border:none}.featured-icon-error.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-error)}.featured-icon-warning.featured-icon-filled{background-color:var(--color-warning-100);border:none}.featured-icon-warning.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-warning)}.featured-icon-success.featured-icon-filled{background-color:var(--color-success-100);border:none}.featured-icon-success.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--bh-featured-icon-success-color)}.featured-icon-highlight.featured-icon-filled{background-color:var(--color-purple-100);border:none}.featured-icon-highlight.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--bh-featured-icon-purple-color)}.icon-sm{font-size:var(--icon-size-xs);width:var(--icon-size-xs);height:var(--icon-size-xs);line-height:1}.icon-md{font-size:var(--icon-size-md);width:var(--icon-size-md);height:var(--icon-size-md);line-height:1}.icon-lg{font-size:var(--icon-size-lg);width:var(--icon-size-lg);height:var(--icon-size-lg);line-height:1}.icon-xl{font-size:var(--icon-size-2xl);width:var(--icon-size-2xl);height:var(--icon-size-2xl);line-height:1}}'}},[513,"bh-featured-icon",{size:[1],color:[1],iconStyle:[1,"icon-style"],icon:[1],ariaLabel:[1,"aria-label"]}]);function s(){"undefined"!=typeof customElements&&["bh-featured-icon"].forEach((e=>{"bh-featured-icon"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}export{l as B,s as d}