@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 e,H as t,c as a,h as r,d as n,t as i}from"./p-YZi6LqIt.js";import{d as o}from"./p-oaisznHL.js";import{d as c}from"./p-cD3vmu49.js";import{d}from"./p-Be20AcNb.js";import{d as s}from"./p-B2KPN863.js";import{d as l}from"./p-BbPrWlsw.js";import{d as h}from"./p-BFL2Pm_E.js";import{d as b}from"./p-Bf_iTZDv.js";import{c as p,m as g,M as m,r as v}from"./p-BJXjqxlX.js";import{c as y,t as u,a as k}from"./p-CqAYzGVs.js";import{B as f,r as w}from"./p-BNVOtH-1.js";import{A as x}from"./p-BoVgy_Ao.js";const D=["January","February","March","April","May","June","July","August","September","October","November","December"],C=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],M=["Su","Mo","Tu","We","Th","Fr","Sa"],z=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=a(this,"bhChange"),this.bhMonthChange=a(this,"bhMonthChange"),this.bhPresetSelect=a(this,"bhPresetSelect")}logger=p("bh-date-picker-content");destroy$=y();i18nUnsubscribe;_i18nVersion=0;minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];initialMonth;initialYear;displayMonth;displayYear;rangeStart;rangeEnd;value;showOtherMonthDays=!0;showDateInput=!1;showPresetRanges=!1;selectDatePlaceholder="Select date";selectedDate=null;currentMonth=(new Date).getMonth();currentYear=(new Date).getFullYear();isMonthDropdownOpen=!1;isMonthDropdownClosing=!1;today=new Date;bhChange;bhMonthChange;bhPresetSelect;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),g.increment(m.COMPONENT_ERROR,{component:"bh-date-picker-content",error_type:e instanceof Error?e.name:"unknown"}),v("bh-date-picker-content",e)}handleValueChange(e){e?(this.selectedDate=e,void 0===this.displayMonth&&void 0===this.displayYear&&(this.currentMonth=e.month,this.currentYear=e.year)):this.selectedDate=null}handleDisplayMonthChange(e){void 0!==e&&(this.currentMonth=e)}handleDisplayYearChange(e){void 0!==e&&(this.currentYear=e)}componentWillLoad(){this.i18nUnsubscribe=f.onLocaleChange((()=>{this._i18nVersion++})),this.currentMonth=void 0!==this.displayMonth?this.displayMonth:void 0===this.initialMonth?this.today.getMonth():this.initialMonth,this.currentYear=void 0!==this.displayYear?this.displayYear:void 0===this.initialYear?this.today.getFullYear():this.initialYear,this.value&&(this.selectedDate=this.value)}get isInRangeMode(){return void 0!==this.rangeStart||void 0!==this.rangeEnd}get calendarCells(){const e=[],t=new Date(this.currentYear,this.currentMonth,1),a=new Date(this.currentYear,this.currentMonth+1,0),r=t.getDay();if(this.showOtherMonthDays)for(let t=0;t<r;t++){const a=new Date(this.currentYear,this.currentMonth,-t);e.unshift(this.createCell(a,!1))}else for(let t=0;t<r;t++)e.unshift({day:0,isCurrentMonth:!1,isToday:!1,isSelected:!1,isDisabled:!0,isRangeStart:!1,isRangeEnd:!1,isInRange:!1,date:new Date(this.currentYear,this.currentMonth,-t)});for(let t=1;t<=a.getDate();t++){const a=new Date(this.currentYear,this.currentMonth,t);e.push(this.createCell(a,!0))}if(this.showOtherMonthDays){const t=42-e.length;for(let a=1;a<=t;a++){const t=new Date(this.currentYear,this.currentMonth+1,a);if(e.push(this.createCell(t,!1)),e.length%7==0)break}}return e}createCell(e,t){const a=this.isDateRangeStart(e),r=this.isDateRangeEnd(e),n=this.isDateInRange(e);return{day:e.getDate(),isCurrentMonth:t,isToday:this.isSameDay(e,this.today),isSelected:this.isDateSelected(e),isDisabled:!t||this.isDateDisabled(e),isRangeStart:a,isRangeEnd:r,isInRange:n,date:e}}isSameDay(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}isDateDisabled(e){if(!this.disabledDates||!Array.isArray(this.disabledDates))return!1;const t=e.getFullYear(),a=e.getMonth(),r=e.getDate();return this.disabledDates.some((e=>e.year===t&&e.month===a&&e.day===r))}isDateSelected(e){return!this.isInRangeMode&&!!this.selectedDate&&e.getFullYear()===this.selectedDate.year&&e.getMonth()===this.selectedDate.month&&e.getDate()===this.selectedDate.day}isDateRangeStart(e){return!!this.rangeStart&&e.getFullYear()===this.rangeStart.year&&e.getMonth()===this.rangeStart.month&&e.getDate()===this.rangeStart.day}isDateRangeEnd(e){return!!this.rangeEnd&&e.getFullYear()===this.rangeEnd.year&&e.getMonth()===this.rangeEnd.month&&e.getDate()===this.rangeEnd.day}isDateInRange(e){if(!this.rangeStart||!this.rangeEnd)return!1;const t=e.getTime(),a=new Date(this.rangeStart.year,this.rangeStart.month,this.rangeStart.day).getTime(),r=new Date(this.rangeEnd.year,this.rangeEnd.month,this.rangeEnd.day).getTime();return t>a&&t<r}formatSelectedDate(){return this.selectedDate?`${C[this.selectedDate.month]} ${this.selectedDate.day}, ${this.selectedDate.year}`:""}handleCellClick=(e,t)=>{if(e.stopPropagation(),e.preventDefault(),t.isDisabled||this.disabled||!t.isCurrentMonth)return;const a={year:t.date.getFullYear(),month:t.date.getMonth(),day:t.date.getDate()};this.isInRangeMode?this.bhChange.emit(a):this.selectedDate&&this.selectedDate.year===a.year&&this.selectedDate.month===a.month&&this.selectedDate.day===a.day?(this.selectedDate=null,this.bhChange.emit(null)):(this.selectedDate=a,this.bhChange.emit(a))};handleMonthDropdownToggle=()=>{this.isMonthDropdownOpen?this.closeMonthDropdown():this.isMonthDropdownOpen=!0};closeMonthDropdown(){this.isMonthDropdownClosing=!0,this.destroy$&&u(x.MENU_CLOSE,this.destroy$)?.subscribe((()=>{this.isMonthDropdownOpen=!1,this.isMonthDropdownClosing=!1}))}handleMonthYearSelect=e=>{if(this.closeMonthDropdown(),this.destroy$){const t=e.detail;u(x.QUICK,this.destroy$)?.subscribe((()=>{this.currentMonth=t.month,this.currentYear=t.year,this.bhMonthChange.emit({month:t.month,year:t.year})}))}};disconnectedCallback(){k(this.destroy$),this.i18nUnsubscribe?.()}handlePreviousMonth=()=>{if(this.disabled)return;let e=this.currentMonth-1,t=this.currentYear;e<0&&(e=11,t=this.currentYear-1),t>=this.minYear&&(this.currentMonth=e,this.currentYear=t,this.bhMonthChange.emit({month:e,year:t}))};handleNextMonth=()=>{if(this.disabled)return;let e=this.currentMonth+1,t=this.currentYear;e>11&&(e=0,t=this.currentYear+1),t<=this.maxYear&&(this.currentMonth=e,this.currentYear=t,this.bhMonthChange.emit({month:e,year:t}))};getCellClass(e){const t=["calendar-cell"];return e.isCurrentMonth||t.push("other-month"),e.isToday&&t.push("today"),e.isRangeStart&&t.push("range-start"),e.isRangeEnd&&t.push("range-end"),e.isInRange&&t.push("in-range"),e.isSelected&&t.push("selected"),e.isDisabled?t.push("disabled"):e.isCurrentMonth&&t.push("selectable"),t.join(" ")}render(){const e=`${D[this.currentMonth]} ${this.currentYear}`;return r(n,{key:"ad6d4d71610dc94c5f6cf12bfdc88eb0cf8a9f38"},r("div",{key:"fcf03444c4d791d96c446b0a99572e295e261bf0",class:"date-picker-content",part:"container"},r("div",{key:"cfc80acb83290905318a4b8fd7b7b386167bfb80",class:"month-navigation",part:"navigation"},r("bh-button-icon",{key:"d06336137b708b850eb1eb08e31304ff265c7b34",disabled:this.disabled||this.currentYear===this.minYear&&0===this.currentMonth,hierarchy:"tertiary",iconName:"chevron_left",onClick:this.handlePreviousMonth,size:"md"}),r("bh-button",{key:"6b388d0431d6fd6d9f358c57c6f3211f61275fd2",hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:e,onClick:this.handleMonthDropdownToggle,size:"sm"}),r("bh-button-icon",{key:"bda7b6cbc3a1d5e1d0116e800f011868299edc9d",disabled:this.disabled||this.currentYear===this.maxYear&&11===this.currentMonth,hierarchy:"tertiary",iconName:"chevron_right",onClick:this.handleNextMonth,size:"md"})),this.showDateInput&&r("div",{key:"16525c6ba25074074df5853217bdd667e983f8b3",class:"date-input-display",part:"date-input"},r("bh-input-text",{key:"20c99b975c9b764f4120bba9ca5f0de86544f336",placeholder:w("bh-date-picker-content","selectDatePlaceholder",this.selectDatePlaceholder,"Select date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:!1,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatSelectedDate()})),this.showPresetRanges&&r("div",{key:"43bcb62cd86eaad04e18fd6f27ea8956fae7e3ef",class:"preset-ranges",part:"preset-ranges"},r("bh-button",{key:"7eca278a25141e56c52536e9e6a2902061e58155",hierarchy:"tertiary",label:"Last week",onClick:()=>this.bhPresetSelect.emit("last-week"),size:"sm"}),r("bh-button",{key:"d8e75d0ec012b59f862f0f1812e91acedb0ace14",hierarchy:"tertiary",label:"Last month",onClick:()=>this.bhPresetSelect.emit("last-month"),size:"sm"}),r("bh-button",{key:"6594783f01883dbb63f2e23f73c77fbb41b29666",hierarchy:"tertiary",label:"Last year",onClick:()=>this.bhPresetSelect.emit("last-year"),size:"sm"})),!this.isMonthDropdownOpen&&r("div",{key:"2bae46f7d2fe6c470a59665da77f44f3aba7aa43",class:"calendar-grid",part:"calendar"},r("div",{key:"0a5a7173a21d8817f72bf1ef89d9fa4e693caa22",class:"day-names",part:"day-names"},M.map((e=>r("div",{class:"day-name",key:e},e)))),r("div",{key:"96f08df64ab81881a38b2ecf7e24013cda5c58af",class:"date-cells",part:"cells"},this.calendarCells.map(((e,t)=>r("div",{class:this.getCellClass(e),key:t,onClick:t=>this.handleCellClick(t,e)},r("span",{class:"date-number"},0===e.day?"":e.day)))))),(this.isMonthDropdownOpen||this.isMonthDropdownClosing)&&r("div",{key:"0aee05cbc01f72e0b71705083bf8bbd6beec23ae",class:"month-picker-inline "+(this.isMonthDropdownClosing?"animate-fade-out":"")},r("bh-month-picker-content",{key:"176b95d01eb061243905c1d79e5baba2588b1a38",height:"275px",maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleMonthYearSelect,scrollable:!0,selectedMonth:this.currentMonth,selectedYear:this.currentYear}))))}static get watchers(){return{value:[{handleValueChange:0}],displayMonth:[{handleDisplayMonthChange:0}],displayYear:[{handleDisplayYearChange: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: block; --bh-date-picker-content-cell-size: 40px; --bh-date-picker-content-font-family: var(--font-inter); --bh-date-picker-content-padding-sm: var(--spacing-sm); --bh-date-picker-content-padding-md: var(--spacing-xl); --bh-date-picker-content-gap-sm: var(--spacing-sm); --bh-date-picker-content-gap-md: var(--spacing-md); --bh-date-picker-content-text-sm: var(--text-sm-size); --bh-date-picker-content-text-lg: var(--text-lg-size); --bh-date-picker-content-font-weight-medium: var(--weight-medium); --bh-date-picker-content-font-weight-semibold: var(--weight-semibold); --bh-date-picker-content-border-radius: var(--radius-md); --bh-date-picker-content-day-name-color: var(--color-text-secondary); --bh-date-picker-content-day-disabled-color: var(--color-text-disabled); --bh-date-picker-content-day-outside-color: var(--color-text-tertiary); --bh-date-picker-content-day-bg: var(--color-bg-tertiary); --bh-date-picker-content-day-color: var(--color-text-primary); --bh-date-picker-content-day-active-bg: var(--color-bg-interactive); --bh-date-picker-content-day-active-color: var(--color-text-inverse); --bh-date-picker-content-day-hover-bg: var(--color-bg-tertiary); --bh-date-picker-content-day-today-bg: var(--color-brand-100); --bh-date-picker-content-day-today-color: var(--color-text-interactive); --bh-date-picker-content-day-today-border: var(--color-border-interactive); --bh-date-picker-content-day-range-bg: var(--color-bg-tertiary); --bh-date-picker-content-day-range-color: var(--color-text-secondary); --bh-date-picker-content-day-range-border: var(--color-border-interactive); --bh-date-picker-content-day-range-start-bg: var(--color-bg-interactive); --bh-date-picker-content-day-range-start-color: var(--color-text-inverse); --bh-date-picker-content-day-range-end-bg: var(--color-bg-interactive); --bh-date-picker-content-day-range-end-color: var(--color-text-inverse); --bh-date-picker-content-nav-color: var(--color-text-secondary); --bh-date-picker-content-nav-hover-bg: var(--color-bg-secondary); --bh-date-picker-content-nav-active-bg: var(--color-brand-100); --bh-date-picker-content-nav-active-color: var(--color-text-interactive); --bh-date-picker-content-month-header-bg: var(--color-bg-tertiary); --bh-date-picker-content-month-header-color: var(--color-text-primary); --bh-date-picker-content-month-bg: var(--color-bg-tertiary); --bh-date-picker-content-month-border: var(--color-border-interactive); --bh-date-picker-content-month-active-bg: var(--color-bg-interactive); --bh-date-picker-content-month-active-color: var(--color-text-inverse); --bh-date-picker-content-month-hover-bg: var(--color-brand-100); --bh-date-picker-content-month-hover-color: var(--color-text-interactive); --bh-date-picker-content-year-bg: var(--color-bg-tertiary); --bh-date-picker-content-year-color: var(--color-text-tertiary); --bh-date-picker-content-year-active-bg: var(--color-brand-100); --bh-date-picker-content-year-active-color: var(--color-text-interactive); --bh-date-picker-content-scrollbar-track: var(--color-bg-secondary); --bh-date-picker-content-scrollbar-thumb: var(--color-bg-tertiary); --bh-date-picker-content-scrollbar-thumb-hover: var(--color-border-primary); } } @layer bh-base { .date-picker-content { width: 100%; font-family: var(--bh-date-picker-content-font-family); display: flex; flex-direction: column; } .month-navigation { display: flex; justify-content: space-between; align-items: center; gap: var(--bh-date-picker-content-gap-sm); padding: var(--bh-date-picker-content-padding-md); } .date-input-display { padding: 0 var(--bh-date-picker-content-padding-md); } .preset-ranges { display: flex; flex-direction: row; gap: var(--bh-date-picker-content-gap-sm); padding: var(--bh-date-picker-content-padding-sm) var(--bh-date-picker-content-padding-md); } .month-picker-inline { flex: 1; overflow: hidden; max-height: 270px; animation: fadeIn var(--animation-duration-fast) ease-out; } .calendar-grid { padding: 0 var(--bh-date-picker-content-padding-md) var(--bh-date-picker-content-padding-md); flex: 1; } .day-names { display: grid; grid-template-columns: repeat(7, var(--bh-date-picker-content-cell-size)); justify-content: center; width: 100%; gap: 0; margin-bottom: var(--bh-date-picker-content-gap-sm); } .day-name { width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; font-family: var(--bh-date-picker-content-font-family); font-weight: var(--bh-date-picker-content-font-weight-medium); font-size: var(--bh-date-picker-content-text-sm); line-height: var(--text-sm-line); color: var(--bh-date-picker-content-day-name-color); } .date-cells { display: grid; grid-template-columns: repeat(7, var(--bh-date-picker-content-cell-size)); justify-content: center; width: 100%; row-gap: var(--spacing-xs); column-gap: 0; justify-items: center; align-items: center; } .calendar-cell { width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; position: relative; border-radius: var(--radius-full); font-family: var(--bh-date-picker-content-font-family); font-weight: var(--bh-date-picker-content-font-weight-medium); font-size: var(--bh-date-picker-content-text-sm); line-height: var(--text-sm-line); cursor: pointer; transition: all var(--animation-duration-fast, 0.1s) var(--animation-easing-ease, ease); } .date-number { position: relative; z-index: 1; } } @layer bh-variants { .calendar-cell.other-month .date-number { color: var(--bh-date-picker-content-day-outside-color); } .calendar-cell.other-month.disabled .date-number { color: var(--bh-date-picker-content-day-disabled-color); } .calendar-cell.in-range { background: var(--bh-date-picker-content-day-range-bg); border-radius: 0; position: relative; } .calendar-cell.in-range .date-number { color: var(--bh-date-picker-content-day-range-color); font-weight: var(--bh-date-picker-content-font-weight-medium); } .calendar-cell.in-range { } .calendar-cell.in-range:nth-child(7n+1) { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .calendar-cell.in-range:nth-child(7n) { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .calendar-cell.range-start, .calendar-cell.range-end { position: relative; } .calendar-cell.range-start .date-number, .calendar-cell.range-end .date-number { background: var(--bh-date-picker-content-day-range-start-bg); color: var(--bh-date-picker-content-day-range-start-color); font-weight: var(--bh-date-picker-content-font-weight-semibold); border-radius: var(--radius-full); width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; } .calendar-cell.range-start { background: transparent; } .calendar-cell.range-start::after { content: ""; position: absolute; left: 50%; top: 0; width: 50%; height: 100%; background: var(--bh-date-picker-content-day-range-bg); border-radius: var(--radius-md) 0 0 var(--radius-md); z-index: 0; } .calendar-cell.range-start { } .calendar-cell.range-start:nth-child(7n)::after { display: none; } .calendar-cell.range-end { background: transparent; } .calendar-cell.range-end::after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: var(--bh-date-picker-content-day-range-bg); border-radius: 0 var(--radius-md) var(--radius-md) 0; z-index: 0; } .calendar-cell.range-end { } .calendar-cell.range-end:nth-child(7n+1)::after { display: none; } .calendar-cell.range-start.range-end { background: transparent; } .calendar-cell.range-start.range-end::after { display: none; } .calendar-cell.range-start.range-end .date-number { border-radius: var(--radius-full); } .calendar-cell.range-start:not(.in-range):not(:has(~ .range-end))::after { display: none; } .calendar-cell.today.in-range { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.today.in-range .date-number { color: var(--bh-date-picker-content-day-color); font-weight: var(--bh-date-picker-content-font-weight-medium); background: transparent; border: 2px solid var(--bh-date-picker-content-day-today-border); border-radius: var(--radius-full); width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; } .calendar-cell.today.range-start .date-number, .calendar-cell.today.range-end .date-number { background: var(--bh-date-picker-content-day-today-bg); color: var(--bh-date-picker-content-day-today-color); border: none; } } @layer bh-states { .month-picker-inline.animate-fade-out { animation: fadeOut var(--animation-duration-fast) ease-out; } .calendar-cell.selectable:not(.range-start):not(.range-end):not(.selected) .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.selectable:not(.range-start):not(.range-end):not(.selected):hover { background: var(--bh-date-picker-content-day-hover-bg); } .calendar-cell.selectable:not(.range-start):not(.range-end):not(.selected):hover .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.today.in-range, .calendar-cell.today.range-start, .calendar-cell.today.range-end { border: none; } .calendar-cell.today { border: 2px solid var(--bh-date-picker-content-day-today-border); } .calendar-cell.today .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.today:hover { background: var(--bh-date-picker-content-day-hover-bg); } .calendar-cell.today:hover .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.selected { background: var(--bh-date-picker-content-day-active-bg); } .calendar-cell.selected .date-number { color: var(--bh-date-picker-content-day-active-color); font-weight: var(--bh-date-picker-content-font-weight-semibold); } .calendar-cell.selected:hover { background: var(--bh-date-picker-content-day-active-bg); } .calendar-cell.selected:hover .date-number { color: var(--bh-date-picker-content-day-active-color); font-weight: var(--bh-date-picker-content-font-weight-semibold); } .calendar-cell.in-range:hover { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.in-range:hover .date-number { background: var(--bh-date-picker-content-day-bg); border-radius: var(--radius-full); width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; } .calendar-cell.range-start:hover .date-number, .calendar-cell.range-start.selectable:hover .date-number, .calendar-cell.range-end:hover .date-number, .calendar-cell.range-end.selectable:hover .date-number { background: var(--bh-date-picker-content-day-range-start-bg); color: var(--bh-date-picker-content-day-range-start-color); } .calendar-cell.range-start:hover::after, .calendar-cell.range-start.selectable:hover::after { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.range-end:hover::after, .calendar-cell.range-end.selectable:hover::after { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.today.in-range:hover { background: var(--bh-date-picker-content-day-hover-bg); } .calendar-cell.disabled { cursor: not-allowed; } .calendar-cell.disabled .date-number { color: var(--bh-date-picker-content-day-disabled-color); } } @layer bh-utilities { @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-10px); } } }'}},[513,"bh-date-picker-content",{minYear:[2,"min-year"],maxYear:[2,"max-year"],disabled:[4],disabledDates:[16],initialMonth:[2,"initial-month"],initialYear:[2,"initial-year"],displayMonth:[2,"display-month"],displayYear:[2,"display-year"],rangeStart:[16],rangeEnd:[16],value:[16],showOtherMonthDays:[4,"show-other-month-days"],showDateInput:[4,"show-date-input"],showPresetRanges:[4,"show-preset-ranges"],selectDatePlaceholder:[1,"select-date-placeholder"],_i18nVersion:[32],selectedDate:[32],currentMonth:[32],currentYear:[32],isMonthDropdownOpen:[32],isMonthDropdownClosing:[32]},void 0,{value:[{handleValueChange:0}],displayMonth:[{handleDisplayMonthChange:0}],displayYear:[{handleDisplayYearChange:0}]}]);function Y(){"undefined"!=typeof customElements&&["bh-date-picker-content","bh-button","bh-button-icon","bh-input-text","bh-label","bh-loader-spinner","bh-month-picker-content","bh-tooltip"].forEach((e=>{switch(e){case"bh-date-picker-content":customElements.get(i(e))||customElements.define(i(e),z);break;case"bh-button":customElements.get(i(e))||o();break;case"bh-button-icon":customElements.get(i(e))||c();break;case"bh-input-text":customElements.get(i(e))||d();break;case"bh-label":customElements.get(i(e))||s();break;case"bh-loader-spinner":customElements.get(i(e))||l();break;case"bh-month-picker-content":customElements.get(i(e))||h();break;case"bh-tooltip":customElements.get(i(e))||b()}}))}export{z as B,Y as d}
1
+ import{p as e,H as t,c as a,h as r,d as n,t as i}from"./p-YZi6LqIt.js";import{d as o}from"./p-BI2Y2Le4.js";import{d as c}from"./p-CClVva-u.js";import{d}from"./p-S-miu3h6.js";import{d as s}from"./p-C7fkgBQS.js";import{d as l}from"./p-BbPrWlsw.js";import{d as h}from"./p-CssmbrSc.js";import{d as b}from"./p-D6aw0IK6.js";import{c as p,m as g,M as m,r as v}from"./p-BJXjqxlX.js";import{c as y,t as u,a as k}from"./p-CqAYzGVs.js";import{B as f,r as w}from"./p-BNVOtH-1.js";import{A as x}from"./p-BoVgy_Ao.js";const D=["January","February","March","April","May","June","July","August","September","October","November","December"],C=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],M=["Su","Mo","Tu","We","Th","Fr","Sa"],z=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=a(this,"bhChange"),this.bhMonthChange=a(this,"bhMonthChange"),this.bhPresetSelect=a(this,"bhPresetSelect")}logger=p("bh-date-picker-content");destroy$=y();i18nUnsubscribe;_i18nVersion=0;minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];initialMonth;initialYear;displayMonth;displayYear;rangeStart;rangeEnd;value;showOtherMonthDays=!0;showDateInput=!1;showPresetRanges=!1;selectDatePlaceholder="Select date";selectedDate=null;currentMonth=(new Date).getMonth();currentYear=(new Date).getFullYear();isMonthDropdownOpen=!1;isMonthDropdownClosing=!1;today=new Date;bhChange;bhMonthChange;bhPresetSelect;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),g.increment(m.COMPONENT_ERROR,{component:"bh-date-picker-content",error_type:e instanceof Error?e.name:"unknown"}),v("bh-date-picker-content",e)}handleValueChange(e){e?(this.selectedDate=e,void 0===this.displayMonth&&void 0===this.displayYear&&(this.currentMonth=e.month,this.currentYear=e.year)):this.selectedDate=null}handleDisplayMonthChange(e){void 0!==e&&(this.currentMonth=e)}handleDisplayYearChange(e){void 0!==e&&(this.currentYear=e)}componentWillLoad(){this.i18nUnsubscribe=f.onLocaleChange((()=>{this._i18nVersion++})),this.currentMonth=void 0!==this.displayMonth?this.displayMonth:void 0===this.initialMonth?this.today.getMonth():this.initialMonth,this.currentYear=void 0!==this.displayYear?this.displayYear:void 0===this.initialYear?this.today.getFullYear():this.initialYear,this.value&&(this.selectedDate=this.value)}get isInRangeMode(){return void 0!==this.rangeStart||void 0!==this.rangeEnd}get calendarCells(){const e=[],t=new Date(this.currentYear,this.currentMonth,1),a=new Date(this.currentYear,this.currentMonth+1,0),r=t.getDay();if(this.showOtherMonthDays)for(let t=0;t<r;t++){const a=new Date(this.currentYear,this.currentMonth,-t);e.unshift(this.createCell(a,!1))}else for(let t=0;t<r;t++)e.unshift({day:0,isCurrentMonth:!1,isToday:!1,isSelected:!1,isDisabled:!0,isRangeStart:!1,isRangeEnd:!1,isInRange:!1,date:new Date(this.currentYear,this.currentMonth,-t)});for(let t=1;t<=a.getDate();t++){const a=new Date(this.currentYear,this.currentMonth,t);e.push(this.createCell(a,!0))}if(this.showOtherMonthDays){const t=42-e.length;for(let a=1;a<=t;a++){const t=new Date(this.currentYear,this.currentMonth+1,a);if(e.push(this.createCell(t,!1)),e.length%7==0)break}}return e}createCell(e,t){const a=this.isDateRangeStart(e),r=this.isDateRangeEnd(e),n=this.isDateInRange(e);return{day:e.getDate(),isCurrentMonth:t,isToday:this.isSameDay(e,this.today),isSelected:this.isDateSelected(e),isDisabled:!t||this.isDateDisabled(e),isRangeStart:a,isRangeEnd:r,isInRange:n,date:e}}isSameDay(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}isDateDisabled(e){if(!this.disabledDates||!Array.isArray(this.disabledDates))return!1;const t=e.getFullYear(),a=e.getMonth(),r=e.getDate();return this.disabledDates.some((e=>e.year===t&&e.month===a&&e.day===r))}isDateSelected(e){return!this.isInRangeMode&&!!this.selectedDate&&e.getFullYear()===this.selectedDate.year&&e.getMonth()===this.selectedDate.month&&e.getDate()===this.selectedDate.day}isDateRangeStart(e){return!!this.rangeStart&&e.getFullYear()===this.rangeStart.year&&e.getMonth()===this.rangeStart.month&&e.getDate()===this.rangeStart.day}isDateRangeEnd(e){return!!this.rangeEnd&&e.getFullYear()===this.rangeEnd.year&&e.getMonth()===this.rangeEnd.month&&e.getDate()===this.rangeEnd.day}isDateInRange(e){if(!this.rangeStart||!this.rangeEnd)return!1;const t=e.getTime(),a=new Date(this.rangeStart.year,this.rangeStart.month,this.rangeStart.day).getTime(),r=new Date(this.rangeEnd.year,this.rangeEnd.month,this.rangeEnd.day).getTime();return t>a&&t<r}formatSelectedDate(){return this.selectedDate?`${C[this.selectedDate.month]} ${this.selectedDate.day}, ${this.selectedDate.year}`:""}handleCellClick=(e,t)=>{if(e.stopPropagation(),e.preventDefault(),t.isDisabled||this.disabled||!t.isCurrentMonth)return;const a={year:t.date.getFullYear(),month:t.date.getMonth(),day:t.date.getDate()};this.isInRangeMode?this.bhChange.emit(a):this.selectedDate&&this.selectedDate.year===a.year&&this.selectedDate.month===a.month&&this.selectedDate.day===a.day?(this.selectedDate=null,this.bhChange.emit(null)):(this.selectedDate=a,this.bhChange.emit(a))};handleMonthDropdownToggle=()=>{this.isMonthDropdownOpen?this.closeMonthDropdown():this.isMonthDropdownOpen=!0};closeMonthDropdown(){this.isMonthDropdownClosing=!0,this.destroy$&&u(x.MENU_CLOSE,this.destroy$)?.subscribe((()=>{this.isMonthDropdownOpen=!1,this.isMonthDropdownClosing=!1}))}handleMonthYearSelect=e=>{if(this.closeMonthDropdown(),this.destroy$){const t=e.detail;u(x.QUICK,this.destroy$)?.subscribe((()=>{this.currentMonth=t.month,this.currentYear=t.year,this.bhMonthChange.emit({month:t.month,year:t.year})}))}};disconnectedCallback(){k(this.destroy$),this.i18nUnsubscribe?.()}handlePreviousMonth=()=>{if(this.disabled)return;let e=this.currentMonth-1,t=this.currentYear;e<0&&(e=11,t=this.currentYear-1),t>=this.minYear&&(this.currentMonth=e,this.currentYear=t,this.bhMonthChange.emit({month:e,year:t}))};handleNextMonth=()=>{if(this.disabled)return;let e=this.currentMonth+1,t=this.currentYear;e>11&&(e=0,t=this.currentYear+1),t<=this.maxYear&&(this.currentMonth=e,this.currentYear=t,this.bhMonthChange.emit({month:e,year:t}))};getCellClass(e){const t=["calendar-cell"];return e.isCurrentMonth||t.push("other-month"),e.isToday&&t.push("today"),e.isRangeStart&&t.push("range-start"),e.isRangeEnd&&t.push("range-end"),e.isInRange&&t.push("in-range"),e.isSelected&&t.push("selected"),e.isDisabled?t.push("disabled"):e.isCurrentMonth&&t.push("selectable"),t.join(" ")}render(){const e=`${D[this.currentMonth]} ${this.currentYear}`;return r(n,{key:"54655d044f0752f7647fb59303249f8fb5c91dd3"},r("div",{key:"e394e93731d0c1a5055eb9577775f732fa37cb20",class:"date-picker-content",part:"container"},r("div",{key:"88a3b58ac3a84510b8e8f76733bd5ea1a1fee4dd",class:"month-navigation",part:"navigation"},r("bh-button-icon",{key:"346fd0af5d228447ed4b478566d1f4a1edfa1838",disabled:this.disabled||this.currentYear===this.minYear&&0===this.currentMonth,hierarchy:"tertiary",iconName:"chevron_left",onClick:this.handlePreviousMonth,size:"md"}),r("bh-button",{key:"213812c523e0e189382e6495f4014520fa6d5add",hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:e,onClick:this.handleMonthDropdownToggle,size:"sm"}),r("bh-button-icon",{key:"f6ad11fe6713733878f5020e4c570b07e73f9921",disabled:this.disabled||this.currentYear===this.maxYear&&11===this.currentMonth,hierarchy:"tertiary",iconName:"chevron_right",onClick:this.handleNextMonth,size:"md"})),this.showDateInput&&r("div",{key:"e27dcf2c52ec2b28c7262d4fac4ecf0d3aeb4752",class:"date-input-display",part:"date-input"},r("bh-input-text",{key:"734e891a9e4652659c8855cb4cd0565c9c09d566",placeholder:w("bh-date-picker-content","selectDatePlaceholder",this.selectDatePlaceholder,"Select date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:!1,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatSelectedDate()})),this.showPresetRanges&&r("div",{key:"74bbd7dcc8bd82da65191d535fa374076a55b63b",class:"preset-ranges",part:"preset-ranges"},r("bh-button",{key:"010a8babf66a0d9b22cfcb4244e6c3316523ca08",hierarchy:"tertiary",label:"Last week",onClick:()=>this.bhPresetSelect.emit("last-week"),size:"sm"}),r("bh-button",{key:"2a651298dc6828d36a1115ec4f73d24efc169953",hierarchy:"tertiary",label:"Last month",onClick:()=>this.bhPresetSelect.emit("last-month"),size:"sm"}),r("bh-button",{key:"dee3061094254ea53b339c54186f7dda1cfbf387",hierarchy:"tertiary",label:"Last year",onClick:()=>this.bhPresetSelect.emit("last-year"),size:"sm"})),!this.isMonthDropdownOpen&&r("div",{key:"599841d8e6f490f262eab17329abb688982d63d8",class:"calendar-grid",part:"calendar"},r("div",{key:"f0934ecfb1d052011290746b89fe610e975f17bd",class:"day-names",part:"day-names"},M.map((e=>r("div",{class:"day-name",key:e},e)))),r("div",{key:"b0b723460e2b9ae997e67658aec8e005680afebb",class:"date-cells",part:"cells"},this.calendarCells.map(((e,t)=>r("div",{class:this.getCellClass(e),key:t,onClick:t=>this.handleCellClick(t,e)},r("span",{class:"date-number"},0===e.day?"":e.day)))))),(this.isMonthDropdownOpen||this.isMonthDropdownClosing)&&r("div",{key:"5ed516dd685be7c20e4c63cf3802a6d8b6693988",class:"month-picker-inline "+(this.isMonthDropdownClosing?"animate-fade-out":"")},r("bh-month-picker-content",{key:"9c8ada6fcf7bed33fac6b0f80083fb7c622111ad",height:"275px",maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleMonthYearSelect,scrollable:!0,selectedMonth:this.currentMonth,selectedYear:this.currentYear}))))}static get watchers(){return{value:[{handleValueChange:0}],displayMonth:[{handleDisplayMonthChange:0}],displayYear:[{handleDisplayYearChange: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: block; --bh-date-picker-content-cell-size: 40px; --bh-date-picker-content-font-family: var(--font-inter); --bh-date-picker-content-padding-sm: var(--spacing-sm); --bh-date-picker-content-padding-md: var(--spacing-xl); --bh-date-picker-content-gap-sm: var(--spacing-sm); --bh-date-picker-content-gap-md: var(--spacing-md); --bh-date-picker-content-text-sm: var(--text-sm-size); --bh-date-picker-content-text-lg: var(--text-lg-size); --bh-date-picker-content-font-weight-medium: var(--weight-medium); --bh-date-picker-content-font-weight-semibold: var(--weight-semibold); --bh-date-picker-content-border-radius: var(--radius-md); --bh-date-picker-content-day-name-color: var(--color-text-secondary); --bh-date-picker-content-day-disabled-color: var(--color-text-disabled); --bh-date-picker-content-day-outside-color: var(--color-text-tertiary); --bh-date-picker-content-day-bg: var(--color-bg-tertiary); --bh-date-picker-content-day-color: var(--color-text-primary); --bh-date-picker-content-day-active-bg: var(--color-bg-interactive); --bh-date-picker-content-day-active-color: var(--color-text-inverse); --bh-date-picker-content-day-hover-bg: var(--color-bg-tertiary); --bh-date-picker-content-day-today-bg: var(--color-brand-100); --bh-date-picker-content-day-today-color: var(--color-text-interactive); --bh-date-picker-content-day-today-border: var(--color-border-interactive); --bh-date-picker-content-day-range-bg: var(--color-bg-tertiary); --bh-date-picker-content-day-range-color: var(--color-text-secondary); --bh-date-picker-content-day-range-border: var(--color-border-interactive); --bh-date-picker-content-day-range-start-bg: var(--color-bg-interactive); --bh-date-picker-content-day-range-start-color: var(--color-text-inverse); --bh-date-picker-content-day-range-end-bg: var(--color-bg-interactive); --bh-date-picker-content-day-range-end-color: var(--color-text-inverse); --bh-date-picker-content-nav-color: var(--color-text-secondary); --bh-date-picker-content-nav-hover-bg: var(--color-bg-secondary); --bh-date-picker-content-nav-active-bg: var(--color-brand-100); --bh-date-picker-content-nav-active-color: var(--color-text-interactive); --bh-date-picker-content-month-header-bg: var(--color-bg-tertiary); --bh-date-picker-content-month-header-color: var(--color-text-primary); --bh-date-picker-content-month-bg: var(--color-bg-tertiary); --bh-date-picker-content-month-border: var(--color-border-interactive); --bh-date-picker-content-month-active-bg: var(--color-bg-interactive); --bh-date-picker-content-month-active-color: var(--color-text-inverse); --bh-date-picker-content-month-hover-bg: var(--color-brand-100); --bh-date-picker-content-month-hover-color: var(--color-text-interactive); --bh-date-picker-content-year-bg: var(--color-bg-tertiary); --bh-date-picker-content-year-color: var(--color-text-tertiary); --bh-date-picker-content-year-active-bg: var(--color-brand-100); --bh-date-picker-content-year-active-color: var(--color-text-interactive); --bh-date-picker-content-scrollbar-track: var(--color-bg-secondary); --bh-date-picker-content-scrollbar-thumb: var(--color-bg-tertiary); --bh-date-picker-content-scrollbar-thumb-hover: var(--color-border-primary); } } @layer bh-base { .date-picker-content { width: 100%; font-family: var(--bh-date-picker-content-font-family); display: flex; flex-direction: column; } .month-navigation { display: flex; justify-content: space-between; align-items: center; gap: var(--bh-date-picker-content-gap-sm); padding: var(--bh-date-picker-content-padding-md); } .date-input-display { padding: 0 var(--bh-date-picker-content-padding-md); } .preset-ranges { display: flex; flex-direction: row; gap: var(--bh-date-picker-content-gap-sm); padding: var(--bh-date-picker-content-padding-sm) var(--bh-date-picker-content-padding-md); } .month-picker-inline { flex: 1; overflow: hidden; max-height: 270px; animation: fadeIn var(--animation-duration-fast) ease-out; } .calendar-grid { padding: 0 var(--bh-date-picker-content-padding-md) var(--bh-date-picker-content-padding-md); flex: 1; } .day-names { display: grid; grid-template-columns: repeat(7, var(--bh-date-picker-content-cell-size)); justify-content: center; width: 100%; gap: 0; margin-bottom: var(--bh-date-picker-content-gap-sm); } .day-name { width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; font-family: var(--bh-date-picker-content-font-family); font-weight: var(--bh-date-picker-content-font-weight-medium); font-size: var(--bh-date-picker-content-text-sm); line-height: var(--text-sm-line); color: var(--bh-date-picker-content-day-name-color); } .date-cells { display: grid; grid-template-columns: repeat(7, var(--bh-date-picker-content-cell-size)); justify-content: center; width: 100%; row-gap: var(--spacing-xs); column-gap: 0; justify-items: center; align-items: center; } .calendar-cell { width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; position: relative; border-radius: var(--radius-full); font-family: var(--bh-date-picker-content-font-family); font-weight: var(--bh-date-picker-content-font-weight-medium); font-size: var(--bh-date-picker-content-text-sm); line-height: var(--text-sm-line); cursor: pointer; transition: all var(--animation-duration-fast, 0.1s) var(--animation-easing-ease, ease); } .date-number { position: relative; z-index: 1; } } @layer bh-variants { .calendar-cell.other-month .date-number { color: var(--bh-date-picker-content-day-outside-color); } .calendar-cell.other-month.disabled .date-number { color: var(--bh-date-picker-content-day-disabled-color); } .calendar-cell.in-range { background: var(--bh-date-picker-content-day-range-bg); border-radius: 0; position: relative; } .calendar-cell.in-range .date-number { color: var(--bh-date-picker-content-day-range-color); font-weight: var(--bh-date-picker-content-font-weight-medium); } .calendar-cell.in-range { } .calendar-cell.in-range:nth-child(7n+1) { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .calendar-cell.in-range:nth-child(7n) { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .calendar-cell.range-start, .calendar-cell.range-end { position: relative; } .calendar-cell.range-start .date-number, .calendar-cell.range-end .date-number { background: var(--bh-date-picker-content-day-range-start-bg); color: var(--bh-date-picker-content-day-range-start-color); font-weight: var(--bh-date-picker-content-font-weight-semibold); border-radius: var(--radius-full); width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; } .calendar-cell.range-start { background: transparent; } .calendar-cell.range-start::after { content: ""; position: absolute; left: 50%; top: 0; width: 50%; height: 100%; background: var(--bh-date-picker-content-day-range-bg); border-radius: var(--radius-md) 0 0 var(--radius-md); z-index: 0; } .calendar-cell.range-start { } .calendar-cell.range-start:nth-child(7n)::after { display: none; } .calendar-cell.range-end { background: transparent; } .calendar-cell.range-end::after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: var(--bh-date-picker-content-day-range-bg); border-radius: 0 var(--radius-md) var(--radius-md) 0; z-index: 0; } .calendar-cell.range-end { } .calendar-cell.range-end:nth-child(7n+1)::after { display: none; } .calendar-cell.range-start.range-end { background: transparent; } .calendar-cell.range-start.range-end::after { display: none; } .calendar-cell.range-start.range-end .date-number { border-radius: var(--radius-full); } .calendar-cell.range-start:not(.in-range):not(:has(~ .range-end))::after { display: none; } .calendar-cell.today.in-range { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.today.in-range .date-number { color: var(--bh-date-picker-content-day-color); font-weight: var(--bh-date-picker-content-font-weight-medium); background: transparent; border: 2px solid var(--bh-date-picker-content-day-today-border); border-radius: var(--radius-full); width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; } .calendar-cell.today.range-start .date-number, .calendar-cell.today.range-end .date-number { background: var(--bh-date-picker-content-day-today-bg); color: var(--bh-date-picker-content-day-today-color); border: none; } } @layer bh-states { .month-picker-inline.animate-fade-out { animation: fadeOut var(--animation-duration-fast) ease-out; } .calendar-cell.selectable:not(.range-start):not(.range-end):not(.selected) .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.selectable:not(.range-start):not(.range-end):not(.selected):hover { background: var(--bh-date-picker-content-day-hover-bg); } .calendar-cell.selectable:not(.range-start):not(.range-end):not(.selected):hover .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.today.in-range, .calendar-cell.today.range-start, .calendar-cell.today.range-end { border: none; } .calendar-cell.today { border: 2px solid var(--bh-date-picker-content-day-today-border); } .calendar-cell.today .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.today:hover { background: var(--bh-date-picker-content-day-hover-bg); } .calendar-cell.today:hover .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.selected { background: var(--bh-date-picker-content-day-active-bg); } .calendar-cell.selected .date-number { color: var(--bh-date-picker-content-day-active-color); font-weight: var(--bh-date-picker-content-font-weight-semibold); } .calendar-cell.selected:hover { background: var(--bh-date-picker-content-day-active-bg); } .calendar-cell.selected:hover .date-number { color: var(--bh-date-picker-content-day-active-color); font-weight: var(--bh-date-picker-content-font-weight-semibold); } .calendar-cell.in-range:hover { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.in-range:hover .date-number { background: var(--bh-date-picker-content-day-bg); border-radius: var(--radius-full); width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; } .calendar-cell.range-start:hover .date-number, .calendar-cell.range-start.selectable:hover .date-number, .calendar-cell.range-end:hover .date-number, .calendar-cell.range-end.selectable:hover .date-number { background: var(--bh-date-picker-content-day-range-start-bg); color: var(--bh-date-picker-content-day-range-start-color); } .calendar-cell.range-start:hover::after, .calendar-cell.range-start.selectable:hover::after { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.range-end:hover::after, .calendar-cell.range-end.selectable:hover::after { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.today.in-range:hover { background: var(--bh-date-picker-content-day-hover-bg); } .calendar-cell.disabled { cursor: not-allowed; } .calendar-cell.disabled .date-number { color: var(--bh-date-picker-content-day-disabled-color); } } @layer bh-utilities { @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-10px); } } }'}},[513,"bh-date-picker-content",{minYear:[2,"min-year"],maxYear:[2,"max-year"],disabled:[4],disabledDates:[16],initialMonth:[2,"initial-month"],initialYear:[2,"initial-year"],displayMonth:[2,"display-month"],displayYear:[2,"display-year"],rangeStart:[16],rangeEnd:[16],value:[16],showOtherMonthDays:[4,"show-other-month-days"],showDateInput:[4,"show-date-input"],showPresetRanges:[4,"show-preset-ranges"],selectDatePlaceholder:[1,"select-date-placeholder"],_i18nVersion:[32],selectedDate:[32],currentMonth:[32],currentYear:[32],isMonthDropdownOpen:[32],isMonthDropdownClosing:[32]},void 0,{value:[{handleValueChange:0}],displayMonth:[{handleDisplayMonthChange:0}],displayYear:[{handleDisplayYearChange:0}]}]);function Y(){"undefined"!=typeof customElements&&["bh-date-picker-content","bh-button","bh-button-icon","bh-input-text","bh-label","bh-loader-spinner","bh-month-picker-content","bh-tooltip"].forEach((e=>{switch(e){case"bh-date-picker-content":customElements.get(i(e))||customElements.define(i(e),z);break;case"bh-button":customElements.get(i(e))||o();break;case"bh-button-icon":customElements.get(i(e))||c();break;case"bh-input-text":customElements.get(i(e))||d();break;case"bh-label":customElements.get(i(e))||s();break;case"bh-loader-spinner":customElements.get(i(e))||l();break;case"bh-month-picker-content":customElements.get(i(e))||h();break;case"bh-tooltip":customElements.get(i(e))||b()}}))}export{z as B,Y as d}
@@ -1 +1 @@
1
- import{p as t,H as r,c as o,h as e,t as n}from"./p-YZi6LqIt.js";import{d as a}from"./p-BbPrWlsw.js";import{c as b}from"./p-Dmpif9C-.js";import{b as s,m as i}from"./p-Bam7V_bL.js";import{c,m as d,M as l}from"./p-BJXjqxlX.js";import{c as u,a as h,t as v}from"./p-CqAYzGVs.js";import{c as g,g as p}from"./p-YdVz1TeW.js";import{A as y}from"./p-BoVgy_Ao.js";function m(t){return t?-1:0}const f=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhLongPress=o(this,"bhLongPress")}logger=c("bh-button");destroy$=u();focusState=g();_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=b({componentName:"bh-button",logger:this.logger})),this._errorHandler}hierarchy="primary";variant="default";icon="none";size="sm";label;iconName;disabled=!1;loading=!1;ariaLabel=null;type="button";toggle=!1;pressed=!1;hasPopup=!1;popupType=null;expanded=!1;describedBy;buttonRole;roleDescription;bhLongPress;focusVersion=0;longPressStartTime;longPressSubscription;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.handleComponentError(t)}disconnectedCallback(){this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0),h(this.destroy$)}get isInteractive(){return!(this.disabled||this.loading)}handleClick=t=>{if(this.loading)return t.preventDefault(),void t.stopPropagation();this.isInteractive&&d.increment(l.EVENT_EMIT,{component:"bh-button",event:"click",hierarchy:this.hierarchy,kind:this.variant})};handleKeyDown=()=>{};handleKeyUp=()=>{};handleKeyPress=()=>{};handleTouchStart=()=>{this.isInteractive&&(this.longPressStartTime=Date.now(),this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0),this.destroy$&&(this.longPressSubscription=v(y.LONG_PRESS,this.destroy$)?.subscribe((()=>{const t=Date.now()-(this.longPressStartTime||0);this.bhLongPress.emit({duration:t}),this.longPressSubscription=void 0}))))};handleTouchEnd=()=>{this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0)};handleTouchMove=()=>{this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0)};handleDoubleClick=()=>{};handleContextMenu=()=>{};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlurEvent=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};getIconSizeClass(){switch(this.size){case"sm":case"md":default:return"icon-md";case"lg":return"icon-lg"}}getTextSizeClass(){switch(this.size){case"sm":case"md":default:return"text-sm";case"lg":return"text-md"}}getLoaderSize(){return"sm"}getLoaderVariant(){return"primary"===this.hierarchy?"white":"default"}render(){const t="leading"===this.icon&&(this.iconName||this.loading),r="trailing"===this.icon&&this.iconName&&!this.loading,o=s({base:"btn",size:this.size,variant:this.hierarchy,kind:this.variant,modifiers:{disabled:this.disabled,loading:this.loading}}),n=p(this.focusState,"btn"),a=i(o,n,{[`btn-icon-${this.icon}`]:!0});return e("button",{key:"e8e6a016ae510192dc75f4cd3f21703962981cfe","aria-atomic":"true","aria-busy":(u=this.loading,u?"true":void 0),"aria-describedby":this.describedBy,"aria-disabled":(l=this.disabled,l?"true":void 0),"aria-expanded":this.hasPopup?(d=this.expanded,d?"true":"false"):void 0,"aria-haspopup":this.hasPopup&&this.popupType?this.popupType:void 0,"aria-label":this.ariaLabel||void 0,"aria-live":"off","aria-pressed":(b=this.toggle,c=this.pressed,b?c?"true":"false":void 0),"aria-roledescription":this.roleDescription,class:a,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,disabled:this.disabled,onBlur:this.handleBlurEvent,onClick:this.handleClick,onContextMenu:this.handleContextMenu,onDblClick:this.handleDoubleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onKeyPress:this.handleKeyPress,onKeyUp:this.handleKeyUp,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTouchEnd:this.handleTouchEnd,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,part:"button",role:this.buttonRole||(this.toggle?"button":void 0),tabindex:m(this.disabled),type:this.type},t&&e("span",{key:"d3a03f70eee24d71988939ef1d72f4b6b39ed947",class:`btn-icon ${this.getIconSizeClass()}`,part:"icon"},this.loading?e("bh-loader-spinner",{size:this.getLoaderSize(),variant:this.getLoaderVariant()}):e("span",{class:"btn-icon-material material-symbols-outlined"},this.iconName)),e("span",{key:"21d9fc3b16cb49ad0639cd4e03c02ffb160f599a",class:`btn-label ${this.getTextSizeClass()}`,part:"label"},e("slot",{key:"42e37cd8a5a1cc890cd2efeedfffdb87b749d428"},this.label)),r&&e("span",{key:"3ce2b1626ae8276da70be34e63e2c3582e53a883",class:`btn-icon ${this.getIconSizeClass()}`,part:"icon"},e("span",{key:"45c2e8d25eae239d5a570da726455bda63c8fdb1",class:"btn-icon-material material-symbols-outlined"},this.iconName)));var b,c,d,l,u}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-button-primary-bg:var(--color-bg-interactive);--bh-button-primary-bg-hover:var(--color-bg-interactive-hover);--bh-button-primary-bg-active:var(--color-bg-interactive-active);--bh-button-primary-color:var(--color-text-inverse);--bh-button-primary-border-color:transparent;--bh-button-secondary-bg:var(--color-bg-primary);--bh-button-secondary-bg-hover:var(--color-bg-secondary);--bh-button-secondary-bg-active:var(--color-bg-tertiary);--bh-button-secondary-color:var(--color-text-secondary);--bh-button-secondary-color-hover:var(--color-text-primary);--bh-button-secondary-border-color:var(--color-border-primary);--bh-button-tertiary-bg:transparent;--bh-button-tertiary-bg-hover:var(--color-bg-tertiary);--bh-button-tertiary-bg-active:var(--color-bg-tertiary);--bh-button-tertiary-color:var(--color-text-secondary);--bh-button-tertiary-color-hover:var(--color-text-primary);--bh-button-quaternary-bg:transparent;--bh-button-quaternary-color:var(--color-text-interactive);--bh-button-quaternary-color-hover:var(--color-text-interactive-hover);--bh-button-destructive-bg:var(--color-bg-destructive);--bh-button-destructive-bg-hover:var(--color-bg-destructive-hover);--bh-button-destructive-bg-active:var(--color-bg-destructive-active);--bh-button-destructive-color:var(--color-text-inverse);--bh-button-destructive-text-color:var(--color-text-error);--bh-button-success-bg:var(--color-bg-success);--bh-button-success-bg-hover:var(--color-bg-success-hover);--bh-button-success-color:var(--color-text-inverse);--bh-button-success-text-color:var(--color-text-success);--bh-button-border-radius:var(--radius-md);--bh-button-font-family:var(--font-inter);--bh-button-font-weight:var(--weight-medium);--bh-button-focus-ring-color:var(--color-border-interactive);--bh-button-focus-ring-color-destructive:var(--color-border-error);--bh-button-focus-ring-color-success:var(--color-border-success);--bh-button-disabled-bg:var(--color-bg-disabled);--bh-button-disabled-color:var(--color-text-disabled);--bh-button-disabled-border-color:var(--color-border-disabled);--bh-button-neutral-400:var(--color-border-primary);--bh-button-neutral-500:var(--color-border-interactive);--bh-button-brand-800:var(--color-text-interactive);--bh-button-error-50:var(--color-error-100);--bh-button-error-100:var(--color-bg-tertiary);--bh-button-error-300:var(--color-border-error);--bh-button-error-400:var(--color-text-error);--bh-button-error-700:var(--color-error-700);--bh-button-error-800:var(--color-text-error);--bh-button-success-50:var(--color-success-100);--bh-button-success-100:var(--color-bg-tertiary);--bh-button-success-300:var(--color-border-success);--bh-button-success-400:var(--color-text-success);--bh-button-success-700:var(--color-success-700);--bh-button-success-800:var(--color-text-success);--bh-button-gap-xs:var(--spacing-xs);--bh-button-gap-sm:var(--spacing-sm);--bh-button-padding-lg:var(--spacing-lg);--bh-button-padding-xl:var(--spacing-xl);--bh-button-text-sm:var(--text-sm-size);--bh-button-text-md:var(--text-md-size)}}@layer bh-base{.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;transition:all 0.2s ease-in-out;border:1px solid transparent;cursor:pointer;white-space:nowrap;outline:none;gap:var(--bh-button-gap-xs);font-family:var(--bh-button-font-family);font-weight:var(--bh-button-font-weight)}.btn-label{display:inline-block;line-height:inherit}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon-material{line-height:1;vertical-align:middle;color:inherit !important}.btn-loading-icon{line-height:1;vertical-align:middle;color:inherit}}@layer bh-variants{.btn-xs{padding:0 var(--bh-button-padding-lg);height:var(--bh-button-height-xs);border-radius:var(--bh-button-border-radius);font-size:var(--bh-button-text-sm)}.btn-xs .btn-icon-material{font-size:var(--bh-button-text-sm)}.btn-sm{padding:0 var(--bh-button-padding-lg);height:var(--bh-button-height-sm);border-radius:var(--bh-button-border-radius);font-size:var(--bh-button-text-sm)}.btn-sm .btn-icon-material{font-size:var(--bh-button-text-md)}.btn-md{padding:0 var(--bh-button-padding-lg);height:var(--bh-button-height-md);border-radius:var(--bh-button-border-radius);font-size:var(--bh-button-text-sm)}.btn-md .btn-icon-material{font-size:var(--icon-size-md)}.btn-lg{padding:0 var(--bh-button-padding-xl);height:var(--bh-button-height-lg);border-radius:var(--bh-button-border-radius);gap:var(--bh-button-gap-sm);font-size:var(--bh-button-text-md)}.btn-lg .btn-icon-material{font-size:var(--icon-size-md)}.btn-primary.btn-default{background-color:var(--bh-button-primary-bg);color:var(--bh-button-primary-color);border-color:var(--bh-button-primary-border-color)}.btn-secondary.btn-default{background-color:var(--bh-button-secondary-bg);color:var(--bh-button-secondary-color);border-color:var(--bh-button-secondary-border-color)}.btn-tertiary.btn-default{background-color:var(--bh-button-tertiary-bg);color:var(--bh-button-tertiary-color);border-color:transparent}.btn-quaternary.btn-default{background-color:var(--bh-button-quaternary-bg);color:var(--bh-button-quaternary-color);border-color:transparent}.btn-primary.btn-destructive{background-color:var(--bh-button-destructive-bg);color:var(--bh-button-destructive-color);border-color:var(--bh-button-destructive-bg)}.btn-secondary.btn-destructive{background-color:var(--bh-button-secondary-bg);color:var(--bh-button-destructive-text-color);border-color:var(--bh-button-error-300)}.btn-tertiary.btn-destructive{background-color:transparent;color:var(--bh-button-destructive-text-color);border-color:transparent}.btn-quaternary.btn-destructive{background-color:transparent;color:var(--bh-button-destructive-text-color);border-color:transparent}.btn-primary.btn-success{background-color:var(--bh-button-success-bg);color:var(--bh-button-success-color);border-color:var(--bh-button-success-bg)}.btn-secondary.btn-success{background-color:var(--bh-button-secondary-bg);color:var(--bh-button-success-text-color);border-color:var(--bh-button-success-300)}.btn-tertiary.btn-success{background-color:transparent;color:var(--bh-button-success-text-color);border-color:transparent}.btn-quaternary.btn-success{background-color:transparent;color:var(--bh-button-success-text-color);border-color:transparent}.btn-quaternary{height:auto;padding:0;border-radius:0}.btn-quaternary .btn-label{text-decoration:underline}}@layer bh-states{.btn-primary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-primary-bg-hover);border-color:var(--bh-button-primary-bg-hover)}.btn-secondary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-secondary-bg-hover);color:var(--bh-button-secondary-color-hover);border-color:var(--bh-button-neutral-400)}.btn-tertiary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-tertiary-bg-hover);color:var(--bh-button-tertiary-color-hover)}.btn-quaternary.btn-default:hover:not(:disabled):not(.btn-disabled){color:var(--bh-button-quaternary-color-hover)}.btn-primary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-primary-bg-active);border-color:var(--bh-button-primary-bg-active)}.btn-secondary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-secondary-bg-active);border-color:var(--bh-button-neutral-500)}.btn-tertiary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-tertiary-bg-active)}.btn-quaternary.btn-default:active:not(:disabled):not(.btn-disabled){color:var(--bh-button-brand-800)}.btn-primary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-destructive-bg-hover);border-color:var(--bh-button-destructive-bg-hover)}.btn-secondary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-50);color:var(--bh-button-error-700);border-color:var(--bh-button-error-300)}.btn-tertiary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-50);color:var(--bh-button-error-700)}.btn-quaternary.btn-destructive:hover:not(:disabled):not(.btn-disabled){color:var(--bh-button-error-700)}.btn-primary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-destructive-bg-active);border-color:var(--bh-button-destructive-bg-active)}.btn-secondary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-100);border-color:var(--bh-button-error-400)}.btn-tertiary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-100)}.btn-quaternary.btn-destructive:active:not(:disabled):not(.btn-disabled){color:var(--bh-button-error-800)}.btn-primary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-bg-hover);border-color:var(--bh-button-success-bg-hover)}.btn-secondary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-50);color:var(--bh-button-success-700);border-color:var(--bh-button-success-300)}.btn-tertiary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-50);color:var(--bh-button-success-700)}.btn-quaternary.btn-success:hover:not(:disabled):not(.btn-disabled){color:var(--bh-button-success-700)}.btn-primary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-800);border-color:var(--bh-button-success-800)}.btn-secondary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-100);border-color:var(--bh-button-success-400)}.btn-tertiary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-100)}.btn-quaternary.btn-success:active:not(:disabled):not(.btn-disabled){color:var(--bh-button-success-800)}.btn.btn-default:focus-visible{outline:2px solid var(--bh-button-focus-ring-color);outline-offset:2px}.btn.btn-destructive:focus-visible{outline:2px solid var(--bh-button-focus-ring-color-destructive);outline-offset:2px}.btn.btn-success:focus-visible{outline:2px solid var(--bh-button-focus-ring-color-success);outline-offset:2px}.btn:disabled,.btn-disabled{cursor:not-allowed;pointer-events:none}.btn-primary:disabled,.btn-primary.btn-disabled{cursor:not-allowed;pointer-events:none;background-color:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-border-disabled)}.btn-secondary:disabled,.btn-secondary.btn-disabled,.btn-tertiary:disabled,.btn-tertiary.btn-disabled,.btn-quaternary:disabled,.btn-quaternary.btn-disabled{cursor:not-allowed;pointer-events:none;opacity:0.5}.btn-loading{cursor:wait;pointer-events:none}.btn-loading .btn-label{opacity:0.7}}@layer bh-utilities{.text-sm{font-size:var(--bh-button-text-sm);line-height:var(--line-height-normal)}.text-md{font-size:var(--bh-button-text-md);line-height:var(--line-height-normal)}.icon-md{width:var(--icon-size-md);height:var(--icon-size-md)}.icon-lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.btn-loading-icon{animation:spin 1s linear infinite}}"}},[769,"bh-button",{hierarchy:[1],variant:[1],icon:[1],size:[1],label:[1],iconName:[1,"icon-name"],disabled:[4],loading:[4],ariaLabel:[1,"aria-label"],type:[1],toggle:[4],pressed:[4],hasPopup:[4,"has-popup"],popupType:[1,"popup-type"],expanded:[4],describedBy:[1,"described-by"],buttonRole:[1,"button-role"],roleDescription:[1,"role-description"],focusVersion:[32]}]);function x(){"undefined"!=typeof customElements&&["bh-button","bh-loader-spinner"].forEach((t=>{switch(t){case"bh-button":customElements.get(n(t))||customElements.define(n(t),f);break;case"bh-loader-spinner":customElements.get(n(t))||a()}}))}export{f as B,x as d}
1
+ import{p as t,H as r,c as o,h as e,t as n}from"./p-YZi6LqIt.js";import{d as a}from"./p-BbPrWlsw.js";import{c as b}from"./p-Dmpif9C-.js";import{b as s,m as i}from"./p-Bam7V_bL.js";import{c,m as d,M as l}from"./p-BJXjqxlX.js";import{c as u,a as h,t as v}from"./p-CqAYzGVs.js";import{c as g,g as p}from"./p-YdVz1TeW.js";import{A as y}from"./p-BoVgy_Ao.js";function m(t){return t?-1:0}const f=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhLongPress=o(this,"bhLongPress")}logger=c("bh-button");destroy$=u();focusState=g();_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=b({componentName:"bh-button",logger:this.logger})),this._errorHandler}hierarchy="primary";variant="default";icon="none";size="sm";label;iconName;disabled=!1;loading=!1;ariaLabel=null;type="button";toggle=!1;pressed=!1;hasPopup=!1;popupType=null;expanded=!1;describedBy;buttonRole;roleDescription;bhLongPress;focusVersion=0;longPressStartTime;longPressSubscription;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.handleComponentError(t)}disconnectedCallback(){this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0),h(this.destroy$)}get isInteractive(){return!(this.disabled||this.loading)}handleClick=t=>{if(this.loading)return t.preventDefault(),void t.stopPropagation();this.isInteractive&&d.increment(l.EVENT_EMIT,{component:"bh-button",event:"click",hierarchy:this.hierarchy,kind:this.variant})};handleKeyDown=()=>{};handleKeyUp=()=>{};handleKeyPress=()=>{};handleTouchStart=()=>{this.isInteractive&&(this.longPressStartTime=Date.now(),this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0),this.destroy$&&(this.longPressSubscription=v(y.LONG_PRESS,this.destroy$)?.subscribe((()=>{const t=Date.now()-(this.longPressStartTime||0);this.bhLongPress.emit({duration:t}),this.longPressSubscription=void 0}))))};handleTouchEnd=()=>{this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0)};handleTouchMove=()=>{this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0)};handleDoubleClick=()=>{};handleContextMenu=()=>{};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlurEvent=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};getIconSizeClass(){switch(this.size){case"sm":case"md":default:return"icon-md";case"lg":return"icon-lg"}}getTextSizeClass(){switch(this.size){case"sm":case"md":default:return"text-sm";case"lg":return"text-md"}}getLoaderSize(){return"sm"}getLoaderVariant(){return"primary"===this.hierarchy?"white":"default"}render(){const t="leading"===this.icon&&(this.iconName||this.loading),r="trailing"===this.icon&&this.iconName&&!this.loading,o=s({base:"btn",size:this.size,variant:this.hierarchy,kind:this.variant,modifiers:{disabled:this.disabled,loading:this.loading}}),n=p(this.focusState,"btn"),a=i(o,n,{[`btn-icon-${this.icon}`]:!0});return e("button",{key:"4d51d6fa002703616c1772bc94821f050942227a","aria-atomic":"true","aria-busy":(u=this.loading,u?"true":void 0),"aria-describedby":this.describedBy,"aria-disabled":(l=this.disabled,l?"true":void 0),"aria-expanded":this.hasPopup?(d=this.expanded,d?"true":"false"):void 0,"aria-haspopup":this.hasPopup&&this.popupType?this.popupType:void 0,"aria-label":this.ariaLabel||void 0,"aria-live":"off","aria-pressed":(b=this.toggle,c=this.pressed,b?c?"true":"false":void 0),"aria-roledescription":this.roleDescription,class:a,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,disabled:this.disabled,onBlur:this.handleBlurEvent,onClick:this.handleClick,onContextMenu:this.handleContextMenu,onDblClick:this.handleDoubleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onKeyPress:this.handleKeyPress,onKeyUp:this.handleKeyUp,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTouchEnd:this.handleTouchEnd,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,part:"button",role:this.buttonRole||(this.toggle?"button":void 0),tabindex:m(this.disabled),type:this.type},t&&e("span",{key:"a590f7ccd123ef9f1fdb1e603359e9daecc8980d",class:`btn-icon ${this.getIconSizeClass()}`,part:"icon"},this.loading?e("bh-loader-spinner",{size:this.getLoaderSize(),variant:this.getLoaderVariant()}):e("span",{class:"btn-icon-material material-symbols-outlined"},this.iconName)),e("span",{key:"76a35460fca9bbe0b5718cddfa181bf918b91500",class:`btn-label ${this.getTextSizeClass()}`,part:"label"},e("slot",{key:"8a55cf75feb637e230020d2abaa1b75672302100"},this.label)),r&&e("span",{key:"87246a5b2fb7e7338a01251e4564c98af0208af9",class:`btn-icon ${this.getIconSizeClass()}`,part:"icon"},e("span",{key:"aac0889ad057a049eba0aa72ad35cf373e2c0048",class:"btn-icon-material material-symbols-outlined"},this.iconName)));var b,c,d,l,u}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-button-primary-bg:var(--color-bg-interactive);--bh-button-primary-bg-hover:var(--color-bg-interactive-hover);--bh-button-primary-bg-active:var(--color-bg-interactive-active);--bh-button-primary-color:var(--color-text-inverse);--bh-button-primary-border-color:transparent;--bh-button-secondary-bg:var(--color-bg-primary);--bh-button-secondary-bg-hover:var(--color-bg-secondary);--bh-button-secondary-bg-active:var(--color-bg-tertiary);--bh-button-secondary-color:var(--color-text-secondary);--bh-button-secondary-color-hover:var(--color-text-primary);--bh-button-secondary-border-color:var(--color-border-primary);--bh-button-tertiary-bg:transparent;--bh-button-tertiary-bg-hover:var(--color-bg-tertiary);--bh-button-tertiary-bg-active:var(--color-bg-tertiary);--bh-button-tertiary-color:var(--color-text-secondary);--bh-button-tertiary-color-hover:var(--color-text-primary);--bh-button-quaternary-bg:transparent;--bh-button-quaternary-color:var(--color-text-interactive);--bh-button-quaternary-color-hover:var(--color-text-interactive-hover);--bh-button-destructive-bg:var(--color-bg-destructive);--bh-button-destructive-bg-hover:var(--color-bg-destructive-hover);--bh-button-destructive-bg-active:var(--color-bg-destructive-active);--bh-button-destructive-color:var(--color-text-inverse);--bh-button-destructive-text-color:var(--color-text-error);--bh-button-success-bg:var(--color-bg-success);--bh-button-success-bg-hover:var(--color-bg-success-hover);--bh-button-success-color:var(--color-text-inverse);--bh-button-success-text-color:var(--color-text-success);--bh-button-border-radius:var(--radius-md);--bh-button-font-family:var(--font-inter);--bh-button-font-weight:var(--weight-medium);--bh-button-focus-ring-color:var(--color-border-interactive);--bh-button-focus-ring-color-destructive:var(--color-border-error);--bh-button-focus-ring-color-success:var(--color-border-success);--bh-button-disabled-bg:var(--color-bg-disabled);--bh-button-disabled-color:var(--color-text-disabled);--bh-button-disabled-border-color:var(--color-border-disabled);--bh-button-neutral-400:var(--color-border-primary);--bh-button-neutral-500:var(--color-border-interactive);--bh-button-brand-800:var(--color-text-interactive);--bh-button-error-50:var(--color-error-100);--bh-button-error-100:var(--color-bg-tertiary);--bh-button-error-300:var(--color-border-error);--bh-button-error-400:var(--color-text-error);--bh-button-error-700:var(--color-error-700);--bh-button-error-800:var(--color-text-error);--bh-button-success-50:var(--color-success-100);--bh-button-success-100:var(--color-bg-tertiary);--bh-button-success-300:var(--color-border-success);--bh-button-success-400:var(--color-text-success);--bh-button-success-700:var(--color-success-700);--bh-button-success-800:var(--color-text-success);--bh-button-gap-xs:var(--spacing-xs);--bh-button-gap-sm:var(--spacing-sm);--bh-button-padding-lg:var(--spacing-lg);--bh-button-padding-xl:var(--spacing-xl);--bh-button-text-sm:var(--text-sm-size);--bh-button-text-md:var(--text-md-size)}}@layer bh-base{.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;transition:all 0.2s ease-in-out;border:1px solid transparent;cursor:pointer;white-space:nowrap;outline:none;gap:var(--bh-button-gap-xs);font-family:var(--bh-button-font-family);font-weight:var(--bh-button-font-weight)}.btn-label{display:inline-block;line-height:inherit}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon-material{line-height:1;vertical-align:middle;color:inherit !important}.btn-loading-icon{line-height:1;vertical-align:middle;color:inherit}}@layer bh-variants{.btn-xs{padding:0 var(--bh-button-padding-lg);height:var(--bh-button-height-xs);border-radius:var(--bh-button-border-radius);font-size:var(--bh-button-text-sm)}.btn-xs .btn-icon-material{font-size:var(--bh-button-text-sm)}.btn-sm{padding:0 var(--bh-button-padding-lg);height:var(--bh-button-height-sm);border-radius:var(--bh-button-border-radius);font-size:var(--bh-button-text-sm)}.btn-sm .btn-icon-material{font-size:var(--bh-button-text-md)}.btn-md{padding:0 var(--bh-button-padding-lg);height:var(--bh-button-height-md);border-radius:var(--bh-button-border-radius);font-size:var(--bh-button-text-sm)}.btn-md .btn-icon-material{font-size:var(--icon-size-md)}.btn-lg{padding:0 var(--bh-button-padding-xl);height:var(--bh-button-height-lg);border-radius:var(--bh-button-border-radius);gap:var(--bh-button-gap-sm);font-size:var(--bh-button-text-md)}.btn-lg .btn-icon-material{font-size:var(--icon-size-md)}.btn-primary.btn-default{background-color:var(--bh-button-primary-bg);color:var(--bh-button-primary-color);border-color:var(--bh-button-primary-border-color)}.btn-secondary.btn-default{background-color:var(--bh-button-secondary-bg);color:var(--bh-button-secondary-color);border-color:var(--bh-button-secondary-border-color)}.btn-tertiary.btn-default{background-color:var(--bh-button-tertiary-bg);color:var(--bh-button-tertiary-color);border-color:transparent}.btn-quaternary.btn-default{background-color:var(--bh-button-quaternary-bg);color:var(--bh-button-quaternary-color);border-color:transparent}.btn-primary.btn-destructive{background-color:var(--bh-button-destructive-bg);color:var(--bh-button-destructive-color);border-color:var(--bh-button-destructive-bg)}.btn-secondary.btn-destructive{background-color:var(--bh-button-secondary-bg);color:var(--bh-button-destructive-text-color);border-color:var(--bh-button-error-300)}.btn-tertiary.btn-destructive{background-color:transparent;color:var(--bh-button-destructive-text-color);border-color:transparent}.btn-quaternary.btn-destructive{background-color:transparent;color:var(--bh-button-destructive-text-color);border-color:transparent}.btn-primary.btn-success{background-color:var(--bh-button-success-bg);color:var(--bh-button-success-color);border-color:var(--bh-button-success-bg)}.btn-secondary.btn-success{background-color:var(--bh-button-secondary-bg);color:var(--bh-button-success-text-color);border-color:var(--bh-button-success-300)}.btn-tertiary.btn-success{background-color:transparent;color:var(--bh-button-success-text-color);border-color:transparent}.btn-quaternary.btn-success{background-color:transparent;color:var(--bh-button-success-text-color);border-color:transparent}.btn-quaternary{height:auto;padding:0;border-radius:0}.btn-quaternary .btn-label{text-decoration:underline}}@layer bh-states{.btn-primary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-primary-bg-hover);border-color:var(--bh-button-primary-bg-hover)}.btn-secondary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-secondary-bg-hover);color:var(--bh-button-secondary-color-hover);border-color:var(--bh-button-neutral-400)}.btn-tertiary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-tertiary-bg-hover);color:var(--bh-button-tertiary-color-hover)}.btn-quaternary.btn-default:hover:not(:disabled):not(.btn-disabled){color:var(--bh-button-quaternary-color-hover)}.btn-primary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-primary-bg-active);border-color:var(--bh-button-primary-bg-active)}.btn-secondary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-secondary-bg-active);border-color:var(--bh-button-neutral-500)}.btn-tertiary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-tertiary-bg-active)}.btn-quaternary.btn-default:active:not(:disabled):not(.btn-disabled){color:var(--bh-button-brand-800)}.btn-primary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-destructive-bg-hover);border-color:var(--bh-button-destructive-bg-hover)}.btn-secondary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-50);color:var(--bh-button-error-700);border-color:var(--bh-button-error-300)}.btn-tertiary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-50);color:var(--bh-button-error-700)}.btn-quaternary.btn-destructive:hover:not(:disabled):not(.btn-disabled){color:var(--bh-button-error-700)}.btn-primary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-destructive-bg-active);border-color:var(--bh-button-destructive-bg-active)}.btn-secondary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-100);border-color:var(--bh-button-error-400)}.btn-tertiary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-100)}.btn-quaternary.btn-destructive:active:not(:disabled):not(.btn-disabled){color:var(--bh-button-error-800)}.btn-primary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-bg-hover);border-color:var(--bh-button-success-bg-hover)}.btn-secondary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-50);color:var(--bh-button-success-700);border-color:var(--bh-button-success-300)}.btn-tertiary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-50);color:var(--bh-button-success-700)}.btn-quaternary.btn-success:hover:not(:disabled):not(.btn-disabled){color:var(--bh-button-success-700)}.btn-primary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-800);border-color:var(--bh-button-success-800)}.btn-secondary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-100);border-color:var(--bh-button-success-400)}.btn-tertiary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-100)}.btn-quaternary.btn-success:active:not(:disabled):not(.btn-disabled){color:var(--bh-button-success-800)}.btn.btn-default:focus-visible{outline:2px solid var(--bh-button-focus-ring-color);outline-offset:2px}.btn.btn-destructive:focus-visible{outline:2px solid var(--bh-button-focus-ring-color-destructive);outline-offset:2px}.btn.btn-success:focus-visible{outline:2px solid var(--bh-button-focus-ring-color-success);outline-offset:2px}.btn:disabled,.btn-disabled{cursor:not-allowed;pointer-events:none}.btn-primary:disabled,.btn-primary.btn-disabled{cursor:not-allowed;pointer-events:none;background-color:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-border-disabled)}.btn-secondary:disabled,.btn-secondary.btn-disabled,.btn-tertiary:disabled,.btn-tertiary.btn-disabled,.btn-quaternary:disabled,.btn-quaternary.btn-disabled{cursor:not-allowed;pointer-events:none;opacity:0.5}.btn-loading{cursor:wait;pointer-events:none}.btn-loading .btn-label{opacity:0.7}}@layer bh-utilities{.text-sm{font-size:var(--bh-button-text-sm);line-height:var(--line-height-normal)}.text-md{font-size:var(--bh-button-text-md);line-height:var(--line-height-normal)}.icon-md{width:var(--icon-size-md);height:var(--icon-size-md)}.icon-lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.btn-loading-icon{animation:spin 1s linear infinite}}"}},[769,"bh-button",{hierarchy:[1],variant:[1],icon:[1],size:[1],label:[1],iconName:[1,"icon-name"],disabled:[4],loading:[4],ariaLabel:[1,"aria-label"],type:[1],toggle:[4],pressed:[4],hasPopup:[4,"has-popup"],popupType:[1,"popup-type"],expanded:[4],describedBy:[1,"described-by"],buttonRole:[1,"button-role"],roleDescription:[1,"role-description"],focusVersion:[32]}]);function x(){"undefined"!=typeof customElements&&["bh-button","bh-loader-spinner"].forEach((t=>{switch(t){case"bh-button":customElements.get(n(t))||customElements.define(n(t),f);break;case"bh-loader-spinner":customElements.get(n(t))||a()}}))}export{f as B,x as d}
@@ -0,0 +1 @@
1
+ import{p as o,H as e,h as t,d,t as r}from"./p-YZi6LqIt.js";import{c as a,m as b,M as s,r as l}from"./p-BJXjqxlX.js";const n=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}logger=a("bh-badge-dot");size="md";color="error";outline=!1;componentDidCatch(o){this.logger.error("Component error caught",o instanceof Error?o:new Error(String(o))),b.increment(s.COMPONENT_ERROR,{component:"bh-badge-dot",error_type:o instanceof Error?o.name:"unknown"}),l("bh-badge-dot",o)}render(){return t(d,{key:"358a84d2c1db399a89eac842afeb9de7f410a054"},t("div",{key:"07df236d30ee7e4ec222e8c009856a83147fe798","aria-hidden":"true",class:{"badge-dot":!0,[`badge-dot-${this.size}`]:!0,[`badge-dot-${this.color}`]:!0,"badge-dot-outline":this.outline},part:"dot",role:"presentation"}))}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-dot-success-color:var(--color-text-success);--bh-badge-dot-success-outline:hsl( from var(--color-bg-success) h s l / 0.3 );--bh-badge-dot-blue-color:var(--color-text-interactive);--bh-badge-dot-blue-outline:hsl( from var(--color-bg-interactive) h s l / 0.3 );--bh-badge-dot-error-color:var(--color-text-error);--bh-badge-dot-error-outline:hsl( from var(--color-bg-destructive) h s l / 0.3 );--bh-badge-dot-warning-color:var(--color-text-warning);--bh-badge-dot-warning-outline:hsl( from var(--color-bg-warning) h s l / 0.4 )}}@layer bh-base{.badge-dot{border-radius:var(--radius-full);position:relative;display:inline-block;box-sizing:border-box}}@layer bh-variants{.badge-dot{}.badge-dot-sm{width:var(--bh-badge-dot-xs);height:var(--bh-badge-dot-xs)}.badge-dot-md{width:var(--bh-badge-dot-sm);height:var(--bh-badge-dot-sm)}.badge-dot-lg{width:var(--bh-badge-dot-md);height:var(--bh-badge-dot-md)}.badge-dot{}.badge-dot-success{background-color:var(--bh-badge-dot-success-color)}.badge-dot-blue{background-color:var(--bh-badge-dot-blue-color)}.badge-dot-error{background-color:var(--bh-badge-dot-error-color)}.badge-dot-warning{background-color:var(--bh-badge-dot-warning-color)}.badge-dot-outline.badge-dot-sm{outline:3px solid;outline-offset:0}.badge-dot-outline.badge-dot-md{outline:4px solid;outline-offset:0}.badge-dot-outline.badge-dot-lg{outline:5px solid;outline-offset:0}.badge-dot-outline{}.badge-dot-outline.badge-dot-success{outline-color:var(--bh-badge-dot-success-outline)}.badge-dot-outline.badge-dot-blue{outline-color:var(--bh-badge-dot-blue-outline)}.badge-dot-outline.badge-dot-error{outline-color:var(--bh-badge-dot-error-outline)}.badge-dot-outline.badge-dot-warning{outline-color:var(--bh-badge-dot-warning-outline)}}"}},[513,"bh-badge-dot",{size:[1],color:[1],outline:[4]}]);function i(){"undefined"!=typeof customElements&&["bh-badge-dot"].forEach((o=>{"bh-badge-dot"===o&&(customElements.get(r(o))||customElements.define(r(o),n))}))}export{n as B,i as d}
@@ -0,0 +1 @@
1
+ import{p as e,H as t,c as i,h as a,d as o,t as r}from"./p-YZi6LqIt.js";import{d}from"./p-CClVva-u.js";import{d as s}from"./p-2SnKTVal.js";import{d as c}from"./p-Dzlsnb7d.js";import{d as n}from"./p-BbPrWlsw.js";import{c as l,m as h,M as b,r as f}from"./p-BJXjqxlX.js";import{B as v,r as m}from"./p-BNVOtH-1.js";const y="bh-activity-feed",p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhClose=i(this,"bhClose")}logger=l(y);i18nUnsubscribe;_i18nVersion=0;type="notifications";divider="none";showHeader=!1;heading="";headerIcon="";maxHeight="";flush=!1;closeAriaLabel="Close";bhClose;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),h.increment(b.COMPONENT_ERROR,{component:y,error_type:e instanceof Error?e.name:"unknown"}),f(y,e)}componentWillLoad(){this.i18nUnsubscribe=v.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleClose=()=>{this.bhClose.emit()};renderHeader(){return this.showHeader?a("div",{class:"activity-feed-header",part:"header"},a("div",{class:"activity-feed-header-content"},this.headerIcon&&a("span",{class:"header-icon"},a("bh-featured-icon",{color:"gray",icon:this.headerIcon,"icon-style":"outlined",size:"md"})),this.heading&&a("h2",{class:"activity-feed-heading",part:"heading"},this.heading),a("slot",{name:"header-actions"})),a("bh-close-button",{ariaLabel:m(y,"closeAriaLabel",this.closeAriaLabel,"Close"),onClick:this.handleClose})):null}render(){const e=this.maxHeight?{"max-height":this.maxHeight}:{};return a(o,{key:"0a631e358bb25ec3d4a21d8b6cc2d86c91a0dca4"},a("div",{key:"9e5eddafb5bd043acfdf54af7bd6dbeb4569d961",class:{"activity-feed":!0,[`activity-feed-${this.type}`]:!0,[`activity-feed-divider-${this.divider}`]:!0,"activity-feed-with-header":this.showHeader,"activity-feed-flush":this.flush},part:"container"},this.renderHeader(),a("div",{key:"6647af1dce5d657c05bd8dce423842d690426275","aria-label":this.heading||"Activity feed",class:"activity-feed-list",part:"list",role:"feed",style:e},a("slot",{key:"65cf6330ac0cfb361145d0c28396f2d5cfb739cc"}))))}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:block;font-family:var(--font-inter);--bh-activity-feed-bg:var(--color-bg-primary);--bh-activity-feed-border:var(--color-border-secondary);--bh-activity-feed-header-bg:var(--color-bg-primary);--bh-activity-feed-header-border:var(--color-border-secondary);--bh-activity-feed-divider-color:var(--color-border-secondary);--bh-activity-feed-heading-color:var(--color-text-primary);--bh-activity-feed-connector-color:var(--color-border-secondary);--bh-activity-feed-connector-width:2px}}@layer bh-base{.activity-feed{display:flex;flex-direction:column;background:var(--bh-activity-feed-bg);width:100%}.activity-feed-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--bh-activity-feed-header-border);background:var(--bh-activity-feed-header-bg)}.activity-feed-header-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.header-icon{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-md);color:var(--bh-activity-feed-heading-color)}.activity-feed-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-activity-feed-heading-color);margin:0}.activity-feed-list{display:flex;flex-direction:column;overflow-y:auto;padding:var(--spacing-lg)}}@layer bh-variants{.activity-feed-divider-line .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){border-bottom:1px solid var(--bh-activity-feed-divider-color);padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.activity-feed-flush .activity-feed-list{padding:0}.activity-feed-flush.activity-feed-divider-line .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){padding-bottom:0;margin-bottom:0}.activity-feed-divider-divider .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){border-bottom:1px solid var(--bh-activity-feed-divider-color);padding-bottom:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.activity-feed-divider-connector .activity-feed-list ::slotted(bh-feed-item){margin-bottom:0}.activity-feed-divider-none .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){margin-bottom:var(--spacing-xl)}.activity-feed-messages .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){margin-bottom:var(--spacing-2xl)}.activity-feed-with-header{border:1px solid var(--bh-activity-feed-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}}'}},[769,"bh-activity-feed",{type:[513],divider:[513],showHeader:[4,"show-header"],heading:[1],headerIcon:[1,"header-icon"],maxHeight:[1,"max-height"],flush:[516],closeAriaLabel:[1,"close-aria-label"],_i18nVersion:[32]}]);function g(){"undefined"!=typeof customElements&&["bh-activity-feed","bh-button-icon","bh-close-button","bh-featured-icon","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-activity-feed":customElements.get(r(e))||customElements.define(r(e),p);break;case"bh-button-icon":customElements.get(r(e))||d();break;case"bh-close-button":customElements.get(r(e))||s();break;case"bh-featured-icon":customElements.get(r(e))||c();break;case"bh-loader-spinner":customElements.get(r(e))||n()}}))}export{p as B,g as d}
@@ -1 +1 @@
1
- import{p as e,H as i,c as o,h as r,d as t,t as a}from"./p-YZi6LqIt.js";import{c as s}from"./p-CFlb5gKI.js";const n=[{emoji:"👍",name:"Thumbs Up",shortcode:"thumbsup"},{emoji:"❤️",name:"Heart",shortcode:"heart"},{emoji:"😂",name:"Laughing",shortcode:"joy"},{emoji:"😮",name:"Surprised",shortcode:"open_mouth"},{emoji:"😢",name:"Crying",shortcode:"cry"},{emoji:"😡",name:"Angry",shortcode:"rage"}],h=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhEmojiSelect=o(this,"bhEmojiSelect"),this.bhClose=o(this,"bhClose")}get hostRef(){return this}open=!1;placement="right";emojis=n;bhEmojiSelect;bhClose;dismissalManager;handleOpenChange(e){e?this.dismissalManager?.enable():this.dismissalManager?.disable()}componentDidLoad(){this.dismissalManager=s(this.hostRef,{onDismiss:()=>this.bhClose.emit(),escapeKey:!1,clickOutside:!0,focusLoss:!1}),this.open&&this.dismissalManager.enable()}disconnectedCallback(){this.dismissalManager?.destroy()}handleEmojiClick=e=>{this.bhEmojiSelect.emit(e)};render(){return r(t,{key:"d6343e29333f7cd1bdb8259a085642003d22105c"},r("div",{key:"3e814de43d52658261f4523b8466a97bdce15c53","aria-label":"Reaction picker",class:"emoji-picker",part:"panel",role:"dialog"},r("div",{key:"6a71d81eb3fa0b084b4bf21a4b7152ada971d64b",class:"emoji-list"},this.emojis.map((e=>r("button",{"aria-label":e.name,class:"emoji-btn",key:e.shortcode,onClick:()=>this.handleEmojiClick(e),part:"emoji-button",type:"button"},r("span",{"aria-hidden":"true",class:"emoji"},e.emoji)))))))}static get watchers(){return{open:[{handleOpenChange: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; @layer bh-tokens{:host{--bh-emoji-picker-bg:var(--color-surface-elevated);--bh-emoji-picker-shadow:var(--shadow-dropdown);--bh-emoji-picker-border-radius:var(--radius-md);--bh-emoji-picker-btn-size:var(--bh-button-height-md);--bh-emoji-picker-btn-hover-bg:var(--color-bg-secondary);--bh-emoji-picker-btn-border-radius:var(--radius-sm);--bh-emoji-picker-emoji-size:var(--icon-size-md);--bh-emoji-picker-z-index:100}}@layer bh-base{:host{display:none;position:absolute;bottom:calc(100% + var(--spacing-xs));right:0;z-index:var(--bh-emoji-picker-z-index)}:host([open]){display:block}}@layer bh-variants{:host([placement=left]){left:0;right:auto}}@layer bh-base{.emoji-picker{background:var(--bh-emoji-picker-bg);border-radius:var(--bh-emoji-picker-border-radius);box-shadow:var(--bh-emoji-picker-shadow);padding:var(--spacing-xs)}.emoji-list{display:flex;gap:var(--spacing-xxs);align-items:center}.emoji-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--bh-emoji-picker-btn-size);height:var(--bh-emoji-picker-btn-size);border:none;background:transparent;border-radius:var(--bh-emoji-picker-btn-border-radius);cursor:pointer;padding:0;font-family:inherit;transition:background 0.2s ease-in-out}.emoji{font-size:var(--bh-emoji-picker-emoji-size);line-height:1;font-style:normal}}@layer bh-states{.emoji-btn:hover{background:var(--bh-emoji-picker-btn-hover-bg)}}"}},[513,"bh-emoji-picker",{open:[516],placement:[513],emojis:[16]},void 0,{open:[{handleOpenChange:0}]}]);function c(){"undefined"!=typeof customElements&&["bh-emoji-picker"].forEach((e=>{"bh-emoji-picker"===e&&(customElements.get(a(e))||customElements.define(a(e),h))}))}export{h as B,c as d}
1
+ import{p as e,H as i,c as o,h as r,d as t,t as a}from"./p-YZi6LqIt.js";import{c as s}from"./p-CFlb5gKI.js";const n=[{emoji:"👍",name:"Thumbs Up",shortcode:"thumbsup"},{emoji:"❤️",name:"Heart",shortcode:"heart"},{emoji:"😂",name:"Laughing",shortcode:"joy"},{emoji:"😮",name:"Surprised",shortcode:"open_mouth"},{emoji:"😢",name:"Crying",shortcode:"cry"},{emoji:"😡",name:"Angry",shortcode:"rage"}],h=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhEmojiSelect=o(this,"bhEmojiSelect"),this.bhClose=o(this,"bhClose")}get hostRef(){return this}open=!1;placement="right";emojis=n;bhEmojiSelect;bhClose;dismissalManager;handleOpenChange(e){e?this.dismissalManager?.enable():this.dismissalManager?.disable()}componentDidLoad(){this.dismissalManager=s(this.hostRef,{onDismiss:()=>this.bhClose.emit(),escapeKey:!1,clickOutside:!0,focusLoss:!1}),this.open&&this.dismissalManager.enable()}disconnectedCallback(){this.dismissalManager?.destroy()}handleEmojiClick=e=>{this.bhEmojiSelect.emit(e)};render(){return r(t,{key:"3d8b02cfd9dfb632c24e47bc8dbf1bda1b630d87"},r("div",{key:"897f40b7c4065911ab01a2e7020ad77a8885b8d6","aria-label":"Reaction picker",class:"emoji-picker",part:"panel",role:"dialog"},r("div",{key:"67e36ffa0468550ecfb074047a63b90044af0e6d",class:"emoji-list"},this.emojis.map((e=>r("button",{"aria-label":e.name,class:"emoji-btn",key:e.shortcode,onClick:()=>this.handleEmojiClick(e),part:"emoji-button",type:"button"},r("span",{"aria-hidden":"true",class:"emoji"},e.emoji)))))))}static get watchers(){return{open:[{handleOpenChange: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; @layer bh-tokens{:host{--bh-emoji-picker-bg:var(--color-surface-elevated);--bh-emoji-picker-shadow:var(--shadow-dropdown);--bh-emoji-picker-border-radius:var(--radius-md);--bh-emoji-picker-btn-size:var(--bh-button-height-md);--bh-emoji-picker-btn-hover-bg:var(--color-bg-secondary);--bh-emoji-picker-btn-border-radius:var(--radius-sm);--bh-emoji-picker-emoji-size:var(--icon-size-md);--bh-emoji-picker-z-index:100}}@layer bh-base{:host{display:none;position:absolute;bottom:calc(100% + var(--spacing-xs));right:0;z-index:var(--bh-emoji-picker-z-index)}:host([open]){display:block}}@layer bh-variants{:host([placement=left]){left:0;right:auto}}@layer bh-base{.emoji-picker{background:var(--bh-emoji-picker-bg);border-radius:var(--bh-emoji-picker-border-radius);box-shadow:var(--bh-emoji-picker-shadow);padding:var(--spacing-xs)}.emoji-list{display:flex;gap:var(--spacing-xxs);align-items:center}.emoji-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--bh-emoji-picker-btn-size);height:var(--bh-emoji-picker-btn-size);border:none;background:transparent;border-radius:var(--bh-emoji-picker-btn-border-radius);cursor:pointer;padding:0;font-family:inherit;transition:background 0.2s ease-in-out}.emoji{font-size:var(--bh-emoji-picker-emoji-size);line-height:1;font-style:normal}}@layer bh-states{.emoji-btn:hover{background:var(--bh-emoji-picker-btn-hover-bg)}}"}},[513,"bh-emoji-picker",{open:[516],placement:[513],emojis:[16]},void 0,{open:[{handleOpenChange:0}]}]);function c(){"undefined"!=typeof customElements&&["bh-emoji-picker"].forEach((e=>{"bh-emoji-picker"===e&&(customElements.get(a(e))||customElements.define(a(e),h))}))}export{h as B,c as d}
@@ -1 +1 @@
1
- import{p as a,H as t,c as i,h as e,d as n,t as o}from"./p-YZi6LqIt.js";import{d as s}from"./p-B7i48CAz.js";import{d as r}from"./p-Bk-ipvH3.js";import{d as p}from"./p-cD3vmu49.js";import{d as g}from"./p-BHeNnP2q.js";import{d as h}from"./p-B2KPN863.js";import{d as l}from"./p-BbPrWlsw.js";import{d as b}from"./p-BwwSI2Fv.js";import{d as c}from"./p-CVSRqFZ0.js";import{d}from"./p-Bf_iTZDv.js";import{c as u,m,M as v,r as f}from"./p-BJXjqxlX.js";import{c as x}from"./p-YdVz1TeW.js";import{B as y,r as k}from"./p-BNVOtH-1.js";import{K as w}from"./p-zdFuIabL.js";const z=1e7,P=1e3,S=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhChange=i(this,"bhChange")}logger=u("bh-pagination");focusState=x();i18nUnsubscribe;_i18nVersion=0;page=1;totalItems=0;pageSize=10;pageSizeOptions=[10,25,50,100];showPageSize=!0;showItemCount=!0;compact=!0;maxPageNumbers=5;disabled=!1;rowsPerPageLabel="Rows per page:";showingResultsLabel="Showing {start} to {end} of {total} results";pageInfoLabel="Page {page} of {totalPages}";internalPage=1;internalPageSize=10;focusVersion=0;bhChange;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),m.increment(v.COMPONENT_ERROR,{component:"bh-pagination",error_type:a instanceof Error?a.name:"unknown"}),f("bh-pagination",a)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.internalPage=this.page,this.internalPageSize=this.pageSize,this.i18nUnsubscribe=y.onLocaleChange((()=>{this._i18nVersion++}))}get safeTotalItems(){return"number"==typeof this.totalItems&&Number.isFinite(this.totalItems)?this.totalItems<0?(this.logger.warn("Negative totalItems clamped to 0",{totalItems:this.totalItems}),0):this.totalItems>z?(this.logger.warn("totalItems exceeds maximum, clamping",{totalItems:this.totalItems,max:z}),z):this.totalItems:(this.logger.warn("Invalid totalItems, using 0",{totalItems:this.totalItems}),0)}get safePage(){return"number"==typeof this.internalPage&&Number.isFinite(this.internalPage)?this.internalPage<1?(this.logger.warn("Page less than 1, clamping to 1",{page:this.internalPage}),1):this.internalPage:(this.logger.warn("Invalid page, using 1",{page:this.internalPage}),1)}get safePageSize(){return"number"==typeof this.internalPageSize&&Number.isFinite(this.internalPageSize)?this.internalPageSize<1?(this.logger.warn("pageSize less than 1, clamping to 1",{pageSize:this.internalPageSize}),1):this.internalPageSize>P?(this.logger.warn("pageSize exceeds maximum, clamping",{pageSize:this.internalPageSize,max:P}),P):this.internalPageSize:(this.logger.warn("Invalid pageSize, using 10",{pageSize:this.internalPageSize}),10)}get totalPages(){return Math.max(1,Math.ceil(this.safeTotalItems/this.safePageSize))}get startItem(){return 0===this.safeTotalItems?0:(this.safePage-1)*this.safePageSize+1}get endItem(){return Math.min(this.safePage*this.safePageSize,this.safeTotalItems)}get canGoPrevious(){return this.safePage>1&&!this.disabled}get canGoNext(){return this.safePage<this.totalPages&&!this.disabled}goToPage(a){if(this.disabled)return;const t=Math.max(1,Math.min(a,this.totalPages));t!==this.internalPage&&(this.internalPage=t,this.page=t,this.bhChange.emit({page:t,pageSize:this.internalPageSize}))}handlePageSizeChange(a){if(this.disabled)return;const t=Number.parseInt(a.detail.value,10);if(t!==this.internalPageSize){this.internalPageSize=t,this.pageSize=t;const a=Math.max(1,Math.ceil(this.totalItems/t)),i=Math.min(this.internalPage,a);i!==this.internalPage&&(this.internalPage=i,this.page=i),this.bhChange.emit({page:this.internalPage,pageSize:t})}}goToPrevious=()=>this.goToPage(this.internalPage-1);goToNext=()=>this.goToPage(this.internalPage+1);goToFirst=()=>this.goToPage(1);goToLast=()=>this.goToPage(this.totalPages);handleKeyDown=a=>{if(!this.disabled)switch(a.key){case w.ARROW_LEFT:a.preventDefault(),this.goToPrevious();break;case w.ARROW_RIGHT:a.preventDefault(),this.goToNext();break;case w.HOME:a.preventDefault(),this.goToFirst();break;case w.END:a.preventDefault(),this.goToLast()}};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handlePageInputChange(a){const t=Number.parseInt(a.target.value,10);isNaN(t)||this.goToPage(t)}getPageNumbers(){const a=this.totalPages,t=this.internalPage,i=this.maxPageNumbers;if(a<=i)return Array.from({length:a},((a,t)=>t+1));const e=[],n=Math.floor(i/2);let o=Math.max(1,t-n);const s=Math.min(a,o+i-1);s-o<i-1&&(o=Math.max(1,s-i+1));for(let a=o;a<=s;a++)e.push(a);return e}getInfoText(){return 0===this.safeTotalItems?"No results":this.showItemCount&&this.safeTotalItems>0?k("bh-pagination","showingResultsLabel",this.showingResultsLabel,"Showing {start} to {end} of {total} results").replace("{start}",String(this.startItem)).replace("{end}",String(this.endItem)).replace("{total}",String(this.safeTotalItems)):k("bh-pagination","pageInfoLabel",this.pageInfoLabel,"Page {page} of {totalPages}").replace("{page}",String(this.safePage)).replace("{totalPages}",String(this.totalPages))}renderPageNumbers(){if(this.compact)return e("div",{class:"pagination-page-display"},e("span",{class:"pagination-page-text"},"Page"),e("input",{"aria-label":"Page number",class:"pagination-page-input",disabled:this.disabled,max:String(this.totalPages),min:"1",onChange:a=>this.handlePageInputChange(a),type:"number",value:String(this.internalPage)}),e("span",{class:"pagination-page-text"},"of ",this.totalPages));const a=this.getPageNumbers(),t=a[a.length-1]<this.totalPages;return e("div",{class:"pagination-pages"},a[0]>1&&a[0]>2&&[e("button",{"aria-label":"Go to page 1",class:"pagination-page-btn",disabled:this.disabled,key:"page-1",onClick:()=>this.goToPage(1),type:"button"},"1"),e("span",{class:"pagination-ellipsis",key:"ellipsis-start"},"...")],a.map((a=>e("button",{"aria-current":a===this.internalPage?"page":void 0,"aria-label":`Go to page ${a}`,class:{"pagination-page-btn":!0,"pagination-page-btn-active":a===this.internalPage},disabled:this.disabled,key:`page-${a}`,onClick:()=>this.goToPage(a),type:"button"},a))),t&&a[a.length-1]<this.totalPages-1&&[e("span",{class:"pagination-ellipsis",key:"ellipsis-end"},"..."),e("button",{"aria-label":`Go to page ${this.totalPages}`,class:"pagination-page-btn",disabled:this.disabled,key:`page-${this.totalPages}`,onClick:()=>this.goToPage(this.totalPages),type:"button"},this.totalPages)])}disconnectedCallback(){this.i18nUnsubscribe?.()}render(){return e(n,{key:"636f605ca421b676d81d83106ddaaaf97a72c939"},e("div",{key:"bd9e255273fb2c16f293dfd13c67be6ff5512cdb","aria-disabled":this.disabled?"true":void 0,"aria-label":"Pagination",class:{pagination:!0,"pagination-disabled":this.disabled,"pagination-compact":this.compact},"data-focus-version":this.focusVersion,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"pagination",role:"navigation",tabIndex:this.disabled?-1:0},e("div",{key:"1e442d973788dd0364e2d84d78e9a43dc109ae0c",class:"pagination-controls",part:"controls"},this.showPageSize&&e("div",{key:"674a9e7173c9160ab60c8955f2504c7e17844ba2","aria-label":k("bh-pagination","rowsPerPageLabel",this.rowsPerPageLabel,"Rows per page:"),class:"pagination-page-size",role:"group"},e("span",{key:"dd6ebf74ab120ceeceef3cec366cd43144b39348","aria-hidden":"true",class:"pagination-page-size-label"},k("bh-pagination","rowsPerPageLabel",this.rowsPerPageLabel,"Rows per page:")),e("bh-select",{key:"2314c665835f7fd54639f33828b5096e59c1f8bf",class:"pagination-select",disabled:this.disabled,onBhChange:a=>this.handlePageSizeChange(a),options:this.pageSizeOptions.map((a=>({value:String(a),label:String(a)}))),size:"sm",value:String(this.internalPageSize)})),e("div",{key:"1d65e9aaf02fefc4616c6c3a1a048d1717d9410d",class:"pagination-nav",part:"nav"},e("bh-button-icon",{key:"f056a493436b7cd6dee357f49746ad52b42bfab5",ariaLabel:"Go to previous page",class:"pagination-btn",disabled:!this.canGoPrevious,hierarchy:"tertiary",iconName:"chevron_left",onClick:this.goToPrevious,size:"sm"}),this.renderPageNumbers(),e("bh-button-icon",{key:"92f29e3c7fc782bfdf85a912fa80a87f69743d16",ariaLabel:"Go to next page",class:"pagination-btn",disabled:!this.canGoNext,hierarchy:"tertiary",iconName:"chevron_right",onClick:this.goToNext,size:"sm"}))),this.showItemCount&&e("div",{key:"9bd23686d53d02eb890bd2c004761ffee5b4cd4f","aria-atomic":"true","aria-live":"polite",class:"pagination-info",part:"info"},e("span",{key:"2b28ef9e6912e8bde6afca15dbbd76b5b961fa6d",class:"pagination-info-text"},this.getInfoText()))))}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; font-family: var(--font-inter); --bh-pagination-bg: var(--color-bg-primary); --bh-pagination-border-color: var(--color-border-secondary); --bh-pagination-text-color: var(--color-text-secondary); --bh-pagination-btn-bg-hover: var(--color-bg-tertiary); --bh-pagination-btn-color-hover: var(--color-text-primary); --bh-pagination-active-bg: var(--color-bg-interactive); --bh-pagination-active-color: var(--color-text-inverse); --bh-pagination-focus-ring-color: var(--color-border-interactive); --bh-pagination-btn-color: var(--color-text-secondary); --bh-pagination-btn-bg-active: var(--color-bg-tertiary); --bh-pagination-page-btn-color: var(--color-text-secondary); --bh-pagination-page-input-bg: var(--color-bg-primary); --bh-pagination-page-input-border-color: var(--color-border-primary); --bh-pagination-page-input-border-color-hover: var(--color-border-primary); --bh-pagination-page-input-border-color-focus: var( --color-border-interactive ); --bh-pagination-page-input-color: var(--color-text-primary); --bh-pagination-page-input-bg-disabled: var(--color-bg-disabled); --bh-pagination-ellipsis-color: var(--color-text-tertiary); } } @layer bh-base { .pagination { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4, 1rem); padding: var(--sp-3, 0.75rem) var(--sp-4, 1rem); background-color: var(--bh-pagination-bg); border-top: 1px solid var(--bh-pagination-border-color); } .pagination-info { display: flex; align-items: center; } .pagination-info-text { font-size: var(--text-sm-size); color: var(--bh-pagination-text-color); white-space: nowrap; } .pagination-controls { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: var(--sp-4, 1rem); } .pagination-page-size { display: flex; align-items: center; gap: var(--sp-2, 0.5rem); } .pagination-page-size-label { font-size: var(--text-sm-size); color: var(--bh-pagination-text-color); white-space: nowrap; } .pagination-select { display: inline-flex; } .pagination-nav { display: flex; align-items: center; gap: var(--sp-1, 0.25rem); } .pagination-btn { display: inline-flex; align-items: center; justify-content: center; width: var(--bh-pagination-button-size); height: var(--bh-pagination-button-size); padding: 0; border: none; border-radius: var(--radius-md); background-color: transparent; color: var(--bh-pagination-btn-color); cursor: pointer; transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease; } .pagination-btn .material-symbols-outlined { font-size: var(--icon-size-md); font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20; } .pagination-pages { display: flex; align-items: center; gap: var(--sp-1, 0.25rem); } .pagination-page-btn { display: inline-flex; align-items: center; justify-content: center; min-width: var(--bh-pagination-button-size); height: var(--bh-pagination-button-size); padding: 0 var(--sp-2); border: 1px solid transparent; border-radius: var(--radius-md); background-color: transparent; color: var(--bh-pagination-page-btn-color); font-size: var(--text-sm-size); font-weight: var(--weight-medium); cursor: pointer; transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease; } .pagination-ellipsis { display: inline-flex; align-items: center; justify-content: center; min-width: var(--bh-pagination-button-size-sm); color: var(--bh-pagination-ellipsis-color); font-size: var(--text-sm-size); user-select: none; } .pagination-page-display { display: flex; align-items: center; gap: var(--sp-2, 0.5rem); } .pagination-page-text { font-size: var(--text-sm-size); color: var(--color-text-secondary); white-space: nowrap; } .pagination-page-input { width: var(--bh-pagination-input-width); height: var(--bh-pagination-button-size); padding: 0 var(--sp-2); border: 1px solid var(--bh-pagination-page-input-border-color); border-radius: var(--radius-md); font-size: var(--text-sm-size); text-align: center; color: var(--bh-pagination-page-input-color); background-color: var(--bh-pagination-page-input-bg); transition: border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease; } .pagination-page-input::-webkit-inner-spin-button, .pagination-page-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pagination-page-input[type=number] { appearance: textfield; } } @layer bh-states { .pagination-disabled { opacity: 0.5; pointer-events: none; } .pagination-btn:hover:not(:disabled) { background-color: var(--bh-pagination-btn-bg-hover); color: var(--bh-pagination-btn-color-hover); } .pagination-btn:focus { outline: none; box-shadow: 0 0 0 2px var(--bh-pagination-focus-ring-color); } .pagination-btn:active:not(:disabled) { background-color: var(--bh-pagination-btn-bg-active); } .pagination-btn:disabled { opacity: 0.4; cursor: not-allowed; } .pagination-page-btn:hover:not(:disabled) { background-color: var(--bh-pagination-btn-bg-hover); color: var(--bh-pagination-btn-color-hover); } .pagination-page-btn:focus { outline: none; box-shadow: 0 0 0 2px var(--bh-pagination-focus-ring-color); } .pagination-page-btn:disabled { opacity: 0.4; cursor: not-allowed; } .pagination-page-btn-active { background-color: var(--bh-pagination-active-bg); color: var(--bh-pagination-active-color); border-color: var(--bh-pagination-active-bg); } .pagination-page-btn-active:hover:not(:disabled) { background-color: var(--bh-pagination-active-bg); border-color: var(--bh-pagination-active-bg); color: var(--bh-pagination-active-color); } .pagination-page-input:hover:not(:disabled) { border-color: var(--bh-pagination-page-input-border-color-hover); } .pagination-page-input:focus { outline: none; border-color: var(--bh-pagination-page-input-border-color-focus); box-shadow: 0 0 0 3px var(--bh-pagination-focus-ring-color); } .pagination-page-input:disabled { background-color: var(--bh-pagination-page-input-bg-disabled); cursor: not-allowed; } } @layer bh-utilities { @media (max-width: 640px) { .pagination { flex-direction: column; align-items: stretch; gap: var(--sp-3, 0.75rem); } .pagination-info { justify-content: center; } .pagination-controls { justify-content: center; flex-wrap: wrap; } .pagination-page-size { width: 100%; justify-content: center; } .pagination-nav { justify-content: center; } } }'}},[513,"bh-pagination",{page:[1026],totalItems:[2,"total-items"],pageSize:[1026,"page-size"],pageSizeOptions:[16],showPageSize:[4,"show-page-size"],showItemCount:[4,"show-item-count"],compact:[4],maxPageNumbers:[2,"max-page-numbers"],disabled:[4],rowsPerPageLabel:[1,"rows-per-page-label"],showingResultsLabel:[1,"showing-results-label"],pageInfoLabel:[1,"page-info-label"],_i18nVersion:[32],internalPage:[32],internalPageSize:[32],focusVersion:[32]}]);function I(){"undefined"!=typeof customElements&&["bh-pagination","bh-avatar","bh-badge-dot","bh-button-icon","bh-checkbox","bh-label","bh-loader-spinner","bh-select","bh-tag","bh-tooltip"].forEach((a=>{switch(a){case"bh-pagination":customElements.get(o(a))||customElements.define(o(a),S);break;case"bh-avatar":customElements.get(o(a))||s();break;case"bh-badge-dot":customElements.get(o(a))||r();break;case"bh-button-icon":customElements.get(o(a))||p();break;case"bh-checkbox":customElements.get(o(a))||g();break;case"bh-label":customElements.get(o(a))||h();break;case"bh-loader-spinner":customElements.get(o(a))||l();break;case"bh-select":customElements.get(o(a))||b();break;case"bh-tag":customElements.get(o(a))||c();break;case"bh-tooltip":customElements.get(o(a))||d()}}))}export{S as B,I as d}
1
+ import{p as a,H as t,c as i,h as e,d as n,t as o}from"./p-YZi6LqIt.js";import{d as s}from"./p-DJlRFgcj.js";import{d as r}from"./p-Be6mIKzo.js";import{d as p}from"./p-CClVva-u.js";import{d as g}from"./p-DfCONXO0.js";import{d as b}from"./p-C7fkgBQS.js";import{d as h}from"./p-BbPrWlsw.js";import{d as l}from"./p-jNp3nckG.js";import{d as c}from"./p-DjpXtbw8.js";import{d}from"./p-D6aw0IK6.js";import{c as u,m,M as v,r as f}from"./p-BJXjqxlX.js";import{c as x}from"./p-YdVz1TeW.js";import{B as y,r as k}from"./p-BNVOtH-1.js";import{K as w}from"./p-zdFuIabL.js";const z=1e7,P=1e3,S=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhChange=i(this,"bhChange")}logger=u("bh-pagination");focusState=x();i18nUnsubscribe;_i18nVersion=0;page=1;totalItems=0;pageSize=10;pageSizeOptions=[10,25,50,100];showPageSize=!0;showItemCount=!0;compact=!0;maxPageNumbers=5;disabled=!1;rowsPerPageLabel="Rows per page:";showingResultsLabel="Showing {start} to {end} of {total} results";pageInfoLabel="Page {page} of {totalPages}";internalPage=1;internalPageSize=10;focusVersion=0;bhChange;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),m.increment(v.COMPONENT_ERROR,{component:"bh-pagination",error_type:a instanceof Error?a.name:"unknown"}),f("bh-pagination",a)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.internalPage=this.page,this.internalPageSize=this.pageSize,this.i18nUnsubscribe=y.onLocaleChange((()=>{this._i18nVersion++}))}get safeTotalItems(){return"number"==typeof this.totalItems&&Number.isFinite(this.totalItems)?this.totalItems<0?(this.logger.warn("Negative totalItems clamped to 0",{totalItems:this.totalItems}),0):this.totalItems>z?(this.logger.warn("totalItems exceeds maximum, clamping",{totalItems:this.totalItems,max:z}),z):this.totalItems:(this.logger.warn("Invalid totalItems, using 0",{totalItems:this.totalItems}),0)}get safePage(){return"number"==typeof this.internalPage&&Number.isFinite(this.internalPage)?this.internalPage<1?(this.logger.warn("Page less than 1, clamping to 1",{page:this.internalPage}),1):this.internalPage:(this.logger.warn("Invalid page, using 1",{page:this.internalPage}),1)}get safePageSize(){return"number"==typeof this.internalPageSize&&Number.isFinite(this.internalPageSize)?this.internalPageSize<1?(this.logger.warn("pageSize less than 1, clamping to 1",{pageSize:this.internalPageSize}),1):this.internalPageSize>P?(this.logger.warn("pageSize exceeds maximum, clamping",{pageSize:this.internalPageSize,max:P}),P):this.internalPageSize:(this.logger.warn("Invalid pageSize, using 10",{pageSize:this.internalPageSize}),10)}get totalPages(){return Math.max(1,Math.ceil(this.safeTotalItems/this.safePageSize))}get startItem(){return 0===this.safeTotalItems?0:(this.safePage-1)*this.safePageSize+1}get endItem(){return Math.min(this.safePage*this.safePageSize,this.safeTotalItems)}get canGoPrevious(){return this.safePage>1&&!this.disabled}get canGoNext(){return this.safePage<this.totalPages&&!this.disabled}goToPage(a){if(this.disabled)return;const t=Math.max(1,Math.min(a,this.totalPages));t!==this.internalPage&&(this.internalPage=t,this.page=t,this.bhChange.emit({page:t,pageSize:this.internalPageSize}))}handlePageSizeChange(a){if(this.disabled)return;const t=Number.parseInt(a.detail.value,10);if(t!==this.internalPageSize){this.internalPageSize=t,this.pageSize=t;const a=Math.max(1,Math.ceil(this.totalItems/t)),i=Math.min(this.internalPage,a);i!==this.internalPage&&(this.internalPage=i,this.page=i),this.bhChange.emit({page:this.internalPage,pageSize:t})}}goToPrevious=()=>this.goToPage(this.internalPage-1);goToNext=()=>this.goToPage(this.internalPage+1);goToFirst=()=>this.goToPage(1);goToLast=()=>this.goToPage(this.totalPages);handleKeyDown=a=>{if(!this.disabled)switch(a.key){case w.ARROW_LEFT:a.preventDefault(),this.goToPrevious();break;case w.ARROW_RIGHT:a.preventDefault(),this.goToNext();break;case w.HOME:a.preventDefault(),this.goToFirst();break;case w.END:a.preventDefault(),this.goToLast()}};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handlePageInputChange(a){const t=Number.parseInt(a.target.value,10);isNaN(t)||this.goToPage(t)}getPageNumbers(){const a=this.totalPages,t=this.internalPage,i=this.maxPageNumbers;if(a<=i)return Array.from({length:a},((a,t)=>t+1));const e=[],n=Math.floor(i/2);let o=Math.max(1,t-n);const s=Math.min(a,o+i-1);s-o<i-1&&(o=Math.max(1,s-i+1));for(let a=o;a<=s;a++)e.push(a);return e}getInfoText(){return 0===this.safeTotalItems?"No results":this.showItemCount&&this.safeTotalItems>0?k("bh-pagination","showingResultsLabel",this.showingResultsLabel,"Showing {start} to {end} of {total} results").replace("{start}",String(this.startItem)).replace("{end}",String(this.endItem)).replace("{total}",String(this.safeTotalItems)):k("bh-pagination","pageInfoLabel",this.pageInfoLabel,"Page {page} of {totalPages}").replace("{page}",String(this.safePage)).replace("{totalPages}",String(this.totalPages))}renderPageNumbers(){if(this.compact)return e("div",{class:"pagination-page-display"},e("span",{class:"pagination-page-text"},"Page"),e("input",{"aria-label":"Page number",class:"pagination-page-input",disabled:this.disabled,max:String(this.totalPages),min:"1",onChange:a=>this.handlePageInputChange(a),type:"number",value:String(this.internalPage)}),e("span",{class:"pagination-page-text"},"of ",this.totalPages));const a=this.getPageNumbers(),t=a[a.length-1]<this.totalPages;return e("div",{class:"pagination-pages"},a[0]>1&&a[0]>2&&[e("button",{"aria-label":"Go to page 1",class:"pagination-page-btn",disabled:this.disabled,key:"page-1",onClick:()=>this.goToPage(1),type:"button"},"1"),e("span",{class:"pagination-ellipsis",key:"ellipsis-start"},"...")],a.map((a=>e("button",{"aria-current":a===this.internalPage?"page":void 0,"aria-label":`Go to page ${a}`,class:{"pagination-page-btn":!0,"pagination-page-btn-active":a===this.internalPage},disabled:this.disabled,key:`page-${a}`,onClick:()=>this.goToPage(a),type:"button"},a))),t&&a[a.length-1]<this.totalPages-1&&[e("span",{class:"pagination-ellipsis",key:"ellipsis-end"},"..."),e("button",{"aria-label":`Go to page ${this.totalPages}`,class:"pagination-page-btn",disabled:this.disabled,key:`page-${this.totalPages}`,onClick:()=>this.goToPage(this.totalPages),type:"button"},this.totalPages)])}disconnectedCallback(){this.i18nUnsubscribe?.()}render(){return e(n,{key:"d589b2ea9f5847b246c11fba873a94d559e2c54d"},e("div",{key:"ac6334183a690267b6b353383a77c78c2f5af164","aria-disabled":this.disabled?"true":void 0,"aria-label":"Pagination",class:{pagination:!0,"pagination-disabled":this.disabled,"pagination-compact":this.compact},"data-focus-version":this.focusVersion,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"pagination",role:"navigation",tabIndex:this.disabled?-1:0},e("div",{key:"d3810303e27e59bb90738eedf0613373411f8b8f",class:"pagination-controls",part:"controls"},this.showPageSize&&e("div",{key:"31cec839476e410aad5a83d9122d7b6d35ea10d3","aria-label":k("bh-pagination","rowsPerPageLabel",this.rowsPerPageLabel,"Rows per page:"),class:"pagination-page-size",role:"group"},e("span",{key:"06930e1fb13f06b3171fe0c76d1aba14d04e69f0","aria-hidden":"true",class:"pagination-page-size-label"},k("bh-pagination","rowsPerPageLabel",this.rowsPerPageLabel,"Rows per page:")),e("bh-select",{key:"fe42b32ff394ca8dd4e2002dcb8103b3a19368ab",class:"pagination-select",disabled:this.disabled,onBhChange:a=>this.handlePageSizeChange(a),options:this.pageSizeOptions.map((a=>({value:String(a),label:String(a)}))),size:"sm",value:String(this.internalPageSize)})),e("div",{key:"c4f4c7c46ca38c867d95ce1aab1dbcbdeb150b14",class:"pagination-nav",part:"nav"},e("bh-button-icon",{key:"8c1338fe1ba4a928dea15ba223dd57f480425a0e",ariaLabel:"Go to previous page",class:"pagination-btn",disabled:!this.canGoPrevious,hierarchy:"tertiary",iconName:"chevron_left",onClick:this.goToPrevious,size:"sm"}),this.renderPageNumbers(),e("bh-button-icon",{key:"c0c49d698452890b3996394ffa5b142a8f23890e",ariaLabel:"Go to next page",class:"pagination-btn",disabled:!this.canGoNext,hierarchy:"tertiary",iconName:"chevron_right",onClick:this.goToNext,size:"sm"}))),this.showItemCount&&e("div",{key:"f5bc52de1ea8511b4ffc92ee5285be558c3cb633","aria-atomic":"true","aria-live":"polite",class:"pagination-info",part:"info"},e("span",{key:"475b2a8c3eb9c9c6f992bf7d424b91538b44a5e9",class:"pagination-info-text"},this.getInfoText()))))}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; font-family: var(--font-inter); --bh-pagination-bg: var(--color-bg-primary); --bh-pagination-border-color: var(--color-border-secondary); --bh-pagination-text-color: var(--color-text-secondary); --bh-pagination-btn-bg-hover: var(--color-bg-tertiary); --bh-pagination-btn-color-hover: var(--color-text-primary); --bh-pagination-active-bg: var(--color-bg-interactive); --bh-pagination-active-color: var(--color-text-inverse); --bh-pagination-focus-ring-color: var(--color-border-interactive); --bh-pagination-btn-color: var(--color-text-secondary); --bh-pagination-btn-bg-active: var(--color-bg-tertiary); --bh-pagination-page-btn-color: var(--color-text-secondary); --bh-pagination-page-input-bg: var(--color-bg-primary); --bh-pagination-page-input-border-color: var(--color-border-primary); --bh-pagination-page-input-border-color-hover: var(--color-border-primary); --bh-pagination-page-input-border-color-focus: var( --color-border-interactive ); --bh-pagination-page-input-color: var(--color-text-primary); --bh-pagination-page-input-bg-disabled: var(--color-bg-disabled); --bh-pagination-ellipsis-color: var(--color-text-tertiary); } } @layer bh-base { .pagination { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4, 1rem); padding: var(--sp-3, 0.75rem) var(--sp-4, 1rem); background-color: var(--bh-pagination-bg); border-top: 1px solid var(--bh-pagination-border-color); } .pagination-info { display: flex; align-items: center; } .pagination-info-text { font-size: var(--text-sm-size); color: var(--bh-pagination-text-color); white-space: nowrap; } .pagination-controls { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: var(--sp-4, 1rem); } .pagination-page-size { display: flex; align-items: center; gap: var(--sp-2, 0.5rem); } .pagination-page-size-label { font-size: var(--text-sm-size); color: var(--bh-pagination-text-color); white-space: nowrap; } .pagination-select { display: inline-flex; } .pagination-nav { display: flex; align-items: center; gap: var(--sp-1, 0.25rem); } .pagination-btn { display: inline-flex; align-items: center; justify-content: center; width: var(--bh-pagination-button-size); height: var(--bh-pagination-button-size); padding: 0; border: none; border-radius: var(--radius-md); background-color: transparent; color: var(--bh-pagination-btn-color); cursor: pointer; transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease; } .pagination-btn .material-symbols-outlined { font-size: var(--icon-size-md); font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20; } .pagination-pages { display: flex; align-items: center; gap: var(--sp-1, 0.25rem); } .pagination-page-btn { display: inline-flex; align-items: center; justify-content: center; min-width: var(--bh-pagination-button-size); height: var(--bh-pagination-button-size); padding: 0 var(--sp-2); border: 1px solid transparent; border-radius: var(--radius-md); background-color: transparent; color: var(--bh-pagination-page-btn-color); font-size: var(--text-sm-size); font-weight: var(--weight-medium); cursor: pointer; transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease; } .pagination-ellipsis { display: inline-flex; align-items: center; justify-content: center; min-width: var(--bh-pagination-button-size-sm); color: var(--bh-pagination-ellipsis-color); font-size: var(--text-sm-size); user-select: none; } .pagination-page-display { display: flex; align-items: center; gap: var(--sp-2, 0.5rem); } .pagination-page-text { font-size: var(--text-sm-size); color: var(--color-text-secondary); white-space: nowrap; } .pagination-page-input { width: var(--bh-pagination-input-width); height: var(--bh-pagination-button-size); padding: 0 var(--sp-2); border: 1px solid var(--bh-pagination-page-input-border-color); border-radius: var(--radius-md); font-size: var(--text-sm-size); text-align: center; color: var(--bh-pagination-page-input-color); background-color: var(--bh-pagination-page-input-bg); transition: border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease; } .pagination-page-input::-webkit-inner-spin-button, .pagination-page-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pagination-page-input[type=number] { appearance: textfield; } } @layer bh-states { .pagination-disabled { opacity: 0.5; pointer-events: none; } .pagination-btn:hover:not(:disabled) { background-color: var(--bh-pagination-btn-bg-hover); color: var(--bh-pagination-btn-color-hover); } .pagination-btn:focus { outline: none; box-shadow: 0 0 0 2px var(--bh-pagination-focus-ring-color); } .pagination-btn:active:not(:disabled) { background-color: var(--bh-pagination-btn-bg-active); } .pagination-btn:disabled { opacity: 0.4; cursor: not-allowed; } .pagination-page-btn:hover:not(:disabled) { background-color: var(--bh-pagination-btn-bg-hover); color: var(--bh-pagination-btn-color-hover); } .pagination-page-btn:focus { outline: none; box-shadow: 0 0 0 2px var(--bh-pagination-focus-ring-color); } .pagination-page-btn:disabled { opacity: 0.4; cursor: not-allowed; } .pagination-page-btn-active { background-color: var(--bh-pagination-active-bg); color: var(--bh-pagination-active-color); border-color: var(--bh-pagination-active-bg); } .pagination-page-btn-active:hover:not(:disabled) { background-color: var(--bh-pagination-active-bg); border-color: var(--bh-pagination-active-bg); color: var(--bh-pagination-active-color); } .pagination-page-input:hover:not(:disabled) { border-color: var(--bh-pagination-page-input-border-color-hover); } .pagination-page-input:focus { outline: none; border-color: var(--bh-pagination-page-input-border-color-focus); box-shadow: 0 0 0 3px var(--bh-pagination-focus-ring-color); } .pagination-page-input:disabled { background-color: var(--bh-pagination-page-input-bg-disabled); cursor: not-allowed; } } @layer bh-utilities { @media (max-width: 640px) { .pagination { flex-direction: column; align-items: stretch; gap: var(--sp-3, 0.75rem); } .pagination-info { justify-content: center; } .pagination-controls { justify-content: center; flex-wrap: wrap; } .pagination-page-size { width: 100%; justify-content: center; } .pagination-nav { justify-content: center; } } }'}},[513,"bh-pagination",{page:[1026],totalItems:[2,"total-items"],pageSize:[1026,"page-size"],pageSizeOptions:[16],showPageSize:[4,"show-page-size"],showItemCount:[4,"show-item-count"],compact:[4],maxPageNumbers:[2,"max-page-numbers"],disabled:[4],rowsPerPageLabel:[1,"rows-per-page-label"],showingResultsLabel:[1,"showing-results-label"],pageInfoLabel:[1,"page-info-label"],_i18nVersion:[32],internalPage:[32],internalPageSize:[32],focusVersion:[32]}]);function j(){"undefined"!=typeof customElements&&["bh-pagination","bh-avatar","bh-badge-dot","bh-button-icon","bh-checkbox","bh-label","bh-loader-spinner","bh-select","bh-tag","bh-tooltip"].forEach((a=>{switch(a){case"bh-pagination":customElements.get(o(a))||customElements.define(o(a),S);break;case"bh-avatar":customElements.get(o(a))||s();break;case"bh-badge-dot":customElements.get(o(a))||r();break;case"bh-button-icon":customElements.get(o(a))||p();break;case"bh-checkbox":customElements.get(o(a))||g();break;case"bh-label":customElements.get(o(a))||b();break;case"bh-loader-spinner":customElements.get(o(a))||h();break;case"bh-select":customElements.get(o(a))||l();break;case"bh-tag":customElements.get(o(a))||c();break;case"bh-tooltip":customElements.get(o(a))||d()}}))}export{S as B,j as d}
@@ -1 +1 @@
1
- import{p as e,H as r,h as t,d as a,t as o}from"./p-YZi6LqIt.js";import{c as i,m as s,M as n,r as l}from"./p-BJXjqxlX.js";import{B as d,r as h}from"./p-BNVOtH-1.js";import{a as c}from"./p-DlPm3fIV.js";const b="bh-skeleton-loader",m="100%",k="1em",u=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}logger=i(b);i18nUnsubscribe;_i18nVersion=0;width=m;height=k;circle=!1;ariaLabel="Loading";componentWillLoad(){this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),s.increment(n.COMPONENT_ERROR,{component:b,error_type:e instanceof Error?e.name:"unknown"}),l(b,e)}get safeWidth(){if(!this.width)return m;const e=c(this.width,50);return e.valid?e.value:(l(b,new Error(`Invalid width: ${e.errors.map((e=>e.message)).join(", ")}`)),m)}get safeHeight(){if(!this.height)return k;const e=c(this.height,50);return e.valid?e.value:(l(b,new Error(`Invalid height: ${e.errors.map((e=>e.message)).join(", ")}`)),k)}render(){const e={skeleton:!0,"skeleton-circle":this.circle};return t(a,{key:"acd4d120cf990adef2ecc07a7c896cbb45d29f9e"},t("span",{key:"c1f8e7d1a382558f8ecd4551206fe32c70a61793","aria-busy":"true","aria-label":h("bh-skeleton-loader","ariaLabel",this.ariaLabel,"Loading"),"aria-live":"polite",class:e,part:"skeleton",role:"status",style:{width:this.safeWidth,height:this.safeHeight}}))}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; vertical-align: middle; --bh-skeleton-loader-color-base: var(--color-bg-tertiary); --bh-skeleton-loader-color-highlight: var(--color-bg-secondary); --bh-skeleton-loader-border-radius: var(--radius-sm); --bh-skeleton-loader-animation-duration: 1.5s; } } @layer bh-base { .skeleton { display: block; min-width: var(--bh-skeleton-loader-min-width); min-height: var(--bh-skeleton-loader-min-height); background: linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%); background-size: 400% 100%; animation: shimmer var(--bh-skeleton-loader-animation-duration) ease-in-out infinite; border-radius: var(--bh-skeleton-loader-border-radius); } } @layer bh-variants { .skeleton.skeleton-circle { border-radius: 50%; aspect-ratio: 1; } } @layer bh-utilities { @keyframes shimmer { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } }"}},[513,"bh-skeleton-loader",{width:[1],height:[1],circle:[4],ariaLabel:[1,"aria-label"],_i18nVersion:[32]}]);function g(){"undefined"!=typeof customElements&&["bh-skeleton-loader"].forEach((e=>{"bh-skeleton-loader"===e&&(customElements.get(o(e))||customElements.define(o(e),u))}))}export{u as B,g as d}
1
+ import{p as e,H as r,h as t,d as a,t as o}from"./p-YZi6LqIt.js";import{c as i,m as s,M as n,r as l}from"./p-BJXjqxlX.js";import{B as h,r as d}from"./p-BNVOtH-1.js";import{a as c}from"./p-DlPm3fIV.js";const b="bh-skeleton-loader",m="100%",k="1em",u=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}logger=i(b);i18nUnsubscribe;_i18nVersion=0;width=m;height=k;circle=!1;ariaLabel="Loading";componentWillLoad(){this.i18nUnsubscribe=h.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),s.increment(n.COMPONENT_ERROR,{component:b,error_type:e instanceof Error?e.name:"unknown"}),l(b,e)}get safeWidth(){if(!this.width)return m;const e=c(this.width,50);return e.valid?e.value:(l(b,new Error(`Invalid width: ${e.errors.map((e=>e.message)).join(", ")}`)),m)}get safeHeight(){if(!this.height)return k;const e=c(this.height,50);return e.valid?e.value:(l(b,new Error(`Invalid height: ${e.errors.map((e=>e.message)).join(", ")}`)),k)}render(){const e={skeleton:!0,"skeleton-circle":this.circle};return t(a,{key:"c3fe544da1ed2c4f780c336fbf964c8c22665435"},t("span",{key:"54c173841af25b2a7c1d4b388b492e8db1e95057","aria-busy":"true","aria-label":d("bh-skeleton-loader","ariaLabel",this.ariaLabel,"Loading"),"aria-live":"polite",class:e,part:"skeleton",role:"status",style:{width:this.safeWidth,height:this.safeHeight}}))}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; vertical-align: middle; --bh-skeleton-loader-color-base: var(--color-bg-tertiary); --bh-skeleton-loader-color-highlight: var(--color-bg-secondary); --bh-skeleton-loader-border-radius: var(--radius-sm); --bh-skeleton-loader-animation-duration: 1.5s; } } @layer bh-base { .skeleton { display: block; min-width: var(--bh-skeleton-loader-min-width); min-height: var(--bh-skeleton-loader-min-height); background: linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%); background-size: 400% 100%; animation: shimmer var(--bh-skeleton-loader-animation-duration) ease-in-out infinite; border-radius: var(--bh-skeleton-loader-border-radius); } } @layer bh-variants { .skeleton.skeleton-circle { border-radius: 50%; aspect-ratio: 1; } } @layer bh-utilities { @keyframes shimmer { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } }"}},[513,"bh-skeleton-loader",{width:[1],height:[1],circle:[4],ariaLabel:[1,"aria-label"],_i18nVersion:[32]}]);function g(){"undefined"!=typeof customElements&&["bh-skeleton-loader"].forEach((e=>{"bh-skeleton-loader"===e&&(customElements.get(o(e))||customElements.define(o(e),u))}))}export{u as B,g as d}
@@ -1 +1 @@
1
- import{p as t,H as s,c as e,h as i,d as a,t as r}from"./p-YZi6LqIt.js";import{d as o}from"./p-oaisznHL.js";import{d as n}from"./p-cD3vmu49.js";import{d as c}from"./p-BVwh7Zds.js";import{d as l}from"./p-GjWzFf-V.js";import{d as h}from"./p-BbPrWlsw.js";import{c as d,m as b,M as p,r as m}from"./p-BJXjqxlX.js";import{c as g,a as f,t as u}from"./p-CqAYzGVs.js";import{B as x,r as v}from"./p-BNVOtH-1.js";import{i as y}from"./p-BqJRACkO.js";import{A as w}from"./p-BoVgy_Ao.js";const k=2*Math.PI*16,z="bh-toast",A="info",C=new Map([["primary","new_releases"],["success","check_circle"],["error","error"],["warning","warning"],["feature","rocket_launch"],["default",A],["neutral",A]]),j=new Map([["primary","brand"],["success","success"],["error","error"],["warning","warning"],["feature","highlight"],["default","gray"],["neutral","gray"]]),L=new Map([["primary","filled"],["success","filled"],["error","filled"],["warning","filled"],["feature","filled"],["default","outlined"],["neutral","outlined"]]),M=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhAction=e(this,"bhAction"),this.bhClose=e(this,"bhClose"),this.bhOpen=e(this,"bhOpen"),this.bhAfterClose=e(this,"bhAfterClose")}logger=d(z);destroy$=g();i18nUnsubscribe;dismissTimer=null;dismissRemainingMs=0;dismissStartedAt=0;_i18nVersion=0;variant="default";toastTitle="";description="";actionText="";dismissText="";dismissible=!0;icon="";iconMode="featured";progress=0;imageSrc="";imageAlt="Toast image";closeAriaLabel="Close toast";loadingAriaLabel="Loading";duration=0;bhAction;bhClose;bhOpen;bhAfterClose;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),b.increment(p.COMPONENT_ERROR,{component:z,error_type:t instanceof Error?t.name:"unknown"}),m(z,t)}componentWillLoad(){this.i18nUnsubscribe=x.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.clearDismissTimer(),f(this.destroy$),this.i18nUnsubscribe?.()}componentDidLoad(){this.bhOpen.emit(),this.startDismissTimer(this.duration)}startDismissTimer(t){t<=0||!this.destroy$||(this.dismissRemainingMs=t,this.dismissStartedAt=Date.now(),this.dismissTimer=u(t,this.destroy$)?.subscribe((()=>{this.dismissTimer=null,this.dismissRemainingMs=0,this.closeWithReason("timeout")}))??null)}clearDismissTimer(){this.dismissTimer?.unsubscribe(),this.dismissTimer=null}pauseDismissTimer=()=>{this.dismissTimer&&(this.clearDismissTimer(),this.dismissRemainingMs=Math.max(0,this.dismissRemainingMs-(Date.now()-this.dismissStartedAt)))};resumeDismissTimer=()=>{this.dismissTimer||this.dismissRemainingMs<=0||this.startDismissTimer(this.dismissRemainingMs)};closeWithReason(t){this.clearDismissTimer(),this.bhClose.emit({reason:t}),this.destroy$&&u(w.QUICK,this.destroy$)?.subscribe((()=>{this.bhAfterClose.emit()}))}handleKeyDown=t=>{y(t)&&this.dismissible&&(t.preventDefault(),this.closeWithReason("escape"))};getIconName(){return this.icon?this.icon:C.get(this.variant)??A}getIconColor(){return j.get(this.variant)??"gray"}getIconStyle(){return L.get(this.variant)??"outlined"}handleAction=()=>{this.bhAction.emit({action:"primary"})};handleDismiss=()=>{this.closeWithReason("dismiss-button")};handleClose=()=>{this.closeWithReason("close-button")};renderProgressIndicator(){const t=Math.min(100,Math.max(0,this.progress)),s=k-t/100*k;return i("div",{"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":t,class:"toast-progress",part:"progress",role:"progressbar"},i("svg",{"aria-hidden":"true",class:"progress-ring",height:"40",part:"progress-ring",viewBox:"0 0 40 40",width:"40"},i("circle",{class:"progress-ring-bg",cx:"20",cy:"20",fill:"none",r:16,"stroke-width":"3"}),i("circle",{class:"progress-ring-fill",cx:"20",cy:"20",fill:"none",r:16,"stroke-dasharray":k,"stroke-dashoffset":s,"stroke-width":"3",transform:"rotate(-90 20 20)"})),i("span",{class:"progress-text",part:"progress-text"},t,"%"))}renderIconContent(){switch(this.iconMode){case"none":return null;case"loading":return i("bh-loader-spinner",{"aria-label":v(z,"loadingAriaLabel",this.loadingAriaLabel,"Loading"),size:"sm",variant:"default"});case"progress":return this.renderProgressIndicator();case"image":return this.imageSrc?i("img",{alt:this.imageAlt,class:"toast-custom-image",part:"custom-image",src:this.imageSrc}):i("slot",{name:"icon-content"});case"avatar":return i("slot",{name:"icon-content"});default:return i("bh-featured-icon",{color:this.getIconColor(),icon:this.getIconName(),iconStyle:this.getIconStyle(),size:"sm"})}}render(){const t="none"!==this.iconMode;return i(a,{key:"c54a83997b7b30f3410efe664ace1f7d1e73a6bc"},i("div",{key:"897400265465e5bab515cd7f518b8a6f78c082dc","aria-atomic":"true","aria-live":"polite",class:"sr-only",part:"sr-announcements"},this.toastTitle||this.description?`${this.toastTitle||""} ${this.description||""}`.trim():"Notification"),i("div",{key:"eac7541ff1b584c0a9ab55f0eb95ed9bc48ee44c",class:{toast:!0,[`toast-${this.variant}`]:!0},onKeyDown:this.handleKeyDown,onMouseEnter:this.pauseDismissTimer,onMouseLeave:this.resumeDismissTimer,part:"container",role:"status",tabindex:this.dismissible?0:void 0},i("div",{key:"c1c233c0d862440d916bf328c7898f62c0646445",class:"toast-content",part:"content"},t&&i("div",{key:"ca5c5f7c858fc85139f8b664407e95f325627539",class:"toast-icon-wrapper",part:"icon-wrapper"},this.renderIconContent()),i("div",{key:"1a3889b2cfeeee1e2d7e169e85b121808326d7d2",class:"toast-text",part:"text"},i("div",{key:"26aa3fba30ec50418faf38a1c5c8f897a88d8a08",class:"toast-text-wrapper"},this.toastTitle&&i("h3",{key:"55a6695e2205172886ef2fac5fbe190491e28735",class:"toast-title",part:"title"},this.toastTitle),this.description&&i("p",{key:"e08b308893cec8d9cba9a84b90d5897a3bb9a415",class:"toast-description",part:"description"},this.description)),(this.actionText||this.dismissText)&&i("div",{key:"b4d07e75aa89e8133c11e155ed71f4d52c909827",class:"toast-actions",part:"actions"},this.dismissText&&i("bh-button",{key:"3efe095115ef79ca9f534631b566797f9d43216e",hierarchy:"tertiary",icon:"none",label:this.dismissText,onBhClick:this.handleDismiss,size:"sm"}),this.actionText&&i("bh-button",{key:"7defbb73277d8eb611bb0942729d4d11804c66e6",hierarchy:"tertiary",icon:"none",label:this.actionText,onBhClick:this.handleAction,size:"sm"})))),this.dismissible&&i("div",{key:"90713fa487ba99146a8f6b7d11b6ac18cd5775af",class:"toast-close",part:"close"},i("bh-close-button",{key:"90377488ee2dac3976c6060fa7db592e54c258d3",ariaLabel:v(z,"closeAriaLabel",this.closeAriaLabel,"Close toast"),onClick:this.handleClose}))))}static get style(){return'@charset "UTF-8"; :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; font-family: var(--font-inter); --bh-toast-width: 456px; --bh-toast-bg: var(--color-bg-primary); --bh-toast-border-color: var(--color-border-secondary); --bh-toast-border-radius: var(--radius-lg); --bh-toast-shadow: var(--shadow-lg); --bh-toast-title-color: var(--color-text-primary); --bh-toast-description-color: var(--color-text-secondary); } } @layer bh-base { .toast { display: flex; align-items: flex-start; gap: var(--spacing-xl); padding: var(--spacing-xl); width: var(--bh-toast-width); background: var(--bh-toast-bg); border: 1px solid var(--bh-toast-border-color); border-radius: var(--bh-toast-border-radius); box-shadow: var(--bh-toast-shadow); position: relative; } .toast-content { display: flex; gap: var(--spacing-lg); flex: 1; min-width: 0; } .toast-icon-wrapper { flex-shrink: 0; } .toast-text { display: flex; flex-direction: column; gap: var(--spacing-lg); flex: 1; min-width: 0; } .toast-text-wrapper { display: flex; flex-direction: column; gap: var(--spacing-xs); padding-right: var(--spacing-5xl); } .toast-title { font-size: var(--text-sm-size); font-weight: var(--weight-semibold); color: var(--bh-toast-title-color); margin: 0; line-height: var(--line-height-normal); } .toast-description { font-size: var(--text-sm-size); font-weight: var(--weight-regular); color: var(--bh-toast-description-color); margin: 0; line-height: var(--line-height-normal); } .toast-actions { display: flex; gap: var(--spacing-lg); } .toast-close { position: absolute; top: var(--spacing-lg); right: var(--spacing-lg); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } } @layer bh-variants { .toast-custom-image { width: var(--icon-size-4xl); height: var(--icon-size-4xl); border-radius: var(--radius-md); object-fit: cover; } .toast-progress { position: relative; display: flex; align-items: center; justify-content: center; width: var(--icon-size-4xl); height: var(--icon-size-4xl); } .progress-ring-bg { stroke: var(--color-border-secondary); } .progress-ring-fill { stroke: var(--color-bg-interactive); stroke-linecap: round; transition: stroke-dashoffset var(--animation-duration-slow) ease; } .progress-text { position: absolute; font-size: var(--text-xs-size); font-weight: var(--weight-medium); color: var(--color-text-primary); } .toast-icon-wrapper bh-loader-spinner { display: flex; } } @layer bh-utilities { @media (max-width: 768px) { .toast { border-radius: var(--radius-md); } .toast-title, .toast-description { font-size: var(--text-xs-size); } } }'}},[769,"bh-toast",{variant:[1],toastTitle:[1,"toast-title"],description:[1],actionText:[1,"action-text"],dismissText:[1,"dismiss-text"],dismissible:[4],icon:[1],iconMode:[1,"icon-mode"],progress:[2],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],closeAriaLabel:[1,"close-aria-label"],loadingAriaLabel:[1,"loading-aria-label"],duration:[2],_i18nVersion:[32]}]);function T(){"undefined"!=typeof customElements&&["bh-toast","bh-button","bh-button-icon","bh-close-button","bh-featured-icon","bh-loader-spinner"].forEach((t=>{switch(t){case"bh-toast":customElements.get(r(t))||customElements.define(r(t),M);break;case"bh-button":customElements.get(r(t))||o();break;case"bh-button-icon":customElements.get(r(t))||n();break;case"bh-close-button":customElements.get(r(t))||c();break;case"bh-featured-icon":customElements.get(r(t))||l();break;case"bh-loader-spinner":customElements.get(r(t))||h()}}))}export{M as B,T as d}
1
+ import{p as t,H as e,c as s,h as a,d as i,t as r}from"./p-YZi6LqIt.js";import{d as o}from"./p-BI2Y2Le4.js";import{d as n}from"./p-CClVva-u.js";import{d as c}from"./p-2SnKTVal.js";import{d as l}from"./p-Dzlsnb7d.js";import{d as h}from"./p-BbPrWlsw.js";import{c as d,m as b,M as p,r as m}from"./p-BJXjqxlX.js";import{c as g,a as f,t as u}from"./p-CqAYzGVs.js";import{B as x,r as v}from"./p-BNVOtH-1.js";import{i as y}from"./p-BqJRACkO.js";import{A as w}from"./p-BoVgy_Ao.js";const k=2*Math.PI*16,C="bh-toast",z="info",A=new Map([["primary","new_releases"],["success","check_circle"],["error","error"],["warning","warning"],["feature","rocket_launch"],["default",z],["neutral",z]]),j=new Map([["primary","brand"],["success","success"],["error","error"],["warning","warning"],["feature","highlight"],["default","gray"],["neutral","gray"]]),L=new Map([["primary","filled"],["success","filled"],["error","filled"],["warning","filled"],["feature","filled"],["default","outlined"],["neutral","outlined"]]),T=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhAction=s(this,"bhAction"),this.bhClose=s(this,"bhClose"),this.bhOpen=s(this,"bhOpen"),this.bhAfterClose=s(this,"bhAfterClose")}logger=d(C);destroy$=g();i18nUnsubscribe;dismissTimer=null;dismissRemainingMs=0;dismissStartedAt=0;_i18nVersion=0;variant="default";toastTitle="";description="";actionText="";dismissText="";dismissible=!0;icon="";iconMode="featured";progress=0;imageSrc="";imageAlt="Toast image";closeAriaLabel="Close toast";loadingAriaLabel="Loading";duration=0;bhAction;bhClose;bhOpen;bhAfterClose;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),b.increment(p.COMPONENT_ERROR,{component:C,error_type:t instanceof Error?t.name:"unknown"}),m(C,t)}componentWillLoad(){this.i18nUnsubscribe=x.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.clearDismissTimer(),f(this.destroy$),this.i18nUnsubscribe?.()}componentDidLoad(){this.bhOpen.emit(),this.startDismissTimer(this.duration)}startDismissTimer(t){t<=0||!this.destroy$||(this.dismissRemainingMs=t,this.dismissStartedAt=Date.now(),this.dismissTimer=u(t,this.destroy$)?.subscribe((()=>{this.dismissTimer=null,this.dismissRemainingMs=0,this.closeWithReason("timeout")}))??null)}clearDismissTimer(){this.dismissTimer?.unsubscribe(),this.dismissTimer=null}pauseDismissTimer=()=>{this.dismissTimer&&(this.clearDismissTimer(),this.dismissRemainingMs=Math.max(0,this.dismissRemainingMs-(Date.now()-this.dismissStartedAt)))};resumeDismissTimer=()=>{this.dismissTimer||this.dismissRemainingMs<=0||this.startDismissTimer(this.dismissRemainingMs)};closeWithReason(t){this.clearDismissTimer(),this.bhClose.emit({reason:t}),this.destroy$&&u(w.QUICK,this.destroy$)?.subscribe((()=>{this.bhAfterClose.emit()}))}handleKeyDown=t=>{y(t)&&this.dismissible&&(t.preventDefault(),this.closeWithReason("escape"))};getIconName(){return this.icon?this.icon:A.get(this.variant)??z}getIconColor(){return j.get(this.variant)??"gray"}getIconStyle(){return L.get(this.variant)??"outlined"}handleAction=()=>{this.bhAction.emit({action:"primary"})};handleDismiss=()=>{this.closeWithReason("dismiss-button")};handleClose=()=>{this.closeWithReason("close-button")};renderProgressIndicator(){const t=Math.min(100,Math.max(0,this.progress)),e=k-t/100*k;return a("div",{"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":t,class:"toast-progress",part:"progress",role:"progressbar"},a("svg",{"aria-hidden":"true",class:"progress-ring",height:"40",part:"progress-ring",viewBox:"0 0 40 40",width:"40"},a("circle",{class:"progress-ring-bg",cx:"20",cy:"20",fill:"none",r:16,"stroke-width":"3"}),a("circle",{class:"progress-ring-fill",cx:"20",cy:"20",fill:"none",r:16,"stroke-dasharray":k,"stroke-dashoffset":e,"stroke-width":"3",transform:"rotate(-90 20 20)"})),a("span",{class:"progress-text",part:"progress-text"},t,"%"))}renderIconContent(){switch(this.iconMode){case"none":return null;case"loading":return a("bh-loader-spinner",{"aria-label":v(C,"loadingAriaLabel",this.loadingAriaLabel,"Loading"),size:"sm",variant:"default"});case"progress":return this.renderProgressIndicator();case"image":return this.imageSrc?a("img",{alt:this.imageAlt,class:"toast-custom-image",part:"custom-image",src:this.imageSrc}):a("slot",{name:"icon-content"});case"avatar":return a("slot",{name:"icon-content"});default:return a("bh-featured-icon",{color:this.getIconColor(),icon:this.getIconName(),iconStyle:this.getIconStyle(),size:"sm"})}}render(){const t="none"!==this.iconMode;return a(i,{key:"9a2ebcbadbcb1649f11a57005ea37ec7e92edcb4"},a("div",{key:"b344e63c0a6b562766e5e76c2afef81dda7abec5","aria-atomic":"true","aria-live":"polite",class:"sr-only",part:"sr-announcements"},this.toastTitle||this.description?`${this.toastTitle||""} ${this.description||""}`.trim():"Notification"),a("div",{key:"f249c920f031530a21dde037efda7e55fa320a3b",class:{toast:!0,[`toast-${this.variant}`]:!0},onKeyDown:this.handleKeyDown,onMouseEnter:this.pauseDismissTimer,onMouseLeave:this.resumeDismissTimer,part:"container",role:"status",tabindex:this.dismissible?0:void 0},a("div",{key:"9880b0c0c2d315b4c04061ee26fe18c73e3c3de1",class:"toast-content",part:"content"},t&&a("div",{key:"734596884baa957ea38722833040fec97aeaf1c3",class:"toast-icon-wrapper",part:"icon-wrapper"},this.renderIconContent()),a("div",{key:"003f652ede6b41426756958c3eaf18faaccb4f86",class:"toast-text",part:"text"},a("div",{key:"3dae1b7ccaef1c67fdabd8c26d6febd2e572859e",class:"toast-text-wrapper"},this.toastTitle&&a("h3",{key:"68aef7baddae73e8c80bfb1e1265828696fad8b2",class:"toast-title",part:"title"},this.toastTitle),this.description&&a("p",{key:"3da89dc9d30c7c62bf61556d1ec3e94b01eef942",class:"toast-description",part:"description"},this.description)),(this.actionText||this.dismissText)&&a("div",{key:"5100abb7f81c2b803d439a00d8f40489f5ece999",class:"toast-actions",part:"actions"},this.dismissText&&a("bh-button",{key:"a79861445d9cbb984de33538e4ff56877782ec00",hierarchy:"tertiary",icon:"none",label:this.dismissText,onBhClick:this.handleDismiss,size:"sm"}),this.actionText&&a("bh-button",{key:"3f594c17ef656f6fc9b61966188b53db7c8baa1b",hierarchy:"tertiary",icon:"none",label:this.actionText,onBhClick:this.handleAction,size:"sm"})))),this.dismissible&&a("div",{key:"097547557eaf5c5a988b996c78fecc4b60e0cd6a",class:"toast-close",part:"close"},a("bh-close-button",{key:"1e3c267c87bd8a4ed48fc2ea5a7d53e2ae4793a8",ariaLabel:v(C,"closeAriaLabel",this.closeAriaLabel,"Close toast"),onClick:this.handleClose}))))}static get style(){return'@charset "UTF-8"; :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; font-family: var(--font-inter); --bh-toast-width: 456px; --bh-toast-bg: var(--color-bg-primary); --bh-toast-border-color: var(--color-border-secondary); --bh-toast-border-radius: var(--radius-lg); --bh-toast-shadow: var(--shadow-lg); --bh-toast-title-color: var(--color-text-primary); --bh-toast-description-color: var(--color-text-secondary); } } @layer bh-base { .toast { display: flex; align-items: flex-start; gap: var(--spacing-xl); padding: var(--spacing-xl); width: var(--bh-toast-width); background: var(--bh-toast-bg); border: 1px solid var(--bh-toast-border-color); border-radius: var(--bh-toast-border-radius); box-shadow: var(--bh-toast-shadow); position: relative; } .toast-content { display: flex; gap: var(--spacing-lg); flex: 1; min-width: 0; } .toast-icon-wrapper { flex-shrink: 0; } .toast-text { display: flex; flex-direction: column; gap: var(--spacing-lg); flex: 1; min-width: 0; } .toast-text-wrapper { display: flex; flex-direction: column; gap: var(--spacing-xs); padding-right: var(--spacing-5xl); } .toast-title { font-size: var(--text-sm-size); font-weight: var(--weight-semibold); color: var(--bh-toast-title-color); margin: 0; line-height: var(--line-height-normal); } .toast-description { font-size: var(--text-sm-size); font-weight: var(--weight-regular); color: var(--bh-toast-description-color); margin: 0; line-height: var(--line-height-normal); } .toast-actions { display: flex; gap: var(--spacing-lg); } .toast-close { position: absolute; top: var(--spacing-lg); right: var(--spacing-lg); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } } @layer bh-variants { .toast-custom-image { width: var(--icon-size-4xl); height: var(--icon-size-4xl); border-radius: var(--radius-md); object-fit: cover; } .toast-progress { position: relative; display: flex; align-items: center; justify-content: center; width: var(--icon-size-4xl); height: var(--icon-size-4xl); } .progress-ring-bg { stroke: var(--color-border-secondary); } .progress-ring-fill { stroke: var(--color-bg-interactive); stroke-linecap: round; transition: stroke-dashoffset var(--animation-duration-slow) ease; } .progress-text { position: absolute; font-size: var(--text-xs-size); font-weight: var(--weight-medium); color: var(--color-text-primary); } .toast-icon-wrapper bh-loader-spinner { display: flex; } } @layer bh-utilities { @media (max-width: 768px) { .toast { border-radius: var(--radius-md); } .toast-title, .toast-description { font-size: var(--text-xs-size); } } }'}},[769,"bh-toast",{variant:[1],toastTitle:[1,"toast-title"],description:[1],actionText:[1,"action-text"],dismissText:[1,"dismiss-text"],dismissible:[4],icon:[1],iconMode:[1,"icon-mode"],progress:[2],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],closeAriaLabel:[1,"close-aria-label"],loadingAriaLabel:[1,"loading-aria-label"],duration:[2],_i18nVersion:[32]}]);function M(){"undefined"!=typeof customElements&&["bh-toast","bh-button","bh-button-icon","bh-close-button","bh-featured-icon","bh-loader-spinner"].forEach((t=>{switch(t){case"bh-toast":customElements.get(r(t))||customElements.define(r(t),T);break;case"bh-button":customElements.get(r(t))||o();break;case"bh-button-icon":customElements.get(r(t))||n();break;case"bh-close-button":customElements.get(r(t))||c();break;case"bh-featured-icon":customElements.get(r(t))||l();break;case"bh-loader-spinner":customElements.get(r(t))||h()}}))}export{T as B,M as d}
@@ -1 +1 @@
1
- import{p as a,H as t,c as r,h as o,t as e}from"./p-YZi6LqIt.js";import{d as i}from"./p-Bf_iTZDv.js";import{c as d,m as s,M as n,r as l}from"./p-BJXjqxlX.js";import{c,g as h}from"./p-YdVz1TeW.js";import{B as v,r as b}from"./p-BNVOtH-1.js";import{a as m}from"./p-BqJRACkO.js";const f=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhClick=r(this,"bhClick")}logger=d("bh-avatar-add");focusState=c();i18nUnsubscribe;_i18nVersion=0;size="md";disabled=!1;showTooltip=!1;tooltipText="Add user";focusVersion=0;bhClick;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=v.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),s.increment(n.COMPONENT_ERROR,{component:"bh-avatar-add",error_type:a instanceof Error?a.name:"unknown"}),l("bh-avatar-add",a)}handleClick=a=>{this.disabled||this.bhClick.emit(a)};handleKeyDown=a=>{m(a)&&!this.disabled&&(a.preventDefault(),this.bhClick.emit(a))};handleFocus=a=>{this.disabled||this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleMouseEnter=()=>{this.disabled||this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const a=h(this.focusState,"avatar-add"),t={"avatar-add":!0,[`avatar-add-${this.size}`]:!0,...this.disabled?{}:a,"avatar-add-disabled":this.disabled},r=b("bh-avatar-add","tooltipText",this.tooltipText,"Add user"),e=this.showTooltip&&this.focusState.isHovered&&!this.disabled;return o("div",{key:"d69aef7bc97ff66876380844622d519a517fbb92","aria-disabled":this.disabled?"true":void 0,class:"avatar-add-container","data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),part:"container"},o("button",{key:"f1ee4a9bd34c0f74ab11ea54cc85d3a2ffa39808","aria-label":r,class:t,disabled:this.disabled,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"button",type:"button"},o("span",{key:"e16ef8889be348c6130b7cefed0dcc64e9364b82",class:"avatar-add-content",part:"content"},o("span",{key:"01f740fcc500c05b3dcc0828da9c08f03e644eaa",class:"material-symbols-outlined avatar-add-icon",part:"icon"},"add"))),this.showTooltip&&o("bh-tooltip",{key:"2d0f6dbd518ce4041f586bbcf78659b8cf18357c",placement:"bottom",text:r,visible:e}))}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, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);--bh-avatar-add-bg:var(--color-bg-primary);--bh-avatar-add-border-color:var(--color-border-secondary);--bh-avatar-add-icon-color:var(--color-text-tertiary);--bh-avatar-add-bg-hover:var(--color-bg-secondary);--bh-avatar-add-border-color-hover:var(--color-border-interactive);--bh-avatar-add-icon-color-hover:var(--color-text-interactive);--bh-avatar-add-focus-ring-color:var(--color-border-interactive);--bh-avatar-add-bg-disabled:var(--color-bg-secondary);--bh-avatar-add-icon-color-disabled:var(--color-text-disabled)}}@layer bh-base{.avatar-add-container{position:relative;display:inline-flex}.avatar-add{position:relative;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bh-avatar-add-bg);border:1px dashed var(--bh-avatar-add-border-color);border-radius:50%;cursor:pointer;transition:background-color var(--animation-duration-normal) ease-in-out, border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;padding:0;outline:none}.avatar-add-content{display:flex;align-items:center;justify-content:center}.avatar-add-icon{color:var(--bh-avatar-add-icon-color);line-height:1;transition:color var(--animation-duration-normal) ease-in-out}.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{.avatar-add-xs{width:var(--bh-avatar-size-xs);height:var(--bh-avatar-size-xs)}.avatar-add-xs .avatar-add-icon{font-size:var(--icon-size-xs)}.avatar-add-sm{width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.avatar-add-sm .avatar-add-icon{font-size:var(--icon-size-sm)}.avatar-add-md{width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.avatar-add-md .avatar-add-icon{font-size:var(--icon-size-md)}.avatar-add-lg{width:var(--bh-avatar-size-lg);height:var(--bh-avatar-size-lg)}.avatar-add-lg .avatar-add-icon{font-size:var(--icon-size-lg)}.avatar-add-xl{width:var(--bh-avatar-size-xl);height:var(--bh-avatar-size-xl)}.avatar-add-xl .avatar-add-icon{font-size:var(--icon-size-xl)}.avatar-add-2xl{width:var(--bh-avatar-size-2xl);height:var(--bh-avatar-size-2xl)}.avatar-add-2xl .avatar-add-icon{font-size:var(--icon-size-2xl)}}@layer bh-states{.avatar-add-hover{background-color:var(--bh-avatar-add-bg-hover);border-color:var(--bh-avatar-add-border-color-hover)}.avatar-add-hover .avatar-add-icon{color:var(--bh-avatar-add-icon-color-hover)}.avatar-add-focus{background-color:var(--bh-avatar-add-bg);box-shadow:0 0 0 2px var(--bh-avatar-add-bg), 0 0 0 4px var(--bh-avatar-add-focus-ring-color)}.avatar-add-disabled{background-color:var(--bh-avatar-add-bg-disabled);cursor:not-allowed;pointer-events:none}.avatar-add-disabled .avatar-add-icon{color:var(--bh-avatar-add-icon-color-disabled)}}'}},[513,"bh-avatar-add",{size:[1],disabled:[4],showTooltip:[4,"show-tooltip"],tooltipText:[1,"tooltip-text"],_i18nVersion:[32],focusVersion:[32]}]);function p(){"undefined"!=typeof customElements&&["bh-avatar-add","bh-tooltip"].forEach((a=>{switch(a){case"bh-avatar-add":customElements.get(e(a))||customElements.define(e(a),f);break;case"bh-tooltip":customElements.get(e(a))||i()}}))}export{f as B,p as d}
1
+ import{p as a,H as t,c as r,h as o,t as e}from"./p-YZi6LqIt.js";import{d as i}from"./p-D6aw0IK6.js";import{c as d,m as s,M as n,r as l}from"./p-BJXjqxlX.js";import{c,g as h}from"./p-YdVz1TeW.js";import{B as v,r as b}from"./p-BNVOtH-1.js";import{a as m}from"./p-BqJRACkO.js";const p=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhClick=r(this,"bhClick")}logger=d("bh-avatar-add");focusState=c();i18nUnsubscribe;_i18nVersion=0;size="md";disabled=!1;showTooltip=!1;tooltipText="Add user";focusVersion=0;bhClick;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=v.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),s.increment(n.COMPONENT_ERROR,{component:"bh-avatar-add",error_type:a instanceof Error?a.name:"unknown"}),l("bh-avatar-add",a)}handleClick=a=>{this.disabled||this.bhClick.emit(a)};handleKeyDown=a=>{m(a)&&!this.disabled&&(a.preventDefault(),this.bhClick.emit(a))};handleFocus=a=>{this.disabled||this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleMouseEnter=()=>{this.disabled||this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const a=h(this.focusState,"avatar-add"),t={"avatar-add":!0,[`avatar-add-${this.size}`]:!0,...this.disabled?{}:a,"avatar-add-disabled":this.disabled},r=b("bh-avatar-add","tooltipText",this.tooltipText,"Add user"),e=this.showTooltip&&this.focusState.isHovered&&!this.disabled;return o("div",{key:"bce336b3645e8d130a24430571bbfee554d33323","aria-disabled":this.disabled?"true":void 0,class:"avatar-add-container","data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),part:"container"},o("button",{key:"76829e70788fe42c5b7f73b3654c36178b20c12e","aria-label":r,class:t,disabled:this.disabled,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"button",type:"button"},o("span",{key:"e28793543a5908553024a4a828829adbe8a9737c",class:"avatar-add-content",part:"content"},o("span",{key:"959ac30b33d0e34c447bf03d66a66036e3fb0e99",class:"material-symbols-outlined avatar-add-icon",part:"icon"},"add"))),this.showTooltip&&o("bh-tooltip",{key:"d9a5c6a07456c45646c9383dc802c66fcec5cf82",placement:"bottom",text:r,visible:e}))}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, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);--bh-avatar-add-bg:var(--color-bg-primary);--bh-avatar-add-border-color:var(--color-border-secondary);--bh-avatar-add-icon-color:var(--color-text-tertiary);--bh-avatar-add-bg-hover:var(--color-bg-secondary);--bh-avatar-add-border-color-hover:var(--color-border-interactive);--bh-avatar-add-icon-color-hover:var(--color-text-interactive);--bh-avatar-add-focus-ring-color:var(--color-border-interactive);--bh-avatar-add-bg-disabled:var(--color-bg-secondary);--bh-avatar-add-icon-color-disabled:var(--color-text-disabled)}}@layer bh-base{.avatar-add-container{position:relative;display:inline-flex}.avatar-add{position:relative;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bh-avatar-add-bg);border:1px dashed var(--bh-avatar-add-border-color);border-radius:50%;cursor:pointer;transition:background-color var(--animation-duration-normal) ease-in-out, border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;padding:0;outline:none}.avatar-add-content{display:flex;align-items:center;justify-content:center}.avatar-add-icon{color:var(--bh-avatar-add-icon-color);line-height:1;transition:color var(--animation-duration-normal) ease-in-out}.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{.avatar-add-xs{width:var(--bh-avatar-size-xs);height:var(--bh-avatar-size-xs)}.avatar-add-xs .avatar-add-icon{font-size:var(--icon-size-xs)}.avatar-add-sm{width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.avatar-add-sm .avatar-add-icon{font-size:var(--icon-size-sm)}.avatar-add-md{width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.avatar-add-md .avatar-add-icon{font-size:var(--icon-size-md)}.avatar-add-lg{width:var(--bh-avatar-size-lg);height:var(--bh-avatar-size-lg)}.avatar-add-lg .avatar-add-icon{font-size:var(--icon-size-lg)}.avatar-add-xl{width:var(--bh-avatar-size-xl);height:var(--bh-avatar-size-xl)}.avatar-add-xl .avatar-add-icon{font-size:var(--icon-size-xl)}.avatar-add-2xl{width:var(--bh-avatar-size-2xl);height:var(--bh-avatar-size-2xl)}.avatar-add-2xl .avatar-add-icon{font-size:var(--icon-size-2xl)}}@layer bh-states{.avatar-add-hover{background-color:var(--bh-avatar-add-bg-hover);border-color:var(--bh-avatar-add-border-color-hover)}.avatar-add-hover .avatar-add-icon{color:var(--bh-avatar-add-icon-color-hover)}.avatar-add-focus{background-color:var(--bh-avatar-add-bg);box-shadow:0 0 0 2px var(--bh-avatar-add-bg), 0 0 0 4px var(--bh-avatar-add-focus-ring-color)}.avatar-add-disabled{background-color:var(--bh-avatar-add-bg-disabled);cursor:not-allowed;pointer-events:none}.avatar-add-disabled .avatar-add-icon{color:var(--bh-avatar-add-icon-color-disabled)}}'}},[513,"bh-avatar-add",{size:[1],disabled:[4],showTooltip:[4,"show-tooltip"],tooltipText:[1,"tooltip-text"],_i18nVersion:[32],focusVersion:[32]}]);function u(){"undefined"!=typeof customElements&&["bh-avatar-add","bh-tooltip"].forEach((a=>{switch(a){case"bh-avatar-add":customElements.get(e(a))||customElements.define(e(a),p);break;case"bh-tooltip":customElements.get(e(a))||i()}}))}export{p as B,u as d}
@@ -1 +1 @@
1
- import{p as e,H as t,c as l,h as a,d as o,t as i}from"./p-YZi6LqIt.js";import{d as r}from"./p-Bf_iTZDv.js";import{c as s,s as n,a as b,t as h}from"./p-CqAYzGVs.js";import{D as c}from"./p-BoVgy_Ao.js";import{c as p,m as d,M as f,r as u}from"./p-BJXjqxlX.js";import{B as m,r as g}from"./p-BNVOtH-1.js";import{a as v}from"./p-BqJRACkO.js";const x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhHelpClick=l(this,"bhHelpClick")}get el(){return this}logger=p("bh-label");destroy$=s();tooltipSubscription;i18nUnsubscribe;_i18nVersion=0;label="";layout="block";size="md";for="";supportingText="";required=!1;showHelpIcon=!1;helpIconTooltip="Help";disabled=!1;showHelpTooltip=!1;bhHelpClick;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),d.increment(f.COMPONENT_ERROR,{component:"bh-label",error_type:e instanceof Error?e.name:"unknown"}),u("bh-label",e)}componentWillLoad(){this.i18nUnsubscribe=m.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.syncControlAriaLabel()}handleAssociationChange(){this.syncControlAriaLabel()}disconnectedCallback(){n(this.tooltipSubscription),this.tooltipSubscription=void 0,b(this.destroy$),this.i18nUnsubscribe?.()}showHelpTooltipDelayed=()=>{n(this.tooltipSubscription),this.destroy$&&(this.tooltipSubscription=h(c.HOVER,this.destroy$)?.subscribe((()=>{this.showHelpTooltip=!0})))};hideHelpTooltip=()=>{n(this.tooltipSubscription),this.tooltipSubscription=void 0,this.showHelpTooltip=!1};handleHelpIconClick=()=>{this.bhHelpClick.emit()};handleHelpIconKeyDown=e=>{if(v(e))return e.preventDefault(),void this.bhHelpClick.emit();"Escape"===e.key&&this.showHelpTooltip&&(e.stopPropagation(),this.hideHelpTooltip())};handleLabelClick=()=>{if(this.disabled)return;const e=this.findAssociatedControl();e&&(e.focus(),e instanceof HTMLInputElement&&("checkbox"===e.type||"radio"===e.type)&&e.click())};findAssociatedControl(){if(this.for){const e=this.el.getRootNode();return e.getElementById?.(this.for)??void 0}return this.el.querySelector("input, select, textarea, button, [tabindex]")??void 0}syncControlAriaLabel(){if(!this.for||!this.label)return;const e=this.findAssociatedControl();if(!e)return;const t="true"===e.getAttribute("data-bh-label");(e.hasAttribute("aria-label")||e.hasAttribute("aria-labelledby"))&&!t||(e.setAttribute("aria-label",this.label),e.setAttribute("data-bh-label","true"))}render(){const e={"label-container":!0,[`layout-${this.layout}`]:!0,[`size-${this.size}`]:!0,disabled:this.disabled},t={"supporting-text":!0,disabled:this.disabled},l=a("div",{class:"label-wrapper",part:"label-wrapper"},this.label&&a("label",{class:{"label-text":!0,disabled:this.disabled},htmlFor:this.for||void 0,onClick:this.handleLabelClick},this.label),this.required&&a("span",{class:"asterisk"},"*"),this.showHelpIcon&&a("div",{class:"icon-with-tooltip"},a("span",{"aria-label":g("bh-label","helpIconTooltip",this.helpIconTooltip,"Help"),class:"help-icon material-symbols-outlined",onBlur:this.hideHelpTooltip,onClick:this.handleHelpIconClick,onFocus:this.showHelpTooltipDelayed,onKeyDown:this.handleHelpIconKeyDown,onMouseEnter:this.showHelpTooltipDelayed,onMouseLeave:this.hideHelpTooltip,role:"button",tabindex:"0"},"help"),a("bh-tooltip",{placement:"top",text:g("bh-label","helpIconTooltip",this.helpIconTooltip,"Help"),visible:this.showHelpTooltip}))),i=this.supportingText&&a("p",{class:t},this.supportingText),r=a("div",{class:"label-content",part:"content"},a("slot",null));return a(o,null,"inline-start"===this.layout?a("div",{class:e,part:"container"},r,a("div",{class:"label-text-group",part:"text-group"},l,i)):a("div",{class:e,part:"container"},l,i,r))}static get watchers(){return{for:[{handleAssociationChange:0}],label:[{handleAssociationChange: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:block;font-family:var(--font-inter);--bh-label-font-family:var(--font-inter);--bh-label-font-size:var(--text-sm-size);--bh-label-font-weight:var(--weight-medium);--bh-label-color:var(--color-text-secondary);--bh-label-color-disabled:var(--color-text-disabled);--bh-label-supporting-text-color:var(--color-text-tertiary);--bh-label-error-color:var(--color-text-error);--bh-label-icon-color:var(--color-text-tertiary);--bh-label-icon-color-hover:var(--color-text-secondary);--bh-label-icon-color-disabled:var(--color-border-disabled);--bh-label-gap-xs:var(--spacing-xxs);--bh-label-gap-sm:var(--spacing-xs);--bh-label-gap-md:var(--spacing-sm)}}@layer bh-base{.label-container{display:flex;flex-direction:column;gap:var(--bh-label-gap-sm)}.label-wrapper{display:flex;align-items:center;gap:var(--bh-label-gap-xs)}.label-text{font-family:var(--bh-label-font-family);font-weight:var(--bh-label-font-weight);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-color);margin:0;cursor:default}.asterisk{font-family:var(--bh-label-font-family);font-weight:var(--weight-regular);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-error-color)}.supporting-text{font-family:var(--bh-label-font-family);font-weight:var(--weight-regular);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-supporting-text-color);margin:0}.label-content{width:100%}.icon-with-tooltip{position:relative;display:flex;align-items:center;flex-shrink:0;margin-left:auto}.help-icon{font-size:var(--text-xl-size);color:var(--bh-label-icon-color);cursor:pointer;user-select:none;transition:color var(--animation-duration-normal) ease-in-out}}@layer bh-variants{.label-container.layout-block{flex-direction:column}.label-container.layout-inline{flex-direction:row;align-items:flex-start;gap:var(--bh-label-gap-md)}.label-container.layout-inline .label-wrapper{flex-shrink:0}.label-container.layout-inline-start{flex-direction:row;align-items:flex-start;gap:var(--bh-label-gap-md)}.label-container.layout-inline-start .label-content{flex-shrink:0;width:auto}.label-container.layout-inline-start .label-text-group{display:flex;flex-direction:column;gap:var(--sp-0-5)}.label-container.layout-inline-start .label-wrapper{gap:var(--bh-label-gap-xs)}.label-container.layout-inline-start .label-text{font-size:var(--text-md-size);color:var(--bh-label-color);cursor:pointer}.label-container.layout-inline-start .supporting-text{font-size:var(--bh-label-font-size);color:var(--bh-label-supporting-text-color)}.label-container.layout-inline-start.size-sm .label-text{font-size:var(--text-sm-size)}.label-container.layout-inline-start.size-sm .supporting-text{font-size:var(--text-xs-size)}.label-container.layout-inline-space-between{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--bh-label-gap-md)}.label-container.layout-inline-space-between .label-wrapper{flex-shrink:0}.label-container.layout-inline-space-between .label-content{flex-grow:1;display:flex;justify-content:flex-end}}@layer bh-states{.label-text.disabled{color:var(--bh-label-color-disabled)}.supporting-text.disabled{color:var(--bh-label-color-disabled)}.label-container.disabled .help-icon{color:var(--bh-label-icon-color-disabled);cursor:not-allowed}.help-icon:hover{color:var(--bh-label-icon-color-hover)}}"}},[769,"bh-label",{label:[1],layout:[1],size:[1],for:[1],supportingText:[1,"supporting-text"],required:[4],showHelpIcon:[4,"show-help-icon"],helpIconTooltip:[1,"help-icon-tooltip"],disabled:[4],_i18nVersion:[32],showHelpTooltip:[32]},void 0,{for:[{handleAssociationChange:0}],label:[{handleAssociationChange:0}]}]);function y(){"undefined"!=typeof customElements&&["bh-label","bh-tooltip"].forEach((e=>{switch(e){case"bh-label":customElements.get(i(e))||customElements.define(i(e),x);break;case"bh-tooltip":customElements.get(i(e))||r()}}))}export{x as B,y as d}
1
+ import{p as e,H as t,c as l,h as a,d as o,t as i}from"./p-YZi6LqIt.js";import{d as r}from"./p-D6aw0IK6.js";import{c as s,s as n,a as b,t as h}from"./p-CqAYzGVs.js";import{D as c}from"./p-BoVgy_Ao.js";import{c as p,m as d,M as f,r as u}from"./p-BJXjqxlX.js";import{B as m,r as g}from"./p-BNVOtH-1.js";import{a as v}from"./p-BqJRACkO.js";const x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhHelpClick=l(this,"bhHelpClick")}get el(){return this}logger=p("bh-label");destroy$=s();tooltipSubscription;i18nUnsubscribe;_i18nVersion=0;label="";layout="block";size="md";for="";supportingText="";required=!1;showHelpIcon=!1;helpIconTooltip="Help";disabled=!1;showHelpTooltip=!1;bhHelpClick;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),d.increment(f.COMPONENT_ERROR,{component:"bh-label",error_type:e instanceof Error?e.name:"unknown"}),u("bh-label",e)}componentWillLoad(){this.i18nUnsubscribe=m.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.syncControlAriaLabel()}handleAssociationChange(){this.syncControlAriaLabel()}disconnectedCallback(){n(this.tooltipSubscription),this.tooltipSubscription=void 0,b(this.destroy$),this.i18nUnsubscribe?.()}showHelpTooltipDelayed=()=>{n(this.tooltipSubscription),this.destroy$&&(this.tooltipSubscription=h(c.HOVER,this.destroy$)?.subscribe((()=>{this.showHelpTooltip=!0})))};hideHelpTooltip=()=>{n(this.tooltipSubscription),this.tooltipSubscription=void 0,this.showHelpTooltip=!1};handleHelpIconClick=()=>{this.bhHelpClick.emit()};handleHelpIconKeyDown=e=>{if(v(e))return e.preventDefault(),void this.bhHelpClick.emit();"Escape"===e.key&&this.showHelpTooltip&&(e.stopPropagation(),this.hideHelpTooltip())};handleLabelClick=()=>{if(this.disabled)return;const e=this.findAssociatedControl();e&&(e.focus(),e instanceof HTMLInputElement&&("checkbox"===e.type||"radio"===e.type)&&e.click())};findAssociatedControl(){if(this.for){const e=this.el.getRootNode();return e.getElementById?.(this.for)??void 0}return this.el.querySelector("input, select, textarea, button, [tabindex]")??void 0}syncControlAriaLabel(){if(!this.for||!this.label)return;const e=this.findAssociatedControl();if(!e)return;const t="true"===e.getAttribute("data-bh-label");(e.hasAttribute("aria-label")||e.hasAttribute("aria-labelledby"))&&!t||(e.setAttribute("aria-label",this.label),e.setAttribute("data-bh-label","true"))}render(){const e={"label-container":!0,[`layout-${this.layout}`]:!0,[`size-${this.size}`]:!0,disabled:this.disabled},t={"supporting-text":!0,disabled:this.disabled},l=a("div",{class:"label-wrapper",part:"label-wrapper"},this.label&&a("label",{class:{"label-text":!0,disabled:this.disabled},htmlFor:this.for||void 0,onClick:this.handleLabelClick},this.label),this.required&&a("span",{class:"asterisk"},"*"),this.showHelpIcon&&a("div",{class:"icon-with-tooltip"},a("span",{"aria-label":g("bh-label","helpIconTooltip",this.helpIconTooltip,"Help"),class:"help-icon material-symbols-outlined",onBlur:this.hideHelpTooltip,onClick:this.handleHelpIconClick,onFocus:this.showHelpTooltipDelayed,onKeyDown:this.handleHelpIconKeyDown,onMouseEnter:this.showHelpTooltipDelayed,onMouseLeave:this.hideHelpTooltip,role:"button",tabindex:"0"},"help"),a("bh-tooltip",{placement:"top",text:g("bh-label","helpIconTooltip",this.helpIconTooltip,"Help"),visible:this.showHelpTooltip}))),i=this.supportingText&&a("p",{class:t},this.supportingText),r=a("div",{class:"label-content",part:"content"},a("slot",null));return a(o,null,"inline-start"===this.layout?a("div",{class:e,part:"container"},r,a("div",{class:"label-text-group",part:"text-group"},l,i)):a("div",{class:e,part:"container"},l,i,r))}static get watchers(){return{for:[{handleAssociationChange:0}],label:[{handleAssociationChange: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:block;font-family:var(--font-inter);--bh-label-font-family:var(--font-inter);--bh-label-font-size:var(--text-sm-size);--bh-label-font-weight:var(--weight-medium);--bh-label-color:var(--color-text-secondary);--bh-label-color-disabled:var(--color-text-disabled);--bh-label-supporting-text-color:var(--color-text-tertiary);--bh-label-error-color:var(--color-text-error);--bh-label-icon-color:var(--color-text-tertiary);--bh-label-icon-color-hover:var(--color-text-secondary);--bh-label-icon-color-disabled:var(--color-border-disabled);--bh-label-gap-xs:var(--spacing-xxs);--bh-label-gap-sm:var(--spacing-xs);--bh-label-gap-md:var(--spacing-sm)}}@layer bh-base{.label-container{display:flex;flex-direction:column;gap:var(--bh-label-gap-sm)}.label-wrapper{display:flex;align-items:center;gap:var(--bh-label-gap-xs)}.label-text{font-family:var(--bh-label-font-family);font-weight:var(--bh-label-font-weight);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-color);margin:0;cursor:default}.asterisk{font-family:var(--bh-label-font-family);font-weight:var(--weight-regular);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-error-color)}.supporting-text{font-family:var(--bh-label-font-family);font-weight:var(--weight-regular);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-supporting-text-color);margin:0}.label-content{width:100%}.icon-with-tooltip{position:relative;display:flex;align-items:center;flex-shrink:0;margin-left:auto}.help-icon{font-size:var(--text-xl-size);color:var(--bh-label-icon-color);cursor:pointer;user-select:none;transition:color var(--animation-duration-normal) ease-in-out}}@layer bh-variants{.label-container.layout-block{flex-direction:column}.label-container.layout-inline{flex-direction:row;align-items:flex-start;gap:var(--bh-label-gap-md)}.label-container.layout-inline .label-wrapper{flex-shrink:0}.label-container.layout-inline-start{flex-direction:row;align-items:flex-start;gap:var(--bh-label-gap-md)}.label-container.layout-inline-start .label-content{flex-shrink:0;width:auto}.label-container.layout-inline-start .label-text-group{display:flex;flex-direction:column;gap:var(--sp-0-5)}.label-container.layout-inline-start .label-wrapper{gap:var(--bh-label-gap-xs)}.label-container.layout-inline-start .label-text{font-size:var(--text-md-size);color:var(--bh-label-color);cursor:pointer}.label-container.layout-inline-start .supporting-text{font-size:var(--bh-label-font-size);color:var(--bh-label-supporting-text-color)}.label-container.layout-inline-start.size-sm .label-text{font-size:var(--text-sm-size)}.label-container.layout-inline-start.size-sm .supporting-text{font-size:var(--text-xs-size)}.label-container.layout-inline-space-between{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--bh-label-gap-md)}.label-container.layout-inline-space-between .label-wrapper{flex-shrink:0}.label-container.layout-inline-space-between .label-content{flex-grow:1;display:flex;justify-content:flex-end}}@layer bh-states{.label-text.disabled{color:var(--bh-label-color-disabled)}.supporting-text.disabled{color:var(--bh-label-color-disabled)}.label-container.disabled .help-icon{color:var(--bh-label-icon-color-disabled);cursor:not-allowed}.help-icon:hover{color:var(--bh-label-icon-color-hover)}}"}},[769,"bh-label",{label:[1],layout:[1],size:[1],for:[1],supportingText:[1,"supporting-text"],required:[4],showHelpIcon:[4,"show-help-icon"],helpIconTooltip:[1,"help-icon-tooltip"],disabled:[4],_i18nVersion:[32],showHelpTooltip:[32]},void 0,{for:[{handleAssociationChange:0}],label:[{handleAssociationChange:0}]}]);function y(){"undefined"!=typeof customElements&&["bh-label","bh-tooltip"].forEach((e=>{switch(e){case"bh-label":customElements.get(i(e))||customElements.define(i(e),x);break;case"bh-tooltip":customElements.get(i(e))||r()}}))}export{x as B,y as d}
@@ -1 +1 @@
1
- import{p as t,H as o,c as n,h as i,t as r}from"./p-YZi6LqIt.js";import{d as a}from"./p-BbPrWlsw.js";import{c as e,m as s,M as c,r as b}from"./p-BJXjqxlX.js";import{c as h}from"./p-YdVz1TeW.js";import{c as u,a as d,t as l}from"./p-CqAYzGVs.js";import{A as v}from"./p-BoVgy_Ao.js";const g=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhLongPress=n(this,"bhLongPress")}logger=e("bh-button-icon");hierarchy="primary";size="md";iconName="add";disabled=!1;loading=!1;type="button";ariaLabel=null;toggle=!1;pressed=!1;hasPopup=!1;popupType=null;expanded=!1;describedBy;bhLongPress;focusState=h();focusVersion=0;destroy$=u();longPressStartTime;longPressActive=!1;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),s.increment(c.COMPONENT_ERROR,{component:"bh-button-icon",error_type:t instanceof Error?t.name:"unknown"}),b("bh-button-icon",t)}disconnectedCallback(){this.longPressActive=!1,d(this.destroy$)}handleClick=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleKeyDown=()=>{};handleKeyUp=()=>{};handleTouchStart=()=>{this.disabled||this.loading||!this.destroy$||(this.longPressStartTime=Date.now(),this.longPressActive=!0,l(v.LONG_PRESS,this.destroy$)?.subscribe((()=>{if(this.longPressActive){const t=Date.now()-(this.longPressStartTime||0);this.bhLongPress.emit({duration:t}),this.longPressActive=!1}})))};handleTouchEnd=()=>{this.longPressActive=!1};handleTouchMove=()=>{this.longPressActive=!1};handleDoubleClick=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleContextMenu=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlur=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const t={"button-icon":!0,[`button-icon-${this.hierarchy}`]:!0,[`button-icon-${this.size}`]:!0,"button-icon-disabled":this.disabled,"button-icon-loading":this.loading};return i("button",{key:"a568ffb31c8ee7c508e8f3330b1c4fa6691a1a76","aria-busy":this.loading?"true":void 0,"aria-describedby":this.describedBy,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.hasPopup?String(this.expanded):void 0,"aria-haspopup":this.hasPopup&&this.popupType?this.popupType:void 0,"aria-label":this.ariaLabel||this.iconName,"aria-pressed":this.toggle?String(this.pressed):void 0,class:t,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,disabled:this.disabled,onBlur:this.handleBlur,onClick:this.handleClick,onContextMenu:this.handleContextMenu,onDblClick:this.handleDoubleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTouchEnd:this.handleTouchEnd,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,part:"button",role:this.toggle?"button":void 0,tabindex:this.disabled?-1:0,type:this.type},this.loading?i("bh-loader-spinner",{size:"sm",variant:"primary"===this.hierarchy?"white":"default"}):i("span",{class:"material-symbols-outlined icon",part:"icon"},this.iconName))}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; font-family: var(--font-inter); --bh-button-icon-primary-bg: var(--color-bg-interactive); --bh-button-icon-primary-bg-hover: var(--color-bg-interactive-hover); --bh-button-icon-primary-bg-active: var(--color-bg-interactive-active); --bh-button-icon-primary-color: var(--color-text-inverse); --bh-button-icon-secondary-bg: var(--color-bg-primary); --bh-button-icon-secondary-bg-hover: var(--color-bg-secondary); --bh-button-icon-secondary-bg-active: var(--color-bg-tertiary); --bh-button-icon-secondary-color: var(--color-text-secondary); --bh-button-icon-secondary-border-color: var(--color-border-primary); --bh-button-icon-tertiary-bg: transparent; --bh-button-icon-tertiary-bg-hover: var(--color-bg-tertiary); --bh-button-icon-tertiary-bg-active: var(--color-bg-tertiary); --bh-button-icon-tertiary-color: var(--color-text-secondary); --bh-button-icon-border-radius: var(--radius-md); --bh-button-icon-focus-ring-color: var(--color-border-interactive); } } @layer bh-base { .button-icon { display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: var(--bh-button-icon-border-radius); cursor: pointer; transition: background-color var(--animation-duration-normal) ease-in-out, color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out, border-color var(--animation-duration-normal) ease-in-out; font-family: inherit; outline: none; padding: 0; } .icon { display: flex; align-items: center; justify-content: center; } .loading-spinner { width: var(--icon-size-sm); height: var(--icon-size-sm); border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; } .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 { .button-icon-xs { width: var(--bh-button-height-xs); height: var(--bh-button-height-xs); } .button-icon-xs .icon { font-size: var(--icon-size-sm); } .button-icon-xs .loading-spinner { width: var(--sp-3); height: var(--sp-3); } .button-icon-sm { width: var(--bh-button-height-sm); height: var(--bh-button-height-sm); } .button-icon-sm .icon { font-size: var(--icon-size-base); } .button-icon-sm .loading-spinner { width: var(--icon-size-xs); height: var(--icon-size-xs); } .button-icon-md { width: var(--bh-button-height-md); height: var(--bh-button-height-md); } .button-icon-md .icon { font-size: var(--icon-size-md); } .button-icon-lg { width: var(--bh-button-height-lg); height: var(--bh-button-height-lg); } .button-icon-lg .icon { font-size: var(--icon-size-lg); } .button-icon-lg .loading-spinner { width: var(--icon-size-md); height: var(--icon-size-md); } .button-icon-primary { background: var(--bh-button-icon-primary-bg); color: var(--bh-button-icon-primary-color); } .button-icon-secondary { background: var(--bh-button-icon-secondary-bg); color: var(--bh-button-icon-secondary-color); border: 1px solid var(--bh-button-icon-secondary-border-color); } .button-icon-tertiary { background: var(--bh-button-icon-tertiary-bg); color: var(--bh-button-icon-tertiary-color); } .button-icon-quaternary { background: var(--bh-button-icon-quaternary-bg); color: var(--bh-button-icon-quaternary-color); } } @layer bh-states { .button-icon:focus-visible { box-shadow: 0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--bh-button-icon-focus-ring-color); } .button-icon-primary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-primary-bg-hover); } .button-icon-primary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-primary-bg-active); } .button-icon-secondary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-secondary-bg-hover); } .button-icon-secondary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-secondary-bg-active); } .button-icon-tertiary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-tertiary-bg-hover); } .button-icon-tertiary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-tertiary-bg-active); } .button-icon-quaternary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-quaternary-bg-hover); color: var(--bh-button-icon-quaternary-color-hover); } .button-icon-quaternary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-quaternary-bg-active); } .button-icon-disabled { opacity: 0.5; cursor: not-allowed; } .button-icon-loading { cursor: wait; } } @layer bh-utilities { @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } }'}},[513,"bh-button-icon",{hierarchy:[1],size:[1],iconName:[1,"icon-name"],disabled:[4],loading:[4],type:[1],ariaLabel:[1,"aria-label"],toggle:[4],pressed:[4],hasPopup:[4,"has-popup"],popupType:[1,"popup-type"],expanded:[4],describedBy:[1,"described-by"],focusVersion:[32]}]);function p(){"undefined"!=typeof customElements&&["bh-button-icon","bh-loader-spinner"].forEach((t=>{switch(t){case"bh-button-icon":customElements.get(r(t))||customElements.define(r(t),g);break;case"bh-loader-spinner":customElements.get(r(t))||a()}}))}export{g as B,p as d}
1
+ import{p as t,H as o,c as n,h as i,t as r}from"./p-YZi6LqIt.js";import{d as a}from"./p-BbPrWlsw.js";import{c as e,m as s,M as c,r as b}from"./p-BJXjqxlX.js";import{c as h}from"./p-YdVz1TeW.js";import{c as u,a as d,t as l}from"./p-CqAYzGVs.js";import{A as v}from"./p-BoVgy_Ao.js";const g=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhLongPress=n(this,"bhLongPress")}logger=e("bh-button-icon");hierarchy="primary";size="md";iconName="add";disabled=!1;loading=!1;type="button";ariaLabel=null;toggle=!1;pressed=!1;hasPopup=!1;popupType=null;expanded=!1;describedBy;bhLongPress;focusState=h();focusVersion=0;destroy$=u();longPressStartTime;longPressActive=!1;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),s.increment(c.COMPONENT_ERROR,{component:"bh-button-icon",error_type:t instanceof Error?t.name:"unknown"}),b("bh-button-icon",t)}disconnectedCallback(){this.longPressActive=!1,d(this.destroy$)}handleClick=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleKeyDown=()=>{};handleKeyUp=()=>{};handleTouchStart=()=>{this.disabled||this.loading||!this.destroy$||(this.longPressStartTime=Date.now(),this.longPressActive=!0,l(v.LONG_PRESS,this.destroy$)?.subscribe((()=>{if(this.longPressActive){const t=Date.now()-(this.longPressStartTime||0);this.bhLongPress.emit({duration:t}),this.longPressActive=!1}})))};handleTouchEnd=()=>{this.longPressActive=!1};handleTouchMove=()=>{this.longPressActive=!1};handleDoubleClick=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleContextMenu=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlur=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const t={"button-icon":!0,[`button-icon-${this.hierarchy}`]:!0,[`button-icon-${this.size}`]:!0,"button-icon-disabled":this.disabled,"button-icon-loading":this.loading};return i("button",{key:"0c19bb2ed14337271c6146bbf94e975735f0ccb0","aria-busy":this.loading?"true":void 0,"aria-describedby":this.describedBy,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.hasPopup?String(this.expanded):void 0,"aria-haspopup":this.hasPopup&&this.popupType?this.popupType:void 0,"aria-label":this.ariaLabel||this.iconName,"aria-pressed":this.toggle?String(this.pressed):void 0,class:t,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,disabled:this.disabled,onBlur:this.handleBlur,onClick:this.handleClick,onContextMenu:this.handleContextMenu,onDblClick:this.handleDoubleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTouchEnd:this.handleTouchEnd,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,part:"button",role:this.toggle?"button":void 0,tabindex:this.disabled?-1:0,type:this.type},this.loading?i("bh-loader-spinner",{size:"sm",variant:"primary"===this.hierarchy?"white":"default"}):i("span",{class:"material-symbols-outlined icon",part:"icon"},this.iconName))}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; font-family: var(--font-inter); --bh-button-icon-primary-bg: var(--color-bg-interactive); --bh-button-icon-primary-bg-hover: var(--color-bg-interactive-hover); --bh-button-icon-primary-bg-active: var(--color-bg-interactive-active); --bh-button-icon-primary-color: var(--color-text-inverse); --bh-button-icon-secondary-bg: var(--color-bg-primary); --bh-button-icon-secondary-bg-hover: var(--color-bg-secondary); --bh-button-icon-secondary-bg-active: var(--color-bg-tertiary); --bh-button-icon-secondary-color: var(--color-text-secondary); --bh-button-icon-secondary-border-color: var(--color-border-primary); --bh-button-icon-tertiary-bg: transparent; --bh-button-icon-tertiary-bg-hover: var(--color-bg-tertiary); --bh-button-icon-tertiary-bg-active: var(--color-bg-tertiary); --bh-button-icon-tertiary-color: var(--color-text-secondary); --bh-button-icon-border-radius: var(--radius-md); --bh-button-icon-focus-ring-color: var(--color-border-interactive); } } @layer bh-base { .button-icon { display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: var(--bh-button-icon-border-radius); cursor: pointer; transition: background-color var(--animation-duration-normal) ease-in-out, color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out, border-color var(--animation-duration-normal) ease-in-out; font-family: inherit; outline: none; padding: 0; } .icon { display: flex; align-items: center; justify-content: center; } .loading-spinner { width: var(--icon-size-sm); height: var(--icon-size-sm); border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; } .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 { .button-icon-xs { width: var(--bh-button-height-xs); height: var(--bh-button-height-xs); } .button-icon-xs .icon { font-size: var(--icon-size-sm); } .button-icon-xs .loading-spinner { width: var(--sp-3); height: var(--sp-3); } .button-icon-sm { width: var(--bh-button-height-sm); height: var(--bh-button-height-sm); } .button-icon-sm .icon { font-size: var(--icon-size-base); } .button-icon-sm .loading-spinner { width: var(--icon-size-xs); height: var(--icon-size-xs); } .button-icon-md { width: var(--bh-button-height-md); height: var(--bh-button-height-md); } .button-icon-md .icon { font-size: var(--icon-size-md); } .button-icon-lg { width: var(--bh-button-height-lg); height: var(--bh-button-height-lg); } .button-icon-lg .icon { font-size: var(--icon-size-lg); } .button-icon-lg .loading-spinner { width: var(--icon-size-md); height: var(--icon-size-md); } .button-icon-primary { background: var(--bh-button-icon-primary-bg); color: var(--bh-button-icon-primary-color); } .button-icon-secondary { background: var(--bh-button-icon-secondary-bg); color: var(--bh-button-icon-secondary-color); border: 1px solid var(--bh-button-icon-secondary-border-color); } .button-icon-tertiary { background: var(--bh-button-icon-tertiary-bg); color: var(--bh-button-icon-tertiary-color); } .button-icon-quaternary { background: var(--bh-button-icon-quaternary-bg); color: var(--bh-button-icon-quaternary-color); } } @layer bh-states { .button-icon:focus-visible { box-shadow: 0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--bh-button-icon-focus-ring-color); } .button-icon-primary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-primary-bg-hover); } .button-icon-primary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-primary-bg-active); } .button-icon-secondary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-secondary-bg-hover); } .button-icon-secondary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-secondary-bg-active); } .button-icon-tertiary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-tertiary-bg-hover); } .button-icon-tertiary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-tertiary-bg-active); } .button-icon-quaternary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-quaternary-bg-hover); color: var(--bh-button-icon-quaternary-color-hover); } .button-icon-quaternary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-quaternary-bg-active); } .button-icon-disabled { opacity: 0.5; cursor: not-allowed; } .button-icon-loading { cursor: wait; } } @layer bh-utilities { @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } }'}},[513,"bh-button-icon",{hierarchy:[1],size:[1],iconName:[1,"icon-name"],disabled:[4],loading:[4],type:[1],ariaLabel:[1,"aria-label"],toggle:[4],pressed:[4],hasPopup:[4,"has-popup"],popupType:[1,"popup-type"],expanded:[4],describedBy:[1,"described-by"],focusVersion:[32]}]);function p(){"undefined"!=typeof customElements&&["bh-button-icon","bh-loader-spinner"].forEach((t=>{switch(t){case"bh-button-icon":customElements.get(r(t))||customElements.define(r(t),g);break;case"bh-loader-spinner":customElements.get(r(t))||a()}}))}export{g as B,p as d}