@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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,c as e,h as t,H as i}from"./p-CTHvNfIu.js";import{c as r,r as s}from"./p-YLeLKAYJ.js";import{m as o,M as n}from"./p-CSH9RXgl.js";const c="bh-chat-message",h=class{constructor(t){a(this,t),this.bhAction=e(this,"bhAction")}logger=r(c);author="";timestamp="";type="incoming";variant="text";avatarSrc="";avatarAlt="";isOnline=!1;fileName="";fileSize="";fileType="";showMenu=!1;emojiPickerOpen=!1;bhAction;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),o.increment(n.COMPONENT_ERROR,{component:c,error_type:a instanceof Error?a.name:"unknown"}),s(c,a)}handleReact=()=>{this.bhAction.emit({action:"react"})};handleEmojiPicker=()=>{this.emojiPickerOpen=!this.emojiPickerOpen};handleEmojiSelect=a=>{this.bhAction.emit({action:"react",data:a.detail}),this.emojiPickerOpen=!1};handlePickerClose=()=>{this.emojiPickerOpen=!1};handleMenuClick=()=>{this.bhAction.emit({action:"menu"})};handleFileClick=()=>{this.bhAction.emit({action:"file",data:{fileName:this.fileName,fileSize:this.fileSize}})};renderAvatar(){return t("div",{class:"chat-message-avatar-wrapper",part:"avatar-wrapper"},this.avatarSrc?t("bh-avatar",{alt:this.avatarAlt||this.author,imageSrc:this.avatarSrc,size:"sm",status:this.isOnline?"online":"none",variant:"image"}):t("slot",{name:"avatar"}))}renderMenuButton(){return this.showMenu?t("bh-button-icon",{ariaLabel:"Message options",class:"chat-message-menu",hierarchy:"tertiary",iconName:"more_vert",onClick:this.handleMenuClick,size:"xs"}):null}renderReactionButtons(){return t("div",{class:"chat-message-reaction-actions"},t("button",{"aria-label":"React with thumbs up",class:"chat-message-react-btn",onClick:this.handleReact},t("span",{"aria-hidden":"true",class:"react-emoji"},"👍")),t("div",{class:"chat-message-emoji-wrapper"},t("bh-button-icon",{ariaLabel:"Add reaction",class:"chat-message-emoji-btn",hierarchy:"tertiary",iconName:"add_reaction",onClick:this.handleEmojiPicker,size:"sm"}),t("bh-emoji-picker",{onBhClose:this.handlePickerClose,onBhEmojiSelect:this.handleEmojiSelect,open:this.emojiPickerOpen,placement:"incoming"===this.type?"left":"right"})))}renderTyping(){return t("div",{class:"chat-message-typing",part:"typing-indicator"},t("span",{class:"typing-dot"}),t("span",{class:"typing-dot"}),t("span",{class:"typing-dot"}))}renderFileAttachment(){return t("button",{class:"chat-message-file",onClick:this.handleFileClick,part:"file-attachment",type:"button"},t("div",{class:"file-icon-wrapper"},t("slot",{name:"file"},t("span",{class:"file-type-badge"},this.fileType||"FILE"))),t("div",{class:"file-info"},t("span",{class:"file-name"},this.fileName),t("span",{class:"file-size"},this.fileSize)))}render(){const a="incoming"===this.type,e="typing"===this.variant,r="file"===this.variant;return t(i,{key:"341c5703824126dd302c4218aae10bf3a8b07a5f"},t("div",{key:"295aa5b9a485e7e29f5721ad5927faa6ccee6cda","aria-label":e?`${this.author||"Someone"} is typing`:`Message from ${this.author||"Unknown"}`,class:{"chat-message":!0,[`chat-message-${this.type}`]:!0,[`chat-message-${this.variant}`]:!0},part:"container",role:"article"},!e&&t("div",{key:"05aa026eaed2801724bfa28f97e8fe980f546827",class:"chat-message-header",part:"header"},t("span",{key:"5cb34b62fa1af6a8af1ba35a3fcec0808159ba3f",class:"chat-message-author",part:"author"},this.author),t("span",{key:"3e1fbebcec1ac33496afb441b2ca43581dcf8772",class:"chat-message-timestamp",part:"timestamp"},this.timestamp)),t("div",{key:"ba18836ef02418230a48caaaf6bd6d9bc741a059",class:"chat-message-body-row"},a&&!e&&this.avatarSrc&&this.renderAvatar(),e&&t("div",{key:"4f033a7c8d00a16ce7a00a643f02b955fe1469b9",class:"chat-message-typing-wrapper"},a&&this.renderAvatar(),t("div",{key:"50102be237b8b441cd75288185bf136d5cd9eb75",class:"chat-message-typing-content"},t("span",{key:"67e39cb2cda78a2a0826c7adf2726655885da4fa",class:"chat-message-author",part:"author"},this.author),this.renderTyping())),!(e||r)&&t("div",{key:"8e242c254e6896b62048bf3ca825d4b4ebd10214",class:"chat-message-bubble",part:"bubble"},t("slot",{key:"d0df09a2eaf26d4357b31b1f07c3495eac38500e"}),this.renderMenuButton()),!e&&r&&t("div",{key:"0f995e228f684a1208932bc0aea2584b49e0ec35",class:"chat-message-file-wrapper"},this.renderFileAttachment(),this.renderMenuButton())),!e&&t("div",{key:"9318479a76abff8788167cd4181e4c152c6ce91e",class:"chat-message-reactions",part:"reactions"},t("slot",{key:"06761a09cb04446505d4e8f5a2734047144777e2",name:"reactions"}),this.renderReactionButtons())))}};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, bh-utilities; @layer bh-tokens { :host { display: block; font-family: var(--font-inter); --bh-chat-incoming-bg: var(--color-bg-tertiary); --bh-chat-outgoing-bg: var(--color-brand-100); --bh-chat-file-bg: var(--color-bg-primary); --bh-chat-file-border: var(--color-border-secondary); --bh-chat-typing-bg: var(--color-bg-tertiary); --bh-chat-author-color: var(--color-text-secondary); --bh-chat-timestamp-color: var(--color-text-tertiary); --bh-chat-body-color: var(--color-text-primary); --bh-chat-file-name-color: var(--color-text-secondary); --bh-chat-file-size-color: var(--color-text-tertiary); --bh-chat-avatar-size: var(--bh-avatar-size-sm); --bh-chat-online-dot-size: var(--bh-avatar-status-size-md); --bh-chat-online-dot-color: var(--color-success-500); --bh-chat-reaction-bg: var(--color-bg-secondary); --bh-chat-reaction-bg-hover: var(--color-bg-tertiary); --bh-chat-menu-color: var(--color-text-tertiary); --bh-chat-typing-dot-color: var(--color-text-disabled); } } @layer bh-base { .chat-message { display: flex; flex-direction: column; gap: var(--spacing-xxs); position: relative; width: 100%; } .chat-message-header { display: flex; gap: var(--spacing-md); align-items: center; width: 100%; } .chat-message-author { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-sm-size); font-weight: var(--weight-semibold); line-height: var(--text-sm-line); color: var(--bh-chat-author-color); } .chat-message-timestamp { flex-shrink: 0; font-size: var(--text-xs-size); font-weight: var(--weight-regular); line-height: var(--text-xs-line); color: var(--bh-chat-timestamp-color); } .chat-message-body-row { display: flex; gap: var(--spacing-md); align-items: flex-start; width: 100%; position: relative; } .chat-message-avatar-wrapper { position: relative; flex-shrink: 0; width: var(--bh-chat-avatar-size); height: var(--bh-chat-avatar-size); } .chat-message-avatar-img { width: 100%; height: 100%; border-radius: var(--radius-full); object-fit: cover; } .chat-message-online-indicator { position: absolute; bottom: 0; left: 0; width: var(--bh-chat-online-dot-size); height: var(--bh-chat-online-dot-size); border-radius: var(--radius-full); background: var(--bh-chat-online-dot-color); border: 2px solid var(--color-bg-primary); } .chat-message-bubble { min-width: 0; max-width: 75%; padding: var(--spacing-md) var(--spacing-lg); border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); font-size: var(--text-sm-size); font-weight: var(--weight-regular); line-height: var(--text-sm-line); color: var(--bh-chat-body-color); word-break: break-word; position: relative; } .chat-message-file-wrapper { min-width: 0; max-width: 75%; position: relative; } .chat-message-file { display: flex; gap: var(--spacing-lg); align-items: center; width: 100%; padding: var(--spacing-md) var(--spacing-lg); background: var(--bh-chat-file-bg); border: 1px solid var(--bh-chat-file-border); border-radius: var(--radius-md); cursor: pointer; font-family: inherit; text-align: left; } .file-icon-wrapper { flex-shrink: 0; width: var(--bh-button-height-md); height: var(--bh-button-height-md); display: flex; align-items: center; justify-content: center; } .file-type-badge { display: inline-flex; align-items: center; justify-content: center; padding: var(--spacing-xxs) var(--spacing-xs); font-size: var(--bh-avatar-text-xxs); font-weight: var(--weight-bold); text-transform: uppercase; border-radius: var(--radius-xs); background: var(--color-bg-tertiary); color: var(--color-text-tertiary); } .file-info { display: flex; flex-direction: column; flex: 1; min-width: 0; } .file-name { font-size: var(--text-sm-size); font-weight: var(--weight-medium); line-height: var(--text-sm-line); color: var(--bh-chat-file-name-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-size { font-size: var(--text-xs-size); font-weight: var(--weight-regular); line-height: var(--text-xs-line); color: var(--bh-chat-file-size-color); } .chat-message-reactions { display: flex; gap: var(--spacing-xs); align-items: center; justify-content: flex-end; width: 100%; } .chat-message-reaction-actions { display: flex; gap: var(--spacing-xxs); align-items: center; } .chat-message-emoji-wrapper { position: relative; } .chat-message-react-btn { display: flex; align-items: center; justify-content: center; height: var(--icon-size-lg); padding: var(--spacing-xs) var(--spacing-md); background: var(--bh-chat-reaction-bg); border: none; border-radius: var(--radius-full); cursor: pointer; transition: background 0.2s ease-in-out; } .chat-message-emoji-btn { display: flex; align-items: center; justify-content: center; height: var(--icon-size-lg); padding: var(--spacing-xs) var(--spacing-md); background: var(--bh-chat-reaction-bg); border: none; border-radius: var(--radius-full); overflow: hidden; cursor: pointer; transition: background 0.2s ease-in-out; } .chat-message-emoji-btn:hover { background: var(--bh-button-icon-tertiary-bg-hover); } .react-emoji { font-size: var(--icon-size-sm); line-height: 1; } .emoji-picker-icon { font-size: var(--icon-size-md); color: var(--bh-chat-menu-color); } .chat-message-menu { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: var(--icon-size-lg); height: var(--icon-size-lg); padding: 0; border: none; background: transparent; cursor: pointer; border-radius: var(--radius-xs); color: var(--bh-chat-menu-color); overflow: hidden; transition: background 0.2s ease-in-out; } .chat-message-menu .material-symbols-outlined { font-size: var(--icon-size-md); } .chat-message-typing-wrapper { display: flex; gap: var(--spacing-lg); align-items: flex-start; width: 100%; } .chat-message-typing-content { display: flex; flex-direction: column; gap: var(--spacing-sm); flex: 1; } .chat-message-typing { display: flex; gap: var(--spacing-xs); align-items: center; padding: var(--spacing-md); border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); background: var(--bh-chat-typing-bg); width: fit-content; } .typing-dot { width: var(--spacing-xs); height: var(--spacing-xs); border-radius: var(--radius-full); background: var(--bh-chat-typing-dot-color); animation: typing-bounce 1.4s infinite ease-in-out both; } .typing-dot:nth-child(1) { animation-delay: 0s; } .typing-dot:nth-child(2) { animation-delay: 0.2s; } .typing-dot:nth-child(3) { animation-delay: 0.4s; } @keyframes typing-bounce { 0%, 80%, 100% { transform: scale(1); opacity: 0.4; } 40% { transform: scale(1.3); opacity: 1; } } .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; } } @layer bh-variants { .chat-message-incoming { align-items: flex-start; } .chat-message-incoming .chat-message-bubble { background: var(--bh-chat-incoming-bg); border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); } .chat-message-incoming .chat-message-file { border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md); } .chat-message-incoming .chat-message-menu { right: calc(-1.25 * var(--spacing-2xl)); } .chat-message-incoming .chat-message-reactions { justify-content: flex-start; } .chat-message-outgoing { align-items: flex-end; } .chat-message-outgoing .chat-message-header { justify-content: flex-end; } .chat-message-outgoing .chat-message-body-row { justify-content: flex-end; } .chat-message-outgoing .chat-message-bubble { background: var(--bh-chat-outgoing-bg); border-radius: var(--radius-md) 0 var(--radius-md) var(--radius-md); } .chat-message-outgoing .chat-message-file { border-radius: var(--radius-md) 0 var(--radius-md) var(--radius-md); } .chat-message-outgoing .chat-message-file-wrapper { max-width: 75%; } .chat-message-outgoing .chat-message-menu { right: calc(-1 * var(--spacing-2xl)); } .chat-message-outgoing .chat-message-reactions { justify-content: flex-end; } } @layer bh-states { .chat-message-react-btn:hover { background: var(--bh-chat-reaction-bg-hover); } .chat-message-file:hover { background: var(--color-bg-secondary); } }';export{h as bh_chat_message}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as a}from"./p-CTHvNfIu.js";import{D as i}from"./p-gY2wiaRN.js";import{c as r,r as n}from"./p-YLeLKAYJ.js";import{m as l,M as h}from"./p-CSH9RXgl.js";import"./p-BNVOtH-1.js";const c=class{constructor(s){e(this,s),this.bhClose=t(this,"bhClose"),this.bhRevertChange=t(this,"bhRevertChange"),this.bhRevertAll=t(this,"bhRevertAll"),this.bhSaveAll=t(this,"bhSaveAll")}logger=r("bh-data-grid-change-preview");visible=!1;pendingChanges;columns=[];modalTitle="Review Changes";keyField="id";changePreviewLabels=i;bhClose;bhRevertChange;bhRevertAll;bhSaveAll;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),l.increment(h.COMPONENT_ERROR,{component:"bh-data-grid-change-preview",error_type:e instanceof Error?e.name:"unknown"}),n("bh-data-grid-change-preview",e)}expandedGroups=new Set(["insert","update","delete"]);getChangesByType(e){return this.pendingChanges?Array.from(this.pendingChanges.values()).filter((t=>t.type===e)):[]}getChangeCounts(){return{insert:this.getChangesByType("insert").length,update:this.getChangesByType("update").length,delete:this.getChangesByType("delete").length}}toggleGroup(e){const t=new Set(this.expandedGroups);t.has(e)?t.delete(e):t.add(e),this.expandedGroups=t}handleClose=()=>{this.bhClose.emit()};handleRevertChange(e){const t=this.pendingChanges?.get(e);t&&this.bhRevertChange.emit({rowKey:e,change:t})}handleRevertAll=()=>{const e=this.pendingChanges?Array.from(this.pendingChanges.values()):[];this.bhRevertAll.emit({changes:e})};handleSaveAll=()=>{const e=this.pendingChanges?Array.from(this.pendingChanges.values()):[];this.bhSaveAll.emit({changes:e})};formatValue(e){return null==e?"-":"boolean"==typeof e?e?"Yes":"No":e instanceof Date?e.toLocaleDateString():"object"==typeof e?JSON.stringify(e):String(e)}getTypeLabel(e){switch(e){case"insert":return"New Records";case"update":return"Modified Records";case"delete":return"Deleted Records"}}getTypeIcon(e){switch(e){case"insert":return"add_circle";case"update":return"edit";case"delete":return"delete"}}getTypeColor(e){switch(e){case"insert":return"success";case"update":return"warning";case"delete":return"error"}}renderChangeGroup(e){const t=this.getChangesByType(e);if(0===t.length)return null;const a=this.expandedGroups.has(e);return s("div",{class:`change-preview-group change-preview-group-${e}`,key:e},s("button",{"aria-expanded":a?"true":"false",class:"change-preview-group-header",onClick:()=>this.toggleGroup(e),type:"button"},s("span",{class:"change-preview-group-icon material-symbols-outlined"},this.getTypeIcon(e)),s("span",{class:"change-preview-group-title"},this.getTypeLabel(e)),s("bh-badge",{size:"sm",variant:this.getTypeColor(e)},t.length),s("span",{class:"change-preview-group-expand material-symbols-outlined"},a?"expand_less":"expand_more")),a&&s("div",{class:"change-preview-group-content"},t.map((t=>this.renderChangeItem(t,e)))))}renderChangeItem(e,t){const a=e.rowKey;return s("div",{class:`change-preview-item change-preview-item-${t}`,key:String(a),part:"change-item"},s("div",{class:"change-preview-item-header"},s("span",{class:"change-preview-item-key"},"Row: ",String(a)),s("bh-button",{class:"change-preview-item-revert",hierarchy:"tertiary",icon:"leading",iconName:"undo",onClick:()=>this.handleRevertChange(a),size:"sm"},this.changePreviewLabels.revertThisChange)),"update"===t&&e.changedColumns&&s("div",{class:"change-preview-item-changes"},s("table",{class:"change-preview-table"},s("thead",null,s("tr",null,s("th",null,"Field"),s("th",null,"Original"),s("th",null,"New"))),s("tbody",null,e.changedColumns.map((t=>{const a=e.originalData?.[t],i=e.modifiedData?.[t],r=this.columns.find((e=>e.id===t));return s("tr",{key:t},s("td",{class:"change-preview-field"},r?.header||t),s("td",{class:"change-preview-original"},this.formatValue(a)),s("td",{class:"change-preview-new"},this.formatValue(i)))}))))),"insert"===t&&e.modifiedData&&s("div",{class:"change-preview-item-data"},s("table",{class:"change-preview-table"},s("thead",null,s("tr",null,s("th",null,"Field"),s("th",null,"Value"))),s("tbody",null,this.columns.map((t=>{const a=e.modifiedData?.[t.id];return s("tr",{key:t.id},s("td",{class:"change-preview-field"},t.header),s("td",{class:"change-preview-value"},this.formatValue(a)))}))))),"delete"===t&&e.originalData&&s("div",{class:"change-preview-item-data"},s("table",{class:"change-preview-table"},s("thead",null,s("tr",null,s("th",null,"Field"),s("th",null,"Value"))),s("tbody",null,this.columns.map((t=>{const a=e.originalData?.[t.id];return s("tr",{key:t.id},s("td",{class:"change-preview-field"},t.header),s("td",{class:"change-preview-value change-preview-deleted"},this.formatValue(a)))}))))),e.validationErrors&&e.validationErrors.length>0&&s("div",{class:"change-preview-item-errors"},e.validationErrors.map(((e,t)=>s("div",{class:`change-preview-error change-preview-error-${e.severity}`,key:t},s("span",{class:"material-symbols-outlined"},"error"===e.severity?"error":"warning"),e.columnId,": ",e.message)))))}render(){if(!this.visible)return null;const e=this.getChangeCounts(),t=e.insert+e.update+e.delete;return s(a,null,s("bh-modal",{"aria-label":this.modalTitle,onBhClose:this.handleClose,visible:this.visible,width:"lg"},s("div",{slot:"header"},s("div",{class:"change-preview-header"},s("h2",{class:"change-preview-title"},this.modalTitle),s("bh-badge",{size:"md",variant:"blue"},t," ",1===t?"change":"changes"))),s("div",{class:"change-preview-body",part:"change-list"},0===t?s("div",{class:"change-preview-empty"},s("span",{class:"material-symbols-outlined change-preview-empty-icon"},"check_circle"),s("p",null,"No pending changes")):[this.renderChangeGroup("insert"),this.renderChangeGroup("update"),this.renderChangeGroup("delete")]),s("div",{slot:"footer"},s("div",{class:"change-preview-footer"},s("div",{class:"change-preview-footer-left"},s("bh-button",{disabled:0===t,hierarchy:"secondary",icon:"leading",iconName:"undo",label:this.changePreviewLabels.revertAll,onClick:this.handleRevertAll,size:"sm"})),s("div",{class:"change-preview-footer-right"},s("bh-button",{hierarchy:"secondary",icon:"none",label:this.changePreviewLabels.cancel,onClick:this.handleClose,size:"sm"}),s("bh-button",{disabled:0===t,hierarchy:"primary",icon:"leading",iconName:"save",label:this.changePreviewLabels.saveAllChanges,onClick:this.handleSaveAll,size:"sm"}))))))}};export{c as bh_data_grid_change_preview}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,a as o,h as i,H as a}from"./p-CTHvNfIu.js";import{i as r,T as s,B as b,a as n,F as l}from"./p-vsM-NcS2.js";import{c as h,r as c}from"./p-YLeLKAYJ.js";import{B as d,r as u}from"./p-BNVOtH-1.js";import{m,M as p}from"./p-CSH9RXgl.js";import"./p-UjNYPqeE.js";const v=class{constructor(o){t(this,o),this.bhLinkRequest=e(this,"bhLinkRequest")}logger=h("bh-html-editor-bubble-menu");selectionListener;i18nUnsubscribe;selectionUpdateFrame;selectionUpdatePending=!1;updatePositionFrame;outsideClickListener;get el(){return o(this)}editor;targetEl;ariaLabel="Text formatting";visible=!1;posX=0;posY=0;placeBelow=!1;activeStates={};_i18nVersion=0;bhLinkRequest;async insertLink(t){this.editor&&r(t)&&(this.editor.chain().focus().extendMarkRange("link").setLink({href:t}).run(),this.updateActiveStates())}componentWillLoad(){this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.editor&&(this.selectionListener=()=>this.handleSelectionUpdate(),this.editor.on("selectionUpdate",this.selectionListener),this.editor.on("transaction",this.selectionListener))}disconnectedCallback(){this.selectionListener&&this.editor&&(this.editor.off("selectionUpdate",this.selectionListener),this.editor.off("transaction",this.selectionListener)),this.selectionUpdateFrame&&(cancelAnimationFrame(this.selectionUpdateFrame),this.selectionUpdateFrame=void 0),this.updatePositionFrame&&(cancelAnimationFrame(this.updatePositionFrame),this.updatePositionFrame=void 0),this.selectionUpdatePending=!1,this.removeOutsideClickListener(),this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),m.increment(p.COMPONENT_ERROR,{component:"bh-html-editor-bubble-menu"}),c("bh-html-editor-bubble-menu",t)}handleSelectionUpdate(){this.selectionUpdatePending||(this.selectionUpdatePending=!0,this.selectionUpdateFrame=requestAnimationFrame((()=>{this.selectionUpdatePending=!1,this.selectionUpdateFrame=void 0,this.processSelectionUpdate()})))}processSelectionUpdate(){if(!this.editor)return;const{empty:t}=this.editor.state.selection;t?this.setVisible(!1):(this.setVisible(!0),this.updateActiveStates(),this.updatePosition())}updateActiveStates(){if(!this.editor)return;const t=s.filter((t=>b.includes(t.action))),e={};for(const o of t)e[o.action]=o.isActive?.(this.editor)??!1;this.activeStates=e}updatePosition(){this.updatePositionFrame&&cancelAnimationFrame(this.updatePositionFrame),this.updatePositionFrame=requestAnimationFrame((()=>{if(!this.editor||!this.visible)return;const{from:t,to:e}=this.editor.state.selection,o=this.editor.view.coordsAtPos(t),i=this.editor.view.coordsAtPos(e),a=this.el.shadowRoot?.querySelector(".bubble-menu"),r=a?.getBoundingClientRect(),s=r?.width??0,b=r?.height??0,n=window.innerWidth,l=window.innerHeight,h=s/2,c=n-s/2,d=c<h?n/2:this.clamp((o.left+i.right)/2,h,c),u=o.top-8,m=u-b<0,p=m?i.bottom+8:u,v=m?0:b,f=m?Math.max(0,l-b):l,g=this.clamp(p,v,f);this.placeBelow=m,this.posX=d,this.posY=g}))}clamp(t,e,o){return o<e?e:Math.min(Math.max(t,e),o)}setVisible(t){this.visible!==t&&(this.visible=t,t?this.addOutsideClickListener():this.removeOutsideClickListener())}addOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=t=>{this.visible&&(t.composedPath().includes(this.el)||this.setVisible(!1))},document.addEventListener("mousedown",this.outsideClickListener))}removeOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("mousedown",this.outsideClickListener),this.outsideClickListener=void 0)}handleMenuKeyDown=t=>{"Escape"===t.key&&(t.preventDefault(),this.setVisible(!1))};handleAction=t=>{if(!this.editor)return;if("link"===t)return void(this.editor.isActive("link")?(this.editor.chain().focus().unsetLink().run(),this.updateActiveStates()):this.bhLinkRequest.emit());const e=s.find((e=>e.action===t));e&&(e.command(this.editor),this.updateActiveStates())};render(){const t=s.filter((t=>b.includes(t.action)));return i(a,{key:"c2e4e9c44bd1b2608c955abc72ab762200d5ba0d"},i("div",{key:"135f0f1154ecef4d0920ca1ecdb1abbf1005f7a3","aria-label":u("bh-html-editor-bubble-menu","ariaLabel",this.ariaLabel,"Text formatting"),class:{"bubble-menu":!0,"bubble-menu-below":this.placeBelow,"bubble-menu-visible":this.visible},onKeyDown:this.handleMenuKeyDown,part:"bubble-menu",role:"toolbar",style:{left:`${this.posX}px`,top:`${this.posY}px`},tabIndex:this.visible?0:-1},i("div",{key:"fd38d26290246967f737d0d8873879cb8c65367f",class:"bubble-menu-content"},t.map((t=>i("button",{"aria-label":t.label,"aria-pressed":String(this.activeStates[t.action]??!1),class:{"bubble-btn":!0,"bubble-btn-active":this.activeStates[t.action]??!1},key:t.action,onClick:()=>this.handleAction(t.action),title:t.label,type:"button"},i("span",{class:"material-symbols-outlined"},t.icon))))),i("div",{key:"f4b35a187de79e03d60374edb0f5040a6ea5284a",class:"bubble-arrow"})))}};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-states, bh-utilities; @layer bh-tokens { :host { display: block; position: absolute; z-index: var(--bh-z-index-dropdown); pointer-events: none; --bh-bubble-bg: var(--color-bg-inverse); --bh-bubble-radius: var(--radius-md); --bh-bubble-padding: var(--spacing-md); --bh-bubble-btn-size: var(--bh-button-height-sm); --bh-bubble-btn-color: var(--color-white); --bh-bubble-btn-bg-hover: var(--overlay-white-light); --bh-bubble-btn-bg-active: var(--overlay-white-medium); --bh-bubble-gap: var(--spacing-xs); --bh-bubble-arrow-size: 12px; --bh-bubble-icon-size: var(--icon-size-md); } } @layer bh-base { .bubble-menu { position: fixed; transform: translate(-50%, -100%); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--animation-duration-fast) ease, visibility var(--animation-duration-fast) ease; } .bubble-menu-visible { opacity: 1; visibility: visible; pointer-events: auto; } .bubble-menu-below { transform: translate(-50%, 0); } .bubble-menu-below .bubble-arrow { top: -6px; bottom: auto; } .bubble-menu-content { display: flex; align-items: center; gap: var(--bh-bubble-gap); padding: var(--bh-bubble-padding); background: var(--bh-bubble-bg); border-radius: var(--bh-bubble-radius); box-shadow: var(--shadow-popup); } .bubble-btn { display: inline-flex; align-items: center; justify-content: center; width: var(--bh-bubble-btn-size); height: var(--bh-bubble-btn-size); padding: 0; margin: 0; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--bh-bubble-btn-color); cursor: pointer; transition: background-color var(--animation-duration-fast) ease; } .bubble-btn .material-symbols-outlined { font-size: var(--bh-bubble-icon-size); } .bubble-arrow { position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%) rotate(45deg); width: var(--bh-bubble-arrow-size); height: var(--bh-bubble-arrow-size); background: var(--bh-bubble-bg); } } @layer bh-states { .bubble-btn:hover { background: var(--bh-bubble-btn-bg-hover); } .bubble-btn:focus-visible { outline: 2px solid var(--color-border-interactive); outline-offset: 1px; } .bubble-btn-active { background: var(--bh-bubble-btn-bg-active); } .bubble-btn-active:hover { background: var(--bh-bubble-btn-bg-active); } } @layer bh-utilities { @media (max-width: 768px) { :host { --bh-bubble-btn-size: 28px; --bh-bubble-padding: var(--spacing-sm); --bh-bubble-gap: var(--spacing-xxs); --bh-bubble-icon-size: 18px; } } }";const f={bold:"Control+B",italic:"Control+I",underline:"Control+U",heading:"Control+Alt+1",blockquote:"Control+Shift+9",bulletList:"Control+Shift+8",orderedList:"Control+Shift+7",link:"Control+K"},g=class{constructor(o){t(this,o),this.bhLinkRequest=e(this,"bhLinkRequest"),this.bhImageRequest=e(this,"bhImageRequest")}logger=h("bh-html-editor-toolbar");selectionListener;i18nUnsubscribe;_i18nVersion=0;get el(){return o(this)}editor;disabled=!1;ariaLabel="Text formatting";activeStates={};focusedIndex=0;currentFontFamily="Inter";bhLinkRequest;bhImageRequest;async insertLink(t){this.editor&&r(t)&&(this.editor.chain().focus().extendMarkRange("link").setLink({href:t}).run(),this.updateActiveStates())}async insertImage(t,e=""){this.editor&&n(t)&&this.editor.chain().focus().setImage({src:t,alt:e}).run()}componentWillLoad(){this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.editor&&(this.selectionListener=()=>this.updateActiveStates(),this.editor.on("selectionUpdate",this.selectionListener),this.editor.on("transaction",this.selectionListener),this.updateActiveStates())}disconnectedCallback(){this.selectionListener&&this.editor&&(this.editor.off("selectionUpdate",this.selectionListener),this.editor.off("transaction",this.selectionListener)),this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),m.increment(p.COMPONENT_ERROR,{component:"bh-html-editor-toolbar"}),c("bh-html-editor-toolbar",t)}updateActiveStates(){if(!this.editor)return;const t={};for(const e of s)t[e.action]=e.isActive?.(this.editor)??!1;this.activeStates=t;const e=this.editor.getAttributes("textStyle"),o=e?.fontFamily??"",i=l.find((t=>t.toLowerCase()===o.toLowerCase()));this.currentFontFamily=i??"Inter"}handleAction=t=>{if(this.disabled||!this.editor)return;if("link"===t)return void this.handleLinkAction();if("image"===t)return void this.bhImageRequest.emit();const e=s.find((e=>e.action===t));e&&(e.command(this.editor),this.updateActiveStates())};handleLinkAction(){if(this.editor)return this.editor.isActive("link")?(this.editor.chain().focus().unsetLink().run(),void this.updateActiveStates()):void this.bhLinkRequest.emit()}handleFontFamilyChange=t=>{if(this.disabled||!this.editor)return;const e=t.target.value;this.currentFontFamily=e,this.editor.chain().focus().setFontFamily(e).run()};focusButtonAt(t){const e=this.el.shadowRoot?.querySelectorAll(".toolbar-btn");if(!e||0===e.length)return;const o=Math.max(0,Math.min(t,e.length-1));this.focusedIndex=o,e[o]?.focus()}handleToolbarKeyDown=t=>{if(this.disabled)return;const e=s.length;if(0!==e)switch(t.key){case"ArrowRight":t.preventDefault(),this.focusButtonAt((this.focusedIndex+1)%e);break;case"ArrowLeft":t.preventDefault(),this.focusButtonAt((this.focusedIndex-1+e)%e);break;case"Home":t.preventDefault(),this.focusButtonAt(0);break;case"End":t.preventDefault(),this.focusButtonAt(e-1)}};handleButtonFocus=t=>{this.focusedIndex=t};render(){return i(a,{key:"2a8d708ded84177a835582dbb3749ec26cb0735a"},i("div",{key:"a1cee86f34212eead146437ac3660eef8b66500a","aria-label":u("bh-html-editor-toolbar","ariaLabel",this.ariaLabel,"Text formatting"),class:"toolbar",onKeyDown:this.handleToolbarKeyDown,part:"toolbar",role:"toolbar"},i("div",{key:"ebfd767071ca0e3c0e4c4fcb9cdca8818629d11b",class:"font-family-wrapper"},i("select",{key:"ed9a7074aeaed5ac24673e4f0fa2e93aff11e677","aria-label":"Font family",class:"font-family-select",disabled:this.disabled,onChange:this.handleFontFamilyChange,value:this.currentFontFamily},l.map((t=>i("option",{key:t,value:t},t)))),i("span",{key:"e1a2a43ea7a90de68c8a4c12d767cfeeae133f0c",class:"material-symbols-outlined font-family-chevron"},"expand_more")),s.map(((t,e)=>i("button",{"aria-keyshortcuts":f[t.action],"aria-label":t.label,"aria-pressed":String(this.activeStates[t.action]??!1),class:{"toolbar-btn":!0,"toolbar-btn-active":this.activeStates[t.action]??!1},disabled:this.disabled,key:t.action,onClick:()=>this.handleAction(t.action),onFocus:()=>this.handleButtonFocus(e),tabIndex:this.disabled||e!==this.focusedIndex?-1:0,title:t.label,type:"button"},i("span",{class:"material-symbols-outlined"},t.icon))))))}};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-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-toolbar-bg: var(--color-bg-secondary); --bh-toolbar-border: var(--color-border-secondary); --bh-toolbar-btn-size: var(--bh-button-height-sm); --bh-toolbar-btn-radius: var(--radius-sm); --bh-toolbar-btn-color: var(--color-text-secondary); --bh-toolbar-btn-color-hover: var(--color-text-primary); --bh-toolbar-btn-bg-hover: var(--color-bg-tertiary); --bh-toolbar-btn-bg-active: var(--color-brand-50); --bh-toolbar-btn-color-active: var(--color-text-interactive); --bh-toolbar-gap: var(--spacing-xs); --bh-toolbar-padding: var(--spacing-sm); --bh-toolbar-icon-size: var(--icon-size-md); --bh-toolbar-font-select-height: var(--bh-button-height-sm); --bh-toolbar-font-select-min-width: 140px; --bh-toolbar-font-select-border: var(--color-border-secondary); --bh-toolbar-font-select-radius: var(--radius-sm); --bh-toolbar-font-select-color: var(--color-text-secondary); --bh-toolbar-font-select-bg: var(--color-bg-primary); } } @layer bh-base { .toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bh-toolbar-gap); padding: var(--bh-toolbar-padding); background: var(--bh-toolbar-bg); border-bottom: 1px solid var(--bh-toolbar-border); } .font-family-wrapper { position: relative; display: inline-flex; align-items: center; margin-right: var(--spacing-sm); } .font-family-select { appearance: none; min-width: var(--bh-toolbar-font-select-min-width); height: var(--bh-toolbar-font-select-height); padding: 0 var(--spacing-2xl) 0 var(--spacing-md); border: 1px solid var(--bh-toolbar-font-select-border); border-radius: var(--bh-toolbar-font-select-radius); background: var(--bh-toolbar-font-select-bg); color: var(--bh-toolbar-font-select-color); font-size: var(--text-sm-size); font-family: inherit; cursor: pointer; transition: border-color var(--animation-duration-fast) ease; } .font-family-chevron { position: absolute; right: var(--spacing-sm); font-size: var(--bh-toolbar-icon-size); color: var(--bh-toolbar-font-select-color); pointer-events: none; } .toolbar-btn { display: inline-flex; align-items: center; justify-content: center; width: var(--bh-toolbar-btn-size); height: var(--bh-toolbar-btn-size); padding: 0; margin: 0; border: none; border-radius: var(--bh-toolbar-btn-radius); background: transparent; color: var(--bh-toolbar-btn-color); cursor: pointer; transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease; position: relative; } .toolbar-btn .material-symbols-outlined { font-size: var(--bh-toolbar-icon-size); } } @layer bh-states { .font-family-select:hover:not(:disabled) { border-color: var(--color-border-primary); } .font-family-select:focus-visible { outline: 2px solid var(--color-border-interactive); outline-offset: 1px; } .font-family-select:disabled { opacity: 0.4; cursor: not-allowed; } .toolbar-btn:hover:not(:disabled) { background: var(--bh-toolbar-btn-bg-hover); color: var(--bh-toolbar-btn-color-hover); } .toolbar-btn:focus-visible { outline: 2px solid var(--color-border-interactive); outline-offset: 1px; } .toolbar-btn-active { background: var(--bh-toolbar-btn-bg-active); color: var(--bh-toolbar-btn-color-active); } .toolbar-btn-active:hover:not(:disabled) { background: var(--bh-toolbar-btn-bg-active); color: var(--bh-toolbar-btn-color-active); } .toolbar-btn:disabled { opacity: 0.4; cursor: not-allowed; } } @layer bh-utilities { @media (max-width: 768px) { :host { --bh-toolbar-btn-size: 28px; --bh-toolbar-gap: var(--spacing-xxs); --bh-toolbar-padding: var(--spacing-xs); --bh-toolbar-icon-size: 18px; } .toolbar { flex-wrap: wrap; } .font-family-wrapper { width: 100%; margin-right: 0; margin-bottom: var(--spacing-xs); } .font-family-select { width: 100%; } } }";export{v as bh_html_editor_bubble_menu,g as bh_html_editor_toolbar}
|
|
@@ -1 +0,0 @@
|
|
|
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,r as i}from"./p-YLeLKAYJ.js";import{m as o,M as l}from"./p-CSH9RXgl.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))),o.increment(l.COMPONENT_ERROR,{component:"bh-data-grid-footer",error_type:t instanceof Error?t.name:"unknown"}),i("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:"a980e97d8e6a99bc1b328a9cdcedbd08a37c5040"},this.renderSummaryRow(),this.renderPagination())}};export{h as bh_data_grid_footer}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,a as i,h as a,H as s}from"./p-CTHvNfIu.js";import{i as r,g as n}from"./p-jpCe1QTg.js";import{c as l,r as d}from"./p-YLeLKAYJ.js";import{m as h,M as o}from"./p-CSH9RXgl.js";const c=class{constructor(i){e(this,i),this.bhColumnHeaderClick=t(this,"bhColumnHeaderClick"),this.bhColumnHeaderContextMenu=t(this,"bhColumnHeaderContextMenu"),this.bhColumnResize=t(this,"bhColumnResize"),this.bhColumnResizeEnd=t(this,"bhColumnResizeEnd")}get el(){return i(this)}logger=l("bh-data-grid-header");table;columns;size="default";isLoading=!1;enableSorting=!0;enableColumnReorder=!1;enableColumnResize=!1;enableColumnPinning=!1;columnPinning={left:[],right:[]};columnSizes={};selectionMode="none";enableExpansion=!1;enableMasterDetail=!1;enableGrouping=!1;enableEditing=!1;showEditActions=!0;editMode="cell";enableRowDragging=!1;showDragHandle=!0;stickyHeader=!1;showFilterRow=!1;minColumnWidth=50;maxColumnWidth=500;bhColumnHeaderClick;bhColumnHeaderContextMenu;bhColumnResize;bhColumnResizeEnd;resizingColumnId=null;resizeStartX=0;resizeStartWidth=0;boundResizeMove=null;boundResizeEnd=null;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),h.increment(o.COMPONENT_ERROR,{component:"bh-data-grid-header",error_type:e instanceof Error?e.name:"unknown"}),d("bh-data-grid-header",e)}disconnectedCallback(){this.cleanupResizeListeners()}getColumnWidth(e,t){return this.columnSizes[e]??t}handleHeaderClick(e,t){this.bhColumnHeaderClick.emit({columnId:e.column.id,event:t})}handleHeaderContextMenu(e,t){t.preventDefault(),this.bhColumnHeaderContextMenu.emit({columnId:e.column.id,event:t})}handleResizeStart(e,t){e.stopPropagation(),e.preventDefault(),this.cleanupResizeListeners();const i=t.column.id;this.resizingColumnId=i,this.resizeStartX=e.clientX,this.resizeStartWidth=this.getColumnWidth(i,t.column.getSize()),this.boundResizeMove=this.handleResizeMove.bind(this),this.boundResizeEnd=this.handleResizeEnd.bind(this),document.addEventListener("mousemove",this.boundResizeMove),document.addEventListener("mouseup",this.boundResizeEnd)}handleResizeMove(e){if(!this.resizingColumnId)return;const t=Math.max(this.minColumnWidth,Math.min(this.maxColumnWidth,this.resizeStartWidth+(e.clientX-this.resizeStartX)));this.bhColumnResize.emit({columnId:this.resizingColumnId,width:t,previousWidth:this.resizeStartWidth})}handleResizeEnd(){this.resizingColumnId&&this.bhColumnResizeEnd.emit({columnSizes:{...this.columnSizes}}),this.resizingColumnId=null,this.cleanupResizeListeners()}cleanupResizeListeners(){this.boundResizeMove&&(document.removeEventListener("mousemove",this.boundResizeMove),this.boundResizeMove=null),this.boundResizeEnd&&(document.removeEventListener("mouseup",this.boundResizeEnd),this.boundResizeEnd=null)}renderSelectionHeader(){if("none"===this.selectionMode||"single-click"===this.selectionMode||"multiple-click"===this.selectionMode)return null;if("single-radio"===this.selectionMode)return a("th",{class:"data-grid-header-cell data-grid-cell-select",role:"columnheader"});const e=this.table.getIsAllRowsSelected(),t=this.table.getIsSomeRowsSelected();return a("th",{class:"data-grid-header-cell data-grid-cell-select",role:"columnheader"},a("bh-checkbox",{checked:e,indeterminate:t&&!e,onBhChange:()=>this.table.toggleAllRowsSelected(),size:"sm"}))}renderHeaderCell(e){if(e.isPlaceholder)return a("th",{class:"data-grid-header-cell",key:e.id,role:"columnheader"});const t=e.column.id,i=this.enableSorting&&e.column.getCanSort(),s=e.column.getIsSorted(),l=e.column.columnDef.meta,d=this.enableColumnResize&&!1!==l?.resizable,h=this.resizingColumnId===t,o=r(t,this.columnPinning),c="left"===o,u="right"===o,g=c||u,m={"data-grid-header-cell":!0,"data-grid-header-cell-sortable":i,"data-grid-header-cell-sorted":!!s,"data-grid-header-cell-resizable":d,"data-grid-header-cell-resizing":h,"data-grid-header-cell-pinned":g,"data-grid-header-cell-pinned-left":c,"data-grid-header-cell-pinned-right":u,"data-grid-header-cell-draggable":this.enableColumnReorder,[`data-grid-cell-align-${l?.align||"left"}`]:!0},p=this.getColumnWidth(t,e.column.getSize()),b=p?{width:`${p}px`,minWidth:`${p}px`}:{};c?(b.position="sticky",b.left=`${n(t,"left",this.columnPinning,this.columnSizes,100)}px`,b.zIndex="11"):u&&(b.position="sticky",b.right=`${n(t,"right",this.columnPinning,this.columnSizes,100)}px`,b.zIndex="11");const C="function"==typeof e.column.columnDef.header?e.column.columnDef.header(e.getContext()):e.column.columnDef.header??t;return a("th",{"aria-sort":"asc"===s?"ascending":"desc"===s?"descending":void 0,class:m,key:e.id,onClick:t=>i&&this.handleHeaderClick(e,t),onContextMenu:t=>this.handleHeaderContextMenu(e,t),role:"columnheader",style:b},a("span",{class:"data-grid-header-content"},this.enableColumnPinning&&g&&a("span",{class:"data-grid-pin-indicator material-symbols-outlined"},"push_pin"),a("span",{class:"data-grid-header-text"},C),i&&a("span",{class:"data-grid-sort-indicator"},"asc"===s&&a("span",{class:"material-symbols-outlined"},"arrow_upward"),"desc"===s&&a("span",{class:"material-symbols-outlined"},"arrow_downward"),!s&&a("span",{class:"material-symbols-outlined data-grid-sort-inactive"},"unfold_more"))),d&&a("div",{class:"data-grid-resize-handle",onMouseDown:t=>this.handleResizeStart(t,e)}))}render(){if(!this.table)return null;const e=this.table.getHeaderGroups();return a(s,null,a("thead",{class:{"data-grid-header":!0,"data-grid-header-sticky":this.stickyHeader},part:"header"},e.map((e=>a("tr",{class:"data-grid-header-row",key:e.id,part:"header-row",role:"row"},this.enableRowDragging&&this.showDragHandle&&a("th",{class:"data-grid-header-cell data-grid-cell-drag-handle",role:"columnheader"}),this.renderSelectionHeader(),(this.enableExpansion||this.enableMasterDetail)&&!this.enableGrouping&&a("th",{class:"data-grid-header-cell data-grid-cell-expand",role:"columnheader"}),e.headers.map((e=>this.renderHeaderCell(e))),this.enableEditing&&this.showEditActions&&"row"===this.editMode&&a("th",{class:"data-grid-header-cell data-grid-cell-actions",role:"columnheader"}))))))}};export{c as bh_data_grid_header}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,c as t,h as e,H as r}from"./p-CTHvNfIu.js";import{v as s}from"./p-R-A72b5e.js";import{c as i,r as o}from"./p-YLeLKAYJ.js";import{B as n,r as d}from"./p-BNVOtH-1.js";import{m as h,M as c}from"./p-CSH9RXgl.js";const l=new Map([["xs",24],["sm",32],["md",40],["lg",48],["xl",56],["2xl",64]]),b=class{constructor(e){a(this,e),this.bhError=t(this,"bhError")}logger=i("bh-avatar-stacked");i18nUnsubscribe;_i18nVersion=0;size="md";avatars="[]";maxVisible=10;showAddButton=!0;addTooltipText="Add member";hoveredIndex=-1;addButtonHovered=!1;bhError;componentWillLoad(){this.i18nUnsubscribe=n.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),h.increment(c.COMPONENT_ERROR,{component:"bh-avatar-stacked",error_type:a instanceof Error?a.name:"unknown"}),o("bh-avatar-stacked",a),this.bhError.emit({error:a})}getParsedAvatars(){if(Array.isArray(this.avatars))return this.avatars;const a=s(this.avatars);return a.valid?a.value??[]:(this.logger.warn("Invalid avatars JSON:",{errors:a.errors}),[])}getAvatarSize(){return l.get(this.size)??40}getOffset(){const a=this.getAvatarSize();return Math.floor(.3*a)}mapAvatarType(a){return"icon"===a?"placeholder":a}handleAvatarMouseEnter=a=>{this.hoveredIndex=a};handleAvatarMouseLeave=()=>{this.hoveredIndex=-1};handleAddButtonMouseEnter=()=>{this.addButtonHovered=!0};handleAddButtonMouseLeave=()=>{this.addButtonHovered=!1};render(){const a=this.getParsedAvatars(),t=a.slice(0,this.maxVisible-1),s=a.length-(this.maxVisible-1),i=s>0,o=this.getOffset(),n=t.length>0,h=a=>({marginLeft:a>0?`-${o}px`:"0"}),c=a=>({marginLeft:a?`-${o}px`:"0"});return e(r,{key:"08bb9a49ab66e5b68e47bf6688f0439cca23e190"},e("div",{key:"f3acd48e5418056948837dc1c880ff165bacae58",class:`avatar-stacked avatar-stacked-${this.size}`,part:"container"},t.map(((a,t)=>e("div",{class:"avatar-item",key:`avatar-${t}`,onMouseEnter:()=>this.handleAvatarMouseEnter(t),onMouseLeave:this.handleAvatarMouseLeave,style:h(t)},e("bh-avatar",{alt:a.text||"Avatar",imageSrc:a.imageSrc,size:this.size,text:a.text||"?",variant:this.mapAvatarType(a.type)}),a.tooltipText&&e("bh-tooltip",{placement:"bottom",text:a.tooltipText,visible:this.hoveredIndex===t})))),i&&e("div",{key:"b6874f94c2a0da629234a0a71bd0c4b71ee8f76b",class:"avatar-item",style:c(n)},e("bh-avatar",{key:"d543dc9697c69532ad992ed088f4f88831df914d",alt:`${s} more`,size:this.size,text:`+${s}`,variant:"text"})),this.showAddButton&&e("div",{key:"2d10dba155c5d0264117c72a2f367fd8a28f53e1",class:"avatar-item",onMouseEnter:this.handleAddButtonMouseEnter,onMouseLeave:this.handleAddButtonMouseLeave,style:c(n||i)},e("bh-avatar-add",{key:"8171ba9affdb7e145cd710989b9e02dc8a832cb4",showTooltip:!0,size:this.size,tooltipText:d("bh-avatar-stacked","addTooltipText",this.addTooltipText,"Add member")}))))}};b.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;font-family:var(--font-inter, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);--bh-avatar-stacked-border-color:var(--color-bg-primary)}}@layer bh-base{.avatar-stacked{display:flex;align-items:center}.avatar-item{position:relative;display:inline-flex;}.avatar-item bh-avatar,.avatar-item bh-avatar-add{box-shadow:0 0 0 2px var(--bh-avatar-stacked-border-color);border-radius:50%}}';export{b as bh_avatar_stacked}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as e,H as r}from"./p-CTHvNfIu.js";import{c as o,r as t}from"./p-YLeLKAYJ.js";import{m as c,M as d}from"./p-CSH9RXgl.js";const n="bh-card-footer",s=class{constructor(e){a(this,e)}logger=o(n);showDivider=!0;alignment="space-between";componentDidCatch(a){const e=a instanceof Error?a:new Error(String(a));this.logger.error("Component error caught",e),c.increment(d.COMPONENT_ERROR,{component:n,error_type:e.name}),t(n,a)}render(){const a={"card-footer-content":!0,[`card-footer-align-${this.alignment}`]:!0};return e(r,{key:"9352bd6d7f6449e7b0c289728fc68a16bb6e05de"},e("div",{key:"d439ad44e000451a37a5b1a70018a5438fa2bca1",class:"card-footer",part:"footer"},this.showDivider&&e("div",{key:"1cd72006711a7b981c06ecf2eeb7d80a42453f44",class:"card-footer-divider",part:"divider"}),e("div",{key:"6379b4bb8e4db8295acd53be6fc5139c23ab18bf",class:a,part:"content"},e("div",{key:"5ac9d2e90a73ddd870b77860b7b34be500dfbc0d",class:"card-footer-primary-actions"},e("slot",{key:"283286116b57e740bb2efb02cee70e0d9a5de943",name:"primary-actions"})),e("div",{key:"fc70ffc11c4360b2bde0aba0dd58ae4c3ee4bcf7",class:"card-footer-secondary-actions"},e("slot",{key:"2369db56f57d52704cfe1cd05419f2b6acee41b4",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}
|
|
@@ -1 +0,0 @@
|
|
|
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,r as l}from"./p-YLeLKAYJ.js";import{B as n,r as c}from"./p-BNVOtH-1.js";import{m as h,M as d}from"./p-CSH9RXgl.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=n.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),h.increment(d.COMPONENT_ERROR,{component:"bh-line-chart"}),l("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:"339f71fb621eb75b37da50f016b3146de28926b5"},s("div",{key:"e26559ed20d32438c518c4c8d9b81b76af7395f9",class:{"line-chart":!0,"line-chart-animated":this.animated},part:"container"},this.renderLegend(),s("svg",{key:"b8c709af761d3e0a7cfe6b46c74f95d35ccca868","aria-label":c("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:"ad577abb4627a6081e464ac47c76433302a99ae3","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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as a,h as t,H as o}from"./p-CTHvNfIu.js";import{c as r,r as i}from"./p-YLeLKAYJ.js";import{m as d,M as l}from"./p-CSH9RXgl.js";import{B as n,r as s}from"./p-BNVOtH-1.js";const c="bh-modal-header",h=class{constructor(t){e(this,t),this.bhClose=a(this,"bhClose")}logger=r(c);i18nUnsubscribe;_i18nVersion=0;modalTitle;description;icon;iconColor="success";showIcon=!0;showCloseButton=!0;variant="left-aligned";paddingBottom=!0;divider=!1;bhClose;componentDidCatch(e){const a=e instanceof Error?e:new Error(String(e));this.logger.error("Component error caught",a),d.increment(l.COMPONENT_ERROR,{component:c,error_type:a.name}),i(c,e)}componentWillLoad(){this.i18nUnsubscribe=n.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleClose=()=>{this.bhClose.emit()};render(){const e="horizontal-left-aligned"===this.variant,a="center-aligned"===this.variant;return t(o,{key:"ceb366bc3b38b5dfde6e892f2a0879156c741215"},t("div",{key:"f120d9e8f3f6270dcce8b2797b75d05298fdaa9b",class:{"modal-header":!0,"modal-header--center":a,"modal-header--horizontal":e},part:"header"},t("div",{key:"61d5ddda1b8647bc4ebde1c102272c100de03ef4",class:{"modal-header-content":!0,"modal-header-content--center":a,"modal-header-content--horizontal":e}},this.showIcon&&this.icon&&t("bh-featured-icon",{key:"7e8b455c8642dcba81955d86fe2e4117e41ab507",color:this.iconColor,icon:this.icon,iconStyle:"outlined",size:"md"}),t("div",{key:"dfc98fab392c4f7ec5f3ac34e5131a5c80bd82d8",class:{"modal-text-content":!0,"modal-text-content--center":a,"modal-text-content--horizontal":e}},t("h3",{key:"b2b9f260fa0b93218213ea25b0c1e31548cd53e5",class:"modal-title"},this.modalTitle),this.description&&t("p",{key:"80abf53a4e8ae1c04f068605b4fd59c7581ede84",class:"modal-description"},this.description))),this.showCloseButton&&t("div",{key:"16280d61a2a3aecfcdd85e1b357ee598684ae320",class:"close-button"},t("bh-close-button",{key:"8d7186ab6504433e196d6969eb06bad4872f4c06",ariaLabel:s("bh-modal-header","closeAriaLabel",void 0,"Close modal"),onClick:this.handleClose}))),this.paddingBottom&&t("div",{key:"18d936e118b1b2e1937cf34299857635232d9b84",class:"padding-bottom"}),this.divider&&t("div",{key:"f7c50ffc0b8c21cf81ab4fa5a4dadf0c27b005b5",class:"divider"}))}};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,bh-utilities; @layer bh-tokens{:host{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-none);width:100%;--bh-modal-header-bg:var(--color-bg-primary);--bh-modal-header-border-color:var(--color-border-secondary);--bh-modal-header-padding:var(--spacing-3xl);--bh-modal-header-gap:var(--spacing-xl);--bh-modal-header-gap-xs:var(--spacing-xs);--bh-modal-header-title-color:var(--color-text-primary);--bh-modal-header-description-color:var(--color-text-secondary);--bh-modal-header-close-button-top:var(--spacing-lg);--bh-modal-header-close-button-right:var(--spacing-lg)}}@layer bh-base{.modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-none);width:100%;position:relative}.modal-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bh-modal-header-gap);padding:var(--bh-modal-header-padding);padding-bottom:var(--spacing-none);width:100%}.modal-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bh-modal-header-gap-xs);width:100%;flex:1;min-width:0}.modal-title{margin:0;font-family:var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-lg-size);line-height:var(--text-lg-line);letter-spacing:0px;color:var(--bh-modal-header-title-color);width:100%}.modal-description{margin:0;font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--text-sm-line);letter-spacing:0px;color:var(--bh-modal-header-description-color);width:100%}.close-button{position:absolute;top:var(--bh-modal-header-close-button-top);right:var(--bh-modal-header-close-button-right)}.padding-bottom{height:var(--sp-5);width:100%;flex-shrink:0}.divider{height:1px;width:100%;flex-shrink:0;background-color:var(--bh-modal-header-border-color)}}@layer bh-variants{.modal-header--center{align-items:center}.modal-header--horizontal{flex-direction:row;align-items:flex-start}.modal-header-content--center{align-items:center}.modal-header-content--horizontal{flex-direction:row;align-items:flex-start}.modal-text-content--center{align-items:center;text-align:center}.modal-text-content--horizontal{flex:1;min-width:1px;min-height:1px}}";export{h as bh_modal_header}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as o,h as e,H as t}from"./p-CTHvNfIu.js";import{c as a,r as n}from"./p-YLeLKAYJ.js";import{m as i,M as c}from"./p-CSH9RXgl.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),i.increment(c.COMPONENT_ERROR,{component:s,error_type:o.name}),n(s,r)}handleButtonClick=()=>{this.bhAction.emit({action:"primary"})};render(){return e(t,{key:"8fd182223909b6d4b609c7cd933e50d1cc8270de"},e("div",{key:"de087dffdb49b74c084e0920fd3bd23dfea3db5c",class:{"container-footer":!0,[`container-footer-${this.density}`]:!0},part:"footer"},e("div",{key:"eae0f2da8751f3be3be96ae7af32dd96138a543c",class:"container-footer-content",part:"content"},e("bh-button",{key:"f6ebdb3f70333584fab4865a07457ab519d570fb",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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as a,H as r}from"./p-CTHvNfIu.js";import{c as t,r as d}from"./p-YLeLKAYJ.js";import{m as i,M as h}from"./p-CSH9RXgl.js";import{B as o,r as c}from"./p-BNVOtH-1.js";const s="bh-card-header",n=class{constructor(a){e(this,a)}logger=t(s);i18nUnsubscribe;_i18nVersion=0;showFeaturedIcon=!0;featuredIcon="star";featuredIconStyle="outlined";featuredIconColor="gray";showTitle=!0;headerTitle="Card title";showBadge=!1;badgeText="";showSupportingText=!0;supportingText="Card description";showDropdown=!0;showDivider=!0;componentDidCatch(e){const a=e instanceof Error?e:new Error(String(e));this.logger.error("Component error caught",a),i.increment(h.COMPONENT_ERROR,{component:s,error_type:a.name}),d(s,e)}componentWillLoad(){this.i18nUnsubscribe=o.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleDropdownClick=()=>{};render(){return a(r,{key:"a12910207996dc8ad29f3e4345e3317c63602420"},a("div",{key:"09c295344f9c9a972252315c0911f901cfe45b73",class:"card-header",part:"header"},a("div",{key:"f13e59fc4dd7a4c8f8ec0bb3e8346e8dd5298264",class:"card-header-content",part:"content"},a("div",{key:"cb2f4ad51159b3c4282f4bfc76dd59ef69e5545b",class:"card-header-text-container",part:"text-container"},a("div",{key:"6801991500045e517f851be5de075fe12f8b0754",class:"card-header-title-row"},this.showFeaturedIcon&&a("bh-featured-icon",{key:"957b67176d395b80453634251368939c2801d890",color:this.featuredIconColor,icon:this.featuredIcon,iconStyle:this.featuredIconStyle,size:"sm"}),this.showTitle&&a("span",{key:"0c3175e30642bb65114a9aeb47418437f5d91608",class:"card-header-title"},c("bh-card-header","headerTitle",this.headerTitle,"Card title")),this.showBadge&&this.badgeText&&a("bh-badge",{key:"e11727981c522a7519d6fed4f4ada8f142c65637",emphasis:"medium",label:this.badgeText,size:"sm",variant:"blue"})),this.showSupportingText&&a("div",{key:"05655aee55b795ec5a7ade11c3f62a979a5e985d",class:"card-header-supporting-row"},this.showFeaturedIcon&&a("div",{key:"caed4447a2ee2629112531529efdfc0a46f09e98",class:"card-header-spacer"}),a("span",{key:"4344b9b087c74090bdd07f26b2f5f872be5640bf",class:"card-header-supporting-text"},c("bh-card-header","supportingText",this.supportingText,"Card description")))),this.showDropdown&&a("bh-button-icon",{key:"b2fcc718b2e41552fdc4981f6243ad349e67464e",ariaLabel:"More options",hierarchy:"quaternary",iconName:"more_vert",onBhClick:this.handleDropdownClick,size:"sm"})),a("slot",{key:"ad6e9ed6888ecd62a76a16a66d6c2e8eaea64ee4",name:"tabs"}),this.showDivider&&a("div",{key:"0ba1ff3858830ac20bf8fdfd7cd7435add9ae53e",class:"card-header-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-card-header-bg:var(--color-bg-primary);--bh-card-header-title-color:var(--color-text-primary);--bh-card-header-supporting-color:var(--color-text-tertiary);--bh-card-header-divider-color:var(--color-border-secondary)}}@layer bh-tokens{:host{--bh-card-header-gap:var(--spacing-xl);--bh-card-header-content-gap:var(--spacing-sm);--bh-card-header-content-padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);--bh-card-header-text-container-gap:var(--spacing-xxs);--bh-card-header-title-row-gap:var(--spacing-xl);--bh-card-header-supporting-row-gap:var(--spacing-xl);--bh-card-header-title-font-family:var(--font-inter);--bh-card-header-title-font-size:var(--text-md-size);--bh-card-header-title-font-weight:var(--weight-semibold);--bh-card-header-title-line-height:var(--line-height-normal);--bh-card-header-supporting-font-family:var(--font-inter);--bh-card-header-supporting-font-size:var(--text-sm-size);--bh-card-header-supporting-font-weight:var(--weight-regular);--bh-card-header-supporting-line-height:var(--line-height-normal)}}@layer bh-base{.card-header{display:flex;flex-direction:column;gap:var(--bh-card-header-gap);background:var(--bh-card-header-bg)}.card-header-content{display:flex;gap:var(--bh-card-header-content-gap);align-items:flex-start;padding:var(--bh-card-header-content-padding)}.card-header-text-container{display:flex;flex-direction:column;flex:1 0 0;gap:var(--bh-card-header-text-container-gap);min-width:0}.card-header-title-row{display:flex;align-items:center;gap:var(--bh-card-header-title-row-gap)}.card-header-title{font-family:var(--bh-card-header-title-font-family);font-size:var(--bh-card-header-title-font-size);font-weight:var(--bh-card-header-title-font-weight);line-height:var(--bh-card-header-title-line-height);color:var(--bh-card-header-title-color)}.card-header-supporting-row{display:flex;align-items:center;gap:var(--bh-card-header-supporting-row-gap);width:100%}.card-header-spacer{width:var(--bh-avatar-size-sm);flex-shrink:0}.card-header-supporting-text{flex:1 0 0;font-family:var(--bh-card-header-supporting-font-family);font-size:var(--bh-card-header-supporting-font-size);font-weight:var(--bh-card-header-supporting-font-weight);line-height:var(--bh-card-header-supporting-line-height);color:var(--bh-card-header-supporting-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header-divider{height:1px;background:var(--bh-card-header-divider-color)}}";export{n as bh_card_header}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as r,h as a,H as t}from"./p-CTHvNfIu.js";import{c as o,r as s}from"./p-YLeLKAYJ.js";import{m as i,M as l}from"./p-CSH9RXgl.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))),i.increment(l.COMPONENT_ERROR,{component:"bh-date-range-picker-content",error_type:e instanceof Error?e.name:"unknown"}),s("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:"83406ca8d961544fdb90d1a60cf8f7bfe7969f57"},a("div",{key:"9dd600c143f12bb0c2a0b8dbb138fa4c4ac16418",class:{"date-range-picker-content":!0,"has-sidebar":this.showPresetSidebar},part:"container"},this.showPresetSidebar&&a("div",{key:"c8f99fdf67cbf60a6949f8e5426287c83880204b",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:"872076178cabc77f7778dba96e8531c59ddb5f9a",class:"date-range-main"},this.showDateInputs&&a("div",{key:"1d2daec50e8b6140bbd720608fc207b203e67dd2",class:"date-range-inputs",part:"date-inputs"},a("bh-input-text",{key:"2fb6bc4fc5c44010bf7286fe525577d579484796",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:"6f41761ba7e76a2bd0d23a1b98597e22477ac7dc",class:"date-range-separator"},"–"),a("bh-input-text",{key:"b3576664753f7b532fded82ac546062e27fb9ef6",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:"0e7ccbe09b938582346326fdff6546f7e205ea02",class:"preset-ranges",part:"preset-ranges"},a("bh-button",{key:"38038a0c24f975cadacdb8b1e77b46efaa1b6900",hierarchy:"tertiary",label:"Last week",onBhClick:()=>this.bhPresetSelect.emit("last-week"),size:"sm"}),a("bh-button",{key:"25d56e0924312dec6e1638bca9506dea1d296baf",hierarchy:"tertiary",label:"Last month",onBhClick:()=>this.bhPresetSelect.emit("last-month"),size:"sm"}),a("bh-button",{key:"5c05b492d23235af1330b75dae431ecd33dfc873",hierarchy:"tertiary",label:"Last year",onBhClick:()=>this.bhPresetSelect.emit("last-year"),size:"sm"})),a("div",{key:"2eed38e2dd601981cb3ce6293e975c6acc06b8d1",class:"date-pickers",part:"date-pickers"},a("div",{key:"d7360784077dcf67dc3e7258c46af724643e668d",class:"left-picker",part:"left-picker"},a("bh-date-picker-content",{key:"31f2174637bad08111ebeb865697266c4bdb3d1d",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:"9dd3247ea825d3894052308bf999a65f7b8ad97d",class:"right-picker",part:"right-picker"},a("bh-date-picker-content",{key:"07113da5e53989d1f79e2b70a62745f0b099fc13",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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,a as s,h as a}from"./p-CTHvNfIu.js";import{C as r}from"./p-CNYUzrTZ.js";import{c as e,a as o,r as n,b as h,d}from"./p-YLeLKAYJ.js";import{c as l}from"./p-Dn-MvAk9.js";import{c}from"./p-YdVz1TeW.js";import{B as p,r as b}from"./p-BNVOtH-1.js";import{c as u}from"./p-CFlb5gKI.js";import{c as m}from"./p-B93zYxiE.js";import{v}from"./p-R-A72b5e.js";import{a as g}from"./p-BqJRACkO.js";import{K as f}from"./p-zdFuIabL.js";import{Z as w}from"./p-BoVgy_Ao.js";import"./p-CSH9RXgl.js";const y=class{constructor(s){t(this,s),this.bhItemClick=i(this,"bhItemClick"),this.bhOpen=i(this,"bhOpen"),this.bhClose=i(this,"bhClose"),this.bhChange=i(this,"bhChange"),this.bhSearch=i(this,"bhSearch"),this.bhScroll=i(this,"bhScroll"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur")}get el(){return s(this)}triggerRef;menuRef;positioner;dismissalManager;logger=e("bh-dropdown");_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=l({componentName:"bh-dropdown",logger:this.logger})),this._errorHandler}size="md";state="default";variant="outlined";label="Options";iconName="more_vert";disabled=!1;menuItems=[];header;avatarSrc="";avatarAlt="Avatar";avatarSize="md";avatarName;avatarEmail;showIcons=!0;searchable=!1;searchPlaceholder="Search...";menuId;ariaRoleDescription=null;ariaActiveDescendant;ariaBusy="false";ariaAutocomplete="none";isOpen=!1;menuPosition={x:0,y:0};errorState=o();searchTerm="";componentState="UNMOUNTED";stateManager=new r("UNMOUNTED");positionRetryCount=0;MAX_POSITION_RETRIES=3;bhItemClick;bhOpen;bhClose;bhChange;bhSearch;bhScroll;bhFocus;bhBlur;focusState=c();focusVersion=0;i18nUnsubscribe;_i18nVersion=0;componentDidCatch(t){this.handleComponentError(t)}setMenuOpen(t){this.isOpen!==t&&(this.isOpen=t,t?this.bhOpen.emit():this.bhClose.emit())}handleDismiss=()=>{this.setMenuOpen(!1)};handleOpenChange(t){t?(this.setupFloatingUI(),this.dismissalManager?.enable()):(this.dismissalManager?.disable(),this.cleanupFloating())}componentWillLoad(){this.i18nUnsubscribe=p.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.dismissalManager?.destroy(),this.cleanupFloating(),this.i18nUnsubscribe?.()}componentDidLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.menuRef&&this.triggerRef&&(this.dismissalManager=u(this.menuRef,{onDismiss:this.handleDismiss,escapeKey:!0,clickOutside:!0,focusLoss:!1,excludeElements:[this.triggerRef]}))}async setupFloatingUI(){if(!this.triggerRef||!this.menuRef)return;const t="avatar"===this.variant?"right-end":"bottom-end";try{this.stateManager.transition("LOADING","Computing position"),this.positioner=await m(this.triggerRef,this.menuRef,{placement:t,offset:8,flip:!0,fallbackPlacements:["top-end","bottom-start","top-start"],shift:!0,shiftPadding:8,timeoutMs:2e3,autoUpdate:!0},((t,i)=>{this.menuPosition={x:t,y:i},this.positionRetryCount=0,"ACTIVE"!==this.stateManager.getState()&&(this.stateManager.transition("ACTIVE","Position computed successfully"),this.componentState="ACTIVE")}))}catch(t){this.positionRetryCount++,this.positionRetryCount>=this.MAX_POSITION_RETRIES?(this.stateManager.enterDegradedState({fallbackUI:"static-position",disabledFeatures:["auto-positioning","flip","shift"],retryable:!0,maxRetries:this.MAX_POSITION_RETRIES}),this.componentState="DEGRADED",this.logger.warn("Dropdown degraded: using fallback positioning",{reason:t instanceof Error?t.message:String(t),retries:this.positionRetryCount}),n("bh-dropdown",t)):this.logger.warn("Retrying position calculation",{retryCount:this.positionRetryCount}),this.fallbackPosition()}}fallbackPosition(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect();this.menuPosition="right-end"==("avatar"===this.variant?"right-end":"bottom-end")?{x:t.right+8,y:t.top}:{x:t.left,y:t.bottom+8}}cleanupFloating(){this.positioner&&(this.positioner.destroy(),this.positioner=void 0)}get parsedMenuItems(){let t;if("string"==typeof this.menuItems){const i=v(this.menuItems);if(!i.valid)return n("bh-dropdown",new Error(`Invalid menuItems JSON: ${i.errors.map((t=>t.message)).join(", ")}`)),[];if(!Array.isArray(i.value))return n("bh-dropdown",new Error("menuItems must be an array")),[];t=i.value}else t=this.menuItems||[];return this.searchable&&this.searchTerm&&(t=t.filter((t=>(t.label||"").toLowerCase().includes(this.searchTerm.toLowerCase())))),t}get parsedHeader(){if("avatar"===this.variant)return{avatarGroup:!0,avatarSrc:this.avatarSrc,name:this.avatarName,email:this.avatarEmail};if(this.header){if("string"==typeof this.header){const t=v(this.header);return t.valid?t.value??void 0:void n("bh-dropdown",new Error(`Invalid header JSON: ${t.errors.map((t=>t.message)).join(", ")}`))}return this.header}}toggleDropdown=()=>{this.disabled||this.setMenuOpen(!this.isOpen)};handleMenuItemClick=t=>{const i=t.detail.item;i&&!i.disabled&&(this.bhItemClick.emit(i),this.bhChange.emit(i),this.setMenuOpen(!1))};handleSearch=t=>{this.bhSearch.emit(t)};handleFocus=t=>{this.focusState.handleFocus(t,(t=>this.bhFocus.emit(t)))};handleBlur=t=>{this.focusState.handleBlur(t,(t=>this.bhBlur.emit(t)))};handleKeyDown=t=>{if(!this.disabled&&g(t)&&(t.preventDefault(),this.toggleDropdown()),(t.key===f.ARROW_DOWN||t.key===f.ARROW_UP)&&!this.isOpen){t.preventDefault(),this.setMenuOpen(!0);const i=t.key===f.ARROW_DOWN?0:-1;requestAnimationFrame((()=>{this.menuRef?.focusItem(i)}))}};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};get isIconOnly(){return"icon-only-outlined"===this.variant||"icon-only-ghost"===this.variant}get showAvatar(){return"avatar"===this.variant}get buttonHierarchy(){return"ghost"===this.variant||"icon-only-ghost"===this.variant?"tertiary":"secondary"}renderErrorFallback(){return a("div",{class:"dropdown-error",part:"error"},a("bh-button",{disabled:!0,hierarchy:"secondary",icon:"leading",iconName:"error",label:this.label,size:this.size}))}render(){if(this.errorState.hasError)return this.renderErrorFallback();try{const t={"dropdown-container":!0,"dropdown-open":this.isOpen,"dropdown-avatar-variant":"avatar"===this.variant},i={"dropdown-avatar":!0,"dropdown-avatar-focus":this.isOpen,"dropdown-avatar-disabled":this.disabled},s={position:"fixed",left:`${this.menuPosition.x}px`,top:`${this.menuPosition.y}px`,zIndex:String(w.POPOVER)};return a("div",{"aria-disabled":this.disabled?"true":void 0,class:t,part:"container"},"DEGRADED"===this.componentState&&this.isOpen&&a("div",{class:"dropdown-degraded-notice",part:"degraded-notice",role:"status"},a("span",{class:"dropdown-degraded-icon"},"⚠️"),a("span",{class:"dropdown-degraded-text"},"Simplified positioning active")),!this.showAvatar&&a("div",{onKeyDown:this.handleKeyDown,part:"trigger",ref:t=>this.triggerRef=t},this.isIconOnly?a("bh-button-icon",{ariaLabel:this.iconName,disabled:this.disabled,hierarchy:this.buttonHierarchy,iconName:this.iconName,onClick:this.toggleDropdown,size:this.size}):a("bh-button",{disabled:this.disabled,hierarchy:this.buttonHierarchy,icon:"trailing",iconName:"expand_more",label:b("bh-dropdown","label",this.label,"Options"),onClick:this.toggleDropdown,size:this.size})),this.showAvatar&&a("div",{"aria-activedescendant":this.ariaActiveDescendant,"aria-busy":String(this.ariaBusy),"aria-controls":this.menuId,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":String(this.isOpen),"aria-haspopup":"menu","aria-live":"off","aria-roledescription":this.ariaRoleDescription,class:i,"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:t=>{this.disabled||(t.stopPropagation(),this.toggleDropdown())},onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"trigger",ref:t=>this.triggerRef=t,role:"button",tabindex:this.disabled?-1:0},a("bh-avatar",{alt:b("bh-dropdown","avatarAlt",this.avatarAlt,"Avatar"),imageSrc:this.avatarSrc||void 0,size:this.avatarSize,variant:this.avatarSrc?"image":"placeholder"})),this.searchable&&this.isOpen&&a("div",{class:"dropdown-search",part:"search"},a("bh-input-text",{onInput:t=>{const i=t.detail;this.searchTerm=i,this.handleSearch(i)},placeholder:b("bh-dropdown","searchPlaceholder",this.searchPlaceholder,"Search..."),value:this.searchTerm})),a("bh-menu",{animated:!0,"aria-activedescendant":this.ariaActiveDescendant,"aria-busy":String(this.ariaBusy),"aria-live":"polite","aria-roledescription":this.ariaRoleDescription,class:{"dropdown-menu-hidden":!this.isOpen},header:this.parsedHeader,id:this.menuId,menuItems:this.parsedMenuItems,onBhItemClick:this.handleMenuItemClick,orientation:"vertical",ref:t=>this.menuRef=t,role:"menu",showIcons:this.showIcons,style:this.isOpen?s:void 0,visible:this.isOpen}))}catch(t){return this.errorState=h(this.errorState,d("bh-dropdown",t,{variant:this.variant})),this.renderErrorFallback()}}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};y.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;position:relative;--bh-dropdown-avatar-bg-hover:var(--color-bg-tertiary);--bh-dropdown-avatar-bg-focus:var(--color-bg-interactive-light)}}@layer bh-base{.dropdown-container{position:relative;display:inline-block;}.dropdown-container bh-dropdown-menu{}.dropdown-container .dropdown-menu-hidden{display:none}.dropdown-avatar{cursor:pointer;border-radius:50%;outline:none;display:inline-flex;user-select:none;line-height:0}}@layer bh-states{.dropdown-avatar{}.dropdown-avatar:hover:not(.dropdown-avatar-disabled) bh-avatar{--bh-avatar-bg:var(--bh-dropdown-avatar-bg-hover)}.dropdown-avatar:focus:not(.dropdown-avatar-disabled) bh-avatar{--bh-avatar-bg:var(--bh-dropdown-avatar-bg-focus)}.dropdown-avatar-focus bh-avatar{--bh-avatar-bg:var(--bh-dropdown-avatar-bg-focus)}.dropdown-avatar-disabled{cursor:not-allowed;opacity:0.5}.dropdown-open bh-button{--button-focus-ring:0 0 0 2px var(--color-border-interactive)}}";export{y as bh_dropdown}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,c as r,a as t,h as e,H as s}from"./p-CTHvNfIu.js";import{a as i}from"./p-DBw2LsqR.js";import{c as o,r as n}from"./p-YLeLKAYJ.js";import{m as h,M as l}from"./p-CSH9RXgl.js";import{B as d,r as c}from"./p-BNVOtH-1.js";const b=class{constructor(t){a(this,t),this.bhItemClick=r(this,"bhItemClick"),this.bhSeriesHover=r(this,"bhSeriesHover"),this.bhSeriesLeave=r(this,"bhSeriesLeave"),this.bhTooltipOpen=r(this,"bhTooltipOpen"),this.bhTooltipClose=r(this,"bhTooltipClose"),this.bhError=r(this,"bhError")}get el(){return t(this)}data={axes:[{key:"mon",label:"Mon"},{key:"tue",label:"Tue"},{key:"wed",label:"Wed"},{key:"thu",label:"Thu"},{key:"fri",label:"Fri"},{key:"sat",label:"Sat"},{key:"sun",label:"Sun"}],series:[{name:"Series 1",values:{mon:800,tue:900,wed:700,thu:600,fri:750,sat:400,sun:500}},{name:"Series 2",values:{mon:600,tue:500,wed:800,thu:700,fri:650,sat:300,sun:400}},{name:"Series 3",values:{mon:400,tue:300,wed:500,thu:400,fri:350,sat:200,sun:250}}]};size=300;variant="both";levels=5;animated=!0;showLabels=!0;showDots=!0;fillOpacity=.25;maxValue=1e3;ariaLabel="Radar chart";bhItemClick;bhSeriesHover;bhSeriesLeave;bhTooltipOpen;bhTooltipClose;bhError;tooltipVisible=!1;tooltipX=0;tooltipY=0;tooltipItems=[];tooltipHeader="";hoveredSeries=null;logger=o("bh-radar-chart");i18nUnsubscribe;_i18nVersion=0;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),h.increment(l.COMPONENT_ERROR,{component:"bh-radar-chart"}),n("bh-radar-chart",a),this.bhError.emit({error:a})}componentWillLoad(){this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}validateData(a){a.axes?.length||this.logger.warn("Radar chart data has no axes"),a.series?.length||this.logger.warn("Radar chart data has no series")}getAxisMaxValue(a){return a.maxValue??this.maxValue}getSeriesColor(a,r){return a.color||i(r,this.el)}handleSeriesHover=(a,r,t)=>{this.hoveredSeries=r.name,this.tooltipVisible=!0,this.tooltipX=a.clientX,this.tooltipY=a.clientY,this.tooltipHeader=r.name;const e=this.getSeriesColor(r,t),s=this.data.axes.map((a=>({label:a.label,value:String(r.values[a.key]??0),color:e})));this.tooltipItems=s,this.bhSeriesHover.emit({series:r,event:a}),this.bhTooltipOpen.emit({header:r.name,items:s,x:this.tooltipX,y:this.tooltipY})};handleSeriesLeave=(a,r)=>{this.hoveredSeries=null,this.tooltipVisible=!1,this.bhSeriesLeave.emit({series:r,event:a}),this.bhTooltipClose.emit()};handleAxisClick=(a,r)=>{this.bhItemClick.emit({axis:r,event:a})};renderGrid(){const{axes:a}=this.data;if(!a.length)return null;const r=this.size/2,t=r-40;return e("g",{class:"radar-grid"},Array.from({length:this.levels},((s,i)=>{const o=function(a,r,t,e){if(0===a)return"";const s=2*Math.PI/a;return Array.from({length:a},((a,i)=>{const o=s*i-Math.PI/2;return`${r+e*Math.cos(o)},${t+e*Math.sin(o)}`})).join(" ")}(a.length,r,r,t/this.levels*(i+1));return e("polygon",{class:"radar-grid-level",fill:"none",key:`grid-${i}`,points:o})})))}renderAxes(){const{axes:a}=this.data;if(!a.length)return null;const r=this.size/2,t=r-40,s=t+20,i=2*Math.PI/a.length;return e("g",{class:"radar-axes"},a.map(((a,o)=>{const n=i*o-Math.PI/2,h=r+t*Math.cos(n),l=r+t*Math.sin(n),d=r+s*Math.cos(n),c=r+s*Math.sin(n);return e("g",{class:"radar-axis",key:a.key},e("line",{class:"radar-axis-line",x1:r,x2:h,y1:r,y2:l}),this.showLabels&&e("text",{class:"radar-axis-label","dominant-baseline":"middle",onClick:r=>this.handleAxisClick(r,a),"text-anchor":"middle",x:d,y:c},a.label))})))}renderSeries(){const{axes:a,series:r}=this.data;if(!a.length||!r.length)return null;const t=this.size/2,s=t-40;return e("g",{class:"radar-series-group"},r.map(((r,i)=>{const o=this.getSeriesColor(r,i),n=function(a,r,t,e,s){const i=a.length;if(0===i)return"";const o=2*Math.PI/i;return a.map(((a,i)=>{const n=r[i]??100,h=Math.max(0,Math.min(1,n>0?a/n:0)),l=s*h,d=o*i-Math.PI/2;return`${t+l*Math.cos(d)},${e+l*Math.sin(d)}`})).join(" ")}(a.map((a=>r.values[a.key]??0)),a.map((a=>this.getAxisMaxValue(a))),t,t,s);return e("g",{class:{"radar-series":!0,"radar-series-hovered":this.hoveredSeries===r.name},"data-series":r.name,key:r.name},("filled"===this.variant||"both"===this.variant)&&e("polygon",{class:"radar-area",fill:o,"fill-opacity":this.fillOpacity,onMouseEnter:a=>this.handleSeriesHover(a,r,i),onMouseLeave:a=>this.handleSeriesLeave(a,r),points:n,stroke:"none",style:{animationDelay:this.animated?.1*i+"s":"0s"}}),("outlined"===this.variant||"both"===this.variant)&&e("polygon",{class:"radar-line",fill:"none",onMouseEnter:a=>this.handleSeriesHover(a,r,i),onMouseLeave:a=>this.handleSeriesLeave(a,r),points:n,stroke:o,"stroke-width":"2",style:{animationDelay:this.animated?.1*i+"s":"0s"}}),this.showDots&&a.map(((i,n)=>{const h=function(a,r,t,e,s,i,o){if(e<=0)return{x:s,y:i};const n=o*Math.max(0,Math.min(1,r>0?a/r:0)),h=2*Math.PI/e*t-Math.PI/2;return{x:s+n*Math.cos(h),y:i+n*Math.sin(h)}}(r.values[i.key]??0,this.getAxisMaxValue(i),n,a.length,t,t,s);return e("circle",{class:"radar-dot",cx:h.x,cy:h.y,fill:o,key:`${r.name}-${i.key}`,r:4,stroke:"var(--color-bg-primary, white)","stroke-width":2})})))})))}render(){return e(s,{key:"dfbf8e4d04f19fc35634fcf2d1b40af500fbd68a"},e("div",{key:"d38a4cba5756448585cf9c9efa61784099b7797a",class:{"radar-chart":!0,"radar-chart-animated":this.animated},part:"container"},e("svg",{key:"8e39acb0c48dd35971ba5445843417719a2290d9","aria-label":c("bh-radar-chart","ariaLabel",this.ariaLabel,"Radar chart"),class:"radar-chart-svg",height:this.size,role:"img",viewBox:`0 0 ${this.size} ${this.size}`,width:this.size},this.renderGrid(),this.renderAxes(),this.renderSeries())),e("bh-chart-tooltip",{key:"fb75b85aacf0894a8d5d5c561a5fb80b6fc97c53","aria-hidden":this.tooltipVisible?void 0:"true",header:this.tooltipHeader,items:this.tooltipItems,visible:this.tooltipVisible,x:this.tooltipX,y:this.tooltipY}))}static get watchers(){return{data:[{validateData:0}]}}};b.style=" @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; --bh-radar-chart-grid-color: var( --bh-chart-grid-color, var(--color-neutral-200, hsl(227, 25%, 89%)) ); --bh-radar-chart-axis-color: var( --bh-chart-axis-color, var(--color-neutral-300, hsl(224, 24%, 78%)) ); --bh-radar-chart-label-color: var( --bh-chart-label-color, var(--color-neutral-600, hsl(226, 24%, 38%)) ); --bh-radar-chart-label-size: var(--text-xs-size, 0.75rem); } } @layer bh-base { .radar-chart { position: relative; display: inline-block; } .radar-chart-svg { overflow: visible; } .radar-grid-level { stroke: var(--bh-radar-chart-grid-color); stroke-width: 1; opacity: 0.5; } .radar-axis-line { stroke: var(--bh-radar-chart-axis-color); stroke-width: 1; opacity: 0.7; } .radar-axis-label { fill: var(--bh-radar-chart-label-color); font-size: var(--bh-radar-chart-label-size); font-family: var(--font-inter, system-ui, sans-serif); cursor: pointer; user-select: none; } .radar-area, .radar-line { cursor: pointer; transition: opacity var(--animation-duration-normal) ease, transform var(--animation-duration-normal) ease; transform-origin: center; } .radar-dot { pointer-events: none; transition: transform var(--animation-duration-normal) ease; } } @layer bh-variants { .radar-chart-animated .radar-area, .radar-chart-animated .radar-line { animation: radarFadeIn 0.6s ease-out forwards; opacity: 0; } .radar-chart-animated .radar-dot { animation: radarDotPop var(--animation-duration-slow) ease-out forwards; animation-delay: 0.5s; opacity: 0; transform: scale(0); } } @layer bh-states { .radar-series-hovered .radar-area { fill-opacity: 0.4; } .radar-series-hovered .radar-line { stroke-width: 3; } .radar-series-hovered .radar-dot { transform: scale(1.25); } .radar-axis-label:hover { fill: var(--color-text-interactive, var(--color-brand-600)); text-decoration: underline; } } @layer bh-utilities { @keyframes radarFadeIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } } @keyframes radarDotPop { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } @media (prefers-reduced-motion: reduce) { .radar-chart-animated .radar-area, .radar-chart-animated .radar-line, .radar-chart-animated .radar-dot { animation: none; opacity: 1; transform: none; } .radar-area, .radar-line, .radar-dot { transition: none; } } }";export{b as bh_radar_chart}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,a,h as r,H as i}from"./p-CTHvNfIu.js";import{c as h,r as s}from"./p-YLeLKAYJ.js";import{m as n,M as o}from"./p-CSH9RXgl.js";const l=class{constructor(a){e(this,a),this.bhChange=t(this,"bhChange"),this.bhInput=t(this,"bhInput"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur")}logger=h("bh-range-slider");trackEl;get el(){return a(this)}min=0;max=100;step=1;value=0;valueLow=0;valueHigh=100;dual=!1;disabled=!1;label="";labelDisplay="none";formatLabel;name="";bhChange;bhInput;bhFocus;bhBlur;activeHandle=null;focusedHandle=null;hoveredHandle=null;onValueChange(){this.value=this.clampValue(this.value)}onValueLowChange(){this.valueLow=this.clampValue(this.valueLow),this.dual&&this.valueLow>this.valueHigh&&(this.valueLow=this.valueHigh)}onValueHighChange(){this.valueHigh=this.clampValue(this.valueHigh),this.dual&&this.valueHigh<this.valueLow&&(this.valueHigh=this.valueLow)}componentWillLoad(){this.value=this.clampValue(this.value),this.valueLow=this.clampValue(this.valueLow),this.valueHigh=this.clampValue(this.valueHigh),this.dual&&this.valueLow>this.valueHigh&&(this.valueLow=this.valueHigh)}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),n.increment(o.COMPONENT_ERROR,{component:"bh-range-slider",error_type:e instanceof Error?e.name:"unknown"}),s("bh-range-slider",e)}disconnectedCallback(){this.cleanupDrag()}clampValue(e){const t=this.step>0?this.step:1,a=Math.round((e-this.min)/t)*t+this.min;return Math.min(Math.max(a,this.min),this.max)}valueToPercent(e){const t=this.max-this.min;return 0===t?0:(e-this.min)/t*100}percentToValue(e){return this.clampValue(this.min+e/100*(this.max-this.min))}getFormattedLabel(e){return this.formatLabel?this.formatLabel(e):String(e)}emitCurrentValue(){this.bhInput.emit(this.dual?{low:this.valueLow,high:this.valueHigh}:this.value)}emitChange(){this.bhChange.emit(this.dual?{low:this.valueLow,high:this.valueHigh}:this.value)}handleTrackClick=e=>{if(this.disabled||this.activeHandle)return;const t=this.getPercentFromMouseEvent(e);if(null===t)return;const a=this.percentToValue(t);this.dual?Math.abs(a-this.valueLow)<=Math.abs(a-this.valueHigh)?this.valueLow=a:this.valueHigh=a:this.value=a,this.emitCurrentValue(),this.emitChange()};handlePointerDown=e=>t=>{this.disabled||(t.preventDefault(),t.stopPropagation(),this.activeHandle=e,t.currentTarget.setPointerCapture(t.pointerId),document.addEventListener("pointermove",this.handlePointerMove),document.addEventListener("pointerup",this.handlePointerUp))};handlePointerMove=e=>{if(!this.activeHandle)return;const t=this.getPercentFromMouseEvent(e);if(null===t)return;const a=this.percentToValue(t);this.updateHandleValue(this.activeHandle,a),this.emitCurrentValue()};handlePointerUp=()=>{this.activeHandle&&this.emitChange(),this.cleanupDrag()};cleanupDrag(){this.activeHandle=null,document.removeEventListener("pointermove",this.handlePointerMove),document.removeEventListener("pointerup",this.handlePointerUp)}updateHandleValue(e,t){"single"===e?this.value=t:"low"===e?this.valueLow=Math.min(t,this.valueHigh):this.valueHigh=Math.max(t,this.valueLow)}handleKeyDown=e=>t=>{if(this.disabled)return;const a=10*this.step;let r=0;switch(t.key){case"ArrowRight":case"ArrowUp":r=this.step;break;case"ArrowLeft":case"ArrowDown":r=-this.step;break;case"PageUp":r=a;break;case"PageDown":r=-a;break;case"Home":return this.setHandleToExtreme(e,this.min),t.preventDefault(),this.emitCurrentValue(),void this.emitChange();case"End":return this.setHandleToExtreme(e,this.max),t.preventDefault(),this.emitCurrentValue(),void this.emitChange();default:return}t.preventDefault();const i=this.getHandleValue(e);this.updateHandleValue(e,this.clampValue(i+r)),this.emitCurrentValue(),this.emitChange()};setHandleToExtreme(e,t){"single"===e?this.value=t:"low"===e?this.valueLow=Math.min(t,this.valueHigh):this.valueHigh=Math.max(t,this.valueLow)}getHandleValue(e){return"single"===e?this.value:"low"===e?this.valueLow:this.valueHigh}handleFocus=e=>()=>{this.focusedHandle=e,this.bhFocus.emit()};handleBlur=e=>()=>{this.focusedHandle===e&&(this.focusedHandle=null),this.bhBlur.emit()};handleMouseEnter=e=>()=>{this.hoveredHandle=e};handleMouseLeave=e=>()=>{this.hoveredHandle===e&&(this.hoveredHandle=null)};getPercentFromMouseEvent(e){if(!this.trackEl)return null;const t=this.trackEl.getBoundingClientRect();return 0===t.width?null:Math.min(Math.max((e.clientX-t.left)/t.width*100,0),100)}renderHandle(e,t,a){const i=this.valueToPercent(t),h={"range-handle":!0,"range-handle-focused":this.focusedHandle===e&&!this.disabled,"range-handle-hovered":this.hoveredHandle===e&&!this.disabled,"range-handle-active":this.activeHandle===e,"range-handle-disabled":this.disabled};return r("div",{"aria-disabled":this.disabled?"true":void 0,"aria-label":a,"aria-orientation":"horizontal","aria-valuemax":String("low"===e?this.valueHigh:this.max),"aria-valuemin":String("high"===e?this.valueLow:this.min),"aria-valuenow":String(t),"aria-valuetext":this.getFormattedLabel(t),class:h,onBlur:this.handleBlur(e),onFocus:this.handleFocus(e),onKeyDown:this.handleKeyDown(e),onMouseEnter:this.handleMouseEnter(e),onMouseLeave:this.handleMouseLeave(e),onPointerDown:this.handlePointerDown(e),part:`handle-${e}`,role:"slider",style:{left:`${i}%`},tabIndex:this.disabled?-1:0},"tooltip"===this.labelDisplay&&r("div",{class:"range-tooltip",part:"tooltip"},this.getFormattedLabel(t)),"bottom"===this.labelDisplay&&r("span",{class:"range-label-bottom",part:"label"},this.getFormattedLabel(t)))}render(){let e,t;return this.dual?(e=this.valueToPercent(this.valueLow),t=this.valueToPercent(this.valueHigh)-this.valueToPercent(this.valueLow)):(e=0,t=this.valueToPercent(this.value)),r(i,{key:"60d6bc67694191e50c454b84d8ba37f3eae008e2"},r("div",{key:"3ed1f92ed5eb89067112e1f1d73a8b97ac2fa912",class:{"range-slider":!0,"range-slider-disabled":this.disabled,[`range-slider-label-${this.labelDisplay}`]:!0},part:"container"},r("div",{key:"02e559c185d3e110851cbbf8842ca239fe675961",class:"range-track",onClick:this.handleTrackClick,part:"track",ref:e=>this.trackEl=e},r("div",{key:"45c6d2bb5073c08f65eb77b30800a615aa60231e",class:"range-track-active",part:"track-active",style:{left:`${e}%`,width:`${t}%`}})),this.dual?[this.renderHandle("low",this.valueLow,this.label?`${this.label} minimum`:"Minimum value"),this.renderHandle("high",this.valueHigh,this.label?`${this.label} maximum`:"Maximum value")]:this.renderHandle("single",this.value,this.label||"Value")))}static get watchers(){return{value:[{onValueChange:0}],valueLow:[{onValueLowChange:0}],valueHigh:[{onValueHighChange:0}]}}};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; --bh-range-track-height: var(--sp-1-5); --bh-range-track-bg: var(--color-bg-tertiary); --bh-range-track-active-bg: var(--color-bg-interactive); --bh-range-track-radius: var(--radius-full); --bh-range-handle-size: var(--icon-size-md); --bh-range-handle-bg: var(--color-bg-primary); --bh-range-handle-border-color: var(--color-bg-interactive); --bh-range-handle-border-width: 2px; --bh-range-handle-shadow: var(--shadow-md); --bh-range-focus-ring-color: var(--color-border-interactive); --bh-range-focus-ring-offset: 2px; --bh-range-focus-ring-width: 4px; --bh-range-disabled-opacity: 0.38; --bh-range-label-color: var(--color-text-primary); --bh-range-label-size: var(--text-sm-size); --bh-range-label-weight: var(--weight-medium); --bh-range-label-line-height: var(--text-md-line); --bh-range-tooltip-bg: var(--color-bg-primary); --bh-range-tooltip-border: var(--color-border-secondary); --bh-range-tooltip-color: var(--color-text-secondary); --bh-range-tooltip-shadow: var(--shadow-lg); --bh-range-tooltip-radius: var(--radius-md); --bh-range-tooltip-size: var(--text-xs-size); --bh-range-tooltip-weight: var(--weight-semibold); --bh-range-tooltip-line-height: var(--text-xs-line); --bh-range-tooltip-padding-x: var(--spacing-sm); --bh-range-tooltip-padding-y: var(--spacing-xs); } } @layer bh-base { .range-slider { --_range-top: calc(var(--bh-range-handle-size) / 2); position: relative; width: 100%; padding: var(--_range-top) 0 calc(var(--bh-range-handle-size) / 2) 0; } .range-track { position: relative; width: 100%; height: var(--bh-range-track-height); background-color: var(--bh-range-track-bg); border-radius: var(--bh-range-track-radius); cursor: pointer; } .range-track-active { position: absolute; top: 0; height: 100%; background-color: var(--bh-range-track-active-bg); border-radius: var(--bh-range-track-radius); pointer-events: none; } .range-handle { position: absolute; top: calc(var(--_range-top) + var(--bh-range-track-height) / 2); width: var(--bh-range-handle-size); height: var(--bh-range-handle-size); background-color: var(--bh-range-handle-bg); border: var(--bh-range-handle-border-width) solid var(--bh-range-handle-border-color); border-radius: var(--radius-full); box-shadow: var(--bh-range-handle-shadow); transform: translate(-50%, -50%); cursor: grab; outline: none; touch-action: none; z-index: 1; transition: box-shadow var(--animation-duration-fast) ease; } .range-handle:focus { outline: none; } .range-tooltip { position: absolute; bottom: calc(100% + var(--spacing-xs)); left: 50%; transform: translateX(-50%); background-color: var(--bh-range-tooltip-bg); border: 1px solid var(--bh-range-tooltip-border); border-radius: var(--bh-range-tooltip-radius); box-shadow: var(--bh-range-tooltip-shadow); color: var(--bh-range-tooltip-color); font-family: var(--font-inter); font-size: var(--bh-range-tooltip-size); font-weight: var(--bh-range-tooltip-weight); line-height: var(--bh-range-tooltip-line-height); padding: var(--bh-range-tooltip-padding-y) var(--bh-range-tooltip-padding-x); white-space: nowrap; pointer-events: none; user-select: none; } .range-label-bottom { position: absolute; top: calc(100% + var(--spacing-xs)); left: 50%; transform: translateX(-50%); color: var(--bh-range-label-color); font-family: var(--font-inter); font-size: var(--bh-range-label-size); font-weight: var(--bh-range-label-weight); line-height: var(--bh-range-label-line-height); white-space: nowrap; pointer-events: none; user-select: none; } } @layer bh-variants { .range-slider-label-bottom { padding-bottom: calc(var(--bh-range-handle-size) / 2 + var(--spacing-xs) + var(--bh-range-label-line-height)); } .range-slider-label-tooltip { --_range-top: calc( var(--bh-range-handle-size) / 2 + var(--spacing-xs) + var(--bh-range-tooltip-line-height) + var(--bh-range-tooltip-padding-y) * 2 + 2px ); } } @layer bh-states { .range-handle-active { cursor: grabbing; z-index: 2; } .range-handle-focused:not(.range-handle-disabled) { box-shadow: var(--shadow-sm), 0 0 0 var(--bh-range-focus-ring-offset) var(--bh-range-handle-bg), 0 0 0 calc(var(--bh-range-focus-ring-offset) + var(--bh-range-focus-ring-width)) var(--bh-range-focus-ring-color); } .range-slider-disabled { opacity: var(--bh-range-disabled-opacity); } .range-slider-disabled .range-track { cursor: not-allowed; } .range-slider-disabled .range-handle { cursor: not-allowed; box-shadow: none; } } @layer bh-utilities { @media (prefers-reduced-motion: reduce) { .range-handle { transition: none; } } @media (prefers-contrast: high) { .range-track { border: 1px solid currentColor; } .range-handle { border-width: 3px; } } }";export{l as bh_range_slider}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as e,h as t,H as o}from"./p-CTHvNfIu.js";import{c as a,r as i}from"./p-YLeLKAYJ.js";import{c as s,a as n}from"./p-CS8F5LFw.js";import{c}from"./p-YdVz1TeW.js";import{m as p,M as l}from"./p-CSH9RXgl.js";import{B as d,r as h}from"./p-BNVOtH-1.js";import{c as m}from"./p-CFlb5gKI.js";import{i as g}from"./p-BqJRACkO.js";import{t as f}from"./p-Bf0qW3wI.js";import"./p-zdFuIabL.js";const u={portfolio:"business",region:"public",property:"location_on"},v=class{constructor(t){r(this,t),this.bhChange=e(this,"bhChange"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhOpen=e(this,"bhOpen"),this.bhClose=e(this,"bhClose")}logger=a("bh-property-switcher");destroy$=s();i18nUnsubscribe;_i18nVersion=0;selectedProperty="Select a property";properties=[];grouped=!1;searchPlaceholder="Search properties...";clearSearchAriaLabel="Clear search";bhChange;bhFocus;bhBlur;bhOpen;bhClose;isExpanded=!1;focusState=c();focusVersion=0;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),p.increment(l.COMPONENT_ERROR,{component:"bh-property-switcher",error_type:r instanceof Error?r.name:"unknown"}),i("bh-property-switcher",r)}searchQuery="";expandedGroups=new Set;internalSelectedProperty="";switcherRef;searchInputRef;getParsedProperties(){if(Array.isArray(this.properties))return this.properties;if("string"==typeof this.properties)try{const r=JSON.parse(this.properties);return Array.isArray(r)?r:[]}catch{return this.logger.warn("Failed to parse properties JSON string"),[]}return[]}componentWillLoad(){this.internalSelectedProperty=this.selectedProperty,this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}dismissalManager;handleExpandedChange(r){r?this.dismissalManager?.enable():this.dismissalManager?.disable()}componentDidLoad(){this.switcherRef&&(this.dismissalManager=m(this.switcherRef,{onDismiss:()=>{this.isExpanded=!1},escapeKey:!1,clickOutside:!0,focusLoss:!1}),this.isExpanded&&this.dismissalManager.enable())}handleKeyDown(r){this.isExpanded&&g(r)&&(this.isExpanded=!1)}handleToggle=()=>{const r=this.isExpanded;if(this.isExpanded=!this.isExpanded,this.isExpanded){if(this.bhOpen.emit(),this.searchQuery="",this.grouped){const r=this.getPropertyGroups();this.expandedGroups=new Set(r.map((r=>r.id)))}this.destroy$&&f(50,this.destroy$)?.subscribe((()=>{this.searchInputRef?.focus()}))}else r&&this.bhClose.emit()};handleFocus=r=>{this.focusState.handleFocus(r,(r=>this.bhFocus.emit(r)))};handleBlur=r=>{this.focusState.handleBlur(r,(r=>this.bhBlur.emit(r)))};disconnectedCallback(){this.dismissalManager?.destroy(),n(this.destroy$),this.i18nUnsubscribe?.()}handleSearchInput=r=>{this.searchQuery=r.target.value};handleGroupToggle=r=>{const e=new Set(this.expandedGroups);e.has(r)?e.delete(r):e.add(r),this.expandedGroups=e};handlePropertySelect=r=>{this.internalSelectedProperty=r.name,this.bhChange.emit(r),this.isExpanded=!1,this.searchQuery=""};getPropertyGroups=()=>{const r=new Map,e=[],t=this.getParsedProperties();for(const o of t)if(o.group){const e=r.get(o.group)||[];e.push(o),r.set(o.group,e)}else e.push(o);const o=[];for(const[e,t]of r)o.push({id:e.toLowerCase().replace(/\s+/g,"-"),name:e,properties:t});return e.length>0&&o.push({id:"ungrouped",name:"Other",properties:e}),o};filterProperties=r=>{if(!this.searchQuery.trim())return r;const e=this.searchQuery.toLowerCase();return r.filter((r=>r.name.toLowerCase().includes(e)))};filterGroups=r=>{if(!this.searchQuery.trim())return r;const e=this.searchQuery.toLowerCase();return r.map((r=>{const t=r.name.toLowerCase().includes(e),o=r.properties.filter((r=>r.name.toLowerCase().includes(e)));return t?{...r}:o.length>0?{...r,properties:o}:null})).filter((r=>null!==r))};getPropertyIcon=r=>u[r]??u.property;renderSearchInput(){return t("div",{class:"search-container"},t("span",{class:"material-symbols-outlined search-icon"},"search"),t("input",{class:"search-input",onClick:r=>r.stopPropagation(),onInput:this.handleSearchInput,placeholder:this.searchPlaceholder,ref:r=>this.searchInputRef=r,type:"text",value:this.searchQuery}),this.searchQuery&&t("bh-button-icon",{ariaLabel:h("bh-property-switcher","clearSearchAriaLabel",this.clearSearchAriaLabel,"Clear search"),class:"clear-search",hierarchy:"tertiary",iconName:"close",onClick:r=>{r.stopPropagation(),this.searchQuery="",this.searchInputRef?.focus()},size:"xs"}))}renderPropertyItem(r){const e=r.name===this.internalSelectedProperty;return t("button",{class:{"property-item":!0,selected:e},onClick:()=>this.handlePropertySelect(r)},t("span",{class:"material-symbols-outlined property-icon"},this.getPropertyIcon(r.type)),t("span",{class:"property-item-name",title:r.name},r.name),e&&t("span",{class:"material-symbols-outlined check-icon"},"check"))}renderGroupedView(){const r=this.getPropertyGroups(),e=this.filterGroups(r);return 0===e.length?this.renderEmptyState():t("div",{class:"groups-container"},e.map((r=>{const e=this.expandedGroups.has(r.id);return t("div",{class:"property-group",key:r.id},t("button",{"aria-expanded":e?"true":"false",class:{"group-header":!0,expanded:e},onClick:()=>this.handleGroupToggle(r.id)},t("span",{class:"material-symbols-outlined group-expand-icon"},e?"expand_more":"chevron_right"),t("span",{class:"group-name"},r.name),t("span",{class:"group-count"},r.properties.length)),e&&t("div",{class:"group-properties"},r.properties.map((r=>t("div",{key:r.id},this.renderPropertyItem(r))))))})))}renderFlatView(){const r=this.filterProperties(this.getParsedProperties());if(0===r.length)return this.renderEmptyState();const e=[];for(const t of r)"portfolio"===t.type?(e.push(t),e.push({divider:!0})):"property"===t.type&&e.push(t);return t("div",{class:"flat-list-container"},e.map(((r,e)=>"divider"in r?t("div",{class:"menu-divider",key:`divider-${e}`}):t("div",{key:r.id},this.renderPropertyItem(r)))))}renderEmptyState(){return t("div",{class:"empty-state"},t("span",{class:"material-symbols-outlined empty-icon"},"search_off"),t("span",{class:"empty-text"},"No properties found"))}getSelectedProperty(){return this.getParsedProperties().find((r=>r.name===this.internalSelectedProperty))}render(){const r={"property-switcher":!0,expanded:this.isExpanded},e=this.getSelectedProperty(),a=this.internalSelectedProperty||this.selectedProperty;return t(o,{key:"429ba01d80adaee53bb584055ece19d1bb9896cc"},t("div",{key:"1ad15b7a1e4139fe60b4bf9fffce5ae777e818fc",class:r,"data-focused":String(this.focusState.isFocused),onFocusin:this.handleFocus,onFocusout:this.handleBlur,part:"container",ref:r=>this.switcherRef=r},t("button",{key:"013ac97ca0ee382de90a141ca5db380d44b6de83","aria-expanded":this.isExpanded?"true":"false","aria-label":`Property selector: ${a}`,class:"property-selector",onClick:()=>this.handleToggle(),part:"selector"},e&&t("span",{key:"a244fd3353c102d25ac68035fd84328816594886",class:"material-symbols-outlined selector-icon"},this.getPropertyIcon(e.type)),t("span",{key:"eb3aca3724177b0efd674b72cb5bb911fbe4a209",class:"property-name"},a),t("span",{key:"b3c3d8da7a30c8bde04ada9c096bc6edf8281535","aria-label":this.isExpanded?"Collapse Options":"Expand Options",class:"material-symbols-outlined expand-icon"},this.isExpanded?"unfold_less":"unfold_more")),this.isExpanded&&t("div",{key:"d128c5b478dd680e96f702afedd1def258dc0b70",class:"dropdown-panel",part:"dropdown"},this.renderSearchInput(),t("div",{key:"23da5ec77685171758a61f227e6f355ab44c72b5",class:"dropdown-content",part:"content"},this.grouped?this.renderGroupedView():this.renderFlatView()))))}static get watchers(){return{isExpanded:[{handleExpandedChange: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-tokens { :host { --bh-property-switcher-group-letter-spacing: 0.5px; --bh-property-switcher-indent-offset: 26px; } } @layer bh-base { .property-switcher { position: relative; display: inline-block; width: var(--bh-property-switcher-width); } .property-selector { display: flex; align-items: center; justify-content: flex-start; gap: var(--spacing-xs); padding: var(--spacing-xs) var(--spacing-sm); border: none; background: transparent; cursor: pointer; border-radius: var(--radius-sm); transition: background-color var(--animation-duration-normal) ease; width: 100%; height: var(--bh-property-switcher-trigger-height); min-width: 0; } .selector-icon { font-size: var(--icon-size-base); color: var(--color-text-tertiary); flex-shrink: 0; } .property-name { font-family: var(--font-inter); font-weight: var(--weight-medium); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--color-text-secondary); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex-grow: 1; min-width: 0; text-align: left; } .expand-icon { font-size: var(--icon-size-base); flex-shrink: 0; color: var(--color-text-disabled); transition: color var(--animation-duration-normal) ease; } .dropdown-panel { position: absolute; top: 100%; left: 0; z-index: var(--bh-z-index-dropdown); margin-top: var(--spacing-xs); background-color: var(--color-bg-primary); border: 1px solid var(--color-border-secondary); border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); min-width: var(--bh-property-switcher-dropdown-min-width); max-width: var(--bh-property-switcher-dropdown-max-width); animation: dropdownSlideIn var(--animation-duration-fast) ease-out; overflow: hidden; } .search-container { display: flex; align-items: center; gap: var(--spacing-xs); padding: var(--spacing-sm); background-color: var(--color-bg-primary); border-bottom: 1px solid var(--color-border-secondary); } .search-icon { font-size: var(--icon-size-md); color: var(--color-text-tertiary); flex-shrink: 0; } .search-input { flex: 1; border: none; outline: none; font-family: var(--font-inter); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--color-text-primary); background: transparent; min-width: 0; } .search-input::placeholder { color: var(--color-text-disabled); } .clear-search { flex-shrink: 0; } .dropdown-content { max-height: var(--bh-property-switcher-dropdown-max-height); overflow-y: auto; } .flat-list-container { padding: var(--spacing-xs) 0; } .flat-list-container .property-item { padding-left: var(--spacing-md); } .groups-container { padding: var(--spacing-xs) 0; } .property-group { border-bottom: 1px solid var(--color-border-secondary); } .property-group:last-child { border-bottom: none; } .group-header { display: flex; align-items: center; gap: var(--spacing-xs); width: 100%; padding: var(--spacing-sm) var(--spacing-md); border: none; background: var(--color-bg-secondary); cursor: pointer; font-family: var(--font-inter); font-size: var(--text-xs-size); font-weight: var(--weight-semibold); color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: var(--bh-property-switcher-group-letter-spacing); transition: background-color var(--animation-duration-fast) ease; } .group-expand-icon { font-size: var(--icon-size-base); color: var(--color-text-tertiary); transition: transform var(--animation-duration-fast) ease; } .group-name { flex: 1; text-align: left; } .group-count { font-size: var(--text-xs-size); font-weight: var(--weight-semibold); color: var(--color-text-tertiary); background-color: var(--color-bg-tertiary); padding: var(--spacing-xxs) var(--spacing-md); border-radius: var(--radius-full); min-width: var(--spacing-2xl); text-align: center; } .group-properties { padding: var(--spacing-xs) 0; } .property-item { display: flex; align-items: center; gap: var(--spacing-sm); width: 100%; padding: var(--spacing-sm) var(--spacing-md); padding-left: calc(var(--spacing-md) + var(--bh-property-switcher-indent-offset)); border: none; background: transparent; cursor: pointer; font-family: var(--font-inter); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--color-text-secondary); text-align: left; transition: background-color var(--animation-duration-fast) ease; } .property-icon { font-size: var(--icon-size-md); color: var(--color-text-disabled); flex-shrink: 0; } .property-item-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--weight-regular); } .check-icon { font-size: var(--icon-size-base); color: var(--color-text-interactive); flex-shrink: 0; } .menu-divider { height: 1px; background-color: var(--color-bg-secondary); margin: var(--spacing-xs) var(--spacing-md); } .empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--spacing-2xl) var(--spacing-xl); gap: var(--spacing-sm); } .empty-icon { font-size: var(--icon-size-4xl); color: var(--color-text-disabled); } .empty-text { font-family: var(--font-inter); font-size: var(--text-sm-size); color: var(--color-text-tertiary); } .dropdown-menu-container { position: absolute; top: 100%; left: 0; z-index: var(--bh-z-index-dropdown); margin-top: var(--spacing-xs); max-height: var(--bh-property-switcher-list-max-height); } .popover-container { position: absolute; top: 100%; left: 0; z-index: var(--bh-z-index-dropdown); margin-top: var(--spacing-xs); animation: popoverSlideIn var(--animation-duration-slow) ease-out; transform-origin: top center; } } @layer bh-states { .property-selector:hover { background-color: var(--color-bg-secondary); } .group-header:hover { background-color: var(--color-bg-tertiary); } .property-item:hover { background-color: var(--color-bg-secondary); } .property-item.selected { background-color: var(--color-bg-secondary); color: var(--color-text-interactive); } .property-item.selected .property-icon { color: var(--color-text-interactive); } .property-item.selected .property-item-name { font-weight: var(--weight-medium); } .popover-container.closing { animation: popoverSlideOut var(--animation-duration-normal) ease-in forwards; } } @layer bh-utilities { @keyframes dropdownSlideIn { 0% { opacity: 0; transform: translateY(-8px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes popoverSlideIn { 0% { opacity: 0; transform: translateY(calc(-1 * var(--spacing-xl))); } 100% { opacity: 1; transform: translateY(0); } } @keyframes popoverSlideOut { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(calc(-1 * var(--spacing-xl))); } } }";export{v as bh_property_switcher}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as t,a as o,h as s,H as a}from"./p-CTHvNfIu.js";import{c as i,r as e}from"./p-YLeLKAYJ.js";import{m as n,M as h}from"./p-CSH9RXgl.js";import{K as c}from"./p-zdFuIabL.js";const d=class{constructor(o){r(this,o),this.bhChange=t(this,"bhChange")}logger=i("bh-radio-group");get el(){return o(this)}value="";name="";disabled=!1;ariaLabel=null;ariaLabelledBy;bhChange;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),n.increment(h.COMPONENT_ERROR,{component:"bh-radio-group",error_type:r instanceof Error?r.name:"unknown"}),e("bh-radio-group",r)}componentDidLoad(){this.syncChildren()}componentDidUpdate(){this.syncChildren()}handleRadioChange(r){if(r.target===this.el)return;r.stopPropagation();const t=r.detail;t!==this.value&&(this.value=t,this.syncChildren(),this.bhChange.emit(this.value))}getRadios(){return Array.from(this.el.querySelectorAll("bh-radio-button")).filter((r=>!r.disabled))}syncChildren(){const r=Array.from(this.el.querySelectorAll("bh-radio-button"));let t;for(const o of r){this.name&&(o.name=this.name),this.disabled&&(o.disabled=!0);const r=o.value===this.value;o.selected=r,r&&!o.disabled&&(t=o)}t||(t=r.find((r=>!r.disabled)));for(const o of r)o.tabIndex=o===t?0:-1}handleKeyDown=r=>{const t=this.getRadios();if(0===t.length)return;const o=r.key===c.ARROW_DOWN||r.key===c.ARROW_RIGHT;if(!o&&r.key!==c.ARROW_UP&&r.key!==c.ARROW_LEFT)return;r.preventDefault();const s=t.findIndex((r=>r.value===this.value)),a=t[o?(s+1)%t.length:(s-1+t.length)%t.length];this.value=a.value,this.syncChildren(),this.bhChange.emit(this.value),a.shadowRoot?.querySelector("[role='radio']")?.focus()};render(){return s(a,{key:"c1d7e737ecf216ccd075954752faab59eef3ce88","aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,onKeyDown:this.handleKeyDown,role:"radiogroup"},s("slot",{key:"4a79fefac6fbd636670d0ce76cdfa1529985834a"}))}};export{d as bh_radio_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as a,H as t}from"./p-CTHvNfIu.js";import{c as i,r}from"./p-YLeLKAYJ.js";import{m as o,M as n}from"./p-CSH9RXgl.js";const s="bh-section-header",c=class{constructor(a){e(this,a)}logger=i(s);heading="";supportingText;showDivider=!0;componentDidCatch(e){const a=e instanceof Error?e:new Error(String(e));this.logger.error("Component error caught",a),o.increment(n.COMPONENT_ERROR,{component:s,error_type:a.name}),r(s,e)}render(){const e=!!this.supportingText;return a(t,{key:"a6188b9680d5cbeeb25201b3ff21f2abaac773b9","aria-label":this.heading||"Section header",role:"region"},a("div",{key:"0b087bd7940b52a4e864bfbe0702dbf53198daab",class:"section-header",part:"section-header"},a("div",{key:"fdc25467a88a4d86dc2353bf5908c9fc0dd1bb11",class:"content"},a("div",{key:"bc6c3044dceb7ba35b35ee0a5735a2f17f10aa56",class:"text-and-supporting-text"},this.heading&&a("h2",{key:"ca3cb51a4088060ba3e6b59a556670667963d862",class:"heading",part:"heading"},this.heading),e&&a("p",{key:"4f31899bc323ee16a4f772c96a02f2e6601ff5e4",class:"supporting-text",part:"supporting-text"},this.supportingText)),a("div",{key:"1f8760134dac42e1e819289f8035cd69510523f0",class:"actions",part:"actions"},a("slot",{key:"6dc1a30e4059541c2275dce376a0e77d2e12bbb2",name:"actions"}))),a("div",{key:"c970aa3b59f1bd14339d8286b082c11d7d5a6a6e",class:"tabs",part:"tabs"},a("slot",{key:"9d6a55cd1b467cd33ca834e74c5655f191a16cd0",name:"tabs"})),a("div",{key:"a6b25cd2537f0d2fac01a3ee554239f97c1e4a5c",class:"search-slot"},a("slot",{key:"e2ba0774009dba2fa044ff5f78c8d9c846d3f17b",name:"search"})),this.showDivider&&a("div",{key:"dee7622add19dcec9a67d5e992f6cbdb104045c0",class:"divider",part:"divider"})))}};c.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; --bh-section-header-heading-color: var(--color-text-primary); --bh-section-header-supporting-color: var(--color-text-tertiary); --bh-section-header-divider-color: var(--color-border-secondary); --bh-section-header-gap: var(--spacing-md); --bh-section-header-content-gap: var(--spacing-xl); --bh-section-header-text-gap: var(--spacing-xs); } } @layer bh-base { .section-header { display: flex; flex-direction: column; align-items: flex-start; gap: var(--bh-section-header-gap); width: 100%; } .content { display: flex; align-items: flex-start; gap: var(--bh-section-header-content-gap); width: 100%; } .text-and-supporting-text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--bh-section-header-text-gap); flex: 1; min-width: 0; align-self: center; } .heading { font-family: var(--font-inter); font-size: var(--text-lg-size); font-weight: var(--weight-semibold); line-height: var(--line-height-normal); color: var(--bh-section-header-heading-color); margin: 0; width: 100%; } .supporting-text { 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-section-header-supporting-color); margin: 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .actions { display: flex; align-items: center; gap: var(--spacing-lg); flex-shrink: 0; } .tabs { display: flex; align-items: center; gap: var(--spacing-xs); width: 100%; } .search-slot { display: contents; } .divider { width: 100%; height: 1px; background-color: var(--bh-section-header-divider-color); flex-shrink: 0; } } @layer bh-variants { @media (max-width: 768px) { .content { flex-direction: column; } .heading { font-size: var(--text-md-size); line-height: var(--line-height-normal); } } }";export{c as bh_section_header}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as a,H as o}from"./p-CTHvNfIu.js";import{c as e,r as n}from"./p-YLeLKAYJ.js";import{m as t,M as i}from"./p-CSH9RXgl.js";const c="bh-container",s=class{constructor(a){r(this,a)}logger=e(c);withFooter=!1;componentDidCatch(r){const a=r instanceof Error?r:new Error(String(r));this.logger.error("Component error caught",a),t.increment(i.COMPONENT_ERROR,{component:c,error_type:a.name}),n(c,r)}render(){return a(o,{key:"b9290f06e046dfdbe6b497cab7a9cc7d646eccef"},a("div",{key:"5229533e5e40ffba67f9e38e6f0b11324d9a47f4",class:{container:!0,"container-with-footer":this.withFooter},part:"container"},a("slot",{key:"5f0aae1ad1d326ecff6ec6fd47ecd3f91d39f0f0"})))}};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-container-bg:var(--color-bg-primary);--bh-container-border-color:var(--color-border-secondary);--bh-container-border-radius:var(--radius-xl);--bh-container-padding:var(--spacing-2xl);--bh-container-gap:var(--spacing-2xl)}}@layer bh-base{.container{display:flex;flex-direction:column;gap:var(--bh-container-gap);padding:var(--bh-container-padding);background:var(--bh-container-bg);border:1px solid var(--bh-container-border-color);border-radius:var(--bh-container-border-radius);width:fit-content;font-family:var(--font-inter)}}@layer bh-variants{.container-with-footer{border-bottom:none;border-radius:var(--bh-container-border-radius) var(--bh-container-border-radius) 0 0}}";export{s as bh_container}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as r,H as a}from"./p-CTHvNfIu.js";import{c as e,r as o}from"./p-YLeLKAYJ.js";import{m as d,M as n}from"./p-CSH9RXgl.js";const s="bh-divider",t=class{constructor(r){i(this,r)}logger=e(s);orientation="horizontal";spacing="none";componentDidLoad(){this.logger.debug("loaded")}componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:new Error(String(i))),d.increment(n.COMPONENT_ERROR,{component:s,error_type:i instanceof Error?i.name:"unknown"}),o(s,i)}render(){return r(a,{key:"dd57ce1e17ad8ee98d58824627dbeb4f7866f07e","aria-orientation":this.orientation,class:{divider:!0,[`divider-${this.orientation}`]:!0,[`divider-spacing-${this.spacing}`]:"none"!==this.spacing},role:"separator"})}};t.style="@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-divider-color:var(--color-border-secondary);--bh-divider-width:1px}}@layer bh-base{:host(.divider-horizontal){width:100%;height:var(--bh-divider-width);background-color:var(--bh-divider-color)}:host(.divider-vertical){display:inline-block;width:var(--bh-divider-width);height:100%;align-self:stretch;background-color:var(--bh-divider-color)}}@layer bh-variants{:host(.divider-horizontal.divider-spacing-sm){margin-block:var(--spacing-sm)}:host(.divider-horizontal.divider-spacing-md){margin-block:var(--spacing-md)}:host(.divider-horizontal.divider-spacing-lg){margin-block:var(--spacing-lg)}:host(.divider-vertical.divider-spacing-sm){margin-inline:var(--spacing-sm)}:host(.divider-vertical.divider-spacing-md){margin-inline:var(--spacing-md)}:host(.divider-vertical.divider-spacing-lg){margin-inline:var(--spacing-lg)}}";export{t as bh_divider}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as r,H as i}from"./p-CTHvNfIu.js";import{c as e,r as n}from"./p-YLeLKAYJ.js";import{c as a}from"./p-YdVz1TeW.js";import{c as s,a as c}from"./p-CS8F5LFw.js";import{m as h,M as l}from"./p-CSH9RXgl.js";import{t as d}from"./p-Bf0qW3wI.js";import{A as b}from"./p-BoVgy_Ao.js";import{B as u,r as g}from"./p-BNVOtH-1.js";const v=class{constructor(r){t(this,r),this.bhLongPress=o(this,"bhLongPress")}logger=e("bh-button-icon");hierarchy="primary";size="md";iconName="add";disabled=!1;loading=!1;type="button";ariaLabel=null;toggle=!1;pressed=!1;hasPopup=!1;popupType=null;expanded=!1;describedBy;bhLongPress;focusState=a();focusVersion=0;destroy$=s();longPressStartTime;longPressActive=!1;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),h.increment(l.COMPONENT_ERROR,{component:"bh-button-icon",error_type:t instanceof Error?t.name:"unknown"}),n("bh-button-icon",t)}disconnectedCallback(){this.longPressActive=!1,c(this.destroy$)}handleClick=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleKeyDown=()=>{};handleKeyUp=()=>{};handleTouchStart=()=>{this.disabled||this.loading||!this.destroy$||(this.longPressStartTime=Date.now(),this.longPressActive=!0,d(b.LONG_PRESS,this.destroy$)?.subscribe((()=>{if(this.longPressActive){const t=Date.now()-(this.longPressStartTime||0);this.bhLongPress.emit({duration:t}),this.longPressActive=!1}})))};handleTouchEnd=()=>{this.longPressActive=!1};handleTouchMove=()=>{this.longPressActive=!1};handleDoubleClick=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleContextMenu=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlur=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const t={"button-icon":!0,[`button-icon-${this.hierarchy}`]:!0,[`button-icon-${this.size}`]:!0,"button-icon-disabled":this.disabled,"button-icon-loading":this.loading};return r("button",{key:"a568ffb31c8ee7c508e8f3330b1c4fa6691a1a76","aria-busy":this.loading?"true":void 0,"aria-describedby":this.describedBy,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.hasPopup?String(this.expanded):void 0,"aria-haspopup":this.hasPopup&&this.popupType?this.popupType:void 0,"aria-label":this.ariaLabel||this.iconName,"aria-pressed":this.toggle?String(this.pressed):void 0,class:t,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,disabled:this.disabled,onBlur:this.handleBlur,onClick:this.handleClick,onContextMenu:this.handleContextMenu,onDblClick:this.handleDoubleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTouchEnd:this.handleTouchEnd,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,part:"button",role:this.toggle?"button":void 0,tabindex:this.disabled?-1:0,type:this.type},this.loading?r("bh-loader-spinner",{size:"sm",variant:"primary"===this.hierarchy?"white":"default"}):r("span",{class:"material-symbols-outlined icon",part:"icon"},this.iconName))}};v.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: inline-block; font-family: var(--font-inter); --bh-button-icon-primary-bg: var(--color-bg-interactive); --bh-button-icon-primary-bg-hover: var(--color-bg-interactive-hover); --bh-button-icon-primary-bg-active: var(--color-bg-interactive-active); --bh-button-icon-primary-color: var(--color-text-inverse); --bh-button-icon-secondary-bg: var(--color-bg-primary); --bh-button-icon-secondary-bg-hover: var(--color-bg-secondary); --bh-button-icon-secondary-bg-active: var(--color-bg-tertiary); --bh-button-icon-secondary-color: var(--color-text-secondary); --bh-button-icon-secondary-border-color: var(--color-border-primary); --bh-button-icon-tertiary-bg: transparent; --bh-button-icon-tertiary-bg-hover: var(--color-bg-tertiary); --bh-button-icon-tertiary-bg-active: var(--color-bg-tertiary); --bh-button-icon-tertiary-color: var(--color-text-secondary); --bh-button-icon-border-radius: var(--radius-md); --bh-button-icon-focus-ring-color: var(--color-border-interactive); } } @layer bh-base { .button-icon { display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: var(--bh-button-icon-border-radius); cursor: pointer; transition: background-color var(--animation-duration-normal) ease-in-out, color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out, border-color var(--animation-duration-normal) ease-in-out; font-family: inherit; outline: none; padding: 0; } .icon { display: flex; align-items: center; justify-content: center; } .loading-spinner { width: var(--icon-size-sm); height: var(--icon-size-sm); border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; } .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; } } @layer bh-variants { .button-icon-xs { width: var(--bh-button-height-xs); height: var(--bh-button-height-xs); } .button-icon-xs .icon { font-size: var(--icon-size-sm); } .button-icon-xs .loading-spinner { width: var(--sp-3); height: var(--sp-3); } .button-icon-sm { width: var(--bh-button-height-sm); height: var(--bh-button-height-sm); } .button-icon-sm .icon { font-size: var(--icon-size-base); } .button-icon-sm .loading-spinner { width: var(--icon-size-xs); height: var(--icon-size-xs); } .button-icon-md { width: var(--bh-button-height-md); height: var(--bh-button-height-md); } .button-icon-md .icon { font-size: var(--icon-size-md); } .button-icon-lg { width: var(--bh-button-height-lg); height: var(--bh-button-height-lg); } .button-icon-lg .icon { font-size: var(--icon-size-lg); } .button-icon-lg .loading-spinner { width: var(--icon-size-md); height: var(--icon-size-md); } .button-icon-primary { background: var(--bh-button-icon-primary-bg); color: var(--bh-button-icon-primary-color); } .button-icon-secondary { background: var(--bh-button-icon-secondary-bg); color: var(--bh-button-icon-secondary-color); border: 1px solid var(--bh-button-icon-secondary-border-color); } .button-icon-tertiary { background: var(--bh-button-icon-tertiary-bg); color: var(--bh-button-icon-tertiary-color); } .button-icon-quaternary { background: var(--bh-button-icon-quaternary-bg); color: var(--bh-button-icon-quaternary-color); } } @layer bh-states { .button-icon:focus-visible { box-shadow: 0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--bh-button-icon-focus-ring-color); } .button-icon-primary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-primary-bg-hover); } .button-icon-primary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-primary-bg-active); } .button-icon-secondary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-secondary-bg-hover); } .button-icon-secondary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-secondary-bg-active); } .button-icon-tertiary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-tertiary-bg-hover); } .button-icon-tertiary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-tertiary-bg-active); } .button-icon-quaternary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-quaternary-bg-hover); color: var(--bh-button-icon-quaternary-color-hover); } .button-icon-quaternary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-quaternary-bg-active); } .button-icon-disabled { opacity: 0.5; cursor: not-allowed; } .button-icon-loading { cursor: wait; } } @layer bh-utilities { @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } }';const p="bh-loader-spinner",m={start:{stopColor:"rgba(255, 255, 255, 1)"},middle:{stopColor:"rgba(255, 255, 255, 0.8)"},end:{stopColor:"rgba(255, 255, 255, 0.5)"}},y={start:{stopColor:"var(--color-accent-300)"},middle:{stopColor:"var(--color-brand-400)"},end:{stopColor:"var(--color-bg-interactive)"}},f=class{constructor(o){t(this,o)}logger=e(p);i18nUnsubscribe;_i18nVersion=0;size="md";variant="default";overlay=!1;overlayMessage="";showMessage=!1;message="Loading...";ariaLabel="Loading";componentWillLoad(){this.i18nUnsubscribe=u.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),h.increment(l.COMPONENT_ERROR,{component:p,error_type:t instanceof Error?t.name:"unknown"}),n(p,t)}renderSpinner(){const t="white"===this.variant,o=t?"bellhop-gradient-white":"bellhop-gradient",i=t?m:y;return r("div",{class:`loader-spinner variant-${this.variant}`,part:"spinner"},r("div",{class:"spinner-gradient"},r("svg",{class:"gradient-svg",viewBox:"0 0 50 50"},r("defs",null,r("linearGradient",{id:o,x1:"0%",x2:"0%",y1:"0%",y2:"100%"},r("stop",{offset:"0%",style:i.start}),r("stop",{offset:t?"50%":"51%",style:i.middle}),r("stop",{offset:"100%",style:i.end}))),r("circle",{class:"gradient-path",cx:25,cy:25,fill:"none",r:20,stroke:`url(#${o})`,"stroke-linecap":"round","stroke-width":4}))))}renderMessage(t){return(t?this.showMessage||this.overlayMessage:this.showMessage)?r("div",{class:"loader-message"},t&&this.overlayMessage||this.message):null}render(){const t=g("bh-loader-spinner","ariaLabel",this.ariaLabel,"Loading");return r(i,{"aria-label":t,"aria-live":"polite",role:"status"},this.overlay?r("div",{class:"loader-overlay",part:"overlay"},r("div",{class:"loader-overlay-content"},r("div",{class:`loader-container size-${this.size}`,part:"container"},this.renderSpinner()),this.renderMessage(!0))):r("div",{class:`loader-container size-${this.size}`,part:"container"},this.renderSpinner(),this.renderMessage(!1)))}};f.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-loader-overlay-bg: var(--overlay-medium); --bh-loader-message-color: var(--color-text-primary); --bh-loader-message-color-overlay: var(--color-text-inverse); } } @layer bh-base { .loader-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--bh-loader-overlay-bg); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: var(--bh-z-index-maximum); } .loader-overlay .loader-message { color: var(--bh-loader-message-color-overlay); } .loader-overlay-content { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-md); } .loader-container { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-sm); } .loader-spinner { position: relative; display: inline-block; } .loader-message { color: var(--bh-loader-message-color); font-size: var(--text-sm-size); line-height: var(--line-height-normal); font-weight: var(--weight-medium); text-align: center; margin-top: var(--spacing-xs); } .spinner-gradient { animation: gradient-rotate 2s linear infinite; will-change: transform; backface-visibility: hidden; perspective: 1000px; } .gradient-svg { display: block; transform-origin: 50% 50%; transform: translateZ(0); } .gradient-path { stroke-dasharray: 90, 150; stroke-dashoffset: 0; animation: gradient-dash 1.5s ease-in-out infinite; transform-origin: 50% 50%; } } @layer bh-variants { .size-sm .gradient-svg { width: var(--bh-loader-spinner-size-sm); height: var(--bh-loader-spinner-size-sm); } .size-sm .gradient-path { stroke-width: 5; } .size-md .gradient-svg { width: var(--bh-loader-spinner-size-md); height: var(--bh-loader-spinner-size-md); } .size-md .gradient-path { stroke-width: 5; } .size-lg .gradient-svg { width: var(--bh-loader-spinner-size-lg); height: var(--bh-loader-spinner-size-lg); } .size-lg .gradient-path { stroke-width: 5; } .size-xl .gradient-svg { width: var(--bh-loader-spinner-size-xl); height: var(--bh-loader-spinner-size-xl); } .size-xl .gradient-path { stroke-width: 6; } } @layer bh-states { .loader-container:hover .spinner-gradient { animation-duration: 1s; } .loader-container:hover .gradient-path { animation-duration: 0.6s; } } @layer bh-utilities { @keyframes gradient-rotate { 100% { transform: rotate(360deg); } } @keyframes gradient-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } }";export{v as bh_button_icon,f as bh_loader_spinner}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,a as o,h as r,H as i}from"./p-CTHvNfIu.js";import{a,c as s,r as p,b as n,d as h}from"./p-YLeLKAYJ.js";import{c as l,a as d}from"./p-CS8F5LFw.js";import{b as c}from"./p-R-A72b5e.js";import{m as v,M as b}from"./p-CSH9RXgl.js";import{c as g}from"./p-B93zYxiE.js";import{c as m}from"./p-CFlb5gKI.js";import{t as f}from"./p-Bf0qW3wI.js";import{i as x}from"./p-BqJRACkO.js";import{A as u}from"./p-BoVgy_Ao.js";import"./p-zdFuIabL.js";const w="bh-popover",y="285px",C=class{constructor(o){t(this,o),this.bhOpen=e(this,"bhOpen"),this.bhClose=e(this,"bhClose")}get el(){return o(this)}errorState=a();panelPosition=null;logger=s(w);destroy$=l();dialogRef=null;dismissalManager;hasHandledVisibleChange=!1;positioner;popoverTitle;content;maxWidth=y;position="top";visible=!1;ariaLabel=null;describedBy;bhOpen;bhClose;get safeMaxWidth(){const t=c(this.maxWidth,50);return t.valid?t.value:(p(w,new Error(`Invalid maxWidth: ${t.errors.map((t=>t.message)).join(", ")}`)),y)}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),v.increment(b.COMPONENT_ERROR,{component:w}),p(w,t)}componentDidLoad(){this.visible&&!this.hasHandledVisibleChange&&this.handleVisibleChange(!0,!1)}componentDidRender(){this.visible&&this.dialogRef&&!this.positioner&&this.setupPositioner()}async setupPositioner(){if(this.dialogRef)try{this.positioner=await g(this.el,this.dialogRef,{placement:this.position,offset:6,shiftPadding:8,autoUpdate:!0},((t,e)=>{this.panelPosition={x:t,y:e}}))}catch(t){this.logger.warn("Failed to setup floating positioner, using fallback",{error:t instanceof Error?t.message:String(t)})}}destroyPositioner(){this.positioner?.destroy(),this.positioner=void 0,this.panelPosition=null}handlePositionChange(){this.visible&&this.positioner&&(this.destroyPositioner(),this.setupPositioner())}initializeDismissalManager(){!this.dismissalManager&&this.dialogRef&&(this.dismissalManager=m(this.dialogRef,{onDismiss:()=>{this.visible&&this.bhClose.emit({reason:"outside-click"})},escapeKey:!1,clickOutside:!0,focusLoss:!1}))}handleVisibleChange(t,e){if(this.hasHandledVisibleChange=!0,t&&!e)return this.bhOpen.emit(),this.initializeDismissalManager(),this.dismissalManager?.enable(),void(this.el&&this.destroy$&&f(u.FOCUS_DELAY,this.destroy$)?.subscribe((()=>{this.dialogRef&&this.dialogRef.focus({preventScroll:!0})})));!t&&e&&(this.dismissalManager?.disable(),this.destroyPositioner())}disconnectedCallback(){this.destroyPositioner(),this.dismissalManager?.destroy(),d(this.destroy$),this.dialogRef=null}handleKeyDown=t=>{x(t)&&this.visible&&(t.preventDefault(),this.bhClose.emit({reason:"escape"}))};renderErrorFallback(){return r(i,{"aria-hidden":"true"},r("div",{class:"popover-error",part:"error",role:"alert"},r("span",null,"Popover unavailable")))}render(){if(this.errorState.hasError)return this.renderErrorFallback();if(!this.visible)return r(i,{"aria-hidden":"true"});try{const t=!!this.popoverTitle,e={"popover-wrapper":!0,[this.position]:!0,floating:Boolean(this.panelPosition)};return r(i,{onKeyDown:this.handleKeyDown},r("div",{"aria-describedby":this.describedBy,"aria-label":this.ariaLabel||this.popoverTitle,class:e,part:"popover",ref:t=>this.dialogRef=t,role:"dialog",style:{maxWidth:this.safeMaxWidth,...this.panelPosition&&{position:"fixed",top:`${this.panelPosition.y}px`,left:`${this.panelPosition.x}px`}},tabindex:"-1"},r("div",{class:"popover-content",part:"content"},t&&r("div",{class:"popover-header",part:"header"},r("div",{class:"header-content"},r("div",{class:"header-text"},r("p",{class:"title-text",part:"title"},this.popoverTitle))),r("div",{class:"divider"})),r("div",{class:t?"popover-text with-title":"popover-text"},this.content?r("p",{class:"content-text"},this.content):r("slot",null)))))}catch(t){return this.errorState=n(this.errorState,h("bh-popover",t,{position:this.position})),this.renderErrorFallback()}}static get watchers(){return{position:[{handlePositionChange:0}],visible:[{handleVisibleChange:0}]}}};C.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:inline-block;position:relative;--bh-popover-bg:var(--color-bg-primary);--bh-popover-border-radius:var(--radius-md);--bh-popover-border-color:var(--color-border-secondary);--bh-popover-shadow:var(--shadow-lg);--bh-popover-title-color:var(--color-text-primary);--bh-popover-content-color:var(--color-text-secondary);--bh-popover-divider-color:var(--color-border-secondary);--bh-popover-offset:var(--spacing-sm)}:host([aria-hidden=true]){display:none}}@layer bh-base{.popover-wrapper{}.popover-wrapper:focus,.popover-wrapper:focus-visible{outline:none}.popover-wrapper{position:absolute;left:50%;transform:translateX(-50%);z-index:var(--bh-z-index-popover);width:max-content;max-width:var(--max-width, 285px);flex-direction:column;align-items:center;gap:0;padding:0}.popover-wrapper:popover-open{position:fixed;margin:0;inset:auto;border:0;padding:0;background:transparent;transform:none}.popover-content{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:0;border-radius:var(--bh-popover-border-radius);border:1px solid var(--bh-popover-border-color);background-color:var(--bh-popover-bg);box-shadow:var(--bh-popover-shadow);overflow:hidden}.popover-text{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:var(--spacing-lg)}.popover-text.with-title{padding:var(--spacing-lg);border-radius:var(--bh-popover-border-radius);overflow:hidden}.content-text{font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);letter-spacing:0;color:var(--bh-popover-content-color);margin:0;white-space:pre-wrap}.popover-header{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;width:100%;overflow:hidden}.header-content{display:flex;gap:var(--spacing-xl);align-items:flex-start;padding:var(--spacing-lg);width:100%}.header-text{display:flex;flex-direction:column;flex:1;gap:var(--spacing-xs);align-items:flex-start;min-height:1px;min-width:1px;padding:0}.title-text{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--line-height-normal);letter-spacing:0;color:var(--bh-popover-title-color);margin:0;width:100%;white-space:pre-wrap}.divider{width:100%;height:1px;background-color:var(--bh-popover-divider-color)}}@layer bh-variants{.popover-wrapper.top{bottom:100%;margin-bottom:var(--bh-popover-offset)}.popover-wrapper.bottom{top:100%;margin-top:var(--bh-popover-offset)}.popover-wrapper{}.popover-wrapper.floating{position:fixed;margin:0;inset:auto;transform:none}}';export{C as bh_popover}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,a as r,h as o,H as s}from"./p-CTHvNfIu.js";import{c as i,r as a}from"./p-YLeLKAYJ.js";import{m as p,M as n}from"./p-CSH9RXgl.js";import{B as c,r as l}from"./p-BNVOtH-1.js";import{v as h}from"./p-R-A72b5e.js";import{K as d}from"./p-zdFuIabL.js";const b=class{constructor(r){e(this,r),this.bhItemClick=t(this,"bhItemClick")}logger=i("bh-stepper");stepElementsCache=null;i18nUnsubscribe;_i18nVersion=0;get el(){return r(this)}steps="[]";activeStep=0;orientation="horizontal";compact=!1;variant="icon";showDescription=!0;progressAriaLabel="Progress steps";bhItemClick;focusedIndex=-1;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),p.increment(n.COMPONENT_ERROR,{component:"bh-stepper",error_type:e instanceof Error?e.name:"unknown"}),a("bh-stepper",e)}componentDidLoad(){this.populateStepElementsCache()}componentWillLoad(){this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.stepElementsCache=null,this.i18nUnsubscribe?.()}stepsChanged(){this.stepElementsCache=null}populateStepElementsCache(){this.stepElementsCache=this.el.shadowRoot?.querySelectorAll("[data-step-index]")??null}getParsedSteps(){if(Array.isArray(this.steps))return this.steps;const e=h(this.steps);return e.valid?e.value??[]:(this.logger.warn("Invalid steps JSON:",{errors:e.errors}),[])}getStepStatus(e){return e<this.activeStep?"complete":e===this.activeStep?"current":"incomplete"}handleStepClick=(e,t)=>{this.bhItemClick.emit({index:e,step:t})};handleKeyDown=(e,t)=>{const r=t.length;if(0===r)return;const o="horizontal"===this.orientation;let s=this.focusedIndex;switch(e.key){case o?d.ARROW_RIGHT:d.ARROW_DOWN:e.preventDefault(),s=Math.min(this.focusedIndex+1,r-1);break;case o?d.ARROW_LEFT:d.ARROW_UP:e.preventDefault(),s=Math.max(this.focusedIndex-1,0);break;case d.HOME:e.preventDefault(),s=0;break;case d.END:e.preventDefault(),s=r-1;break;case d.ENTER:case d.SPACE:return e.preventDefault(),void(this.focusedIndex>=0&&this.focusedIndex<r&&this.handleStepClick(this.focusedIndex,t[this.focusedIndex]));default:return}s!==this.focusedIndex&&(this.focusedIndex=s,this.focusStepByIndex(s))};focusStepByIndex(e){this.stepElementsCache||this.populateStepElementsCache(),this.stepElementsCache?.[e]?.focus()}handleStepFocus=e=>{this.focusedIndex=e};renderStepIcon(e,t){return"featured-icon"===this.variant?o("bh-featured-icon",{class:"step-featured-icon",color:"incomplete"===e?"gray":"brand",icon:t.icon,iconStyle:"outlined",size:"md"}):o("div",{class:`step-icon ${e}`},"complete"===e?o("span",{"aria-hidden":"true",class:"step-icon-check material-symbols-outlined"},"check"):o("span",{class:"step-icon-dot"}))}renderConnector(e){return o("div",{class:"step-connector "+("complete"===e?"complete":"incomplete")})}renderHorizontalSteps(e){return o("div",{"aria-label":l("bh-stepper","progressAriaLabel",this.progressAriaLabel,"Progress steps"),class:"stepper-container horizontal "+("featured-icon"===this.variant?"featured":""),onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((t,r)=>{const s=this.getStepStatus(r),i=r===e.length-1;return o("div",{class:"step-wrapper",role:"listitem"},o("div",{"aria-current":"current"===s?"step":void 0,class:`step ${s}`,"data-step-index":r,onClick:()=>this.handleStepClick(r,t),onFocus:()=>this.handleStepFocus(r),tabindex:r===this.activeStep?0:-1},this.renderStepIcon(s,t),o("div",{class:"step-content"},o("span",{class:"step-label"},t.label),this.showDescription&&t.description&&o("span",{class:"step-description"},t.description))),!i&&this.renderConnector(s))})))}renderVerticalSteps(e){return o("div",{"aria-label":l("bh-stepper","progressAriaLabel",this.progressAriaLabel,"Progress steps"),class:"stepper-container vertical "+("featured-icon"===this.variant?"featured":""),onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((t,r)=>{const s=this.getStepStatus(r),i=r===e.length-1;return o("div",{class:`step ${s}`,role:"listitem"},o("div",{class:"step-connector-wrap"},o("div",{"aria-current":"current"===s?"step":void 0,"aria-label":t.label,class:`step-icon-clickable ${s}`,"data-step-index":r,onClick:()=>this.handleStepClick(r,t),onFocus:()=>this.handleStepFocus(r),tabindex:r===this.activeStep?0:-1},this.renderStepIcon(s,t)),!i&&this.renderConnector(s)),o("div",{class:"step-content"},o("span",{class:"step-label"},t.label),this.showDescription&&t.description&&o("span",{class:"step-description"},t.description)))})))}renderCompact(e){const t=e.length,r=Math.min(this.activeStep+1,t);return o("div",{"aria-label":`Step ${r} of ${t}`,class:"stepper-container compact",role:"group"},o("span",{class:"stepper-compact-label"},"Step ",r," of ",t),o("div",{class:"stepper-compact-track",onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((e,t)=>{const r=this.getStepStatus(t);return o("div",{"aria-current":"current"===r?"step":void 0,"aria-label":e.label,class:`step-dot ${r}`,"data-step-index":t,onClick:()=>this.handleStepClick(t,e),onFocus:()=>this.handleStepFocus(t),role:"listitem",tabindex:t===this.activeStep?0:-1})}))))}render(){const e=this.getParsedSteps();return 0===e.length?o(s,null):o(s,null,this.compact?this.renderCompact(e):"vertical"===this.orientation?this.renderVerticalSteps(e):this.renderHorizontalSteps(e))}static get watchers(){return{steps:[{stepsChanged:0}]}}};b.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;--bh-stepper-icon-bg-complete:var(--color-brand-50);--bh-stepper-icon-bg-current:var(--color-brand-50);--bh-stepper-icon-bg-incomplete:var(--color-neutral-50);--bh-stepper-icon-bg-hover:var(--color-brand-100);--bh-stepper-icon-fill:var(--color-brand-600);--bh-stepper-icon-border-incomplete:var(--color-border-secondary);--bh-stepper-focus-ring:var(--color-border-interactive);--bh-stepper-text-complete:var(--color-neutral-700);--bh-stepper-text-current:var(--color-brand-800);--bh-stepper-text-incomplete:var(--color-neutral-700);--bh-stepper-desc-color:var(--color-text-secondary);--bh-stepper-desc-color-current:var(--color-text-interactive);--bh-stepper-connector-complete:var(--color-border-interactive);--bh-stepper-connector-incomplete:var(--color-border-secondary);--bh-stepper-connector-width:2px;--bh-stepper-icon-size:var(--icon-size-lg);--bh-stepper-dot-size:var(--sp-2);--bh-stepper-dot-color-incomplete:var(--color-neutral-300);--bh-stepper-compact-dot-size:10px;--bh-stepper-content-gap:var(--spacing-lg);--bh-stepper-marker-size:var(--bh-stepper-icon-size)}}@layer bh-base{.step-icon{display:flex;align-items:center;justify-content:center;width:var(--bh-stepper-icon-size);height:var(--bh-stepper-icon-size);border-radius:var(--radius-full);flex-shrink:0;position:relative;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease}.step-icon.incomplete{background-color:var(--bh-stepper-icon-bg-incomplete);border:1.5px solid var(--bh-stepper-icon-border-incomplete)}.step-icon.current{background-color:var(--bh-stepper-icon-fill)}.step-icon.complete{background-color:var(--bh-stepper-icon-fill)}.step-icon-dot{display:block;width:var(--bh-stepper-dot-size);height:var(--bh-stepper-dot-size);border-radius:var(--radius-full);background-color:var(--bh-stepper-dot-color-incomplete)}.current .step-icon-dot{background-color:var(--color-bg-primary)}.step-icon-check{font-size:var(--icon-size-xs);color:var(--color-bg-primary);line-height:1}.step-content{display:flex;flex-direction:column;gap:0;min-width:0}.step-label{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line);color:var(--bh-stepper-text-incomplete);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-description{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--bh-stepper-desc-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-featured-icon{flex-shrink:0}.step-connector{flex-shrink:0}.step-connector.complete{background-color:var(--bh-stepper-connector-complete)}.step-connector.incomplete{background-color:var(--bh-stepper-connector-incomplete)}}@layer bh-variants{.stepper-container.horizontal{display:flex;align-items:flex-start;width:100%;}.stepper-container.horizontal .step-wrapper{position:relative;flex:1 1 0;min-width:0}.stepper-container.horizontal .step{display:flex;flex-direction:column;align-items:center;gap:var(--bh-stepper-content-gap);cursor:pointer;outline:none;width:100%;border-radius:var(--radius-md)}.stepper-container.horizontal .step-content{align-items:center;text-align:center;width:100%}.stepper-container.horizontal .step-connector{position:absolute;top:calc(var(--bh-stepper-marker-size) / 2 - var(--bh-stepper-connector-width) / 2);left:calc(50% + var(--bh-stepper-marker-size) / 2);width:calc(100% - var(--bh-stepper-marker-size));height:var(--bh-stepper-connector-width)}.stepper-container.featured{--bh-stepper-marker-size:var(--bh-featured-icon-size-md, 40px)}.stepper-container.vertical{display:flex;flex-direction:column}.stepper-container.vertical .step{display:flex;gap:var(--spacing-md);min-height:0}.stepper-container.vertical .step-connector-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.stepper-container.vertical .step-icon-clickable{cursor:pointer;outline:none;border-radius:var(--radius-full)}.stepper-container.vertical .step-connector{width:var(--bh-stepper-connector-width);flex:1;min-height:var(--spacing-xl);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.stepper-container.vertical .step-content{padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xl)}.stepper-container.compact{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.stepper-compact-label{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--line-height-normal);color:var(--bh-stepper-text-current)}.stepper-compact-track{display:flex;align-items:center;gap:var(--spacing-sm)}.step-dot{width:var(--bh-stepper-compact-dot-size);height:var(--bh-stepper-compact-dot-size);border-radius:var(--radius-full);cursor:pointer;outline:none;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease}.step-dot.complete{background-color:var(--bh-stepper-icon-fill)}.step-dot.current{background-color:var(--bh-stepper-icon-fill)}.step-dot.incomplete{background-color:transparent;border:1.5px solid var(--bh-stepper-icon-border-incomplete)}}@layer bh-states{.step.complete .step-label,.step-wrapper .step.complete .step-label{color:var(--bh-stepper-text-complete)}.step.current .step-label,.step-wrapper .step.current .step-label{color:var(--bh-stepper-text-current)}.step.incomplete .step-label,.step-wrapper .step.incomplete .step-label{color:var(--bh-stepper-text-incomplete)}.step.current .step-description{color:var(--bh-stepper-desc-color-current)}.featured .step.complete .step-label{color:var(--color-text-secondary)}.featured .step.current .step-label{color:var(--color-text-interactive)}.step:hover .step-icon.incomplete,.step-icon-clickable:hover .step-icon.incomplete{background-color:var(--bh-stepper-icon-bg-hover);border-color:var(--bh-stepper-icon-bg-hover)}.step:hover .step-icon.complete,.step:hover .step-icon.current,.step-icon-clickable:hover .step-icon.complete,.step-icon-clickable:hover .step-icon.current{opacity:0.9}.step-dot:hover{opacity:0.8}.step:focus-visible .step-icon,.step-icon-clickable:focus-visible .step-icon{box-shadow:0px 0px 0px 2px var(--color-bg-primary), 0px 0px 0px 4px var(--bh-stepper-focus-ring)}.step-dot:focus-visible{box-shadow:0px 0px 0px 2px var(--color-bg-primary), 0px 0px 0px 4px var(--bh-stepper-focus-ring)}}';export{b as bh_stepper}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as e,h as a,H as i}from"./p-CTHvNfIu.js";import{c as r,a as t}from"./p-CS8F5LFw.js";import{c as n,g as c}from"./p-YdVz1TeW.js";import{t as s}from"./p-Bf0qW3wI.js";import{a as d}from"./p-BqJRACkO.js";import{A as l}from"./p-BoVgy_Ao.js";import{c as h,r as b}from"./p-YLeLKAYJ.js";import{m,M as p}from"./p-CSH9RXgl.js";import"./p-zdFuIabL.js";const f="bh-accordion-item",g=class{constructor(a){o(this,a),this.bhToggle=e(this,"bhToggle")}logger=h(f);destroy$=r();focusState=n();value;header;expanded=!1;disabled=!1;isAnimating=!1;bhToggle;focusVersion=0;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(o){const e=o instanceof Error?o:new Error(String(o));this.logger.error("Component error caught",e),m.increment(p.COMPONENT_ERROR,{component:f,error_type:e.name}),b(f,o)}handleExpandedChange(){this.isAnimating=!0,this.destroy$&&s(l.ACCORDION,this.destroy$)?.subscribe((()=>{this.isAnimating=!1}))}disconnectedCallback(){t(this.destroy$)}handleHeaderClick=()=>{this.disabled||(this.expanded=!this.expanded,this.bhToggle.emit({value:this.value,expanded:this.expanded}))};handleKeyDown=o=>{this.disabled||d(o)&&(o.preventDefault(),this.handleHeaderClick())};handleFocus=o=>{this.focusState.handleFocus(o)};handleBlur=o=>{this.focusState.handleBlur(o)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const o={"accordion-item":!0,"accordion-item-expanded":this.expanded,"accordion-item-disabled":this.disabled,"accordion-item-animating":this.isAnimating},e=c(this.focusState,"accordion-header"),r={"accordion-header":!0,...this.disabled?{}:e},t=this.expanded?"expand_less":"expand_more";return a(i,{key:"e39eb35f75ced83a5a429f788b5455a4606b51ac",class:o},a("div",{key:"f8c076e3a0c93e4b6eaf97597e41c3e14dc195a4","aria-controls":`content-${this.value}`,"aria-disabled":this.disabled?"true":"false","aria-expanded":this.expanded?"true":"false",class:r,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),id:`header-${this.value}`,onBlur:this.handleBlur,onClick:this.handleHeaderClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"header",role:"button",tabindex:this.disabled?-1:0},a("div",{key:"0a43614cd1e6584193b9b15b64390284fc59b287",class:"accordion-header-content"},a("span",{key:"f6e970201bf2f2aba5730e69b27819219d0cfcf1",class:"accordion-title",part:"title"},this.header)),a("span",{key:"55312fb63f34a69b183556137302e3394cf0d498",class:"accordion-icon material-symbols-outlined",part:"icon"},t)),a("div",{key:"f4a9acc2db59b440e525c1506492e08a095a32ad","aria-hidden":this.expanded?"false":"true","aria-labelledby":`header-${this.value}`,class:"accordion-content",id:`content-${this.value}`,part:"content",role:"region"},a("div",{key:"9f5477ab57f2722d3a42828dbc4c79b0cde52f58",class:"accordion-content-inner"},a("slot",{key:"c759c88374f904c2b3e75247c3cfa820ac997bd3"}))))}static get watchers(){return{expanded:[{handleExpandedChange: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:flex;flex-direction:column;width:100%;--bh-accordion-item-bg:var(--color-bg-primary);--bh-accordion-item-border-color:var(--color-border-secondary);--bh-accordion-item-hover-bg:var(--color-bg-secondary);--bh-accordion-item-focus-ring:var(--color-border-interactive);--bh-accordion-item-title-color:var(--color-text-primary);--bh-accordion-item-icon-color:var(--color-text-tertiary);background-color:var(--bh-accordion-item-bg)}}@layer bh-base{.accordion-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl);cursor:pointer;background-color:var(--bh-accordion-item-bg);border:none;border-bottom:1px solid var(--bh-accordion-item-border-color);transition:background-color var(--animation-duration-fast) ease}.accordion-header-content{display:flex;flex-direction:column;gap:var(--spacing-xxs);flex:1;min-width:0}.accordion-title{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--line-height-normal);color:var(--bh-accordion-item-title-color)}.accordion-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size-lg);height:var(--icon-size-lg);font-size:var(--icon-size-lg);color:var(--bh-accordion-item-icon-color);transition:transform var(--animation-duration-normal) ease;flex-shrink:0}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--animation-duration-normal) ease;overflow:hidden}.accordion-content-inner{min-height:0;overflow:hidden}}@layer bh-states{:host(.accordion-item-expanded) .accordion-header{border-bottom-color:transparent}:host(.accordion-item-expanded) .accordion-content{grid-template-rows:1fr}:host(.accordion-item-expanded) .accordion-content-inner{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl);border-bottom:1px solid var(--bh-accordion-item-border-color)}:host(.accordion-item-disabled){opacity:0.5;pointer-events:none}:host(.accordion-item-disabled) .accordion-header{cursor:not-allowed}:host(.accordion-item-animating) .accordion-content-inner{overflow:hidden}.accordion-header:hover{background-color:var(--bh-accordion-item-hover-bg)}.accordion-header:focus{outline:none}.accordion-header:focus-visible{outline:2px solid var(--bh-accordion-item-focus-ring);outline-offset:-2px}}";export{g as bh_accordion_item}
|