@actabldesign/bellhop-core 0.3.0 → 0.3.1-nightly.20260725
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.
- package/components/bh-accordion-item.js +1 -1
- package/components/bh-activity-feed.js +1 -1
- package/components/bh-alert.js +1 -1
- package/components/bh-appbar.js +1 -1
- package/components/bh-avatar-add.js +1 -1
- package/components/bh-avatar-stacked.js +1 -1
- package/components/bh-avatar.js +1 -1
- package/components/bh-badge-dot.js +1 -1
- package/components/bh-badge.js +1 -1
- package/components/bh-banner.js +1 -1
- package/components/bh-bar-chart.js +1 -1
- package/components/bh-breadcrumbs.js +1 -1
- package/components/bh-button-icon.js +1 -1
- package/components/bh-button.js +1 -1
- package/components/bh-card-content.js +1 -1
- package/components/bh-card-footer.js +1 -1
- package/components/bh-card-header.js +1 -1
- package/components/bh-card.js +1 -1
- package/components/bh-chart-tooltip.js +1 -1
- package/components/bh-chat-message.js +1 -1
- package/components/bh-chat-reaction.js +1 -1
- package/components/bh-checkbox.js +1 -1
- package/components/bh-checklist-task-group.js +1 -1
- package/components/bh-close-button.js +1 -1
- package/components/bh-command-bar.d.ts +11 -0
- package/components/bh-command-bar.js +1 -0
- package/components/bh-container-footer.js +1 -1
- package/components/bh-container.js +1 -1
- package/components/bh-credit-card.js +1 -1
- package/components/bh-data-grid-body.js +1 -1
- package/components/bh-data-grid-change-preview.js +1 -1
- package/components/bh-data-grid-filter-builder.js +1 -1
- package/components/bh-data-grid-footer.js +1 -1
- package/components/bh-data-grid-header.js +1 -1
- package/components/bh-data-grid-toolbar.js +1 -1
- package/components/bh-data-grid.js +2 -2
- package/components/bh-date-picker-content.js +1 -1
- package/components/bh-date-picker.js +1 -1
- package/components/bh-date-range-picker-content.js +1 -1
- package/components/bh-date-range-picker.js +1 -1
- package/components/bh-divider.js +1 -1
- package/components/bh-dropdown-menu.js +1 -1
- package/components/bh-dropdown.js +1 -1
- package/components/bh-emoji-picker.js +1 -1
- package/components/bh-empty-state.js +1 -1
- package/components/bh-fab.js +1 -1
- package/components/bh-featured-icon.js +1 -1
- package/components/bh-feed-item.js +1 -1
- package/components/bh-gauge-chart.js +1 -1
- package/components/bh-guided-checklist.js +1 -1
- package/components/bh-html-editor-bubble-menu.js +1 -1
- package/components/bh-html-editor-toolbar.js +1 -1
- package/components/bh-html-editor.js +1 -1
- package/components/bh-illustrations.js +1 -1
- package/components/bh-inline-cta.js +1 -1
- package/components/bh-input-autocomplete.js +1 -1
- package/components/bh-input-number.js +1 -1
- package/components/bh-input-password.js +1 -1
- package/components/bh-input-text.js +1 -1
- package/components/bh-input-verification.js +1 -1
- package/components/bh-kbd.d.ts +11 -0
- package/components/bh-kbd.js +1 -0
- package/components/bh-label.js +1 -1
- package/components/bh-line-chart.js +1 -1
- package/components/bh-logo-box.js +1 -1
- package/components/bh-menu-item.js +1 -1
- package/components/bh-menu.js +1 -1
- package/components/bh-modal-actions.js +1 -1
- package/components/bh-modal-header.js +1 -1
- package/components/bh-month-picker-content.js +1 -1
- package/components/bh-month-picker.js +1 -1
- package/components/bh-multi-select.js +1 -1
- package/components/bh-nav-item.js +1 -1
- package/components/bh-notification-center.d.ts +11 -0
- package/components/bh-notification-center.js +1 -0
- package/components/bh-page-header.js +1 -1
- package/components/bh-page-navigation-child.js +1 -1
- package/components/bh-page-navigation-multi-level.js +1 -1
- package/components/bh-page-navigation-single-level.js +1 -1
- package/components/bh-page-navigation.js +1 -1
- package/components/bh-pagination.js +1 -1
- package/components/bh-picker-menu.js +1 -1
- package/components/bh-pie-chart.js +1 -1
- package/components/bh-pivot-grid-field-chooser.js +1 -1
- package/components/bh-pivot-grid.js +1 -1
- package/components/bh-progress-bar.js +1 -1
- package/components/bh-progress-ring.js +1 -1
- package/components/bh-property-switcher.js +1 -1
- package/components/bh-radar-chart.js +1 -1
- package/components/bh-radio-button.js +1 -1
- package/components/bh-radio-group.js +1 -1
- package/components/bh-range-slider.js +1 -1
- package/components/bh-section-footer.js +1 -1
- package/components/bh-section-header.js +1 -1
- package/components/bh-select.js +1 -1
- package/components/bh-selection-group-item.js +1 -1
- package/components/bh-selection-group.js +1 -1
- package/components/bh-side-panel-footer.js +1 -1
- package/components/bh-side-panel-header.js +1 -1
- package/components/bh-sidebar.js +1 -1
- package/components/bh-skeleton-loader.js +1 -1
- package/components/bh-stepper.js +1 -1
- package/components/bh-tab-item.js +1 -1
- package/components/bh-table-header.js +1 -1
- package/components/bh-tabs.js +1 -1
- package/components/bh-tag-group.js +1 -1
- package/components/bh-tag-input.js +1 -1
- package/components/bh-tag.js +1 -1
- package/components/bh-textarea.js +1 -1
- package/components/bh-toast-container.js +1 -1
- package/components/bh-toast.js +1 -1
- package/components/bh-toggle.js +1 -1
- package/components/bh-tooltip.js +1 -1
- package/components/bh-trend-chart.js +1 -1
- package/components/index.d.ts +6 -0
- package/components/index.js +1 -1
- package/components/{p-BVwh7Zds.js → p-2SnKTVal.js} +1 -1
- package/components/{p-DpyQ9_VL.js → p-6tew_a-x.js} +1 -1
- package/components/{p-BUoq_1rz.js → p-B7La6Iwp.js} +1 -1
- package/components/p-B8HxD-vO.js +1 -0
- package/components/{p-CdwBDbHF.js → p-B9--bog4.js} +1 -1
- package/components/{p-D_0aDuRr.js → p-BF5hfv7s.js} +1 -1
- package/components/{p-oaisznHL.js → p-BI2Y2Le4.js} +1 -1
- package/components/p-Be6mIKzo.js +1 -0
- package/components/p-Bh0oD_Yf.js +1 -0
- package/components/{p-nMu0IHKp.js → p-BniMhcxp.js} +1 -1
- package/components/{p-CZRjavNE.js → p-Br9M2BbM.js} +1 -1
- package/components/{p-QCa_P3zY.js → p-BwxcuFPS.js} +1 -1
- package/components/{p-Dq8Cpk56.js → p-BzHDM9Tg.js} +1 -1
- package/components/{p-D-D80sUk.js → p-C4rAmars.js} +1 -1
- package/components/{p-B2KPN863.js → p-C7fkgBQS.js} +1 -1
- package/components/{p-cD3vmu49.js → p-CClVva-u.js} +1 -1
- package/components/p-CJUnjRCe.js +1 -0
- package/components/{p--a7Uv1ky.js → p-CK_Py1Yi.js} +1 -1
- package/components/{p-DjJP-dIm.js → p-CWdw6bHR.js} +1 -1
- package/components/{p-XYHjFWDD.js → p-CZ_H3nat.js} +1 -1
- package/components/{p-CtaODgcw.js → p-C_nrq7_Y.js} +1 -1
- package/components/{p-BFL2Pm_E.js → p-CssmbrSc.js} +1 -1
- package/components/p-CvsupUaF.js +1 -0
- package/components/{p-DBAPExTG.js → p-CvwyG_Kj.js} +1 -1
- package/components/{p-Bf_iTZDv.js → p-D6aw0IK6.js} +1 -1
- package/components/{p-CzvaS9up.js → p-DBl9mNfN.js} +1 -1
- package/components/{p-DWoyQVnq.js → p-DG90uKhz.js} +1 -1
- package/components/{p-CWY9YV_9.js → p-DGWzDn9Y.js} +1 -1
- package/components/p-DJlRFgcj.js +1 -0
- package/components/p-DKWhUGrV.js +1 -0
- package/components/{p-CC_DXFwx.js → p-DSDbfC31.js} +1 -1
- package/components/{p-1SkDR91n.js → p-DUm7JrA0.js} +1 -1
- package/components/{p-C6UC_xxP.js → p-DblmzWu8.js} +1 -1
- package/components/{p-BHeNnP2q.js → p-DfCONXO0.js} +1 -1
- package/components/p-DhgfM7Wy.js +1 -0
- package/components/{p-Xa6gUVGr.js → p-DjUfsCJJ.js} +1 -1
- package/components/{p-CVSRqFZ0.js → p-DjpXtbw8.js} +1 -1
- package/components/{p-GjWzFf-V.js → p-Dzlsnb7d.js} +1 -1
- package/components/{p-Be20AcNb.js → p-S-miu3h6.js} +1 -1
- package/components/{p-DIMoIy0w.js → p-W2SGLZN7.js} +1 -1
- package/components/{p-arW9uaFJ.js → p-hhv9O2Qq.js} +1 -1
- package/components/{p-BwwSI2Fv.js → p-jNp3nckG.js} +1 -1
- package/dist/bellhop-core/bellhop-core.esm.js +1 -1
- package/dist/bellhop-core/p-009efb12.entry.js +1 -0
- package/dist/bellhop-core/p-01b505e3.entry.js +1 -0
- package/dist/bellhop-core/p-02945f90.entry.js +1 -0
- package/dist/bellhop-core/p-04d2ec72.entry.js +1 -0
- package/dist/bellhop-core/p-05867224.entry.js +1 -0
- package/dist/bellhop-core/p-05a53d3b.entry.js +1 -0
- package/dist/bellhop-core/p-0692ab72.entry.js +1 -0
- package/dist/bellhop-core/p-06f9b713.entry.js +1 -0
- package/dist/bellhop-core/p-08b8ba36.entry.js +1 -0
- package/dist/bellhop-core/p-0953e008.entry.js +1 -0
- package/dist/bellhop-core/p-0976eb7a.entry.js +1 -0
- package/dist/bellhop-core/p-097d70d9.entry.js +1 -0
- package/dist/bellhop-core/p-0a316bb6.entry.js +1 -0
- package/dist/bellhop-core/p-108ca612.entry.js +1 -0
- package/dist/bellhop-core/p-12d3c4e9.entry.js +1 -0
- package/dist/bellhop-core/p-13f15f41.entry.js +1 -0
- package/dist/bellhop-core/p-15bb1050.entry.js +1 -0
- package/dist/bellhop-core/p-16e01b81.entry.js +1 -0
- package/dist/bellhop-core/p-188980bd.entry.js +1 -0
- package/dist/bellhop-core/p-1fba0985.entry.js +1 -0
- package/dist/bellhop-core/p-24e5c52b.entry.js +1 -0
- package/dist/bellhop-core/p-29729109.entry.js +1 -0
- package/dist/bellhop-core/p-2b93b512.entry.js +1 -0
- package/dist/bellhop-core/{p-213a104c.entry.js → p-2bcd94d0.entry.js} +1 -1
- package/dist/bellhop-core/p-2bdb9784.entry.js +1 -0
- package/dist/bellhop-core/p-2ee44b97.entry.js +1 -0
- package/dist/bellhop-core/p-3348400a.entry.js +1 -0
- package/dist/bellhop-core/p-38873b75.entry.js +1 -0
- package/dist/bellhop-core/p-399be504.entry.js +1 -0
- package/dist/bellhop-core/p-3d67e55f.entry.js +1 -0
- package/dist/bellhop-core/p-3dcf8812.entry.js +1 -0
- package/dist/bellhop-core/p-42f26142.entry.js +1 -0
- package/dist/bellhop-core/p-43d94b51.entry.js +1 -0
- package/dist/bellhop-core/p-4c65d80a.entry.js +1 -0
- package/dist/bellhop-core/p-4e4b59cc.entry.js +1 -0
- package/dist/bellhop-core/p-50c00ac6.entry.js +1 -0
- package/dist/bellhop-core/p-52d0c0ac.entry.js +1 -0
- package/dist/bellhop-core/p-53ddab62.entry.js +1 -0
- package/dist/bellhop-core/p-558c1c9f.entry.js +1 -0
- package/dist/bellhop-core/{p-fb8e0e6c.entry.js → p-59feba80.entry.js} +1 -1
- package/dist/bellhop-core/{p-165b45f3.entry.js → p-5a49ebee.entry.js} +1 -1
- package/dist/bellhop-core/p-5f5648e6.entry.js +1 -0
- package/dist/bellhop-core/p-614f84ff.entry.js +1 -0
- package/dist/bellhop-core/p-6517c63b.entry.js +1 -0
- package/dist/bellhop-core/{p-c86b7e41.entry.js → p-654de2b6.entry.js} +1 -1
- package/dist/bellhop-core/p-65e10ead.entry.js +1 -0
- package/dist/bellhop-core/p-68c5a0bd.entry.js +1 -0
- package/dist/bellhop-core/p-68cf8430.entry.js +1 -0
- package/dist/bellhop-core/p-6ad1ed53.entry.js +1 -0
- package/dist/bellhop-core/p-6df539be.entry.js +1 -0
- package/dist/bellhop-core/p-6e1c1c27.entry.js +1 -0
- package/dist/bellhop-core/p-710e4da7.entry.js +1 -0
- package/dist/bellhop-core/p-7841fbc2.entry.js +1 -0
- package/dist/bellhop-core/p-7bceb793.entry.js +1 -0
- package/dist/bellhop-core/p-7bd58fae.entry.js +1 -0
- package/dist/bellhop-core/p-7c0d23d4.entry.js +1 -0
- package/dist/bellhop-core/p-7e226f98.entry.js +1 -0
- package/dist/bellhop-core/{p-4a96c207.entry.js → p-815fb83e.entry.js} +1 -1
- package/dist/bellhop-core/p-832bf58d.entry.js +1 -0
- package/dist/bellhop-core/p-8370a956.entry.js +1 -0
- package/dist/bellhop-core/{p-b992fd96.entry.js → p-858017eb.entry.js} +1 -1
- package/dist/bellhop-core/p-87c827d7.entry.js +1 -0
- package/dist/bellhop-core/p-8a38724f.entry.js +1 -0
- package/dist/bellhop-core/p-8aa87a99.entry.js +1 -0
- package/dist/bellhop-core/p-8ad4d720.entry.js +1 -0
- package/dist/bellhop-core/p-8d319614.entry.js +1 -0
- package/dist/bellhop-core/p-963e6ad9.entry.js +1 -0
- package/dist/bellhop-core/p-97bed0b0.entry.js +1 -0
- package/dist/bellhop-core/{p-df4c2032.entry.js → p-9b2d67db.entry.js} +2 -2
- package/dist/bellhop-core/p-9b935b1a.entry.js +1 -0
- package/dist/bellhop-core/p-9cf187af.entry.js +1 -0
- package/dist/bellhop-core/p-9e0b9dec.entry.js +1 -0
- package/dist/bellhop-core/p-CBTS9Vhx.js +1 -0
- package/dist/bellhop-core/{p-Dn-MvAk9.js → p-CKTtXT2O.js} +1 -1
- package/dist/bellhop-core/p-CMKOFHIa.js +1 -0
- package/dist/bellhop-core/p-Xi3uD33F.js +1 -0
- package/dist/bellhop-core/p-a57034cf.entry.js +1 -0
- package/dist/bellhop-core/p-a925a3d8.entry.js +1 -0
- package/dist/bellhop-core/p-abf0f15d.entry.js +1 -0
- package/dist/bellhop-core/p-b212b4c1.entry.js +1 -0
- package/dist/bellhop-core/p-b2380f56.entry.js +1 -0
- package/dist/bellhop-core/p-b333c85f.entry.js +1 -0
- package/dist/bellhop-core/p-b9d363b0.entry.js +1 -0
- package/dist/bellhop-core/p-b9d86b80.entry.js +1 -0
- package/dist/bellhop-core/p-baa76b6d.entry.js +1 -0
- package/dist/bellhop-core/p-bb11a7df.entry.js +1 -0
- package/dist/bellhop-core/p-bcc53e7e.entry.js +1 -0
- package/dist/bellhop-core/p-c0513194.entry.js +1 -0
- package/dist/bellhop-core/p-c1eed46c.entry.js +1 -0
- package/dist/bellhop-core/p-c2440a5a.entry.js +1 -0
- package/dist/bellhop-core/p-c338d5ed.entry.js +1 -0
- package/dist/bellhop-core/p-c4cd8445.entry.js +1 -0
- package/dist/bellhop-core/p-cd404c53.entry.js +1 -0
- package/dist/bellhop-core/p-d2fdf27a.entry.js +1 -0
- package/dist/bellhop-core/p-d89a2316.entry.js +1 -0
- package/dist/bellhop-core/p-d9903fd1.entry.js +1 -0
- package/dist/bellhop-core/p-df86ac00.entry.js +1 -0
- package/dist/bellhop-core/p-dfc61397.entry.js +1 -0
- package/dist/bellhop-core/p-e02bdcfb.entry.js +1 -0
- package/dist/bellhop-core/p-e6ad9a10.entry.js +1 -0
- package/dist/bellhop-core/p-e86b4fbf.entry.js +1 -0
- package/dist/bellhop-core/p-eed85b08.entry.js +1 -0
- package/dist/bellhop-core/p-f0a47a26.entry.js +1 -0
- package/dist/bellhop-core/p-f46e818f.entry.js +1 -0
- package/dist/bellhop-core/p-f6c8568f.entry.js +1 -0
- package/dist/bellhop-core/p-f784164a.entry.js +1 -0
- package/dist/bellhop-core/p-f8d47699.entry.js +1 -0
- package/dist/bellhop-core/{p-1323f446.entry.js → p-f8dce3b6.entry.js} +1 -1
- package/dist/bellhop-core/p-f9962334.entry.js +1 -0
- package/dist/bellhop-core/p-fb897d66.entry.js +1 -0
- package/dist/cjs/bellhop-core.cjs.js +1 -1
- package/dist/cjs/bh-accordion-item.cjs.entry.js +4 -3
- package/dist/cjs/bh-accordion.cjs.entry.js +3 -2
- package/dist/cjs/bh-activity-feed_2.cjs.entry.js +174 -0
- package/dist/cjs/bh-alert.cjs.entry.js +4 -3
- package/dist/cjs/bh-appbar.cjs.entry.js +57 -11
- package/dist/cjs/bh-autocomplete-menu.cjs.entry.js +3 -2
- package/dist/cjs/bh-avatar-add.cjs.entry.js +4 -3
- package/dist/cjs/bh-avatar-stacked.cjs.entry.js +4 -3
- package/dist/cjs/bh-avatar.cjs.entry.js +6 -5
- package/dist/cjs/bh-badge-dot_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-badge.cjs.entry.js +6 -5
- package/dist/cjs/bh-banner.cjs.entry.js +5 -4
- package/dist/cjs/bh-bar-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-breadcrumbs.cjs.entry.js +16 -5
- package/dist/cjs/bh-button-icon_2.cjs.entry.js +5 -4
- package/dist/cjs/bh-button.cjs.entry.js +5 -4
- package/dist/cjs/bh-card-content.cjs.entry.js +4 -3
- package/dist/cjs/bh-card-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-card-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-card.cjs.entry.js +4 -3
- package/dist/cjs/bh-chart-tooltip.cjs.entry.js +5 -4
- package/dist/cjs/bh-chat-message.cjs.entry.js +5 -4
- package/dist/cjs/bh-chat-reaction.cjs.entry.js +5 -4
- package/dist/cjs/bh-checkbox.cjs.entry.js +3 -2
- package/dist/cjs/bh-checklist-task-group_3.cjs.entry.js +6 -5
- package/dist/cjs/bh-close-button.cjs.entry.js +1 -1
- package/dist/cjs/bh-command-bar.cjs.entry.js +309 -0
- package/dist/cjs/bh-container-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-container.cjs.entry.js +4 -3
- package/dist/cjs/bh-credit-card.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid-body.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-change-preview.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-filter-builder.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid-header.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-toolbar.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid.cjs.entry.js +4 -3
- package/dist/cjs/bh-date-picker-content.cjs.entry.js +6 -5
- package/dist/cjs/bh-date-picker.cjs.entry.js +6 -5
- package/dist/cjs/bh-date-range-picker-content.cjs.entry.js +5 -4
- package/dist/cjs/bh-date-range-picker.cjs.entry.js +7 -6
- package/dist/cjs/bh-divider.cjs.entry.js +4 -3
- package/dist/cjs/bh-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/bh-dropdown.cjs.entry.js +13 -4
- package/dist/cjs/bh-emoji-picker.cjs.entry.js +1 -1
- package/dist/cjs/bh-empty-state_2.cjs.entry.js +6 -5
- package/dist/cjs/bh-featured-icon.cjs.entry.js +4 -3
- package/dist/cjs/bh-gauge-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-guided-checklist.cjs.entry.js +5 -4
- package/dist/cjs/bh-html-editor-bubble-menu_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-html-editor.cjs.entry.js +5 -4
- package/dist/cjs/bh-illustrations.cjs.entry.js +4 -3
- package/dist/cjs/bh-inline-cta.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-autocomplete.cjs.entry.js +7 -6
- package/dist/cjs/bh-input-number.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-password.cjs.entry.js +6 -5
- package/dist/cjs/bh-input-text.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-verification.cjs.entry.js +4 -3
- package/dist/cjs/bh-kbd.cjs.entry.js +34 -0
- package/dist/cjs/bh-label_2.cjs.entry.js +5 -4
- package/dist/cjs/bh-line-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-logo-box_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-menu_2.cjs.entry.js +4 -3
- package/dist/cjs/bh-modal-actions.cjs.entry.js +4 -3
- package/dist/cjs/bh-modal-header.cjs.entry.js +7 -6
- package/dist/cjs/bh-modal.cjs.entry.js +4 -3
- package/dist/cjs/bh-month-picker-content.cjs.entry.js +4 -3
- package/dist/cjs/bh-month-picker.cjs.entry.js +6 -5
- package/dist/cjs/bh-multi-select.cjs.entry.js +8 -7
- package/dist/cjs/bh-notification-center.cjs.entry.js +210 -0
- package/dist/cjs/bh-page-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-page-navigation-child.cjs.entry.js +4 -3
- package/dist/cjs/bh-page-navigation-multi-level_2.cjs.entry.js +7 -6
- package/dist/cjs/bh-page-navigation.cjs.entry.js +4 -3
- package/dist/cjs/bh-pagination_2.cjs.entry.js +10 -9
- package/dist/cjs/bh-picker-menu.cjs.entry.js +3 -2
- package/dist/cjs/bh-pie-chart.cjs.entry.js +6 -5
- package/dist/cjs/bh-pivot-grid-field-chooser.cjs.entry.js +5 -4
- package/dist/cjs/bh-pivot-grid.cjs.entry.js +20 -19
- package/dist/cjs/bh-popover.cjs.entry.js +3 -2
- package/dist/cjs/bh-product-switcher.cjs.entry.js +3 -2
- package/dist/cjs/bh-progress-bar.cjs.entry.js +7 -6
- package/dist/cjs/bh-progress-ring.cjs.entry.js +1 -1
- package/dist/cjs/bh-property-switcher.cjs.entry.js +22 -5
- package/dist/cjs/bh-radar-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-radio-button.cjs.entry.js +3 -2
- package/dist/cjs/bh-radio-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-range-slider.cjs.entry.js +4 -3
- package/dist/cjs/bh-section-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-section-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-selection-group-item.cjs.entry.js +3 -2
- package/dist/cjs/bh-selection-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-side-panel-footer.cjs.entry.js +1 -1
- package/dist/cjs/bh-side-panel-header.cjs.entry.js +1 -1
- package/dist/cjs/bh-sidebar.cjs.entry.js +19 -5
- package/dist/cjs/bh-stepper.cjs.entry.js +3 -2
- package/dist/cjs/bh-tab-item.cjs.entry.js +5 -4
- package/dist/cjs/bh-table-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-tabs.cjs.entry.js +4 -3
- package/dist/cjs/bh-tag-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-tag-input.cjs.entry.js +5 -4
- package/dist/cjs/bh-textarea.cjs.entry.js +5 -4
- package/dist/cjs/bh-toast-container.cjs.entry.js +1 -1
- package/dist/cjs/bh-toast.cjs.entry.js +5 -4
- package/dist/cjs/bh-toggle.cjs.entry.js +4 -3
- package/dist/cjs/bh-trend-chart.cjs.entry.js +5 -4
- package/dist/cjs/{component-error-handler-C4vfF_Qu.js → component-error-handler-BxXlGq4E.js} +1 -1
- package/dist/cjs/error-boundary-fNUNT0lE.js +75 -0
- package/dist/cjs/hotkeys-BzAUI8Zg.js +113 -0
- package/dist/cjs/index-B6sArKsK.js +20 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{error-boundary-Bf7TcT4U.js → logger-DZionBgs.js} +0 -71
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/bh-accordion/bh-accordion-item/bh-accordion-item.js +1 -1
- package/dist/collection/components/bh-activity-feed/bh-activity-feed.css +8 -0
- package/dist/collection/components/bh-activity-feed/bh-activity-feed.js +29 -2
- package/dist/collection/components/bh-appbar/bh-appbar.css +28 -1
- package/dist/collection/components/bh-appbar/bh-appbar.js +220 -9
- package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.css +118 -0
- package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.js +513 -0
- package/dist/collection/components/bh-avatar/bh-avatar-add/bh-avatar-add.js +1 -1
- package/dist/collection/components/bh-avatar/bh-avatar-stacked/bh-avatar-stacked.js +1 -1
- package/dist/collection/components/bh-avatar/bh-avatar.css +8 -2
- package/dist/collection/components/bh-avatar/bh-avatar.js +2 -2
- package/dist/collection/components/bh-badge/bh-badge-dot/bh-badge-dot.js +1 -1
- package/dist/collection/components/bh-badge/bh-badge.js +2 -2
- package/dist/collection/components/bh-banner/bh-banner.js +2 -2
- package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.css +3 -1
- package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.js +14 -3
- package/dist/collection/components/bh-button/bh-button-icon/bh-button-icon.js +1 -1
- package/dist/collection/components/bh-button/bh-button.js +1 -1
- package/dist/collection/components/bh-card/bh-card-content/bh-card-content.js +1 -1
- package/dist/collection/components/bh-card/bh-card-footer/bh-card-footer.js +1 -1
- package/dist/collection/components/bh-card/bh-card-header/bh-card-header.js +1 -1
- package/dist/collection/components/bh-card/bh-card.js +1 -1
- package/dist/collection/components/bh-chart/bh-bar-chart/bh-bar-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-chart-tooltip/bh-chart-tooltip.js +2 -2
- package/dist/collection/components/bh-chart/bh-gauge-chart/bh-gauge-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-line-chart/bh-line-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-pie-chart/bh-pie-chart.js +3 -3
- package/dist/collection/components/bh-chart/bh-progress-bar/bh-progress-bar.js +4 -4
- package/dist/collection/components/bh-chart/bh-radar-chart/bh-radar-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-trend-chart/bh-trend-chart.js +2 -2
- package/dist/collection/components/bh-chat/bh-chat-message/bh-chat-message.js +2 -2
- package/dist/collection/components/bh-chat/bh-chat-reaction/bh-chat-reaction.js +2 -2
- package/dist/collection/components/bh-close-button/bh-close-button.js +1 -1
- package/dist/collection/components/bh-command-bar/bh-command-bar.css +181 -0
- package/dist/collection/components/bh-command-bar/bh-command-bar.figma.js +9 -0
- package/dist/collection/components/bh-command-bar/bh-command-bar.js +663 -0
- package/dist/collection/components/bh-container/bh-container-footer/bh-container-footer.js +1 -1
- package/dist/collection/components/bh-container/bh-container.js +1 -1
- package/dist/collection/components/bh-credit-card/bh-credit-card.js +1 -1
- package/dist/collection/components/bh-data-grid/bh-data-grid-footer.js +1 -1
- package/dist/collection/components/bh-data-grid/bh-data-grid-toolbar.js +1 -1
- package/dist/collection/components/bh-divider/bh-divider.js +1 -1
- package/dist/collection/components/bh-dropdown/bh-dropdown-menu/bh-dropdown-menu.js +1 -1
- package/dist/collection/components/bh-dropdown/bh-dropdown.js +29 -1
- package/dist/collection/components/bh-emoji-picker/bh-emoji-picker.js +1 -1
- package/dist/collection/components/bh-empty-state/bh-empty-state.js +1 -1
- package/dist/collection/components/bh-fab/bh-fab.js +2 -2
- package/dist/collection/components/bh-featured-icon/bh-featured-icon.js +1 -1
- package/dist/collection/components/bh-feed-item/bh-feed-item.css +9 -2
- package/dist/collection/components/bh-feed-item/bh-feed-item.js +81 -4
- package/dist/collection/components/bh-guided-checklist/bh-guided-checklist.js +1 -1
- package/dist/collection/components/bh-html-editor/bh-html-editor-bubble-menu/bh-html-editor-bubble-menu.js +3 -3
- package/dist/collection/components/bh-html-editor/bh-html-editor-toolbar/bh-html-editor-toolbar.js +1 -1
- package/dist/collection/components/bh-html-editor/bh-html-editor.js +2 -2
- package/dist/collection/components/bh-illustrations/bh-illustrations.js +1 -1
- package/dist/collection/components/bh-inline-cta/bh-inline-cta.js +2 -2
- package/dist/collection/components/bh-input/bh-input-autocomplete/bh-input-autocomplete.js +3 -3
- package/dist/collection/components/bh-input/bh-input-number/bh-input-number.js +2 -2
- package/dist/collection/components/bh-input/bh-input-password/bh-input-password.js +3 -3
- package/dist/collection/components/bh-input/bh-input-text/bh-input-text.js +2 -2
- package/dist/collection/components/bh-input/bh-input-verification/bh-input-verification.js +1 -1
- package/dist/collection/components/bh-input/bh-tag-input/bh-tag-input.js +2 -2
- package/dist/collection/components/bh-input/bh-textarea/bh-textarea.js +2 -2
- package/dist/collection/components/bh-kbd/bh-kbd.css +33 -0
- package/dist/collection/components/bh-kbd/bh-kbd.figma.js +11 -0
- package/dist/collection/components/bh-kbd/bh-kbd.js +78 -0
- package/dist/collection/components/bh-logo-box/bh-logo-box.js +2 -2
- package/dist/collection/components/bh-modal/bh-modal-actions/bh-modal-actions.js +1 -1
- package/dist/collection/components/bh-modal/bh-modal-header/bh-modal-header.js +4 -4
- package/dist/collection/components/bh-multi-select/bh-multi-select.js +3 -3
- package/dist/collection/components/bh-page-header/bh-page-header.js +2 -2
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-child/bh-page-navigation-child.js +1 -1
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-multi-level/bh-page-navigation-multi-level.js +2 -2
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-single-level/bh-page-navigation-single-level.js +1 -1
- package/dist/collection/components/bh-page-navigation/bh-page-navigation.js +1 -1
- package/dist/collection/components/bh-pagination/bh-pagination.js +2 -2
- package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker-content/bh-date-picker-content.js +3 -3
- package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker.js +3 -3
- package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker-content/bh-date-range-picker-content.js +2 -2
- package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker.js +4 -4
- package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker-content/bh-month-picker-content.js +1 -1
- package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker.js +3 -3
- package/dist/collection/components/bh-pivot-grid/bh-pivot-grid-field-chooser/bh-pivot-grid-field-chooser.js +2 -2
- package/dist/collection/components/bh-pivot-grid/bh-pivot-grid.js +16 -16
- package/dist/collection/components/bh-progress-ring/bh-progress-ring.js +1 -1
- package/dist/collection/components/bh-property-switcher/bh-property-switcher.js +20 -4
- package/dist/collection/components/bh-radio-group/bh-radio-group.js +1 -1
- package/dist/collection/components/bh-range-slider/bh-range-slider.js +1 -1
- package/dist/collection/components/bh-section-footer/bh-section-footer.js +1 -1
- package/dist/collection/components/bh-section-header/bh-section-header.js +1 -1
- package/dist/collection/components/bh-select/bh-select.js +4 -4
- package/dist/collection/components/bh-selection-group/bh-selection-group.js +1 -1
- package/dist/collection/components/bh-side-panel/bh-side-panel-footer/bh-side-panel-footer.js +1 -1
- package/dist/collection/components/bh-side-panel/bh-side-panel-header/bh-side-panel-header.js +1 -1
- package/dist/collection/components/bh-sidebar/bh-nav-item/bh-nav-item.js +2 -2
- package/dist/collection/components/bh-sidebar/bh-sidebar.js +79 -3
- package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.js +1 -1
- package/dist/collection/components/bh-table-header/bh-table-header.js +1 -1
- package/dist/collection/components/bh-tabs/bh-tab-item/bh-tab-item.js +2 -2
- package/dist/collection/components/bh-tabs/bh-tabs.js +1 -1
- package/dist/collection/components/bh-tag/bh-tag-group/bh-tag-group.js +1 -1
- package/dist/collection/components/bh-tag/bh-tag.js +2 -2
- package/dist/collection/components/bh-toast/bh-toast.js +2 -2
- package/dist/collection/components/bh-toast-container/bh-toast-container.js +1 -1
- package/dist/collection/components/bh-toggle/bh-toggle.js +1 -1
- package/dist/collection/components/bh-tooltip/bh-tooltip.js +1 -1
- package/dist/collection/components/index.js +5 -0
- package/dist/collection/utils/hotkeys.js +107 -0
- package/dist/collection/utils/index.js +4 -0
- package/dist/esm/bellhop-core.js +1 -1
- package/dist/esm/bh-accordion-item.entry.js +3 -2
- package/dist/esm/bh-accordion.entry.js +2 -1
- package/dist/esm/bh-activity-feed_2.entry.js +171 -0
- package/dist/esm/bh-alert.entry.js +3 -2
- package/dist/esm/bh-appbar.entry.js +56 -10
- package/dist/esm/bh-autocomplete-menu.entry.js +2 -1
- package/dist/esm/bh-avatar-add.entry.js +3 -2
- package/dist/esm/bh-avatar-stacked.entry.js +3 -2
- package/dist/esm/bh-avatar.entry.js +5 -4
- package/dist/esm/bh-badge-dot_2.entry.js +6 -5
- package/dist/esm/bh-badge.entry.js +5 -4
- package/dist/esm/bh-banner.entry.js +4 -3
- package/dist/esm/bh-bar-chart.entry.js +4 -3
- package/dist/esm/bh-breadcrumbs.entry.js +15 -4
- package/dist/esm/bh-button-icon_2.entry.js +3 -2
- package/dist/esm/bh-button.entry.js +4 -3
- package/dist/esm/bh-card-content.entry.js +3 -2
- package/dist/esm/bh-card-footer.entry.js +3 -2
- package/dist/esm/bh-card-header.entry.js +3 -2
- package/dist/esm/bh-card.entry.js +3 -2
- package/dist/esm/bh-chart-tooltip.entry.js +4 -3
- package/dist/esm/bh-chat-message.entry.js +4 -3
- package/dist/esm/bh-chat-reaction.entry.js +4 -3
- package/dist/esm/bh-checkbox.entry.js +2 -1
- package/dist/esm/bh-checklist-task-group_3.entry.js +5 -4
- package/dist/esm/bh-close-button.entry.js +1 -1
- package/dist/esm/bh-command-bar.entry.js +307 -0
- package/dist/esm/bh-container-footer.entry.js +3 -2
- package/dist/esm/bh-container.entry.js +3 -2
- package/dist/esm/bh-credit-card.entry.js +3 -2
- package/dist/esm/bh-data-grid-body.entry.js +2 -1
- package/dist/esm/bh-data-grid-change-preview.entry.js +2 -1
- package/dist/esm/bh-data-grid-filter-builder.entry.js +2 -1
- package/dist/esm/bh-data-grid-footer.entry.js +3 -2
- package/dist/esm/bh-data-grid-header.entry.js +2 -1
- package/dist/esm/bh-data-grid-toolbar.entry.js +3 -2
- package/dist/esm/bh-data-grid.entry.js +3 -2
- package/dist/esm/bh-date-picker-content.entry.js +5 -4
- package/dist/esm/bh-date-picker.entry.js +5 -4
- package/dist/esm/bh-date-range-picker-content.entry.js +4 -3
- package/dist/esm/bh-date-range-picker.entry.js +6 -5
- package/dist/esm/bh-divider.entry.js +3 -2
- package/dist/esm/bh-dropdown-menu.entry.js +1 -1
- package/dist/esm/bh-dropdown.entry.js +12 -3
- package/dist/esm/bh-emoji-picker.entry.js +1 -1
- package/dist/esm/bh-empty-state_2.entry.js +4 -3
- package/dist/esm/bh-featured-icon.entry.js +3 -2
- package/dist/esm/bh-gauge-chart.entry.js +4 -3
- package/dist/esm/bh-guided-checklist.entry.js +4 -3
- package/dist/esm/bh-html-editor-bubble-menu_2.entry.js +6 -5
- package/dist/esm/bh-html-editor.entry.js +4 -3
- package/dist/esm/bh-illustrations.entry.js +3 -2
- package/dist/esm/bh-inline-cta.entry.js +4 -3
- package/dist/esm/bh-input-autocomplete.entry.js +6 -5
- package/dist/esm/bh-input-number.entry.js +4 -3
- package/dist/esm/bh-input-password.entry.js +5 -4
- package/dist/esm/bh-input-text.entry.js +4 -3
- package/dist/esm/bh-input-verification.entry.js +3 -2
- package/dist/esm/bh-kbd.entry.js +32 -0
- package/dist/esm/bh-label_2.entry.js +3 -2
- package/dist/esm/bh-line-chart.entry.js +4 -3
- package/dist/esm/bh-logo-box_2.entry.js +6 -5
- package/dist/esm/bh-menu_2.entry.js +2 -1
- package/dist/esm/bh-modal-actions.entry.js +3 -2
- package/dist/esm/bh-modal-header.entry.js +6 -5
- package/dist/esm/bh-modal.entry.js +3 -2
- package/dist/esm/bh-month-picker-content.entry.js +3 -2
- package/dist/esm/bh-month-picker.entry.js +5 -4
- package/dist/esm/bh-multi-select.entry.js +7 -6
- package/dist/esm/bh-notification-center.entry.js +208 -0
- package/dist/esm/bh-page-header.entry.js +3 -2
- package/dist/esm/bh-page-navigation-child.entry.js +3 -2
- package/dist/esm/bh-page-navigation-multi-level_2.entry.js +5 -4
- package/dist/esm/bh-page-navigation.entry.js +3 -2
- package/dist/esm/bh-pagination_2.entry.js +8 -7
- package/dist/esm/bh-picker-menu.entry.js +2 -1
- package/dist/esm/bh-pie-chart.entry.js +5 -4
- package/dist/esm/bh-pivot-grid-field-chooser.entry.js +4 -3
- package/dist/esm/bh-pivot-grid.entry.js +19 -18
- package/dist/esm/bh-popover.entry.js +2 -1
- package/dist/esm/bh-product-switcher.entry.js +2 -1
- package/dist/esm/bh-progress-bar.entry.js +6 -5
- package/dist/esm/bh-progress-ring.entry.js +1 -1
- package/dist/esm/bh-property-switcher.entry.js +21 -4
- package/dist/esm/bh-radar-chart.entry.js +4 -3
- package/dist/esm/bh-radio-button.entry.js +2 -1
- package/dist/esm/bh-radio-group.entry.js +3 -2
- package/dist/esm/bh-range-slider.entry.js +3 -2
- package/dist/esm/bh-section-footer.entry.js +3 -2
- package/dist/esm/bh-section-header.entry.js +3 -2
- package/dist/esm/bh-selection-group-item.entry.js +2 -1
- package/dist/esm/bh-selection-group.entry.js +3 -2
- package/dist/esm/bh-side-panel-footer.entry.js +1 -1
- package/dist/esm/bh-side-panel-header.entry.js +1 -1
- package/dist/esm/bh-sidebar.entry.js +18 -4
- package/dist/esm/bh-stepper.entry.js +2 -1
- package/dist/esm/bh-tab-item.entry.js +4 -3
- package/dist/esm/bh-table-header.entry.js +3 -2
- package/dist/esm/bh-tabs.entry.js +3 -2
- package/dist/esm/bh-tag-group.entry.js +3 -2
- package/dist/esm/bh-tag-input.entry.js +4 -3
- package/dist/esm/bh-textarea.entry.js +4 -3
- package/dist/esm/bh-toast-container.entry.js +1 -1
- package/dist/esm/bh-toast.entry.js +4 -3
- package/dist/esm/bh-toggle.entry.js +3 -2
- package/dist/esm/bh-trend-chart.entry.js +4 -3
- package/dist/esm/{component-error-handler-BVWQSuxn.js → component-error-handler-bgLpf9Pn.js} +1 -1
- package/dist/esm/error-boundary-afpK3NgJ.js +70 -0
- package/dist/esm/hotkeys-CBTS9Vhx.js +109 -0
- package/dist/esm/index-CTHvNfIu.js +20 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{error-boundary-YLeLKAYJ.js → logger-CMKOFHIa.js} +1 -68
- package/dist/locales/bh-appbar/de.json +4 -1
- package/dist/locales/bh-appbar/en.json +4 -1
- package/dist/locales/bh-appbar/es.json +4 -1
- package/dist/locales/bh-appbar/fr.json +4 -1
- package/dist/locales/bh-appbar/ja.json +4 -1
- package/dist/locales/bh-appbar/pt.json +4 -1
- package/dist/locales/bh-appbar/ru.json +4 -1
- package/dist/locales/bh-appbar/zh.json +4 -1
- package/dist/locales/bh-command-bar/de.json +13 -0
- package/dist/locales/bh-command-bar/en.json +13 -0
- package/dist/locales/bh-command-bar/es.json +13 -0
- package/dist/locales/bh-command-bar/fr.json +13 -0
- package/dist/locales/bh-command-bar/ja.json +13 -0
- package/dist/locales/bh-command-bar/pt.json +13 -0
- package/dist/locales/bh-command-bar/ru.json +13 -0
- package/dist/locales/bh-command-bar/zh.json +13 -0
- package/dist/types/components/bh-activity-feed/bh-activity-feed.d.ts +6 -0
- package/dist/types/components/bh-appbar/bh-appbar.d.ts +38 -0
- package/dist/types/components/bh-appbar/bh-notification-center/bh-notification-center.d.ts +108 -0
- package/dist/types/components/bh-breadcrumbs/bh-breadcrumbs.d.ts +8 -0
- package/dist/types/components/bh-command-bar/bh-command-bar.d.ts +131 -0
- package/dist/types/components/bh-command-bar/bh-command-bar.figma.d.ts +1 -0
- package/dist/types/components/bh-dropdown/bh-dropdown.d.ts +4 -0
- package/dist/types/components/bh-feed-item/bh-feed-item.d.ts +15 -0
- package/dist/types/components/bh-kbd/bh-kbd.d.ts +13 -0
- package/dist/types/components/bh-kbd/bh-kbd.figma.d.ts +1 -0
- package/dist/types/components/bh-property-switcher/bh-property-switcher.d.ts +2 -0
- package/dist/types/components/bh-sidebar/bh-sidebar.d.ts +14 -1
- package/dist/types/components/index.d.ts +3 -0
- package/dist/types/components.d.ts +541 -4
- package/dist/types/index.d.ts +2 -0
- package/dist/types/utils/hotkeys.d.ts +23 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/hydrate/index.js +1021 -189
- package/hydrate/index.mjs +1021 -189
- package/llms.txt +60039 -73679
- package/package.json +1 -1
- package/vscode-data.json +215 -0
- package/components/p-B7i48CAz.js +0 -1
- package/components/p-Bk-ipvH3.js +0 -1
- package/components/p-Cy98fCjm.js +0 -1
- package/components/p-i7ZvTRXV.js +0 -1
- package/dist/bellhop-core/p-008932dc.entry.js +0 -1
- package/dist/bellhop-core/p-03e002af.entry.js +0 -1
- package/dist/bellhop-core/p-062955a0.entry.js +0 -1
- package/dist/bellhop-core/p-0705eb78.entry.js +0 -1
- package/dist/bellhop-core/p-0a1548b0.entry.js +0 -1
- package/dist/bellhop-core/p-0a758a65.entry.js +0 -1
- package/dist/bellhop-core/p-0b3a286d.entry.js +0 -1
- package/dist/bellhop-core/p-0e60f7f5.entry.js +0 -1
- package/dist/bellhop-core/p-105d9352.entry.js +0 -1
- package/dist/bellhop-core/p-11eec77c.entry.js +0 -1
- package/dist/bellhop-core/p-1334408b.entry.js +0 -1
- package/dist/bellhop-core/p-141d68b7.entry.js +0 -1
- package/dist/bellhop-core/p-164db491.entry.js +0 -1
- package/dist/bellhop-core/p-170c4a62.entry.js +0 -1
- package/dist/bellhop-core/p-19739563.entry.js +0 -1
- package/dist/bellhop-core/p-1cfa274f.entry.js +0 -1
- package/dist/bellhop-core/p-1ddb2ef9.entry.js +0 -1
- package/dist/bellhop-core/p-22243198.entry.js +0 -1
- package/dist/bellhop-core/p-23acfc6a.entry.js +0 -1
- package/dist/bellhop-core/p-277693e6.entry.js +0 -1
- package/dist/bellhop-core/p-283eb6ee.entry.js +0 -1
- package/dist/bellhop-core/p-298d6782.entry.js +0 -1
- package/dist/bellhop-core/p-30f1e109.entry.js +0 -1
- package/dist/bellhop-core/p-31e952ed.entry.js +0 -1
- package/dist/bellhop-core/p-3254b058.entry.js +0 -1
- package/dist/bellhop-core/p-332a6b0d.entry.js +0 -1
- package/dist/bellhop-core/p-43c97303.entry.js +0 -1
- package/dist/bellhop-core/p-4b8fe1fa.entry.js +0 -1
- package/dist/bellhop-core/p-4d8b9186.entry.js +0 -1
- package/dist/bellhop-core/p-50b95dc8.entry.js +0 -1
- package/dist/bellhop-core/p-53006e0e.entry.js +0 -1
- package/dist/bellhop-core/p-53683664.entry.js +0 -1
- package/dist/bellhop-core/p-53dc8f16.entry.js +0 -1
- package/dist/bellhop-core/p-54d147b9.entry.js +0 -1
- package/dist/bellhop-core/p-56b090e1.entry.js +0 -1
- package/dist/bellhop-core/p-58eae3e6.entry.js +0 -1
- package/dist/bellhop-core/p-5d43f80b.entry.js +0 -1
- package/dist/bellhop-core/p-61aeccd7.entry.js +0 -1
- package/dist/bellhop-core/p-63303380.entry.js +0 -1
- package/dist/bellhop-core/p-63af6f45.entry.js +0 -1
- package/dist/bellhop-core/p-640aaf14.entry.js +0 -1
- package/dist/bellhop-core/p-6632ba13.entry.js +0 -1
- package/dist/bellhop-core/p-6807b97e.entry.js +0 -1
- package/dist/bellhop-core/p-6a725cbe.entry.js +0 -1
- package/dist/bellhop-core/p-6bfb6425.entry.js +0 -1
- package/dist/bellhop-core/p-6c4eb165.entry.js +0 -1
- package/dist/bellhop-core/p-72cd0a98.entry.js +0 -1
- package/dist/bellhop-core/p-74972e2e.entry.js +0 -1
- package/dist/bellhop-core/p-77a7967d.entry.js +0 -1
- package/dist/bellhop-core/p-79bc0c14.entry.js +0 -1
- package/dist/bellhop-core/p-7f2736ab.entry.js +0 -1
- package/dist/bellhop-core/p-83024333.entry.js +0 -1
- package/dist/bellhop-core/p-8c01d55f.entry.js +0 -1
- package/dist/bellhop-core/p-8d4654ea.entry.js +0 -1
- package/dist/bellhop-core/p-9429002f.entry.js +0 -1
- package/dist/bellhop-core/p-956ca990.entry.js +0 -1
- package/dist/bellhop-core/p-9b0d2d1d.entry.js +0 -1
- package/dist/bellhop-core/p-YLeLKAYJ.js +0 -1
- package/dist/bellhop-core/p-a0005573.entry.js +0 -1
- package/dist/bellhop-core/p-a26f1ec0.entry.js +0 -1
- package/dist/bellhop-core/p-a42cca95.entry.js +0 -1
- package/dist/bellhop-core/p-a7153865.entry.js +0 -1
- package/dist/bellhop-core/p-a7608d57.entry.js +0 -1
- package/dist/bellhop-core/p-a94d36ae.entry.js +0 -1
- package/dist/bellhop-core/p-a9644488.entry.js +0 -1
- package/dist/bellhop-core/p-aac0f3c1.entry.js +0 -1
- package/dist/bellhop-core/p-aae7e90e.entry.js +0 -1
- package/dist/bellhop-core/p-ac2d706c.entry.js +0 -1
- package/dist/bellhop-core/p-b21105d4.entry.js +0 -1
- package/dist/bellhop-core/p-b7995c47.entry.js +0 -1
- package/dist/bellhop-core/p-bacf8b19.entry.js +0 -1
- package/dist/bellhop-core/p-bf2f5dbd.entry.js +0 -1
- package/dist/bellhop-core/p-c10aff52.entry.js +0 -1
- package/dist/bellhop-core/p-c30fcfcb.entry.js +0 -1
- package/dist/bellhop-core/p-c581c876.entry.js +0 -1
- package/dist/bellhop-core/p-c97c166b.entry.js +0 -1
- package/dist/bellhop-core/p-cb19b35b.entry.js +0 -1
- package/dist/bellhop-core/p-cb1dde19.entry.js +0 -1
- package/dist/bellhop-core/p-cf8c9d85.entry.js +0 -1
- package/dist/bellhop-core/p-d3816b20.entry.js +0 -1
- package/dist/bellhop-core/p-d4107350.entry.js +0 -1
- package/dist/bellhop-core/p-d59fdc08.entry.js +0 -1
- package/dist/bellhop-core/p-d77016ec.entry.js +0 -1
- package/dist/bellhop-core/p-dd1e6138.entry.js +0 -1
- package/dist/bellhop-core/p-dd6f2996.entry.js +0 -1
- package/dist/bellhop-core/p-e082bce2.entry.js +0 -1
- package/dist/bellhop-core/p-e0e28b1f.entry.js +0 -1
- package/dist/bellhop-core/p-e4a47861.entry.js +0 -1
- package/dist/bellhop-core/p-e74a03e3.entry.js +0 -1
- package/dist/bellhop-core/p-e9168244.entry.js +0 -1
- package/dist/bellhop-core/p-ea1fe131.entry.js +0 -1
- package/dist/bellhop-core/p-ecf1b0c4.entry.js +0 -1
- package/dist/bellhop-core/p-f16e07ca.entry.js +0 -1
- package/dist/bellhop-core/p-f2d2abb2.entry.js +0 -1
- package/dist/bellhop-core/p-f8f6e900.entry.js +0 -1
- package/dist/bellhop-core/p-fbdeab71.entry.js +0 -1
- package/dist/bellhop-core/p-fcb058cf.entry.js +0 -1
- package/dist/cjs/bh-activity-feed.cjs.entry.js +0 -71
- package/dist/cjs/bh-feed-item.cjs.entry.js +0 -82
- package/dist/esm/bh-activity-feed.entry.js +0 -69
- package/dist/esm/bh-feed-item.entry.js +0 -80
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as o,c as a,h as i,d as t,t as r}from"./p-YZi6LqIt.js";import{c as n,t as c,a as
|
|
1
|
+
import{p as e,H as o,c as a,h as i,d as t,t as r}from"./p-YZi6LqIt.js";import{c as n,t as c,a as d}from"./p-CqAYzGVs.js";import{c as s,g as l}from"./p-YdVz1TeW.js";import{a as h}from"./p-BqJRACkO.js";import{A as m}from"./p-BoVgy_Ao.js";import{c as b,m as p,M as f,r as g}from"./p-BJXjqxlX.js";const u="bh-accordion-item",v=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhToggle=a(this,"bhToggle")}logger=b(u);destroy$=n();focusState=s();value;header;expanded=!1;disabled=!1;isAnimating=!1;bhToggle;focusVersion=0;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(e){const o=e instanceof Error?e:Error(e+"");this.logger.error("Component error caught",o),p.increment(f.COMPONENT_ERROR,{component:u,error_type:o.name}),g(u,e)}handleExpandedChange(){this.isAnimating=!0,this.destroy$&&c(m.ACCORDION,this.destroy$)?.subscribe((()=>{this.isAnimating=!1}))}disconnectedCallback(){d(this.destroy$)}handleHeaderClick=()=>{this.disabled||(this.expanded=!this.expanded,this.bhToggle.emit({value:this.value,expanded:this.expanded}))};handleKeyDown=e=>{this.disabled||h(e)&&(e.preventDefault(),this.handleHeaderClick())};handleFocus=e=>{this.focusState.handleFocus(e)};handleBlur=e=>{this.focusState.handleBlur(e)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const e={"accordion-item":!0,"accordion-item-expanded":this.expanded,"accordion-item-disabled":this.disabled,"accordion-item-animating":this.isAnimating},o=l(this.focusState,"accordion-header"),a={"accordion-header":!0,...this.disabled?{}:o},r=this.expanded?"expand_less":"expand_more";return i(t,{key:"d82a922b41f625b1248368c17a2110d21750fbc5",class:e},i("div",{key:"687ee90838c80ca143a8d09ad0fcde037cdf5c82","aria-controls":"content-"+this.value,"aria-disabled":this.disabled?"true":"false","aria-expanded":this.expanded?"true":"false",class:a,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused+"","data-hovered":this.focusState.isHovered+"",id:"header-"+this.value,onBlur:this.handleBlur,onClick:this.handleHeaderClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"header",role:"button",tabindex:this.disabled?-1:0},i("div",{key:"d49e9935d195158dc6650174ac026c085d7c89e4",class:"accordion-header-content"},i("span",{key:"a001b08616eb0aee016872d245b90a2170ac9648",class:"accordion-title",part:"title"},this.header)),i("span",{key:"83904edf776736ecff2e9e2f100003ed900a4a25",class:"accordion-icon material-symbols-outlined",part:"icon"},r)),i("div",{key:"320ecef3a9c68f018814e7a452177add0d54b6b3","aria-hidden":this.expanded?"false":"true","aria-labelledby":"header-"+this.value,class:"accordion-content",id:"content-"+this.value,part:"content",role:"region"},i("div",{key:"64b99758e415308056f49dfc781da4b401161ff5",class:"accordion-content-inner"},i("slot",{key:"e7d64ed9ad3d1d3be99e6eaa9b03136b90e63bd0"}))))}static get watchers(){return{expanded:[{handleExpandedChange: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:flex;flex-direction:column;width:100%;--bh-accordion-item-bg:var(--color-bg-primary);--bh-accordion-item-border-color:var(--color-border-secondary);--bh-accordion-item-hover-bg:var(--color-bg-secondary);--bh-accordion-item-focus-ring:var(--color-border-interactive);--bh-accordion-item-title-color:var(--color-text-primary);--bh-accordion-item-icon-color:var(--color-text-tertiary);background-color:var(--bh-accordion-item-bg)}}@layer bh-base{.accordion-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl);cursor:pointer;background-color:var(--bh-accordion-item-bg);border:none;border-bottom:1px solid var(--bh-accordion-item-border-color);transition:background-color var(--animation-duration-fast) ease}.accordion-header-content{display:flex;flex-direction:column;gap:var(--spacing-xxs);flex:1;min-width:0}.accordion-title{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--line-height-normal);color:var(--bh-accordion-item-title-color)}.accordion-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size-lg);height:var(--icon-size-lg);font-size:var(--icon-size-lg);color:var(--bh-accordion-item-icon-color);transition:transform var(--animation-duration-normal) ease;flex-shrink:0}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--animation-duration-normal) ease;overflow:hidden}.accordion-content-inner{min-height:0;overflow:hidden}}@layer bh-states{:host(.accordion-item-expanded) .accordion-header{border-bottom-color:transparent}:host(.accordion-item-expanded) .accordion-content{grid-template-rows:1fr}:host(.accordion-item-expanded) .accordion-content-inner{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl);border-bottom:1px solid var(--bh-accordion-item-border-color)}:host(.accordion-item-disabled){opacity:0.5;pointer-events:none}:host(.accordion-item-disabled) .accordion-header{cursor:not-allowed}:host(.accordion-item-animating) .accordion-content-inner{overflow:hidden}.accordion-header:hover{background-color:var(--bh-accordion-item-hover-bg)}.accordion-header:focus{outline:none}.accordion-header:focus-visible{outline:2px solid var(--bh-accordion-item-focus-ring);outline-offset:-2px}}"}},[769,"bh-accordion-item",{value:[1],header:[1],expanded:[1540],disabled:[4],isAnimating:[32],focusVersion:[32]},void 0,{expanded:[{handleExpandedChange:0}]}]),x=v,y=function(){"undefined"!=typeof customElements&&["bh-accordion-item"].forEach((e=>{"bh-accordion-item"===e&&(customElements.get(r(e))||customElements.define(r(e),v))}))};export{x as BhAccordionItem,y as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{B as o,d as s}from"./p-Bh0oD_Yf.js";const p=o,r=s;export{p as BhActivityFeed,r as defineCustomElement}
|
package/components/bh-alert.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as r,c as a,h as t,d as i,t as o}from"./p-YZi6LqIt.js";import{d as l}from"./p-
|
|
1
|
+
import{p as e,H as r,c as a,h as t,d as i,t as o}from"./p-YZi6LqIt.js";import{d as l}from"./p-BI2Y2Le4.js";import{d as s}from"./p-CClVva-u.js";import{d as n}from"./p-2SnKTVal.js";import{d as c}from"./p-Dzlsnb7d.js";import{d as b}from"./p-BbPrWlsw.js";import{c as d,m as h,M as p,r as f}from"./p-BJXjqxlX.js";import{B as m,r as u}from"./p-BNVOtH-1.js";import{i as g}from"./p-BqJRACkO.js";const x="bh-alert",v="info",y=new Map([["primary","new_releases"],["success","check_circle"],["error","error"],["warning","warning"],["feature","rocket_launch"],["default",v],["neutral",v]]),w=new Map([["primary","brand"],["success","success"],["error","error"],["warning","warning"],["feature","highlight"],["default","gray"],["neutral","gray"]]),k=new Map([["primary","filled"],["success","filled"],["error","filled"],["warning","filled"],["feature","filled"],["default","filled"],["neutral","filled"]]),C=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhAction=a(this,"bhAction"),this.bhClose=a(this,"bhClose")}logger=d(x);i18nUnsubscribe;_i18nVersion=0;variant="default";layout="inline";alertTitle="";description="";actionText="";dismissText="";dismissible=!0;icon="";closeAriaLabel="Close alert";bhAction;bhClose;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),h.increment(p.COMPONENT_ERROR,{component:x,error_type:e instanceof Error?e.name:"unknown"}),f(x,e)}componentWillLoad(){this.i18nUnsubscribe=m.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleKeyDown=e=>{g(e)&&this.dismissible&&(e.preventDefault(),this.bhClose.emit())};getDismissHierarchy(){return"infobanner"===this.layout?"secondary":"quaternary"}getActionHierarchy(){return"infobanner"===this.layout?"primary":"quaternary"}getIconName(){return this.icon?this.icon:y.get(this.variant)??v}getIconColor(){return w.get(this.variant)??"gray"}getIconStyle(){return k.get(this.variant)??"filled"}getRole(){return"error"===this.variant||"warning"===this.variant?"alert":"status"}handleAction=()=>{this.bhAction.emit({action:"primary"})};handleClose=()=>{this.bhClose.emit()};render(){return t(i,{key:"55d6ad87b50e7634e3466e21d9ed245e0dc62229"},t("div",{key:"407dc1b400fa8379736dc01ec6ed9e4b726517ef",class:{alert:!0,["alert-"+this.variant]:!0,["alert-"+this.layout]:!0},onKeyDown:this.handleKeyDown,part:"container",role:this.getRole(),tabindex:this.dismissible?0:void 0},t("div",{key:"47d1095bf16cfeadbe63847cdcea22deb888a3ac",class:"alert-content",part:"content"},t("div",{key:"1a48ec2a4445183ea60c965d2a4b5928e949c17a",class:"alert-icon-wrapper",part:"icon-wrapper"},t("bh-featured-icon",{key:"93f6ddeec2d24a91a21cadddca1cae6375a94586",color:this.getIconColor(),icon:this.getIconName(),iconStyle:this.getIconStyle(),size:"sm"})),t("div",{key:"13be59ed0aeb6658b497821eb5686ac98c35fc90",class:"alert-text",part:"text"},t("div",{key:"336304cd71ace98ba51c83fff6b8995472fdca3f",class:"alert-text-wrapper"},this.alertTitle&&t("h3",{key:"f93f8142795ffa6315a8117918ef29c8c4d9bed0",class:"alert-title",part:"title"},this.alertTitle),this.description&&t("p",{key:"22d55ee48be642e9eabb0d778f2e3ef89439de30",class:"alert-description",part:"description"},this.description)),(this.actionText||this.dismissText)&&t("div",{key:"33528517596dd9ee4be2a8437ac38ac63cea0364",class:"alert-actions",part:"actions"},this.dismissText&&t("bh-button",{key:"aa0b58aab0d8746698dd3fe9b964815c1d08b593",hierarchy:this.getDismissHierarchy(),icon:"none",label:this.dismissText,onBhClick:this.handleClose,size:"sm"}),this.actionText&&t("bh-button",{key:"4683ee0bb16283d278fc834085071d5433f49a12",hierarchy:this.getActionHierarchy(),icon:"none",label:this.actionText,onBhClick:this.handleAction,size:"sm"})))),this.dismissible&&t("div",{key:"56b937385a3b4837d17b35d398bb9ac6dbf30eed",class:"alert-close",part:"close"},t("bh-close-button",{key:"abdde420862fa5027a24210d854d98e8c2b00511",ariaLabel:u(x,"closeAriaLabel",this.closeAriaLabel,"Close alert"),onClick:this.handleClose}))))}static get style(){return" :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-alert-bg: var(--color-bg-primary); --bh-alert-border-color: var(--color-border-secondary); --bh-alert-border-radius: var(--radius-lg); --bh-alert-shadow: var(--shadow-sm); --bh-alert-title-color: var(--color-text-primary); --bh-alert-description-color: var(--color-text-secondary); } } @layer bh-base { .alert { display: flex; align-items: flex-start; gap: var(--spacing-xl); padding: var(--spacing-xl); background: var(--bh-alert-bg); border: 1px solid var(--bh-alert-border-color); border-radius: var(--bh-alert-border-radius); box-shadow: var(--bh-alert-shadow); position: relative; } .alert-content { display: flex; gap: var(--spacing-lg); flex: 1; min-width: 0; } .alert-icon-wrapper { flex-shrink: 0; } .alert-text { display: flex; flex-direction: column; gap: var(--spacing-lg); flex: 1; min-width: 0; } .alert-text-wrapper { display: flex; flex-direction: column; gap: var(--spacing-xs); padding-right: var(--spacing-5xl); } .alert-title { font-size: var(--text-sm-size); font-weight: var(--weight-semibold); color: var(--bh-alert-title-color); margin: 0; line-height: var(--line-height-normal); } .alert-description { font-size: var(--text-sm-size); font-weight: var(--weight-regular); color: var(--bh-alert-description-color); margin: 0; line-height: var(--line-height-normal); } .alert-actions { display: flex; gap: var(--spacing-lg); } .alert-close { position: absolute; top: var(--spacing-lg); right: var(--spacing-lg); } } @layer bh-variants { .alert-primary { --bh-alert-bg: var(--color-brand-50); --bh-alert-border-color: var(--color-brand-300); } .alert-error { --bh-alert-bg: var(--color-error-50); --bh-alert-border-color: var(--color-error-300); } .alert-warning { --bh-alert-bg: var(--color-warning-50); --bh-alert-border-color: var(--color-warning-300); } .alert-success { --bh-alert-bg: var(--color-success-50); --bh-alert-border-color: var(--color-success-300); } .alert-feature { --bh-alert-bg: var(--color-purple-50); --bh-alert-border-color: var(--color-purple-300); } .alert-default, .alert-neutral { --bh-alert-bg: var(--color-bg-primary); --bh-alert-border-color: var(--color-border-secondary); } .alert-infobanner { border-radius: 0; border: none; border-bottom: 1px solid var(--bh-alert-border-color); box-shadow: none; width: 100%; } .alert-infobanner .alert-text-wrapper { flex-direction: row; flex-wrap: wrap; gap: var(--spacing-xs); } .alert-infobanner .alert-actions { margin-left: auto; } } @layer bh-utilities { @media (max-width: 768px) { .alert-inline { border-radius: var(--radius-md); } .alert-inline .alert-title, .alert-inline .alert-description { font-size: var(--text-xs-size); } .alert-infobanner .alert-content { flex-direction: column; } .alert-infobanner .alert-text-wrapper { flex-direction: column; } .alert-infobanner .alert-actions { flex-direction: column; width: 100%; margin-left: 0; } } }"}},[513,"bh-alert",{variant:[1],layout:[513],alertTitle:[1,"alert-title"],description:[1],actionText:[1,"action-text"],dismissText:[1,"dismiss-text"],dismissible:[4],icon:[1],closeAriaLabel:[1,"close-aria-label"],_i18nVersion:[32]}]),E=C,j=function(){"undefined"!=typeof customElements&&["bh-alert","bh-button","bh-button-icon","bh-close-button","bh-featured-icon","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-alert":customElements.get(o(e))||customElements.define(o(e),C);break;case"bh-button":customElements.get(o(e))||l();break;case"bh-button-icon":customElements.get(o(e))||s();break;case"bh-close-button":customElements.get(o(e))||n();break;case"bh-featured-icon":customElements.get(o(e))||c();break;case"bh-loader-spinner":customElements.get(o(e))||b()}}))};export{E as BhAlert,j as defineCustomElement}
|
package/components/bh-appbar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as a,c as i,h as t,d as o,t as s}from"./p-YZi6LqIt.js";import{d as r}from"./p-Bk-ipvH3.js";import{d as n}from"./p-i7ZvTRXV.js";import{d as c}from"./p-cD3vmu49.js";import{d as b}from"./p-BbPrWlsw.js";import{c as l,m as d,M as p,r as h}from"./p-BJXjqxlX.js";import{B as f,r as m}from"./p-BNVOtH-1.js";const g=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhToggle=i(this,"bhToggle"),this.bhItemClick=i(this,"bhItemClick"),this.bhAction=i(this,"bhAction")}logger=l("bh-appbar");i18nUnsubscribe;_i18nVersion=0;isMenuOpen=!1;openMenuAriaLabel="Open menu";closeMenuAriaLabel="Close menu";logoSrc;logoAlt="Solstice";breadcrumbItems=[{label:"Dashboard",path:"/dashboard"},{label:"Dashboards",isActive:!0}];notificationCount=0;showBreadcrumbHome=!0;bhToggle;bhItemClick;bhAction;componentWillLoad(){this.i18nUnsubscribe=f.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),d.increment(p.COMPONENT_ERROR,{component:"bh-appbar",error_type:e instanceof Error?e.name:"unknown"}),h("bh-appbar",e)}handleMenuToggle=()=>{this.isMenuOpen=!this.isMenuOpen,this.bhToggle.emit({expanded:this.isMenuOpen})};handleBreadcrumbClick=e=>{e.path&&!e.isActive&&this.bhItemClick.emit(e)};handleNotificationClick=()=>{};handleCalendarClick=()=>{this.bhAction.emit({action:"calendar"})};handleSettingsClick=()=>{};render(){return t(o,{key:"129e250eeb5361cf8792338de4440fe6982fcbdc"},t("header",{key:"9ebf5d95d4170a30cb6ec1bfd39e7571b4916e91",class:"appbar",part:"header",role:"banner"},t("div",{key:"72d6ad7a3ee8b00cc1e96cc9a9f7d904258270ef",class:"left-section",part:"left-section"},t("bh-button-icon",{key:"8ba7db5071f2df0726b9f7faa83a3f4c307c0f52",ariaLabel:this.isMenuOpen?m("bh-appbar","closeMenuAriaLabel",this.closeMenuAriaLabel,"Close menu"):m("bh-appbar","openMenuAriaLabel",this.openMenuAriaLabel,"Open menu"),hierarchy:"tertiary",iconName:this.isMenuOpen?"left_panel_close":"left_panel_open",onClick:this.handleMenuToggle,size:"sm"}),this.logoSrc&&t("div",{key:"83365a303c79b7514715128750294c14144f404d",class:"logo"},t("img",{key:"2e30cd3618df5d61f91e9f892c23b2efe059c908",alt:m("bh-appbar","logoAlt",this.logoAlt,"Solstice"),class:"logo-image",src:this.logoSrc})),t("slot",{key:"db5d6f272860d9a45188a107fb4e95b15dc35390",name:"property-switcher"}),t("bh-breadcrumbs",{key:"e559c3f690ff6a029e6015de7ee4fa79bfa0c1b3",items:this.breadcrumbItems,onBhItemClick:e=>this.handleBreadcrumbClick(e.detail),showHome:this.showBreadcrumbHome})),t("div",{key:"9f270400a3b727988ce8d23416c9939416d7d7a5",class:"right-section",part:"right-section"},t("slot",{key:"df4dec79ef5b1655b4da122c0202558b3531be1e",name:"actions"}),t("div",{key:"7e5448f27626c00b9d4981c5d86249c68ff475e8",class:"icon-button-wrapper"},t("bh-button-icon",{key:"0bb109cecbdd1efb81bf996d272e7fc983f9174f",ariaLabel:"Calendar",hierarchy:"tertiary",iconName:"calendar_today",onClick:this.handleCalendarClick,size:"sm"}),t("bh-badge-dot",{key:"cbb6dc7208fa02e58cc557d6634def7632fbb2fb",class:"icon-badge-dot",color:"success",outline:!0,size:"sm"})),t("div",{key:"8597286d8e35d7798dc24eec41ff561ce5e1ae41",class:"icon-button-wrapper"},t("bh-button-icon",{key:"98284f1621d628733f1045089af4f5a9f99ab5da",ariaLabel:"Settings",hierarchy:"tertiary",iconName:"settings",onClick:this.handleSettingsClick,size:"sm"}),t("bh-badge-dot",{key:"628812cf1cf5e3b68d2a838fad9e92a4feb11078",class:"icon-badge-dot",color:"blue",outline:!0,size:"sm"})),t("div",{key:"47df390313bce50ded59d413ebd4dc4b803cb94d",class:"icon-button-wrapper"},t("bh-button-icon",{key:"b11cb886e8b77c5cbee7f10b72d38fe1aed1f2a1",ariaLabel:this.notificationCount>0?`Notifications (${this.notificationCount} new)`:"Notifications",hierarchy:"tertiary",iconName:"notifications",onClick:this.handleNotificationClick,size:"sm"}),this.notificationCount>0&&t("bh-badge-dot",{key:"deb97ba1ab11753c4e6fbaf2225f897c584c9ef2",class:"icon-badge-dot",color:"error",outline:!0,size:"sm"})),t("div",{key:"a05fa745aef53894339be58098729d3c82228314","aria-atomic":"true","aria-live":"polite",class:"sr-only",part:"notification-live-region"},this.notificationCount>0?`${this.notificationCount} new notification${1===this.notificationCount?"":"s"}`:"No new notifications"))))}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 { --bh-appbar-bg: var(--color-bg-primary); --bh-appbar-border-color: var(--color-border-secondary); --bh-appbar-logo-color: var(--color-text-interactive); } } @layer bh-base { .appbar { display: flex; align-items: center; justify-content: space-between; height: var(--bh-avatar-size-xl); padding: 0 var(--spacing-sm); background-color: var(--bh-appbar-bg); border-bottom: 1px solid var(--bh-appbar-border-color); font-family: var(--font-inter); position: sticky; top: 0; z-index: var(--bh-z-index-fixed); box-sizing: border-box; user-select: none; } .left-section { display: flex; align-items: center; gap: var(--spacing-xl); flex-shrink: 0; } .logo { display: flex; align-items: center; justify-content: center; width: var(--spacing-5xl); height: var(--spacing-5xl); color: var(--bh-appbar-logo-color); } .logo-image { width: var(--icon-size-3xl); height: var(--icon-size-3xl); object-fit: contain; } .right-section { display: flex; align-items: center; gap: var(--spacing-md); flex-shrink: 0; } ::slotted([slot=actions]) { display: flex; align-items: center; gap: var(--spacing-md); } .icon-button-wrapper { position: relative; } .icon-badge-dot { position: absolute; top: calc(-1 * var(--spacing-md)); right: var(--spacing-xxs); } } @layer bh-utilities { @media (max-width: 768px) { .appbar { padding: 0 var(--spacing-xl); } .left-section { gap: var(--spacing-lg); } } @media (max-width: 480px) { .appbar { padding: 0 var(--spacing-lg); } .right-section { gap: var(--spacing-xs); } } }"}},[769,"bh-appbar",{isMenuOpen:[1540,"is-menu-open"],openMenuAriaLabel:[1,"open-menu-aria-label"],closeMenuAriaLabel:[1,"close-menu-aria-label"],logoSrc:[1,"logo-src"],logoAlt:[1,"logo-alt"],breadcrumbItems:[16],notificationCount:[2,"notification-count"],showBreadcrumbHome:[4,"show-breadcrumb-home"],_i18nVersion:[32]}]),u=g,y=function(){"undefined"!=typeof customElements&&["bh-appbar","bh-badge-dot","bh-breadcrumbs","bh-button-icon","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-appbar":customElements.get(s(e))||customElements.define(s(e),g);break;case"bh-badge-dot":customElements.get(s(e))||r();break;case"bh-breadcrumbs":customElements.get(s(e))||n();break;case"bh-button-icon":customElements.get(s(e))||c();break;case"bh-loader-spinner":customElements.get(s(e))||b()}}))};export{u as BhAppbar,y as defineCustomElement}
|
|
1
|
+
import{p as e,H as a,c as t,h as i,d as o,t as n}from"./p-YZi6LqIt.js";import{d as s}from"./p-Bh0oD_Yf.js";import{d as c}from"./p-DJlRFgcj.js";import{d as r}from"./p-DUm7JrA0.js";import{d as b}from"./p-Be6mIKzo.js";import{d as l}from"./p-DKWhUGrV.js";import{d as h}from"./p-BI2Y2Le4.js";import{d}from"./p-CClVva-u.js";import{d as p}from"./p-2SnKTVal.js";import{d as f}from"./p-Dzlsnb7d.js";import{d as m}from"./p-B8HxD-vO.js";import{d as g}from"./p-BbPrWlsw.js";import{d as u}from"./p-CvsupUaF.js";import{c as k,m as y,M as v,r as x}from"./p-BJXjqxlX.js";import{B as w,r as C}from"./p-BNVOtH-1.js";const A=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhToggle=t(this,"bhToggle"),this.bhItemClick=t(this,"bhItemClick"),this.bhAction=t(this,"bhAction")}logger=k("bh-appbar");i18nUnsubscribe;_i18nVersion=0;isMenuOpen=!1;openMenuAriaLabel="Open menu";closeMenuAriaLabel="Close menu";logoSrc;logoAlt="Solstice";breadcrumbItems=[{label:"Dashboard",path:"/dashboard"},{label:"Dashboards",isActive:!0}];notificationCount=0;showBreadcrumbHome=!0;showCalendar=!0;showSettings=!0;showNotifications=!0;notificationBadge="dot";notifications;notificationsAriaLabel="Notifications";notificationsAnnouncement="{{count}} new notifications";noNotificationsAnnouncement="No new notifications";bhToggle;bhItemClick;bhAction;componentWillLoad(){this.i18nUnsubscribe=w.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),y.increment(v.COMPONENT_ERROR,{component:"bh-appbar",error_type:e instanceof Error?e.name:"unknown"}),x("bh-appbar",e)}handleMenuToggle=()=>{this.isMenuOpen=!this.isMenuOpen,this.bhToggle.emit({expanded:this.isMenuOpen})};handleBreadcrumbClick=e=>{e.path&&!e.isActive&&this.bhItemClick.emit(e)};handleNotificationClick=()=>{this.bhAction.emit({action:"notifications"})};handleCalendarClick=()=>{this.bhAction.emit({action:"calendar"})};handleSettingsClick=()=>{this.bhAction.emit({action:"settings"})};notificationAnnouncement(){return this.notificationCount>0?C("bh-appbar","notificationsAnnouncement",this.notificationsAnnouncement,"{{count}} new notifications").replace("{{count}}",this.notificationCount+""):C("bh-appbar","noNotificationsAnnouncement",this.noNotificationsAnnouncement,"No new notifications")}render(){return i(o,{key:"fae737fd6bd652262a50fe772c6d747665320bae"},i("header",{key:"ee050d082b31aacfa3cfac28c41194ba542bbb10",class:"appbar",part:"header",role:"banner"},i("div",{key:"de0b399c07780c4c3c1a80c3a2e51c5a38139bf9",class:"left-section",part:"left-section"},i("bh-button-icon",{key:"e69b1989ac771ae1dfb17f608098be3163433593",ariaLabel:this.isMenuOpen?C("bh-appbar","closeMenuAriaLabel",this.closeMenuAriaLabel,"Close menu"):C("bh-appbar","openMenuAriaLabel",this.openMenuAriaLabel,"Open menu"),hierarchy:"tertiary",iconName:this.isMenuOpen?"left_panel_close":"left_panel_open",onClick:this.handleMenuToggle,size:"sm"}),this.logoSrc&&i("div",{key:"a7128b21be6c890bdff308af74b3c9f5b34d1ac3",class:"logo"},i("img",{key:"5553c2777fe290ae08c24b34df5833451da95dd1",alt:C("bh-appbar","logoAlt",this.logoAlt,"Solstice"),class:"logo-image",src:this.logoSrc})),i("slot",{key:"0d5e2b11736ccbe69ccafc1db6cb0db608b00d98",name:"property-switcher"}),i("slot",{key:"035ec16e4dd285cd415b2018048b983178daf104",name:"breadcrumb"},i("bh-breadcrumbs",{key:"2544b67f1cc428a097ee9bfbcf98d2bdc1135048",items:this.breadcrumbItems,onBhItemClick:e=>this.handleBreadcrumbClick(e.detail),showHome:this.showBreadcrumbHome}))),i("div",{key:"13f1b1304a2779d82e1913149400ac6910261c39",class:"right-section",part:"right-section"},i("slot",{key:"bcd44a315dbf486913727354368bf5896321bab3",name:"actions"}),this.showCalendar&&i("slot",{key:"d81f877985b0a33b9b0c60f62c9e868b27f48bde",name:"calendar-action"},i("div",{key:"97fbe4205b82f386458ee0fd6bca33df706e4041",class:"icon-button-wrapper"},i("bh-button-icon",{key:"20ebeb4cc3dab4830cb09887fe6822279eae906b",ariaLabel:"Calendar",hierarchy:"tertiary",iconName:"calendar_today",onClick:this.handleCalendarClick,size:"sm"}),i("bh-badge-dot",{key:"444fe1c20f8686c9150e749e580ef5ef947924d1",class:"icon-badge-dot",color:"success",outline:!0,size:"sm"}))),this.showSettings&&i("slot",{key:"06cacd66349b11b634b6b50a6f234cd3981ce205",name:"settings-action"},i("div",{key:"31fcabb84e93e329fbd336fa5b29e29d1fa215d8",class:"icon-button-wrapper"},i("bh-button-icon",{key:"469baf5832cfb5ec12843e02900f527f251009ea",ariaLabel:"Settings",hierarchy:"tertiary",iconName:"settings",onClick:this.handleSettingsClick,size:"sm"}),i("bh-badge-dot",{key:"df04da757acdf33d55c002034e12305e3a5a23e3",class:"icon-badge-dot",color:"blue",outline:!0,size:"sm"}))),this.showNotifications&&void 0!==this.notifications&&i("slot",{key:"1661133fd56ca74fdf2b4ae59d0f6e34da93633e",name:"notifications-action"},i("bh-notification-center",{key:"8159626a0ed74847d263ec66e5257ffc7d39c485",notifications:this.notifications})),this.showNotifications&&void 0===this.notifications&&i("slot",{key:"67a6e116a630d36bec72585c157291f4b80a3359",name:"notifications-action"},i("div",{key:"b67fe03724f8325b891fcc057a6d68107cbef300",class:"icon-button-wrapper"},i("bh-button-icon",{key:"271b3fe7ce69a0b94228428521b2f5f52f33a443",ariaLabel:this.notificationCount>0?`${C("bh-appbar","notificationsAriaLabel",this.notificationsAriaLabel,"Notifications")} (${this.notificationCount})`:C("bh-appbar","notificationsAriaLabel",this.notificationsAriaLabel,"Notifications"),hierarchy:"tertiary",iconName:"notifications",onClick:this.handleNotificationClick,size:"sm"}),this.notificationCount>0&&("count"===this.notificationBadge?i("bh-badge",{class:"icon-badge-count",emphasis:"high",label:this.notificationCount+"",size:"sm",variant:"error"}):i("bh-badge-dot",{class:"icon-badge-dot",color:"error",outline:!0,size:"sm"})))),void 0===this.notifications&&i("div",{key:"3cb9d0a8bd66dddb418daa407a524e741fe79ba0","aria-atomic":"true","aria-live":"polite",class:"sr-only",part:"notification-live-region"},this.notificationAnnouncement()))))}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; } } :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 { --bh-appbar-bg: var(--color-bg-primary); --bh-appbar-border-color: var(--color-border-secondary); --bh-appbar-logo-color: var(--color-text-interactive); } } @layer bh-base { .appbar { display: flex; align-items: center; justify-content: space-between; height: var(--bh-avatar-size-xl); padding: 0 var(--spacing-xl) 0 var(--spacing-sm); background-color: var(--bh-appbar-bg); border-bottom: 1px solid var(--bh-appbar-border-color); font-family: var(--font-inter); position: sticky; top: 0; z-index: var(--bh-z-index-fixed); box-sizing: border-box; user-select: none; } .left-section { display: flex; align-items: center; gap: var(--spacing-xl); flex-shrink: 0; } .logo { display: flex; align-items: center; justify-content: center; width: var(--spacing-5xl); height: var(--spacing-5xl); color: var(--bh-appbar-logo-color); } .logo-image { width: var(--icon-size-3xl); height: var(--icon-size-3xl); object-fit: contain; } .right-section { display: flex; align-items: center; gap: var(--spacing-md); flex-shrink: 0; } ::slotted([slot=actions]) { display: flex; align-items: center; gap: var(--spacing-md); } .icon-button-wrapper { position: relative; } .icon-badge-dot { position: absolute; top: calc(-1 * var(--spacing-md)); right: var(--spacing-xxs); } .icon-badge-count { position: absolute; top: var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm))); right: var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm))); opacity: 0.8; pointer-events: none; } .icon-badge-count:hover { opacity: 1; } .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-utilities { @media (max-width: 768px) { .appbar { padding: 0 var(--spacing-xl); } .left-section { gap: var(--spacing-lg); } } @media (max-width: 480px) { .appbar { padding: 0 var(--spacing-lg); } .right-section { gap: var(--spacing-xs); } } }'}},[769,"bh-appbar",{isMenuOpen:[1540,"is-menu-open"],openMenuAriaLabel:[1,"open-menu-aria-label"],closeMenuAriaLabel:[1,"close-menu-aria-label"],logoSrc:[1,"logo-src"],logoAlt:[1,"logo-alt"],breadcrumbItems:[16],notificationCount:[2,"notification-count"],showBreadcrumbHome:[4,"show-breadcrumb-home"],showCalendar:[4,"show-calendar"],showSettings:[4,"show-settings"],showNotifications:[4,"show-notifications"],notificationBadge:[1,"notification-badge"],notifications:[1],notificationsAriaLabel:[1,"notifications-aria-label"],notificationsAnnouncement:[1,"notifications-announcement"],noNotificationsAnnouncement:[1,"no-notifications-announcement"],_i18nVersion:[32]}]),j=A,E=function(){"undefined"!=typeof customElements&&["bh-appbar","bh-activity-feed","bh-avatar","bh-badge","bh-badge-dot","bh-breadcrumbs","bh-button","bh-button-icon","bh-close-button","bh-featured-icon","bh-feed-item","bh-loader-spinner","bh-notification-center"].forEach((e=>{switch(e){case"bh-appbar":customElements.get(n(e))||customElements.define(n(e),A);break;case"bh-activity-feed":customElements.get(n(e))||s();break;case"bh-avatar":customElements.get(n(e))||c();break;case"bh-badge":customElements.get(n(e))||r();break;case"bh-badge-dot":customElements.get(n(e))||b();break;case"bh-breadcrumbs":customElements.get(n(e))||l();break;case"bh-button":customElements.get(n(e))||h();break;case"bh-button-icon":customElements.get(n(e))||d();break;case"bh-close-button":customElements.get(n(e))||p();break;case"bh-featured-icon":customElements.get(n(e))||f();break;case"bh-feed-item":customElements.get(n(e))||m();break;case"bh-loader-spinner":customElements.get(n(e))||g();break;case"bh-notification-center":customElements.get(n(e))||u()}}))};export{j as BhAppbar,E as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as
|
|
1
|
+
import{B as r,d as s}from"./p-C4rAmars.js";const o=r,a=s;export{o as BhAvatarAdd,a as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,H as t,c as e,h as s,d as r,t as o}from"./p-YZi6LqIt.js";import{d as i}from"./p-
|
|
1
|
+
import{p as a,H as t,c as e,h as s,d as r,t as o}from"./p-YZi6LqIt.js";import{d as i}from"./p-DJlRFgcj.js";import{d}from"./p-C4rAmars.js";import{d as n}from"./p-D6aw0IK6.js";import{c as h,m as c,M as l,r as m}from"./p-BJXjqxlX.js";import{B as b,r as v}from"./p-BNVOtH-1.js";import{v as p}from"./p-DlPm3fIV.js";const f=new Map([["xs",24],["sm",32],["md",40],["lg",48],["xl",56],["2xl",64]]),u=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhError=e(this,"bhError")}logger=h("bh-avatar-stacked");i18nUnsubscribe;_i18nVersion=0;size="md";avatars="[]";maxVisible=10;showAddButton=!0;addTooltipText="Add member";hoveredIndex=-1;addButtonHovered=!1;bhError;componentWillLoad(){this.i18nUnsubscribe=b.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:Error(a+"")),c.increment(l.COMPONENT_ERROR,{component:"bh-avatar-stacked",error_type:a instanceof Error?a.name:"unknown"}),m("bh-avatar-stacked",a),this.bhError.emit({error:a})}getParsedAvatars(){if(Array.isArray(this.avatars))return this.avatars;const a=p(this.avatars);return a.valid?a.value??[]:(this.logger.warn("Invalid avatars JSON:",{errors:a.errors}),[])}getAvatarSize(){return f.get(this.size)??40}getOffset(){const a=this.getAvatarSize();return Math.floor(.3*a)}mapAvatarType(a){return"icon"===a?"placeholder":a}handleAvatarMouseEnter=a=>{this.hoveredIndex=a};handleAvatarMouseLeave=()=>{this.hoveredIndex=-1};handleAddButtonMouseEnter=()=>{this.addButtonHovered=!0};handleAddButtonMouseLeave=()=>{this.addButtonHovered=!1};render(){const a=this.getParsedAvatars(),t=a.slice(0,this.maxVisible-1),e=a.length-(this.maxVisible-1),o=e>0,i=this.getOffset(),d=t.length>0,n=a=>({marginLeft:a>0?`-${i}px`:"0"}),h=a=>({marginLeft:a?`-${i}px`:"0"});return s(r,{key:"362579a44a7aca27baf18bc48f0a74356f518a53"},s("div",{key:"e71ce5bcb57961c1662b6d4c6fd6422ac0d4fa92",class:"avatar-stacked avatar-stacked-"+this.size,part:"container"},t.map(((a,t)=>s("div",{class:"avatar-item",key:"avatar-"+t,onMouseEnter:()=>this.handleAvatarMouseEnter(t),onMouseLeave:this.handleAvatarMouseLeave,style:n(t)},s("bh-avatar",{alt:a.text||"Avatar",imageSrc:a.imageSrc,size:this.size,text:a.text||"?",variant:this.mapAvatarType(a.type)}),a.tooltipText&&s("bh-tooltip",{placement:"bottom",text:a.tooltipText,visible:this.hoveredIndex===t})))),o&&s("div",{key:"d5d1fea3392c84fa8eba0ef87db9e1da3221ad73",class:"avatar-item",style:h(d)},s("bh-avatar",{key:"7df4ff15b80d56e56d504b9c4062d68e83dd1ab3",alt:e+" more",size:this.size,text:"+"+e,variant:"text"})),this.showAddButton&&s("div",{key:"31e64a100a3ff8d86ceda5c3f884033d72d79495",class:"avatar-item",onMouseEnter:this.handleAddButtonMouseEnter,onMouseLeave:this.handleAddButtonMouseLeave,style:h(d||o)},s("bh-avatar-add",{key:"d01d98af39f2f648b10d8f7b61337d325ac9d976",showTooltip:!0,size:this.size,tooltipText:v("bh-avatar-stacked","addTooltipText",this.addTooltipText,"Add member")}))))}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-stacked-border-color:var(--color-bg-primary)}}@layer bh-base{.avatar-stacked{display:flex;align-items:center}.avatar-item{position:relative;display:inline-flex;}.avatar-item bh-avatar,.avatar-item bh-avatar-add{box-shadow:0 0 0 2px var(--bh-avatar-stacked-border-color);border-radius:50%}}'}},[513,"bh-avatar-stacked",{size:[1],avatars:[1],maxVisible:[2,"max-visible"],showAddButton:[4,"show-add-button"],addTooltipText:[1,"add-tooltip-text"],_i18nVersion:[32],hoveredIndex:[32],addButtonHovered:[32]}]),k=u,y=function(){"undefined"!=typeof customElements&&["bh-avatar-stacked","bh-avatar","bh-avatar-add","bh-tooltip"].forEach((a=>{switch(a){case"bh-avatar-stacked":customElements.get(o(a))||customElements.define(o(a),u);break;case"bh-avatar":customElements.get(o(a))||i();break;case"bh-avatar-add":customElements.get(o(a))||d();break;case"bh-tooltip":customElements.get(o(a))||n()}}))};export{k as BhAvatarStacked,y as defineCustomElement}
|
package/components/bh-avatar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-DJlRFgcj.js";const p=o,r=s;export{p as BhAvatar,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as
|
|
1
|
+
import{B as o,d as s}from"./p-Be6mIKzo.js";const m=o,p=s;export{m as BhBadgeDot,p as defineCustomElement}
|
package/components/bh-badge.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as
|
|
1
|
+
import{B as o,d as r}from"./p-DUm7JrA0.js";const s=o,m=r;export{s as BhBadge,m as defineCustomElement}
|
package/components/bh-banner.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as a,H as e,c as n,h as r,d as i,t}from"./p-YZi6LqIt.js";import{d as s}from"./p-CClVva-u.js";import{d as o}from"./p-2SnKTVal.js";import{d as c}from"./p-BbPrWlsw.js";import{c as l,m as b,M as d,r as h}from"./p-BJXjqxlX.js";import{B as m,r as p}from"./p-BNVOtH-1.js";const f="bh-banner",g=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhClose=n(this,"bhClose"),this.bhAction=n(this,"bhAction")}logger=l(f);i18nUnsubscribe;_i18nVersion=0;heading="";description="";imageSrc="";imageAlt="";variant="horizontal";showDismiss=!1;dismissAriaLabel="Dismiss banner";bhClose;bhAction;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:Error(a+"")),b.increment(d.COMPONENT_ERROR,{component:f,error_type:a instanceof Error?a.name:"unknown"}),h(f,a)}componentWillLoad(){this.i18nUnsubscribe=m.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleDismiss=()=>{this.bhClose.emit()};handleActionClick=a=>{a.stopPropagation(),this.bhAction.emit({action:"primary"})};renderMedia(){return r("div",{class:"banner-media",part:"media"},this.imageSrc?r("img",{alt:this.imageAlt,class:"banner-image",part:"image",src:this.imageSrc}):r("slot",{name:"media"}))}render(){const a=!!this.imageSrc;return r(i,{key:"f61560c82138e3fccc2a3a9236f5235ecb1847b2"},r("div",{key:"8a8f37d7a59cbdb6e04f7a3d60d53a108ed63a79","aria-label":this.heading||"Banner",class:{banner:!0,["banner-"+this.variant]:!0,"banner-with-media":a},part:"container",role:"region"},a&&this.renderMedia(),r("div",{key:"a5378ca0755d8fa23b940a4c8893590b139005db",class:"banner-content",part:"content"},r("div",{key:"943dfa074273d6de8ef68706c1c6305878fac47b",class:"banner-body",part:"body"},r("div",{key:"c40d87d74a11df3b512e37476f968334cf733081",class:"banner-text",part:"text"},this.heading&&r("h3",{key:"f251f4f656b2e75bd8ccfc13f707f73e40c60bd9",class:"banner-heading",part:"heading"},this.heading),this.description&&r("p",{key:"322110ba3ab9c0c02bfbc4fcd4bae618c3cbbecb",class:"banner-description",part:"description"},this.description)),r("slot",{key:"cfd8adc5a3a8f299cb95381910282ae111fcfba9"})),r("div",{key:"e62fd391857817eae156462efd7e07a4883944d6",class:"banner-actions",onClick:this.handleActionClick,part:"actions"},r("slot",{key:"48372d95fc2273890c42e80c9cf16489ca0727ad",name:"actions"}))),this.showDismiss&&r("bh-close-button",{key:"fa47fbe26e433dadc2d1d7523a1667686c93c41c",ariaLabel:p("bh-banner","dismissAriaLabel",this.dismissAriaLabel,"Dismiss banner"),onClick:this.handleDismiss})))}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-banner-bg:var(--color-bg-primary);--bh-banner-border-color:var(--color-border-secondary);--bh-banner-border-radius:var(--radius-xl);--bh-banner-shadow:var(--shadow-xs);--bh-banner-heading-color:var(--color-text-primary);--bh-banner-description-color:var(--color-text-tertiary)}}@layer bh-base{.banner{display:flex;background:var(--bh-banner-bg);border:1px solid var(--bh-banner-border-color);border-radius:var(--bh-banner-border-radius);box-shadow:var(--bh-banner-shadow);overflow:clip;position:relative}.banner-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;min-width:0}.banner-body{display:flex;flex-direction:column;gap:var(--spacing-2xl);width:100%}.banner-text{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.banner-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-banner-heading-color);margin:0}.banner-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-banner-description-color);margin:0}.banner-actions{display:flex;gap:var(--spacing-lg);align-items:flex-start}.banner-media{flex-shrink:0;overflow:clip}.banner-image{display:block;width:100%;height:100%;object-fit:cover}.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{.banner-horizontal{flex-direction:row;align-items:stretch}.banner-horizontal .banner-media{width:240px;align-self:stretch}.banner-horizontal .banner-content{padding:var(--spacing-3xl)}.banner-horizontal:not(.banner-with-media) .banner-content{padding:var(--spacing-3xl)}.banner-vertical{flex-direction:column}.banner-vertical .banner-media{width:100%;height:200px}.banner-vertical .banner-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl)}.banner-vertical .banner-actions{flex-direction:column;width:100%}.banner-vertical .banner-actions ::slotted(*){width:100%}}'}},[769,"bh-banner",{heading:[1],description:[1],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],variant:[513],showDismiss:[4,"show-dismiss"],dismissAriaLabel:[1,"dismiss-aria-label"],_i18nVersion:[32]}]),v=g,y=function(){"undefined"!=typeof customElements&&["bh-banner","bh-button-icon","bh-close-button","bh-loader-spinner"].forEach((a=>{switch(a){case"bh-banner":customElements.get(t(a))||customElements.define(t(a),g);break;case"bh-button-icon":customElements.get(t(a))||s();break;case"bh-close-button":customElements.get(t(a))||o();break;case"bh-loader-spinner":customElements.get(t(a))||c()}}))};export{v as BhBanner,y as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as o,c as a,h as e,d as t,t as l}from"./p-YZi6LqIt.js";import{d as s}from"./p-C6UC_xxP.js";import{m as i,M as c,r as n,c as h}from"./p-BJXjqxlX.js";const b=["var(--bh-bar-chart-color-1, var(--color-bg-interactive))","var(--bh-bar-chart-color-2, var(--color-orange-500))","var(--bh-bar-chart-color-3, var(--color-text-success))","var(--bh-bar-chart-color-4, var(--bh-bar-chart-color-purple))","var(--bh-bar-chart-color-5, var(--bh-bar-chart-color-accent))","var(--bh-bar-chart-color-6, var(--color-teal-500))","var(--bh-bar-chart-color-7, var(--color-lime-500))","var(--bh-bar-chart-color-8, var(--color-amber-500))"],m=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhBarClick=a(this,"bhBarClick"),this.bhBarHover=a(this,"bhBarHover"),this.bhBarLeave=a(this,"bhBarLeave"),this.bhTooltipOpen=a(this,"bhTooltipOpen"),this.bhTooltipClose=a(this,"bhTooltipClose"),this.bhError=a(this,"bhError")}data={series:[{name:"Series 1",values:[30,45,20,35,50,40,60,35,25,55,40],color:"#94a3b8"},{name:"Series 2",values:[20,25,40,30,35,45,25,30,40,20,50],color:"#2563eb"},{name:"Series 3",values:[25,15,35,20,15,20,30,25,30,35,25],color:"#7c3aed"}]};variant="stacked";orientation="vertical";animated=!0;maxHeight=150;maxWidth=200;bhBarClick;bhBarHover;bhBarLeave;bhTooltipOpen;bhTooltipClose;bhError;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:Error(r+"")),i.increment(c.COMPONENT_ERROR,{component:"bh-bar-chart"}),n("bh-bar-chart",r),this.bhError.emit({error:r})}tooltipVisible=!1;tooltipX=0;tooltipY=0;tooltipHeader="";tooltipItems=[];tooltipTotal="";showTooltipTotal=!1;logger=h("bh-bar-chart");validateSeriesData(r){return r.map((r=>({...r,values:r.values.map((o=>!Number.isFinite(o)||o<0?(this.logger.warn("Invalid data value detected",{seriesName:r.name,invalidValue:o}),0):Math.min(o,Number.MAX_SAFE_INTEGER)))})))}processData(){if(!this.data.series?.length||!this.data.series[0].values.length)return[];const r=this.validateSeriesData(this.data.series),o=[];if("simple"===this.variant){const a=r[0].values,e=a.reduce(((r,o)=>Math.max(r,o)),-1/0);for(let r=0;r<a.length;r++){const t=a[r]??0,l=[];t>0&&l.push({value:t,height:t/e*this.maxHeight,width:t/e*this.maxWidth,color:b[r%b.length],seriesName:this.data.categories?.[r]||"Bar "+(r+1)}),o.push({segments:l,totalValue:t,category:this.data.categories?.[r]})}}else{const a=r[0].values.length;let e=0;for(let o=0;o<a;o++){const a=r.reduce(((r,a)=>r+(a.values[o]??0)),0);e=Math.max(e,a)}for(let t=0;t<a;t++){const a=[];let l=0;for(const o of r){const r=o.values[t]??0;l+=r,r>0&&a.push({value:r,height:r/e*this.maxHeight,width:r/e*this.maxWidth,color:o.color||"#64748b",seriesName:o.name})}o.push({segments:a,totalValue:l,category:this.data.categories?.[t]})}}return o}handleColumnHover=(r,o,a)=>{this.tooltipVisible=!0,this.tooltipX=r.clientX,this.tooltipY=r.clientY,this.tooltipHeader=o.category||"Column "+(a+1);const e=[];for(const t of o.segments)t.seriesName&&t.value>0&&(e.push({color:t.color,label:t.seriesName,value:""+t.value}),this.bhBarHover.emit({seriesName:t.seriesName,value:t.value,category:o.category,columnIndex:a,event:r}));this.tooltipItems=e,this.tooltipTotal=""+o.totalValue,this.showTooltipTotal=e.length>1,this.bhTooltipOpen.emit({header:this.tooltipHeader,items:e,total:this.tooltipTotal,x:this.tooltipX,y:this.tooltipY})};handleColumnMove=r=>{this.tooltipVisible&&(this.tooltipX=r.clientX,this.tooltipY=r.clientY)};handleColumnClick=(r,o,a)=>{for(const e of o.segments)e.seriesName&&e.value>0&&this.bhBarClick.emit({seriesName:e.seriesName,value:e.value,category:o.category,columnIndex:a,event:r})};handleColumnLeave=(r,o,a)=>{this.tooltipVisible=!1;for(const e of o.segments)e.seriesName&&e.value>0&&this.bhBarLeave.emit({seriesName:e.seriesName,category:o.category,columnIndex:a,event:r});this.bhTooltipClose.emit()};render(){const r=this.processData();return e(t,{key:"4d0480d6140e744255e2335090cebc69042f29a6"},e("div",{key:"40b95ccf681d97b54f5376d74ba43205091ac55b",class:{"bar-chart":!0,[this.variant]:!0,[this.orientation]:!0,"bar-chart-animated":this.animated},part:"container"},"vertical"===this.orientation?e("div",{class:"vertical-container"},r.map(((r,o)=>e("div",{class:"bar-column vertical",key:o,onClick:a=>this.handleColumnClick(a,r,o),onMouseEnter:a=>this.handleColumnHover(a,r,o),onMouseLeave:a=>this.handleColumnLeave(a,r,o),onMouseMove:this.handleColumnMove},r.segments.map(((r,o)=>e("div",{class:"bar-segment vertical",key:o,style:{height:r.height+"px",backgroundColor:r.color}}))))))):e("div",{class:"horizontal-container"},r.map(((r,o)=>e("div",{class:"bar-row horizontal",key:o,onClick:a=>this.handleColumnClick(a,r,o),onMouseEnter:a=>this.handleColumnHover(a,r,o),onMouseLeave:a=>this.handleColumnLeave(a,r,o),onMouseMove:this.handleColumnMove},r.segments.map(((o,a)=>e("div",{class:"bar-segment horizontal",key:a,style:{width:o.value/r.totalValue*100+"%",backgroundColor:o.color}})))))))),e("bh-chart-tooltip",{key:"b980b600f61e671df3fd7ddf00d7eba799f7802a","aria-hidden":this.tooltipVisible?void 0:"true",header:this.tooltipHeader,items:this.tooltipItems,showTotal:this.showTooltipTotal,total:this.tooltipTotal,visible:this.tooltipVisible,x:this.tooltipX,y:this.tooltipY}))}static get style(){return' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-bar-chart-gap: var(--spacing-xxs); --bh-bar-chart-gap-lg: var(--spacing-lg); --bh-bar-chart-hover-bg: var(--color-bg-tertiary); --bh-bar-chart-color-1: var(--color-bg-interactive); --bh-bar-chart-color-2: var(--color-orange-500); --bh-bar-chart-color-3: var(--color-text-success); --bh-bar-chart-color-purple: var(--color-purple-600); --bh-bar-chart-color-accent: var(--color-accent-500); --bh-bar-chart-color-4: var(--color-teal-500); --bh-bar-chart-color-5: var(--color-lime-500); --bh-bar-chart-color-6: var(--color-amber-500); --bh-bar-chart-color-7: var(--color-purple-600); --bh-bar-chart-color-8: var(--color-accent-500); } } @layer bh-base { .vertical-container { display: flex; align-items: flex-end; height: 180px; width: 100%; } .bar-column.vertical { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; flex: 1; gap: var(--bh-bar-chart-gap); margin: 0 2px; border-radius: var(--radius-xs); transition: background-color var(--animation-duration-normal) ease; } .bar-segment.vertical { width: 6px; border-radius: var(--radius-xxs); min-height: 2px; transition: all var(--animation-duration-slow) ease; transform-origin: bottom; } .horizontal-container { display: flex; flex-direction: column; justify-content: space-between; height: auto; min-height: 140px; gap: var(--bh-bar-chart-gap-lg); } .bar-row.horizontal { display: flex; align-items: center; width: 100%; height: 6px; min-height: 6px; max-height: 6px; gap: var(--bh-bar-chart-gap); margin: 2px 0; border-radius: var(--radius-xs); transition: background-color var(--animation-duration-normal) ease; padding: 2px; } .bar-segment.horizontal { height: 100%; min-height: 6px; max-height: 6px; border-radius: var(--radius-xxs); min-width: 2px; transition: all var(--animation-duration-slow) ease; transform-origin: left; } } @layer bh-variants { .vertical-container.simple { height: 180px; width: 100%; } .vertical-container.simple .bar-column.vertical { flex: 1; margin: 0 2px; } .vertical-container.simple .bar-segment.horizontal { min-width: 2px; height: 6px; min-height: 6px; max-height: 6px; } .horizontal-container.simple { height: auto; min-height: 140px; gap: var(--bh-bar-chart-gap-lg); } .horizontal-container.simple .bar-row.horizontal { height: 6px; min-height: 6px; max-height: 6px; margin: 2px 0; padding: 2px; } .horizontal-container.simple .bar-segment.horizontal { min-width: 2px; height: 6px; min-height: 6px; max-height: 6px; } } @layer bh-states { .bar-column, .bar-row { cursor: pointer; } .bar-column:hover { background-color: color-mix(in srgb, var(--bh-bar-chart-hover-bg) 50%, transparent); } .bar-column:hover .bar-segment { opacity: 0.9; filter: brightness(1.05); } .bar-row:hover { background-color: color-mix(in srgb, var(--bh-bar-chart-hover-bg) 50%, transparent); } .bar-row:hover .bar-segment { opacity: 0.9; filter: brightness(1.05); } } @layer bh-utilities { .bar-chart-animated .bar-segment.vertical { animation: barGrowVertical 0.8s cubic-bezier(0.4, 0, 0.2, 1) both; } .bar-chart-animated .bar-segment.horizontal { animation: barGrowHorizontal 0.8s cubic-bezier(0.4, 0, 0.2, 1) both; } @keyframes barGrowVertical { from { transform: scaleY(0); opacity: 0; } to { transform: scaleY(1); opacity: 1; } } @keyframes barGrowHorizontal { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: 1; } } @media (prefers-reduced-motion: reduce) { .bar-chart-animated .bar-segment.vertical, .bar-chart-animated .bar-segment.horizontal { animation: none; opacity: 1; transform: none; } } }'}},[513,"bh-bar-chart",{data:[1040],variant:[1],orientation:[1],animated:[4],maxHeight:[2,"max-height"],maxWidth:[2,"max-width"],tooltipVisible:[32],tooltipX:[32],tooltipY:[32],tooltipHeader:[32],tooltipItems:[32],tooltipTotal:[32],showTooltipTotal:[32]}]),p=m,g=function(){"undefined"!=typeof customElements&&["bh-bar-chart","bh-chart-tooltip"].forEach((r=>{switch(r){case"bh-bar-chart":customElements.get(l(r))||customElements.define(l(r),m);break;case"bh-chart-tooltip":customElements.get(l(r))||s()}}))};export{p as BhBarChart,g as defineCustomElement}
|
|
1
|
+
import{p as r,H as o,c as a,h as e,d as t,t as l}from"./p-YZi6LqIt.js";import{d as s}from"./p-DblmzWu8.js";import{m as i,M as c,r as n,c as h}from"./p-BJXjqxlX.js";const b=["var(--bh-bar-chart-color-1, var(--color-bg-interactive))","var(--bh-bar-chart-color-2, var(--color-orange-500))","var(--bh-bar-chart-color-3, var(--color-text-success))","var(--bh-bar-chart-color-4, var(--bh-bar-chart-color-purple))","var(--bh-bar-chart-color-5, var(--bh-bar-chart-color-accent))","var(--bh-bar-chart-color-6, var(--color-teal-500))","var(--bh-bar-chart-color-7, var(--color-lime-500))","var(--bh-bar-chart-color-8, var(--color-amber-500))"],m=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhBarClick=a(this,"bhBarClick"),this.bhBarHover=a(this,"bhBarHover"),this.bhBarLeave=a(this,"bhBarLeave"),this.bhTooltipOpen=a(this,"bhTooltipOpen"),this.bhTooltipClose=a(this,"bhTooltipClose"),this.bhError=a(this,"bhError")}data={series:[{name:"Series 1",values:[30,45,20,35,50,40,60,35,25,55,40],color:"#94a3b8"},{name:"Series 2",values:[20,25,40,30,35,45,25,30,40,20,50],color:"#2563eb"},{name:"Series 3",values:[25,15,35,20,15,20,30,25,30,35,25],color:"#7c3aed"}]};variant="stacked";orientation="vertical";animated=!0;maxHeight=150;maxWidth=200;bhBarClick;bhBarHover;bhBarLeave;bhTooltipOpen;bhTooltipClose;bhError;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:Error(r+"")),i.increment(c.COMPONENT_ERROR,{component:"bh-bar-chart"}),n("bh-bar-chart",r),this.bhError.emit({error:r})}tooltipVisible=!1;tooltipX=0;tooltipY=0;tooltipHeader="";tooltipItems=[];tooltipTotal="";showTooltipTotal=!1;logger=h("bh-bar-chart");validateSeriesData(r){return r.map((r=>({...r,values:r.values.map((o=>!Number.isFinite(o)||o<0?(this.logger.warn("Invalid data value detected",{seriesName:r.name,invalidValue:o}),0):Math.min(o,Number.MAX_SAFE_INTEGER)))})))}processData(){if(!this.data.series?.length||!this.data.series[0].values.length)return[];const r=this.validateSeriesData(this.data.series),o=[];if("simple"===this.variant){const a=r[0].values,e=a.reduce(((r,o)=>Math.max(r,o)),-1/0);for(let r=0;r<a.length;r++){const t=a[r]??0,l=[];t>0&&l.push({value:t,height:t/e*this.maxHeight,width:t/e*this.maxWidth,color:b[r%b.length],seriesName:this.data.categories?.[r]||"Bar "+(r+1)}),o.push({segments:l,totalValue:t,category:this.data.categories?.[r]})}}else{const a=r[0].values.length;let e=0;for(let o=0;o<a;o++){const a=r.reduce(((r,a)=>r+(a.values[o]??0)),0);e=Math.max(e,a)}for(let t=0;t<a;t++){const a=[];let l=0;for(const o of r){const r=o.values[t]??0;l+=r,r>0&&a.push({value:r,height:r/e*this.maxHeight,width:r/e*this.maxWidth,color:o.color||"#64748b",seriesName:o.name})}o.push({segments:a,totalValue:l,category:this.data.categories?.[t]})}}return o}handleColumnHover=(r,o,a)=>{this.tooltipVisible=!0,this.tooltipX=r.clientX,this.tooltipY=r.clientY,this.tooltipHeader=o.category||"Column "+(a+1);const e=[];for(const t of o.segments)t.seriesName&&t.value>0&&(e.push({color:t.color,label:t.seriesName,value:""+t.value}),this.bhBarHover.emit({seriesName:t.seriesName,value:t.value,category:o.category,columnIndex:a,event:r}));this.tooltipItems=e,this.tooltipTotal=""+o.totalValue,this.showTooltipTotal=e.length>1,this.bhTooltipOpen.emit({header:this.tooltipHeader,items:e,total:this.tooltipTotal,x:this.tooltipX,y:this.tooltipY})};handleColumnMove=r=>{this.tooltipVisible&&(this.tooltipX=r.clientX,this.tooltipY=r.clientY)};handleColumnClick=(r,o,a)=>{for(const e of o.segments)e.seriesName&&e.value>0&&this.bhBarClick.emit({seriesName:e.seriesName,value:e.value,category:o.category,columnIndex:a,event:r})};handleColumnLeave=(r,o,a)=>{this.tooltipVisible=!1;for(const e of o.segments)e.seriesName&&e.value>0&&this.bhBarLeave.emit({seriesName:e.seriesName,category:o.category,columnIndex:a,event:r});this.bhTooltipClose.emit()};render(){const r=this.processData();return e(t,{key:"8b47527eb278b71ffbb786697e7f09fba39365e7"},e("div",{key:"26f988f02923c782f36eb4d6653a7a51fcbc91e2",class:{"bar-chart":!0,[this.variant]:!0,[this.orientation]:!0,"bar-chart-animated":this.animated},part:"container"},"vertical"===this.orientation?e("div",{class:"vertical-container"},r.map(((r,o)=>e("div",{class:"bar-column vertical",key:o,onClick:a=>this.handleColumnClick(a,r,o),onMouseEnter:a=>this.handleColumnHover(a,r,o),onMouseLeave:a=>this.handleColumnLeave(a,r,o),onMouseMove:this.handleColumnMove},r.segments.map(((r,o)=>e("div",{class:"bar-segment vertical",key:o,style:{height:r.height+"px",backgroundColor:r.color}}))))))):e("div",{class:"horizontal-container"},r.map(((r,o)=>e("div",{class:"bar-row horizontal",key:o,onClick:a=>this.handleColumnClick(a,r,o),onMouseEnter:a=>this.handleColumnHover(a,r,o),onMouseLeave:a=>this.handleColumnLeave(a,r,o),onMouseMove:this.handleColumnMove},r.segments.map(((o,a)=>e("div",{class:"bar-segment horizontal",key:a,style:{width:o.value/r.totalValue*100+"%",backgroundColor:o.color}})))))))),e("bh-chart-tooltip",{key:"fb810fcde8a557567f020d34d8ca6622330acb27","aria-hidden":this.tooltipVisible?void 0:"true",header:this.tooltipHeader,items:this.tooltipItems,showTotal:this.showTooltipTotal,total:this.tooltipTotal,visible:this.tooltipVisible,x:this.tooltipX,y:this.tooltipY}))}static get style(){return' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-bar-chart-gap: var(--spacing-xxs); --bh-bar-chart-gap-lg: var(--spacing-lg); --bh-bar-chart-hover-bg: var(--color-bg-tertiary); --bh-bar-chart-color-1: var(--color-bg-interactive); --bh-bar-chart-color-2: var(--color-orange-500); --bh-bar-chart-color-3: var(--color-text-success); --bh-bar-chart-color-purple: var(--color-purple-600); --bh-bar-chart-color-accent: var(--color-accent-500); --bh-bar-chart-color-4: var(--color-teal-500); --bh-bar-chart-color-5: var(--color-lime-500); --bh-bar-chart-color-6: var(--color-amber-500); --bh-bar-chart-color-7: var(--color-purple-600); --bh-bar-chart-color-8: var(--color-accent-500); } } @layer bh-base { .vertical-container { display: flex; align-items: flex-end; height: 180px; width: 100%; } .bar-column.vertical { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; flex: 1; gap: var(--bh-bar-chart-gap); margin: 0 2px; border-radius: var(--radius-xs); transition: background-color var(--animation-duration-normal) ease; } .bar-segment.vertical { width: 6px; border-radius: var(--radius-xxs); min-height: 2px; transition: all var(--animation-duration-slow) ease; transform-origin: bottom; } .horizontal-container { display: flex; flex-direction: column; justify-content: space-between; height: auto; min-height: 140px; gap: var(--bh-bar-chart-gap-lg); } .bar-row.horizontal { display: flex; align-items: center; width: 100%; height: 6px; min-height: 6px; max-height: 6px; gap: var(--bh-bar-chart-gap); margin: 2px 0; border-radius: var(--radius-xs); transition: background-color var(--animation-duration-normal) ease; padding: 2px; } .bar-segment.horizontal { height: 100%; min-height: 6px; max-height: 6px; border-radius: var(--radius-xxs); min-width: 2px; transition: all var(--animation-duration-slow) ease; transform-origin: left; } } @layer bh-variants { .vertical-container.simple { height: 180px; width: 100%; } .vertical-container.simple .bar-column.vertical { flex: 1; margin: 0 2px; } .vertical-container.simple .bar-segment.horizontal { min-width: 2px; height: 6px; min-height: 6px; max-height: 6px; } .horizontal-container.simple { height: auto; min-height: 140px; gap: var(--bh-bar-chart-gap-lg); } .horizontal-container.simple .bar-row.horizontal { height: 6px; min-height: 6px; max-height: 6px; margin: 2px 0; padding: 2px; } .horizontal-container.simple .bar-segment.horizontal { min-width: 2px; height: 6px; min-height: 6px; max-height: 6px; } } @layer bh-states { .bar-column, .bar-row { cursor: pointer; } .bar-column:hover { background-color: color-mix(in srgb, var(--bh-bar-chart-hover-bg) 50%, transparent); } .bar-column:hover .bar-segment { opacity: 0.9; filter: brightness(1.05); } .bar-row:hover { background-color: color-mix(in srgb, var(--bh-bar-chart-hover-bg) 50%, transparent); } .bar-row:hover .bar-segment { opacity: 0.9; filter: brightness(1.05); } } @layer bh-utilities { .bar-chart-animated .bar-segment.vertical { animation: barGrowVertical 0.8s cubic-bezier(0.4, 0, 0.2, 1) both; } .bar-chart-animated .bar-segment.horizontal { animation: barGrowHorizontal 0.8s cubic-bezier(0.4, 0, 0.2, 1) both; } @keyframes barGrowVertical { from { transform: scaleY(0); opacity: 0; } to { transform: scaleY(1); opacity: 1; } } @keyframes barGrowHorizontal { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: 1; } } @media (prefers-reduced-motion: reduce) { .bar-chart-animated .bar-segment.vertical, .bar-chart-animated .bar-segment.horizontal { animation: none; opacity: 1; transform: none; } } }'}},[513,"bh-bar-chart",{data:[1040],variant:[1],orientation:[1],animated:[4],maxHeight:[2,"max-height"],maxWidth:[2,"max-width"],tooltipVisible:[32],tooltipX:[32],tooltipY:[32],tooltipHeader:[32],tooltipItems:[32],tooltipTotal:[32],showTooltipTotal:[32]}]),p=m,g=function(){"undefined"!=typeof customElements&&["bh-bar-chart","bh-chart-tooltip"].forEach((r=>{switch(r){case"bh-bar-chart":customElements.get(l(r))||customElements.define(l(r),m);break;case"bh-chart-tooltip":customElements.get(l(r))||s()}}))};export{p as BhBarChart,g as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as
|
|
1
|
+
import{B as o,d as r}from"./p-DKWhUGrV.js";const s=o,p=r;export{s as BhBreadcrumbs,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-CClVva-u.js";const a=o,p=s;export{a as BhButtonIcon,p as defineCustomElement}
|
package/components/bh-button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-BI2Y2Le4.js";const p=o,r=s;export{p as BhButton,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as n,H as
|
|
1
|
+
import{p as n,H as a,h as t,d,t as e}from"./p-YZi6LqIt.js";import{c as r,m as c,M as o,r as s}from"./p-BJXjqxlX.js";const i="bh-card-content",p=n(class extends a{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow()}logger=r(i);padding="md";showDivider=!1;componentDidCatch(n){const a=n instanceof Error?n:Error(n+"");this.logger.error("Component error caught",a),c.increment(o.COMPONENT_ERROR,{component:i,error_type:a.name}),s(i,n)}render(){const n={"card-content":!0,["card-content-padding-"+this.padding]:!0};return t(d,{key:"4050a64922f3a7a003841d29280b93022a4e3d68"},this.showDivider&&t("div",{key:"cdea7a3fc20ebe1542e9f228bf6de4fa9c2767f8",class:"card-content-divider",part:"divider"}),t("div",{key:"427b580123407b5a5882dbb9b133fe40d29a5e4a",class:n,part:"content"},t("slot",{key:"71b4063ff9525de41e7d4cd219d70437c408a3c0"})))}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-card-content-bg:transparent;--bh-card-content-divider-color:var(--color-border-secondary);--bh-card-content-padding-none:0;--bh-card-content-padding-sm:var(--spacing-sm) var(--spacing-md);--bh-card-content-padding-md:var(--spacing-md) var(--spacing-xl);--bh-card-content-padding-lg:var(--spacing-xl) var(--spacing-2xl)}}@layer bh-base{.card-content{display:block;background:var(--bh-card-content-bg)}.card-content-divider{height:1px;background:var(--bh-card-content-divider-color)}}@layer bh-variants{.card-content-padding-none{padding:var(--bh-card-content-padding-none)}.card-content-padding-sm{padding:var(--bh-card-content-padding-sm)}.card-content-padding-md{padding:var(--bh-card-content-padding-md)}.card-content-padding-lg{padding:var(--bh-card-content-padding-lg)}}"}},[769,"bh-card-content",{padding:[1],showDivider:[4,"show-divider"]}]),b=p,g=function(){"undefined"!=typeof customElements&&["bh-card-content"].forEach((n=>{"bh-card-content"===n&&(customElements.get(e(n))||customElements.define(e(n),p))}))};export{b as BhCardContent,g as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as a,H as e,h as r,d as o,t}from"./p-YZi6LqIt.js";import{c,m as n,M as d,r as s}from"./p-BJXjqxlX.js";const i="bh-card-footer",f=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}logger=c(i);showDivider=!0;alignment="space-between";componentDidCatch(a){const e=a instanceof Error?a:Error(a+"");this.logger.error("Component error caught",e),n.increment(d.COMPONENT_ERROR,{component:i,error_type:e.name}),s(i,a)}render(){const a={"card-footer-content":!0,["card-footer-align-"+this.alignment]:!0};return r(o,{key:"236a3945387aa7b7c0414383af9d320a5a1e7bb8"},r("div",{key:"a1d7b7dd892abf5065e27da9032837ef930a42cf",class:"card-footer",part:"footer"},this.showDivider&&r("div",{key:"45992a08fbb9e5896bf94972f1597f57788b0418",class:"card-footer-divider",part:"divider"}),r("div",{key:"00745982160b90af6f908ceb49fb7bcadd1d1e55",class:a,part:"content"},r("div",{key:"e51af94107ec9f13cd0f08c090639256d45528bd",class:"card-footer-primary-actions"},r("slot",{key:"c3fca58447b034b92a862c3d793b44e0afc6098b",name:"primary-actions"})),r("div",{key:"70e2955b01da30857abb6de5770b35e2b8ead2f3",class:"card-footer-secondary-actions"},r("slot",{key:"6e8d9b426e6d57455432f4a8a7444804cb7ba4bc",name:"secondary-actions"})))))}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-card-footer-bg:var(--color-bg-primary);--bh-card-footer-divider-color:var(--color-border-secondary)}}@layer bh-tokens{:host{--bh-card-footer-gap:var(--spacing-xs);--bh-card-footer-content-gap:var(--spacing-md);--bh-card-footer-content-padding:var(--spacing-xl) var(--spacing-2xl);--bh-card-footer-actions-gap:var(--spacing-none)}}@layer bh-base{.card-footer{display:flex;flex-direction:column;gap:var(--bh-card-footer-gap);background:var(--bh-card-footer-bg)}.card-footer-divider{height:1px;background:var(--bh-card-footer-divider-color)}.card-footer-content{display:flex;align-items:center;gap:var(--bh-card-footer-content-gap);padding:var(--bh-card-footer-content-padding)}.card-footer-primary-actions{display:flex;flex:1 0 0;align-items:center;gap:var(--bh-card-footer-actions-gap);min-width:0}.card-footer-primary-actions:empty{display:none}.card-footer-secondary-actions{display:flex;align-items:center;gap:var(--bh-card-footer-content-gap)}.card-footer-secondary-actions:empty{display:none}}@layer bh-variants{.card-footer-align-left{justify-content:flex-start}.card-footer-align-right{justify-content:flex-end}.card-footer-align-space-between{justify-content:space-between}}"}},[769,"bh-card-footer",{showDivider:[4,"show-divider"],alignment:[1]}]),b=f,p=function(){"undefined"!=typeof customElements&&["bh-card-footer"].forEach((a=>{"bh-card-footer"===a&&(customElements.get(t(a))||customElements.define(t(a),f))}))};export{b as BhCardFooter,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as a,h as r,d as t,t as d}from"./p-YZi6LqIt.js";import{d as i}from"./p-
|
|
1
|
+
import{p as e,H as a,h as r,d as t,t as d}from"./p-YZi6LqIt.js";import{d as i}from"./p-DUm7JrA0.js";import{d as o}from"./p-CClVva-u.js";import{d as s}from"./p-Dzlsnb7d.js";import{d as h}from"./p-BbPrWlsw.js";import{c,m as n,M as b,r as l}from"./p-BJXjqxlX.js";import{B as p,r as f}from"./p-BNVOtH-1.js";const g="bh-card-header",m=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}logger=c(g);i18nUnsubscribe;_i18nVersion=0;showFeaturedIcon=!0;featuredIcon="star";featuredIconStyle="outlined";featuredIconColor="gray";showTitle=!0;headerTitle="Card title";showBadge=!1;badgeText="";showSupportingText=!0;supportingText="Card description";showDropdown=!0;showDivider=!0;componentDidCatch(e){const a=e instanceof Error?e:Error(e+"");this.logger.error("Component error caught",a),n.increment(b.COMPONENT_ERROR,{component:g,error_type:a.name}),l(g,e)}componentWillLoad(){this.i18nUnsubscribe=p.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleDropdownClick=()=>{};render(){return r(t,{key:"d673f2fc9a15a8faf5480cb3a3b096b9803546d0"},r("div",{key:"c03f54e19cba4a6b2556b4c237877bceeed682d7",class:"card-header",part:"header"},r("div",{key:"272eb0ebfbbe2ab8d2c1636de340cae474d3bce9",class:"card-header-content",part:"content"},r("div",{key:"1cdd79d5d32b39183de3e52d395be8f7365ca8ef",class:"card-header-text-container",part:"text-container"},r("div",{key:"792c35548b328ea59d4b99943b84efac7f148bd3",class:"card-header-title-row"},this.showFeaturedIcon&&r("bh-featured-icon",{key:"c6f6a3e358435ff53b172d797d1dfe1595cb6680",color:this.featuredIconColor,icon:this.featuredIcon,iconStyle:this.featuredIconStyle,size:"sm"}),this.showTitle&&r("span",{key:"bba0977d87b6259bf39062e79cd08aeb174fa7fc",class:"card-header-title"},f("bh-card-header","headerTitle",this.headerTitle,"Card title")),this.showBadge&&this.badgeText&&r("bh-badge",{key:"17e15b5b243b8e0133754b128d492760685f602b",emphasis:"medium",label:this.badgeText,size:"sm",variant:"blue"})),this.showSupportingText&&r("div",{key:"c4b0c2f46a08e7e737fa191f803b3505df3ed605",class:"card-header-supporting-row"},this.showFeaturedIcon&&r("div",{key:"ad94dbff5123a1d98cc81617c1b483b669f9978c",class:"card-header-spacer"}),r("span",{key:"289225d6cf026969a756066595292a67301a64f4",class:"card-header-supporting-text"},f("bh-card-header","supportingText",this.supportingText,"Card description")))),this.showDropdown&&r("bh-button-icon",{key:"0702ef0228262400adcb36fccdc9117f979773de",ariaLabel:"More options",hierarchy:"quaternary",iconName:"more_vert",onBhClick:this.handleDropdownClick,size:"sm"})),r("slot",{key:"8ab0ff933c820e5bf0da6f4df351a097d05b50e0",name:"tabs"}),this.showDivider&&r("div",{key:"d46267ac7983f1e47249544d10dbe57b18f0c124",class:"card-header-divider"})))}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-card-header-bg:var(--color-bg-primary);--bh-card-header-title-color:var(--color-text-primary);--bh-card-header-supporting-color:var(--color-text-tertiary);--bh-card-header-divider-color:var(--color-border-secondary)}}@layer bh-tokens{:host{--bh-card-header-gap:var(--spacing-xl);--bh-card-header-content-gap:var(--spacing-sm);--bh-card-header-content-padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);--bh-card-header-text-container-gap:var(--spacing-xxs);--bh-card-header-title-row-gap:var(--spacing-xl);--bh-card-header-supporting-row-gap:var(--spacing-xl);--bh-card-header-title-font-family:var(--font-inter);--bh-card-header-title-font-size:var(--text-md-size);--bh-card-header-title-font-weight:var(--weight-semibold);--bh-card-header-title-line-height:var(--line-height-normal);--bh-card-header-supporting-font-family:var(--font-inter);--bh-card-header-supporting-font-size:var(--text-sm-size);--bh-card-header-supporting-font-weight:var(--weight-regular);--bh-card-header-supporting-line-height:var(--line-height-normal)}}@layer bh-base{.card-header{display:flex;flex-direction:column;gap:var(--bh-card-header-gap);background:var(--bh-card-header-bg)}.card-header-content{display:flex;gap:var(--bh-card-header-content-gap);align-items:flex-start;padding:var(--bh-card-header-content-padding)}.card-header-text-container{display:flex;flex-direction:column;flex:1 0 0;gap:var(--bh-card-header-text-container-gap);min-width:0}.card-header-title-row{display:flex;align-items:center;gap:var(--bh-card-header-title-row-gap)}.card-header-title{font-family:var(--bh-card-header-title-font-family);font-size:var(--bh-card-header-title-font-size);font-weight:var(--bh-card-header-title-font-weight);line-height:var(--bh-card-header-title-line-height);color:var(--bh-card-header-title-color)}.card-header-supporting-row{display:flex;align-items:center;gap:var(--bh-card-header-supporting-row-gap);width:100%}.card-header-spacer{width:var(--bh-avatar-size-sm);flex-shrink:0}.card-header-supporting-text{flex:1 0 0;font-family:var(--bh-card-header-supporting-font-family);font-size:var(--bh-card-header-supporting-font-size);font-weight:var(--bh-card-header-supporting-font-weight);line-height:var(--bh-card-header-supporting-line-height);color:var(--bh-card-header-supporting-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header-divider{height:1px;background:var(--bh-card-header-divider-color)}}"}},[769,"bh-card-header",{showFeaturedIcon:[4,"show-featured-icon"],featuredIcon:[1,"featured-icon"],featuredIconStyle:[1,"featured-icon-style"],featuredIconColor:[1,"featured-icon-color"],showTitle:[4,"show-title"],headerTitle:[1,"header-title"],showBadge:[4,"show-badge"],badgeText:[1,"badge-text"],showSupportingText:[4,"show-supporting-text"],supportingText:[1,"supporting-text"],showDropdown:[4,"show-dropdown"],showDivider:[4,"show-divider"],_i18nVersion:[32]}]),u=m,v=function(){"undefined"!=typeof customElements&&["bh-card-header","bh-badge","bh-button-icon","bh-featured-icon","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-card-header":customElements.get(d(e))||customElements.define(d(e),m);break;case"bh-badge":customElements.get(d(e))||i();break;case"bh-button-icon":customElements.get(d(e))||o();break;case"bh-featured-icon":customElements.get(d(e))||s();break;case"bh-loader-spinner":customElements.get(d(e))||h()}}))};export{u as BhCardHeader,v as defineCustomElement}
|
package/components/bh-card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,H as e,c as r,h as i,d as t,t as d}from"./p-YZi6LqIt.js";import{c as s}from"./p-DlPm3fIV.js";import{c as o,r as c,m as n,M as h}from"./p-BJXjqxlX.js";import{c as l,g as b}from"./p-YdVz1TeW.js";import{a as p}from"./p-BqJRACkO.js";const f="bh-card",g=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhClick=r(this,"bhClick"),this.bhChange=r(this,"bhChange"),this.bhToggle=r(this,"bhToggle"),this.bhAction=r(this,"bhAction")}get el(){return this}logger=o(f);focusState=l();resizeObserver;size="sm";showHeader=!0;showFooter=!0;contentMinHeight=200;placeholderText="Card content slot";selectable=!1;selected=!1;expandable=!1;expanded=!1;dragEnabled=!1;showOverflowMenu=!1;role="article";ariaLabel=null;ariaLabelledBy;ariaDescribedBy;ariaRoleDescription=null;ariaPressed="false";ariaLive="off";ariaAtomic="true";ariaDescribedByMedia;hasContent=!1;focusVersion=0;bhClick;bhChange;bhToggle;bhAction;get safeContentMinHeight(){const a=s(this.contentMinHeight,{min:0,max:1e4,integer:!0});return a.valid||c(f,Error("Invalid contentMinHeight: "+a.errors.map((a=>a.message)).join(", "))),a.value}componentDidCatch(a){const e=a instanceof Error?a:Error(a+"");this.logger.error("Component error caught",e),n.increment(h.COMPONENT_ERROR,{component:f,error_type:e.name}),c(f,a)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.checkForContent()}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}checkForContent(){const a=Array.from(this.el.childNodes).filter((a=>a.nodeType===Node.ELEMENT_NODE&&!a.hasAttribute("slot")||a.nodeType===Node.TEXT_NODE&&a.textContent?.trim()));this.hasContent=a.length>0}handleClick=a=>{this.selectable&&(this.selected=!this.selected,this.bhChange.emit({selected:this.selected})),this.bhClick.emit(a)};handleDoubleClick=()=>{this.expandable&&(this.expanded=!this.expanded,this.bhToggle.emit(this.expanded?{expanded:!0}:{expanded:!1}))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleKeyDown=a=>{p(a)&&(this.selectable||"button"===this.role)&&(a.preventDefault(),this.selectable&&(this.selected=!this.selected,this.bhChange.emit({selected:this.selected})),this.bhClick.emit(a))};render(){const a={minHeight:this.safeContentMinHeight+"px"},e=b(this.focusState,"card"),r={card:!0,["card-"+this.size]:!0,"card-selectable":this.selectable,"card-selected":this.selected,"card-expandable":this.expandable,"card-expanded":this.expanded,"card-draggable":this.dragEnabled,...e};return i(t,{key:"
|
|
1
|
+
import{p as a,H as e,c as r,h as i,d as t,t as d}from"./p-YZi6LqIt.js";import{c as s}from"./p-DlPm3fIV.js";import{c as o,r as c,m as n,M as h}from"./p-BJXjqxlX.js";import{c as l,g as b}from"./p-YdVz1TeW.js";import{a as p}from"./p-BqJRACkO.js";const f="bh-card",g=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhClick=r(this,"bhClick"),this.bhChange=r(this,"bhChange"),this.bhToggle=r(this,"bhToggle"),this.bhAction=r(this,"bhAction")}get el(){return this}logger=o(f);focusState=l();resizeObserver;size="sm";showHeader=!0;showFooter=!0;contentMinHeight=200;placeholderText="Card content slot";selectable=!1;selected=!1;expandable=!1;expanded=!1;dragEnabled=!1;showOverflowMenu=!1;role="article";ariaLabel=null;ariaLabelledBy;ariaDescribedBy;ariaRoleDescription=null;ariaPressed="false";ariaLive="off";ariaAtomic="true";ariaDescribedByMedia;hasContent=!1;focusVersion=0;bhClick;bhChange;bhToggle;bhAction;get safeContentMinHeight(){const a=s(this.contentMinHeight,{min:0,max:1e4,integer:!0});return a.valid||c(f,Error("Invalid contentMinHeight: "+a.errors.map((a=>a.message)).join(", "))),a.value}componentDidCatch(a){const e=a instanceof Error?a:Error(a+"");this.logger.error("Component error caught",e),n.increment(h.COMPONENT_ERROR,{component:f,error_type:e.name}),c(f,a)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.checkForContent()}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}checkForContent(){const a=Array.from(this.el.childNodes).filter((a=>a.nodeType===Node.ELEMENT_NODE&&!a.hasAttribute("slot")||a.nodeType===Node.TEXT_NODE&&a.textContent?.trim()));this.hasContent=a.length>0}handleClick=a=>{this.selectable&&(this.selected=!this.selected,this.bhChange.emit({selected:this.selected})),this.bhClick.emit(a)};handleDoubleClick=()=>{this.expandable&&(this.expanded=!this.expanded,this.bhToggle.emit(this.expanded?{expanded:!0}:{expanded:!1}))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleKeyDown=a=>{p(a)&&(this.selectable||"button"===this.role)&&(a.preventDefault(),this.selectable&&(this.selected=!this.selected,this.bhChange.emit({selected:this.selected})),this.bhClick.emit(a))};render(){const a={minHeight:this.safeContentMinHeight+"px"},e=b(this.focusState,"card"),r={card:!0,["card-"+this.size]:!0,"card-selectable":this.selectable,"card-selected":this.selected,"card-expandable":this.expandable,"card-expanded":this.expanded,"card-draggable":this.dragEnabled,...e};return i(t,{key:"c9dc86b35d4f9535ec093c1f7d0d761d77e62f26"},i("div",{key:"c2d813585335e994f8f99b94aa3eb04702764244","aria-atomic":this.ariaAtomic+"","aria-describedby":this.ariaDescribedBy,"aria-dropeffect":this.dragEnabled?"move":void 0,"aria-expanded":this.expandable?this.expanded+"":void 0,"aria-grabbed":this.dragEnabled?"false":void 0,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-live":this.ariaLive,"aria-pressed":"button"===this.role?this.ariaPressed+"":void 0,"aria-roledescription":this.ariaRoleDescription,"aria-selected":this.selectable?this.selected+"":void 0,class:r,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,draggable:this.dragEnabled,onBlur:this.handleBlur,onClick:this.handleClick,onDblClick:this.handleDoubleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"base",role:this.role||void 0,tabindex:this.selectable||"button"===this.role?0:void 0},this.showHeader&&i("div",{key:"4fd61b7ba2443ce9866b2b76e0fe01703293583b",class:"card-header-slot",part:"header"},i("slot",{key:"d635ccfb2607a8a579bbd2cbba5f205b72b39716",name:"header"})),i("div",{key:"a91feda047159bc98a809513977a871b45fcb4ad",class:"card-content",part:"content",style:a},i("slot",{key:"63284996f37a196d4632ad29e9887d8d00b9b7ba"}),!this.hasContent&&i("div",{key:"9cefba952c2f71a29ca08cbadee50769681fe36b",class:"card-content-placeholder"},i("span",{key:"655334ff224e59cd43f3e56bf3ff64e4a38f4d16",class:"card-placeholder-text"},this.placeholderText))),this.showFooter&&i("div",{key:"f5da3fbf516694c59122ba75f2eee1053eb2a352",class:"card-footer-slot",part:"footer"},i("slot",{key:"a38535924f63df83876c92ad3e52169ff1c84fd4",name:"footer"}))))}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-card-bg:var(--color-bg-primary);--bh-card-border-color:var(--color-border-secondary);--bh-card-border-radius:var(--radius-xl);--bh-card-shadow:none;--bh-card-padding-y-sm:var(--spacing-lg);--bh-card-padding-x-sm:var(--spacing-xl);--bh-card-padding-y-md:var(--spacing-xl);--bh-card-padding-x-md:var(--spacing-2xl);--bh-card-padding-y-lg:var(--spacing-2xl);--bh-card-padding-x-lg:var(--spacing-3xl);}}@layer bh-base{.card{display:flex;flex-direction:column;background:var(--bh-card-bg);border:1px solid var(--bh-card-border-color);border-radius:var(--bh-card-border-radius);box-shadow:var(--bh-card-shadow);overflow:hidden;font-family:var(--font-inter)}.card-header-slot{display:contents}.card-content{display:flex;flex-direction:column;flex:1 0 auto;padding:var(--bh-card-padding, var(--bh-card-padding-y) var(--bh-card-padding-x));gap:var(--spacing-none)}.card-footer-slot{display:contents}}@layer bh-variants{.card-sm{--bh-card-padding-y:var(--bh-card-padding-y-sm);--bh-card-padding-x:var(--bh-card-padding-x-sm)}.card-md{--bh-card-padding-y:var(--bh-card-padding-y-md);--bh-card-padding-x:var(--bh-card-padding-x-md)}.card-lg{--bh-card-padding-y:var(--bh-card-padding-y-lg);--bh-card-padding-x:var(--bh-card-padding-x-lg)}}@layer bh-utilities{.card-content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px dashed var(--color-border-interactive);border-radius:var(--radius-xl);min-height:100%}.card-placeholder-icon{font-size:var(--icon-size-2xl);color:var(--color-text-interactive)}.card-placeholder-text{font-size:var(--text-sm-size);font-weight:var(--weight-medium);color:var(--color-text-interactive);text-decoration:underline;text-align:center}}"}},[769,"bh-card",{size:[513],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],contentMinHeight:[2,"content-min-height"],placeholderText:[1,"placeholder-text"],selectable:[4],selected:[1028],expandable:[4],expanded:[1028],dragEnabled:[4,"drag-enabled"],showOverflowMenu:[4,"show-overflow-menu"],role:[1],ariaLabel:[1,"aria-label"],ariaLabelledBy:[1,"aria-labelled-by"],ariaDescribedBy:[1,"aria-described-by"],ariaRoleDescription:[1,"aria-role-description"],ariaPressed:[1,"aria-pressed"],ariaLive:[1,"aria-live"],ariaAtomic:[1,"aria-atomic"],ariaDescribedByMedia:[1,"aria-described-by-media"],hasContent:[32],focusVersion:[32]}]),v=g,m=function(){"undefined"!=typeof customElements&&["bh-card"].forEach((a=>{"bh-card"===a&&(customElements.get(d(a))||customElements.define(d(a),g))}))};export{v as BhCard,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-DblmzWu8.js";const m=o,p=s;export{m as BhChartTooltip,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,H as e,c as t,h as i,d as s,t as r}from"./p-YZi6LqIt.js";import{d as o}from"./p-B7i48CAz.js";import{d as n}from"./p-cD3vmu49.js";import{d as c}from"./p-nMu0IHKp.js";import{d as h}from"./p-BbPrWlsw.js";import{c as l,m as d,M as g,r as m}from"./p-BJXjqxlX.js";const b="bh-chat-message",p=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhAction=t(this,"bhAction")}logger=l(b);author="";timestamp="";type="incoming";variant="text";avatarSrc="";avatarAlt="";isOnline=!1;fileName="";fileSize="";fileType="";showMenu=!1;emojiPickerOpen=!1;bhAction;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:Error(a+"")),d.increment(g.COMPONENT_ERROR,{component:b,error_type:a instanceof Error?a.name:"unknown"}),m(b,a)}handleReact=()=>{this.bhAction.emit({action:"react"})};handleEmojiPicker=()=>{this.emojiPickerOpen=!this.emojiPickerOpen};handleEmojiSelect=a=>{this.bhAction.emit({action:"react",data:a.detail}),this.emojiPickerOpen=!1};handlePickerClose=()=>{this.emojiPickerOpen=!1};handleMenuClick=()=>{this.bhAction.emit({action:"menu"})};handleFileClick=()=>{this.bhAction.emit({action:"file",data:{fileName:this.fileName,fileSize:this.fileSize}})};renderAvatar(){return i("div",{class:"chat-message-avatar-wrapper",part:"avatar-wrapper"},this.avatarSrc?i("bh-avatar",{alt:this.avatarAlt||this.author,imageSrc:this.avatarSrc,size:"sm",status:this.isOnline?"online":"none",variant:"image"}):i("slot",{name:"avatar"}))}renderMenuButton(){return this.showMenu?i("bh-button-icon",{ariaLabel:"Message options",class:"chat-message-menu",hierarchy:"tertiary",iconName:"more_vert",onClick:this.handleMenuClick,size:"xs"}):null}renderReactionButtons(){return i("div",{class:"chat-message-reaction-actions"},i("button",{"aria-label":"React with thumbs up",class:"chat-message-react-btn",onClick:this.handleReact},i("span",{"aria-hidden":"true",class:"react-emoji"},"👍")),i("div",{class:"chat-message-emoji-wrapper"},i("bh-button-icon",{ariaLabel:"Add reaction",class:"chat-message-emoji-btn",hierarchy:"tertiary",iconName:"add_reaction",onClick:this.handleEmojiPicker,size:"sm"}),i("bh-emoji-picker",{onBhClose:this.handlePickerClose,onBhEmojiSelect:this.handleEmojiSelect,open:this.emojiPickerOpen,placement:"incoming"===this.type?"left":"right"})))}renderTyping(){return i("div",{class:"chat-message-typing",part:"typing-indicator"},i("span",{class:"typing-dot"}),i("span",{class:"typing-dot"}),i("span",{class:"typing-dot"}))}renderFileAttachment(){return i("button",{class:"chat-message-file",onClick:this.handleFileClick,part:"file-attachment",type:"button"},i("div",{class:"file-icon-wrapper"},i("slot",{name:"file"},i("span",{class:"file-type-badge"},this.fileType||"FILE"))),i("div",{class:"file-info"},i("span",{class:"file-name"},this.fileName),i("span",{class:"file-size"},this.fileSize)))}render(){const a="incoming"===this.type,e="typing"===this.variant,t="file"===this.variant;return i(s,{key:"341c5703824126dd302c4218aae10bf3a8b07a5f"},i("div",{key:"295aa5b9a485e7e29f5721ad5927faa6ccee6cda","aria-label":e?(this.author||"Someone")+" is typing":"Message from "+(this.author||"Unknown"),class:{"chat-message":!0,["chat-message-"+this.type]:!0,["chat-message-"+this.variant]:!0},part:"container",role:"article"},!e&&i("div",{key:"05aa026eaed2801724bfa28f97e8fe980f546827",class:"chat-message-header",part:"header"},i("span",{key:"5cb34b62fa1af6a8af1ba35a3fcec0808159ba3f",class:"chat-message-author",part:"author"},this.author),i("span",{key:"3e1fbebcec1ac33496afb441b2ca43581dcf8772",class:"chat-message-timestamp",part:"timestamp"},this.timestamp)),i("div",{key:"ba18836ef02418230a48caaaf6bd6d9bc741a059",class:"chat-message-body-row"},a&&!e&&this.avatarSrc&&this.renderAvatar(),e&&i("div",{key:"4f033a7c8d00a16ce7a00a643f02b955fe1469b9",class:"chat-message-typing-wrapper"},a&&this.renderAvatar(),i("div",{key:"50102be237b8b441cd75288185bf136d5cd9eb75",class:"chat-message-typing-content"},i("span",{key:"67e39cb2cda78a2a0826c7adf2726655885da4fa",class:"chat-message-author",part:"author"},this.author),this.renderTyping())),!(e||t)&&i("div",{key:"8e242c254e6896b62048bf3ca825d4b4ebd10214",class:"chat-message-bubble",part:"bubble"},i("slot",{key:"d0df09a2eaf26d4357b31b1f07c3495eac38500e"}),this.renderMenuButton()),!e&&t&&i("div",{key:"0f995e228f684a1208932bc0aea2584b49e0ec35",class:"chat-message-file-wrapper"},this.renderFileAttachment(),this.renderMenuButton())),!e&&i("div",{key:"9318479a76abff8788167cd4181e4c152c6ce91e",class:"chat-message-reactions",part:"reactions"},i("slot",{key:"06761a09cb04446505d4e8f5a2734047144777e2",name:"reactions"}),this.renderReactionButtons())))}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-chat-incoming-bg: var(--color-bg-tertiary); --bh-chat-outgoing-bg: var(--color-brand-100); --bh-chat-file-bg: var(--color-bg-primary); --bh-chat-file-border: var(--color-border-secondary); --bh-chat-typing-bg: var(--color-bg-tertiary); --bh-chat-author-color: var(--color-text-secondary); --bh-chat-timestamp-color: var(--color-text-tertiary); --bh-chat-body-color: var(--color-text-primary); --bh-chat-file-name-color: var(--color-text-secondary); --bh-chat-file-size-color: var(--color-text-tertiary); --bh-chat-avatar-size: var(--bh-avatar-size-sm); --bh-chat-online-dot-size: var(--bh-avatar-status-size-md); --bh-chat-online-dot-color: var(--color-success-500); --bh-chat-reaction-bg: var(--color-bg-secondary); --bh-chat-reaction-bg-hover: var(--color-bg-tertiary); --bh-chat-menu-color: var(--color-text-tertiary); --bh-chat-typing-dot-color: var(--color-text-disabled); } } @layer bh-base { .chat-message { display: flex; flex-direction: column; gap: var(--spacing-xxs); position: relative; width: 100%; } .chat-message-header { display: flex; gap: var(--spacing-md); align-items: center; width: 100%; } .chat-message-author { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-sm-size); font-weight: var(--weight-semibold); line-height: var(--text-sm-line); color: var(--bh-chat-author-color); } .chat-message-timestamp { flex-shrink: 0; font-size: var(--text-xs-size); font-weight: var(--weight-regular); line-height: var(--text-xs-line); color: var(--bh-chat-timestamp-color); } .chat-message-body-row { display: flex; gap: var(--spacing-md); align-items: flex-start; width: 100%; position: relative; } .chat-message-avatar-wrapper { position: relative; flex-shrink: 0; width: var(--bh-chat-avatar-size); height: var(--bh-chat-avatar-size); } .chat-message-avatar-img { width: 100%; height: 100%; border-radius: var(--radius-full); object-fit: cover; } .chat-message-online-indicator { position: absolute; bottom: 0; left: 0; width: var(--bh-chat-online-dot-size); height: var(--bh-chat-online-dot-size); border-radius: var(--radius-full); background: var(--bh-chat-online-dot-color); border: 2px solid var(--color-bg-primary); } .chat-message-bubble { min-width: 0; max-width: 75%; padding: var(--spacing-md) var(--spacing-lg); border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); font-size: var(--text-sm-size); font-weight: var(--weight-regular); line-height: var(--text-sm-line); color: var(--bh-chat-body-color); word-break: break-word; position: relative; } .chat-message-file-wrapper { min-width: 0; max-width: 75%; position: relative; } .chat-message-file { display: flex; gap: var(--spacing-lg); align-items: center; width: 100%; padding: var(--spacing-md) var(--spacing-lg); background: var(--bh-chat-file-bg); border: 1px solid var(--bh-chat-file-border); border-radius: var(--radius-md); cursor: pointer; font-family: inherit; text-align: left; } .file-icon-wrapper { flex-shrink: 0; width: var(--bh-button-height-md); height: var(--bh-button-height-md); display: flex; align-items: center; justify-content: center; } .file-type-badge { display: inline-flex; align-items: center; justify-content: center; padding: var(--spacing-xxs) var(--spacing-xs); font-size: var(--bh-avatar-text-xxs); font-weight: var(--weight-bold); text-transform: uppercase; border-radius: var(--radius-xs); background: var(--color-bg-tertiary); color: var(--color-text-tertiary); } .file-info { display: flex; flex-direction: column; flex: 1; min-width: 0; } .file-name { font-size: var(--text-sm-size); font-weight: var(--weight-medium); line-height: var(--text-sm-line); color: var(--bh-chat-file-name-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-size { font-size: var(--text-xs-size); font-weight: var(--weight-regular); line-height: var(--text-xs-line); color: var(--bh-chat-file-size-color); } .chat-message-reactions { display: flex; gap: var(--spacing-xs); align-items: center; justify-content: flex-end; width: 100%; } .chat-message-reaction-actions { display: flex; gap: var(--spacing-xxs); align-items: center; } .chat-message-emoji-wrapper { position: relative; } .chat-message-react-btn { display: flex; align-items: center; justify-content: center; height: var(--icon-size-lg); padding: var(--spacing-xs) var(--spacing-md); background: var(--bh-chat-reaction-bg); border: none; border-radius: var(--radius-full); cursor: pointer; transition: background 0.2s ease-in-out; } .chat-message-emoji-btn { display: flex; align-items: center; justify-content: center; height: var(--icon-size-lg); padding: var(--spacing-xs) var(--spacing-md); background: var(--bh-chat-reaction-bg); border: none; border-radius: var(--radius-full); overflow: hidden; cursor: pointer; transition: background 0.2s ease-in-out; } .chat-message-emoji-btn:hover { background: var(--bh-button-icon-tertiary-bg-hover); } .react-emoji { font-size: var(--icon-size-sm); line-height: 1; } .emoji-picker-icon { font-size: var(--icon-size-md); color: var(--bh-chat-menu-color); } .chat-message-menu { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: var(--icon-size-lg); height: var(--icon-size-lg); padding: 0; border: none; background: transparent; cursor: pointer; border-radius: var(--radius-xs); color: var(--bh-chat-menu-color); overflow: hidden; transition: background 0.2s ease-in-out; } .chat-message-menu .material-symbols-outlined { font-size: var(--icon-size-md); } .chat-message-typing-wrapper { display: flex; gap: var(--spacing-lg); align-items: flex-start; width: 100%; } .chat-message-typing-content { display: flex; flex-direction: column; gap: var(--spacing-sm); flex: 1; } .chat-message-typing { display: flex; gap: var(--spacing-xs); align-items: center; padding: var(--spacing-md); border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); background: var(--bh-chat-typing-bg); width: fit-content; } .typing-dot { width: var(--spacing-xs); height: var(--spacing-xs); border-radius: var(--radius-full); background: var(--bh-chat-typing-dot-color); animation: typing-bounce 1.4s infinite ease-in-out both; } .typing-dot:nth-child(1) { animation-delay: 0s; } .typing-dot:nth-child(2) { animation-delay: 0.2s; } .typing-dot:nth-child(3) { animation-delay: 0.4s; } @keyframes typing-bounce { 0%, 80%, 100% { transform: scale(1); opacity: 0.4; } 40% { transform: scale(1.3); opacity: 1; } } .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 { .chat-message-incoming { align-items: flex-start; } .chat-message-incoming .chat-message-bubble { background: var(--bh-chat-incoming-bg); border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); } .chat-message-incoming .chat-message-file { border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); } .chat-message-incoming .chat-message-menu { right: calc(-1.25 * var(--spacing-2xl)); } .chat-message-incoming .chat-message-reactions { justify-content: flex-start; } .chat-message-outgoing { align-items: flex-end; } .chat-message-outgoing .chat-message-header { justify-content: flex-end; } .chat-message-outgoing .chat-message-body-row { justify-content: flex-end; } .chat-message-outgoing .chat-message-bubble { background: var(--bh-chat-outgoing-bg); border-radius: var(--radius-md) 0 var(--radius-md) var(--radius-md); } .chat-message-outgoing .chat-message-file { border-radius: var(--radius-md) 0 var(--radius-md) var(--radius-md); } .chat-message-outgoing .chat-message-file-wrapper { max-width: 75%; } .chat-message-outgoing .chat-message-menu { right: calc(-1 * var(--spacing-2xl)); } .chat-message-outgoing .chat-message-reactions { justify-content: flex-end; } } @layer bh-states { .chat-message-react-btn:hover { background: var(--bh-chat-reaction-bg-hover); } .chat-message-file:hover { background: var(--color-bg-secondary); } }'}},[769,"bh-chat-message",{author:[1],timestamp:[1],type:[513],variant:[513],avatarSrc:[1,"avatar-src"],avatarAlt:[1,"avatar-alt"],isOnline:[4,"is-online"],fileName:[1,"file-name"],fileSize:[1,"file-size"],fileType:[1,"file-type"],showMenu:[4,"show-menu"],emojiPickerOpen:[32]}]),f=p,v=function(){"undefined"!=typeof customElements&&["bh-chat-message","bh-avatar","bh-button-icon","bh-emoji-picker","bh-loader-spinner"].forEach((a=>{switch(a){case"bh-chat-message":customElements.get(r(a))||customElements.define(r(a),p);break;case"bh-avatar":customElements.get(r(a))||o();break;case"bh-button-icon":customElements.get(r(a))||n();break;case"bh-emoji-picker":customElements.get(r(a))||c();break;case"bh-loader-spinner":customElements.get(r(a))||h()}}))};export{f as BhChatMessage,v as defineCustomElement}
|
|
1
|
+
import{p as a,H as e,c as t,h as i,d as s,t as r}from"./p-YZi6LqIt.js";import{d as o}from"./p-DJlRFgcj.js";import{d as n}from"./p-CClVva-u.js";import{d as c}from"./p-BniMhcxp.js";import{d as h}from"./p-BbPrWlsw.js";import{c as l,m as d,M as g,r as m}from"./p-BJXjqxlX.js";const b="bh-chat-message",p=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhAction=t(this,"bhAction")}logger=l(b);author="";timestamp="";type="incoming";variant="text";avatarSrc="";avatarAlt="";isOnline=!1;fileName="";fileSize="";fileType="";showMenu=!1;emojiPickerOpen=!1;bhAction;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:Error(a+"")),d.increment(g.COMPONENT_ERROR,{component:b,error_type:a instanceof Error?a.name:"unknown"}),m(b,a)}handleReact=()=>{this.bhAction.emit({action:"react"})};handleEmojiPicker=()=>{this.emojiPickerOpen=!this.emojiPickerOpen};handleEmojiSelect=a=>{this.bhAction.emit({action:"react",data:a.detail}),this.emojiPickerOpen=!1};handlePickerClose=()=>{this.emojiPickerOpen=!1};handleMenuClick=()=>{this.bhAction.emit({action:"menu"})};handleFileClick=()=>{this.bhAction.emit({action:"file",data:{fileName:this.fileName,fileSize:this.fileSize}})};renderAvatar(){return i("div",{class:"chat-message-avatar-wrapper",part:"avatar-wrapper"},this.avatarSrc?i("bh-avatar",{alt:this.avatarAlt||this.author,imageSrc:this.avatarSrc,size:"sm",status:this.isOnline?"online":"none",variant:"image"}):i("slot",{name:"avatar"}))}renderMenuButton(){return this.showMenu?i("bh-button-icon",{ariaLabel:"Message options",class:"chat-message-menu",hierarchy:"tertiary",iconName:"more_vert",onClick:this.handleMenuClick,size:"xs"}):null}renderReactionButtons(){return i("div",{class:"chat-message-reaction-actions"},i("button",{"aria-label":"React with thumbs up",class:"chat-message-react-btn",onClick:this.handleReact},i("span",{"aria-hidden":"true",class:"react-emoji"},"👍")),i("div",{class:"chat-message-emoji-wrapper"},i("bh-button-icon",{ariaLabel:"Add reaction",class:"chat-message-emoji-btn",hierarchy:"tertiary",iconName:"add_reaction",onClick:this.handleEmojiPicker,size:"sm"}),i("bh-emoji-picker",{onBhClose:this.handlePickerClose,onBhEmojiSelect:this.handleEmojiSelect,open:this.emojiPickerOpen,placement:"incoming"===this.type?"left":"right"})))}renderTyping(){return i("div",{class:"chat-message-typing",part:"typing-indicator"},i("span",{class:"typing-dot"}),i("span",{class:"typing-dot"}),i("span",{class:"typing-dot"}))}renderFileAttachment(){return i("button",{class:"chat-message-file",onClick:this.handleFileClick,part:"file-attachment",type:"button"},i("div",{class:"file-icon-wrapper"},i("slot",{name:"file"},i("span",{class:"file-type-badge"},this.fileType||"FILE"))),i("div",{class:"file-info"},i("span",{class:"file-name"},this.fileName),i("span",{class:"file-size"},this.fileSize)))}render(){const a="incoming"===this.type,e="typing"===this.variant,t="file"===this.variant;return i(s,{key:"bdf15f0729d39f2e8d0191fcfa6e621d3d857d9e"},i("div",{key:"b2f43fdbcc83b5056ef308dcfb160c8ef7d801aa","aria-label":e?(this.author||"Someone")+" is typing":"Message from "+(this.author||"Unknown"),class:{"chat-message":!0,["chat-message-"+this.type]:!0,["chat-message-"+this.variant]:!0},part:"container",role:"article"},!e&&i("div",{key:"39b88cd29fde262db550aab188a9837abecb7ab8",class:"chat-message-header",part:"header"},i("span",{key:"6b55496792b2ef8b499e0cfb8b3cf882a918c62d",class:"chat-message-author",part:"author"},this.author),i("span",{key:"87ab6612df8f8274dcf261840f380ecbd5e656cb",class:"chat-message-timestamp",part:"timestamp"},this.timestamp)),i("div",{key:"eba524017ed96e21d0bc332047a90ef826d8570d",class:"chat-message-body-row"},a&&!e&&this.avatarSrc&&this.renderAvatar(),e&&i("div",{key:"39fc2af5eae0bd602ccee935cf5dbb70b8ce1685",class:"chat-message-typing-wrapper"},a&&this.renderAvatar(),i("div",{key:"952e42b7c1c46a591c0e090de571c9bfbe0feae9",class:"chat-message-typing-content"},i("span",{key:"af6b1628d87b7ef4886d315b1669f35ee49363b6",class:"chat-message-author",part:"author"},this.author),this.renderTyping())),!(e||t)&&i("div",{key:"d8d176a18f38b5bab28bc4da3c37735b8bad88b0",class:"chat-message-bubble",part:"bubble"},i("slot",{key:"37fd94fba76e348f86bac27add7588e7a55f744f"}),this.renderMenuButton()),!e&&t&&i("div",{key:"e6f2161e7fab20ff4a4f2f4906ae1b745f17d533",class:"chat-message-file-wrapper"},this.renderFileAttachment(),this.renderMenuButton())),!e&&i("div",{key:"a576787986f12f2a7ce31ea1059a12281645bc8c",class:"chat-message-reactions",part:"reactions"},i("slot",{key:"72b891bbd7d5e3b5a880f14080d66ef78c90f4b5",name:"reactions"}),this.renderReactionButtons())))}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-chat-incoming-bg: var(--color-bg-tertiary); --bh-chat-outgoing-bg: var(--color-brand-100); --bh-chat-file-bg: var(--color-bg-primary); --bh-chat-file-border: var(--color-border-secondary); --bh-chat-typing-bg: var(--color-bg-tertiary); --bh-chat-author-color: var(--color-text-secondary); --bh-chat-timestamp-color: var(--color-text-tertiary); --bh-chat-body-color: var(--color-text-primary); --bh-chat-file-name-color: var(--color-text-secondary); --bh-chat-file-size-color: var(--color-text-tertiary); --bh-chat-avatar-size: var(--bh-avatar-size-sm); --bh-chat-online-dot-size: var(--bh-avatar-status-size-md); --bh-chat-online-dot-color: var(--color-success-500); --bh-chat-reaction-bg: var(--color-bg-secondary); --bh-chat-reaction-bg-hover: var(--color-bg-tertiary); --bh-chat-menu-color: var(--color-text-tertiary); --bh-chat-typing-dot-color: var(--color-text-disabled); } } @layer bh-base { .chat-message { display: flex; flex-direction: column; gap: var(--spacing-xxs); position: relative; width: 100%; } .chat-message-header { display: flex; gap: var(--spacing-md); align-items: center; width: 100%; } .chat-message-author { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-sm-size); font-weight: var(--weight-semibold); line-height: var(--text-sm-line); color: var(--bh-chat-author-color); } .chat-message-timestamp { flex-shrink: 0; font-size: var(--text-xs-size); font-weight: var(--weight-regular); line-height: var(--text-xs-line); color: var(--bh-chat-timestamp-color); } .chat-message-body-row { display: flex; gap: var(--spacing-md); align-items: flex-start; width: 100%; position: relative; } .chat-message-avatar-wrapper { position: relative; flex-shrink: 0; width: var(--bh-chat-avatar-size); height: var(--bh-chat-avatar-size); } .chat-message-avatar-img { width: 100%; height: 100%; border-radius: var(--radius-full); object-fit: cover; } .chat-message-online-indicator { position: absolute; bottom: 0; left: 0; width: var(--bh-chat-online-dot-size); height: var(--bh-chat-online-dot-size); border-radius: var(--radius-full); background: var(--bh-chat-online-dot-color); border: 2px solid var(--color-bg-primary); } .chat-message-bubble { min-width: 0; max-width: 75%; padding: var(--spacing-md) var(--spacing-lg); border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); font-size: var(--text-sm-size); font-weight: var(--weight-regular); line-height: var(--text-sm-line); color: var(--bh-chat-body-color); word-break: break-word; position: relative; } .chat-message-file-wrapper { min-width: 0; max-width: 75%; position: relative; } .chat-message-file { display: flex; gap: var(--spacing-lg); align-items: center; width: 100%; padding: var(--spacing-md) var(--spacing-lg); background: var(--bh-chat-file-bg); border: 1px solid var(--bh-chat-file-border); border-radius: var(--radius-md); cursor: pointer; font-family: inherit; text-align: left; } .file-icon-wrapper { flex-shrink: 0; width: var(--bh-button-height-md); height: var(--bh-button-height-md); display: flex; align-items: center; justify-content: center; } .file-type-badge { display: inline-flex; align-items: center; justify-content: center; padding: var(--spacing-xxs) var(--spacing-xs); font-size: var(--bh-avatar-text-xxs); font-weight: var(--weight-bold); text-transform: uppercase; border-radius: var(--radius-xs); background: var(--color-bg-tertiary); color: var(--color-text-tertiary); } .file-info { display: flex; flex-direction: column; flex: 1; min-width: 0; } .file-name { font-size: var(--text-sm-size); font-weight: var(--weight-medium); line-height: var(--text-sm-line); color: var(--bh-chat-file-name-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-size { font-size: var(--text-xs-size); font-weight: var(--weight-regular); line-height: var(--text-xs-line); color: var(--bh-chat-file-size-color); } .chat-message-reactions { display: flex; gap: var(--spacing-xs); align-items: center; justify-content: flex-end; width: 100%; } .chat-message-reaction-actions { display: flex; gap: var(--spacing-xxs); align-items: center; } .chat-message-emoji-wrapper { position: relative; } .chat-message-react-btn { display: flex; align-items: center; justify-content: center; height: var(--icon-size-lg); padding: var(--spacing-xs) var(--spacing-md); background: var(--bh-chat-reaction-bg); border: none; border-radius: var(--radius-full); cursor: pointer; transition: background 0.2s ease-in-out; } .chat-message-emoji-btn { display: flex; align-items: center; justify-content: center; height: var(--icon-size-lg); padding: var(--spacing-xs) var(--spacing-md); background: var(--bh-chat-reaction-bg); border: none; border-radius: var(--radius-full); overflow: hidden; cursor: pointer; transition: background 0.2s ease-in-out; } .chat-message-emoji-btn:hover { background: var(--bh-button-icon-tertiary-bg-hover); } .react-emoji { font-size: var(--icon-size-sm); line-height: 1; } .emoji-picker-icon { font-size: var(--icon-size-md); color: var(--bh-chat-menu-color); } .chat-message-menu { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: var(--icon-size-lg); height: var(--icon-size-lg); padding: 0; border: none; background: transparent; cursor: pointer; border-radius: var(--radius-xs); color: var(--bh-chat-menu-color); overflow: hidden; transition: background 0.2s ease-in-out; } .chat-message-menu .material-symbols-outlined { font-size: var(--icon-size-md); } .chat-message-typing-wrapper { display: flex; gap: var(--spacing-lg); align-items: flex-start; width: 100%; } .chat-message-typing-content { display: flex; flex-direction: column; gap: var(--spacing-sm); flex: 1; } .chat-message-typing { display: flex; gap: var(--spacing-xs); align-items: center; padding: var(--spacing-md); border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); background: var(--bh-chat-typing-bg); width: fit-content; } .typing-dot { width: var(--spacing-xs); height: var(--spacing-xs); border-radius: var(--radius-full); background: var(--bh-chat-typing-dot-color); animation: typing-bounce 1.4s infinite ease-in-out both; } .typing-dot:nth-child(1) { animation-delay: 0s; } .typing-dot:nth-child(2) { animation-delay: 0.2s; } .typing-dot:nth-child(3) { animation-delay: 0.4s; } @keyframes typing-bounce { 0%, 80%, 100% { transform: scale(1); opacity: 0.4; } 40% { transform: scale(1.3); opacity: 1; } } .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 { .chat-message-incoming { align-items: flex-start; } .chat-message-incoming .chat-message-bubble { background: var(--bh-chat-incoming-bg); border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); } .chat-message-incoming .chat-message-file { border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); } .chat-message-incoming .chat-message-menu { right: calc(-1.25 * var(--spacing-2xl)); } .chat-message-incoming .chat-message-reactions { justify-content: flex-start; } .chat-message-outgoing { align-items: flex-end; } .chat-message-outgoing .chat-message-header { justify-content: flex-end; } .chat-message-outgoing .chat-message-body-row { justify-content: flex-end; } .chat-message-outgoing .chat-message-bubble { background: var(--bh-chat-outgoing-bg); border-radius: var(--radius-md) 0 var(--radius-md) var(--radius-md); } .chat-message-outgoing .chat-message-file { border-radius: var(--radius-md) 0 var(--radius-md) var(--radius-md); } .chat-message-outgoing .chat-message-file-wrapper { max-width: 75%; } .chat-message-outgoing .chat-message-menu { right: calc(-1 * var(--spacing-2xl)); } .chat-message-outgoing .chat-message-reactions { justify-content: flex-end; } } @layer bh-states { .chat-message-react-btn:hover { background: var(--bh-chat-reaction-bg-hover); } .chat-message-file:hover { background: var(--color-bg-secondary); } }'}},[769,"bh-chat-message",{author:[1],timestamp:[1],type:[513],variant:[513],avatarSrc:[1,"avatar-src"],avatarAlt:[1,"avatar-alt"],isOnline:[4,"is-online"],fileName:[1,"file-name"],fileSize:[1,"file-size"],fileType:[1,"file-type"],showMenu:[4,"show-menu"],emojiPickerOpen:[32]}]),f=p,v=function(){"undefined"!=typeof customElements&&["bh-chat-message","bh-avatar","bh-button-icon","bh-emoji-picker","bh-loader-spinner"].forEach((a=>{switch(a){case"bh-chat-message":customElements.get(r(a))||customElements.define(r(a),p);break;case"bh-avatar":customElements.get(r(a))||o();break;case"bh-button-icon":customElements.get(r(a))||n();break;case"bh-emoji-picker":customElements.get(r(a))||c();break;case"bh-loader-spinner":customElements.get(r(a))||h()}}))};export{f as BhChatMessage,v as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as a,c as e,h as r,d as o,t as c}from"./p-YZi6LqIt.js";import{c as i,m as n,M as s,r as h}from"./p-BJXjqxlX.js";const b="bh-chat-reaction",
|
|
1
|
+
import{p as t,H as a,c as e,h as r,d as o,t as c}from"./p-YZi6LqIt.js";import{c as i,m as n,M as s,r as h}from"./p-BJXjqxlX.js";const b="bh-chat-reaction",d=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhClick=e(this,"bhClick")}logger=i(b);emoji="";count=0;active=!1;bhClick;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),n.increment(s.COMPONENT_ERROR,{component:b,error_type:t instanceof Error?t.name:"unknown"}),h(b,t)}handleClick=()=>{this.bhClick.emit({emoji:this.emoji,active:this.active})};render(){const t=this.count>1;return r(o,{key:"fcc74eb4fd29905d7155c864c1fc507e5117591a"},r("button",{key:"0f3d5061afca42cd7d047fce4cfc30c3508d5027","aria-label":`${this.emoji} reaction${t?", "+this.count:""}`,"aria-pressed":this.active+"",class:{"chat-reaction":!0,"chat-reaction-active":this.active,"chat-reaction-with-count":t},onClick:this.handleClick,part:"badge",type:"button"},r("span",{key:"8a5397739451b02203a8207bfbdcd3f03e6d5304",class:"chat-reaction-emoji",part:"emoji"},this.emoji),t&&r("span",{key:"c846e7ba4d863b194a0d84df03a53fdb66faf45f",class:"chat-reaction-count",part:"count"},this.count)))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states; @layer bh-tokens{:host{display:inline-flex;--bh-reaction-bg:var(--color-bg-secondary);--bh-reaction-bg-hover:var(--color-bg-tertiary);--bh-reaction-bg-active:var(--color-brand-100);--bh-reaction-border-active:var(--color-border-interactive);--bh-reaction-count-color:var(--color-text-secondary)}}@layer bh-base{.chat-reaction{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:var(--icon-size-lg);padding:var(--spacing-xs) var(--spacing-md);background:var(--bh-reaction-bg);border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;transition:background 0.2s ease-in-out}.chat-reaction-emoji{font-size:var(--icon-size-sm);line-height:1}.chat-reaction-count{font-size:var(--text-xs-size);font-weight:var(--weight-medium);line-height:var(--text-xs-line);color:var(--bh-reaction-count-color)}}@layer bh-variants{.chat-reaction-active{background:var(--bh-reaction-bg-active);border-color:var(--bh-reaction-border-active)}}@layer bh-states{.chat-reaction:hover{background:var(--bh-reaction-bg-hover)}.chat-reaction-active:hover{background:var(--bh-reaction-bg-active)}}"}},[513,"bh-chat-reaction",{emoji:[1],count:[2],active:[516]}]),l=d,v=function(){"undefined"!=typeof customElements&&["bh-chat-reaction"].forEach((t=>{"bh-chat-reaction"===t&&(customElements.get(c(t))||customElements.define(c(t),d))}))};export{l as BhChatReaction,v as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-DfCONXO0.js";const p=o,r=s;export{p as BhCheckbox,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-DG90uKhz.js";const p=o,r=s;export{p as BhChecklistTaskGroup,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as
|
|
1
|
+
import{B as o,d as s}from"./p-2SnKTVal.js";const a=o,p=s;export{a as BhCloseButton,p as defineCustomElement}
|