@actabldesign/bellhop-core 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +4251 -286
- 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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as e,h as a,H as t}from"./p-CTHvNfIu.js";import{B as i,r as o}from"./p-BNVOtH-1.js";import{c as l}from"./p-CMKOFHIa.js";import{m as n,M as s}from"./p-CSH9RXgl.js";import{r as c}from"./p-Xi3uD33F.js";import{i as b}from"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const d="bh-alert",h="info",p=new Map([["primary","new_releases"],["success","check_circle"],["error","error"],["warning","warning"],["feature","rocket_launch"],["default",h],["neutral",h]]),f=new Map([["primary","brand"],["success","success"],["error","error"],["warning","warning"],["feature","highlight"],["default","gray"],["neutral","gray"]]),g=new Map([["primary","filled"],["success","filled"],["error","filled"],["warning","filled"],["feature","filled"],["default","filled"],["neutral","filled"]]),u=class{constructor(a){r(this,a),this.bhAction=e(this,"bhAction"),this.bhClose=e(this,"bhClose")}logger=l(d);i18nUnsubscribe;_i18nVersion=0;variant="default";layout="inline";alertTitle="";description="";actionText="";dismissText="";dismissible=!0;icon="";closeAriaLabel="Close alert";bhAction;bhClose;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),n.increment(s.COMPONENT_ERROR,{component:d,error_type:r instanceof Error?r.name:"unknown"}),c(d,r)}componentWillLoad(){this.i18nUnsubscribe=i.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleKeyDown=r=>{b(r)&&this.dismissible&&(r.preventDefault(),this.bhClose.emit())};getDismissHierarchy(){return"infobanner"===this.layout?"secondary":"quaternary"}getActionHierarchy(){return"infobanner"===this.layout?"primary":"quaternary"}getIconName(){return this.icon?this.icon:p.get(this.variant)??h}getIconColor(){return f.get(this.variant)??"gray"}getIconStyle(){return g.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 a(t,{key:"55d6ad87b50e7634e3466e21d9ed245e0dc62229"},a("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},a("div",{key:"47d1095bf16cfeadbe63847cdcea22deb888a3ac",class:"alert-content",part:"content"},a("div",{key:"1a48ec2a4445183ea60c965d2a4b5928e949c17a",class:"alert-icon-wrapper",part:"icon-wrapper"},a("bh-featured-icon",{key:"93f6ddeec2d24a91a21cadddca1cae6375a94586",color:this.getIconColor(),icon:this.getIconName(),iconStyle:this.getIconStyle(),size:"sm"})),a("div",{key:"13be59ed0aeb6658b497821eb5686ac98c35fc90",class:"alert-text",part:"text"},a("div",{key:"336304cd71ace98ba51c83fff6b8995472fdca3f",class:"alert-text-wrapper"},this.alertTitle&&a("h3",{key:"f93f8142795ffa6315a8117918ef29c8c4d9bed0",class:"alert-title",part:"title"},this.alertTitle),this.description&&a("p",{key:"22d55ee48be642e9eabb0d778f2e3ef89439de30",class:"alert-description",part:"description"},this.description)),(this.actionText||this.dismissText)&&a("div",{key:"33528517596dd9ee4be2a8437ac38ac63cea0364",class:"alert-actions",part:"actions"},this.dismissText&&a("bh-button",{key:"aa0b58aab0d8746698dd3fe9b964815c1d08b593",hierarchy:this.getDismissHierarchy(),icon:"none",label:this.dismissText,onBhClick:this.handleClose,size:"sm"}),this.actionText&&a("bh-button",{key:"4683ee0bb16283d278fc834085071d5433f49a12",hierarchy:this.getActionHierarchy(),icon:"none",label:this.actionText,onBhClick:this.handleAction,size:"sm"})))),this.dismissible&&a("div",{key:"56b937385a3b4837d17b35d398bb9ac6dbf30eed",class:"alert-close",part:"close"},a("bh-close-button",{key:"abdde420862fa5027a24210d854d98e8c2b00511",ariaLabel:o(d,"closeAriaLabel",this.closeAriaLabel,"Close alert"),onClick:this.handleClose}))))}};u.style=" :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; } } }";export{u as bh_alert}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,H as t}from"./p-CTHvNfIu.js";import{c as r}from"./p-CMKOFHIa.js";import{m as i,M as s}from"./p-CSH9RXgl.js";import{r as o}from"./p-Xi3uD33F.js";const c="bh-table-header",n=class{constructor(a){e(this,a)}logger=r(c);heading="";itemCount;showActions=!0;showSearch=!1;showDivider=!1;componentDidCatch(e){const a=e instanceof Error?e:new Error(String(e));this.logger.error("Component error caught",a),i.increment(s.COMPONENT_ERROR,{component:c,error_type:a.name}),o(c,e)}render(){const e=!!this.itemCount;return a(t,{key:"44e768f9758c3a23b62dad1e841202e43c8126ea","aria-label":this.heading||"Table header",role:"region"},a("div",{key:"aa8101727fcd585921b49e0b0ed2e87c22bf9206",class:"table-header",part:"table-header"},a("div",{key:"20309d683a9cab5f43e711c47da3344906a4da0a",class:"content"},a("div",{key:"3c299b721cc6fb10f5e003c8b9a5b61c07aa45d5",class:"text-group"},this.heading&&a("h3",{key:"a767be72bc114681f08504aa55fb255af5535bac",class:"heading",part:"heading"},this.heading),e&&a("span",{key:"f8bdb6e6a9036fbcfef92e3888f91245950ec31e",class:"item-count",part:"item-count"},this.itemCount)),a("div",{key:"cf57f2b14bc2c287cdd1a711bf70e6414042f96c",class:"controls"},this.showSearch&&a("div",{key:"0e7caf3307d40cd2fee1e9d679e3dd22dccf5aaf",class:"search",part:"search"},a("slot",{key:"54156f2d8e710104147834590fc37449243f7973",name:"search"})),this.showActions&&a("div",{key:"c4cef8663e9a79e861e4c8d0d4fa58f21093c794",class:"actions",part:"actions"},a("slot",{key:"03b2ca92c4c5007ab4ddcbc7803c9975a4b713f6",name:"actions"})))),this.showDivider&&a("div",{key:"68629b7b7407fe057202b5c7b971765c0fe20a2c",class:"divider",part:"divider"})))}};n.style="@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-table-header-heading-color:var(--color-text-primary);--bh-table-header-count-color:var(--color-text-tertiary);--bh-table-header-divider-color:var(--color-border-secondary);--bh-table-header-gap:var(--spacing-md);--bh-table-header-controls-gap:var(--spacing-sm)}}@layer bh-base{.table-header{display:flex;flex-direction:column;gap:var(--bh-table-header-gap);width:100%}.content{display:flex;align-items:center;justify-content:space-between;gap:var(--bh-table-header-gap);width:100%;min-height:var(--bh-button-height-sm)}.text-group{display:flex;align-items:baseline;gap:var(--spacing-sm);flex:1;min-width:0}.heading{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-table-header-heading-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-count{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-table-header-count-color);white-space:nowrap;flex-shrink:0}.controls{display:flex;align-items:center;gap:var(--bh-table-header-controls-gap);flex-shrink:0}.search{display:flex;align-items:center}.actions{display:flex;align-items:center;gap:var(--spacing-sm)}.divider{width:100%;height:1px;background-color:var(--bh-table-header-divider-color);flex-shrink:0}}";export{n as bh_table_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,a as s,h as i,H as r}from"./p-CTHvNfIu.js";import{c as o}from"./p-CMKOFHIa.js";import{m as a,M as h}from"./p-CSH9RXgl.js";import{r as n}from"./p-Xi3uD33F.js";const l=class{constructor(s){e(this,s),this.bhChange=t(this,"bhChange"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur")}logger=o("bh-selection-group");get el(){return s(this)}selectionMode="multiple";name="";value=[];disabled=!1;ariaLabel=null;ariaLabelledBy;ariaDescribedBy;required=!1;bhChange;bhFocus;bhBlur;handleFocus=e=>{this.bhFocus.emit(e)};handleBlur=e=>{this.bhBlur.emit(e)};handleKeyDown=e=>{if("single"!==this.selectionMode)return;const t=e.key;if(!["ArrowDown","ArrowRight","ArrowUp","ArrowLeft"].includes(t))return;const s=Array.from(this.el.querySelectorAll("bh-selection-group-item")).filter((e=>!e.disabled));if(0===s.length)return;e.preventDefault();const i=s.indexOf(document.activeElement),r=s["ArrowDown"===t||"ArrowRight"===t?(i+1)%s.length:(i-1+s.length)%s.length];r.shadowRoot?.querySelector("[tabindex]")?.focus(),void 0!==r.value&&(this.value=r.value,this.updateChildItems(),this.bhChange.emit(this.value))};componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),a.increment(h.COMPONENT_ERROR,{component:"bh-selection-group",error_type:e instanceof Error?e.name:"unknown"}),n("bh-selection-group",e)}handleItemChange(e){e.stopPropagation();const{value:t,checked:s}=e.detail;if("single"===this.selectionMode)s&&(this.value=t,this.updateChildItems(),this.bhChange.emit(this.value));else{let e=Array.isArray(this.value)?[...this.value]:[];if(s)e.includes(t)||(e=[...e,t]);else{const s=e.indexOf(t);s>-1&&(e=e.toSpliced(s,1))}this.value=e,this.bhChange.emit(this.value)}}componentDidLoad(){this.updateChildItems()}updateChildItems(){const e=this.el.querySelectorAll("bh-selection-group-item"),t=Array.from(e);for(const e of t)if(e.selectionMode=this.selectionMode,"single"===this.selectionMode&&(e.name=this.name),this.disabled&&(e.disabled=!0),"single"===this.selectionMode)e.selected=e.value===this.value,e.checked=!1;else{const t=Array.isArray(this.value)?this.value:[];e.checked=t.includes(e.value),e.selected=!1}}render(){const e="single"===this.selectionMode?"radiogroup":"group";return i(r,{key:"42a3fee86af4a59de1260fc9b421b01b75c0ebe9"},i("div",{key:"2d23ad07b16eec484f69f9fc618e114727a9e527","aria-describedby":this.ariaDescribedBy,"aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-required":String(this.required),class:"selection-group",onFocusin:this.handleFocus,onFocusout:this.handleBlur,onKeyDown:this.handleKeyDown,part:"container",role:e},i("slot",{key:"a1ee406cb10e814fbb63df50f5c2cab6da2ff97a"})))}};l.style="@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}}@layer bh-tokens{:host{--bh-selection-group-gap:var(--spacing-sm)}}@layer bh-base{.selection-group{display:flex;flex-direction:column;gap:var(--bh-selection-group-gap);width:100%}}";export{l as bh_selection_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as o,h as a,H as e}from"./p-CTHvNfIu.js";import{m as t,M as l}from"./p-CSH9RXgl.js";import{r as s}from"./p-Xi3uD33F.js";import{c as i}from"./p-CMKOFHIa.js";const c=["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))"],n=class{constructor(a){r(this,a),this.bhBarClick=o(this,"bhBarClick"),this.bhBarHover=o(this,"bhBarHover"),this.bhBarLeave=o(this,"bhBarLeave"),this.bhTooltipOpen=o(this,"bhTooltipOpen"),this.bhTooltipClose=o(this,"bhTooltipClose"),this.bhError=o(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:new Error(String(r))),t.increment(l.COMPONENT_ERROR,{component:"bh-bar-chart"}),s("bh-bar-chart",r),this.bhError.emit({error:r})}tooltipVisible=!1;tooltipX=0;tooltipY=0;tooltipHeader="";tooltipItems=[];tooltipTotal="";showTooltipTotal=!1;logger=i("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)),Number.NEGATIVE_INFINITY);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:c[r%c.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.toString()}),this.bhBarHover.emit({seriesName:t.seriesName,value:t.value,category:o.category,columnIndex:a,event:r}));this.tooltipItems=e,this.tooltipTotal=o.totalValue.toString(),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 a(e,{key:"8b47527eb278b71ffbb786697e7f09fba39365e7"},a("div",{key:"26f988f02923c782f36eb4d6653a7a51fcbc91e2",class:{"bar-chart":!0,[this.variant]:!0,[this.orientation]:!0,"bar-chart-animated":this.animated},part:"container"},"vertical"===this.orientation?a("div",{class:"vertical-container"},r.map(((r,o)=>a("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)=>a("div",{class:"bar-segment vertical",key:o,style:{height:`${r.height}px`,backgroundColor:r.color}}))))))):a("div",{class:"horizontal-container"},r.map(((r,o)=>a("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,e)=>a("div",{class:"bar-segment horizontal",key:e,style:{width:o.value/r.totalValue*100+"%",backgroundColor:o.color}})))))))),a("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}))}};n.style=' @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; } } }';export{n as bh_bar_chart}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as r,h as t,H as a}from"./p-CTHvNfIu.js";import{c as o}from"./p-CMKOFHIa.js";import{c as i}from"./p-YdVz1TeW.js";import{a as s,c as h,M as n}from"./p-R-A72b5e.js";import{r as l}from"./p-Xi3uD33F.js";import{B as c,r as d}from"./p-BNVOtH-1.js";import{m as b,M as x}from"./p-CSH9RXgl.js";import{s as p,u}from"./p-DWWRC9ht.js";const v=class{constructor(t){e(this,t),this.bhInput=r(this,"bhInput"),this.bhChange=r(this,"bhChange"),this.bhFocus=r(this,"bhFocus"),this.bhBlur=r(this,"bhBlur"),this.bhHelpClick=r(this,"bhHelpClick"),this.bhValidityChange=r(this,"bhValidityChange"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}logger=o("bh-textarea");focusState=i();i18nUnsubscribe;internals;textareaEl;label="";placeholder="";hintText="";showLabel=!0;showHintText=!0;showHelpIcon=!1;error=!1;disabled=!1;required=!1;readOnly=!1;size="md";helpIconTooltip="Help";value="";name="";defaultValue="";validationMessage="";rows=4;resize="none";maxLength;ariaDescribedBy;ariaErrorMessage;ariaDetails;focusVersion=0;_i18nVersion=0;isDirty=!1;isTouched=!1;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;bhValidityChange;get safeRows(){const e=s(this.rows,{min:1,max:100,integer:!0});return e.valid||l("bh-textarea",new Error(`Invalid rows: ${e.errors.map((e=>e.message)).join(", ")}`)),e.value}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),b.increment(x.COMPONENT_ERROR,{component:"bh-textarea",error_type:e instanceof Error?e.name:"unknown"}),l("bh-textarea",e)}componentDidLoad(){p(this),u(this.internals,this.textareaEl,this.validationMessage),this.textareaEl&&this.textareaEl.addEventListener("invalid",this.handleValidityChange)}disconnectedCallback(){this.textareaEl&&this.textareaEl.removeEventListener("invalid",this.handleValidityChange),this.i18nUnsubscribe?.()}formResetCallback(){this.value=this.defaultValue,this.isDirty=!1,this.isTouched=!1,this.textareaEl&&(this.textareaEl.value=this.defaultValue),p(this),u(this.internals,this.textareaEl)}handleInput=e=>{const r=h(e.target.value,this.maxLength??n);this.value=r.value,r.valid||l("bh-textarea",new Error(r.errors.map((e=>e.message)).join(", "))),this.isDirty||(this.isDirty=!0),this.bhInput.emit(this.value),p(this),u(this.internals,this.textareaEl,this.validationMessage)};handleChange=()=>{this.bhChange.emit(this.value)};handleFocus=e=>{this.isTouched=!0,this.focusState.handleFocus(e,(()=>this.bhFocus.emit()))};handleBlur=e=>{this.focusState.handleBlur(e,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleValidityChange=()=>{this.textareaEl&&this.bhValidityChange.emit(this.textareaEl.validity)};handleHelpClick=()=>{this.bhHelpClick.emit()};render(){const e={"textarea-container":!0,[`textarea-container-${this.size}`]:!0,"textarea-container-focused":this.focusState.isFocused,"textarea-container-hover":this.focusState.isHovered&&!this.focusState.isFocused,"textarea-container-error":this.error,"textarea-container-disabled":this.disabled},r={textarea:!0,"textarea-error":this.error};return t(a,{key:"7a88a40a88347869a802e82b1fe9efd75630f969"},t("div",{key:"347dccbe10ed0878c53027618a21a7afda30bb5c",class:"textarea-wrapper",part:"container"},t("bh-label",{key:"98b580b1c4203dfb04ec84e118e7b1599a5563fb",disabled:this.disabled,helpIconTooltip:d("bh-textarea","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpClick,required:this.required,showHelpIcon:this.showHelpIcon},t("div",{key:"f258616a32f25f99020845b3b838bcf38cff42f4",class:e,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},t("div",{key:"e9eaa467665f4b7719ae5e2307f6f53b69d171e4",class:"textarea-content"},t("textarea",{key:"d770979a84815617ebbe0be621c3df89a53129bc","aria-atomic":"true","aria-busy":"false","aria-describedby":[this.showHintText&&this.hintText?"hint-text":"",this.ariaDescribedBy].filter(Boolean).join(" ")||void 0,"aria-details":this.ariaDetails,"aria-errormessage":this.ariaErrorMessage,"aria-invalid":this.error?"true":"false","aria-label":this.label,"aria-live":"polite","aria-multiline":"true","aria-readonly":String(this.readOnly),"aria-required":String(this.required),class:r,"data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),disabled:this.disabled,maxLength:this.maxLength,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput,part:"textarea",placeholder:this.placeholder,readOnly:this.readOnly,ref:e=>this.textareaEl=e,required:this.required,rows:this.safeRows,style:{resize:this.resize},value:this.value})))),this.showHintText&&this.hintText&&t("div",{key:"80d6642613e24c67a135f7eccc1c76c392236b7e",class:{"hint-text":!0,"hint-error":this.error},id:"hint-text"},this.hintText)))}static get formAssociated(){return!0}};v.style="@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-variants { .textarea-container-sm { --bh-textarea-padding: var(--spacing-sm); } .textarea-container-lg { --bh-textarea-padding: var(--spacing-lg); } } @layer bh-tokens { :host { display: block; --bh-textarea-bg: var(--color-bg-primary); --bh-textarea-bg-disabled: var(--color-bg-secondary); --bh-textarea-color: var(--color-text-primary); --bh-textarea-color-placeholder: var(--color-text-disabled); --bh-textarea-border-color: var(--color-border-primary); --bh-textarea-border-color-hover: var(--color-border-interactive); --bh-textarea-border-color-focus: var(--color-border-interactive); --bh-textarea-border-color-error: var(--color-border-error); --bh-textarea-border-radius: var(--radius-md); --bh-textarea-caret-color: var(--color-border-interactive); --bh-textarea-hint-color: var(--color-text-secondary); --bh-textarea-hint-error-color: var(--color-text-error); --bh-textarea-padding: var(--spacing-md); } } @layer bh-base { .textarea-wrapper { display: flex; flex-direction: column; gap: var(--spacing-sm); width: 100%; } .textarea-container { position: relative; display: flex; flex-direction: column; background: var(--bh-textarea-bg); border: 1px solid var(--bh-textarea-border-color); border-radius: var(--bh-textarea-border-radius); box-shadow: var(--shadow-input); transition: border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out; min-height: var(--sp-32); } .textarea-content { width: 100%; } .textarea { box-sizing: border-box; padding: var(--bh-textarea-padding); background: transparent; border: none; outline: none; font-family: var(--font-inter); font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-textarea-color); width: 100%; min-height: var(--sp-24); resize: none; caret-color: var(--bh-textarea-caret-color); flex: 1; box-shadow: none; } .hint-text { font-family: var(--font-inter); font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-textarea-hint-color); } } @layer bh-states { .textarea-container:hover:not(.textarea-container-disabled):not(.textarea-container-focused) { border-color: var(--bh-textarea-border-color-hover); } .textarea-container-focused { border-color: var(--bh-textarea-border-color-focus); box-shadow: 0 0 0 1px var(--bh-textarea-border-color-focus); } .textarea-container-error { border-color: var(--bh-textarea-border-color-error); } .textarea-container-error:hover:not(.textarea-container-focused) { border-color: var(--bh-textarea-border-color-error); } .textarea-container-error.textarea-container-focused { border-color: var(--bh-textarea-border-color-focus); box-shadow: 0 0 0 1px var(--bh-textarea-border-color-focus); } .textarea-container-disabled { opacity: 0.5; cursor: not-allowed; background: var(--bh-textarea-bg-disabled); } .textarea:focus { outline: none; border: none; box-shadow: none; } .textarea::placeholder { color: var(--bh-textarea-color-placeholder); } .textarea:disabled { cursor: not-allowed; color: var(--bh-textarea-color-placeholder); } .hint-text.hint-error { color: var(--bh-textarea-hint-error-color); } } @layer bh-utilities { @media (max-width: 768px) { .textarea { font-size: 16px; } } }";export{v as bh_textarea}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as a,H as r}from"./p-CTHvNfIu.js";import{c as n}from"./p-CMKOFHIa.js";import{c as i,a as c}from"./p-CS8F5LFw.js";import{m as o,M as d}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import{B as s,r as h}from"./p-BNVOtH-1.js";import{t as b}from"./p-Bf0qW3wI.js";import{A as p}from"./p-BoVgy_Ao.js";const g=["January","February","March","April","May","June","July","August","September","October","November","December"],v=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],y=["Su","Mo","Tu","We","Th","Fr","Sa"],m=class{constructor(a){e(this,a),this.bhChange=t(this,"bhChange"),this.bhMonthChange=t(this,"bhMonthChange"),this.bhPresetSelect=t(this,"bhPresetSelect")}logger=n("bh-date-picker-content");destroy$=i();i18nUnsubscribe;_i18nVersion=0;minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];initialMonth;initialYear;displayMonth;displayYear;rangeStart;rangeEnd;value;showOtherMonthDays=!0;showDateInput=!1;showPresetRanges=!1;selectDatePlaceholder="Select date";selectedDate=null;currentMonth=(new Date).getMonth();currentYear=(new Date).getFullYear();isMonthDropdownOpen=!1;isMonthDropdownClosing=!1;today=new Date;bhChange;bhMonthChange;bhPresetSelect;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),o.increment(d.COMPONENT_ERROR,{component:"bh-date-picker-content",error_type:e instanceof Error?e.name:"unknown"}),l("bh-date-picker-content",e)}handleValueChange(e){e?(this.selectedDate=e,void 0===this.displayMonth&&void 0===this.displayYear&&(this.currentMonth=e.month,this.currentYear=e.year)):this.selectedDate=null}handleDisplayMonthChange(e){void 0!==e&&(this.currentMonth=e)}handleDisplayYearChange(e){void 0!==e&&(this.currentYear=e)}componentWillLoad(){this.i18nUnsubscribe=s.onLocaleChange((()=>{this._i18nVersion++})),this.currentMonth=void 0!==this.displayMonth?this.displayMonth:void 0===this.initialMonth?this.today.getMonth():this.initialMonth,this.currentYear=void 0!==this.displayYear?this.displayYear:void 0===this.initialYear?this.today.getFullYear():this.initialYear,this.value&&(this.selectedDate=this.value)}get isInRangeMode(){return void 0!==this.rangeStart||void 0!==this.rangeEnd}get calendarCells(){const e=[],t=new Date(this.currentYear,this.currentMonth,1),a=new Date(this.currentYear,this.currentMonth+1,0),r=t.getDay();if(this.showOtherMonthDays)for(let t=0;t<r;t++){const a=new Date(this.currentYear,this.currentMonth,-t);e.unshift(this.createCell(a,!1))}else for(let t=0;t<r;t++)e.unshift({day:0,isCurrentMonth:!1,isToday:!1,isSelected:!1,isDisabled:!0,isRangeStart:!1,isRangeEnd:!1,isInRange:!1,date:new Date(this.currentYear,this.currentMonth,-t)});for(let t=1;t<=a.getDate();t++){const a=new Date(this.currentYear,this.currentMonth,t);e.push(this.createCell(a,!0))}if(this.showOtherMonthDays){const t=42-e.length;for(let a=1;a<=t;a++){const t=new Date(this.currentYear,this.currentMonth+1,a);if(e.push(this.createCell(t,!1)),e.length%7==0)break}}return e}createCell(e,t){const a=this.isDateRangeStart(e),r=this.isDateRangeEnd(e),n=this.isDateInRange(e);return{day:e.getDate(),isCurrentMonth:t,isToday:this.isSameDay(e,this.today),isSelected:this.isDateSelected(e),isDisabled:!t||this.isDateDisabled(e),isRangeStart:a,isRangeEnd:r,isInRange:n,date:e}}isSameDay(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}isDateDisabled(e){if(!this.disabledDates||!Array.isArray(this.disabledDates))return!1;const t=e.getFullYear(),a=e.getMonth(),r=e.getDate();return this.disabledDates.some((e=>e.year===t&&e.month===a&&e.day===r))}isDateSelected(e){return!this.isInRangeMode&&!!this.selectedDate&&e.getFullYear()===this.selectedDate.year&&e.getMonth()===this.selectedDate.month&&e.getDate()===this.selectedDate.day}isDateRangeStart(e){return!!this.rangeStart&&e.getFullYear()===this.rangeStart.year&&e.getMonth()===this.rangeStart.month&&e.getDate()===this.rangeStart.day}isDateRangeEnd(e){return!!this.rangeEnd&&e.getFullYear()===this.rangeEnd.year&&e.getMonth()===this.rangeEnd.month&&e.getDate()===this.rangeEnd.day}isDateInRange(e){if(!this.rangeStart||!this.rangeEnd)return!1;const t=e.getTime(),a=new Date(this.rangeStart.year,this.rangeStart.month,this.rangeStart.day).getTime(),r=new Date(this.rangeEnd.year,this.rangeEnd.month,this.rangeEnd.day).getTime();return t>a&&t<r}formatSelectedDate(){return this.selectedDate?`${v[this.selectedDate.month]} ${this.selectedDate.day}, ${this.selectedDate.year}`:""}handleCellClick=(e,t)=>{if(e.stopPropagation(),e.preventDefault(),t.isDisabled||this.disabled||!t.isCurrentMonth)return;const a={year:t.date.getFullYear(),month:t.date.getMonth(),day:t.date.getDate()};this.isInRangeMode?this.bhChange.emit(a):this.selectedDate&&this.selectedDate.year===a.year&&this.selectedDate.month===a.month&&this.selectedDate.day===a.day?(this.selectedDate=null,this.bhChange.emit(null)):(this.selectedDate=a,this.bhChange.emit(a))};handleMonthDropdownToggle=()=>{this.isMonthDropdownOpen?this.closeMonthDropdown():this.isMonthDropdownOpen=!0};closeMonthDropdown(){this.isMonthDropdownClosing=!0,this.destroy$&&b(p.MENU_CLOSE,this.destroy$)?.subscribe((()=>{this.isMonthDropdownOpen=!1,this.isMonthDropdownClosing=!1}))}handleMonthYearSelect=e=>{if(this.closeMonthDropdown(),this.destroy$){const t=e.detail;b(p.QUICK,this.destroy$)?.subscribe((()=>{this.currentMonth=t.month,this.currentYear=t.year,this.bhMonthChange.emit({month:t.month,year:t.year})}))}};disconnectedCallback(){c(this.destroy$),this.i18nUnsubscribe?.()}handlePreviousMonth=()=>{if(this.disabled)return;let e=this.currentMonth-1,t=this.currentYear;e<0&&(e=11,t=this.currentYear-1),t>=this.minYear&&(this.currentMonth=e,this.currentYear=t,this.bhMonthChange.emit({month:e,year:t}))};handleNextMonth=()=>{if(this.disabled)return;let e=this.currentMonth+1,t=this.currentYear;e>11&&(e=0,t=this.currentYear+1),t<=this.maxYear&&(this.currentMonth=e,this.currentYear=t,this.bhMonthChange.emit({month:e,year:t}))};getCellClass(e){const t=["calendar-cell"];return e.isCurrentMonth||t.push("other-month"),e.isToday&&t.push("today"),e.isRangeStart&&t.push("range-start"),e.isRangeEnd&&t.push("range-end"),e.isInRange&&t.push("in-range"),e.isSelected&&t.push("selected"),e.isDisabled?t.push("disabled"):e.isCurrentMonth&&t.push("selectable"),t.join(" ")}render(){const e=`${g[this.currentMonth]} ${this.currentYear}`;return a(r,{key:"54655d044f0752f7647fb59303249f8fb5c91dd3"},a("div",{key:"e394e93731d0c1a5055eb9577775f732fa37cb20",class:"date-picker-content",part:"container"},a("div",{key:"88a3b58ac3a84510b8e8f76733bd5ea1a1fee4dd",class:"month-navigation",part:"navigation"},a("bh-button-icon",{key:"346fd0af5d228447ed4b478566d1f4a1edfa1838",disabled:this.disabled||this.currentYear===this.minYear&&0===this.currentMonth,hierarchy:"tertiary",iconName:"chevron_left",onClick:this.handlePreviousMonth,size:"md"}),a("bh-button",{key:"213812c523e0e189382e6495f4014520fa6d5add",hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:e,onClick:this.handleMonthDropdownToggle,size:"sm"}),a("bh-button-icon",{key:"f6ad11fe6713733878f5020e4c570b07e73f9921",disabled:this.disabled||this.currentYear===this.maxYear&&11===this.currentMonth,hierarchy:"tertiary",iconName:"chevron_right",onClick:this.handleNextMonth,size:"md"})),this.showDateInput&&a("div",{key:"e27dcf2c52ec2b28c7262d4fac4ecf0d3aeb4752",class:"date-input-display",part:"date-input"},a("bh-input-text",{key:"734e891a9e4652659c8855cb4cd0565c9c09d566",placeholder:h("bh-date-picker-content","selectDatePlaceholder",this.selectDatePlaceholder,"Select date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:!1,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatSelectedDate()})),this.showPresetRanges&&a("div",{key:"74bbd7dcc8bd82da65191d535fa374076a55b63b",class:"preset-ranges",part:"preset-ranges"},a("bh-button",{key:"010a8babf66a0d9b22cfcb4244e6c3316523ca08",hierarchy:"tertiary",label:"Last week",onClick:()=>this.bhPresetSelect.emit("last-week"),size:"sm"}),a("bh-button",{key:"2a651298dc6828d36a1115ec4f73d24efc169953",hierarchy:"tertiary",label:"Last month",onClick:()=>this.bhPresetSelect.emit("last-month"),size:"sm"}),a("bh-button",{key:"dee3061094254ea53b339c54186f7dda1cfbf387",hierarchy:"tertiary",label:"Last year",onClick:()=>this.bhPresetSelect.emit("last-year"),size:"sm"})),!this.isMonthDropdownOpen&&a("div",{key:"599841d8e6f490f262eab17329abb688982d63d8",class:"calendar-grid",part:"calendar"},a("div",{key:"f0934ecfb1d052011290746b89fe610e975f17bd",class:"day-names",part:"day-names"},y.map((e=>a("div",{class:"day-name",key:e},e)))),a("div",{key:"b0b723460e2b9ae997e67658aec8e005680afebb",class:"date-cells",part:"cells"},this.calendarCells.map(((e,t)=>a("div",{class:this.getCellClass(e),key:t,onClick:t=>this.handleCellClick(t,e)},a("span",{class:"date-number"},0===e.day?"":e.day)))))),(this.isMonthDropdownOpen||this.isMonthDropdownClosing)&&a("div",{key:"5ed516dd685be7c20e4c63cf3802a6d8b6693988",class:"month-picker-inline "+(this.isMonthDropdownClosing?"animate-fade-out":"")},a("bh-month-picker-content",{key:"9c8ada6fcf7bed33fac6b0f80083fb7c622111ad",height:"275px",maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleMonthYearSelect,scrollable:!0,selectedMonth:this.currentMonth,selectedYear:this.currentYear}))))}static get watchers(){return{value:[{handleValueChange:0}],displayMonth:[{handleDisplayMonthChange:0}],displayYear:[{handleDisplayYearChange:0}]}}};m.style='@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-date-picker-content-cell-size: 40px; --bh-date-picker-content-font-family: var(--font-inter); --bh-date-picker-content-padding-sm: var(--spacing-sm); --bh-date-picker-content-padding-md: var(--spacing-xl); --bh-date-picker-content-gap-sm: var(--spacing-sm); --bh-date-picker-content-gap-md: var(--spacing-md); --bh-date-picker-content-text-sm: var(--text-sm-size); --bh-date-picker-content-text-lg: var(--text-lg-size); --bh-date-picker-content-font-weight-medium: var(--weight-medium); --bh-date-picker-content-font-weight-semibold: var(--weight-semibold); --bh-date-picker-content-border-radius: var(--radius-md); --bh-date-picker-content-day-name-color: var(--color-text-secondary); --bh-date-picker-content-day-disabled-color: var(--color-text-disabled); --bh-date-picker-content-day-outside-color: var(--color-text-tertiary); --bh-date-picker-content-day-bg: var(--color-bg-tertiary); --bh-date-picker-content-day-color: var(--color-text-primary); --bh-date-picker-content-day-active-bg: var(--color-bg-interactive); --bh-date-picker-content-day-active-color: var(--color-text-inverse); --bh-date-picker-content-day-hover-bg: var(--color-bg-tertiary); --bh-date-picker-content-day-today-bg: var(--color-brand-100); --bh-date-picker-content-day-today-color: var(--color-text-interactive); --bh-date-picker-content-day-today-border: var(--color-border-interactive); --bh-date-picker-content-day-range-bg: var(--color-bg-tertiary); --bh-date-picker-content-day-range-color: var(--color-text-secondary); --bh-date-picker-content-day-range-border: var(--color-border-interactive); --bh-date-picker-content-day-range-start-bg: var(--color-bg-interactive); --bh-date-picker-content-day-range-start-color: var(--color-text-inverse); --bh-date-picker-content-day-range-end-bg: var(--color-bg-interactive); --bh-date-picker-content-day-range-end-color: var(--color-text-inverse); --bh-date-picker-content-nav-color: var(--color-text-secondary); --bh-date-picker-content-nav-hover-bg: var(--color-bg-secondary); --bh-date-picker-content-nav-active-bg: var(--color-brand-100); --bh-date-picker-content-nav-active-color: var(--color-text-interactive); --bh-date-picker-content-month-header-bg: var(--color-bg-tertiary); --bh-date-picker-content-month-header-color: var(--color-text-primary); --bh-date-picker-content-month-bg: var(--color-bg-tertiary); --bh-date-picker-content-month-border: var(--color-border-interactive); --bh-date-picker-content-month-active-bg: var(--color-bg-interactive); --bh-date-picker-content-month-active-color: var(--color-text-inverse); --bh-date-picker-content-month-hover-bg: var(--color-brand-100); --bh-date-picker-content-month-hover-color: var(--color-text-interactive); --bh-date-picker-content-year-bg: var(--color-bg-tertiary); --bh-date-picker-content-year-color: var(--color-text-tertiary); --bh-date-picker-content-year-active-bg: var(--color-brand-100); --bh-date-picker-content-year-active-color: var(--color-text-interactive); --bh-date-picker-content-scrollbar-track: var(--color-bg-secondary); --bh-date-picker-content-scrollbar-thumb: var(--color-bg-tertiary); --bh-date-picker-content-scrollbar-thumb-hover: var(--color-border-primary); } } @layer bh-base { .date-picker-content { width: 100%; font-family: var(--bh-date-picker-content-font-family); display: flex; flex-direction: column; } .month-navigation { display: flex; justify-content: space-between; align-items: center; gap: var(--bh-date-picker-content-gap-sm); padding: var(--bh-date-picker-content-padding-md); } .date-input-display { padding: 0 var(--bh-date-picker-content-padding-md); } .preset-ranges { display: flex; flex-direction: row; gap: var(--bh-date-picker-content-gap-sm); padding: var(--bh-date-picker-content-padding-sm) var(--bh-date-picker-content-padding-md); } .month-picker-inline { flex: 1; overflow: hidden; max-height: 270px; animation: fadeIn var(--animation-duration-fast) ease-out; } .calendar-grid { padding: 0 var(--bh-date-picker-content-padding-md) var(--bh-date-picker-content-padding-md); flex: 1; } .day-names { display: grid; grid-template-columns: repeat(7, var(--bh-date-picker-content-cell-size)); justify-content: center; width: 100%; gap: 0; margin-bottom: var(--bh-date-picker-content-gap-sm); } .day-name { width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; font-family: var(--bh-date-picker-content-font-family); font-weight: var(--bh-date-picker-content-font-weight-medium); font-size: var(--bh-date-picker-content-text-sm); line-height: var(--text-sm-line); color: var(--bh-date-picker-content-day-name-color); } .date-cells { display: grid; grid-template-columns: repeat(7, var(--bh-date-picker-content-cell-size)); justify-content: center; width: 100%; row-gap: var(--spacing-xs); column-gap: 0; justify-items: center; align-items: center; } .calendar-cell { width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; position: relative; border-radius: var(--radius-full); font-family: var(--bh-date-picker-content-font-family); font-weight: var(--bh-date-picker-content-font-weight-medium); font-size: var(--bh-date-picker-content-text-sm); line-height: var(--text-sm-line); cursor: pointer; transition: all var(--animation-duration-fast, 0.1s) var(--animation-easing-ease, ease); } .date-number { position: relative; z-index: 1; } } @layer bh-variants { .calendar-cell.other-month .date-number { color: var(--bh-date-picker-content-day-outside-color); } .calendar-cell.other-month.disabled .date-number { color: var(--bh-date-picker-content-day-disabled-color); } .calendar-cell.in-range { background: var(--bh-date-picker-content-day-range-bg); border-radius: 0; position: relative; } .calendar-cell.in-range .date-number { color: var(--bh-date-picker-content-day-range-color); font-weight: var(--bh-date-picker-content-font-weight-medium); } .calendar-cell.in-range { } .calendar-cell.in-range:nth-child(7n+1) { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .calendar-cell.in-range:nth-child(7n) { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .calendar-cell.range-start, .calendar-cell.range-end { position: relative; } .calendar-cell.range-start .date-number, .calendar-cell.range-end .date-number { background: var(--bh-date-picker-content-day-range-start-bg); color: var(--bh-date-picker-content-day-range-start-color); font-weight: var(--bh-date-picker-content-font-weight-semibold); border-radius: var(--radius-full); width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; } .calendar-cell.range-start { background: transparent; } .calendar-cell.range-start::after { content: ""; position: absolute; left: 50%; top: 0; width: 50%; height: 100%; background: var(--bh-date-picker-content-day-range-bg); border-radius: var(--radius-md) 0 0 var(--radius-md); z-index: 0; } .calendar-cell.range-start { } .calendar-cell.range-start:nth-child(7n)::after { display: none; } .calendar-cell.range-end { background: transparent; } .calendar-cell.range-end::after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: var(--bh-date-picker-content-day-range-bg); border-radius: 0 var(--radius-md) var(--radius-md) 0; z-index: 0; } .calendar-cell.range-end { } .calendar-cell.range-end:nth-child(7n+1)::after { display: none; } .calendar-cell.range-start.range-end { background: transparent; } .calendar-cell.range-start.range-end::after { display: none; } .calendar-cell.range-start.range-end .date-number { border-radius: var(--radius-full); } .calendar-cell.range-start:not(.in-range):not(:has(~ .range-end))::after { display: none; } .calendar-cell.today.in-range { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.today.in-range .date-number { color: var(--bh-date-picker-content-day-color); font-weight: var(--bh-date-picker-content-font-weight-medium); background: transparent; border: 2px solid var(--bh-date-picker-content-day-today-border); border-radius: var(--radius-full); width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; } .calendar-cell.today.range-start .date-number, .calendar-cell.today.range-end .date-number { background: var(--bh-date-picker-content-day-today-bg); color: var(--bh-date-picker-content-day-today-color); border: none; } } @layer bh-states { .month-picker-inline.animate-fade-out { animation: fadeOut var(--animation-duration-fast) ease-out; } .calendar-cell.selectable:not(.range-start):not(.range-end):not(.selected) .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.selectable:not(.range-start):not(.range-end):not(.selected):hover { background: var(--bh-date-picker-content-day-hover-bg); } .calendar-cell.selectable:not(.range-start):not(.range-end):not(.selected):hover .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.today.in-range, .calendar-cell.today.range-start, .calendar-cell.today.range-end { border: none; } .calendar-cell.today { border: 2px solid var(--bh-date-picker-content-day-today-border); } .calendar-cell.today .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.today:hover { background: var(--bh-date-picker-content-day-hover-bg); } .calendar-cell.today:hover .date-number { color: var(--bh-date-picker-content-day-color); } .calendar-cell.selected { background: var(--bh-date-picker-content-day-active-bg); } .calendar-cell.selected .date-number { color: var(--bh-date-picker-content-day-active-color); font-weight: var(--bh-date-picker-content-font-weight-semibold); } .calendar-cell.selected:hover { background: var(--bh-date-picker-content-day-active-bg); } .calendar-cell.selected:hover .date-number { color: var(--bh-date-picker-content-day-active-color); font-weight: var(--bh-date-picker-content-font-weight-semibold); } .calendar-cell.in-range:hover { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.in-range:hover .date-number { background: var(--bh-date-picker-content-day-bg); border-radius: var(--radius-full); width: var(--bh-date-picker-content-cell-size); height: var(--bh-date-picker-content-cell-size); display: flex; align-items: center; justify-content: center; } .calendar-cell.range-start:hover .date-number, .calendar-cell.range-start.selectable:hover .date-number, .calendar-cell.range-end:hover .date-number, .calendar-cell.range-end.selectable:hover .date-number { background: var(--bh-date-picker-content-day-range-start-bg); color: var(--bh-date-picker-content-day-range-start-color); } .calendar-cell.range-start:hover::after, .calendar-cell.range-start.selectable:hover::after { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.range-end:hover::after, .calendar-cell.range-end.selectable:hover::after { background: var(--bh-date-picker-content-day-range-bg); } .calendar-cell.today.in-range:hover { background: var(--bh-date-picker-content-day-hover-bg); } .calendar-cell.disabled { cursor: not-allowed; } .calendar-cell.disabled .date-number { color: var(--bh-date-picker-content-day-disabled-color); } } @layer bh-utilities { @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-10px); } } }';export{m as bh_date_picker_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as s,h as t}from"./p-CTHvNfIu.js";const i=class{constructor(t){e(this,t),this.bhItemClick=s(this,"bhItemClick")}menuItems=[];visible=!0;header;showIcons=!0;scrollable=!1;bhItemClick;componentWillLoad(){console.warn("[bellhop] bh-dropdown-menu is deprecated. Use bh-menu instead.")}handleItemClick=e=>{e.stopPropagation(),e.detail.item&&this.bhItemClick.emit(e.detail.item)};render(){return t("bh-menu",{key:"
|
|
1
|
+
import{r as e,c as s,h as t}from"./p-CTHvNfIu.js";const i=class{constructor(t){e(this,t),this.bhItemClick=s(this,"bhItemClick")}menuItems=[];visible=!0;header;showIcons=!0;scrollable=!1;bhItemClick;componentWillLoad(){console.warn("[bellhop] bh-dropdown-menu is deprecated. Use bh-menu instead.")}handleItemClick=e=>{e.stopPropagation(),e.detail.item&&this.bhItemClick.emit(e.detail.item)};render(){return t("bh-menu",{key:"97a005e59e4f13047cbeb348e375dc7f8e9e9ada",animated:!0,header:this.header,menuItems:this.menuItems,onBhItemClick:this.handleItemClick,orientation:"vertical",scrollable:this.scrollable,showIcons:this.showIcons,visible:this.visible})}};i.style='@charset "UTF-8";';export{i as bh_dropdown_menu}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as e,a as o,h as s,H as t}from"./p-CTHvNfIu.js";import{g as i}from"./p-DBw2LsqR.js";import{c as a}from"./p-CMKOFHIa.js";import{B as l,r as n}from"./p-BNVOtH-1.js";import{m as c,M as h}from"./p-CSH9RXgl.js";import{r as d}from"./p-Xi3uD33F.js";const b=40,m=50,g=class{constructor(o){r(this,o),this.bhPointClick=e(this,"bhPointClick"),this.bhPointHover=e(this,"bhPointHover"),this.bhPointLeave=e(this,"bhPointLeave"),this.bhTooltipOpen=e(this,"bhTooltipOpen"),this.bhTooltipClose=e(this,"bhTooltipClose"),this.bhError=e(this,"bhError")}get el(){return o(this)}logger=a("bh-line-chart");i18nUnsubscribe;_i18nVersion=0;data={series:[{name:"Your rating",values:[60,62,63,65,70,72,71,68,70,72,75,80]},{name:"Industry Average",values:[38,40,41,42,42,41,40,44,46,46,48,52]}],categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};xAxis={};yAxis={label:"Security rating"};width=541;height=369;animated=!0;showGrid=!0;showLegend=!0;showDots=!1;curveType="smooth";ariaLabel="Line chart";bhPointClick;bhPointHover;bhPointLeave;bhTooltipOpen;bhTooltipClose;bhError;tooltipVisible=!1;tooltipX=0;tooltipY=0;tooltipHeader="";tooltipItems=[];hoveredIndex=null;componentWillLoad(){this.i18nUnsubscribe=l.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),c.increment(h.COMPONENT_ERROR,{component:"bh-line-chart"}),d("bh-line-chart",r),this.bhError.emit({error:r})}get plotWidth(){return this.width-m-20}get plotHeight(){return this.height-b-40}getYRange(){if(void 0!==this.yAxis.min&&void 0!==this.yAxis.max){const r=this.yAxis.min,e=this.yAxis.max;return{min:r,max:e===r?e+1:e}}let r=Number.POSITIVE_INFINITY,e=Number.NEGATIVE_INFINITY;for(const o of this.data.series)for(const s of o.values)Number.isFinite(s)&&(r=Math.min(r,s),e=Math.max(e,s));Number.isFinite(r)||(r=0,e=100);const o=this.yAxis.min??10*Math.floor(r/10),s=this.yAxis.max??10*Math.ceil(e/10);return{min:o,max:s===o?s+1:s}}normalizePoints(r){const{min:e,max:o}=this.getYRange(),s=o-e;return r.map(((o,t)=>({x:m+t/Math.max(r.length-1,1)*this.plotWidth,y:b+this.plotHeight-(o-e)/s*this.plotHeight})))}generatePath(r){if(r.length<2)return"";if("linear"===this.curveType)return r.map(((r,e)=>`${0===e?"M":"L"} ${r.x} ${r.y}`)).join(" ");let e=`M ${r[0].x} ${r[0].y}`;for(let o=1;o<r.length;o++){const s=r[o-1],t=r[o],i=.5;e+=` C ${s.x+(t.x-s.x)*i} ${s.y}, ${t.x-(t.x-s.x)*i} ${t.y}, ${t.x} ${t.y}`}return e}getSeriesColor(r,e){return r.color||i(e)}getYTicks(){const{min:r,max:e}=this.getYRange(),o=Math.max(this.yAxis.tickCount??5,1),s=(e-r)/o;return Array.from({length:o+1},((e,o)=>Math.round(r+s*o)))}handleColumnHover=(r,e)=>{this.hoveredIndex=e,this.tooltipVisible=!0,this.tooltipX=r.clientX,this.tooltipY=r.clientY,this.tooltipHeader=this.data.categories?.[e]||`Point ${e+1}`;const o=this.data.series.map(((r,o)=>({color:this.getSeriesColor(r,o),label:r.name,value:String(r.values[e]??0)})));this.tooltipItems=o;for(const o of this.data.series)this.bhPointHover.emit({seriesName:o.name,value:o.values[e]??0,category:this.data.categories?.[e],index:e,event:r});this.bhTooltipOpen.emit({header:this.tooltipHeader,items:o,x:this.tooltipX,y:this.tooltipY})};handleColumnMove=r=>{this.tooltipVisible&&(this.tooltipX=r.clientX,this.tooltipY=r.clientY)};handleColumnClick=(r,e)=>{for(const o of this.data.series)this.bhPointClick.emit({seriesName:o.name,value:o.values[e]??0,category:this.data.categories?.[e],index:e,event:r})};handleColumnLeave=(r,e)=>{this.hoveredIndex=null,this.tooltipVisible=!1;for(const o of this.data.series)this.bhPointLeave.emit({seriesName:o.name,category:this.data.categories?.[e],index:e,event:r});this.bhTooltipClose.emit()};renderGrid(){if(!this.showGrid)return null;const r=this.getYTicks(),{min:e,max:o}=this.getYRange(),t=o-e;return s("g",{class:"line-chart-grid"},r.map((r=>{const o=b+this.plotHeight-(r-e)/t*this.plotHeight;return s("line",{class:"grid-line",key:`grid-${r}`,x1:m,x2:this.width-20,y1:o,y2:o})})))}renderAxes(){const r=this.getYTicks(),{min:e,max:o}=this.getYRange(),t=o-e,i=this.data.series[0]?.values.length??0;return s("g",{class:"line-chart-axes"},r.map((r=>s("text",{class:"axis-label y-axis-label","dominant-baseline":"middle",key:`ytick-${r}`,"text-anchor":"end",x:42,y:b+this.plotHeight-(r-e)/t*this.plotHeight},r))),this.yAxis.label&&s("text",{class:"axis-title y-axis-title","text-anchor":"middle",transform:`rotate(-90, 14, ${b+this.plotHeight/2})`,x:14,y:b+this.plotHeight/2},this.yAxis.label),this.data.categories?.map(((r,e)=>{const o=m+e/Math.max(i-1,1)*this.plotWidth;return s("text",{class:"axis-label x-axis-label","dominant-baseline":"hanging",key:`xcat-${e}`,"text-anchor":"middle",x:o,y:b+this.plotHeight+12},r)})),this.xAxis.label&&s("text",{class:"axis-title x-axis-title","text-anchor":"middle",x:m+this.plotWidth/2,y:this.height-4},this.xAxis.label))}renderSeries(){return s("g",{class:"line-chart-series"},this.data.series.map(((r,e)=>{const o=this.normalizePoints(r.values),t=this.generatePath(o),i=this.getSeriesColor(r,e);return s("g",{class:"series-group",key:r.name},s("path",{class:{"series-line":!0,"series-line-animated":this.animated},d:t,fill:"none",stroke:i,"stroke-width":"2",style:{animationDelay:this.animated?.2*e+"s":"0s"}}),o.map(((e,o)=>s("circle",{class:{"data-point":!0,"data-point-visible":this.showDots||this.hoveredIndex===o},cx:e.x,cy:e.y,fill:i,key:`${r.name}-${o}`,r:4,stroke:"var(--color-bg-primary, white)","stroke-width":2}))))})))}renderHoverColumns(){const r=this.data.series[0]?.values.length??0;if(0===r)return null;const e=this.plotWidth/Math.max(r-1,1);return s("g",{class:"line-chart-hover-columns"},Array.from({length:r},((o,t)=>{const i=m+t/Math.max(r-1,1)*this.plotWidth-e/2;return s("rect",{class:{"hover-column":!0,"hover-column-active":this.hoveredIndex===t},fill:"transparent",height:this.plotHeight,key:`hover-${t}`,onClick:r=>this.handleColumnClick(r,t),onMouseEnter:r=>this.handleColumnHover(r,t),onMouseLeave:r=>this.handleColumnLeave(r,t),onMouseMove:this.handleColumnMove,width:e,x:i,y:b})})))}renderLegend(){return this.showLegend&&0!==this.data.series.length?s("div",{class:"line-chart-legend",part:"legend"},this.data.series.map(((r,e)=>s("div",{class:"legend-item",key:r.name},s("span",{class:"legend-dot",style:{backgroundColor:this.getSeriesColor(r,e)}}),s("span",{class:"legend-label"},r.name))))):null}render(){return s(t,{key:"3df2eff8c7b872a3899d816019cea6df2ccfc286"},s("div",{key:"377eaed61df5041bbbf731952d0f547143d68755",class:{"line-chart":!0,"line-chart-animated":this.animated},part:"container"},this.renderLegend(),s("svg",{key:"581e67c536caae9a770867edd6db96b6439ece0e","aria-label":n("bh-line-chart","ariaLabel",this.ariaLabel,"Line chart"),class:"line-chart-svg",height:this.height,role:"img",viewBox:`0 0 ${this.width} ${this.height}`,width:this.width},this.renderGrid(),this.renderAxes(),this.renderSeries(),this.renderHoverColumns())),s("bh-chart-tooltip",{key:"923fc6f0be04dcd9f22ae4fa4aa0a9ac5f680909","aria-hidden":this.tooltipVisible?void 0:"true",header:this.tooltipHeader,items:this.tooltipItems,visible:this.tooltipVisible,x:this.tooltipX,y:this.tooltipY}))}};g.style=' @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-line-chart-grid-color: var( --bh-chart-grid-color, var(--color-neutral-200, hsl(227deg 25% 89%)) ); --bh-line-chart-axis-color: var( --bh-chart-axis-color, var(--color-neutral-300, hsl(224deg 24% 78%)) ); --bh-line-chart-label-color: var( --bh-chart-label-color, var(--color-neutral-600, hsl(226deg 24% 38%)) ); --bh-line-chart-label-size: var(--text-xs-size, 0.75rem); --bh-line-chart-title-size: var(--text-sm-size, 0.875rem); } } @layer bh-base { .line-chart { display: flex; flex-direction: column; font-family: var(--font-inter, system-ui, sans-serif); } .line-chart-svg { overflow: visible; } .grid-line { stroke: var(--bh-line-chart-grid-color); stroke-width: 1; opacity: 0.5; } .axis-label { fill: var(--bh-line-chart-label-color); font-size: var(--bh-line-chart-label-size); font-family: var(--font-inter, system-ui, sans-serif); user-select: none; } .axis-title { fill: var(--bh-line-chart-label-color); font-size: var(--bh-line-chart-title-size); font-family: var(--font-inter, system-ui, sans-serif); font-weight: var(--weight-medium, 500); user-select: none; } .series-line { stroke-linecap: round; stroke-linejoin: round; } .data-point { opacity: 0; transition: opacity var(--animation-duration-fast) ease; pointer-events: none; } .data-point-visible { opacity: 1; } .hover-column { cursor: pointer; } .line-chart-legend { display: flex; justify-content: flex-end; gap: var(--spacing-lg, 12px); padding-bottom: var(--spacing-xs, 4px); } .legend-item { display: flex; align-items: center; gap: var(--spacing-xs, 4px); font-size: var(--text-xs-size, 0.75rem); color: var(--bh-line-chart-label-color); } .legend-dot { width: 8px; height: 8px; border-radius: var(--radius-full, 9999px); flex-shrink: 0; } } @layer bh-variants { .series-line-animated { stroke-dasharray: 2000; stroke-dashoffset: 2000; animation: lineChartDraw 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards; } } @layer bh-states { .hover-column-active { fill: color-mix(in srgb, var(--color-bg-tertiary, hsl(224, 25%, 95%)) 30%, transparent); } .series-line:hover { stroke-width: 3; } } @layer bh-utilities { @keyframes lineChartDraw { to { stroke-dashoffset: 0; } } @media (prefers-reduced-motion: reduce) { .series-line-animated { animation: none; stroke-dasharray: none; stroke-dashoffset: 0; } .data-point { transition: none; } } }';export{g as bh_line_chart}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as r,h as a,H as t}from"./p-CTHvNfIu.js";import{c as o}from"./p-CMKOFHIa.js";import{m as s,M as i}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import{B as n,r as c}from"./p-BNVOtH-1.js";const h=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],d=class{constructor(a){e(this,a),this.bhChange=r(this,"bhChange"),this.bhPresetSelect=r(this,"bhPresetSelect")}logger=o("bh-date-range-picker-content");i18nUnsubscribe;_i18nVersion=0;minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];showOtherMonthDays=!0;showDateInputs=!1;showPresetRanges=!1;showPresetSidebar=!1;startDatePlaceholder="Start date";endDatePlaceholder="End date";value;selectedRange=null;leftMonth=(new Date).getMonth();leftYear=(new Date).getFullYear();rightMonth=((new Date).getMonth()+1)%12;rightYear=11===(new Date).getMonth()?(new Date).getFullYear()+1:(new Date).getFullYear();bhChange;bhPresetSelect;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),s.increment(i.COMPONENT_ERROR,{component:"bh-date-range-picker-content",error_type:e instanceof Error?e.name:"unknown"}),l("bh-date-range-picker-content",e)}handleValueChange(e){this.selectedRange=void 0===e?null:{...e}}componentWillLoad(){const e=new Date,r=e.getMonth(),a=e.getFullYear();this.leftMonth=r,this.leftYear=a;const t=this.getNextMonth(r,a);this.rightMonth=t.month,this.rightYear=t.year,this.value&&(this.selectedRange=this.value),this.i18nUnsubscribe=n.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}getNextMonth(e,r){const a=e+1;return a>11?{month:0,year:r+1}:{month:a,year:r}}getPreviousMonth(e,r){const a=e-1;return a<0?{month:11,year:r-1}:{month:a,year:r}}presetSidebarOptions=[{label:"Today",value:"today"},{label:"Yesterday",value:"yesterday"},{label:"This week",value:"this-week"},{label:"Last week",value:"last-week"},{label:"This month",value:"this-month"},{label:"Last month",value:"last-month"},{label:"This year",value:"this-year"},{label:"Last year",value:"last-year"},{label:"All time",value:"all-time"}];formatDate(e){return e?`${h[e.month]} ${e.day}, ${e.year}`:""}handleLeftDateSelect=e=>{e.stopPropagation(),this.handleDateSelect(e.detail)};handleRightDateSelect=e=>{e.stopPropagation(),this.handleDateSelect(e.detail)};handleDateSelect(e){if(!e)return;let r;if(!this.selectedRange?.startDate||this.selectedRange.startDate&&this.selectedRange.endDate)r={startDate:e,endDate:null};else if(this.selectedRange.startDate&&!this.selectedRange.endDate){const a=this.selectedRange.startDate;r=e.year>a.year||e.year===a.year&&e.month>a.month||e.year===a.year&&e.month===a.month&&e.day>a.day?{startDate:a,endDate:e}:{startDate:e,endDate:a}}else r={startDate:e,endDate:null};this.selectedRange=r,this.bhChange.emit(r)}handleLeftMonthYearChange=e=>{const{month:r,year:a}=e.detail;if(this.leftMonth=r,this.leftYear=a,a>this.rightYear||a===this.rightYear&&r>=this.rightMonth){const e=this.getNextMonth(r,a);this.rightMonth=e.month,this.rightYear=e.year}};handleRightMonthYearChange=e=>{const{month:r,year:a}=e.detail;if(this.rightMonth=r,this.rightYear=a,a<this.leftYear||a===this.leftYear&&r<=this.leftMonth){const e=this.getPreviousMonth(r,a);this.leftMonth=e.month,this.leftYear=e.year}};render(){return a(t,{key:"2873c8e1502ca19ee5025f38d0b36afc6a370e02"},a("div",{key:"76fa3f6d28afe10a23092da5adf0d651f4115d62",class:{"date-range-picker-content":!0,"has-sidebar":this.showPresetSidebar},part:"container"},this.showPresetSidebar&&a("div",{key:"807fb5e9d659943c371f11858bb5f8ff2ad6b763",class:"preset-sidebar",part:"preset-sidebar"},this.presetSidebarOptions.map((e=>a("button",{class:"preset-sidebar-item",key:e.value,onClick:()=>this.bhPresetSelect.emit(e.value),type:"button"},e.label)))),a("div",{key:"6c537ad636a758e3464bea0a0dc8f9ff49568e61",class:"date-range-main"},this.showDateInputs&&a("div",{key:"6c82c5fdd67aed508da0e8f2c115301f47c0fbc2",class:"date-range-inputs",part:"date-inputs"},a("bh-input-text",{key:"4a0a345a8ac4579fc288cb25ba3be85f0d7daf7a",placeholder:c("bh-date-range-picker-content","startDatePlaceholder",this.startDatePlaceholder,"Start date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:!1,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.selectedRange?.startDate??null)}),a("span",{key:"89337f017a0190e3b5352f2bc3466bc0cca98091",class:"date-range-separator"},"–"),a("bh-input-text",{key:"45697ddc84b7b84ff1f8dc6169f11a4f000121d5",placeholder:c("bh-date-range-picker-content","endDatePlaceholder",this.endDatePlaceholder,"End date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:!1,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.selectedRange?.endDate??null)})),this.showPresetRanges&&a("div",{key:"c6b2de889965088cbdde0c4e6ee6ee916895705a",class:"preset-ranges",part:"preset-ranges"},a("bh-button",{key:"2c0162a46e7242f60194a301494374ead966ab62",hierarchy:"tertiary",label:"Last week",onBhClick:()=>this.bhPresetSelect.emit("last-week"),size:"sm"}),a("bh-button",{key:"2524509e8026649c62276a1109c159f16e6bf48f",hierarchy:"tertiary",label:"Last month",onBhClick:()=>this.bhPresetSelect.emit("last-month"),size:"sm"}),a("bh-button",{key:"e1bb42043248316008271fbf6d8a3c5c0342ce72",hierarchy:"tertiary",label:"Last year",onBhClick:()=>this.bhPresetSelect.emit("last-year"),size:"sm"})),a("div",{key:"0f23d9455df550d6e10ca31c54138aa1c46d5432",class:"date-pickers",part:"date-pickers"},a("div",{key:"9ddef93db31778e910f3dc2a33930f68d342702c",class:"left-picker",part:"left-picker"},a("bh-date-picker-content",{key:"91d9bd5c0693972525431db8bef04095dc493cf8",disabled:this.disabled,disabledDates:this.disabledDates,displayMonth:this.leftMonth,displayYear:this.leftYear,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleLeftDateSelect,onBhMonthChange:this.handleLeftMonthYearChange,rangeEnd:this.selectedRange?.endDate??void 0,rangeStart:this.selectedRange?.startDate??void 0,showOtherMonthDays:this.showOtherMonthDays})),a("div",{key:"b73d3c8ab9463ea43d86dbe4102f77b3bd66ea42",class:"right-picker",part:"right-picker"},a("bh-date-picker-content",{key:"d17c3ec80cf8bf7b7ad4c80dd523308e5824c21a",disabled:this.disabled,disabledDates:this.disabledDates,displayMonth:this.rightMonth,displayYear:this.rightYear,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleRightDateSelect,onBhMonthChange:this.handleRightMonthYearChange,rangeEnd:this.selectedRange?.endDate??void 0,rangeStart:this.selectedRange?.startDate??void 0,showOtherMonthDays:this.showOtherMonthDays}))))))}static get watchers(){return{value:[{handleValueChange:0}]}}};d.style=' @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-date-range-picker-font-family: var(--font-inter); --bh-date-range-picker-gap: var(--spacing-sm); --bh-date-range-picker-divider-color: var(--color-border-secondary); --bh-date-range-picker-sidebar-width: 160px; --bh-date-range-picker-sidebar-bg: var(--color-bg-primary); --bh-date-range-picker-sidebar-item-color: var(--color-text-secondary); --bh-date-range-picker-sidebar-item-hover-bg: var(--color-brand-100); --bh-date-range-picker-sidebar-item-hover-color: var( --color-text-interactive ); --bh-date-range-picker-separator-color: var(--color-text-tertiary); } } @layer bh-base { .date-range-picker-content { display: flex; flex-direction: column; font-family: var(--bh-date-range-picker-font-family); width: fit-content; } .date-range-picker-content.has-sidebar { flex-direction: row; } .date-range-main { display: flex; flex-direction: column; flex: 1; } .date-range-inputs { display: flex; flex-direction: row; align-items: center; gap: var(--bh-date-range-picker-gap); padding: var(--spacing-sm) var(--spacing-md); } .date-range-separator { color: var(--bh-date-range-picker-separator-color); font-size: var(--text-md-size); flex-shrink: 0; } .preset-ranges { display: flex; flex-direction: row; gap: var(--bh-date-range-picker-gap); padding: var(--spacing-sm) var(--spacing-md); } .preset-sidebar { display: flex; flex-direction: column; width: var(--bh-date-range-picker-sidebar-width); background: var(--bh-date-range-picker-sidebar-bg); border-right: 1px solid var(--bh-date-range-picker-divider-color); padding: var(--spacing-sm) 0; } .preset-sidebar-item { display: flex; align-items: center; padding: var(--spacing-xs) var(--spacing-md); background: none; border: none; cursor: pointer; font-family: var(--bh-date-range-picker-font-family); font-size: var(--text-sm-size); color: var(--bh-date-range-picker-sidebar-item-color); text-align: left; width: 100%; transition: all var(--animation-duration-fast, 150ms) var(--animation-easing-ease, ease); } .preset-sidebar-item:hover { background: var(--bh-date-range-picker-sidebar-item-hover-bg); color: var(--bh-date-range-picker-sidebar-item-hover-color); } .date-pickers { display: flex; flex-direction: row; width: 100%; position: relative; gap: var(--bh-date-range-picker-gap); } .date-pickers::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 1px; height: 100%; background: var(--bh-date-range-picker-divider-color); pointer-events: none; z-index: 1; } .left-picker { display: flex; flex-direction: column; width: 296px; } .right-picker { display: flex; flex-direction: column; width: 296px; } } @layer bh-utilities { @media (max-width: 768px) { .date-range-picker-content { width: 320px; } .date-range-picker-content.has-sidebar { flex-direction: column; } .preset-sidebar { flex-direction: row; width: 100%; border-right: none; border-bottom: 1px solid var(--bh-date-range-picker-divider-color); overflow-x: auto; padding: var(--spacing-xs) var(--spacing-sm); } .preset-sidebar-item { white-space: nowrap; width: auto; padding: var(--spacing-xs) var(--spacing-sm); } .date-pickers { flex-direction: column; } .date-pickers::after { display: none; } .left-picker, .right-picker { width: 100%; } } }';export{d as bh_date_range_picker_content}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as o,h as e,H as a}from"./p-CTHvNfIu.js";import{c as t}from"./p-CMKOFHIa.js";import{m as s,M as n}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";const i=class{constructor(e){r(this,e),this.bhPointClick=o(this,"bhPointClick"),this.bhPointHover=o(this,"bhPointHover"),this.bhPointLeave=o(this,"bhPointLeave"),this.bhLineHover=o(this,"bhLineHover"),this.bhTooltipOpen=o(this,"bhTooltipOpen"),this.bhTooltipClose=o(this,"bhTooltipClose"),this.bhError=o(this,"bhError")}logger=t("bh-trend-chart");trend="positive";data=[20,45,30,60,35,70,40];animated=!0;variant="line-only";width=112;height=56;bhPointClick;bhPointHover;bhPointLeave;bhLineHover;bhTooltipOpen;bhTooltipClose;bhError;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),s.increment(n.COMPONENT_ERROR,{component:"bh-trend-chart",error_type:r instanceof Error?r.name:"unknown"}),l("bh-trend-chart",r),this.bhError.emit({error:r})}handlePointClick=(r,o,e,a,t)=>{this.bhPointClick.emit({value:o,index:e,x:a,y:t,event:r})};handlePointHover=(r,o,e,a,t)=>{this.bhPointHover.emit({value:o,index:e,x:a,y:t,event:r}),this.bhTooltipOpen.emit({value:o,index:e,x:a,y:t})};handlePointLeave=(r,o,e,a,t)=>{this.bhPointLeave.emit({value:o,index:e,x:a,y:t,event:r}),this.bhTooltipClose.emit()};handleLineHover=r=>{this.bhLineHover.emit({event:r})};normalizeData(){const r=this.data.reduce(((r,o)=>Math.max(r,o)),Number.NEGATIVE_INFINITY),o=this.data.reduce(((r,o)=>Math.min(r,o)),Number.POSITIVE_INFINITY),e=r-o||1;return this.data.map(((r,a)=>({x:a/Math.max(this.data.length-1,1)*this.width,y:this.height-(r-o)/e*(this.height-20)-10})))}generatePath(r){if(r.length<2)return"";let o=`M ${r[0].x} ${r[0].y}`;for(let e=1;e<r.length;e++){const a=r[e-1],t=r[e],s=.5;o+=` C ${a.x+(t.x-a.x)*s} ${a.y}, ${t.x-(t.x-a.x)*s} ${t.y}, ${t.x} ${t.y}`}return o}generateBackgroundPath(r){if(r.length<2)return"";let o=`M ${r[0].x} ${this.height}`;o+=` L ${r[0].x} ${r[0].y}`;for(let e=1;e<r.length;e++){const a=r[e-1],t=r[e],s=.5;o+=` C ${a.x+(t.x-a.x)*s} ${a.y}, ${t.x-(t.x-a.x)*s} ${t.y}, ${t.x} ${t.y}`}return o+=` L ${r.at(-1).x} ${this.height}`,o+=" Z",o}getStrokeColor(){switch(this.trend){case"positive":return"var(--color-text-success)";case"negative":return"var(--color-text-error)";default:return"var(--color-text-secondary)"}}getFillColor(){switch(this.trend){case"positive":return"var(--color-bg-success)";case"negative":return"var(--color-bg-destructive)";default:return"var(--color-bg-secondary)"}}render(){const r=this.normalizeData(),o=this.generatePath(r),t="line-only"===this.variant?"":this.generateBackgroundPath(r),s=this.getStrokeColor(),n=this.getFillColor(),l=`gradient-${this.trend}`;return e(a,{key:"ea8d6b51e373124621786bbd4ca7c62df12bd9c6"},e("div",{key:"e9153f8a5efc172330635244a1c4744109a09e8b",class:{"trend-chart":!0,[`trend-chart-${this.trend}`]:!0,[`trend-chart-${this.variant}`]:!0,"trend-chart-animated":this.animated},part:"container"},e("svg",{key:"9f809a7f4d5f81182b172904ad83366675fe7b55","aria-label":`Trend chart showing ${this.trend} trend`,class:"chart-svg",height:this.height,role:"img",viewBox:`0 0 ${this.width} ${this.height}`,width:this.width},e("defs",{key:"12b674338f78e3046948a0db5c5f3bab546962ab"},e("linearGradient",{key:"cb1e1f2bd78cabcbcd04b16dec7c52ff98ba5dac",id:l,x1:"0%",x2:"0%",y1:"0%",y2:"100%"},e("stop",{key:"6e8e2ff7be1a4f400024d2e16827e00b3c6b5178",offset:"0%","stop-color":n,"stop-opacity":"fill-only"===this.variant?.4:.2}),e("stop",{key:"9ed743ef3ca3ce5163182f4a72851c47ba0b90a5",offset:"100%","stop-color":n,"stop-opacity":"fill-only"===this.variant?.1:.05}))),t&&"line-only"!==this.variant&&e("path",{key:"70e5d76147769bfc2139c26635406bc18d6b88d1",class:"chart-background",d:t,fill:`url(#${l})`}),o&&"fill-only"!==this.variant&&e("path",{key:"c80a4d83bcf81dec0523f27e59d9b26be8a3bfd0",class:"chart-line",d:o,fill:"none",onMouseEnter:this.handleLineHover,stroke:s,"stroke-width":"2"}),t&&"line-only"!==this.variant&&e("path",{key:"53dc5a1878481379e089b9f24a2e2d16d1b9294d",class:"chart-background-hover",d:t,fill:"transparent",onMouseEnter:this.handleLineHover}),r.map(((r,o)=>e("circle",{class:"chart-point",cx:r.x,cy:r.y,fill:s,key:o,onClick:e=>this.handlePointClick(e,this.data[o],o,r.x,r.y),onMouseEnter:e=>this.handlePointHover(e,this.data[o],o,r.x,r.y),onMouseLeave:e=>this.handlePointLeave(e,this.data[o],o,r.x,r.y),opacity:"0",r:"6"}))))))}};i.style=' @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: inline-block; --bh-trend-chart-animation-easing: var(--animation-ease-smooth, ease-out); --bh-trend-chart-fade-duration: 0.6s; --bh-trend-chart-line-draw-duration: 1.2s; --bh-trend-chart-bg-fill-duration: 0.8s; --bh-trend-chart-line-only-duration: 4s; --bh-trend-chart-animation-delay: 0.3s; } } @layer bh-base { .trend-chart { position: relative; display: inline-block; width: fit-content; height: fit-content; } .trend-chart:not(.trend-chart-animated) .chart-line { stroke-dasharray: none; } .trend-chart:not(.trend-chart-animated) .chart-background { opacity: 1; } .chart-svg { overflow: visible; } } @layer bh-variants { .trend-chart-animated { animation: chartFadeIn var(--bh-trend-chart-fade-duration) var(--bh-trend-chart-animation-easing) forwards; } .trend-chart-animated .chart-line { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: pathDraw var(--bh-trend-chart-line-draw-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards; } .trend-chart-animated .chart-background { transform-origin: bottom; animation: backgroundFill var(--bh-trend-chart-bg-fill-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards; opacity: 0; } .trend-chart-animated { } .trend-chart-animated.trend-chart-line-only .chart-line { animation: pathDrawSlow var(--bh-trend-chart-line-only-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards; } } @layer bh-utilities { @keyframes chartFadeIn { from { opacity: 0; transform: translateY(10px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes backgroundFill { from { opacity: 0; transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); } } @keyframes pathDraw { to { stroke-dashoffset: 0; } } @keyframes pathDrawSlow { to { stroke-dashoffset: 0; } } @media (prefers-reduced-motion: reduce) { .trend-chart-animated, .trend-chart-animated .chart-line, .trend-chart-animated .chart-background { animation: none; opacity: 1; transform: none; stroke-dasharray: none; } } }';export{i as bh_trend_chart}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,a as s,h as a,H as i}from"./p-CTHvNfIu.js";import{c as r}from"./p-CFlb5gKI.js";import{m as o}from"./p-CBTS9Vhx.js";import{c as n}from"./p-CMKOFHIa.js";import{B as c,r as h}from"./p-BNVOtH-1.js";import"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const l=class{constructor(s){e(this,s),this.bhOpen=t(this,"bhOpen"),this.bhClose=t(this,"bhClose"),this.bhChange=t(this,"bhChange"),this.bhItemClick=t(this,"bhItemClick"),this.bhAction=t(this,"bhAction")}logger=n("bh-command-bar");dismissalManager;i18nUnsubscribe;inputRef;pendingFocus=!1;_i18nVersion=0;get el(){return s(this)}sections=[];open=!1;hotkey;placeholder="Type a command or search";emptyMessage="No results found";size="md";navigateLabel="Navigate";selectLabel="Select";closeLabel="Close";backLabel="Return to parent";settingsAriaLabel="Command bar settings";query="";activeIndex=-1;levelStack=[];bhOpen;bhClose;bhChange;bhItemClick;bhAction;handleOpenChange(e){e?(this.dismissalManager?.enable(),this.pendingFocus=!0):(this.dismissalManager?.disable(),this.resetNavigation())}componentWillLoad(){this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.dismissalManager=r(this.el,{onDismiss:()=>this.setOpen(!1),escapeKey:!0,clickOutside:!0,focusLoss:!1}),this.hotkey&&document.addEventListener("keydown",this.handleGlobalKeyDown),this.open&&(this.dismissalManager.enable(),this.pendingFocus=!0,this.focusPendingInput())}componentDidRender(){this.focusPendingInput()}disconnectedCallback(){this.dismissalManager?.destroy(),document.removeEventListener("keydown",this.handleGlobalKeyDown),this.i18nUnsubscribe?.()}async show(){this.setOpen(!0)}async hide(){this.setOpen(!1)}parseSections(){if("string"!=typeof this.sections)return this.sections;if(""===this.sections.trim())return[];try{return JSON.parse(this.sections)}catch(e){return this.logger.error("Invalid sections JSON",e instanceof Error?e:new Error(String(e))),[]}}currentSections(){const e=this.levelStack.at(-1);return e?[{id:e.id,items:e.children??[]}]:this.parseSections()}matchesQuery(e){const t=this.query.trim().toLowerCase();return!t||[e.label,e.description,e.path].filter((e=>Boolean(e))).some((e=>e.toLowerCase().includes(t)))}visibleSections(){return this.currentSections().map((e=>({...e,items:e.items.filter((e=>this.matchesQuery(e)))}))).filter((e=>e.items.length>0))}flatItems(){return this.visibleSections().flatMap((e=>e.items.map((t=>({item:t,sectionId:e.id})))))}setOpen(e){this.open!==e&&(this.open=e,e?this.bhOpen.emit():this.bhClose.emit())}resetNavigation(){this.query="",this.activeIndex=-1,this.levelStack=[]}focusPendingInput(){this.pendingFocus&&this.inputRef&&(this.pendingFocus=!1,this.inputRef.focus())}selectItem(e){if(e.item.children?.length)return this.levelStack=[...this.levelStack,e.item],this.query="",void(this.activeIndex=-1);this.bhItemClick.emit({item:e.item,parents:[...this.levelStack]}),this.setOpen(!1)}popLevel(){0!==this.levelStack.length&&(this.levelStack=this.levelStack.slice(0,-1),this.query="",this.activeIndex=-1)}handleGlobalKeyDown=e=>{this.hotkey&&o(e,this.hotkey)&&(e.preventDefault(),this.setOpen(!this.open))};handleInput=e=>{this.query=e.target.value,this.activeIndex=-1,this.bhChange.emit({query:this.query})};handleInputKeyDown=e=>{const t=this.flatItems();switch(e.key){case"ArrowDown":e.preventDefault(),this.activeIndex=Math.min(this.activeIndex+1,t.length-1);break;case"ArrowUp":e.preventDefault(),this.activeIndex=Math.max(this.activeIndex-1,0);break;case"Enter":{const s=t[this.activeIndex];s&&(e.preventDefault(),this.selectItem(s));break}case"ArrowLeft":""===this.query&&this.levelStack.length>0&&(e.preventDefault(),this.popLevel())}};t(e,t,s){return h("bh-command-bar",e,t,s)}renderLeading(e){return e.author||e.avatarSrc?a("bh-avatar",{alt:e.author??"Avatar",imageSrc:e.avatarSrc,size:"sm",text:(t=e.author,(t??"").split(/\s+/).filter(Boolean).slice(0,2).map((e=>e[0]?.toUpperCase()??"")).join("")),variant:e.avatarSrc?"image":"text"}):e.icon?a("span",{"aria-hidden":"true",class:"material-symbols-outlined item-icon"},e.icon):null;var t}renderItem(e,t){const{item:s}=e,i=t===this.activeIndex;return a("li",{key:s.id},a("button",{"aria-selected":i?"true":"false",class:{item:!0,active:i,stacked:Boolean(s.description)},id:`command-item-${s.id}`,onClick:()=>this.selectItem(e),onMouseEnter:()=>{this.activeIndex=t},role:"option",type:"button"},this.renderLeading(s),a("span",{class:"item-text"},a("span",{class:"item-title-row"},a("span",{class:"item-label"},s.label),s.path&&a("span",{class:"item-path"},"/ ",s.path)),s.description&&a("span",{class:"item-description"},s.description)),s.shortcut&&a("bh-kbd",{class:"item-shortcut",keys:s.shortcut,size:"sm"})))}render(){const e=this.visibleSections(),t=this.flatItems()[this.activeIndex];let s=-1;return a(i,{key:"54e2f4837c8b0fc4e5b92c52b628f80397ed6445"},this.open&&a("div",{key:"9a5d11120654521375e73ae75086a65bf890b2df",class:"command-overlay",part:"overlay"},a("div",{key:"746412fe9951d6559811ecfb2b9e745ac0ff9566","aria-label":this.t("placeholder",this.placeholder,"Type a command or search"),class:"command-panel",part:"panel",role:"dialog"},a("div",{key:"4768665e2216175e2584677a6f674d3798abec6a",class:"search-row",part:"search"},a("span",{key:"f8f60412e2fb7e99c1feade97c55edf6daa113ac","aria-hidden":"true",class:"material-symbols-outlined search-icon"},"search"),a("input",{key:"5fccf974d7e8135fb342220e87c5e3cc46cc2ea8","aria-activedescendant":t?`command-item-${t.item.id}`:void 0,"aria-controls":"command-listbox","aria-expanded":"true",class:"search-input",onInput:this.handleInput,onKeyDown:this.handleInputKeyDown,placeholder:this.t("placeholder",this.placeholder,"Type a command or search"),ref:e=>this.inputRef=e,role:"combobox",type:"text",value:this.query}),this.hotkey&&a("bh-kbd",{key:"a1679a592009701871314b4d72273951561519e2",class:"search-hotkey",keys:this.hotkey,size:"sm"})),0===e.length?a("div",{class:"empty",part:"empty"},this.t("emptyMessage",this.emptyMessage,"No results found")):a("div",{class:"sections",id:"command-listbox",role:"listbox"},e.map((e=>a("div",{class:"section",key:e.id,part:"section"},e.heading&&a("div",{class:"section-heading",part:"section-heading"},e.heading),a("ul",{class:"section-list"},e.items.map((t=>(s++,this.renderItem({item:t,sectionId:e.id},s))))))))),a("div",{key:"19b300a97b04317f08901bca8c68addf28c9f0c0",class:"footer",part:"footer"},a("span",{key:"54fc5ce933582c61f0b0a443b6a5393a3bb7a611",class:"footer-hint"},a("bh-kbd",{key:"a85a3d7da6f07f2804f127fcdc916aef1d3cf11b",keys:"up",size:"sm"}),a("bh-kbd",{key:"ba853722f0108733feda41950b3ab6c4c0b5f1f9",keys:"down",size:"sm"}),this.t("navigateLabel",this.navigateLabel,"Navigate")),a("span",{key:"029347425d3ef4c4668b1252374eaae406edd523",class:"footer-hint"},a("bh-kbd",{key:"bc5cf9b570e063ff784731725a167ea719667e84",keys:"enter",size:"sm"}),this.t("selectLabel",this.selectLabel,"Select")),a("span",{key:"1045763438aaadf482a0b029565576d40b19f0a8",class:"footer-hint"},a("bh-kbd",{key:"f28c3cc16183d99a9b8170235ebf4a938444a17c",keys:"esc",size:"sm"}),this.t("closeLabel",this.closeLabel,"Close")),this.levelStack.length>0&&a("button",{key:"869eb3df053faf976a2a45162efb0616fe23836b",class:"footer-hint footer-back",onClick:()=>this.popLevel(),type:"button"},a("bh-kbd",{key:"1f6f4458ceef294533a79408a1c00ab4daa050e2",keys:"left",size:"sm"}),this.t("backLabel",this.backLabel,"Return to parent")),a("span",{key:"963d5c13c0afb675dbad3bac65a6e1f68888eaa7",class:"footer-settings"},a("bh-button-icon",{key:"82bc87df8a916a8c8ef586bfc2f5f51f684fc16f",ariaLabel:this.t("settingsAriaLabel",this.settingsAriaLabel,"Command bar settings"),hierarchy:"tertiary",iconName:"settings",onClick:()=>this.bhAction.emit({action:"settings"}),size:"sm"}))))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};l.style=":host{display:contents}.command-overlay{position:fixed;inset:0;z-index:var(--bh-z-index-modal-backdrop, 1040);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background:var(--color-surface-overlay, rgba(12, 17, 29, 0.6))}.command-panel{display:flex;flex-direction:column;width:var(--bh-command-bar-width, 560px);max-width:calc(100vw - 2 * var(--spacing-xl, 20px));max-height:var(--bh-command-bar-max-height, 60vh);overflow:hidden;background:var(--color-bg-primary, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl, 0 20px 24px -4px rgba(16, 24, 40, 0.1))}.search-row{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-lg, 16px);border-bottom:1px solid var(--color-border-secondary, #eaecf0)}.search-icon{font-size:var(--icon-size-md, 20px);color:var(--color-text-tertiary, #667085)}.search-input{flex:1;min-width:0;font-family:var(--font-inter, inherit);font-size:var(--text-md-size, 1rem);color:var(--color-text-primary, #101828);background:transparent;border:none;outline:none}.search-input::placeholder{color:var(--color-text-placeholder, #667085)}.sections{overflow-y:auto}.section{padding:var(--spacing-sm, 8px) 0}.section:not(:last-child){border-bottom:1px solid var(--color-border-secondary, #eaecf0)}.section-heading{padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);font-weight:var(--weight-medium, 500);color:var(--color-text-tertiary, #667085)}.section-list{margin:0;padding:0;list-style:none}.item{display:flex;gap:var(--spacing-md, 12px);align-items:center;width:100%;padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);text-align:left;font-family:var(--font-inter, inherit);background:transparent;border:none;cursor:pointer}.item.active{background:var(--color-bg-secondary, #f9fafb)}:host([size=md]) .item{padding-top:var(--spacing-md, 12px);padding-bottom:var(--spacing-md, 12px)}.item-icon{flex-shrink:0;font-size:var(--icon-size-md, 20px);color:var(--color-text-secondary, #475467)}.item-text{display:flex;flex:1;flex-direction:column;gap:var(--spacing-xxs, 2px);min-width:0}.item-title-row{display:flex;gap:var(--spacing-sm, 8px);align-items:baseline;min-width:0}.item-label{font-size:var(--text-sm-size, 0.875rem);font-weight:var(--weight-medium, 500);color:var(--color-text-primary, #101828);white-space:nowrap}.item-path{overflow:hidden;font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-interactive, #175cd3);text-overflow:ellipsis;white-space:nowrap}.item-description{font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467)}.item-shortcut{flex-shrink:0;margin-left:auto}.empty{padding:var(--spacing-3xl, 40px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);text-align:center}.footer{display:flex;gap:var(--spacing-lg, 16px);align-items:center;padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);border-top:1px solid var(--color-border-secondary, #eaecf0)}.footer-hint{display:inline-flex;gap:var(--spacing-xs, 4px);align-items:center;font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);color:var(--color-text-secondary, #475467)}.footer-back{padding:0;background:transparent;border:none;cursor:pointer}.footer-settings{margin-left:auto}";export{l as bh_command_bar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as e,H as r}from"./p-CTHvNfIu.js";import{s,k as i}from"./p-CBTS9Vhx.js";const t=class{constructor(e){a(this,e)}keys;size="sm";parseKeys(){return this.keys?s(this.keys).map(i):[]}render(){const a=this.parseKeys();return e(r,{key:"3d51397a2b634e4a10458247d573c77d924794a6"},e("span",{key:"0bf951bcf127ca9560dc669a63adaeb30ad091ea","aria-label":this.keys,class:{"kbd-group":!0,[`size-${this.size}`]:!0},part:"group"},a.length>0?a.map((a=>e("kbd",{class:"cap",key:a,part:"cap"},a))):e("kbd",{class:"cap",part:"cap"},e("slot",null))))}};t.style=":host{display:inline-flex}.kbd-group{display:inline-flex;gap:var(--spacing-xxs, 2px);align-items:center}.cap{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 var(--spacing-xs, 4px);font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);font-weight:var(--weight-medium, 500);line-height:20px;color:var(--color-text-secondary, #475467);background:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border-primary, #e4e7ec);border-bottom-width:2px;border-radius:var(--radius-sm, 6px)}.size-md .cap{min-width:24px;padding:0 var(--spacing-sm, 8px);font-size:var(--text-sm-size, 0.875rem);line-height:24px}";export{t as bh_kbd}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as n,H as r}from"./p-CTHvNfIu.js";import{c as d}from"./p-CMKOFHIa.js";import{m as t,M as c}from"./p-CSH9RXgl.js";import{r as e}from"./p-Xi3uD33F.js";const o="bh-card-content",i=class{constructor(n){a(this,n)}logger=d(o);padding="md";showDivider=!1;componentDidCatch(a){const n=a instanceof Error?a:new Error(String(a));this.logger.error("Component error caught",n),t.increment(c.COMPONENT_ERROR,{component:o,error_type:n.name}),e(o,a)}render(){const a={"card-content":!0,[`card-content-padding-${this.padding}`]:!0};return n(r,{key:"4050a64922f3a7a003841d29280b93022a4e3d68"},this.showDivider&&n("div",{key:"cdea7a3fc20ebe1542e9f228bf6de4fa9c2767f8",class:"card-content-divider",part:"divider"}),n("div",{key:"427b580123407b5a5882dbb9b133fe40d29a5e4a",class:a,part:"content"},n("slot",{key:"71b4063ff9525de41e7d4cd219d70437c408a3c0"})))}};i.style="@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)}}";export{i as bh_card_content}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as r,H as e}from"./p-CTHvNfIu.js";import{c as o}from"./p-CMKOFHIa.js";import{c as n}from"./p-YdVz1TeW.js";import{B as a,r as s}from"./p-BNVOtH-1.js";import{m as h,M as l}from"./p-CSH9RXgl.js";import{r as c}from"./p-Xi3uD33F.js";import{s as d,u as p}from"./p-DWWRC9ht.js";import{c as b,M as u}from"./p-R-A72b5e.js";const g=class{constructor(r){i(this,r),this.bhInput=t(this,"bhInput"),this.bhChange=t(this,"bhChange"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur"),this.bhHelpClick=t(this,"bhHelpClick"),this.bhVisibilityToggle=t(this,"bhVisibilityToggle"),this.bhValidityChange=t(this,"bhValidityChange"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}internals;logger=o("bh-input-password");focusState=n();inputEl;i18nUnsubscribe;_i18nVersion=0;label="";placeholder="";hintText="";showLabel=!0;showHintText=!0;showHelpIcon=!1;showLeadingIcon=!0;error=!1;disabled=!1;required=!1;readOnly=!1;size="md";helpIconTooltip="Password requirements";leadingIcon="lock";value="";name="";defaultValue="";validationMessage="";autocomplete="current-password";ariaDescribedBy;ariaErrorMessage;focusVersion=0;showPassword=!1;isDirty=!1;isTouched=!1;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;bhVisibilityToggle;bhValidityChange;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=a.onLocaleChange((()=>{this._i18nVersion++}))}componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:new Error(String(i))),h.increment(l.COMPONENT_ERROR,{component:"bh-input-password",error_type:i instanceof Error?i.name:"unknown"}),c("bh-input-password",i)}componentDidLoad(){d(this),p(this.internals,this.inputEl,this.validationMessage),this.inputEl&&this.inputEl.addEventListener("invalid",this.handleValidityChange)}disconnectedCallback(){this.inputEl&&this.inputEl.removeEventListener("invalid",this.handleValidityChange),this.i18nUnsubscribe?.()}formResetCallback(){this.value=this.defaultValue,this.isDirty=!1,this.isTouched=!1,this.showPassword=!1,this.inputEl&&(this.inputEl.value=this.defaultValue),d(this),p(this.internals,this.inputEl)}handleInput=i=>{const t=b(i.target.value,u);this.value=t.value,t.valid||c("bh-input-password",new Error(t.errors.map((i=>i.message)).join(", "))),this.isDirty||(this.isDirty=!0),this.bhInput.emit(this.value),d(this),p(this.internals,this.inputEl,this.validationMessage)};handleChange=()=>{this.bhChange.emit(this.value)};handleFocus=i=>{this.isTouched=!0,this.focusState.handleFocus(i,(()=>this.bhFocus.emit()))};handleBlur=i=>{this.focusState.handleBlur(i,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleKeyDown=()=>{};handleValidityChange=()=>{this.inputEl&&this.bhValidityChange.emit(this.inputEl.validity)};togglePasswordVisibility=()=>{this.disabled||(this.showPassword=!this.showPassword,this.bhVisibilityToggle.emit(this.showPassword))};handleHelpClick=()=>{this.bhHelpClick.emit()};render(){const i={"input-container":!0,[`input-container-${this.size}`]:!0,"input-container-focused":this.focusState.isFocused,"input-container-hover":this.focusState.isHovered&&!this.focusState.isFocused,"input-container-error":this.error,"input-container-disabled":this.disabled,"input-container-with-leading":this.showLeadingIcon};return r(e,{key:"e66cfe316166a2bb638bf12541e240c690a4ceb0"},r("div",{key:"1f08043e3e4d9fa0261cbea2e4b43afead3bd2b4",class:"input-wrapper",part:"wrapper"},r("bh-label",{key:"456b7a8823c8eec77bd7b9c85e0bccfde8ac6e49",disabled:this.disabled,helpIconTooltip:s("bh-input-password","helpIconTooltip",this.helpIconTooltip,"Password requirements"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpClick,required:this.required,showHelpIcon:this.showHelpIcon},r("div",{key:"3c9c983773f850d4599c7e9ec2c8628b39b58751",class:i,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container"},r("div",{key:"7aa7196b587ef16537c9a7baadf6bfb3a5e45886",class:"input-content"},this.showLeadingIcon&&r("span",{key:"e05f88c7f4b3217d6a5dc9596d6fc3b3b6ddda86","aria-hidden":"true",class:"material-symbols-outlined leading-icon",part:"prefix"},this.leadingIcon),r("input",{key:"a1f94981145494c89ec4977fc3986886201d7bdb","aria-describedby":[this.showHintText&&this.hintText?"hint-text":"",this.ariaDescribedBy].filter(Boolean).join(" ")||void 0,"aria-errormessage":this.ariaErrorMessage,"aria-invalid":this.error?"true":"false","aria-label":this.label,"aria-readonly":String(this.readOnly),"aria-required":String(this.required),autocomplete:this.autocomplete,class:"input-element","data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),disabled:this.disabled,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,part:"input",placeholder:this.placeholder,readOnly:this.readOnly,ref:i=>this.inputEl=i,required:this.required,type:this.showPassword?"text":"password",value:this.value})),r("button",{key:"a60a6bcbcf4e4711fa5d2827e02d56837473dd63","aria-label":this.showPassword?s("bh-input-password","hidePasswordAriaLabel",void 0,"Hide password"):s("bh-input-password","showPasswordAriaLabel",void 0,"Show password"),"aria-pressed":this.showPassword?"true":"false",class:"material-symbols-outlined visibility-toggle",disabled:this.disabled,onClick:this.togglePasswordVisibility,part:"suffix",type:"button"},this.showPassword?"visibility_off":"visibility"))),this.showHintText&&this.hintText&&r("div",{key:"bf55a8e45957b7faa8d476e5d41eb48f53d4b641",class:{"hint-text":!0,"hint-error":this.error},id:"hint-text"},this.hintText)))}static get formAssociated(){return!0}};g.style='@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-input-bg:var(--color-bg-primary);--bh-input-bg-disabled:var(--color-bg-disabled);--bh-input-color:var(--color-text-primary);--bh-input-color-placeholder:var(--color-neutral-400);--bh-input-border-color:var(--color-border-primary);--bh-input-border-color-hover:var(--color-border-interactive);--bh-input-border-color-focus:var(--color-border-interactive);--bh-input-border-color-error:var(--color-border-error);--bh-input-icon-color:var(--color-text-tertiary);--bh-input-icon-color-focus:var(--color-text-interactive);--bh-input-hint-color:var(--color-text-secondary);--bh-input-hint-error-color:var(--color-text-error);--bh-input-border-radius:var(--radius-md)}}@layer bh-base{.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.input-container{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);height:var(--bh-input-height-md);width:100%;background:var(--bh-input-bg);border:1px solid var(--bh-input-border-color);border-radius:var(--bh-input-border-radius);transition:border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;cursor:text;box-sizing:border-box}.input-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;height:100%;min-width:0}.input-element{flex:1;height:100%;border:none;outline:none;background:transparent;font-family:inherit;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--bh-input-color);min-width:60px;padding:0}.leading-icon{font-size:var(--text-xl-size);color:var(--bh-input-icon-color);user-select:none;flex-shrink:0;cursor:default;transition:color var(--animation-duration-normal) ease-in-out}.visibility-toggle{font-size:var(--text-xl-size);color:var(--bh-input-icon-color);cursor:pointer;user-select:none;flex-shrink:0;transition:color var(--animation-duration-normal) ease-in-out;background:none;border:none;padding:0;appearance:none}.hint-text{font-family:inherit;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--bh-input-hint-color)}}@layer bh-variants{.input-container-sm{height:var(--bh-input-height-sm)}.input-container-lg{height:var(--bh-input-height-lg)}}@layer bh-states{.input-container.input-container-hover{border-color:var(--bh-input-border-color-hover)}.input-container.input-container-focused{border-color:var(--bh-input-border-color-focus);box-shadow:0 0 0 1px var(--bh-input-border-color-focus)}.input-container.input-container-focused .leading-icon{color:var(--bh-input-icon-color-focus)}.input-container.input-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--bh-input-bg-disabled)}.input-container.input-container-disabled .visibility-toggle{cursor:not-allowed;pointer-events:none}.input-container.input-container-error{border-color:var(--bh-input-border-color-error)}.input-container.input-container-error.input-container-hover{border-color:var(--bh-input-border-color-error)}.input-container.input-container-error.input-container-focused{border-color:var(--bh-input-border-color-focus)}.input-element:focus{outline:none;border:none;box-shadow:none}.input-element::placeholder{color:var(--bh-input-color-placeholder)}.input-element:disabled{cursor:not-allowed}.visibility-toggle:hover{color:var(--bh-input-hint-color)}.hint-text.hint-error{color:var(--bh-input-hint-error-color)}}@layer bh-utilities{.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:var(--icon-size-md)}}';export{g as bh_input_password}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as e,H as t}from"./p-CTHvNfIu.js";import{c as r}from"./p-CMKOFHIa.js";import{m as a,M as n}from"./p-CSH9RXgl.js";import{r as i}from"./p-Xi3uD33F.js";const c="bh-section-footer",s=class{constructor(e){o(this,e)}logger=r(c);variant="section";showDivider=!0;componentDidCatch(o){const e=o instanceof Error?o:new Error(String(o));this.logger.error("Component error caught",e),a.increment(n.COMPONENT_ERROR,{component:c,error_type:e.name}),i(c,o)}render(){return e(t,{key:"f7a76395651e3b0ccba33a2b98a94ee860e692b1"},e("div",{key:"cd001abd5ba91fbce383d0597323d1341c992e2f",class:{"section-footer":!0,[`section-footer--${this.variant}`]:!0},part:"section-footer"},this.showDivider&&e("div",{key:"9fddc9b69d90c8a8738c8f6e38468d821be81d57",class:"divider",part:"divider"}),e("div",{key:"ed11e120d931df4ab34cfba46f56ef9b07b1b899",class:"content",part:"content"},e("slot",{key:"4bc61965522f792f203a8cbd1676e735dd14776c"}))))}};s.style="@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } :root { --bh-breakpoint-xs: 0; --bh-breakpoint-sm: 576px; --bh-breakpoint-md: 768px; --bh-breakpoint-lg: 992px; --bh-breakpoint-xl: 1200px; --bh-breakpoint-xxl: 1400px; --bh-container-sm: 540px; --bh-container-md: 720px; --bh-container-lg: 960px; --bh-container-xl: 1140px; --bh-container-xxl: 1320px; } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; padding: var(--spacing-md); --bh-section-footer-divider-color: var(--color-border-secondary); --bh-section-footer-gap: var(--spacing-md); --bh-section-footer-content-gap: var(--spacing-2xl); --bh-section-footer-actions-gap: var(--spacing-lg); } } @layer bh-base { .section-footer { display: flex; flex-direction: column; align-items: center; width: 100%; gap: var(--bh-section-footer-gap); } .divider { width: 100%; height: 1px; background-color: var(--bh-section-footer-divider-color); flex-shrink: 0; } .content { display: flex; align-items: center; justify-content: flex-end; width: 100%; gap: var(--bh-section-footer-content-gap); } } @layer bh-variants { .section-footer--section .content { padding: 0; } .section-footer--card { padding-bottom: var(--spacing-xl); } .section-footer--card .content { padding: 0 var(--spacing-3xl); } @media (max-width: 768px) { .section-footer--section { --bh-section-footer-gap: var(--spacing-xl); } .section-footer--card { --bh-section-footer-gap: var(--spacing-lg); padding-bottom: var(--spacing-lg); } .section-footer--card .content { padding: 0 var(--spacing-xl); gap: var(--spacing-xl); } } }";export{s as bh_section_footer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as a,a as s,h as e,H as i}from"./p-CTHvNfIu.js";import{c as r}from"./p-CMKOFHIa.js";import{m as o,M as n}from"./p-CSH9RXgl.js";import{r as b}from"./p-Xi3uD33F.js";import{K as h}from"./p-zdFuIabL.js";const l=class{constructor(s){t(this,s),this.bhChange=a(this,"bhChange"),this.bhReorder=a(this,"bhReorder"),this.bhItemClose=a(this,"bhItemClose")}logger=r("bh-tabs");get el(){return s(this)}variant="contained";orientation="horizontal";fullWidth=!1;value="";closable=!1;reorderable=!1;swipeable=!1;showScrollIndicators=!0;tablistId;ariaLevel="2";autoManagePanels=!1;bhChange;bhReorder;bhItemClose;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),o.increment(n.COMPONENT_ERROR,{component:"bh-tabs",error_type:t instanceof Error?t.name:"unknown"}),b("bh-tabs",t)}handleTabItemClick(t){t.stopPropagation();const a=t.detail.value;this.value!==a&&(this.value=a,this.bhChange.emit(a))}handleTabKeyNav(t){t.stopPropagation();const{key:a}=t.detail,s=this.getTabItems();if(0===s.length)return;const e=s.findIndex((t=>t.getAttribute("value")===this.value||t.value===this.value));let i=e;const r="horizontal"===this.orientation;switch(a){case h.ARROW_RIGHT:r&&(i=this.findAdjacentEnabledTab(s,e,1));break;case h.ARROW_LEFT:r&&(i=this.findAdjacentEnabledTab(s,e,-1));break;case h.ARROW_DOWN:r||(i=this.findAdjacentEnabledTab(s,e,1));break;case h.ARROW_UP:r||(i=this.findAdjacentEnabledTab(s,e,-1));break;case h.HOME:i=this.findNextEnabledTab(s,-1,1);break;case h.END:i=this.findNextEnabledTab(s,s.length,-1)}if(i!==e&&i>=0&&i<s.length){const t=s[i],a=t.getAttribute("value")||t.value;this.value=a,this.bhChange.emit(a);const e=t.shadowRoot?.querySelector("button");e?.focus()}}handleTabClose(t){t.target!==this.el&&(t.stopPropagation(),this.bhItemClose.emit({value:t.detail}))}handleTabReorder(t){t.target!==this.el&&(t.stopPropagation(),this.bhReorder.emit(t.detail))}componentDidLoad(){this.value||this.initializeFromActiveTab()}componentDidRender(){const t=this.getTabItems();for(const[a,s]of t.entries())s.setSize=t.length,s.posInSet=a+1,this.value&&(s.active=(s.getAttribute("value")||s.value)===this.value)}initializeFromActiveTab(){const t=this.getTabItems();if(0===t.length)return;const a=t.find((t=>{const a=t.getAttribute("active");return""===a||"true"===a}))??t[0],s=a.getAttribute("value")||a.value;s&&(this.value=s)}getTabItems(){return Array.from(this.el.querySelectorAll("bh-tab-item"))}findAdjacentEnabledTab(t,a,s){const e=t.length;for(let i=1;i<=e;i++){const r=((a+s*i)%e+e)%e,o=t[r];if("true"!==o.getAttribute("disabled")&&!o.disabled)return r}return a}findNextEnabledTab(t,a,s){let e=a+s;for(;e>=0&&e<t.length;){const a=t[e];if("true"!==a.getAttribute("disabled")&&!a.disabled)return e;e+=s}return a}render(){return e(i,{key:"959bd6dc3908532185cf569bd0b4e2d376711ff0",class:{tabs:!0,[`tabs-${this.variant}`]:!0,[`tabs-${this.orientation}`]:!0,"tabs-full-width":this.fullWidth}},e("div",{key:"d4a6ce9368c1bfe1ec434c0fc709b09986b2ab3e",class:"tabs-container",part:"container"},e("div",{key:"b6772c7747a48154476532635106139353d5cfa8","aria-level":this.ariaLevel,"aria-orientation":this.orientation,class:"tabs-list",id:this.tablistId,part:"list",role:"tablist"},e("slot",{key:"66c17f42b14ed8a72c36eed47e85dd43588322b7"}))))}};l.style='@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;width:100%;--bh-tabs-border-color:var(--color-border-secondary);--bh-tabs-active-color:var(--color-text-interactive);--bh-tabs-active-border-color:var(--color-text-interactive);--bh-tabs-inactive-color:var(--color-text-tertiary)}}@layer bh-base{.tabs-container{display:flex;flex-direction:column;width:100%}.tabs-list{display:flex;gap:var(--spacing-xs);padding:var(--spacing-none);position:relative}}@layer bh-variants{:host(.tabs-full-width) .tabs-list{width:100%;gap:0}:host(.tabs-underline.tabs-horizontal) .tabs-container{border-bottom:1px solid var(--bh-tabs-border-color)}:host(.tabs-underline.tabs-horizontal) .tabs-list{gap:var(--spacing-lg)}:host(.tabs-full-width.tabs-underline.tabs-horizontal) .tabs-list,:host(.tabs-full-width.tabs-contained) .tabs-list{gap:0}:host(.tabs-contained) .tabs-list{gap:var(--spacing-xs)}:host(.tabs-vertical){width:auto}:host(.tabs-vertical) .tabs-container{width:auto}:host(.tabs-vertical) .tabs-list{flex-direction:column;gap:var(--spacing-xs);width:var(--bh-tabs-vertical-width)}:host(.tabs-underline.tabs-vertical) .tabs-container{border-bottom:none}}';export{l as bh_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as r,H as e}from"./p-CTHvNfIu.js";import{c as o}from"./p-CMKOFHIa.js";import{m as t,M as c}from"./p-CSH9RXgl.js";import{r as n}from"./p-Xi3uD33F.js";const d="bh-card-footer",s=class{constructor(r){a(this,r)}logger=o(d);showDivider=!0;alignment="space-between";componentDidCatch(a){const r=a instanceof Error?a:new Error(String(a));this.logger.error("Component error caught",r),t.increment(c.COMPONENT_ERROR,{component:d,error_type:r.name}),n(d,a)}render(){const a={"card-footer-content":!0,[`card-footer-align-${this.alignment}`]:!0};return r(e,{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"})))))}};s.style="@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}}";export{s as bh_card_footer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as o,h as e,H as t}from"./p-CTHvNfIu.js";import{c as a}from"./p-CMKOFHIa.js";import{m as n,M as i}from"./p-CSH9RXgl.js";import{r as c}from"./p-Xi3uD33F.js";const s="bh-container-footer",d=class{constructor(e){r(this,e),this.bhAction=o(this,"bhAction")}logger=a(s);density="standard";buttonLabel="View report";bhAction;componentDidCatch(r){const o=r instanceof Error?r:new Error(String(r));this.logger.error("Component error caught",o),n.increment(i.COMPONENT_ERROR,{component:s,error_type:o.name}),c(s,r)}handleButtonClick=()=>{this.bhAction.emit({action:"primary"})};render(){return e(t,{key:"d062601c785a02084cb8e03dcce5c3b9ecfdeb0f"},e("div",{key:"731f23f4d07725c26020a868140839f4f651a9e8",class:{"container-footer":!0,[`container-footer-${this.density}`]:!0},part:"footer"},e("div",{key:"5c9fe20324619f047970622de67ada22d8ff40c2",class:"container-footer-content",part:"content"},e("bh-button",{key:"5ce58d0fda6bea0b1d8f2693aca5b0d54503c3cb",hierarchy:"tertiary",label:this.buttonLabel,onClick:this.handleButtonClick,size:"sm"}))))}};d.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{--bh-container-footer-bg:var(--color-bg-primary);--bh-container-footer-border-color:var(--color-border-secondary);--bh-container-footer-border-radius:var(--radius-xl);--bh-container-footer-content-padding:var(--spacing-md) var(--spacing-2xl);--bh-container-footer-minimal-padding:var(--spacing-sm) var(--spacing-2xl)}}@layer bh-base{.container-footer{background:var(--bh-container-footer-bg);border:1px solid var(--bh-container-footer-border-color);border-top:1px solid var(--bh-container-footer-border-color);border-radius:0 0 var(--bh-container-footer-border-radius) var(--bh-container-footer-border-radius);box-sizing:border-box;width:100%}.container-footer-content{display:flex;justify-content:flex-end;align-items:center;padding:var(--bh-container-footer-content-padding)}}@layer bh-variants{.container-footer-minimal .container-footer-content{padding:var(--bh-container-footer-minimal-padding)}}";export{d as bh_container_footer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,a as e,h as o,H as s}from"./p-CTHvNfIu.js";import{g as h}from"./p-CLrVoF3x.js";import{T as a,s as r}from"./p-_HEoiOQg.js";import{b as n,c as l,M as p}from"./p-R-A72b5e.js";import{c}from"./p-CMKOFHIa.js";import{c as u,a as d}from"./p-CS8F5LFw.js";import{c as b}from"./p-CKTtXT2O.js";import{r as m}from"./p-Xi3uD33F.js";import{t as f}from"./p-Bf0qW3wI.js";import{B as v,r as g}from"./p-BNVOtH-1.js";import{K as x}from"./p-zdFuIabL.js";import{A as w}from"./p-BoVgy_Ao.js";import"./p-CSH9RXgl.js";const I=class{constructor(e){t(this,e),this.bhInput=i(this,"bhInput"),this.bhChange=i(this,"bhChange"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.bhHelpClick=i(this,"bhHelpClick")}get el(){return e(this)}static LAYOUT={DEGRADED_MAX_OPTIONS:5,MIN_TAGS_CONTAINER_WIDTH:80,TAG_CHAR_WIDTH:8,TAG_BASE_PADDING:36,MAX_TAG_WIDTH:150,SEARCH_ICON_WIDTH:40,CLEAR_BUTTON_WIDTH:32,INPUT_MIN_WIDTH:60,CONTAINER_PADDING:24,TAG_SPACING:8,COUNTER_WIDTH:40,DEFAULT_CONTAINER_WIDTH:450};logger=c("bh-input-autocomplete");destroy$=u();blurSubscription;i18nUnsubscribe;menuId=h("bh-ac-menu");listboxId=`${this.menuId}-listbox`;_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=b({componentName:"bh-input-autocomplete",logger:this.logger})),this._errorHandler}state;error=!1;required=!1;disabled=!1;showHelpIcon=!1;showLeadingIcon=!0;showLabel=!0;showHintText=!0;label="";placeholder="";hintText="This is a hint text to help user.";leadingIcon="search";helpIconTooltip="Help";value="";width="450px";size="md";options=[];maxOptions=10;multiSelect=!1;minSearchLength=3;selectedItems=[];showDropdown=!1;autocompleteMenuEl;menuAnchor=new a;focusedOptionIndex=-1;isFocused=!1;isHovered=!1;isTagClickOpen=!1;filteringDegraded=!1;_i18nVersion=0;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;componentDidCatch(t){this.handleComponentError(t)}get safeWidth(){if(!this.width)return"";const t=n(this.width,50);return t.valid?t.value:(m("bh-input-autocomplete",new Error(`Invalid width: ${t.errors.map((t=>t.message)).join(", ")}`)),"450px")}handleValueChange(t){t&&t.length>=this.minSearchLength&&(this.showDropdown=!0)}get filteredOptions(){let t=[];if(this.isTagClickOpen&&this.multiSelect)t=this.selectedItems;else if(!this.showDropdown||this.value&&0!==this.value.length){if(this.value&&this.value.length>=this.minSearchLength){const i=this.value.toLowerCase();try{this.options.length>1e3?(this.filteringDegraded||(this.filteringDegraded=!0,this.logger.info("Using optimized prefix filtering for large dataset",{optionsCount:this.options.length})),t=this.options.filter((t=>t.label.toLowerCase().startsWith(i))).slice(0,Math.min(this.maxOptions,I.LAYOUT.DEGRADED_MAX_OPTIONS))):(t=this.options.filter((t=>t.label.toLowerCase().includes(i))).slice(0,this.maxOptions),this.filteringDegraded=!1)}catch(i){m("bh-input-autocomplete",i),t=this.options.slice(0,this.maxOptions)}}}else t=this.options.slice(0,this.maxOptions);return t.map((t=>({...t,selected:this.multiSelect&&this.selectedItems.some((i=>i.id===t.id))})))}get shouldShowClearButton(){return!this.disabled&&(this.multiSelect&&this.selectedItems.length>0||!this.multiSelect&&Boolean(this.value&&this.value.length>0))}get visibleTags(){if(!this.multiSelect||0===this.selectedItems.length)return{tags:[],remaining:0};const{LAYOUT:t}=I,i=Number.parseFloat(this.width.replace("px",""))||t.DEFAULT_CONTAINER_WIDTH,e=Math.max(i-((this.showLeadingIcon?t.SEARCH_ICON_WIDTH:0)+(this.shouldShowClearButton?t.CLEAR_BUTTON_WIDTH:0)+t.INPUT_MIN_WIDTH+t.CONTAINER_PADDING),t.MIN_TAGS_CONTAINER_WIDTH);let o=0;const s=[],h=this.selectedItems.toReversed();for(let i=0;i<h.length;i++){const a=h[i],r=Math.min(a.label.length*t.TAG_CHAR_WIDTH+t.TAG_BASE_PADDING,t.MAX_TAG_WIDTH);if(!(o+r+(h.length-(i+1)>0?t.COUNTER_WIDTH:0)<=e))break;s.push(a),o+=r+t.TAG_SPACING}const a=s.toReversed();return{tags:a,remaining:this.selectedItems.length-a.length}}get activeDescendantId(){if(this.showDropdown&&this.focusedOptionIndex>=0&&this.focusedOptionIndex<this.filteredOptions.length)return`${this.menuId}-option-${this.focusedOptionIndex}`}handleInputChange=t=>{const i=l(t.target.value,p);this.value=i.value,i.valid||m("bh-input-autocomplete",new Error(i.errors.map((t=>t.message)).join(", "))),this.bhInput.emit(this.value),this.isTagClickOpen=!1,this.value.length>=this.minSearchLength?this.focusedOptionIndex=-1:this.showDropdown=!1};handleInputFocus=()=>{this.isFocused=!0,this.bhFocus.emit(),this.value&&this.value.length>=this.minSearchLength&&this.filteredOptions.length>0&&(this.showDropdown=!0)};getInputTextState(){return"placeholder"===this.state?"default":"focused"===this.state?"focus":this.state}handleInputBlur=()=>{this.blurSubscription&&(this.blurSubscription.unsubscribe(),this.blurSubscription=void 0),this.destroy$&&(this.blurSubscription=f(w.BLUR_DELAY,this.destroy$)?.subscribe((()=>{this.isFocused=!1,this.showDropdown=!1,this.focusedOptionIndex=-1,this.isTagClickOpen=!1,this.bhBlur.emit(),this.blurSubscription=void 0})))};componentWillLoad(){this.i18nUnsubscribe=v.onLocaleChange((()=>{this._i18nVersion++}))}componentDidRender(){this.menuAnchor.sync(this.showDropdown,this.autocompleteMenuEl,this.el,{offset:4})}disconnectedCallback(){this.menuAnchor.destroy(),d(this.destroy$),this.blurSubscription&&(this.blurSubscription.unsubscribe(),this.blurSubscription=void 0),this.i18nUnsubscribe?.()}handleOptionSelect=t=>{const i=t.detail;if(!i.disabled)if(this.multiSelect){const t=this.selectedItems.some((t=>t.id===i.id))?this.selectedItems.filter((t=>t.id!==i.id)):[...this.selectedItems,i];this.selectedItems=t,this.bhChange.emit(t),this.value="",this.bhInput.emit(""),this.isTagClickOpen=!1,this.showDropdown=!1}else this.value=i.label,this.bhChange.emit(i),this.bhInput.emit(i.label),this.showDropdown=!1};handleTagRemove=t=>{const i=this.selectedItems.filter((i=>i.id!==t.id));this.selectedItems=i,this.bhChange.emit(i)};handleTagClick=t=>{t.target.closest(".tag-dismiss")||(t.preventDefault(),t.stopPropagation(),this.disabled||(this.isTagClickOpen=!0,this.showDropdown=!0,this.isFocused=!0))};handleClearAll=()=>{this.multiSelect&&(this.selectedItems=[],this.bhChange.emit([])),this.value="",this.bhInput.emit("")};handleKeyDown=t=>{if(this.showDropdown&&0!==this.filteredOptions.length)switch(t.key){case x.ARROW_DOWN:t.preventDefault(),this.focusedOptionIndex=this.focusedOptionIndex<this.filteredOptions.length-1?this.focusedOptionIndex+1:0;break;case x.ARROW_UP:t.preventDefault(),this.focusedOptionIndex=this.focusedOptionIndex>0?this.focusedOptionIndex-1:this.filteredOptions.length-1;break;case x.ENTER:t.preventDefault(),this.focusedOptionIndex>=0&&this.focusedOptionIndex<this.filteredOptions.length&&this.handleOptionSelect({detail:this.filteredOptions[this.focusedOptionIndex]});break;case x.ESCAPE:t.preventDefault(),this.showDropdown=!1,this.focusedOptionIndex=-1}};handleItemHover=t=>{this.focusedOptionIndex=t.detail};render(){const{tags:t,remaining:i}=this.visibleTags;return o(s,{key:"f082ab628b77d4a8e8b17a3e86532f5e40ed4ca9"},o("div",{key:"087b23a67b7cb2c142e3cfc6e390cceb693f1d8d",class:"input-autocomplete-wrapper",onKeyDown:this.handleKeyDown,part:"wrapper",style:{width:this.safeWidth}},this.multiSelect?o("div",{class:"input-wrapper",part:"input-wrapper"},o("bh-label",{disabled:this.disabled,helpIconTooltip:g("bh-input-autocomplete","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:()=>this.bhHelpClick.emit(),required:this.required,showHelpIcon:this.showHelpIcon},o("div",{class:{"input-field":!0,[`input-field-${this.size}`]:!0,"autocomplete-multi-input":!0,"input-error":this.error,"input-disabled":this.disabled,"input-focused":this.isFocused,"input-hover":this.isHovered},onMouseEnter:()=>!this.isFocused&&(this.isHovered=!0),onMouseLeave:()=>this.isHovered=!1,part:"input-field"},o("div",{class:"input-content-flow"},this.showLeadingIcon&&o("span",{class:"material-symbols-outlined leading-icon"},this.leadingIcon),t.map((t=>o("div",{class:"tag-wrapper",key:t.id,onClick:this.handleTagClick,onMouseDown:t=>t.preventDefault()},o("bh-tag",{disabled:this.disabled,dismissible:!this.disabled,label:t.label,maxWidth:150,onBhClose:()=>this.handleTagRemove(t),size:"sm",variant:"text-only"})))),i>0&&o("div",{class:"overflow-tag",onClick:this.handleTagClick,onMouseDown:t=>t.preventDefault()},o("bh-tag",{disabled:this.disabled,dismissible:!1,label:`+${i}`,size:"sm",variant:"text-only"})),o("input",{"aria-activedescendant":this.activeDescendantId,"aria-autocomplete":"list","aria-controls":this.listboxId,"aria-expanded":this.showDropdown?"true":"false","aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,class:"inline-input",disabled:this.disabled,onBlur:this.handleInputBlur,onFocus:this.handleInputFocus,onInput:this.handleInputChange,placeholder:0===t.length?this.placeholder:"",role:"combobox",type:"text",value:this.value}),this.shouldShowClearButton&&o("bh-button-icon",{disabled:this.disabled,hierarchy:"tertiary",iconName:"close",onBhClick:this.handleClearAll,size:"xs"})))),this.showHintText&&this.hintText&&o("div",{class:{"hint-text":!0,"hint-error":this.error,"hint-hidden":this.showDropdown}},this.hintText)):o("bh-input-text",{disabled:this.disabled,error:this.error,helpIconTooltip:g("bh-input-autocomplete","helpIconTooltip",this.helpIconTooltip,"Help"),hintText:this.hintText,label:this.label,leadingIcon:this.leadingIcon,onBhBlur:this.handleInputBlur,onBhFocus:this.handleInputFocus,onBhHelpClick:()=>this.bhHelpClick.emit(),onBhInput:t=>{this.value=t.detail,this.bhInput.emit(this.value),this.isTagClickOpen=!1,this.showDropdown=this.value.length>=this.minSearchLength},placeholder:this.placeholder,required:this.required,showHelpIcon:this.showHelpIcon,showHintText:this.showHintText,showLabel:this.showLabel,showLeadingIcon:this.showLeadingIcon,size:this.size,state:this.getInputTextState(),value:this.value,width:"100%"}),o("div",{key:"8fd462436dee004f672d2a2eb7c5685be421113c","aria-atomic":"true","aria-live":"polite",class:"sr-only",role:"status"},this.showDropdown&&this.filteredOptions.length>0?`${this.filteredOptions.length} result${1===this.filteredOptions.length?"":"s"} available`:""),o("bh-autocomplete-menu",{key:"9b7adf1092069ae8f67989ee5fbc421880c5a003",listboxId:this.listboxId,menuId:this.menuId,menuItems:this.filteredOptions,multiSelect:this.multiSelect,onBhItemClick:this.handleOptionSelect,onBhItemHover:this.handleItemHover,popover:r?"manual":void 0,ref:t=>this.autocompleteMenuEl=t,searchQuery:this.value,selectedIndex:this.focusedOptionIndex,visible:this.showDropdown})))}static get watchers(){return{value:[{handleValueChange:0}]}}};I.style="@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;position:relative;--bh-input-autocomplete-bg:var(--color-bg-primary);--bh-input-autocomplete-border-color:var(--color-border-primary);--bh-input-autocomplete-border-color-hover:var(--color-border-secondary);--bh-input-autocomplete-border-color-focus:var(--color-border-interactive);--bh-input-autocomplete-border-color-error:var(--color-border-error);--bh-input-autocomplete-focus-shadow:var(--color-brand-100);--bh-input-autocomplete-error-focus-shadow:var(--color-error-100);--bh-input-autocomplete-bg-disabled:var(--color-bg-secondary);--bh-input-autocomplete-text-color:var(--color-text-primary);--bh-input-autocomplete-text-color-disabled:var(--color-text-disabled);--bh-input-autocomplete-hint-color:var(--color-text-secondary);--bh-input-autocomplete-hint-error-color:var(--color-text-error);--bh-input-autocomplete-leading-icon-color:var(--color-text-secondary);--bh-input-autocomplete-font-family:var(--font-inter);--bh-input-autocomplete-font-size:var(--text-md-size);--bh-input-autocomplete-line-height:var(--text-md-line);--bh-input-autocomplete-hint-font-size:var(--text-sm-size);--bh-input-autocomplete-hint-line-height:var(--text-sm-line);--bh-input-autocomplete-border-radius:var(--radius-md);--bh-input-autocomplete-padding:var(--spacing-sm);--bh-input-autocomplete-padding-horizontal:var(--spacing-md);--bh-input-autocomplete-gap:var(--spacing-sm);--bh-input-autocomplete-gap-content:var(--spacing-xs)}}@layer bh-base{.input-autocomplete-wrapper{position:relative}.input-wrapper{display:flex;flex-direction:column;gap:var(--bh-input-autocomplete-gap)}.input-field{display:flex;align-items:center;min-height:44px;padding:var(--bh-input-autocomplete-padding) var(--bh-input-autocomplete-padding-horizontal);background:var(--bh-input-autocomplete-bg);border:1px solid var(--bh-input-autocomplete-border-color);border-radius:var(--bh-input-autocomplete-border-radius);transition:border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease}.input-content-flow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bh-input-autocomplete-gap-content);width:100%}.leading-icon{font-size:var(--icon-size-md);color:var(--bh-input-autocomplete-leading-icon-color);flex-shrink:0}.overflow-tag,.tag-wrapper{cursor:pointer}.inline-input{flex:1;min-width:60px;border:none;outline:none;background:transparent;font-family:var(--bh-input-autocomplete-font-family);font-size:var(--bh-input-autocomplete-font-size);line-height:var(--bh-input-autocomplete-line-height);color:var(--bh-input-autocomplete-text-color)}.hint-text{font-family:var(--bh-input-autocomplete-font-family);font-size:var(--bh-input-autocomplete-hint-font-size);line-height:var(--bh-input-autocomplete-hint-line-height);color:var(--bh-input-autocomplete-hint-color);transition:opacity var(--animation-duration-fast) ease}.hint-text.hint-hidden{opacity:0}}@layer bh-utilities{.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-states{.input-field.input-hover{border-color:var(--bh-input-autocomplete-border-color-hover)}.input-field.input-focused{border-color:var(--bh-input-autocomplete-border-color-focus);box-shadow:0 0 0 4px var(--bh-input-autocomplete-focus-shadow)}.input-field.input-error{border-color:var(--bh-input-autocomplete-border-color-error)}.input-field.input-error.input-focused{box-shadow:0 0 0 4px var(--bh-input-autocomplete-error-focus-shadow)}.input-field.input-disabled{background:var(--bh-input-autocomplete-bg-disabled);cursor:not-allowed}.inline-input::placeholder{color:var(--bh-input-autocomplete-leading-icon-color)}.inline-input:disabled{cursor:not-allowed;color:var(--bh-input-autocomplete-text-color-disabled)}.hint-text.hint-error{color:var(--bh-input-autocomplete-hint-error-color)}}";export{I as bh_input_autocomplete}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as r,h as e,H as a}from"./p-CTHvNfIu.js";import{D as n}from"./p-gY2wiaRN.js";import{c as s}from"./p-CMKOFHIa.js";import{m as i,M as o}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import"./p-BNVOtH-1.js";const u=[10,25,50,100],h=class{constructor(e){t(this,e),this.bhPageChange=r(this,"bhPageChange"),this.bhPageSizeChange=r(this,"bhPageSizeChange")}logger=s("bh-data-grid-footer");table;columns;size="default";isLoading=!1;enablePagination=!1;page=1;pageSize=10;pageSizeOptions=[10,25,50,100];totalRowCount;summaryConfig;enableTotalSummary=!1;leadingColumnCount=0;trailingColumnCount=0;footerLabels=n;bhPageChange;bhPageSizeChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),i.increment(o.COMPONENT_ERROR,{component:"bh-data-grid-footer",error_type:t instanceof Error?t.name:"unknown"}),l("bh-data-grid-footer",t)}getSafePageSize(){const t=this.pageSize;return"number"==typeof t&&Number.isFinite(t)?Math.max(1,Math.min(1e4,Math.floor(t))):10}getSafePage(){const t=this.page;return"number"==typeof t&&Number.isFinite(t)?Math.max(1,Math.floor(t)):1}getSafeColumnCount(t){return"number"!=typeof t||!Number.isFinite(t)||t<0?0:Math.floor(t)}getTotalRowCount(){if(null!=this.totalRowCount){const t=Number(this.totalRowCount);return Number.isFinite(t)&&t>=0?Math.floor(t):0}if(!this.table)return 0;try{const t=this.table.getFilteredRowModel();return t?.rows?.length??0}catch{return 0}}getTotalPages(){const t=this.getTotalRowCount(),r=this.getSafePageSize();return t<=0?1:Math.ceil(t/r)}handlePageChange(t){const r=this.getTotalPages(),e=Math.max(1,Math.min(r,Math.floor(t)));e<1||e>r||this.bhPageChange.emit({page:e,pageSize:this.getSafePageSize()})}handlePageSizeChange(t){const r=Math.max(1,Math.min(1e4,Math.floor(t)));this.bhPageSizeChange.emit({pageSize:r,previousPageSize:this.getSafePageSize()})}calculateSummary(t){if(!this.table||!t?.columnId)return null;let r;try{const t=this.table.getFilteredRowModel();r=t?.rows}catch{return null}if(!Array.isArray(r))return null;const e=r.map((r=>{try{return r.getValue(t.columnId)}catch{return}})).filter((t=>null!=t)),a=e.map((t=>Number(t))).filter((t=>Number.isFinite(t)));switch(t.type){case"sum":return a.reduce(((t,r)=>t+r),0);case"avg":return 0===a.length?0:a.reduce(((t,r)=>t+r),0)/a.length;case"min":return 0===a.length?null:a.reduce(((t,r)=>Math.min(t,r)),a[0]);case"max":return 0===a.length?null:a.reduce(((t,r)=>Math.max(t,r)),a[0]);case"count":return e.length;case"custom":if("function"!=typeof t.calculate)return null;try{return t.calculate(e)}catch{return null}default:return null}}formatSummaryValue(t,r){if("function"==typeof r?.format)try{const e=r.format(t);return"string"==typeof e?e:String(e??"")}catch{return String(t??"")}if("number"==typeof t&&Number.isFinite(t))try{return t.toLocaleString()}catch{return String(t)}return null==t?"":String(t)}renderSummaryRow(){if(!this.enableTotalSummary)return null;const t=this.summaryConfig?.items;if(!Array.isArray(t)||0===t.length)return null;const r=this.columns;if(!Array.isArray(r))return null;const a=new Map;for(const r of t)r?.columnId&&a.set(r.columnId,r);const n=this.getSafeColumnCount(this.leadingColumnCount),s=this.getSafeColumnCount(this.trailingColumnCount);return e("tfoot",{class:"data-grid-footer",part:"footer"},e("tr",{class:"data-grid-summary-row",part:"summary",role:"row"},Array.from({length:n}).map(((t,r)=>e("td",{class:"data-grid-cell data-grid-cell-summary",key:`lead-${r}`,role:"cell"}))),r.map(((t,r)=>{const n="string"==typeof t?.id?t.id:t?.accessorKey??`col-${r}`,s=a.get(n);if(!s)return e("td",{class:"data-grid-cell data-grid-cell-summary",key:n,role:"cell"});const i=this.calculateSummary(s),o=this.formatSummaryValue(i,s);return e("td",{class:"data-grid-cell data-grid-cell-summary",key:n,role:"cell"},s.label&&e("span",{class:"data-grid-summary-label"},s.label),e("span",{class:"data-grid-summary-value"},o))})),Array.from({length:s}).map(((t,r)=>e("td",{class:"data-grid-cell data-grid-cell-summary",key:`trail-${r}`,role:"cell"})))))}renderPagination(){if(!this.enablePagination)return null;const t=this.getSafePage(),r=this.getSafePageSize(),a=this.getTotalRowCount(),n=a>0?(t-1)*r+1:0,s=Math.min(t*r,a),i=Array.isArray(this.pageSizeOptions)&&this.pageSizeOptions.length>0?this.pageSizeOptions.filter((t=>"number"==typeof t&&Number.isFinite(t)&&t>0)):u;return e("div",{class:"data-grid-pagination",part:"pagination"},e("bh-pagination",{onBhPageChange:t=>this.handlePageChange(t.detail.page),onBhPageSizeChange:t=>this.handlePageSizeChange(t.detail.pageSize),page:t,pageSize:r,pageSizeOptions:i.length>0?i:u,rowsPerPageLabel:"Rows per page:",showingResultsLabel:a>0?`${n}-${s} of ${a}`:"0 rows",totalItems:a}))}render(){return e(a,{key:"d34ded8a49617aa81e334dfdf41bab6fbb563d18"},this.renderSummaryRow(),this.renderPagination())}};export{h as bh_data_grid_footer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as r,h as t,H as e}from"./p-CTHvNfIu.js";import{c as o}from"./p-CMKOFHIa.js";import{m as i,M as c}from"./p-CSH9RXgl.js";import{r as n}from"./p-Xi3uD33F.js";const s="bh-chat-reaction",h=class{constructor(t){a(this,t),this.bhClick=r(this,"bhClick")}logger=o(s);emoji="";count=0;active=!1;bhClick;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),i.increment(c.COMPONENT_ERROR,{component:s,error_type:a instanceof Error?a.name:"unknown"}),n(s,a)}handleClick=()=>{this.bhClick.emit({emoji:this.emoji,active:this.active})};render(){const a=this.count>1;return t(e,{key:"fcc74eb4fd29905d7155c864c1fc507e5117591a"},t("button",{key:"0f3d5061afca42cd7d047fce4cfc30c3508d5027","aria-label":`${this.emoji} reaction${a?`, ${this.count}`:""}`,"aria-pressed":String(this.active),class:{"chat-reaction":!0,"chat-reaction-active":this.active,"chat-reaction-with-count":a},onClick:this.handleClick,part:"badge",type:"button"},t("span",{key:"8a5397739451b02203a8207bfbdcd3f03e6d5304",class:"chat-reaction-emoji",part:"emoji"},this.emoji),a&&t("span",{key:"c846e7ba4d863b194a0d84df03a53fdb66faf45f",class:"chat-reaction-count",part:"count"},this.count)))}};h.style="@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)}}";export{h as bh_chat_reaction}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as o,H as g}from"./p-CTHvNfIu.js";import{a as l,v as r}from"./p-DWWRC9ht.js";import{c as a}from"./p-YdVz1TeW.js";import{c as s}from"./p-CMKOFHIa.js";import{m as i,M as h}from"./p-CSH9RXgl.js";import{r as n}from"./p-Xi3uD33F.js";import{a as c}from"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const d=class{constructor(o){t(this,o),this.bhChange=e(this,"bhChange"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhValidityChange=e(this,"bhValidityChange"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals)}focusState=a();logger=s("bh-toggle");internals;size="md";showText=!1;label="";supportingText="";disabled=!1;checked=!1;name="";value="on";required=!1;defaultChecked=!1;focusVersion=0;isDirty=!1;isTouched=!1;bhChange;bhFocus;bhBlur;bhValidityChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),i.increment(h.COMPONENT_ERROR,{component:"bh-toggle",error_type:t instanceof Error?t.name:"unknown"}),n("bh-toggle",t)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidLoad(){l(this.internals,this.name,this.checked,this.value),r(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity)}formResetCallback(){this.checked=this.defaultChecked,this.isDirty=!1,this.isTouched=!1,l(this.internals,this.name,this.checked,this.value),r(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity)}handleToggle=()=>{this.disabled||(this.checked=!this.checked,this.isDirty||(this.isDirty=!0),l(this.internals,this.name,this.checked,this.value),r(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity),this.bhChange.emit(this.checked))};handleKeyDown=t=>{c(t)&&(t.preventDefault(),this.handleToggle())};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=t=>{this.isTouched=!0,this.focusState.handleFocus(t,(()=>this.bhFocus.emit()))};handleBlur=t=>{this.focusState.handleBlur(t,(()=>this.bhBlur.emit()))};render(){const t={"toggle-wrapper":!0,"toggle-with-text":this.showText,[`toggle-size-${this.size}`]:!0},e={"toggle-switch":!0,"toggle-pressed":this.checked,"toggle-unpressed":!this.checked,[`toggle-${this.size}`]:!0,"toggle-disabled":this.disabled,"toggle-focus":this.focusState.isFocused&&!this.disabled,"toggle-hover":this.focusState.isHovered&&!this.disabled},l={"toggle-button":!0,"toggle-button-pressed":this.checked,"toggle-button-unpressed":!this.checked,[`toggle-button-${this.size}`]:!0,"toggle-button-disabled":this.disabled},r={"toggle-label":!0,[`toggle-label-${this.size}`]:!0};return o(g,{key:"55736caae478c39f8aa04b4b8b07716b9c3822bc",onClick:this.handleToggle},o("div",{key:"79619cd99433c9a3b12c0fc3aa82f77c6f8cf3c9",class:t,part:"container"},o("div",{key:"4f2198edb720643e792388b74c6f0991b8ae4f0c","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.label||void 0,"aria-required":String(this.required),class:e,"data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"track",role:"switch",tabIndex:this.disabled?-1:0},o("div",{key:"28d6b615aebce12a038c17fa6b4dae44aceb2963",class:l,part:"thumb"})),this.showText&&(this.label||this.supportingText)&&o("div",{key:"efb8c81beae4e788172606e1d04a1e35b5d3b470",class:"toggle-text"},this.label&&o("span",{key:"4569e3cf82c881f4cb7854a0984a787c2d85468e",class:r,part:"label"},this.label),this.supportingText&&o("div",{key:"bb7d8c06e5782a1a4525daa702fc6c85cf6ef39d",class:"toggle-supporting-text"},this.supportingText))))}static get formAssociated(){return!0}};d.style='@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; --bh-toggle-bg-off: hsla(227, 25%, 89%, 90%); --bh-toggle-bg-off-hover: var(--color-bg-quaternary); --bh-toggle-bg-off-disabled: var(--color-bg-disabled); --bh-toggle-bg-on: var(--color-bg-interactive); --bh-toggle-bg-on-hover: var(--color-bg-interactive-hover); --bh-toggle-bg-on-disabled: var(--color-bg-disabled); --bh-toggle-handle-color: var(--color-bg-primary); --bh-toggle-handle-color-disabled: var(--color-text-disabled); --bh-toggle-label-color: var(--color-text-primary); --bh-toggle-supporting-text-color: var(--color-text-secondary); --bh-toggle-focus-ring-color: var(--color-border-interactive); --bh-toggle-focus-overlay-color: var(--color-text-secondary); --bh-toggle-gap-md: var(--spacing-md); --bh-toggle-gap-lg: var(--spacing-lg); } } @layer bh-base { .toggle-wrapper { display: flex; align-items: center; gap: 0; } .toggle-switch { position: relative; display: inline-block; border-radius: var(--radius-full); cursor: pointer; transition: background-color var(--animation-duration-normal) ease; outline: none; border: 1px solid transparent; background: transparent; overflow: visible; padding: 0; } .toggle-switch:focus { outline: none; } .toggle-button { position: absolute; top: 50%; transform: translateY(-50%); border-radius: var(--radius-full); background-color: var(--bh-toggle-handle-color); transition: left var(--animation-duration-normal) ease, width var(--animation-duration-normal) ease, height var(--animation-duration-normal) ease, background-color var(--animation-duration-normal) ease; } .toggle-text { display: flex; flex-direction: column; flex: 1; } .toggle-label { color: var(--bh-toggle-label-color); font-family: var(--font-inter); font-weight: var(--weight-medium); text-align: left; margin: 0; line-height: var(--line-height-normal); } .toggle-supporting-text { color: var(--bh-toggle-supporting-text-color); font-family: var(--font-inter); font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); text-align: left; margin: 0; margin-top: var(--spacing-xxs); } } @layer bh-variants { .toggle-with-text.toggle-size-sm { gap: var(--bh-toggle-gap-md); } .toggle-with-text.toggle-size-md { gap: var(--bh-toggle-gap-lg); } .toggle-switch.toggle-sm { width: var(--bh-toggle-width-sm); height: var(--bh-toggle-height-sm); } .toggle-switch.toggle-sm.toggle-unpressed .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: 1px; } .toggle-switch.toggle-sm.toggle-pressed .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: calc(100% - var(--bh-toggle-handle-sm) - 1px); } .toggle-switch.toggle-sm.toggle-unpressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: var(--spacing-xxs); background-color: var(--bh-toggle-handle-color-disabled); } .toggle-switch.toggle-sm.toggle-pressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: calc(100% - var(--bh-toggle-handle-sm) - 1px); background-color: var(--bh-toggle-handle-color-disabled); } .toggle-switch.toggle-md { width: var(--bh-toggle-width-md); height: var(--bh-toggle-height-md); } .toggle-switch.toggle-md.toggle-unpressed .toggle-button { width: var(--bh-toggle-handle-md); height: var(--bh-toggle-handle-md); left: 1px; } .toggle-switch.toggle-md.toggle-pressed .toggle-button { width: var(--bh-toggle-handle-md); height: var(--bh-toggle-handle-md); left: calc(100% - var(--bh-toggle-handle-md) - 1px); } .toggle-switch.toggle-md.toggle-unpressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: var(--spacing-xs); background-color: var(--bh-toggle-handle-color-disabled); } .toggle-switch.toggle-md.toggle-pressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-md); height: var(--bh-toggle-handle-md); left: calc(100% - var(--bh-toggle-handle-md) - 1px); background-color: var(--bh-toggle-handle-color); } .toggle-label.toggle-label-sm { font-size: var(--text-sm-size); line-height: var(--line-height-normal); } .toggle-label.toggle-label-md { font-size: var(--text-md-size); line-height: var(--line-height-normal); } } @layer bh-states { .toggle-switch.toggle-disabled { cursor: not-allowed; opacity: 0.38; } .toggle-switch:focus-visible .toggle-button::after { content: ""; position: absolute; top: calc(-1 * var(--spacing-sm)); left: calc(-1 * var(--spacing-sm)); right: calc(-1 * var(--spacing-sm)); bottom: calc(-1 * var(--spacing-sm)); border-radius: var(--radius-full); background: currentColor; opacity: 0.24; pointer-events: none; } .toggle-switch { } .toggle-switch.toggle-unpressed { background-color: var(--bh-toggle-bg-off); border-color: transparent; } .toggle-switch.toggle-unpressed.toggle-hover { background-color: var(--bh-toggle-bg-off-hover); border-color: transparent; } .toggle-switch.toggle-unpressed.toggle-hover .toggle-button { background-color: var(--bh-toggle-handle-color); box-shadow: var(--shadow-sm); } .toggle-switch.toggle-unpressed.toggle-focus { background-color: var(--bh-toggle-bg-off); border-color: transparent; } .toggle-switch.toggle-unpressed.toggle-focus .toggle-button::after { content: ""; position: absolute; top: calc(-1 * var(--spacing-sm)); left: calc(-1 * var(--spacing-sm)); right: calc(-1 * var(--spacing-sm)); bottom: calc(-1 * var(--spacing-sm)); border-radius: var(--radius-full); background: var(--bh-toggle-focus-overlay-color); opacity: 0.12; pointer-events: none; } .toggle-switch.toggle-unpressed.toggle-disabled { background-color: var(--bh-toggle-bg-off-disabled); border-color: transparent; } .toggle-switch.toggle-unpressed .toggle-button { background-color: var(--bh-toggle-handle-color); } .toggle-switch { } .toggle-switch.toggle-pressed { background-color: var(--bh-toggle-bg-on); border-color: var(--bh-toggle-bg-on); } .toggle-switch.toggle-pressed.toggle-hover { background-color: var(--bh-toggle-bg-on-hover); border-color: var(--bh-toggle-bg-on-hover); } .toggle-switch.toggle-pressed.toggle-hover .toggle-button { background-color: var(--bh-toggle-handle-color); } .toggle-switch.toggle-pressed.toggle-focus { background-color: var(--bh-toggle-bg-on); border-color: var(--bh-toggle-bg-on); } .toggle-switch.toggle-pressed.toggle-focus .toggle-button::after { content: ""; position: absolute; top: calc(-1 * var(--spacing-sm)); left: calc(-1 * var(--spacing-sm)); right: calc(-1 * var(--spacing-sm)); bottom: calc(-1 * var(--spacing-sm)); border-radius: var(--radius-full); background: var(--bh-toggle-focus-ring-color); opacity: 0.24; pointer-events: none; } .toggle-switch.toggle-pressed.toggle-disabled { background-color: var(--bh-toggle-bg-on-disabled); border-color: var(--bh-toggle-bg-on-disabled); } .toggle-switch.toggle-pressed.toggle-disabled .toggle-button { background-color: var(--bh-toggle-bg-off-disabled); } .toggle-switch.toggle-pressed .toggle-button { background-color: var(--bh-toggle-handle-color); } .toggle-switch.toggle-disabled .toggle-button { background-color: var(--bh-toggle-handle-color-disabled); box-shadow: none; } } @layer bh-utilities { @media (prefers-reduced-motion: reduce) { .toggle-switch, .toggle-button { transition: none; } } @media (prefers-contrast: high) { .toggle-switch.toggle-unpressed { border: 2px solid currentColor; } .toggle-switch.toggle-pressed { border: 2px solid currentColor; } } }';export{d as bh_toggle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as a,h as t,H as i}from"./p-CTHvNfIu.js";const r=class{constructor(t){e(this,t),this.bhClose=a(this,"bhClose")}panelTitle;description;icon;iconColor="gray";showIcon=!1;showCloseButton=!0;divider=!1;bhClose;handleClose=()=>{this.bhClose.emit()};render(){return t(i,{key:"
|
|
1
|
+
import{r as e,c as a,h as t,H as i}from"./p-CTHvNfIu.js";const r=class{constructor(t){e(this,t),this.bhClose=a(this,"bhClose")}panelTitle;description;icon;iconColor="gray";showIcon=!1;showCloseButton=!0;divider=!1;bhClose;handleClose=()=>{this.bhClose.emit()};render(){return t(i,{key:"3224ec9f84a5850acc476b92d88b7f08f85dc492"},t("header",{key:"55327f5e1eb2fc6e38758b60695e5ce2263d6dae",class:"panel-header"},t("div",{key:"60cb220c5a3212f7ead2f9000155d419f9672fa5",class:"panel-header-content"},this.showIcon&&this.icon&&t("bh-featured-icon",{key:"541884194ca5d974f043c112be2dc572b39ea91b",color:this.iconColor,icon:this.icon,iconStyle:"outlined",size:"md"}),t("div",{key:"d62a700b96f50c97dfe0ebe0f1563fb71ec125c8",class:"panel-text-content"},t("h3",{key:"aa6773b297c819008a2f7077dbf51f0e4da8d1e9",class:"panel-title"},this.panelTitle),this.description&&t("p",{key:"b39e76e15559448c148b13f488914a512228295f",class:"panel-description"},this.description))),this.showCloseButton&&t("div",{key:"fd241777351f6dab5cf1bcc4e67ab4c2d64adec3",class:"close-button"},t("bh-close-button",{key:"086edfc28db803236b6dfc3dee200998f7ec5674",ariaLabel:"Close panel",onClick:this.handleClose}))),this.divider&&t("div",{key:"a5135859dd026ad96526f97697a39c3a668bd54c",class:"divider"}))}};r.style="@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;align-items:center;gap:0;width:100%;font-family:var(--font-inter);--bh-panel-header-title-color:var(--color-text-primary);--bh-panel-header-description-color:var(--color-text-tertiary);--bh-panel-header-divider-color:var(--color-border-secondary);--bh-panel-header-padding:var(--spacing-3xl)}}@layer bh-base{.panel-header{display:flex;align-items:flex-start;gap:0;width:100%;position:relative}.panel-header-content{display:flex;align-items:flex-start;gap:var(--spacing-xl);padding:var(--bh-panel-header-padding);padding-bottom:var(--spacing-xl);padding-right:var(--spacing-7xl);width:100%;flex:1;min-width:0}.panel-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);flex:1;min-width:0}.panel-title{margin:0;font-weight:var(--weight-semibold);font-size:var(--text-lg-size);line-height:var(--text-lg-line);letter-spacing:0;color:var(--bh-panel-header-title-color);width:100%}.panel-description{margin:0;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);letter-spacing:0;color:var(--bh-panel-header-description-color);width:100%}.close-button{position:absolute;top:var(--spacing-3xl);right:var(--spacing-3xl)}.divider{height:1px;width:100%;flex-shrink:0;background-color:var(--bh-panel-header-divider-color)}}";export{r as bh_side_panel_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as
|
|
1
|
+
import{r as e,h as r,H as a}from"./p-CTHvNfIu.js";const o=class{constructor(r){e(this,r)}ariaLabel="Close";darkBackground=!1;disabled=!1;render(){return r(a,{key:"1b329426bf09f1fee1b00e20c5ebf5f76e7d471d"},r("bh-button-icon",{key:"91098fe34d4b19eca617dd8e1da33113ebd4161e",ariaLabel:this.ariaLabel,disabled:this.disabled,hierarchy:"quaternary",iconName:"close",size:"sm"}))}};o.style="@layer bh-tokens,bh-base; @layer bh-tokens{:host{display:contents}}@layer bh-base{:host([dark-background]) bh-button-icon{--bh-button-icon-quaternary-color:var(--color-text-inverse);--bh-button-icon-quaternary-color-hover:var(--color-text-inverse);--bh-button-icon-quaternary-bg-hover:rgba(255, 255, 255, 0.1);--bh-button-icon-quaternary-bg-active:rgba(255, 255, 255, 0.2)}}";export{o as bh_close_button}
|