@actabldesign/bellhop-core 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bh-accordion-item.js +1 -1
- package/components/bh-activity-feed.js +1 -1
- package/components/bh-alert.js +1 -1
- package/components/bh-appbar.js +1 -1
- package/components/bh-avatar-add.js +1 -1
- package/components/bh-avatar-stacked.js +1 -1
- package/components/bh-avatar.js +1 -1
- package/components/bh-badge-dot.js +1 -1
- package/components/bh-badge.js +1 -1
- package/components/bh-banner.js +1 -1
- package/components/bh-bar-chart.js +1 -1
- package/components/bh-breadcrumbs.js +1 -1
- package/components/bh-button-icon.js +1 -1
- package/components/bh-button.js +1 -1
- package/components/bh-card-content.js +1 -1
- package/components/bh-card-footer.js +1 -1
- package/components/bh-card-header.js +1 -1
- package/components/bh-card.js +1 -1
- package/components/bh-chart-tooltip.js +1 -1
- package/components/bh-chat-message.js +1 -1
- package/components/bh-chat-reaction.js +1 -1
- package/components/bh-checkbox.js +1 -1
- package/components/bh-checklist-task-group.js +1 -1
- package/components/bh-close-button.js +1 -1
- package/components/bh-command-bar.d.ts +11 -0
- package/components/bh-command-bar.js +1 -0
- package/components/bh-container-footer.js +1 -1
- package/components/bh-container.js +1 -1
- package/components/bh-credit-card.js +1 -1
- package/components/bh-data-grid-body.js +1 -1
- package/components/bh-data-grid-change-preview.js +1 -1
- package/components/bh-data-grid-filter-builder.js +1 -1
- package/components/bh-data-grid-footer.js +1 -1
- package/components/bh-data-grid-header.js +1 -1
- package/components/bh-data-grid-toolbar.js +1 -1
- package/components/bh-data-grid.js +2 -2
- package/components/bh-date-picker-content.js +1 -1
- package/components/bh-date-picker.js +1 -1
- package/components/bh-date-range-picker-content.js +1 -1
- package/components/bh-date-range-picker.js +1 -1
- package/components/bh-divider.js +1 -1
- package/components/bh-dropdown-menu.js +1 -1
- package/components/bh-dropdown.js +1 -1
- package/components/bh-emoji-picker.js +1 -1
- package/components/bh-empty-state.js +1 -1
- package/components/bh-fab.js +1 -1
- package/components/bh-featured-icon.js +1 -1
- package/components/bh-feed-item.js +1 -1
- package/components/bh-gauge-chart.js +1 -1
- package/components/bh-guided-checklist.js +1 -1
- package/components/bh-html-editor-bubble-menu.js +1 -1
- package/components/bh-html-editor-toolbar.js +1 -1
- package/components/bh-html-editor.js +1 -1
- package/components/bh-illustrations.js +1 -1
- package/components/bh-inline-cta.js +1 -1
- package/components/bh-input-autocomplete.js +1 -1
- package/components/bh-input-number.js +1 -1
- package/components/bh-input-password.js +1 -1
- package/components/bh-input-text.js +1 -1
- package/components/bh-input-verification.js +1 -1
- package/components/bh-kbd.d.ts +11 -0
- package/components/bh-kbd.js +1 -0
- package/components/bh-label.js +1 -1
- package/components/bh-line-chart.js +1 -1
- package/components/bh-logo-box.js +1 -1
- package/components/bh-menu-item.js +1 -1
- package/components/bh-menu.js +1 -1
- package/components/bh-modal-actions.js +1 -1
- package/components/bh-modal-header.js +1 -1
- package/components/bh-month-picker-content.js +1 -1
- package/components/bh-month-picker.js +1 -1
- package/components/bh-multi-select.js +1 -1
- package/components/bh-nav-item.js +1 -1
- package/components/bh-notification-center.d.ts +11 -0
- package/components/bh-notification-center.js +1 -0
- package/components/bh-page-header.js +1 -1
- package/components/bh-page-navigation-child.js +1 -1
- package/components/bh-page-navigation-multi-level.js +1 -1
- package/components/bh-page-navigation-single-level.js +1 -1
- package/components/bh-page-navigation.js +1 -1
- package/components/bh-pagination.js +1 -1
- package/components/bh-picker-menu.js +1 -1
- package/components/bh-pie-chart.js +1 -1
- package/components/bh-pivot-grid-field-chooser.js +1 -1
- package/components/bh-pivot-grid.js +1 -1
- package/components/bh-progress-bar.js +1 -1
- package/components/bh-progress-ring.js +1 -1
- package/components/bh-property-switcher.js +1 -1
- package/components/bh-radar-chart.js +1 -1
- package/components/bh-radio-button.js +1 -1
- package/components/bh-radio-group.js +1 -1
- package/components/bh-range-slider.js +1 -1
- package/components/bh-section-footer.js +1 -1
- package/components/bh-section-header.js +1 -1
- package/components/bh-select.js +1 -1
- package/components/bh-selection-group-item.js +1 -1
- package/components/bh-selection-group.js +1 -1
- package/components/bh-side-panel-footer.js +1 -1
- package/components/bh-side-panel-header.js +1 -1
- package/components/bh-sidebar.js +1 -1
- package/components/bh-skeleton-loader.js +1 -1
- package/components/bh-stepper.js +1 -1
- package/components/bh-tab-item.js +1 -1
- package/components/bh-table-header.js +1 -1
- package/components/bh-tabs.js +1 -1
- package/components/bh-tag-group.js +1 -1
- package/components/bh-tag-input.js +1 -1
- package/components/bh-tag.js +1 -1
- package/components/bh-textarea.js +1 -1
- package/components/bh-toast-container.js +1 -1
- package/components/bh-toast.js +1 -1
- package/components/bh-toggle.js +1 -1
- package/components/bh-tooltip.js +1 -1
- package/components/bh-trend-chart.js +1 -1
- package/components/index.d.ts +6 -0
- package/components/index.js +1 -1
- package/components/{p-BVwh7Zds.js → p-2SnKTVal.js} +1 -1
- package/components/{p-DpyQ9_VL.js → p-6tew_a-x.js} +1 -1
- package/components/{p-BUoq_1rz.js → p-B7La6Iwp.js} +1 -1
- package/components/p-B8HxD-vO.js +1 -0
- package/components/{p-CdwBDbHF.js → p-B9--bog4.js} +1 -1
- package/components/{p-D_0aDuRr.js → p-BF5hfv7s.js} +1 -1
- package/components/{p-oaisznHL.js → p-BI2Y2Le4.js} +1 -1
- package/components/p-Be6mIKzo.js +1 -0
- package/components/p-Bh0oD_Yf.js +1 -0
- package/components/{p-nMu0IHKp.js → p-BniMhcxp.js} +1 -1
- package/components/{p-CZRjavNE.js → p-Br9M2BbM.js} +1 -1
- package/components/{p-QCa_P3zY.js → p-BwxcuFPS.js} +1 -1
- package/components/{p-Dq8Cpk56.js → p-BzHDM9Tg.js} +1 -1
- package/components/{p-D-D80sUk.js → p-C4rAmars.js} +1 -1
- package/components/{p-B2KPN863.js → p-C7fkgBQS.js} +1 -1
- package/components/{p-cD3vmu49.js → p-CClVva-u.js} +1 -1
- package/components/p-CJUnjRCe.js +1 -0
- package/components/{p--a7Uv1ky.js → p-CK_Py1Yi.js} +1 -1
- package/components/{p-DjJP-dIm.js → p-CWdw6bHR.js} +1 -1
- package/components/{p-XYHjFWDD.js → p-CZ_H3nat.js} +1 -1
- package/components/{p-CtaODgcw.js → p-C_nrq7_Y.js} +1 -1
- package/components/{p-BFL2Pm_E.js → p-CssmbrSc.js} +1 -1
- package/components/p-CvsupUaF.js +1 -0
- package/components/{p-DBAPExTG.js → p-CvwyG_Kj.js} +1 -1
- package/components/{p-Bf_iTZDv.js → p-D6aw0IK6.js} +1 -1
- package/components/{p-CzvaS9up.js → p-DBl9mNfN.js} +1 -1
- package/components/{p-DWoyQVnq.js → p-DG90uKhz.js} +1 -1
- package/components/{p-CWY9YV_9.js → p-DGWzDn9Y.js} +1 -1
- package/components/p-DJlRFgcj.js +1 -0
- package/components/p-DKWhUGrV.js +1 -0
- package/components/{p-CC_DXFwx.js → p-DSDbfC31.js} +1 -1
- package/components/{p-1SkDR91n.js → p-DUm7JrA0.js} +1 -1
- package/components/{p-C6UC_xxP.js → p-DblmzWu8.js} +1 -1
- package/components/{p-BHeNnP2q.js → p-DfCONXO0.js} +1 -1
- package/components/p-DhgfM7Wy.js +1 -0
- package/components/{p-Xa6gUVGr.js → p-DjUfsCJJ.js} +1 -1
- package/components/{p-CVSRqFZ0.js → p-DjpXtbw8.js} +1 -1
- package/components/{p-GjWzFf-V.js → p-Dzlsnb7d.js} +1 -1
- package/components/{p-Be20AcNb.js → p-S-miu3h6.js} +1 -1
- package/components/{p-DIMoIy0w.js → p-W2SGLZN7.js} +1 -1
- package/components/{p-arW9uaFJ.js → p-hhv9O2Qq.js} +1 -1
- package/components/{p-BwwSI2Fv.js → p-jNp3nckG.js} +1 -1
- package/dist/bellhop-core/bellhop-core.esm.js +1 -1
- package/dist/bellhop-core/p-009efb12.entry.js +1 -0
- package/dist/bellhop-core/p-01b505e3.entry.js +1 -0
- package/dist/bellhop-core/p-02945f90.entry.js +1 -0
- package/dist/bellhop-core/p-04d2ec72.entry.js +1 -0
- package/dist/bellhop-core/p-05867224.entry.js +1 -0
- package/dist/bellhop-core/p-05a53d3b.entry.js +1 -0
- package/dist/bellhop-core/p-0692ab72.entry.js +1 -0
- package/dist/bellhop-core/p-06f9b713.entry.js +1 -0
- package/dist/bellhop-core/p-08b8ba36.entry.js +1 -0
- package/dist/bellhop-core/p-0953e008.entry.js +1 -0
- package/dist/bellhop-core/p-0976eb7a.entry.js +1 -0
- package/dist/bellhop-core/p-097d70d9.entry.js +1 -0
- package/dist/bellhop-core/p-0a316bb6.entry.js +1 -0
- package/dist/bellhop-core/p-108ca612.entry.js +1 -0
- package/dist/bellhop-core/p-12d3c4e9.entry.js +1 -0
- package/dist/bellhop-core/p-13f15f41.entry.js +1 -0
- package/dist/bellhop-core/p-15bb1050.entry.js +1 -0
- package/dist/bellhop-core/p-16e01b81.entry.js +1 -0
- package/dist/bellhop-core/p-188980bd.entry.js +1 -0
- package/dist/bellhop-core/p-1fba0985.entry.js +1 -0
- package/dist/bellhop-core/p-24e5c52b.entry.js +1 -0
- package/dist/bellhop-core/p-29729109.entry.js +1 -0
- package/dist/bellhop-core/p-2b93b512.entry.js +1 -0
- package/dist/bellhop-core/{p-213a104c.entry.js → p-2bcd94d0.entry.js} +1 -1
- package/dist/bellhop-core/p-2bdb9784.entry.js +1 -0
- package/dist/bellhop-core/p-2ee44b97.entry.js +1 -0
- package/dist/bellhop-core/p-3348400a.entry.js +1 -0
- package/dist/bellhop-core/p-38873b75.entry.js +1 -0
- package/dist/bellhop-core/p-399be504.entry.js +1 -0
- package/dist/bellhop-core/p-3d67e55f.entry.js +1 -0
- package/dist/bellhop-core/p-3dcf8812.entry.js +1 -0
- package/dist/bellhop-core/p-42f26142.entry.js +1 -0
- package/dist/bellhop-core/p-43d94b51.entry.js +1 -0
- package/dist/bellhop-core/p-4c65d80a.entry.js +1 -0
- package/dist/bellhop-core/p-4e4b59cc.entry.js +1 -0
- package/dist/bellhop-core/p-50c00ac6.entry.js +1 -0
- package/dist/bellhop-core/p-52d0c0ac.entry.js +1 -0
- package/dist/bellhop-core/p-53ddab62.entry.js +1 -0
- package/dist/bellhop-core/p-558c1c9f.entry.js +1 -0
- package/dist/bellhop-core/{p-fb8e0e6c.entry.js → p-59feba80.entry.js} +1 -1
- package/dist/bellhop-core/{p-165b45f3.entry.js → p-5a49ebee.entry.js} +1 -1
- package/dist/bellhop-core/p-5f5648e6.entry.js +1 -0
- package/dist/bellhop-core/p-614f84ff.entry.js +1 -0
- package/dist/bellhop-core/p-6517c63b.entry.js +1 -0
- package/dist/bellhop-core/{p-c86b7e41.entry.js → p-654de2b6.entry.js} +1 -1
- package/dist/bellhop-core/p-65e10ead.entry.js +1 -0
- package/dist/bellhop-core/p-68c5a0bd.entry.js +1 -0
- package/dist/bellhop-core/p-68cf8430.entry.js +1 -0
- package/dist/bellhop-core/p-6ad1ed53.entry.js +1 -0
- package/dist/bellhop-core/p-6df539be.entry.js +1 -0
- package/dist/bellhop-core/p-6e1c1c27.entry.js +1 -0
- package/dist/bellhop-core/p-710e4da7.entry.js +1 -0
- package/dist/bellhop-core/p-7841fbc2.entry.js +1 -0
- package/dist/bellhop-core/p-7bceb793.entry.js +1 -0
- package/dist/bellhop-core/p-7bd58fae.entry.js +1 -0
- package/dist/bellhop-core/p-7c0d23d4.entry.js +1 -0
- package/dist/bellhop-core/p-7e226f98.entry.js +1 -0
- package/dist/bellhop-core/{p-4a96c207.entry.js → p-815fb83e.entry.js} +1 -1
- package/dist/bellhop-core/p-832bf58d.entry.js +1 -0
- package/dist/bellhop-core/p-8370a956.entry.js +1 -0
- package/dist/bellhop-core/{p-b992fd96.entry.js → p-858017eb.entry.js} +1 -1
- package/dist/bellhop-core/p-87c827d7.entry.js +1 -0
- package/dist/bellhop-core/p-8a38724f.entry.js +1 -0
- package/dist/bellhop-core/p-8aa87a99.entry.js +1 -0
- package/dist/bellhop-core/p-8ad4d720.entry.js +1 -0
- package/dist/bellhop-core/p-8d319614.entry.js +1 -0
- package/dist/bellhop-core/p-963e6ad9.entry.js +1 -0
- package/dist/bellhop-core/p-97bed0b0.entry.js +1 -0
- package/dist/bellhop-core/{p-df4c2032.entry.js → p-9b2d67db.entry.js} +2 -2
- package/dist/bellhop-core/p-9b935b1a.entry.js +1 -0
- package/dist/bellhop-core/p-9cf187af.entry.js +1 -0
- package/dist/bellhop-core/p-9e0b9dec.entry.js +1 -0
- package/dist/bellhop-core/p-CBTS9Vhx.js +1 -0
- package/dist/bellhop-core/{p-Dn-MvAk9.js → p-CKTtXT2O.js} +1 -1
- package/dist/bellhop-core/p-CMKOFHIa.js +1 -0
- package/dist/bellhop-core/p-Xi3uD33F.js +1 -0
- package/dist/bellhop-core/p-a57034cf.entry.js +1 -0
- package/dist/bellhop-core/p-a925a3d8.entry.js +1 -0
- package/dist/bellhop-core/p-abf0f15d.entry.js +1 -0
- package/dist/bellhop-core/p-b212b4c1.entry.js +1 -0
- package/dist/bellhop-core/p-b2380f56.entry.js +1 -0
- package/dist/bellhop-core/p-b333c85f.entry.js +1 -0
- package/dist/bellhop-core/p-b9d363b0.entry.js +1 -0
- package/dist/bellhop-core/p-b9d86b80.entry.js +1 -0
- package/dist/bellhop-core/p-baa76b6d.entry.js +1 -0
- package/dist/bellhop-core/p-bb11a7df.entry.js +1 -0
- package/dist/bellhop-core/p-bcc53e7e.entry.js +1 -0
- package/dist/bellhop-core/p-c0513194.entry.js +1 -0
- package/dist/bellhop-core/p-c1eed46c.entry.js +1 -0
- package/dist/bellhop-core/p-c2440a5a.entry.js +1 -0
- package/dist/bellhop-core/p-c338d5ed.entry.js +1 -0
- package/dist/bellhop-core/p-c4cd8445.entry.js +1 -0
- package/dist/bellhop-core/p-cd404c53.entry.js +1 -0
- package/dist/bellhop-core/p-d2fdf27a.entry.js +1 -0
- package/dist/bellhop-core/p-d89a2316.entry.js +1 -0
- package/dist/bellhop-core/p-d9903fd1.entry.js +1 -0
- package/dist/bellhop-core/p-df86ac00.entry.js +1 -0
- package/dist/bellhop-core/p-dfc61397.entry.js +1 -0
- package/dist/bellhop-core/p-e02bdcfb.entry.js +1 -0
- package/dist/bellhop-core/p-e6ad9a10.entry.js +1 -0
- package/dist/bellhop-core/p-e86b4fbf.entry.js +1 -0
- package/dist/bellhop-core/p-eed85b08.entry.js +1 -0
- package/dist/bellhop-core/p-f0a47a26.entry.js +1 -0
- package/dist/bellhop-core/p-f46e818f.entry.js +1 -0
- package/dist/bellhop-core/p-f6c8568f.entry.js +1 -0
- package/dist/bellhop-core/p-f784164a.entry.js +1 -0
- package/dist/bellhop-core/p-f8d47699.entry.js +1 -0
- package/dist/bellhop-core/{p-1323f446.entry.js → p-f8dce3b6.entry.js} +1 -1
- package/dist/bellhop-core/p-f9962334.entry.js +1 -0
- package/dist/bellhop-core/p-fb897d66.entry.js +1 -0
- package/dist/cjs/bellhop-core.cjs.js +1 -1
- package/dist/cjs/bh-accordion-item.cjs.entry.js +4 -3
- package/dist/cjs/bh-accordion.cjs.entry.js +3 -2
- package/dist/cjs/bh-activity-feed_2.cjs.entry.js +174 -0
- package/dist/cjs/bh-alert.cjs.entry.js +4 -3
- package/dist/cjs/bh-appbar.cjs.entry.js +57 -11
- package/dist/cjs/bh-autocomplete-menu.cjs.entry.js +3 -2
- package/dist/cjs/bh-avatar-add.cjs.entry.js +4 -3
- package/dist/cjs/bh-avatar-stacked.cjs.entry.js +4 -3
- package/dist/cjs/bh-avatar.cjs.entry.js +6 -5
- package/dist/cjs/bh-badge-dot_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-badge.cjs.entry.js +6 -5
- package/dist/cjs/bh-banner.cjs.entry.js +5 -4
- package/dist/cjs/bh-bar-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-breadcrumbs.cjs.entry.js +16 -5
- package/dist/cjs/bh-button-icon_2.cjs.entry.js +5 -4
- package/dist/cjs/bh-button.cjs.entry.js +5 -4
- package/dist/cjs/bh-card-content.cjs.entry.js +4 -3
- package/dist/cjs/bh-card-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-card-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-card.cjs.entry.js +4 -3
- package/dist/cjs/bh-chart-tooltip.cjs.entry.js +5 -4
- package/dist/cjs/bh-chat-message.cjs.entry.js +5 -4
- package/dist/cjs/bh-chat-reaction.cjs.entry.js +5 -4
- package/dist/cjs/bh-checkbox.cjs.entry.js +3 -2
- package/dist/cjs/bh-checklist-task-group_3.cjs.entry.js +6 -5
- package/dist/cjs/bh-close-button.cjs.entry.js +1 -1
- package/dist/cjs/bh-command-bar.cjs.entry.js +309 -0
- package/dist/cjs/bh-container-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-container.cjs.entry.js +4 -3
- package/dist/cjs/bh-credit-card.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid-body.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-change-preview.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-filter-builder.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid-header.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-toolbar.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid.cjs.entry.js +4 -3
- package/dist/cjs/bh-date-picker-content.cjs.entry.js +6 -5
- package/dist/cjs/bh-date-picker.cjs.entry.js +6 -5
- package/dist/cjs/bh-date-range-picker-content.cjs.entry.js +5 -4
- package/dist/cjs/bh-date-range-picker.cjs.entry.js +7 -6
- package/dist/cjs/bh-divider.cjs.entry.js +4 -3
- package/dist/cjs/bh-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/bh-dropdown.cjs.entry.js +13 -4
- package/dist/cjs/bh-emoji-picker.cjs.entry.js +1 -1
- package/dist/cjs/bh-empty-state_2.cjs.entry.js +6 -5
- package/dist/cjs/bh-featured-icon.cjs.entry.js +4 -3
- package/dist/cjs/bh-gauge-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-guided-checklist.cjs.entry.js +5 -4
- package/dist/cjs/bh-html-editor-bubble-menu_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-html-editor.cjs.entry.js +5 -4
- package/dist/cjs/bh-illustrations.cjs.entry.js +4 -3
- package/dist/cjs/bh-inline-cta.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-autocomplete.cjs.entry.js +7 -6
- package/dist/cjs/bh-input-number.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-password.cjs.entry.js +6 -5
- package/dist/cjs/bh-input-text.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-verification.cjs.entry.js +4 -3
- package/dist/cjs/bh-kbd.cjs.entry.js +34 -0
- package/dist/cjs/bh-label_2.cjs.entry.js +5 -4
- package/dist/cjs/bh-line-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-logo-box_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-menu_2.cjs.entry.js +4 -3
- package/dist/cjs/bh-modal-actions.cjs.entry.js +4 -3
- package/dist/cjs/bh-modal-header.cjs.entry.js +7 -6
- package/dist/cjs/bh-modal.cjs.entry.js +4 -3
- package/dist/cjs/bh-month-picker-content.cjs.entry.js +4 -3
- package/dist/cjs/bh-month-picker.cjs.entry.js +6 -5
- package/dist/cjs/bh-multi-select.cjs.entry.js +8 -7
- package/dist/cjs/bh-notification-center.cjs.entry.js +210 -0
- package/dist/cjs/bh-page-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-page-navigation-child.cjs.entry.js +4 -3
- package/dist/cjs/bh-page-navigation-multi-level_2.cjs.entry.js +7 -6
- package/dist/cjs/bh-page-navigation.cjs.entry.js +4 -3
- package/dist/cjs/bh-pagination_2.cjs.entry.js +10 -9
- package/dist/cjs/bh-picker-menu.cjs.entry.js +3 -2
- package/dist/cjs/bh-pie-chart.cjs.entry.js +6 -5
- package/dist/cjs/bh-pivot-grid-field-chooser.cjs.entry.js +5 -4
- package/dist/cjs/bh-pivot-grid.cjs.entry.js +20 -19
- package/dist/cjs/bh-popover.cjs.entry.js +3 -2
- package/dist/cjs/bh-product-switcher.cjs.entry.js +3 -2
- package/dist/cjs/bh-progress-bar.cjs.entry.js +7 -6
- package/dist/cjs/bh-progress-ring.cjs.entry.js +1 -1
- package/dist/cjs/bh-property-switcher.cjs.entry.js +22 -5
- package/dist/cjs/bh-radar-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-radio-button.cjs.entry.js +3 -2
- package/dist/cjs/bh-radio-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-range-slider.cjs.entry.js +4 -3
- package/dist/cjs/bh-section-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-section-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-selection-group-item.cjs.entry.js +3 -2
- package/dist/cjs/bh-selection-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-side-panel-footer.cjs.entry.js +1 -1
- package/dist/cjs/bh-side-panel-header.cjs.entry.js +1 -1
- package/dist/cjs/bh-sidebar.cjs.entry.js +19 -5
- package/dist/cjs/bh-stepper.cjs.entry.js +3 -2
- package/dist/cjs/bh-tab-item.cjs.entry.js +5 -4
- package/dist/cjs/bh-table-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-tabs.cjs.entry.js +4 -3
- package/dist/cjs/bh-tag-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-tag-input.cjs.entry.js +5 -4
- package/dist/cjs/bh-textarea.cjs.entry.js +5 -4
- package/dist/cjs/bh-toast-container.cjs.entry.js +1 -1
- package/dist/cjs/bh-toast.cjs.entry.js +5 -4
- package/dist/cjs/bh-toggle.cjs.entry.js +4 -3
- package/dist/cjs/bh-trend-chart.cjs.entry.js +5 -4
- package/dist/cjs/{component-error-handler-C4vfF_Qu.js → component-error-handler-BxXlGq4E.js} +1 -1
- package/dist/cjs/error-boundary-fNUNT0lE.js +75 -0
- package/dist/cjs/hotkeys-BzAUI8Zg.js +113 -0
- package/dist/cjs/index-B6sArKsK.js +20 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{error-boundary-Bf7TcT4U.js → logger-DZionBgs.js} +0 -71
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/bh-accordion/bh-accordion-item/bh-accordion-item.js +1 -1
- package/dist/collection/components/bh-activity-feed/bh-activity-feed.css +8 -0
- package/dist/collection/components/bh-activity-feed/bh-activity-feed.js +29 -2
- package/dist/collection/components/bh-appbar/bh-appbar.css +28 -1
- package/dist/collection/components/bh-appbar/bh-appbar.js +220 -9
- package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.css +118 -0
- package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.js +513 -0
- package/dist/collection/components/bh-avatar/bh-avatar-add/bh-avatar-add.js +1 -1
- package/dist/collection/components/bh-avatar/bh-avatar-stacked/bh-avatar-stacked.js +1 -1
- package/dist/collection/components/bh-avatar/bh-avatar.css +8 -2
- package/dist/collection/components/bh-avatar/bh-avatar.js +2 -2
- package/dist/collection/components/bh-badge/bh-badge-dot/bh-badge-dot.js +1 -1
- package/dist/collection/components/bh-badge/bh-badge.js +2 -2
- package/dist/collection/components/bh-banner/bh-banner.js +2 -2
- package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.css +3 -1
- package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.js +14 -3
- package/dist/collection/components/bh-button/bh-button-icon/bh-button-icon.js +1 -1
- package/dist/collection/components/bh-button/bh-button.js +1 -1
- package/dist/collection/components/bh-card/bh-card-content/bh-card-content.js +1 -1
- package/dist/collection/components/bh-card/bh-card-footer/bh-card-footer.js +1 -1
- package/dist/collection/components/bh-card/bh-card-header/bh-card-header.js +1 -1
- package/dist/collection/components/bh-card/bh-card.js +1 -1
- package/dist/collection/components/bh-chart/bh-bar-chart/bh-bar-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-chart-tooltip/bh-chart-tooltip.js +2 -2
- package/dist/collection/components/bh-chart/bh-gauge-chart/bh-gauge-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-line-chart/bh-line-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-pie-chart/bh-pie-chart.js +3 -3
- package/dist/collection/components/bh-chart/bh-progress-bar/bh-progress-bar.js +4 -4
- package/dist/collection/components/bh-chart/bh-radar-chart/bh-radar-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-trend-chart/bh-trend-chart.js +2 -2
- package/dist/collection/components/bh-chat/bh-chat-message/bh-chat-message.js +2 -2
- package/dist/collection/components/bh-chat/bh-chat-reaction/bh-chat-reaction.js +2 -2
- package/dist/collection/components/bh-close-button/bh-close-button.js +1 -1
- package/dist/collection/components/bh-command-bar/bh-command-bar.css +181 -0
- package/dist/collection/components/bh-command-bar/bh-command-bar.figma.js +9 -0
- package/dist/collection/components/bh-command-bar/bh-command-bar.js +663 -0
- package/dist/collection/components/bh-container/bh-container-footer/bh-container-footer.js +1 -1
- package/dist/collection/components/bh-container/bh-container.js +1 -1
- package/dist/collection/components/bh-credit-card/bh-credit-card.js +1 -1
- package/dist/collection/components/bh-data-grid/bh-data-grid-footer.js +1 -1
- package/dist/collection/components/bh-data-grid/bh-data-grid-toolbar.js +1 -1
- package/dist/collection/components/bh-divider/bh-divider.js +1 -1
- package/dist/collection/components/bh-dropdown/bh-dropdown-menu/bh-dropdown-menu.js +1 -1
- package/dist/collection/components/bh-dropdown/bh-dropdown.js +29 -1
- package/dist/collection/components/bh-emoji-picker/bh-emoji-picker.js +1 -1
- package/dist/collection/components/bh-empty-state/bh-empty-state.js +1 -1
- package/dist/collection/components/bh-fab/bh-fab.js +2 -2
- package/dist/collection/components/bh-featured-icon/bh-featured-icon.js +1 -1
- package/dist/collection/components/bh-feed-item/bh-feed-item.css +9 -2
- package/dist/collection/components/bh-feed-item/bh-feed-item.js +81 -4
- package/dist/collection/components/bh-guided-checklist/bh-guided-checklist.js +1 -1
- package/dist/collection/components/bh-html-editor/bh-html-editor-bubble-menu/bh-html-editor-bubble-menu.js +3 -3
- package/dist/collection/components/bh-html-editor/bh-html-editor-toolbar/bh-html-editor-toolbar.js +1 -1
- package/dist/collection/components/bh-html-editor/bh-html-editor.js +2 -2
- package/dist/collection/components/bh-illustrations/bh-illustrations.js +1 -1
- package/dist/collection/components/bh-inline-cta/bh-inline-cta.js +2 -2
- package/dist/collection/components/bh-input/bh-input-autocomplete/bh-input-autocomplete.js +3 -3
- package/dist/collection/components/bh-input/bh-input-number/bh-input-number.js +2 -2
- package/dist/collection/components/bh-input/bh-input-password/bh-input-password.js +3 -3
- package/dist/collection/components/bh-input/bh-input-text/bh-input-text.js +2 -2
- package/dist/collection/components/bh-input/bh-input-verification/bh-input-verification.js +1 -1
- package/dist/collection/components/bh-input/bh-tag-input/bh-tag-input.js +2 -2
- package/dist/collection/components/bh-input/bh-textarea/bh-textarea.js +2 -2
- package/dist/collection/components/bh-kbd/bh-kbd.css +33 -0
- package/dist/collection/components/bh-kbd/bh-kbd.figma.js +11 -0
- package/dist/collection/components/bh-kbd/bh-kbd.js +78 -0
- package/dist/collection/components/bh-logo-box/bh-logo-box.js +2 -2
- package/dist/collection/components/bh-modal/bh-modal-actions/bh-modal-actions.js +1 -1
- package/dist/collection/components/bh-modal/bh-modal-header/bh-modal-header.js +4 -4
- package/dist/collection/components/bh-multi-select/bh-multi-select.js +3 -3
- package/dist/collection/components/bh-page-header/bh-page-header.js +2 -2
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-child/bh-page-navigation-child.js +1 -1
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-multi-level/bh-page-navigation-multi-level.js +2 -2
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-single-level/bh-page-navigation-single-level.js +1 -1
- package/dist/collection/components/bh-page-navigation/bh-page-navigation.js +1 -1
- package/dist/collection/components/bh-pagination/bh-pagination.js +2 -2
- package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker-content/bh-date-picker-content.js +3 -3
- package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker.js +3 -3
- package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker-content/bh-date-range-picker-content.js +2 -2
- package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker.js +4 -4
- package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker-content/bh-month-picker-content.js +1 -1
- package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker.js +3 -3
- package/dist/collection/components/bh-pivot-grid/bh-pivot-grid-field-chooser/bh-pivot-grid-field-chooser.js +2 -2
- package/dist/collection/components/bh-pivot-grid/bh-pivot-grid.js +16 -16
- package/dist/collection/components/bh-progress-ring/bh-progress-ring.js +1 -1
- package/dist/collection/components/bh-property-switcher/bh-property-switcher.js +20 -4
- package/dist/collection/components/bh-radio-group/bh-radio-group.js +1 -1
- package/dist/collection/components/bh-range-slider/bh-range-slider.js +1 -1
- package/dist/collection/components/bh-section-footer/bh-section-footer.js +1 -1
- package/dist/collection/components/bh-section-header/bh-section-header.js +1 -1
- package/dist/collection/components/bh-select/bh-select.js +4 -4
- package/dist/collection/components/bh-selection-group/bh-selection-group.js +1 -1
- package/dist/collection/components/bh-side-panel/bh-side-panel-footer/bh-side-panel-footer.js +1 -1
- package/dist/collection/components/bh-side-panel/bh-side-panel-header/bh-side-panel-header.js +1 -1
- package/dist/collection/components/bh-sidebar/bh-nav-item/bh-nav-item.js +2 -2
- package/dist/collection/components/bh-sidebar/bh-sidebar.js +79 -3
- package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.js +1 -1
- package/dist/collection/components/bh-table-header/bh-table-header.js +1 -1
- package/dist/collection/components/bh-tabs/bh-tab-item/bh-tab-item.js +2 -2
- package/dist/collection/components/bh-tabs/bh-tabs.js +1 -1
- package/dist/collection/components/bh-tag/bh-tag-group/bh-tag-group.js +1 -1
- package/dist/collection/components/bh-tag/bh-tag.js +2 -2
- package/dist/collection/components/bh-toast/bh-toast.js +2 -2
- package/dist/collection/components/bh-toast-container/bh-toast-container.js +1 -1
- package/dist/collection/components/bh-toggle/bh-toggle.js +1 -1
- package/dist/collection/components/bh-tooltip/bh-tooltip.js +1 -1
- package/dist/collection/components/index.js +5 -0
- package/dist/collection/utils/hotkeys.js +107 -0
- package/dist/collection/utils/index.js +4 -0
- package/dist/esm/bellhop-core.js +1 -1
- package/dist/esm/bh-accordion-item.entry.js +3 -2
- package/dist/esm/bh-accordion.entry.js +2 -1
- package/dist/esm/bh-activity-feed_2.entry.js +171 -0
- package/dist/esm/bh-alert.entry.js +3 -2
- package/dist/esm/bh-appbar.entry.js +56 -10
- package/dist/esm/bh-autocomplete-menu.entry.js +2 -1
- package/dist/esm/bh-avatar-add.entry.js +3 -2
- package/dist/esm/bh-avatar-stacked.entry.js +3 -2
- package/dist/esm/bh-avatar.entry.js +5 -4
- package/dist/esm/bh-badge-dot_2.entry.js +6 -5
- package/dist/esm/bh-badge.entry.js +5 -4
- package/dist/esm/bh-banner.entry.js +4 -3
- package/dist/esm/bh-bar-chart.entry.js +4 -3
- package/dist/esm/bh-breadcrumbs.entry.js +15 -4
- package/dist/esm/bh-button-icon_2.entry.js +3 -2
- package/dist/esm/bh-button.entry.js +4 -3
- package/dist/esm/bh-card-content.entry.js +3 -2
- package/dist/esm/bh-card-footer.entry.js +3 -2
- package/dist/esm/bh-card-header.entry.js +3 -2
- package/dist/esm/bh-card.entry.js +3 -2
- package/dist/esm/bh-chart-tooltip.entry.js +4 -3
- package/dist/esm/bh-chat-message.entry.js +4 -3
- package/dist/esm/bh-chat-reaction.entry.js +4 -3
- package/dist/esm/bh-checkbox.entry.js +2 -1
- package/dist/esm/bh-checklist-task-group_3.entry.js +5 -4
- package/dist/esm/bh-close-button.entry.js +1 -1
- package/dist/esm/bh-command-bar.entry.js +307 -0
- package/dist/esm/bh-container-footer.entry.js +3 -2
- package/dist/esm/bh-container.entry.js +3 -2
- package/dist/esm/bh-credit-card.entry.js +3 -2
- package/dist/esm/bh-data-grid-body.entry.js +2 -1
- package/dist/esm/bh-data-grid-change-preview.entry.js +2 -1
- package/dist/esm/bh-data-grid-filter-builder.entry.js +2 -1
- package/dist/esm/bh-data-grid-footer.entry.js +3 -2
- package/dist/esm/bh-data-grid-header.entry.js +2 -1
- package/dist/esm/bh-data-grid-toolbar.entry.js +3 -2
- package/dist/esm/bh-data-grid.entry.js +3 -2
- package/dist/esm/bh-date-picker-content.entry.js +5 -4
- package/dist/esm/bh-date-picker.entry.js +5 -4
- package/dist/esm/bh-date-range-picker-content.entry.js +4 -3
- package/dist/esm/bh-date-range-picker.entry.js +6 -5
- package/dist/esm/bh-divider.entry.js +3 -2
- package/dist/esm/bh-dropdown-menu.entry.js +1 -1
- package/dist/esm/bh-dropdown.entry.js +12 -3
- package/dist/esm/bh-emoji-picker.entry.js +1 -1
- package/dist/esm/bh-empty-state_2.entry.js +4 -3
- package/dist/esm/bh-featured-icon.entry.js +3 -2
- package/dist/esm/bh-gauge-chart.entry.js +4 -3
- package/dist/esm/bh-guided-checklist.entry.js +4 -3
- package/dist/esm/bh-html-editor-bubble-menu_2.entry.js +6 -5
- package/dist/esm/bh-html-editor.entry.js +4 -3
- package/dist/esm/bh-illustrations.entry.js +3 -2
- package/dist/esm/bh-inline-cta.entry.js +4 -3
- package/dist/esm/bh-input-autocomplete.entry.js +6 -5
- package/dist/esm/bh-input-number.entry.js +4 -3
- package/dist/esm/bh-input-password.entry.js +5 -4
- package/dist/esm/bh-input-text.entry.js +4 -3
- package/dist/esm/bh-input-verification.entry.js +3 -2
- package/dist/esm/bh-kbd.entry.js +32 -0
- package/dist/esm/bh-label_2.entry.js +3 -2
- package/dist/esm/bh-line-chart.entry.js +4 -3
- package/dist/esm/bh-logo-box_2.entry.js +6 -5
- package/dist/esm/bh-menu_2.entry.js +2 -1
- package/dist/esm/bh-modal-actions.entry.js +3 -2
- package/dist/esm/bh-modal-header.entry.js +6 -5
- package/dist/esm/bh-modal.entry.js +3 -2
- package/dist/esm/bh-month-picker-content.entry.js +3 -2
- package/dist/esm/bh-month-picker.entry.js +5 -4
- package/dist/esm/bh-multi-select.entry.js +7 -6
- package/dist/esm/bh-notification-center.entry.js +208 -0
- package/dist/esm/bh-page-header.entry.js +3 -2
- package/dist/esm/bh-page-navigation-child.entry.js +3 -2
- package/dist/esm/bh-page-navigation-multi-level_2.entry.js +5 -4
- package/dist/esm/bh-page-navigation.entry.js +3 -2
- package/dist/esm/bh-pagination_2.entry.js +8 -7
- package/dist/esm/bh-picker-menu.entry.js +2 -1
- package/dist/esm/bh-pie-chart.entry.js +5 -4
- package/dist/esm/bh-pivot-grid-field-chooser.entry.js +4 -3
- package/dist/esm/bh-pivot-grid.entry.js +19 -18
- package/dist/esm/bh-popover.entry.js +2 -1
- package/dist/esm/bh-product-switcher.entry.js +2 -1
- package/dist/esm/bh-progress-bar.entry.js +6 -5
- package/dist/esm/bh-progress-ring.entry.js +1 -1
- package/dist/esm/bh-property-switcher.entry.js +21 -4
- package/dist/esm/bh-radar-chart.entry.js +4 -3
- package/dist/esm/bh-radio-button.entry.js +2 -1
- package/dist/esm/bh-radio-group.entry.js +3 -2
- package/dist/esm/bh-range-slider.entry.js +3 -2
- package/dist/esm/bh-section-footer.entry.js +3 -2
- package/dist/esm/bh-section-header.entry.js +3 -2
- package/dist/esm/bh-selection-group-item.entry.js +2 -1
- package/dist/esm/bh-selection-group.entry.js +3 -2
- package/dist/esm/bh-side-panel-footer.entry.js +1 -1
- package/dist/esm/bh-side-panel-header.entry.js +1 -1
- package/dist/esm/bh-sidebar.entry.js +18 -4
- package/dist/esm/bh-stepper.entry.js +2 -1
- package/dist/esm/bh-tab-item.entry.js +4 -3
- package/dist/esm/bh-table-header.entry.js +3 -2
- package/dist/esm/bh-tabs.entry.js +3 -2
- package/dist/esm/bh-tag-group.entry.js +3 -2
- package/dist/esm/bh-tag-input.entry.js +4 -3
- package/dist/esm/bh-textarea.entry.js +4 -3
- package/dist/esm/bh-toast-container.entry.js +1 -1
- package/dist/esm/bh-toast.entry.js +4 -3
- package/dist/esm/bh-toggle.entry.js +3 -2
- package/dist/esm/bh-trend-chart.entry.js +4 -3
- package/dist/esm/{component-error-handler-BVWQSuxn.js → component-error-handler-bgLpf9Pn.js} +1 -1
- package/dist/esm/error-boundary-afpK3NgJ.js +70 -0
- package/dist/esm/hotkeys-CBTS9Vhx.js +109 -0
- package/dist/esm/index-CTHvNfIu.js +20 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{error-boundary-YLeLKAYJ.js → logger-CMKOFHIa.js} +1 -68
- package/dist/locales/bh-appbar/de.json +4 -1
- package/dist/locales/bh-appbar/en.json +4 -1
- package/dist/locales/bh-appbar/es.json +4 -1
- package/dist/locales/bh-appbar/fr.json +4 -1
- package/dist/locales/bh-appbar/ja.json +4 -1
- package/dist/locales/bh-appbar/pt.json +4 -1
- package/dist/locales/bh-appbar/ru.json +4 -1
- package/dist/locales/bh-appbar/zh.json +4 -1
- package/dist/locales/bh-command-bar/de.json +13 -0
- package/dist/locales/bh-command-bar/en.json +13 -0
- package/dist/locales/bh-command-bar/es.json +13 -0
- package/dist/locales/bh-command-bar/fr.json +13 -0
- package/dist/locales/bh-command-bar/ja.json +13 -0
- package/dist/locales/bh-command-bar/pt.json +13 -0
- package/dist/locales/bh-command-bar/ru.json +13 -0
- package/dist/locales/bh-command-bar/zh.json +13 -0
- package/dist/types/components/bh-activity-feed/bh-activity-feed.d.ts +6 -0
- package/dist/types/components/bh-appbar/bh-appbar.d.ts +38 -0
- package/dist/types/components/bh-appbar/bh-notification-center/bh-notification-center.d.ts +108 -0
- package/dist/types/components/bh-breadcrumbs/bh-breadcrumbs.d.ts +8 -0
- package/dist/types/components/bh-command-bar/bh-command-bar.d.ts +131 -0
- package/dist/types/components/bh-command-bar/bh-command-bar.figma.d.ts +1 -0
- package/dist/types/components/bh-dropdown/bh-dropdown.d.ts +4 -0
- package/dist/types/components/bh-feed-item/bh-feed-item.d.ts +15 -0
- package/dist/types/components/bh-kbd/bh-kbd.d.ts +13 -0
- package/dist/types/components/bh-kbd/bh-kbd.figma.d.ts +1 -0
- package/dist/types/components/bh-property-switcher/bh-property-switcher.d.ts +2 -0
- package/dist/types/components/bh-sidebar/bh-sidebar.d.ts +14 -1
- package/dist/types/components/index.d.ts +3 -0
- package/dist/types/components.d.ts +541 -4
- package/dist/types/index.d.ts +2 -0
- package/dist/types/utils/hotkeys.d.ts +23 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/hydrate/index.js +1021 -189
- package/hydrate/index.mjs +1021 -189
- package/llms.txt +4251 -286
- package/package.json +1 -1
- package/vscode-data.json +215 -0
- package/components/p-B7i48CAz.js +0 -1
- package/components/p-Bk-ipvH3.js +0 -1
- package/components/p-Cy98fCjm.js +0 -1
- package/components/p-i7ZvTRXV.js +0 -1
- package/dist/bellhop-core/p-008932dc.entry.js +0 -1
- package/dist/bellhop-core/p-03e002af.entry.js +0 -1
- package/dist/bellhop-core/p-062955a0.entry.js +0 -1
- package/dist/bellhop-core/p-0705eb78.entry.js +0 -1
- package/dist/bellhop-core/p-0a1548b0.entry.js +0 -1
- package/dist/bellhop-core/p-0a758a65.entry.js +0 -1
- package/dist/bellhop-core/p-0b3a286d.entry.js +0 -1
- package/dist/bellhop-core/p-0e60f7f5.entry.js +0 -1
- package/dist/bellhop-core/p-105d9352.entry.js +0 -1
- package/dist/bellhop-core/p-11eec77c.entry.js +0 -1
- package/dist/bellhop-core/p-1334408b.entry.js +0 -1
- package/dist/bellhop-core/p-141d68b7.entry.js +0 -1
- package/dist/bellhop-core/p-164db491.entry.js +0 -1
- package/dist/bellhop-core/p-170c4a62.entry.js +0 -1
- package/dist/bellhop-core/p-19739563.entry.js +0 -1
- package/dist/bellhop-core/p-1cfa274f.entry.js +0 -1
- package/dist/bellhop-core/p-1ddb2ef9.entry.js +0 -1
- package/dist/bellhop-core/p-22243198.entry.js +0 -1
- package/dist/bellhop-core/p-23acfc6a.entry.js +0 -1
- package/dist/bellhop-core/p-277693e6.entry.js +0 -1
- package/dist/bellhop-core/p-283eb6ee.entry.js +0 -1
- package/dist/bellhop-core/p-298d6782.entry.js +0 -1
- package/dist/bellhop-core/p-30f1e109.entry.js +0 -1
- package/dist/bellhop-core/p-31e952ed.entry.js +0 -1
- package/dist/bellhop-core/p-3254b058.entry.js +0 -1
- package/dist/bellhop-core/p-332a6b0d.entry.js +0 -1
- package/dist/bellhop-core/p-43c97303.entry.js +0 -1
- package/dist/bellhop-core/p-4b8fe1fa.entry.js +0 -1
- package/dist/bellhop-core/p-4d8b9186.entry.js +0 -1
- package/dist/bellhop-core/p-50b95dc8.entry.js +0 -1
- package/dist/bellhop-core/p-53006e0e.entry.js +0 -1
- package/dist/bellhop-core/p-53683664.entry.js +0 -1
- package/dist/bellhop-core/p-53dc8f16.entry.js +0 -1
- package/dist/bellhop-core/p-54d147b9.entry.js +0 -1
- package/dist/bellhop-core/p-56b090e1.entry.js +0 -1
- package/dist/bellhop-core/p-58eae3e6.entry.js +0 -1
- package/dist/bellhop-core/p-5d43f80b.entry.js +0 -1
- package/dist/bellhop-core/p-61aeccd7.entry.js +0 -1
- package/dist/bellhop-core/p-63303380.entry.js +0 -1
- package/dist/bellhop-core/p-63af6f45.entry.js +0 -1
- package/dist/bellhop-core/p-640aaf14.entry.js +0 -1
- package/dist/bellhop-core/p-6632ba13.entry.js +0 -1
- package/dist/bellhop-core/p-6807b97e.entry.js +0 -1
- package/dist/bellhop-core/p-6a725cbe.entry.js +0 -1
- package/dist/bellhop-core/p-6bfb6425.entry.js +0 -1
- package/dist/bellhop-core/p-6c4eb165.entry.js +0 -1
- package/dist/bellhop-core/p-72cd0a98.entry.js +0 -1
- package/dist/bellhop-core/p-74972e2e.entry.js +0 -1
- package/dist/bellhop-core/p-77a7967d.entry.js +0 -1
- package/dist/bellhop-core/p-79bc0c14.entry.js +0 -1
- package/dist/bellhop-core/p-7f2736ab.entry.js +0 -1
- package/dist/bellhop-core/p-83024333.entry.js +0 -1
- package/dist/bellhop-core/p-8c01d55f.entry.js +0 -1
- package/dist/bellhop-core/p-8d4654ea.entry.js +0 -1
- package/dist/bellhop-core/p-9429002f.entry.js +0 -1
- package/dist/bellhop-core/p-956ca990.entry.js +0 -1
- package/dist/bellhop-core/p-9b0d2d1d.entry.js +0 -1
- package/dist/bellhop-core/p-YLeLKAYJ.js +0 -1
- package/dist/bellhop-core/p-a0005573.entry.js +0 -1
- package/dist/bellhop-core/p-a26f1ec0.entry.js +0 -1
- package/dist/bellhop-core/p-a42cca95.entry.js +0 -1
- package/dist/bellhop-core/p-a7153865.entry.js +0 -1
- package/dist/bellhop-core/p-a7608d57.entry.js +0 -1
- package/dist/bellhop-core/p-a94d36ae.entry.js +0 -1
- package/dist/bellhop-core/p-a9644488.entry.js +0 -1
- package/dist/bellhop-core/p-aac0f3c1.entry.js +0 -1
- package/dist/bellhop-core/p-aae7e90e.entry.js +0 -1
- package/dist/bellhop-core/p-ac2d706c.entry.js +0 -1
- package/dist/bellhop-core/p-b21105d4.entry.js +0 -1
- package/dist/bellhop-core/p-b7995c47.entry.js +0 -1
- package/dist/bellhop-core/p-bacf8b19.entry.js +0 -1
- package/dist/bellhop-core/p-bf2f5dbd.entry.js +0 -1
- package/dist/bellhop-core/p-c10aff52.entry.js +0 -1
- package/dist/bellhop-core/p-c30fcfcb.entry.js +0 -1
- package/dist/bellhop-core/p-c581c876.entry.js +0 -1
- package/dist/bellhop-core/p-c97c166b.entry.js +0 -1
- package/dist/bellhop-core/p-cb19b35b.entry.js +0 -1
- package/dist/bellhop-core/p-cb1dde19.entry.js +0 -1
- package/dist/bellhop-core/p-cf8c9d85.entry.js +0 -1
- package/dist/bellhop-core/p-d3816b20.entry.js +0 -1
- package/dist/bellhop-core/p-d4107350.entry.js +0 -1
- package/dist/bellhop-core/p-d59fdc08.entry.js +0 -1
- package/dist/bellhop-core/p-d77016ec.entry.js +0 -1
- package/dist/bellhop-core/p-dd1e6138.entry.js +0 -1
- package/dist/bellhop-core/p-dd6f2996.entry.js +0 -1
- package/dist/bellhop-core/p-e082bce2.entry.js +0 -1
- package/dist/bellhop-core/p-e0e28b1f.entry.js +0 -1
- package/dist/bellhop-core/p-e4a47861.entry.js +0 -1
- package/dist/bellhop-core/p-e74a03e3.entry.js +0 -1
- package/dist/bellhop-core/p-e9168244.entry.js +0 -1
- package/dist/bellhop-core/p-ea1fe131.entry.js +0 -1
- package/dist/bellhop-core/p-ecf1b0c4.entry.js +0 -1
- package/dist/bellhop-core/p-f16e07ca.entry.js +0 -1
- package/dist/bellhop-core/p-f2d2abb2.entry.js +0 -1
- package/dist/bellhop-core/p-f8f6e900.entry.js +0 -1
- package/dist/bellhop-core/p-fbdeab71.entry.js +0 -1
- package/dist/bellhop-core/p-fcb058cf.entry.js +0 -1
- package/dist/cjs/bh-activity-feed.cjs.entry.js +0 -71
- package/dist/cjs/bh-feed-item.cjs.entry.js +0 -82
- package/dist/esm/bh-activity-feed.entry.js +0 -69
- package/dist/esm/bh-feed-item.entry.js +0 -80
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as s,H as i}from"./p-CTHvNfIu.js";import{D as a}from"./p-gY2wiaRN.js";import{c as r}from"./p-CMKOFHIa.js";import{m as n,M as l}from"./p-CSH9RXgl.js";import{r as h}from"./p-Xi3uD33F.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=a;bhClose;bhRevertChange;bhRevertAll;bhSaveAll;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),n.increment(l.COMPONENT_ERROR,{component:"bh-data-grid-change-preview",error_type:e instanceof Error?e.name:"unknown"}),h("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 i=this.expandedGroups.has(e);return s("div",{class:`change-preview-group change-preview-group-${e}`,key:e},s("button",{"aria-expanded":i?"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"},i?"expand_less":"expand_more")),i&&s("div",{class:"change-preview-group-content"},t.map((t=>this.renderChangeItem(t,e)))))}renderChangeItem(e,t){const i=e.rowKey;return s("div",{class:`change-preview-item change-preview-item-${t}`,key:String(i),part:"change-item"},s("div",{class:"change-preview-item-header"},s("span",{class:"change-preview-item-key"},"Row: ",String(i)),s("bh-button",{class:"change-preview-item-revert",hierarchy:"tertiary",icon:"leading",iconName:"undo",onClick:()=>this.handleRevertChange(i),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 i=e.originalData?.[t],a=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(i)),s("td",{class:"change-preview-new"},this.formatValue(a)))}))))),"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 i=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(i)))}))))),"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 i=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(i)))}))))),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(i,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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as o,h as e,H as s}from"./p-CTHvNfIu.js";import{c as a}from"./p-CMKOFHIa.js";import{m as l,M as t}from"./p-CSH9RXgl.js";import{r as c}from"./p-Xi3uD33F.js";const i=class{constructor(e){r(this,e),this.bhProgressClick=o(this,"bhProgressClick")}logger=a("bh-progress-bar");data={value:80,max:100};showPercentage=!0;showValue=!0;showLabel=!0;showSublabel=!0;color="var(--bh-progress-bar-fill-color)";trackColor="var(--bh-progress-bar-track-color)";height=8;animated=!0;ariaLabel="";bhProgressClick;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),l.increment(t.COMPONENT_ERROR,{component:"bh-progress-bar"}),c("bh-progress-bar",r)}getPercentage(){const{value:r,max:o}=this.data;return!Number.isFinite(r)||!Number.isFinite(o)||o<=0||r<0?(this.logger.warn("Invalid progress data",{value:r,max:o}),0):Math.min(Math.round(r/o*100),100)}getAriaLabel(){if(this.ariaLabel)return this.ariaLabel;const{label:r,formattedValue:o,value:e}=this.data,s=this.getPercentage(),a=o||String(e);return r?`${r}: ${a}, ${s}% complete`:`${a}, ${s}% complete`}handleClick=r=>{this.bhProgressClick.emit({value:this.data.value,percentage:this.getPercentage(),event:r})};render(){const r=this.getPercentage(),{label:o,formattedValue:a,value:l,sublabel:t}=this.data,c=a||String(l);return e(s,{key:"48d7e391cdc1b39313ad50b8fed3b6700dd97f5e"},e("div",{key:"3a0a5e832c961546425faf75c5072b52346825b9","aria-label":this.getAriaLabel(),"aria-valuemax":this.data.max,"aria-valuemin":0,"aria-valuenow":this.data.value,class:{"progress-bar-container":!0,"progress-bar-animated":this.animated},onClick:this.handleClick,part:"container",role:"meter"},this.showLabel&&o&&e("div",{key:"7d7af6542e816dfab62460ec549e1baa16c1674e",class:"progress-label",part:"label"},o),this.showValue&&e("div",{key:"4d6d062b185a81d3014047234c446adafb499add",class:"progress-value",part:"value"},c),e("div",{key:"492f2236640812d7acb5a908c33ee16ec496dd05",class:"progress-track-row"},e("div",{key:"2496c9a4bd3a6dc6f49bdd5c94864e71c2e2ae6c",class:"progress-track",part:"track",style:{height:`${this.height}px`,backgroundColor:this.trackColor}},e("div",{key:"200a05ac521da65eb4d633102b6ea52317c746c8",class:"progress-fill",part:"fill",style:{width:`${r}%`,backgroundColor:this.color}})),this.showPercentage&&e("span",{key:"3a59357896ea81e2f077d2f96b37477e24380297",class:"progress-percentage",part:"percentage"},r,"%")),this.showSublabel&&t&&e("div",{key:"3db6988ad6a79534987b2ff4f82408ecc20674fb",class:"progress-sublabel",part:"sublabel"},t)))}};i.style=' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-progress-bar-track-color: var( --color-neutral-100, hsl(224deg 25% 89%) ); --bh-progress-bar-fill-color: var( --bh-chart-color-1, var(--color-brand-600, hsl(230deg 69% 48%)) ); --bh-progress-bar-label-color: var( --color-text-secondary, hsl(226deg 24% 48%) ); --bh-progress-bar-value-color: var( --color-text-primary, hsl(233deg 33% 10%) ); --bh-progress-bar-sublabel-color: var( --color-text-tertiary, hsl(226deg 24% 58%) ); --bh-progress-bar-percentage-color: var( --color-text-secondary, hsl(226deg 24% 48%) ); --bh-progress-bar-value-size: var(--text-2xl-size, 1.5rem); --bh-progress-bar-label-size: var(--text-sm-size, 0.875rem); --bh-progress-bar-sublabel-size: var(--text-xs-size, 0.75rem); --bh-progress-bar-percentage-size: var(--text-xs-size, 0.75rem); --bh-progress-bar-radius: var(--radius-full, 9999px); --bh-progress-bar-gap: var(--spacing-xs, 4px); } } @layer bh-base { .progress-bar-container { display: flex; flex-direction: column; gap: var(--bh-progress-bar-gap); cursor: pointer; font-family: var(--font-inter, system-ui, sans-serif); } .progress-label { font-size: var(--bh-progress-bar-label-size); color: var(--bh-progress-bar-label-color); line-height: var(--line-height-normal, 1.5); } .progress-value { font-size: var(--bh-progress-bar-value-size); font-weight: var(--weight-semibold, 600); color: var(--bh-progress-bar-value-color); line-height: var(--line-height-tight, 1.25); } .progress-track-row { display: flex; align-items: center; gap: var(--spacing-sm, 6px); } .progress-track { flex: 1; border-radius: var(--bh-progress-bar-radius); overflow: hidden; position: relative; } .progress-fill { height: 100%; border-radius: var(--bh-progress-bar-radius); transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .progress-percentage { font-size: var(--bh-progress-bar-percentage-size); color: var(--bh-progress-bar-percentage-color); white-space: nowrap; min-width: 2.5em; text-align: right; } .progress-sublabel { font-size: var(--bh-progress-bar-sublabel-size); color: var(--bh-progress-bar-sublabel-color); text-align: right; } } @layer bh-variants { .progress-bar-animated .progress-fill { animation: progressFill 0.8s cubic-bezier(0.4, 0, 0.2, 1) both; } } @layer bh-states { .progress-bar-container:hover .progress-fill { filter: brightness(1.05); } } @layer bh-utilities { @keyframes progressFill { from { width: 0%; } } @media (prefers-reduced-motion: reduce) { .progress-bar-animated .progress-fill { animation: none; } .progress-fill { transition: none; } } }';export{i as bh_progress_bar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as i,a as t,h as a,H as r}from"./p-CTHvNfIu.js";import{c as s}from"./p-CMKOFHIa.js";import{B as n,r as o}from"./p-BNVOtH-1.js";import{c as l}from"./p-CFlb5gKI.js";import"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const c=class{constructor(t){e(this,t),this.bhOpen=i(this,"bhOpen"),this.bhClose=i(this,"bhClose"),this.bhChange=i(this,"bhChange"),this.bhItemClick=i(this,"bhItemClick")}logger=s("bh-notification-center");dismissalManager;i18nUnsubscribe;_i18nVersion=0;get el(){return t(this)}notifications=[];open=!1;display="popover";headerTitle="Notifications";markAllLabel="Mark all as read";emptyMessage="You're all caught up";filterAllLabel="All";filterUnreadLabel="Unread";bellAriaLabel="Notifications";items=[];filter="all";bhOpen;bhClose;bhChange;bhItemClick;syncFromProp(){this.items=this.parseNotifications()}handleOpenChange(e){e?this.dismissalManager?.enable():this.dismissalManager?.disable()}componentWillLoad(){this.items=this.parseNotifications(),this.i18nUnsubscribe=n.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){"inline"!==this.display&&(this.dismissalManager=l(this.el,{onDismiss:()=>this.setOpen(!1),escapeKey:!0,clickOutside:!0,focusLoss:!1}),this.open&&this.dismissalManager.enable())}disconnectedCallback(){this.dismissalManager?.destroy(),this.i18nUnsubscribe?.()}async markRead(e){this.applyRead(this.items.filter((i=>i.id===e&&!i.read)))}async markAllRead(){this.applyRead(this.items.filter((e=>!e.read)))}parseNotifications(){if("string"!=typeof this.notifications)return this.notifications.map((e=>({...e})));if(""===this.notifications.trim())return[];try{return JSON.parse(this.notifications)}catch(e){return this.logger.error("Invalid notifications JSON",e instanceof Error?e:new Error(String(e))),[]}}applyRead(e){if(0===e.length)return;const i=e.map((e=>e.id));this.items=this.items.map((e=>i.includes(e.id)?{...e,read:!0}:e)),this.bhChange.emit({readIds:i,unreadCount:this.unreadCount()})}unreadCount(){return this.items.filter((e=>!e.read)).length}visibleItems(){return"unread"===this.filter?this.items.filter((e=>!e.read)):this.items}setOpen(e){this.open!==e&&(this.open=e,e?this.bhOpen.emit():this.bhClose.emit())}handleBellClick=()=>{this.setOpen(!this.open)};handleItemClick=e=>{this.bhItemClick.emit(e),this.applyRead(this.items.filter((i=>i.id===e.id&&!i.read)))};t(e,i,t){return o("bh-notification-center",e,i,t)}renderTrigger(e){const i=this.t("bellAriaLabel",this.bellAriaLabel,"Notifications");return a("div",{class:"trigger",part:"trigger"},a("bh-button-icon",{ariaLabel:e>0?`${i} (${e})`:i,hierarchy:"tertiary",iconName:"notifications",onClick:this.handleBellClick,size:"sm"}),e>0&&a("bh-badge",{class:"icon-badge-count",emphasis:"high",label:String(e),size:"sm",variant:"error"}))}render(){const e=this.unreadCount(),i=this.visibleItems(),t="inline"===this.display,s=t||this.open;return a(r,{key:"1cec4c416a7dc25a5eb5f6ba1596315d86c50271"},!t&&this.renderTrigger(e),s&&a("div",{key:"eae2068a2a56f938c04bd5be6eac8885de8db987","aria-label":this.t("headerTitle",this.headerTitle,"Notifications"),class:{panel:!0,"panel-inline":t},part:"panel",role:t?"region":"dialog"},a("div",{key:"2990d636c1ea32f28df29e84d60da4ddc8325960",class:"panel-header",part:"header"},a("span",{key:"c0b9291e8dbb52ebde5f62e95eedb646569f075d",class:"panel-title"},this.t("headerTitle",this.headerTitle,"Notifications")),e>0&&a("bh-button",{key:"76217c3ca371df29bf782af9c04a6113ecdda805",hierarchy:"tertiary",label:this.t("markAllLabel",this.markAllLabel,"Mark all as read"),onClick:()=>this.markAllRead(),size:"sm"})),a("div",{key:"696ebb7f1ba24de12b98a32f519abc71fd7dcd54",class:"filters",part:"filters",role:"tablist"},["all","unread"].map((e=>a("button",{"aria-selected":this.filter===e?"true":"false",class:{filter:!0,active:this.filter===e},"data-filter":e,onClick:()=>{this.filter=e},role:"tab",type:"button"},"all"===e?this.t("filterAllLabel",this.filterAllLabel,"All"):this.t("filterUnreadLabel",this.filterUnreadLabel,"Unread"))))),0===i.length?a("div",{class:"empty",part:"empty"},this.t("emptyMessage",this.emptyMessage,"You're all caught up")):a("bh-activity-feed",{class:"feed",divider:"line",flush:!0,part:"list",type:"notifications"},i.map((e=>a("bh-feed-item",{author:e.author??"",class:{unread:!e.read},content:e.body??"","data-id":e.id,icon:e.author?void 0:e.icon,itemTitle:e.title,key:e.id,onBhClick:()=>this.handleItemClick(e),showDot:!e.read,size:"sm",timestamp:e.timestamp??"",variant:e.author?"user":"system"}))))))}static get watchers(){return{notifications:[{syncFromProp:0}],open:[{handleOpenChange:0}]}}};c.style='@charset "UTF-8";:host{position:relative;display:inline-block}.trigger{position:relative;display:inline-flex}.icon-badge-count{position:absolute;top:var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm, 8px)));right:var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm, 8px)));opacity:0.8;pointer-events:none}.icon-badge-count:hover{opacity:1}.panel{position:absolute;top:calc(100% + var(--spacing-sm, 8px));right:0;z-index:var(--bh-notification-center-z-index, 1000);width:var(--bh-notification-center-width, 360px);max-height:var(--bh-notification-center-max-height, 480px);display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-popup, 0 4px 12px rgba(0, 0, 0, 0.15))}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);min-height:calc(var(--bh-button-height-sm, 32px) + 2 * var(--spacing-md, 12px))}.panel-title{font-family:var(--font-inter, inherit);font-size:var(--text-md-size, 1rem);font-weight:var(--weight-semibold, 600);color:var(--color-text-primary, #101828)}.filters{display:flex;gap:var(--spacing-xs, 4px);padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);border-bottom:1px solid var(--color-border-tertiary, #eaecf0)}.filter{padding:var(--spacing-xs, 4px) var(--spacing-md, 12px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);background:transparent;border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.filter:hover{background:var(--color-bg-secondary, #f9fafb)}.filter.active{color:var(--color-text-primary, #101828);font-weight:var(--weight-semibold, 600);background:var(--color-bg-tertiary, #f2f4f7)}.feed{overflow-y:auto}.feed bh-feed-item{display:block;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);cursor:pointer}.feed bh-feed-item:hover{background:var(--color-bg-secondary, #f9fafb)}.feed bh-feed-item.unread{background:var(--color-brand-25, hsl(220, 82%, 98%))}.feed bh-feed-item.unread:hover{background:var(--color-bg-secondary, #f9fafb)}.panel-inline{position:static;width:100%;max-height:none;border:1px solid var(--color-border-primary, #e4e7ec);box-shadow:none}.empty{padding:var(--spacing-2xl, 32px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);text-align:center}';export{c as bh_notification_center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const t={cmd:"⌘",command:"⌘",meta:"⌘",shift:"⇧",alt:"⌥",option:"⌥",ctrl:"Ctrl",control:"Ctrl",esc:"Esc",escape:"Esc",enter:"Enter",return:"Enter",tab:"Tab",space:"Space",backspace:"⌫",delete:"⌦",up:"↑",down:"↓",left:"←",right:"→"},r=new Set(["cmd","command","meta","shift","alt","option","ctrl","control"]),e={esc:"escape",return:"enter",space:" ",up:"arrowup",down:"arrowdown",left:"arrowleft",right:"arrowright"};function n(t){return t.split("+").map((t=>t.trim())).filter((t=>t.length>0))}function o(r){return t[r.toLowerCase()]||(1===r.length?r.toUpperCase():r)}function c(t,o){const c=function(t){const o={meta:!1,ctrl:!1,alt:!1,shift:!1,key:""};for(const c of n(t)){const t=c.toLowerCase();r.has(t)?"cmd"===t||"command"===t||"meta"===t?o.meta=!0:"ctrl"===t||"control"===t?o.ctrl=!0:"alt"===t||"option"===t?o.alt=!0:o.shift=!0:o.key=e[t]??t}return o}(o);return!!c.key&&((c.meta?t.metaKey||t.ctrlKey:t.ctrlKey===c.ctrl)&&t.altKey===c.alt&&t.shiftKey===c.shift&&t.key.toLowerCase()===c.key)}export{o as k,c as m,n as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r}from"./p-
|
|
1
|
+
import{r}from"./p-Xi3uD33F.js";import{m as o,M as e}from"./p-CSH9RXgl.js";function t(t){const{componentName:n,logger:m,emitError:a,metadata:s={},messagePrefix:p="Component error caught"}=t;return t=>{const c=t instanceof Error?t:new Error(String(t));m.error(p,c),o.increment(e.COMPONENT_ERROR,{component:n,error_type:c.name,...s}),r(n,t),a&&a(t)}}export{t as c}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
class e{context={};sampling={rate:1,errorRate:1};withContext(t){const r=new e;return r.context={...this.context,...t},r.sampling=this.sampling,r}setSampling(e,t=1){this.sampling={rate:e,errorRate:t}}shouldSample(e){const t="error"===e?this.sampling.errorRate:this.sampling.rate;return Math.random()<t}log(e,t,r){if(!this.shouldSample(e))return;const s={level:e,message:t,context:{correlationId:this.context.correlationId||`${Date.now()}-${Math.random().toString(36).slice(2,11)}`,componentName:this.context.componentName,userId:this.context.userId,sessionId:this.context.sessionId,timestamp:Date.now(),environment:this.context.environment||"development"},data:r};"error"===e?console.error(JSON.stringify(s)):console.log(JSON.stringify(s))}debug(e,t){this.log("debug",e,t)}info(e,t){this.log("info",e,t)}warn(e,t){this.log("warn",e,t)}error(e,t,r){this.log("error",e,{...r,error:t?{name:t.name,message:t.message,stack:t.stack}:void 0})}startTimer(){const e=performance.now();return()=>performance.now()-e}}const t=new e;function r(e){return t.withContext({componentName:e})}export{r as c}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as r}from"./p-CMKOFHIa.js";const e=r("error-boundary"),o=new Map;function n(r){const n=Date.now(),t=o.get(r);!t||n-t.windowStart>6e4?o.set(r,{count:1,windowStart:n}):(t.count++,t.count>10&&e.error(`High error rate detected for ${r}`,void 0,{errorCount:t.count,windowMs:6e4}))}function t(r,o){const t=o instanceof Error?o:new Error(String(o));return e.error(`Component error: ${r}`,t,{componentName:r}),n(r),t.message||"An unexpected error occurred."}function c(e,o,t={}){const c=o instanceof Error?o:new Error(String(o));r(e).error("Render error",c,{context:t}),n(e);const a=`${Date.now()}-${Math.random().toString(36).slice(2,11)}`;return{component:e,error:{name:c.name,message:c.message,stack:c.stack},timestamp:Date.now(),context:t,recovered:!1,correlationId:a}}function a(){return{hasError:!1,error:null,errorCount:0,lastSuccessfulRender:null}}function s(r,e){return{...r,hasError:!0,error:e,errorCount:r.errorCount+1}}export{s as a,c as b,a as c,t as r}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as o,h as a,H as e}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{c as l}from"./p-YdVz1TeW.js";import{m as n,M as t}from"./p-CSH9RXgl.js";import{r as s}from"./p-Xi3uD33F.js";import{a as c}from"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const g=class{constructor(a){r(this,a),this.bhItemClick=o(this,"bhItemClick")}logger=i("bh-page-navigation-child");label;badge;showBadge=!0;isActive=!1;bhItemClick;focusState=l();focusVersion=0;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),n.increment(t.COMPONENT_ERROR,{component:"bh-page-navigation-child",error_type:r instanceof Error?r.name:"unknown"}),s("bh-page-navigation-child",r)}handleClick=()=>{this.bhItemClick.emit()};handleKeyDown=r=>{c(r)&&(r.preventDefault(),this.handleClick())};handleFocus=r=>{this.focusState.handleFocus(r)};handleBlur=r=>{this.focusState.handleBlur(r)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};getItemClasses(){return{"page-navigation-child":!0,active:this.isActive,focused:this.focusState.isFocused,hovered:this.focusState.isHovered}}render(){return a(e,{key:"7ca3756e57ce7523707ac6398e009a41251b5773"},a("div",{key:"9d17db048c227e3d53d5d2adcacf5d06ebdb529e","aria-current":this.isActive?"page":void 0,class:this.getItemClasses(),"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:"button",tabIndex:0},a("div",{key:"6e73d0d8e106d4712b45671d8501dd743925702d",class:"page-navigation-child-content",part:"content"},a("span",{key:"6c7b32b203015fbf3eb2dfc9e41ae2a569c77c63",class:"page-navigation-child-label",part:"label"},this.label),void 0!==this.badge&&this.showBadge&&a("bh-badge",{key:"a8510c3e2b9d0fd265f94273afbb09f9ca259361",class:"page-navigation-child-badge",emphasis:"medium",label:String(this.badge),part:"badge",size:"sm",variant:"gray"}))))}};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-page-navigation-child-padding-xs: var(--spacing-xs); --bh-page-navigation-child-padding-sm: var(--spacing-sm); --bh-page-navigation-child-padding-md: var(--spacing-md); --bh-page-navigation-child-gap-md: var(--spacing-md); --bh-page-navigation-child-margin-xs: var(--spacing-xs); --bh-page-navigation-child-margin-none: var(--spacing-none); --bh-page-navigation-child-font-family: var(--font-inter); --bh-page-navigation-child-bg-hover: var(--color-bg-secondary); --bh-page-navigation-child-bg-active-hover: var( --color-bg-interactive-light ); --bh-page-navigation-child-line-color: var(--color-border-secondary); --bh-page-navigation-child-active-line-color: var(--color-text-interactive); --bh-page-navigation-child-active-color: var(--color-text-interactive); --bh-page-navigation-child-min-height: var(--spacing-4xl); --bh-page-navigation-child-line-inset: var(--spacing-xl); --bh-page-navigation-child-content-inset: 38px; } } @layer bh-base { .page-navigation-child { display: flex; align-items: center; padding: 0 var(--bh-page-navigation-child-padding-md) 0 var(--bh-page-navigation-child-content-inset); cursor: pointer; gap: var(--bh-page-navigation-child-gap-md); position: relative; transition: background-color var(--animation-duration-fast) ease; min-height: var(--bh-page-navigation-child-min-height); box-sizing: border-box; border-radius: var(--radius-sm); margin: 0; background-color: transparent; } .page-navigation-child::before { content: ""; position: absolute; left: var(--bh-page-navigation-child-line-inset); top: 0; bottom: 0; width: 2px; background-color: var(--bh-page-navigation-child-line-color); } .page-navigation-child-content { display: flex; align-items: center; gap: var(--bh-page-navigation-child-gap-md); width: 100%; } .page-navigation-child-label { font-family: var(--bh-page-navigation-child-font-family); font-size: var(--text-sm-size); font-weight: var(--weight-medium); line-height: var(--line-height-normal); color: var(--color-text-secondary); flex: 1; transition: color var(--animation-duration-fast) ease, font-weight var(--animation-duration-fast) ease; } .page-navigation-child-badge { display: inline-flex; margin-left: auto; flex-shrink: 0; } } @layer bh-states { .page-navigation-child { } .page-navigation-child:hover:not(.active) { background-color: var(--bh-page-navigation-child-bg-hover); } .page-navigation-child { } .page-navigation-child.active { background-color: transparent; } .page-navigation-child.active:hover, .page-navigation-child.active.focused { background-color: var(--bh-page-navigation-child-bg-active-hover); } .page-navigation-child.active { } .page-navigation-child.active::after { content: ""; position: absolute; left: var(--bh-page-navigation-child-line-inset); top: 50%; transform: translateY(-50%); width: 2px; height: 20px; background-color: var(--bh-page-navigation-child-active-line-color); } .page-navigation-child.active .page-navigation-child-label { color: var(--bh-page-navigation-child-active-color); font-weight: var(--weight-semibold); } }';export{g as bh_page_navigation_child}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as r,h as o,H as t}from"./p-CTHvNfIu.js";import{c as a}from"./p-CMKOFHIa.js";import{B as s,r as l}from"./p-BNVOtH-1.js";import{m as i,M as n}from"./p-CSH9RXgl.js";import{r as c}from"./p-Xi3uD33F.js";const h=["#2642CF","#8E4B9B","#BB81BA","#E14C94","#E47789","#E9AAAE","#BACEFC"],p=class{constructor(o){e(this,o),this.bhItemClick=r(this,"bhItemClick"),this.bhItemHover=r(this,"bhItemHover"),this.bhItemLeave=r(this,"bhItemLeave"),this.bhTooltipOpen=r(this,"bhTooltipOpen"),this.bhTooltipClose=r(this,"bhTooltipClose"),this.bhError=r(this,"bhError")}data={series:[{name:"Series 1",value:30,color:"#2642CF"},{name:"Series 2",value:25,color:"#8E4B9B"},{name:"Series 3",value:20,color:"#BB81BA"},{name:"Series 4",value:15,color:"#E14C94"},{name:"Series 5",value:10,color:"#E47789"}]};hole="none";size=160;animated=!0;gap=0;showLegend=!1;legendPosition="right";centerText=null;tooltipVisible=!1;tooltipX=0;tooltipY=0;tooltipSegment=null;logger=a("bh-pie-chart");i18nUnsubscribe;_i18nVersion=0;bhItemClick;bhItemHover;bhItemLeave;bhTooltipOpen;bhTooltipClose;bhError;componentWillLoad(){this.i18nUnsubscribe=s.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),i.increment(n.COMPONENT_ERROR,{component:"bh-pie-chart"}),c("bh-pie-chart",e),this.bhError.emit({error:e})}validateSeriesData(e){return e.map((e=>({...e,value:(()=>!Number.isFinite(e.value)||e.value<0?(this.logger.warn("Invalid data value detected",{seriesName:e.name,invalidValue:e.value}),0):Math.min(e.value,Number.MAX_SAFE_INTEGER))()})))}getInnerRadius(){switch(this.hole){case"25%":return 20;case"50%":return 40;case"75%":return 60;case"85%":return 68;default:return 0}}createArcPath(e,r,o,t,a,s){const l=a*Math.PI/180,i=s*Math.PI/180,n=e+o*Math.cos(l),c=r+o*Math.sin(l),h=e+o*Math.cos(i),p=r+o*Math.sin(i),d=s-a>180?1:0;if(0===t)return["M",e,r,"L",n,c,"A",o,o,0,d,1,h,p,"Z"].join(" ");const g=e+t*Math.cos(l),b=r+t*Math.sin(l);return["M",n,c,"A",o,o,0,d,1,h,p,"L",e+t*Math.cos(i),r+t*Math.sin(i),"A",t,t,0,d,0,g,b,"Z"].join(" ")}getSegments(){if(!this.data.series?.length)return[];const e=this.validateSeriesData(this.data.series),r=e.reduce(((e,r)=>e+r.value),0);if(0===r)return[];const o=[];let t=-90;const a=this.getInnerRadius(),s=360-e.length*this.gap;for(const[l,i]of e.entries()){const e=i.value/r*100,n=t,c=t+i.value/r*s,p=this.createArcPath(80,80,80,a,n,c);o.push({value:i.value,percentage:e,startAngle:n,endAngle:c,color:i.color||h[l%h.length],name:i.name,path:p}),t=c+this.gap}return o}handleSegmentClick=(e,r)=>{this.bhItemClick.emit({segment:r,event:e})};handleSegmentHover=(e,r)=>{this.tooltipVisible=!0,this.tooltipX=e.clientX,this.tooltipY=e.clientY,this.tooltipSegment=r,this.bhItemHover.emit({segment:r,event:e}),this.bhTooltipOpen.emit({segment:r,x:this.tooltipX,y:this.tooltipY})};handleSegmentLeave=(e,r)=>{this.tooltipVisible=!1,this.bhItemLeave.emit({segment:r,event:e}),this.bhTooltipClose.emit()};renderLegend(e){return this.showLegend&&0!==e.length?o("div",{class:"pie-legend",part:"legend"},e.map(((e,r)=>o("div",{class:"pie-legend-item",key:r},o("span",{class:"pie-legend-dot",style:{backgroundColor:e.color}}),o("span",{class:"pie-legend-label"},e.name))))):null}renderCenterText(){if(!this.centerText||"none"===this.hole)return null;const{label:e,value:r,trend:t,trendDirection:a}=this.centerText;return o("div",{class:"pie-center-text",part:"center-text"},e&&o("div",{class:"pie-center-label"},e),r&&o("div",{class:"pie-center-value"},r),t&&o("div",{class:{"pie-center-trend":!0,[`trend-${a||"neutral"}`]:!0}},t))}render(){const e=this.getSegments(),r=this.getInnerRadius();return o(t,{key:"32e213722ad430ed2b9e4b235d44d43893a0640a"},o("div",{key:"d3d031c4e3b35f84cdd11f3f91f235b190a89dfb",class:{"pie-chart-wrapper":!0,[`legend-${this.legendPosition}`]:this.showLegend}},o("div",{key:"6e465a575be22db278fa1d7a4292bbf50075007b",class:"pie-chart-container",part:"container",style:{width:`${this.size}px`,height:`${this.size}px`}},o("svg",{key:"a0abc090cb119e67b7dfb17ab403a3add4e34e1a","aria-label":l("bh-pie-chart","ariaLabel",void 0,"Pie chart"),class:"pie-chart-svg",height:this.size,role:"img",viewBox:"0 0 160 160",width:this.size},o("circle",{key:"3e9d942315f0c22c637d5e76dcabf3a300e7b0a7",class:"pie-background",cx:"80",cy:"80",fill:"transparent",r:"80"}),e.map(((e,r)=>o("g",{class:"pie-segment-group",key:r},o("path",{class:{"pie-segment":!0,animated:this.animated},d:e.path,fill:e.color,onClick:r=>this.handleSegmentClick(r,e),onMouseEnter:r=>this.handleSegmentHover(r,e),onMouseLeave:r=>this.handleSegmentLeave(r,e),style:{animationDelay:this.animated?.03*r+"s":"0s"}})))),"none"!==this.hole&&o("circle",{key:"6b1fbf81da9588ab088329c32bf3aa9b3d29f2f4",class:"pie-inner-hole",cx:"80",cy:"80",fill:"white",r})),this.renderCenterText()),this.renderLegend(e)),o("bh-chart-tooltip",{key:"39bce63e5b0eab31b002a481b6e9dc9580ce211a","aria-hidden":this.tooltipVisible?void 0:"true",items:this.tooltipSegment?[{label:this.tooltipSegment.name,value:`${this.tooltipSegment.percentage.toFixed(0)}%`,color:this.tooltipSegment.color}]:[],visible:this.tooltipVisible,x:this.tooltipX,y:this.tooltipY}))}};p.style=' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; --bh-pie-chart-legend-gap: var(--spacing-lg, 12px); --bh-pie-chart-legend-item-gap: var(--spacing-xs, 4px); --bh-pie-chart-legend-color: var( --color-text-secondary, hsl(226deg 24% 48%) ); --bh-pie-chart-legend-font-size: var(--text-xs-size, 0.75rem); --bh-pie-chart-legend-dot-size: 8px; --bh-pie-chart-center-label-color: var( --color-text-secondary, hsl(226deg 24% 48%) ); --bh-pie-chart-center-value-color: var( --color-text-primary, hsl(233deg 33% 10%) ); --bh-pie-chart-center-value-size: var(--text-lg-size, 1.125rem); --bh-pie-chart-trend-positive-color: var( --color-text-success, hsl(152deg 82% 39%) ); --bh-pie-chart-trend-negative-color: var( --color-text-error, hsl(4deg 76% 48%) ); --bh-pie-chart-trend-neutral-color: var( --color-text-secondary, hsl(226deg 24% 48%) ); } } @layer bh-base { .pie-chart-wrapper { display: inline-flex; align-items: center; gap: var(--bh-pie-chart-legend-gap); } .pie-chart-wrapper.legend-bottom { flex-direction: column; } .pie-chart-wrapper.legend-right { flex-direction: row; } .pie-chart-container { display: inline-block; width: 160px; height: 160px; overflow: visible; position: relative; } .pie-legend { display: flex; flex-direction: column; gap: var(--bh-pie-chart-legend-item-gap); } .pie-legend-item { display: flex; align-items: center; gap: var(--bh-pie-chart-legend-item-gap); font-size: var(--bh-pie-chart-legend-font-size); color: var(--bh-pie-chart-legend-color); font-family: var(--font-inter, system-ui, sans-serif); white-space: nowrap; } .pie-legend-dot { width: var(--bh-pie-chart-legend-dot-size); height: var(--bh-pie-chart-legend-dot-size); border-radius: var(--radius-full, 9999px); flex-shrink: 0; } .pie-center-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; pointer-events: none; font-family: var(--font-inter, system-ui, sans-serif); } .pie-center-label { font-size: var(--bh-pie-chart-legend-font-size); color: var(--bh-pie-chart-center-label-color); line-height: var(--line-height-normal, 1.5); } .pie-center-value { font-size: var(--bh-pie-chart-center-value-size); font-weight: var(--weight-semibold, 600); color: var(--bh-pie-chart-center-value-color); line-height: var(--line-height-tight, 1.25); } .pie-center-trend { font-size: var(--bh-pie-chart-legend-font-size); line-height: var(--line-height-normal, 1.5); } .pie-center-trend.trend-positive { color: var(--bh-pie-chart-trend-positive-color); } .pie-center-trend.trend-negative { color: var(--bh-pie-chart-trend-negative-color); } .pie-center-trend.trend-neutral { color: var(--bh-pie-chart-trend-neutral-color); } .pie-chart-svg { width: 100%; height: 100%; overflow: visible; } .pie-segment { cursor: pointer; transition: opacity var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease); transform-origin: 80px 80px; } .pie-background { pointer-events: none; } .pie-inner-hole { pointer-events: none; } .pie-segment-group { pointer-events: auto; } } @layer bh-variants { .pie-segment.animated { opacity: 0; transform: scale(0.3) rotate(-180deg); animation: pieSliceReveal 0.8s var(--animation-ease-enter, ease-out) forwards; } } @layer bh-states { .pie-segment:hover { opacity: 0.85; transform: scale(1.05); filter: brightness(1.1); transition: all var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease); } } @layer bh-utilities { @keyframes pieSliceReveal { 0% { opacity: 0; transform: scale(0.3) rotate(-180deg); } 15% { opacity: 0.2; transform: scale(0.45) rotate(-135deg); } 30% { opacity: 0.5; transform: scale(0.7) rotate(-70deg); } 45% { opacity: 0.7; transform: scale(0.9) rotate(-25deg); } 60% { opacity: 0.85; transform: scale(1.05) rotate(-8deg); } 80% { opacity: 0.95; transform: scale(1.01) rotate(-1deg); } 100% { opacity: 1; transform: scale(1) rotate(0deg); } } @media (prefers-reduced-motion: reduce) { .pie-segment.animated { animation: none; opacity: 1; transform: none; } } }';export{p as bh_pie_chart}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,a as e,h as s,H as o}from"./p-CTHvNfIu.js";import{T as n,s as h}from"./p-_HEoiOQg.js";import{c as a}from"./p-CMKOFHIa.js";import{c as r,a as c}from"./p-CS8F5LFw.js";import{c as l}from"./p-YdVz1TeW.js";import{m as d,M as p}from"./p-CSH9RXgl.js";import{r as b}from"./p-Xi3uD33F.js";import{P as m}from"./p-Sdr_qqWO.js";import{B as u,r as f}from"./p-BNVOtH-1.js";import{t as k}from"./p-Bf0qW3wI.js";import{A as g}from"./p-BoVgy_Ao.js";const y=class{constructor(e){i(this,e),this.bhChange=t(this,"bhChange"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur"),this.bhOpen=t(this,"bhOpen"),this.bhClose=t(this,"bhClose")}logger=a("bh-month-picker");destroy$=r();stateManager;closeTimerId=null;variant="dropdown-outlined";minYear=1998;maxYear=2060;disabled=!1;disabledMonths=[];label="Select Month";placeholder="Choose month and year";inputWidth="200px";showLabel=!0;showFooter=!0;value;isMenuClosing=!1;get el(){return e(this)}isMenuOpen=!1;menuContainerEl;menuAnchor=new n;bhChange;bhFocus;bhBlur;bhOpen;bhClose;focusState=l();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:new Error(String(i))),d.increment(p.COMPONENT_ERROR,{component:"bh-month-picker",error_type:i instanceof Error?i.name:"unknown"}),b("bh-month-picker",i)}handleValueChange(i){this.stateManager&&this.stateManager.setValue(i??null)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.stateManager=new m({onOpen:()=>{this.isMenuOpen=!0,this.bhOpen.emit()},onClose:()=>{this.isMenuOpen=!1,this.bhClose.emit()},onApply:i=>{this.bhChange.emit(i)}}),this.value&&this.stateManager.setValue(this.value),this.i18nUnsubscribe=u.onLocaleChange((()=>{this._i18nVersion++}))}getDisplayValue(){const i=this.stateManager?.committedValue;return i?`${(i.month+1).toString().padStart(2,"0")}/${i.year}`:""}getButtonLabel(){return this.getDisplayValue()||this.placeholder}handleTriggerClick=()=>{this.disabled||(this.stateManager.isOpen?this.closeMenu():this.stateManager.open())};handleInputFocus=()=>{this.disabled||this.stateManager.isOpen||this.stateManager.open()};handleFocus=i=>{this.focusState.handleFocus(i,(i=>this.bhFocus.emit(i)))};handleBlur=i=>{this.focusState.handleBlur(i,(i=>this.bhBlur.emit(i)))};handleMonthYearSelect=i=>{i.stopPropagation();const t=i.detail;t&&(this.showFooter?this.stateManager.setTempValue(t):(this.stateManager.setValue(t),this.bhChange.emit(t),this.closeMenu()))};handleMenuAction=i=>{"apply"===i.detail.action?this.handleMenuApply():this.handleMenuCancel()};handleMenuCancel=()=>{this.stateManager.cancel(),this.closeMenu()};handleMenuApply=()=>{this.stateManager.apply(),this.closeMenu()};closeMenu(){this.isMenuClosing=!0,null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null);const i=this.destroy$?k(g.MENU_CLOSE,this.destroy$):null;i?i.subscribe((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null})):this.closeTimerId=setTimeout((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null}),g.MENU_CLOSE)}componentDidRender(){this.menuAnchor.sync(this.isMenuOpen,this.menuContainerEl,this.el)}disconnectedCallback(){this.menuAnchor.destroy(),null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null),c(this.destroy$),this.i18nUnsubscribe?.()}handleBackdropClick=()=>{this.handleMenuCancel()};render(){return s(o,{key:"bdcd6963b9514c723c8bcc14fa62981d568c0c05"},s("div",{key:"34e893e1dd2fe4831b8cc29d6b7efac6acc61fe2",class:"month-picker-container","data-focused":String(this.focusState.isFocused),onFocusin:this.handleFocus,onFocusout:this.handleBlur,part:"container"},"dropdown-outlined"===this.variant&&s("div",{key:"27c939700779f958b6afa92b603591d2be690051",class:"month-picker-trigger",onClick:this.handleTriggerClick},s("bh-button",{key:"7f15615410f4332fa4752ec110061b1ca1df721b",disabled:this.disabled,hierarchy:"secondary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"dropdown-ghost"===this.variant&&s("div",{key:"b9489b1134353d6de389a3bac3c255997f3d05cc",class:"month-picker-trigger",onClick:this.handleTriggerClick},s("bh-button",{key:"dac579856e1f7379646c1d641d500243b72453fb",disabled:this.disabled,hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"input"===this.variant&&s("div",{key:"da74a4dac0c40734187d7f48a80542c7cf7f4469",class:"month-picker-trigger input-field-container"},s("bh-input-text",{key:"2a19248c66030e7112970168e8a7bd5c26d758da",disabled:this.disabled,label:f("bh-month-picker","defaultLabel",this.label,"Select Month"),onFocus:this.handleInputFocus,placeholder:f("bh-month-picker","defaultPlaceholder",this.placeholder,"Choose month and year"),showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_month",value:this.getDisplayValue(),width:this.inputWidth}),s("div",{key:"822ed86e38fd689c632d199070cf89f5b21567c7",class:"calendar-icon-overlay",onClick:this.handleTriggerClick})),s("div",{key:"4e431f0ff46099de841b9d68aa112011ecd16f19",class:{"month-picker-menu-container":!0,"is-open":this.isMenuOpen&&!h},part:"menu",popover:h?"manual":void 0,ref:i=>this.menuContainerEl=i},s("bh-picker-menu",{key:"a0ae54586ed7fb014d096abf5bc8587eac6ca8d2",disabled:this.disabled,disabledMonths:this.disabledMonths,maxYear:this.maxYear,minYear:this.minYear,onBhAction:this.handleMenuAction,onBhChange:this.handleMonthYearSelect,showFooter:this.showFooter,value:this.stateManager?.tempValue||this.stateManager?.committedValue||void 0,visible:this.isMenuOpen}))),(this.isMenuOpen||this.isMenuClosing)&&s("div",{key:"b1a24a44a00c644f9f541f4a03d66a0c9439c8e0",class:"month-picker-backdrop",onClick:this.handleBackdropClick}))}static get watchers(){return{value:[{handleValueChange: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-month-picker-icon-overlay-width:var(--bh-button-height-md);--bh-month-picker-dropdown-z-index:var(--bh-z-index-dropdown);--bh-month-picker-dropdown-offset:var(--spacing-xs);--bh-month-picker-backdrop-z-index:var(--bh-z-index-raised)}}@layer bh-base{.month-picker-container{position:relative;display:inline-block}.month-picker-trigger{cursor:pointer}.month-picker-trigger.input-field-container{position:relative}.calendar-icon-overlay{position:absolute;top:0;right:0;width:var(--bh-month-picker-icon-overlay-width);height:100%;cursor:pointer;z-index:1}.month-picker-menu-container{}.month-picker-menu-container:popover-open{display:block;inset:auto;margin:0;border:none;padding:0;background:transparent;overflow:visible}.month-picker-menu-container{position:absolute;top:100%;left:0;z-index:var(--bh-month-picker-dropdown-z-index);margin-top:var(--bh-month-picker-dropdown-offset);display:none;}.month-picker-menu-container.is-open{display:block}.month-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--bh-month-picker-backdrop-z-index);background:transparent}}";export{y as bh_month_picker}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as a,h as r,H as e}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{c as d,g as b}from"./p-YdVz1TeW.js";import{B as g,r as n}from"./p-BNVOtH-1.js";import{m as c,M as s}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import{a as t}from"./p-BqJRACkO.js";import{m as h,b as m}from"./p-Bam7V_bL.js";import"./p-zdFuIabL.js";const u=class{constructor(r){o(this,r),this.bhClose=a(this,"bhClose"),this.bhClick=a(this,"bhClick")}logger=i("bh-badge");focusState=d();i18nUnsubscribe;_i18nVersion=0;variant="gray";size="md";emphasis="high";label="Label";icon;dismissible=!1;disabled=!1;bhClose;bhClick;focusVersion=0;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=g.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(o){this.logger.error("Component error caught",o instanceof Error?o:new Error(String(o))),c.increment(s.COMPONENT_ERROR,{component:"bh-badge",error_type:o instanceof Error?o.name:"unknown"}),l("bh-badge",o)}handleDismiss=o=>{o.stopPropagation(),this.dismissible&&!this.disabled&&this.bhClose.emit()};handleClick=o=>{this.disabled||this.bhClick.emit(o)};handleFocus=o=>{this.focusState.handleFocus(o)};handleBlur=o=>{this.focusState.handleBlur(o)};handleKeyDown=o=>{!this.disabled&&t(o)&&(o.preventDefault(),this.dismissible?this.bhClose.emit():this.bhClick.emit(o))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const o=this.variant,a=b(this.focusState,"badge"),i=h(m({base:"badge",size:this.size,variant:o,kind:this.emphasis,modifiers:{disabled:this.disabled,"icon-only":Boolean(this.icon)&&!this.label}}),a),d=`badge-icon-${o}-${this.emphasis}`,g="dot"===this.icon,c=Boolean(this.icon);return r(e,{key:"6110746e6cc85b6e623abd53dbeb1b1360485329"},r("span",{key:"1adae843f5065e81285130644690a76140501004","aria-disabled":this.disabled?"true":void 0,class:i,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"badge",role:"status",tabIndex:this.dismissible&&!this.disabled?0:-1},c&&r("span",{key:"71f8499d7b4a14d8dcbfe204243deb9ac5079238",class:{"material-symbols-outlined":!0,[d]:!0,"badge-icon-dot":g,"badge-icon-custom":!g}},g?"fiber_manual_record":this.icon),this.label&&r("span",{key:"9a1cc6cf8d657aff65b0f08bc9e4c9a6e515a8dd",class:"badge-label"},this.label),this.dismissible&&r("button",{key:"4f6d182fa10dc21f862757c43bf3e39cafd5bbe7","aria-label":n("bh-badge","dismissAriaLabel",void 0,"Dismiss"),class:"badge-dismiss",disabled:this.disabled,onClick:this.handleDismiss,part:"dismiss-button",type:"button"},r("span",{key:"5065a67791d6190446f4f55a0ab6f29f35bbccbc",class:`material-symbols-outlined badge-dismiss-icon ${d}`},"close"))))}};u.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-badge-border-radius:var(--radius-full);--bh-badge-font-family:var(--font-inter);--bh-badge-font-weight:var(--weight-medium);--bh-badge-gap-sm:var(--spacing-sm);--bh-badge-gap-xxs:var(--spacing-xxs);--bh-badge-padding-xs:var(--spacing-xxs);--bh-badge-padding-sm:var(--spacing-sm);--bh-badge-padding-md:var(--spacing-md);--bh-badge-padding-lg:var(--spacing-lg);--bh-badge-padding-xl:var(--spacing-xl);--bh-badge-text-xs:var(--text-xs-size);--bh-badge-text-sm:var(--text-sm-size);--bh-badge-text-md:var(--text-md-size);--bh-badge-line-height-xs:var(--line-height-tight);--bh-badge-line-height-sm:var(--line-height-normal);--bh-badge-line-height-md:var(--line-height-normal)}}@layer bh-base{.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--bh-badge-gap-sm);font-family:var(--bh-badge-font-family);font-weight:var(--bh-badge-font-weight);border-radius:var(--bh-badge-border-radius);white-space:nowrap;text-align:center;transition:background-color var(--animation-duration-normal) ease, color var(--animation-duration-normal) ease, border-color var(--animation-duration-normal) ease;border:1px solid transparent;user-select:none;cursor:default}.badge-icon-only{aspect-ratio:1;padding:0;justify-content:center;box-sizing:border-box}.badge-icon-only.badge-sm{width:var(--bh-badge-height-sm);height:var(--bh-badge-height-sm);padding:0}.badge-icon-only.badge-md{width:var(--bh-badge-height-md);height:var(--bh-badge-height-md);padding:0}.badge-icon-only.badge-lg{width:var(--bh-badge-height-lg);height:var(--bh-badge-height-lg);padding:0}.badge-icon-only .badge-icon-custom{font-size:var(--bh-badge-icon-custom-size-md) !important;line-height:1}.badge-icon-dot{font-size:var(--bh-badge-dot-sm) !important;width:var(--bh-badge-dot-sm);height:var(--bh-badge-dot-sm);line-height:1;flex-shrink:0;font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 16}.badge-icon-custom{font-size:var(--bh-badge-icon-md) !important;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 16}.badge-label{flex-shrink:0;font-weight:inherit}.badge-dismiss{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin-left:var(--bh-badge-gap-xxs);border-radius:var(--radius-full);transition:background-color var(--animation-duration-normal) ease, opacity var(--animation-duration-normal) ease;width:var(--bh-badge-icon-md);height:var(--bh-badge-icon-md)}.badge-dismiss-icon{font-size:var(--bh-badge-icon-sm) !important;width:var(--bh-badge-icon-sm);height:var(--bh-badge-icon-sm);line-height:1;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 14}}@layer bh-variants{.badge-sm{height:var(--bh-badge-height-sm);box-sizing:border-box;padding:0 var(--bh-badge-padding-sm);font-size:var(--bh-badge-font-size-sm);line-height:var(--bh-badge-line-height-xs)}.badge-sm .badge-icon-dot{font-size:var(--bh-badge-dot-xs) !important;width:var(--bh-badge-dot-xs);height:var(--bh-badge-dot-xs)}.badge-sm .badge-icon-custom{font-size:var(--bh-badge-icon-xs) !important}.badge-sm .badge-dismiss{width:var(--bh-badge-icon-sm);height:var(--bh-badge-icon-sm)}.badge-sm .badge-dismiss-icon{font-size:var(--bh-badge-icon-xs) !important;width:var(--bh-badge-icon-xs);height:var(--bh-badge-icon-xs)}.badge-md{height:var(--bh-badge-height-md);box-sizing:border-box;padding:0 var(--bh-badge-padding-md);font-size:var(--bh-badge-font-size-md);line-height:var(--bh-badge-line-height-sm)}.badge-lg{height:var(--bh-badge-height-lg);box-sizing:border-box;padding:0 var(--bh-badge-padding-lg);font-size:var(--bh-badge-font-size-md);line-height:var(--bh-badge-line-height-md)}.badge-lg .badge-icon-dot{font-size:var(--bh-badge-dot-md) !important;width:var(--bh-badge-dot-md);height:var(--bh-badge-dot-md)}.badge-lg .badge-icon-custom{font-size:var(--bh-badge-icon-xl) !important}.badge-lg .badge-dismiss{width:var(--bh-badge-icon-lg);height:var(--bh-badge-icon-lg)}.badge-lg .badge-dismiss-icon{font-size:var(--bh-badge-icon-md) !important;width:var(--bh-badge-icon-md);height:var(--bh-badge-icon-md)}.badge-high.badge-gray{background-color:var(--color-neutral-200);color:var(--color-neutral-700)}.badge-high .badge-icon-gray-high,.badge-high .badge-dismiss-icon.badge-icon-gray-high{color:var(--color-neutral-700) !important}.badge-high.badge-brand{background-color:var(--color-brand-200);color:var(--color-brand-800)}.badge-high .badge-icon-brand-high,.badge-high .badge-dismiss-icon.badge-icon-brand-high{color:var(--color-brand-800) !important}.badge-high.badge-blue{background-color:var(--color-blue-200);color:var(--color-blue-900)}.badge-high .badge-icon-blue-high,.badge-high .badge-dismiss-icon.badge-icon-blue-high{color:var(--color-blue-900) !important}.badge-high.badge-error{background-color:var(--color-error-200);color:var(--color-error-900)}.badge-high .badge-icon-error-high,.badge-high .badge-dismiss-icon.badge-icon-error-high{color:var(--color-error-900) !important}.badge-high.badge-warning{background-color:var(--color-warning-200);color:var(--color-warning-900)}.badge-high .badge-icon-warning-high,.badge-high .badge-dismiss-icon.badge-icon-warning-high{color:var(--color-warning-900) !important}.badge-high.badge-success{background-color:var(--color-success-200);color:var(--color-success-900)}.badge-high .badge-icon-success-high,.badge-high .badge-dismiss-icon.badge-icon-success-high{color:var(--color-success-900) !important}.badge-high.badge-purple{background-color:var(--color-purple-200);color:var(--color-purple-800)}.badge-high .badge-icon-purple-high,.badge-high .badge-dismiss-icon.badge-icon-purple-high{color:var(--color-purple-800) !important}.badge-high.badge-pink{background-color:var(--color-pink-200);color:var(--color-pink-800)}.badge-high .badge-icon-pink-high,.badge-high .badge-dismiss-icon.badge-icon-pink-high{color:var(--color-pink-800) !important}.badge-high.badge-orange{background-color:var(--color-orange-200);color:var(--color-orange-800)}.badge-high .badge-icon-orange-high,.badge-high .badge-dismiss-icon.badge-icon-orange-high{color:var(--color-orange-800) !important}.badge-medium.badge-gray{background-color:var(--color-neutral-50);color:var(--color-neutral-700);border-color:var(--color-neutral-200)}.badge-medium .badge-icon-gray-medium,.badge-medium .badge-dismiss-icon.badge-icon-gray-medium{color:var(--color-neutral-700) !important}.badge-medium.badge-brand{background-color:var(--color-brand-50);color:var(--color-brand-700);border-color:var(--color-brand-200)}.badge-medium .badge-icon-brand-medium,.badge-medium .badge-dismiss-icon.badge-icon-brand-medium{color:var(--color-brand-700) !important}.badge-medium.badge-blue{background-color:var(--color-blue-50);color:var(--color-blue-700);border-color:var(--color-blue-200)}.badge-medium .badge-icon-blue-medium,.badge-medium .badge-dismiss-icon.badge-icon-blue-medium{color:var(--color-blue-700) !important}.badge-medium.badge-error{background-color:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-200)}.badge-medium .badge-icon-error-medium,.badge-medium .badge-dismiss-icon.badge-icon-error-medium{color:var(--color-error-700) !important}.badge-medium.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-200)}.badge-medium .badge-icon-warning-medium,.badge-medium .badge-dismiss-icon.badge-icon-warning-medium{color:var(--color-warning-700) !important}.badge-medium.badge-success{background-color:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.badge-medium .badge-icon-success-medium,.badge-medium .badge-dismiss-icon.badge-icon-success-medium{color:var(--color-success-700) !important}.badge-medium.badge-purple{background-color:var(--color-purple-50);color:var(--color-purple-700);border-color:var(--color-purple-200)}.badge-medium .badge-icon-purple-medium,.badge-medium .badge-dismiss-icon.badge-icon-purple-medium{color:var(--color-purple-700) !important}.badge-medium.badge-pink{background-color:var(--color-pink-50);color:var(--color-pink-800);border-color:var(--color-pink-200)}.badge-medium .badge-icon-pink-medium,.badge-medium .badge-dismiss-icon.badge-icon-pink-medium{color:var(--color-pink-800) !important}.badge-medium.badge-orange{background-color:var(--color-orange-50);color:var(--color-orange-800);border-color:var(--color-orange-200)}.badge-medium .badge-icon-orange-medium,.badge-medium .badge-dismiss-icon.badge-icon-orange-medium{color:var(--color-orange-800) !important}.badge-low.badge-gray{background-color:transparent;color:var(--color-neutral-600);border-color:var(--color-neutral-200)}.badge-low .badge-icon-gray-low,.badge-low .badge-dismiss-icon.badge-icon-gray-low{color:var(--color-neutral-600) !important}.badge-low.badge-brand{background-color:transparent;color:var(--color-brand-600);border-color:var(--color-brand-200)}.badge-low .badge-icon-brand-low,.badge-low .badge-dismiss-icon.badge-icon-brand-low{color:var(--color-brand-600) !important}.badge-low.badge-blue{background-color:transparent;color:var(--color-blue-700);border-color:var(--color-blue-200)}.badge-low .badge-icon-blue-low,.badge-low .badge-dismiss-icon.badge-icon-blue-low{color:var(--color-blue-700) !important}.badge-low.badge-error{background-color:transparent;color:var(--color-error-600);border-color:var(--color-error-200)}.badge-low .badge-icon-error-low,.badge-low .badge-dismiss-icon.badge-icon-error-low{color:var(--color-error-600) !important}.badge-low.badge-warning{background-color:transparent;color:var(--color-warning-700);border-color:var(--color-warning-200)}.badge-low .badge-icon-warning-low,.badge-low .badge-dismiss-icon.badge-icon-warning-low{color:var(--color-warning-700) !important}.badge-low.badge-success{background-color:transparent;color:var(--color-success-700);border-color:var(--color-success-200)}.badge-low .badge-icon-success-low,.badge-low .badge-dismiss-icon.badge-icon-success-low{color:var(--color-success-700) !important}.badge-low.badge-purple{background-color:transparent;color:var(--color-purple-600);border-color:var(--color-purple-200)}.badge-low .badge-icon-purple-low,.badge-low .badge-dismiss-icon.badge-icon-purple-low{color:var(--color-purple-600) !important}.badge-low.badge-pink{background-color:transparent;color:var(--color-pink-600);border-color:var(--color-pink-200)}.badge-low .badge-icon-pink-low,.badge-low .badge-dismiss-icon.badge-icon-pink-low{color:var(--color-pink-600) !important}.badge-low.badge-orange{background-color:transparent;color:var(--color-orange-700);border-color:var(--color-orange-200)}.badge-low .badge-icon-orange-low,.badge-low .badge-dismiss-icon.badge-icon-orange-low{color:var(--color-orange-700) !important}.badge-disabled{opacity:0.5;cursor:not-allowed}}';export{u as bh_badge}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r,H as o}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{m as a,M as t}from"./p-CSH9RXgl.js";import{r as n}from"./p-Xi3uD33F.js";const d=class{constructor(r){e(this,r)}logger=i("bh-featured-icon");size="md";color="gray";iconStyle="outlined";icon="star";ariaLabel=null;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),a.increment(t.COMPONENT_ERROR,{component:"bh-featured-icon",error_type:e instanceof Error?e.name:"unknown"}),n("bh-featured-icon",e)}render(){const e={"featured-icon":!0,[`featured-icon-${this.size}`]:!0,[`featured-icon-${this.color}`]:!0,[`featured-icon-${this.iconStyle}`]:!0},i=`material-symbols-outlined icon-${this.size}`,a=Boolean(this.ariaLabel);return r(o,{key:"6613175199aa85ed857ec5038d6897b3c5321df0","aria-hidden":a?void 0:"true","aria-label":this.ariaLabel,role:a?"img":"presentation"},r("div",{key:"b73a674d59efd182ed8032c61d8ebc7c9c80b00e",class:e,part:"container"},r("span",{key:"9fc74b7af1bf56aa1c0fc1832847d9f93a70fac0","aria-hidden":"true",class:i},this.icon)))}};d.style='@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block}}@layer bh-base{.featured-icon{display:inline-flex;align-items:center;justify-content:center;transition:all var(--animation-duration-normal) ease}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;user-select:none}}@layer bh-tokens{:host{--bh-featured-icon-border-radius:var(--radius-sm);--bh-featured-icon-success-color:var(--color-success-600);--bh-featured-icon-purple-color:var(--color-purple-600)}}@layer bh-variants{.featured-icon-sm{width:var(--bh-featured-icon-size-sm);height:var(--bh-featured-icon-size-sm);border-radius:var(--bh-featured-icon-border-radius)}.featured-icon-md{width:var(--bh-featured-icon-size-md);height:var(--bh-featured-icon-size-md);border-radius:var(--radius-md)}.featured-icon-lg{width:var(--bh-featured-icon-size-lg);height:var(--bh-featured-icon-size-lg);border-radius:var(--radius-lg)}.featured-icon-xl{width:var(--bh-featured-icon-size-xl);height:var(--bh-featured-icon-size-xl);border-radius:var(--radius-lg)}.featured-icon-brand.featured-icon-outlined{background-color:transparent;border:1px solid var(--color-border-secondary)}.featured-icon-brand.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-interactive)}.featured-icon-gray.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-gray.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-secondary)}.featured-icon-error.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-error.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-error)}.featured-icon-warning.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-warning.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-warning)}.featured-icon-success.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-success.featured-icon-outlined .material-symbols-outlined{color:var(--bh-featured-icon-success-color)}.featured-icon-highlight.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-highlight.featured-icon-outlined .material-symbols-outlined{color:var(--bh-featured-icon-purple-color)}.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.featured-icon-brand.featured-icon-filled{background-color:var(--color-brand-100);border:none}.featured-icon-brand.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-interactive)}.featured-icon-gray.featured-icon-filled{background-color:var(--color-neutral-100);border:none}.featured-icon-gray.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-secondary)}.featured-icon-error.featured-icon-filled{background-color:var(--color-error-100);border:none}.featured-icon-error.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-error)}.featured-icon-warning.featured-icon-filled{background-color:var(--color-warning-100);border:none}.featured-icon-warning.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-warning)}.featured-icon-success.featured-icon-filled{background-color:var(--color-success-100);border:none}.featured-icon-success.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--bh-featured-icon-success-color)}.featured-icon-highlight.featured-icon-filled{background-color:var(--color-purple-100);border:none}.featured-icon-highlight.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--bh-featured-icon-purple-color)}.icon-sm{font-size:var(--icon-size-xs);width:var(--icon-size-xs);height:var(--icon-size-xs);line-height:1}.icon-md{font-size:var(--icon-size-md);width:var(--icon-size-md);height:var(--icon-size-md);line-height:1}.icon-lg{font-size:var(--icon-size-lg);width:var(--icon-size-lg);height:var(--icon-size-lg);line-height:1}.icon-xl{font-size:var(--icon-size-2xl);width:var(--icon-size-2xl);height:var(--icon-size-2xl);line-height:1}}';export{d as bh_featured_icon}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as o,h as t,H as i}from"./p-CTHvNfIu.js";import{c as r}from"./p-CMKOFHIa.js";import{c as s}from"./p-YdVz1TeW.js";import{m as n,M as a}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import{a as c}from"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const h=class{constructor(t){e(this,t),this.bhChange=o(this,"bhChange"),this.bhFocus=o(this,"bhFocus"),this.bhBlur=o(this,"bhBlur")}logger=r("bh-selection-group-item");focusState=s();selectionMode="multiple";size="sm";value="";checked=!1;selected=!1;disabled=!1;hasIcon=!1;iconName="";itemTitle="";subtitle="";description="";name="";focusVersion=0;bhChange;bhFocus;bhBlur;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),n.increment(a.COMPONENT_ERROR,{component:"bh-selection-group-item",error_type:e instanceof Error?e.name:"unknown"}),l("bh-selection-group-item",e)}handleClick=()=>{this.disabled||("single"===this.selectionMode?this.selected||(this.selected=!0,this.bhChange.emit({value:this.value,checked:!0})):(this.checked=!this.checked,this.bhChange.emit({value:this.value,checked:this.checked})))};handleKeyDown=e=>{c(e)&&(e.preventDefault(),this.handleClick())};handleMouseEnter=()=>{this.disabled||this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=e=>{this.disabled?this.bhFocus.emit(e):this.focusState.handleFocus(e,(()=>this.bhFocus.emit(e)))};handleBlur=e=>{this.focusState.handleBlur(e,(()=>this.bhBlur.emit(e)))};handleCheckboxBhChange=e=>{e.stopPropagation()};handleRadioChange=e=>{e.stopPropagation(),this.selected=!0,this.bhChange.emit({value:this.value,checked:!0})};render(){const e="single"===this.selectionMode,o=e?this.selected:this.checked,r={"selection-group-item":!0,[`selection-group-item-${this.size}`]:!0,[`selection-group-item-${this.selectionMode}`]:!0,"selection-group-item-with-icon":this.hasIcon,"selection-group-item-active":o,"selection-group-item-disabled":this.disabled,"selection-group-item-hovered":this.focusState.isHovered,"selection-group-item-focused":this.focusState.isFocused},s=()=>e?t("bh-radio-button",{disabled:this.disabled,name:this.name,onBhChange:this.handleRadioChange,selected:this.selected,size:this.size,value:this.value}):t("bh-checkbox",{checked:this.checked,disabled:this.disabled,onBhChange:this.handleCheckboxBhChange,size:this.size}),n=()=>t("div",{class:"item-content"},t("div",{class:"item-text-row"},this.itemTitle&&t("span",{class:"item-title"},this.itemTitle),this.subtitle&&t("span",{class:"item-subtitle"},this.subtitle)),this.description&&t("p",{class:"item-description"},this.description));return t(i,null,t("div",{"aria-checked":String(o),"aria-disabled":this.disabled?"true":null,class:r,"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:e?"radio":"checkbox",tabIndex:this.disabled?-1:0},this.hasIcon?[(()=>this.hasIcon&&this.iconName?t("bh-featured-icon",{color:"gray",icon:this.iconName,iconStyle:"outlined",size:"sm"}):null)(),n(),s()]:[s(),n()]))}};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}}@layer bh-base{.selection-group-item{display:flex;align-items:flex-start;background:var(--bh-selection-group-item-bg);border:1px solid var(--bh-selection-group-item-border-color);border-radius:var(--bh-selection-group-item-border-radius);cursor:pointer;transition:background-color var(--animation-duration-normal) ease, border-color var(--animation-duration-normal) ease, box-shadow var(--animation-duration-normal) ease;box-sizing:border-box;font-family:var(--bh-selection-group-item-font-family);outline:none;}.selection-group-item bh-checkbox,.selection-group-item bh-radio-button{pointer-events:none}}@layer bh-tokens{:host{--bh-selection-group-item-bg:var(--color-bg-primary);--bh-selection-group-item-border-color:var(--color-border-secondary);--bh-selection-group-item-border-radius:var(--radius-xl);--bh-selection-group-item-font-family:var(--font-inter);--bh-selection-group-item-title-color:var(--color-text-primary);--bh-selection-group-item-subtitle-color:var(--color-text-secondary);--bh-selection-group-item-description-color:var(--color-text-secondary);--bh-selection-group-item-font-size:var(--text-sm-size);--bh-selection-group-item-font-weight-semibold:var(--weight-semibold);--bh-selection-group-item-font-weight-regular:var(--weight-regular);--bh-selection-group-item-line-height:var(--text-sm-line);--bh-selection-group-item-content-gap:var(--spacing-xs);--bh-selection-group-item-text-row-gap:var(--spacing-sm);--bh-selection-group-item-active-border-color:var( --color-border-interactive );--bh-selection-group-item-active-shadow:var(--color-brand-100);--bh-selection-group-item-active-bg:var(--color-brand-50);--bh-selection-group-item-hover-bg:var(--color-bg-secondary);--bh-selection-group-item-hover-border-color:var(--color-border-primary);--bh-selection-group-item-focus-shadow:var(--color-brand-100);--bh-selection-group-item-disabled-bg:var(--color-bg-tertiary);--bh-selection-group-item-disabled-border-color:var( --color-border-secondary );--bh-selection-group-item-disabled-color:var(--color-text-disabled)}}@layer bh-base{.item-content{display:flex;flex-direction:column;flex:1;gap:var(--bh-selection-group-item-content-gap);min-width:0}.item-text-row{display:flex;align-items:center;gap:var(--bh-selection-group-item-text-row-gap);flex-wrap:wrap}.item-title{font-size:var(--bh-selection-group-item-font-size);font-weight:var(--bh-selection-group-item-font-weight-semibold);line-height:var(--bh-selection-group-item-line-height);color:var(--bh-selection-group-item-title-color)}.item-subtitle{font-size:var(--bh-selection-group-item-font-size);font-weight:var(--bh-selection-group-item-font-weight-regular);line-height:var(--bh-selection-group-item-line-height);color:var(--bh-selection-group-item-subtitle-color)}.item-description{font-size:var(--bh-selection-group-item-font-size);font-weight:var(--bh-selection-group-item-font-weight-regular);line-height:var(--bh-selection-group-item-line-height);color:var(--bh-selection-group-item-description-color);margin:0}}@layer bh-variants{.selection-group-item{}.selection-group-item-sm{padding:var(--spacing-xl);gap:var(--spacing-md)}.selection-group-item-md{padding:var(--spacing-xl) var(--spacing-2xl);gap:var(--spacing-lg)}.selection-group-item{}.selection-group-item-with-icon{gap:var(--spacing-lg)}}@layer bh-states{.selection-group-item{}.selection-group-item-active{border-color:var(--bh-selection-group-item-active-border-color);box-shadow:inset 0 0 0 1px var(--bh-selection-group-item-active-border-color);background:var(--bh-selection-group-item-active-bg)}.selection-group-item{}.selection-group-item-hovered:not(.selection-group-item-disabled):not(.selection-group-item-active){background:var(--bh-selection-group-item-hover-bg);border-color:var(--bh-selection-group-item-hover-border-color)}.selection-group-item{}.selection-group-item-focused:not(.selection-group-item-disabled):not(.selection-group-item-active){box-shadow:0px 0px 0px 4px var(--bh-selection-group-item-focus-shadow)}.selection-group-item-focused.selection-group-item-active:not(.selection-group-item-disabled){box-shadow:inset 0 0 0 1px var(--bh-selection-group-item-active-border-color), 0px 0px 0px 4px var(--bh-selection-group-item-active-shadow)}.selection-group-item{}.selection-group-item-disabled{background:var(--bh-selection-group-item-disabled-bg);border-color:var(--bh-selection-group-item-disabled-border-color);cursor:not-allowed;opacity:0.6}.selection-group-item-disabled .item-title,.selection-group-item-disabled .item-subtitle,.selection-group-item-disabled .item-description{color:var(--bh-selection-group-item-disabled-color)}}";export{h as bh_selection_group_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as t,h as e,H as i,a as r}from"./p-CTHvNfIu.js";import{F as s}from"./p-C_OTXZLx.js";import{c as n,a as o}from"./p-CS8F5LFw.js";import{c as l}from"./p-CMKOFHIa.js";import{c as h}from"./p-CKTtXT2O.js";import{m as c,M as p}from"./p-CSH9RXgl.js";import{t as d}from"./p-Bf0qW3wI.js";import{A as b}from"./p-BoVgy_Ao.js";import"./p-Xi3uD33F.js";const g=class{constructor(e){a(this,e),this.bhTaskStart=t(this,"bhTaskStart"),this.bhToggle=t(this,"bhToggle")}group;expanded=!1;bhTaskStart;bhToggle;get progress(){if(!this.group?.tasks?.length)return 0;const a=this.group.tasks.filter((a=>"completed"===a.status)).length;return Math.round(a/this.group.tasks.length*100)}get status(){return 0===(a=this.group?.tasks??[]).length?"locked":a.every((a=>"completed"===a.status))?"completed":a.some((a=>"active"===a.status||"completed"===a.status))?"in-progress":"locked";var a}handleToggle=()=>{this.expanded=!this.expanded,this.bhToggle.emit({value:this.group.id,expanded:this.expanded})};handleTaskStart=a=>{this.bhTaskStart.emit({groupId:this.group.id,taskId:a})};renderGroupAction(){const a=this.status,t=this.group?.tasks??[];if("completed"===a)return e("bh-badge",{class:"task-group-badge",emphasis:"medium",icon:"check_small",label:"",size:"md",variant:"success"});if("in-progress"===a&&t.length>1)return e("bh-button-icon",{ariaLabel:this.expanded?"Collapse":"Expand",class:{"task-group-chevron":!0,"task-group-chevron-expanded":this.expanded},hierarchy:"tertiary",iconName:"expand_more",onClick:this.handleToggle,size:"sm"});const i=t[0];return i?e("span",{class:"task-group-action"},e("bh-button",{disabled:"locked"===i.status,onClick:()=>this.handleTaskStart(i.id),size:"sm"},"Start")):null}renderSubTasks(){return this.expanded&&"completed"!==this.status?e("ul",{class:"sub-tasks",role:"list"},this.group.tasks.map((a=>e("li",{class:"sub-task",key:a.id},e("div",{class:"sub-task-text"},e("span",{class:"sub-task-title"},a.title),a.description&&e("span",{class:"sub-task-description"},a.description)),this.renderSubTaskAction(a))))):null}renderSubTaskAction(a){return"completed"===a.status?e("bh-badge",{class:"sub-task-badge",emphasis:"medium",icon:"check_small",label:"",size:"md",variant:"success"}):e("bh-button",{disabled:"locked"===a.status,onClick:()=>this.handleTaskStart(a.id),size:"sm"},"Start")}render(){return this.group?e(i,{class:{"task-group":!0,[`task-group-${this.status}`]:!0,"task-group-expanded":this.expanded}},e("div",{class:"task-group-header"},e("div",{class:"task-group-left"},e("bh-progress-ring",{size:48,strokeWidth:3,value:this.progress}),e("div",{class:"task-group-text"},e("span",{class:"task-group-title"},this.group.title),this.group.description&&e("span",{class:"task-group-description"},this.group.description))),this.renderGroupAction()),this.renderSubTasks()):null}};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; @layer bh-tokens{:host{display:flex;flex-direction:column;font-family:var(--font-inter);--bh-checklist-group-bg:var(--color-bg-primary);--bh-checklist-group-border:var(--color-border-secondary);--bh-checklist-group-title-color:var(--color-text-primary);--bh-checklist-group-description-color:var(--color-text-secondary);--bh-checklist-group-chevron-color:var(--color-text-tertiary);--bh-checklist-group-chevron-hover:var(--color-text-primary);--bh-checklist-group-check-bg:var(--color-success-100);--bh-checklist-group-check-color:var(--color-bg-success)}}@layer bh-base{:host{background:var(--bh-checklist-group-bg);border:1px solid var(--bh-checklist-group-border);border-radius:var(--radius-xl);overflow:hidden}.task-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xl)}.task-group-left{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1;min-width:0}.task-group-text{display:flex;flex-direction:column;gap:var(--spacing-xxs);min-width:0}.task-group-title{font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line-height);color:var(--bh-checklist-group-title-color)}.task-group-description{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line-height);color:var(--bh-checklist-group-description-color)}.task-group-chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--bh-checklist-group-chevron-color);transition:transform 0.2s ease-in-out;flex-shrink:0}.task-group-badge,.sub-task-badge{flex-shrink:0}.check-circle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--bh-checklist-group-check-bg)}.check-circle-icon{font-size:var(--icon-size-xs, 16px);color:var(--bh-checklist-group-check-color);font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 16}.task-group-action{flex-shrink:0}.sub-tasks{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-xl) var(--spacing-xl);margin:0;list-style:none}.sub-task{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);padding-left:var(--spacing-md)}.sub-task-text{display:flex;flex-direction:column;gap:var(--spacing-xxs);flex:1;min-width:0;padding-left:var(--spacing-md);color:var(--bh-checklist-group-description-color)}.sub-task-title{font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line-height)}.sub-task-description{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line-height)}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}@layer bh-variants{.task-group-chevron-expanded{transform:rotate(180deg)}}@layer bh-states{.task-group-chevron:hover{color:var(--bh-checklist-group-chevron-hover)}}';const f=class{constructor(e){a(this,e),this.bhClick=t(this,"bhClick")}iconName="add";ariaLabel;size="lg";disabled=!1;bhClick;handleClick=a=>{if(this.disabled)return a.preventDefault(),void a.stopPropagation();this.bhClick.emit()};render(){return e("button",{key:"8c17cd53a08c3fc2e2b4717fac888dd86a9b75e4","aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,class:{fab:!0,[`fab-${this.size}`]:!0,"fab-disabled":this.disabled},disabled:this.disabled,onClick:this.handleClick,part:"button",type:"button"},e("span",{key:"1d3996d1272bb4cd46a8760e5217d9f5a14b12d3",class:"material-symbols-outlined",part:"icon"},this.iconName))}};f.style="@layer bh-tokens,bh-base,bh-states; @layer bh-tokens{:host{--bh-fab-bg:var(--color-bg-interactive, #4f46e5);--bh-fab-bg-hover:var(--color-bg-interactive-hover, #4338ca);--bh-fab-bg-active:var(--color-bg-interactive-active, #3730a3);--bh-fab-color:var(--color-text-inverse, #ffffff);--bh-fab-shadow:var(--bh-shadows-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.2));--bh-fab-size-md:44px;--bh-fab-size-lg:56px;--bh-fab-icon-size-md:20px;--bh-fab-icon-size-lg:24px;--bh-fab-focus-ring:0 0 0 3px var(--color-border-interactive, #818cf8);display:inline-block}}@layer bh-base{.fab{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--bh-fab-bg);color:var(--bh-fab-color);box-shadow:var(--bh-fab-shadow);cursor:pointer;outline:none;padding:0;transition:background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease}.fab-md{width:var(--bh-fab-size-md);height:var(--bh-fab-size-md)}.fab-lg{width:var(--bh-fab-size-lg);height:var(--bh-fab-size-lg)}.fab .material-symbols-outlined{font-size:var(--bh-fab-icon-size-lg);line-height:1;user-select:none}.fab-md .material-symbols-outlined{font-size:var(--bh-fab-icon-size-md)}.fab-disabled{opacity:0.5;cursor:not-allowed;box-shadow:none}}@layer bh-states{.fab:not(.fab-disabled):hover{background:var(--bh-fab-bg-hover)}.fab:not(.fab-disabled):active{background:var(--bh-fab-bg-active);transform:scale(0.95)}.fab:not(.fab-disabled):focus-visible{box-shadow:var(--bh-fab-shadow), var(--bh-fab-focus-ring)}}";const m="bh-side-panel",v={sm:"320px",md:"400px",lg:"480px",xl:"640px"},u=new Set(["left","right"]),k=new Set(["top-left","top-right","bottom-left","bottom-right"]),x=class{constructor(e){a(this,e),this.bhClose=t(this,"bhClose"),this.bhOpen=t(this,"bhOpen"),this.bhBeforeOpen=t(this,"bhBeforeOpen"),this.bhAfterOpen=t(this,"bhAfterOpen"),this.bhBeforeClose=t(this,"bhBeforeClose"),this.bhAfterClose=t(this,"bhAfterClose")}get el(){return r(this)}destroy$=n();focusTrap=null;previousActiveElement=null;pendingRafId;previousOverflow="";closeReason;logger=l(m);_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=h({componentName:m,logger:this.logger})),this._errorHandler}visible=!1;variant="side";placement="right";width="md";overlay=!0;overlayBlur=!1;persistent=!1;closeOnEsc=!0;panelTitle;ariaLabelledby;ariaDescribedby;animationState="hidden";bhClose;bhOpen;bhBeforeOpen;bhAfterOpen;bhBeforeClose;bhAfterClose;componentDidCatch(a){this.handleComponentError(a)}handleVisibleChange(a){if(a){const a=c.startTimer(p.ASYNC_OPERATION,{component:m,operation:"open"});this.closeReason=void 0,this.bhBeforeOpen.emit(),this.animationState="entering",this.lockScroll(),this.pendingRafId=requestAnimationFrame((()=>{this.pendingRafId=void 0,this.visible&&this.activateFocusTrap()})),this.destroy$&&d(b.IMMEDIATE,this.destroy$)?.subscribe((()=>{this.bhAfterOpen.emit(),a()}))}else"hidden"!==this.animationState&&(this.bhBeforeClose.emit({reason:this.closeReason}),this.animationState="exiting"),this.deactivateFocusTrap()}connectedCallback(){this.visible&&(this.animationState="entering",this.lockScroll())}disconnectedCallback(){void 0!==this.pendingRafId&&(cancelAnimationFrame(this.pendingRafId),this.pendingRafId=void 0),this.deactivateFocusTrap(),o(this.destroy$),this.unlockScroll(),this.visible&&this.overlay&&document.body.removeAttribute("aria-hidden")}handleKeyDown(a){"Escape"===a.key&&this.closeOnEsc&&this.visible&&"exiting"!==this.animationState&&(this.closeReason="escape",this.visible=!1)}lockScroll(){this.overlay&&(this.previousOverflow=document.body.style.overflow,document.body.style.overflow="hidden",document.body.setAttribute("aria-hidden","true"))}unlockScroll(){this.overlay&&(document.body.style.overflow=this.previousOverflow,document.body.removeAttribute("aria-hidden"))}activateFocusTrap(){const a=this.el.shadowRoot?.querySelector(".panel");if(a)try{this.previousActiveElement=document.activeElement,this.focusTrap=new s({container:this.el,escapeDeactivates:!1,returnFocus:!0}),this.focusTrap.activate(),this.logger.debug("Focus trap activated",{previousElement:this.previousActiveElement?.tagName})}catch(a){this.logger.warn("Focus trap activation failed",{reason:a instanceof Error?a.message:String(a)}),c.increment(p.COMPONENT_ERROR,{component:m,error_type:"focus_trap_activation_failed"})}else this.logger.warn("Cannot activate focus trap: missing panel element")}deactivateFocusTrap(){try{if(this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=null),"function"==typeof this.previousActiveElement?.focus){try{this.previousActiveElement.focus()}catch{this.logger.warn("Failed to restore focus")}this.previousActiveElement=null}}catch(a){this.logger.error("Focus trap deactivation failed",a instanceof Error?a:new Error(String(a)))}}handleAnimationEnd=()=>{"entering"===this.animationState?(this.animationState="visible",this.bhOpen.emit(),this.el.shadowRoot?.querySelector(".panel")?.focus({preventScroll:!0})):"exiting"===this.animationState&&(this.animationState="hidden",this.unlockScroll(),this.bhClose.emit({reason:this.closeReason}),this.closeReason=void 0,this.destroy$&&d(b.IMMEDIATE,this.destroy$)?.subscribe((()=>{this.bhAfterClose.emit()})))};handleOverlayClick=()=>{this.persistent||(this.closeReason="overlay",this.visible=!1)};render(){if("hidden"===this.animationState)return null;const a=(t=this.placement,"side"===this.variant?u.has(t)?t:t.endsWith("left")?"left":(t.endsWith("right"),"right"):k.has(t)?t:"left"===t?"top-left":"top-right");var t;const r="auto"===this.width?void 0:v[this.width],s={"panel-wrapper":!0,"panel-entering":"entering"===this.animationState,"panel-visible":"visible"===this.animationState,"panel-exiting":"exiting"===this.animationState,[`panel-variant-${this.variant}`]:!0,[`panel-placement-${a}`]:!0},n={};return r&&(n.width=r),e(i,null,e("div",{class:s,onAnimationEnd:this.handleAnimationEnd},this.overlay&&e("div",{class:{"panel-overlay":!0,"panel-overlay-blur":this.overlayBlur},onClick:this.handleOverlayClick}),e("div",{"aria-describedby":this.ariaDescribedby,"aria-label":this.panelTitle??"Panel","aria-labelledby":this.ariaLabelledby,"aria-modal":this.overlay?"true":void 0,class:"panel",role:"dialog",style:n,tabindex:"-1"},e("slot",{name:"header"}),e("div",{class:"panel-body"},e("slot",null)),e("slot",{name:"actions"}))))}static get watchers(){return{visible:[{handleVisibleChange:0}]}}};x.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-panel-bg: var(--color-bg-primary); --bh-panel-shadow: var(--shadow-3xl); --bh-panel-overlay-bg: var(--color-surface-overlay, rgba(64, 73, 104, 0.7)); --bh-panel-overlay-blur-bg: var( --bh-color-bg-overlay-blur, rgba(64, 73, 104, 0.4) ); --bh-panel-floating-radius: var(--radius-xl); --bh-panel-floating-margin: var(--spacing-3xl); } } @layer bh-base { .panel-wrapper { position: fixed; inset: 0; z-index: var(--bh-z-index-modal); pointer-events: none; } .panel-overlay { position: absolute; inset: 0; background: var(--bh-panel-overlay-bg); pointer-events: auto; } .panel-overlay.panel-overlay-blur { background: var(--bh-panel-overlay-blur-bg); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } .panel { position: absolute; display: flex; flex-direction: column; background: var(--bh-panel-bg); box-shadow: var(--bh-panel-shadow); overflow: hidden; pointer-events: auto; outline: none; max-width: 100vw; } .panel-body { flex: 1; overflow-y: auto; } } @layer bh-variants { .panel-variant-side.panel-placement-left .panel { top: 0; bottom: 0; left: 0; border-radius: 0; } .panel-variant-side.panel-placement-right .panel { top: 0; bottom: 0; right: 0; border-radius: 0; } .panel-variant-floating .panel { border-radius: var(--bh-panel-floating-radius); margin: var(--bh-panel-floating-margin); max-height: calc(100vh - 48px); } .panel-variant-floating.panel-placement-top-left .panel { top: 0; left: 0; } .panel-variant-floating.panel-placement-top-right .panel { top: 0; right: 0; } .panel-variant-floating.panel-placement-bottom-left .panel { bottom: 0; left: 0; } .panel-variant-floating.panel-placement-bottom-right .panel { bottom: 0; right: 0; } } @layer bh-utilities { .panel-variant-side.panel-placement-left.panel-entering .panel { animation: sideLeftEnter var(--animation-duration-slow, 300ms) var(--animation-ease-enter, cubic-bezier(0.16, 1, 0.3, 1)) forwards; } .panel-variant-side.panel-placement-left.panel-exiting .panel { animation: sideLeftExit var(--animation-duration-fast, 150ms) var(--animation-ease-exit, cubic-bezier(0.4, 0, 1, 1)) forwards; } .panel-variant-side.panel-placement-right.panel-entering .panel { animation: sideRightEnter var(--animation-duration-slow, 300ms) var(--animation-ease-enter, cubic-bezier(0.16, 1, 0.3, 1)) forwards; } .panel-variant-side.panel-placement-right.panel-exiting .panel { animation: sideRightExit var(--animation-duration-fast, 150ms) var(--animation-ease-exit, cubic-bezier(0.4, 0, 1, 1)) forwards; } @keyframes sideLeftEnter { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes sideLeftExit { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes sideRightEnter { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes sideRightExit { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } .panel-variant-floating.panel-entering .panel { animation: floatingEnter var(--animation-duration-slow, 300ms) var(--animation-ease-enter, cubic-bezier(0.16, 1, 0.3, 1)) forwards; } .panel-variant-floating.panel-exiting .panel { animation: floatingExit var(--animation-duration-fast, 150ms) var(--animation-ease-exit, cubic-bezier(0.4, 0, 1, 1)) forwards; } .panel-variant-floating.panel-placement-top-left .panel { transform-origin: top left; } .panel-variant-floating.panel-placement-top-right .panel { transform-origin: top right; } .panel-variant-floating.panel-placement-bottom-left .panel { transform-origin: bottom left; } .panel-variant-floating.panel-placement-bottom-right .panel { transform-origin: bottom right; } @keyframes floatingEnter { 0% { opacity: 0; transform: scale(0.96) translateY(8px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } @keyframes floatingExit { 0% { opacity: 1; transform: scale(1) translateY(0); } 100% { opacity: 0; transform: scale(0.96) translateY(8px); } } .panel-entering .panel-overlay { animation: overlayFadeIn var(--animation-duration-slow, 300ms) var(--animation-ease-enter, cubic-bezier(0.16, 1, 0.3, 1)) forwards; } .panel-exiting .panel-overlay { animation: overlayFadeOut var(--animation-duration-fast, 150ms) var(--animation-ease-exit, cubic-bezier(0.4, 0, 1, 1)) forwards; } @keyframes overlayFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes overlayFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @media (max-width: 480px) { .panel-variant-side .panel { width: 100% !important; } .panel-variant-floating .panel { top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; max-height: 80vh; margin: 0; border-radius: var(--bh-panel-floating-radius) var(--bh-panel-floating-radius) 0 0; transform-origin: bottom center; } .panel-variant-floating.panel-entering .panel { animation: floatingMobileEnter var(--animation-duration-slow, 300ms) var(--animation-ease-enter, cubic-bezier(0.16, 1, 0.3, 1)) forwards; } .panel-variant-floating.panel-exiting .panel { animation: floatingMobileExit var(--animation-duration-fast, 150ms) var(--animation-ease-exit, cubic-bezier(0.4, 0, 1, 1)) forwards; } @keyframes floatingMobileEnter { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes floatingMobileExit { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(100%); } } } }";export{g as bh_checklist_task_group,f as bh_fab,x as bh_side_panel}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as l,H as s}from"./p-CTHvNfIu.js";import{c as r}from"./p-CMKOFHIa.js";import{m as a,M as e}from"./p-CSH9RXgl.js";import{r as n}from"./p-Xi3uD33F.js";const o=new Map([["sm",{width:120,height:120}],["md",{width:160,height:160}],["lg",{width:200,height:200}],["xl",{width:280,height:280}],["2xl",{width:360,height:360}],["3xl",{width:480,height:480}],["4xl",{width:600,height:600}]]),h={width:200,height:200},u=class{constructor(l){t(this,l),this.bhError=i(this,"bhError")}logger=r("bh-illustrations");size="lg";illustrationTitle;description;illustrationSrc="";svgPath="/illustrations/Search-not-found.svg";alt="Illustration";bhError;getIllustrationSrc(){return this.illustrationSrc||this.svgPath}componentWillLoad(){"/illustrations/Search-not-found.svg"===this.svgPath||this.illustrationSrc||console.warn('[bh-illustrations] The "svgPath" prop is deprecated. Use "illustrationSrc" instead.')}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),a.increment(e.COMPONENT_ERROR,{component:"bh-illustrations",error_type:t instanceof Error?t.name:"unknown"}),n("bh-illustrations",t),this.bhError.emit({error:t})}getSvgDimensions(){return o.get(this.size)??h}render(){const t=this.getSvgDimensions(),i=this.illustrationTitle||this.description,r={width:`${t.width}px`,height:`${t.height}px`};return l(s,{key:"01e0c2071c7edcedf2a6deacbf85173f9eb89a8a"},l("div",{key:"b677d414e5d6b2891d84180168596d2f0a1426d9",class:`illustration illustration-${this.size}`,part:"container"},l("div",{key:"94fef0ba1d774bd5bfeff5a5a1aeae6fdedd3e50",class:"illustration-wrapper",part:"wrapper"},l("div",{key:"26e9469392a6617fee99e591424014f28be8a412",class:"illustration-svg-container",style:r},l("img",{key:"785ad9d7341c422b3d7de5fbcb716250d962ca45",alt:this.alt,class:"illustration-image",src:this.getIllustrationSrc(),style:r})),i&&l("div",{key:"b8e52fc58798fac04869c5939640a48b6b4ef894",class:"illustration-content"},this.illustrationTitle&&l("h3",{key:"89fc03034fa853566cd44e75485e28bf87343148",class:"illustration-title"},this.illustrationTitle),this.description&&l("p",{key:"c835428e2e347e4b8f34bc3bc2ee9ec0e5f96500",class:"illustration-description"},this.description)))))}};u.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: inline-flex; } } @layer bh-tokens { :host { --bh-illustrations-wrapper-gap: var(--spacing-3xl); --bh-illustrations-title-margin: 0 0 var(--spacing-md) 0; --bh-illustrations-title-font-family: var(--font-inter); --bh-illustrations-title-font-size: var(--text-lg-size); --bh-illustrations-title-font-weight: var(--weight-semibold); --bh-illustrations-title-line-height: var(--line-height-normal); --bh-illustrations-title-color: var(--color-text-primary); --bh-illustrations-description-font-family: var(--font-inter); --bh-illustrations-description-font-size: var(--text-md-size); --bh-illustrations-description-font-weight: var(--weight-regular); --bh-illustrations-description-line-height: var(--line-height-normal); --bh-illustrations-description-color: var(--color-text-secondary); } } @layer bh-base { .illustration { display: inline-flex; align-items: center; justify-content: center; position: relative; } .illustration-wrapper { display: flex; flex-direction: column; align-items: center; gap: var(--bh-illustrations-wrapper-gap); } .illustration-svg-container { display: flex; align-items: center; justify-content: center; position: relative; } .illustration-image { width: 100%; height: 100%; object-fit: contain; } .illustration-content { text-align: center; max-width: var(--bh-illustrations-max-width); } .illustration-title { font-family: var(--bh-illustrations-title-font-family); font-size: var(--bh-illustrations-title-font-size); font-weight: var(--bh-illustrations-title-font-weight); line-height: var(--bh-illustrations-title-line-height); color: var(--bh-illustrations-title-color); margin: var(--bh-illustrations-title-margin); } .illustration-description { font-family: var(--bh-illustrations-description-font-family); font-size: var(--bh-illustrations-description-font-size); font-weight: var(--bh-illustrations-description-font-weight); line-height: var(--bh-illustrations-description-line-height); color: var(--bh-illustrations-description-color); margin: 0; } } @layer bh-variants { .illustration-sm .illustration-svg-container { width: var(--bh-illustrations-size-xs); height: var(--bh-illustrations-size-xs); } .illustration-md .illustration-svg-container { width: var(--bh-illustrations-size-sm); height: var(--bh-illustrations-size-sm); } .illustration-lg .illustration-svg-container { width: var(--bh-illustrations-size-md); height: var(--bh-illustrations-size-md); } .illustration-xl .illustration-svg-container { width: var(--bh-illustrations-size-lg); height: var(--bh-illustrations-size-lg); } .illustration-2xl .illustration-svg-container { width: var(--bh-illustrations-size-xl); height: var(--bh-illustrations-size-xl); } .illustration-3xl .illustration-svg-container { width: var(--bh-illustrations-size-2xl); height: var(--bh-illustrations-size-2xl); } .illustration-4xl .illustration-svg-container { width: var(--bh-illustrations-size-3xl); height: var(--bh-illustrations-size-3xl); } } @layer bh-utilities { @media (max-width: 768px) { .illustration-4xl .illustration-svg-container { width: var(--bh-illustrations-size-4xl); height: var(--bh-illustrations-size-4xl); } .illustration-3xl .illustration-svg-container { width: var(--bh-illustrations-size-3xl); height: var(--bh-illustrations-size-3xl); } .illustration-content { max-width: var(--bh-illustrations-size-3xl); } } @media (max-width: 480px) { .illustration-4xl .illustration-svg-container, .illustration-3xl .illustration-svg-container { width: var(--bh-illustrations-size-2xl); height: var(--bh-illustrations-size-2xl); } .illustration-2xl .illustration-svg-container { width: var(--bh-illustrations-size-xl); height: var(--bh-illustrations-size-xl); } } }";export{u as bh_illustrations}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,H as t}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{m as r,M as o}from"./p-CSH9RXgl.js";import{r as n}from"./p-Xi3uD33F.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),r.increment(o.COMPONENT_ERROR,{component:s,error_type:a.name}),n(s,e)}render(){const e=!!this.supportingText;return a(t,{key:"59cbcb16c878f16bd96eff24c0fbd33a397f06f2","aria-label":this.heading||"Section header",role:"region"},a("div",{key:"e3a1dc6a766c75b19af87aa6b8d5a252817e0d5e",class:"section-header",part:"section-header"},a("div",{key:"d02a7456fd9134ad30efa50615e7ad49eae20151",class:"content"},a("div",{key:"1e304eca2b0f890025c5f8ee28497c149a20005e",class:"text-and-supporting-text"},this.heading&&a("h2",{key:"9a4739c11044a1bc35703717a9e0c956069aef28",class:"heading",part:"heading"},this.heading),e&&a("p",{key:"8278b021f09b357ee782441b87cdc89fec51af4c",class:"supporting-text",part:"supporting-text"},this.supportingText)),a("div",{key:"85d75cac313332f39e7840db73a50bfb14ecd4c2",class:"actions",part:"actions"},a("slot",{key:"ec37ef8909bfd12fd1e4dfe77155f333aa1ace87",name:"actions"}))),a("div",{key:"3f406f77f51e2443562febba427d411f83fa794e",class:"tabs",part:"tabs"},a("slot",{key:"7553fe39d2cc7c11c8aaa6f8d2cd57c3b28c851d",name:"tabs"})),a("div",{key:"a224a53e3bc58c69de3dd981f79aca9ac9b0acb3",class:"search-slot"},a("slot",{key:"4e7ff2d2036f381d7b41a8b1a2f046f4a3ad5b94",name:"search"})),this.showDivider&&a("div",{key:"6bf6242be0cc5f93b3018dbb972fd8239823af22",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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,a as e,h as r,H as o}from"./p-CTHvNfIu.js";import{c as n}from"./p-CMKOFHIa.js";import{b as s,a}from"./p-R-A72b5e.js";import{r as h}from"./p-Xi3uD33F.js";import{m as l,M as u}from"./p-CSH9RXgl.js";import{B as c,r as p}from"./p-BNVOtH-1.js";import{u as d,s as b}from"./p-DWWRC9ht.js";import{b as f}from"./p-BqJRACkO.js";import{K as v}from"./p-zdFuIabL.js";const m=class{constructor(e){t(this,e),this.bhInput=i(this,"bhInput"),this.bhChange=i(this,"bhChange"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.bhHelpClick=i(this,"bhHelpClick"),this.bhValidityChange=i(this,"bhValidityChange"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}get el(){return e(this)}internals;logger=n("bh-input-number");inputEl;i18nUnsubscribe;_i18nVersion=0;error=!1;required=!1;disabled=!1;readOnly=!1;size="md";showHelpIcon=!1;showLeadingIcon=!1;showLabel=!0;showHintText=!0;label="";placeholder="";hintText="";leadingIcon="tag";helpIconTooltip="Help";value=null;min=null;max=null;step=1;prefixText="";suffixText="";width="";name="";defaultValue=null;validationMessage="";ariaDescribedBy;ariaErrorMessage;internalState="placeholder";isHovered=!1;isFocused=!1;internalValue=null;hasValidationError=!1;isDirty=!1;isTouched=!1;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;bhValidityChange;get safeWidth(){if(!this.width)return"";const t=s(this.width,50);return t.valid?t.value:(h("bh-input-number",new Error(`Invalid width: ${t.errors.map((t=>t.message)).join(", ")}`)),"")}get safeStep(){const t=a(this.step,{min:.001,max:1e6});return t.valid||h("bh-input-number",new Error(`Invalid step: ${t.errors.map((t=>t.message)).join(", ")}`)),t.value}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),l.increment(u.COMPONENT_ERROR,{component:"bh-input-number",error_type:t instanceof Error?t.name:"unknown"}),h("bh-input-number",t)}get isControlled(){return null!=this.value}get currentValue(){return this.isControlled?this.value:this.internalValue}watchValue(t){this.hasValidationError=this.isOutOfBounds(t),this.updateInternalState(t)}componentWillLoad(){null!=this.value&&(this.internalValue=this.value),this.hasValidationError=this.isOutOfBounds(this.currentValue),this.updateInternalState(this.currentValue),this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.syncNumberFormValue(),d(this.internals,this.inputEl,this.validationMessage),this.inputEl&&this.inputEl.addEventListener("invalid",this.handleValidityChange)}disconnectedCallback(){this.inputEl&&this.inputEl.removeEventListener("invalid",this.handleValidityChange),this.i18nUnsubscribe?.()}formResetCallback(){this.value=this.defaultValue,this.internalValue=this.defaultValue,this.isDirty=!1,this.isTouched=!1,this.inputEl&&(this.inputEl.value=null===this.defaultValue?"":String(this.defaultValue)),this.hasValidationError=this.isOutOfBounds(this.defaultValue),this.updateInternalState(this.defaultValue),this.syncNumberFormValue(),d(this.internals,this.inputEl)}syncNumberFormValue(){b({internals:this.internals,name:this.name,value:this.currentValue})}isOutOfBounds(t){return null!==t&&(null!==this.min&&t<this.min||null!==this.max&&t>this.max)}updateInternalState(t){null!=t?this.internalState="filled":this.isFocused||this.isHovered||(this.internalState="placeholder")}validateValue(t){return null!==this.min&&t<this.min?this.min:null!==this.max&&t>this.max?this.max:t}updateValue(t,i=!1,e=!0){let r;r=null===t?null:i?t:this.validateValue(t),this.internalValue=r,this.value=r,this.hasValidationError=this.isOutOfBounds(r),this.isDirty||(this.isDirty=!0),this.syncNumberFormValue(),d(this.internals,this.inputEl,this.validationMessage),e&&this.bhInput.emit(r)}handleInputChange=t=>{if(this.readOnly)return;const i=t.target.value,e=""===i?null:Number.parseFloat(i);null===e||isNaN(e)?""===i&&this.updateValue(null,!0):this.updateValue(e,!0),this.bhChange.emit(this.currentValue)};handleKeyDown=t=>{this.readOnly||f(t)||(t.key===v.ARROW_UP?(t.preventDefault(),this.increment()):t.key===v.ARROW_DOWN&&(t.preventDefault(),this.decrement()))};handleValidityChange=()=>{this.inputEl&&this.bhValidityChange.emit(this.inputEl.validity)};increment=()=>{this.readOnly||this.disabled||(this.updateValue((this.currentValue??0)+this.safeStep),this.bhChange.emit(this.currentValue),this.el.dispatchEvent(new globalThis.Event("input",{bubbles:!0,composed:!0})),this.el.dispatchEvent(new globalThis.Event("change",{bubbles:!0,composed:!0})))};decrement=()=>{this.readOnly||this.disabled||(this.updateValue((this.currentValue??0)-this.safeStep),this.bhChange.emit(this.currentValue),this.el.dispatchEvent(new globalThis.Event("input",{bubbles:!0,composed:!0})),this.el.dispatchEvent(new globalThis.Event("change",{bubbles:!0,composed:!0})))};handleInputFocus=()=>{this.isFocused=!0,this.isTouched=!0,this.internalState="focused",this.bhFocus.emit()};handleInputBlur=()=>{this.isFocused=!1,this.updateInternalState(this.currentValue),this.bhBlur.emit()};handleMouseEnter=()=>{this.isFocused||(this.isHovered=!0,this.internalState="hover")};handleMouseLeave=()=>{this.isHovered=!1,this.isFocused||this.updateInternalState(this.currentValue)};handleHelpIconClick=()=>{this.bhHelpClick.emit()};getValidationErrorMessage(){return this.hasValidationError&&null!==this.currentValue?null!==this.min&&null!==this.max?`Enter a number between ${this.min} and ${this.max}.`:null!==this.min&&this.currentValue<this.min?`Value must be at least ${this.min}`:null!==this.max&&this.currentValue>this.max?`Value must be no more than ${this.max}`:"":""}render(){const t=this.error||this.hasValidationError,i=t&&this.hasValidationError?this.getValidationErrorMessage():this.hintText,e={"input-field":!0,[`input-field-${this.size}`]:!0,"input-hover":"hover"===this.internalState||this.isHovered,"input-focused":"focused"===this.internalState||this.isFocused,"input-error":t,"input-disabled":this.disabled,"input-icon-leading":this.showLeadingIcon},n=null!=this.currentValue?"text-filled":"text-placeholder",s=this.disabled||this.readOnly||null!==this.min&&null!==this.currentValue&&this.currentValue<=this.min,a=this.disabled||this.readOnly||null!==this.max&&null!==this.currentValue&&this.currentValue>=this.max;return r(o,{key:"5f99208f3327da4bde3a44c5e49c95d59091f22c"},r("div",{key:"137991cc58efe12da439b10be030fec07491524d",class:"input-wrapper",part:"wrapper",style:this.safeWidth?{width:this.safeWidth}:{}},r("bh-label",{key:"81067e703c9c8e540ff9bbb2880ac06f1edf1372",disabled:this.disabled,helpIconTooltip:p("bh-input-number","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpIconClick,required:this.required,showHelpIcon:this.showHelpIcon},r("div",{key:"72dbfc1d68502661f8e6271ff426fe76606c666c",class:e,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container"},r("div",{key:"81f5cfd09ffd9e1696cee9404875a68a14f74a97",class:"input-content",part:"content"},this.showLeadingIcon&&r("span",{key:"0f1be5d3707848f22eeafbb0eead6ac1b94f2c7d","aria-hidden":"true",class:"material-symbols-outlined leading-icon",part:"leading-icon"},this.leadingIcon),this.prefixText&&r("span",{key:"a5b4a79faa9fc90df6df079bde072dc290c19073",class:"prefix-text",part:"prefix"},this.prefixText),r("input",{key:"1103b038cbf0740a78ad50c5ec6f69d14781ca39","aria-describedby":[this.showHintText&&i?"hint-text":"",this.ariaDescribedBy].filter(Boolean).join(" ")||void 0,"aria-errormessage":this.ariaErrorMessage,"aria-invalid":t?"true":"false","aria-label":this.label,"aria-readonly":String(this.readOnly),"aria-required":String(this.required),"aria-valuemax":this.max??void 0,"aria-valuemin":this.min??void 0,"aria-valuenow":this.currentValue??void 0,class:`input-element ${n}`,"data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),disabled:this.disabled,max:this.max??void 0,min:this.min??void 0,name:this.name,onBlur:this.handleInputBlur,onFocus:this.handleInputFocus,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,part:"input",placeholder:this.placeholder,readOnly:this.readOnly,ref:t=>this.inputEl=t,required:this.required,step:this.safeStep,type:"number",value:this.currentValue??""}),this.suffixText&&r("span",{key:"001665f0d80c960eb00efe73bb36e85506613356",class:"suffix-text",part:"suffix"},this.suffixText),r("div",{key:"99ca52cc1470853d2586632f05ac321826c3e0b5",class:"input-stepper","input-stepper":!0,part:"stepper"},r("bh-button-icon",{key:"07ae1aab738d0d6be26d32932af159b239aafb17",ariaLabel:"Decrease value",disabled:s,hierarchy:"tertiary",iconName:"remove",onClick:this.decrement,size:"xs"}),r("bh-button-icon",{key:"8215b1139439c8532b4f092bd89754b6d26b00e7",ariaLabel:"Increase value",disabled:a,hierarchy:"tertiary",iconName:"add",onClick:this.increment,size:"xs"}))))),this.showHintText&&i&&r("div",{key:"48c97f7e2511218d76d82d99ac27c90118dee244",class:{"hint-text":!0,"hint-error":t},id:"hint-text",part:"hint"},i)))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}]}}};m.style='@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states; @layer bh-tokens { :host { display: block; font-family: var(--font-inter); --bh-input-bg: var(--color-bg-primary); --bh-input-bg-disabled: var(--color-bg-secondary); --bh-input-bg-hover: var(--color-bg-primary); --bh-input-color: var(--color-text-primary); --bh-input-color-placeholder: var(--color-text-tertiary); --bh-input-color-disabled: var(--color-text-disabled); --bh-input-border-color: var(--color-border-primary); --bh-input-border-color-hover: var(--color-border-interactive); --bh-input-border-color-focus: var(--color-border-interactive); --bh-input-border-color-error: var(--color-border-error); --bh-input-border-color-success: var(--color-border-success); --bh-input-border-radius: var(--radius-md); --bh-input-icon-color: var(--color-text-tertiary); --bh-input-icon-color-focus: var(--color-text-interactive); --bh-input-icon-color-error: var(--color-text-error); --bh-input-hint-color: var(--color-text-secondary); --bh-input-hint-error-color: var(--color-text-error); --bh-input-label-color: var(--color-text-primary); --bh-input-label-required-color: var(--color-text-error); --bh-input-height-sm: 32px; --bh-input-height-md: 40px; --bh-input-height-lg: 40px; --bh-input-padding-x: var(--spacing-md); --bh-input-padding-y: var(--spacing-sm); --bh-input-gap: var(--spacing-sm); --bh-input-font-size: var(--text-sm-size); --bh-input-font-size-label: var(--text-sm-size); --bh-input-font-size-hint: var(--text-xs-size); --bh-input-line-height: var(--line-height-normal); --bh-input-focus-ring-color: var(--color-border-interactive); --bh-input-focus-ring-width: 1px; } } @layer bh-base {} @layer bh-variants {} @layer bh-states { :host([disabled]) { pointer-events: none; opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; font-family: var(--font-inter); --bh-input-bg: var(--color-bg-primary); --bh-input-bg-disabled: var(--color-bg-secondary); --bh-input-color: var(--color-text-primary); --bh-input-color-placeholder: var(--color-text-tertiary); --bh-input-border-color: var(--color-border-primary); --bh-input-border-color-hover: var(--color-border-interactive); --bh-input-border-color-focus: var(--color-border-interactive); --bh-input-border-color-error: var(--color-border-error); --bh-input-border-radius: var(--radius-md); --bh-input-icon-color: var(--color-text-tertiary); --bh-input-icon-color-focus: var(--color-text-interactive); --bh-input-hint-color: var(--color-text-secondary); --bh-input-hint-error-color: var(--color-text-error); } } @layer bh-base { .input-wrapper { display: flex; flex-direction: column; gap: var(--spacing-sm); width: 100%; max-width: 100%; } .input-field { display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-xs); height: var(--bh-input-height-md); width: 100%; background: var(--bh-input-bg); border: 1px solid var(--bh-input-border-color); border-radius: var(--bh-input-border-radius); transition: border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out; cursor: text; box-shadow: 0 0 0 0px transparent; overflow: hidden; position: relative; box-sizing: border-box; } .input-content { display: flex; align-items: center; gap: var(--spacing-md); flex: 1; height: 100%; min-width: 0; max-width: 100%; } .input-stepper { display: flex; align-items: center; gap: var(--spacing-xs); flex-shrink: 0; } .input-stepper bh-button-icon { display: flex; } .leading-icon { font-size: var(--text-xl-size); color: var(--bh-input-icon-color); user-select: none; flex-shrink: 0; cursor: default; pointer-events: auto; transition: color var(--animation-duration-normal) ease-in-out; } .input-element { flex: 1; height: 100%; border: none; outline: none; background: transparent; font-family: inherit; font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-input-color); min-width: 60px; padding-left: var(--spacing-xs); box-shadow: none; } .input-element::-webkit-outer-spin-button, .input-element::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .input-element[type=number] { appearance: textfield; } .text-placeholder { color: var(--bh-input-color-placeholder); } .text-filled { color: var(--bh-input-color); } .hint-text { font-family: inherit; font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-input-hint-color); } .prefix-text, .suffix-text { font-family: inherit; font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-input-hint-color); user-select: none; flex-shrink: 0; } } @layer bh-variants { .input-field.input-icon-leading { padding: var(--spacing-md) var(--spacing-xl); } .input-field-sm { height: var(--bh-input-height-sm); } .input-field-lg { height: var(--bh-input-height-lg); } } @layer bh-states { .input-field.input-hover { border-color: var(--bh-input-border-color-hover); } .input-field.input-focused { border-color: var(--bh-input-border-color-focus); box-shadow: 0 0 0 1px var(--bh-input-border-color-focus); } .input-field.input-focused .leading-icon { color: var(--bh-input-icon-color-focus); } .input-field.input-disabled { opacity: 0.5; cursor: not-allowed; background: var(--bh-input-bg-disabled); } .input-field.input-error { border-color: var(--bh-input-border-color-error); } .input-field.input-error.input-hover { border-color: var(--bh-input-border-color-error); } .input-field.input-error.input-focused { border-color: var(--bh-input-border-color-focus); } .input-element:focus { outline: none; border: none; box-shadow: none; } .input-element::placeholder { color: var(--bh-input-color-placeholder); } .input-element:disabled { cursor: not-allowed; opacity: 0.5; } .hint-text.hint-error { color: var(--bh-input-hint-error-color); } } @layer bh-utilities { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; font-size: var(--icon-size-lg); } @media (max-width: 768px) { .input-wrapper { width: 100%; } } }';export{m as bh_input_number}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as e,h as r,H as o}from"./p-CTHvNfIu.js";import{h as t,c as s,g as a,a as d,b as l}from"./p-D1dU_VEW.js";import{c as n}from"./p-CMKOFHIa.js";import{m as h,M as c}from"./p-CSH9RXgl.js";import{r as b}from"./p-Xi3uD33F.js";import{B as p,r as g}from"./p-BNVOtH-1.js";const f={rowFields:"Row Fields",columnFields:"Column Fields",dataFields:"Data Fields",filterFields:"Filter Fields",allFields:"All Fields",ok:"Apply",cancel:"Cancel"},v=class{constructor(r){i(this,r),this.bhFieldChange=e(this,"bhFieldChange"),this.bhReady=e(this,"bhReady"),this.bhError=e(this,"bhError")}logger=n("bh-pivot-grid-field-chooser");fields=[];applyChangesMode="instantly";allowFieldDragging=!0;disabled=!1;texts;i18nUnsubscribe;_i18nVersion=0;pendingFields=[];dropTargetArea=null;dragData=null;bhFieldChange;bhReady;bhError;componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:new Error(String(i))),h.increment(c.COMPONENT_ERROR,{component:"bh-pivot-grid-field-chooser",error_type:i instanceof Error?i.name:"unknown"}),b("bh-pivot-grid-field-chooser",i),this.bhError.emit({error:i})}get t(){return{...f,...this.texts}}get displayFields(){return"onDemand"===this.applyChangesMode?this.pendingFields:this.fields}onFieldDragStart=(i,e)=>{!this.disabled&&t(i,e,this.allowFieldDragging)&&(this.dragData={dataField:e.dataField,sourceArea:e.area??"row"})};onFieldDragEnd=()=>{s(),this.dragData=null,this.dropTargetArea=null};onFieldDragOver=(i,e)=>{if(this.disabled)return;const r=this.dragData??a(i);d(i,e,r)&&(this.dropTargetArea=e)};onFieldDragLeave=()=>{this.dropTargetArea=null};onFieldDrop=(i,e)=>{if(this.disabled)return;const r=a(i),o=l(i,e,r,"onDemand"===this.applyChangesMode?this.pendingFields:this.fields);this.dropTargetArea=null,this.dragData=null,s(),o&&("instantly"===this.applyChangesMode?(this.fields=o.fields,this.bhFieldChange.emit({fields:o.fields,changeType:o.changeType})):this.pendingFields=o.fields)};applyPending=()=>{"onDemand"===this.applyChangesMode&&0!==this.pendingFields.length&&(this.fields=[...this.pendingFields],this.bhFieldChange.emit({fields:this.fields,changeType:"update"}))};resetPending=()=>{"onDemand"===this.applyChangesMode&&(this.pendingFields=[...this.fields])};componentWillLoad(){"onDemand"===this.applyChangesMode&&(this.pendingFields=[...this.fields]),this.i18nUnsubscribe=p.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidLoad(){this.bhReady.emit()}watchFields(i){"onDemand"===this.applyChangesMode&&(this.pendingFields=[...i])}renderArea(i,e){const o=this.displayFields.filter((e=>(e.area??"row")===i)).toSorted(((i,e)=>(i.areaIndex??0)-(e.areaIndex??0))),t=this.dropTargetArea===i;return r("div",{class:"field-chooser-area"},r("span",{class:"field-chooser-area-label"},e),r("div",{class:{"field-chooser-chips":!0,"field-chooser-drop-zone-active":t},onDragLeave:()=>this.onFieldDragLeave(),onDragOver:e=>this.onFieldDragOver(e,i),onDrop:e=>this.onFieldDrop(e,i)},o.map((e=>r("span",{class:"field-chooser-chip",draggable:this.allowFieldDragging&&!this.disabled&&!1!==e.allowDragging,key:e.dataField,onDragEnd:()=>this.onFieldDragEnd(),onDragStart:i=>this.onFieldDragStart(i,e),role:"button",tabIndex:this.disabled?-1:0},e.caption??e.dataField,"data"===i&&e.summaryType?` (${e.summaryType})`:"")))))}render(){const i=this.t,e="onDemand"===this.applyChangesMode&&!this.disabled;return r(o,{key:"160bca86a8a6ed39db89caf216f7488b79adb53a","aria-disabled":this.disabled?"true":void 0,"aria-label":g("bh-pivot-grid-field-chooser","ariaLabel",void 0,"Pivot grid field chooser"),class:{"field-chooser-on-demand":"onDemand"===this.applyChangesMode}},r("div",{key:"dc9212b713e3f624fc4301e7b7f0f700b19acc46",class:"field-chooser-root"},r("div",{key:"57c0ebbf3e46b6c4bc65b957053842242bba24c7",class:"field-chooser-areas"},this.renderArea("row",i.rowFields??"Row Fields"),this.renderArea("column",i.columnFields??"Column Fields"),this.renderArea("data",i.dataFields??"Data Fields"),this.renderArea("filter",i.filterFields??"Filter Fields")),e&&r("div",{key:"d86dada751587c7d2fe1c942a275a4a46b048598",class:"field-chooser-footer"},r("button",{key:"f4214fc1bce9748079ff58c675ab6d4c9161942a",class:"field-chooser-btn",onClick:this.resetPending,type:"button"},i.cancel??"Cancel"),r("button",{key:"77812e2d497ccc04c28d9d0c273ec532239d7e57",class:"field-chooser-btn field-chooser-btn-primary",onClick:this.applyPending,type:"button"},i.ok??g("bh-pivot-grid-field-chooser","applyLabel",void 0,"Apply")))))}static get watchers(){return{fields:[{watchFields:0}]}}};v.style="@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;box-sizing:border-box;--bh-pivot-grid-field-chooser-border-color:var(--color-neutral-200);--bh-pivot-grid-field-chooser-header-text:var(--color-neutral-600);--bh-pivot-grid-field-chooser-chip-bg:var(--color-white);--bh-pivot-grid-field-chooser-chip-radius:var(--radius-xs);--bh-pivot-grid-field-chooser-drop-zone-bg:var(--color-brand-100)}}.field-chooser-root{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg);font-family:var(--font-inter);color:var(--bh-pivot-grid-cell-text)}.field-chooser-areas{display:flex;flex-direction:column;gap:var(--spacing-lg)}.field-chooser-area{display:flex;align-items:center;gap:var(--spacing-md);min-height:var(--bh-button-height-sm)}.field-chooser-area-label{font-size:var(--text-xs-size);font-weight:var(--weight-semibold);line-height:var(--text-xs-line);color:var(--bh-pivot-grid-field-chooser-header-text);min-width:var(--bh-pivot-grid-filter-trigger-min-width);flex-shrink:0}.field-chooser-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:var(--bh-button-height-sm);padding:var(--spacing-xxs) 0}.field-chooser-chip{display:inline-flex;align-items:center;padding:var(--spacing-xxs) var(--spacing-md);font-size:var(--text-xs-size);line-height:var(--text-xs-line);border-radius:var(--bh-pivot-grid-field-chooser-chip-radius);background:var(--bh-pivot-grid-field-chooser-chip-bg);border:1px solid var(--bh-pivot-grid-field-chooser-border-color);color:var(--bh-pivot-grid-cell-text);user-select:none;transition:background-color var(--animation-duration-fast) ease}.field-chooser-chip[draggable=true]{cursor:grab}:host([aria-disabled=true]) .field-chooser-chip{cursor:not-allowed;opacity:0.6}.field-chooser-drop-zone-active{background:var(--bh-pivot-grid-field-chooser-drop-zone-bg);border-radius:var(--bh-pivot-grid-field-chooser-chip-radius);min-height:var(--bh-button-height-md)}.field-chooser-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bh-pivot-grid-field-chooser-border-color)}.field-chooser-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--weight-medium);border-radius:var(--radius-xs);border:1px solid var(--bh-pivot-grid-field-chooser-border-color);background:var(--bh-pivot-grid-field-chooser-chip-bg);color:var(--bh-pivot-grid-cell-text);cursor:pointer;transition:background-color var(--animation-duration-fast) ease}.field-chooser-btn:hover:not(:disabled){background:var(--bh-pivot-grid-hover-bg)}.field-chooser-btn-primary{background:var(--color-bg-interactive);border-color:var(--color-bg-interactive);color:var(--color-text-inverse)}.field-chooser-btn-primary:hover:not(:disabled){background:var(--color-bg-interactive-hover);border-color:var(--color-bg-interactive-hover)}";export{v as bh_pivot_grid_field_chooser}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as r,a as i,h as o,H as e}from"./p-CTHvNfIu.js";import{c as s}from"./p-CMKOFHIa.js";import{c as a,a as n}from"./p-CS8F5LFw.js";import{m as c,M as h}from"./p-CSH9RXgl.js";import{r as d}from"./p-Xi3uD33F.js";import{t as l}from"./p-Bf0qW3wI.js";import{K as p}from"./p-zdFuIabL.js";import{A as u}from"./p-BoVgy_Ao.js";import{B as m,r as b}from"./p-BNVOtH-1.js";import{c as g}from"./p-CFlb5gKI.js";import{a as v}from"./p-BqJRACkO.js";const f=class{constructor(i){t(this,i),this.bhOpen=r(this,"bhOpen"),this.bhClose=r(this,"bhClose"),this.bhChange=r(this,"bhChange")}logger=s("bh-product-switcher");destroy$=a();closeTimerId=null;i18nUnsubscribe;_i18nVersion=0;get el(){return i(this)}focusedIndex=-1;menuItemsCache=null;isOpen=!1;anchorPosition={top:0,left:0};products=[];ariaLabel="Product switcher";bhOpen;bhClose;bhChange;isClosing=!1;hoveredIndex=-1;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),c.increment(h.COMPONENT_ERROR,{component:"bh-product-switcher",error_type:t instanceof Error?t.name:"unknown"}),d("bh-product-switcher",t)}handleIsOpenChange(t){t?(this.dismissalManager?.enable(),this.focusedIndex=0,this.menuItemsCache=null,this.destroy$&&l(u.FOCUS_DELAY,this.destroy$)?.subscribe((()=>{this.refreshMenuItemsCache(),this.focusProductItem(0)}))):(this.dismissalManager?.disable(),this.focusedIndex=-1,this.hoveredIndex=-1,this.menuItemsCache=null)}handleProductsChange(){this.menuItemsCache=null}dismissalManager;handleKeyDown(t){if(this.isOpen)switch(t.key){case p.ESCAPE:t.preventDefault(),this.handleClose();break;case p.ARROW_DOWN:t.preventDefault(),this.focusedIndex=(this.focusedIndex+1)%this.products.length,this.focusProductItem(this.focusedIndex);break;case p.ARROW_UP:t.preventDefault(),this.focusedIndex=this.focusedIndex<=0?this.products.length-1:this.focusedIndex-1,this.focusProductItem(this.focusedIndex);break;case p.HOME:t.preventDefault(),this.focusedIndex=0,this.focusProductItem(this.focusedIndex);break;case p.END:t.preventDefault(),this.focusedIndex=this.products.length-1,this.focusProductItem(this.focusedIndex);break;case p.ENTER:case p.SPACE:t.preventDefault(),this.focusedIndex>=0&&this.focusedIndex<this.products.length&&this.handleProductClick(this.products[this.focusedIndex])}}refreshMenuItemsCache(){const t=this.el.shadowRoot?.querySelectorAll('[role="menuitem"]');this.menuItemsCache=t?Array.from(t):null}focusProductItem(t){this.menuItemsCache||this.refreshMenuItemsCache();const r=this.menuItemsCache?.[t];r&&r.focus()}handleClose=()=>{this.isClosing=!0,null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null);const t=this.destroy$?l(u.DISMISS,this.destroy$):null;t?t.subscribe((()=>{this.bhClose.emit(),this.isClosing=!1,this.closeTimerId=null})):this.closeTimerId=setTimeout((()=>{this.bhClose.emit(),this.isClosing=!1,this.closeTimerId=null}),u.DISMISS)};componentWillLoad(){this.i18nUnsubscribe=m.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.dismissalManager=g(this.el,{onDismiss:this.handleClose,escapeKey:!1,clickOutside:!0,focusLoss:!1,excludeSelectors:[".logo-active"]}),this.isOpen&&this.dismissalManager.enable()}disconnectedCallback(){this.dismissalManager?.destroy(),null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null),this.menuItemsCache=null,n(this.destroy$),this.i18nUnsubscribe?.()}handleProductClick=t=>{this.bhChange.emit(t),this.handleClose()};handleProductKeyDown=(t,r)=>{v(t)&&(t.preventDefault(),this.handleProductClick(r))};handleProductMouseEnter=t=>{this.hoveredIndex=t};handleProductMouseLeave=()=>{this.hoveredIndex=-1};handleProductFocus=t=>{this.focusedIndex=t};render(){if(!this.isOpen)return null;const t={"product-switcher-container":!0,closing:this.isClosing};return o(e,null,o("div",{class:"product-switcher-backdrop",onClick:this.handleClose}),o("div",{class:t,part:"container",style:{top:`${this.anchorPosition.top}px`,left:`${this.anchorPosition.left}px`}},o("div",{"aria-label":b("bh-product-switcher","ariaLabel",this.ariaLabel,"Product switcher"),class:"product-switcher-popover",part:"popover",role:"menu"},this.products.map(((t,r)=>o("div",{"aria-current":t.current?"true":void 0,class:{"product-item":!0,current:!0===t.current,"product-item-hovered":this.hoveredIndex===r},"data-focused":String(this.focusedIndex===r),"data-hovered":String(this.hoveredIndex===r),key:t.id,onClick:()=>this.handleProductClick(t),onFocus:()=>this.handleProductFocus(r),onKeyDown:r=>this.handleProductKeyDown(r,t),onMouseEnter:()=>this.handleProductMouseEnter(r,t),onMouseLeave:this.handleProductMouseLeave,role:"menuitem",tabIndex:0},o("div",{class:"product-icon-container"},o("img",{alt:`${t.name} logo`,class:"product-icon",src:t.logo})),o("div",{class:"product-info"},o("div",{class:"product-name"},t.name),o("div",{class:"product-description"},t.description))))))))}static get watchers(){return{isOpen:[{handleIsOpenChange:0}],products:[{handleProductsChange:0}]}}};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 { --bh-product-switcher-bg: var(--color-bg-primary); --bh-product-switcher-border-color: var(--color-border-secondary); --bh-product-switcher-border-radius: var(--radius-xl); --bh-product-switcher-min-width: 268px; --bh-product-switcher-item-bg-hover: var(--color-bg-tertiary); --bh-product-switcher-item-bg-current: var(--color-bg-interactive-light); } } @layer bh-base { .product-switcher-container { position: fixed; z-index: var(--bh-z-index-modal); animation: popoverSlideIn var(--animation-duration-slow) ease-out; transform-origin: top center; } .product-switcher-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: transparent; z-index: var(--bh-z-index-modal-backdrop); } .product-switcher-popover { background: var(--bh-product-switcher-bg); border-radius: var(--bh-product-switcher-border-radius); box-shadow: var(--shadow-2xl); padding: var(--spacing-md); display: flex; flex-direction: column; gap: var(--spacing-xs); min-width: var(--bh-product-switcher-min-width); position: relative; z-index: var(--bh-z-index-popover); } .product-item { display: flex; align-items: center; gap: var(--spacing-md); width: 100%; padding: var(--spacing-md); box-sizing: border-box; border-radius: var(--radius-sm); cursor: pointer; transition: background-color var(--animation-duration-normal) ease; } .product-icon-container { width: var(--bh-product-switcher-logo-size); height: var(--bh-product-switcher-logo-size); background: var(--bh-product-switcher-bg); border: 1px solid var(--bh-product-switcher-border-color); border-radius: var(--radius-sm); box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: var(--spacing-xs); } .product-icon { width: 100%; height: 100%; object-fit: contain; object-position: center; } .product-info { display: flex; flex-direction: column; flex: 1; text-align: left; } .product-name { font-weight: var(--weight-medium); font-size: var(--text-sm-size); line-height: var(--text-sm-line); color: var(--color-text-primary); text-align: left; } .product-description { font-weight: var(--weight-regular); font-size: var(--text-xs-size); line-height: var(--text-xs-line); color: var(--color-text-secondary); text-align: left; transition: color var(--animation-duration-normal) ease; } } @layer bh-states { .product-switcher-container.closing { animation: popoverSlideOut var(--animation-duration-normal) ease-in forwards; } .product-item:hover, .product-item.product-item-hovered { background-color: var(--bh-product-switcher-item-bg-hover); } .product-item.current { background-color: var(--bh-product-switcher-item-bg-current); } .product-item.current .product-description { color: var(--color-text-primary); } .product-item:focus { outline: none; } .product-item:focus-visible { box-shadow: 0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive); } .product-item.current:focus-visible { box-shadow: none; } } @layer bh-utilities { @keyframes popoverSlideIn { 0% { opacity: 0; transform: translateY(-12px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes popoverSlideOut { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-12px); } } }";export{f as bh_product_switcher}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as e,H as a}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{c as r,a as o}from"./p-CS8F5LFw.js";import{m as n,M as c}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import{B as h,r as d}from"./p-BNVOtH-1.js";import{t as p}from"./p-Bf0qW3wI.js";import{i as b}from"./p-BqJRACkO.js";import{A as g}from"./p-BoVgy_Ao.js";import"./p-zdFuIabL.js";const f=2*Math.PI*16,m="bh-toast",u="info",x=new Map([["primary","new_releases"],["success","check_circle"],["error","error"],["warning","warning"],["feature","rocket_launch"],["default",u],["neutral",u]]),v=new Map([["primary","brand"],["success","success"],["error","error"],["warning","warning"],["feature","highlight"],["default","gray"],["neutral","gray"]]),y=new Map([["primary","filled"],["success","filled"],["error","filled"],["warning","filled"],["feature","filled"],["default","outlined"],["neutral","outlined"]]),w=class{constructor(e){t(this,e),this.bhAction=s(this,"bhAction"),this.bhClose=s(this,"bhClose"),this.bhOpen=s(this,"bhOpen"),this.bhAfterClose=s(this,"bhAfterClose")}logger=i(m);destroy$=r();i18nUnsubscribe;dismissTimer=null;dismissRemainingMs=0;dismissStartedAt=0;_i18nVersion=0;variant="default";toastTitle="";description="";actionText="";dismissText="";dismissible=!0;icon="";iconMode="featured";progress=0;imageSrc="";imageAlt="Toast image";closeAriaLabel="Close toast";loadingAriaLabel="Loading";duration=0;bhAction;bhClose;bhOpen;bhAfterClose;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),n.increment(c.COMPONENT_ERROR,{component:m,error_type:t instanceof Error?t.name:"unknown"}),l(m,t)}componentWillLoad(){this.i18nUnsubscribe=h.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.clearDismissTimer(),o(this.destroy$),this.i18nUnsubscribe?.()}componentDidLoad(){this.bhOpen.emit(),this.startDismissTimer(this.duration)}startDismissTimer(t){t<=0||!this.destroy$||(this.dismissRemainingMs=t,this.dismissStartedAt=Date.now(),this.dismissTimer=p(t,this.destroy$)?.subscribe((()=>{this.dismissTimer=null,this.dismissRemainingMs=0,this.closeWithReason("timeout")}))??null)}clearDismissTimer(){this.dismissTimer?.unsubscribe(),this.dismissTimer=null}pauseDismissTimer=()=>{this.dismissTimer&&(this.clearDismissTimer(),this.dismissRemainingMs=Math.max(0,this.dismissRemainingMs-(Date.now()-this.dismissStartedAt)))};resumeDismissTimer=()=>{this.dismissTimer||this.dismissRemainingMs<=0||this.startDismissTimer(this.dismissRemainingMs)};closeWithReason(t){this.clearDismissTimer(),this.bhClose.emit({reason:t}),this.destroy$&&p(g.QUICK,this.destroy$)?.subscribe((()=>{this.bhAfterClose.emit()}))}handleKeyDown=t=>{b(t)&&this.dismissible&&(t.preventDefault(),this.closeWithReason("escape"))};getIconName(){return this.icon?this.icon:x.get(this.variant)??u}getIconColor(){return v.get(this.variant)??"gray"}getIconStyle(){return y.get(this.variant)??"outlined"}handleAction=()=>{this.bhAction.emit({action:"primary"})};handleDismiss=()=>{this.closeWithReason("dismiss-button")};handleClose=()=>{this.closeWithReason("close-button")};renderProgressIndicator(){const t=Math.min(100,Math.max(0,this.progress)),s=f-t/100*f;return e("div",{"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":t,class:"toast-progress",part:"progress",role:"progressbar"},e("svg",{"aria-hidden":"true",class:"progress-ring",height:"40",part:"progress-ring",viewBox:"0 0 40 40",width:"40"},e("circle",{class:"progress-ring-bg",cx:"20",cy:"20",fill:"none",r:16,"stroke-width":"3"}),e("circle",{class:"progress-ring-fill",cx:"20",cy:"20",fill:"none",r:16,"stroke-dasharray":f,"stroke-dashoffset":s,"stroke-width":"3",transform:"rotate(-90 20 20)"})),e("span",{class:"progress-text",part:"progress-text"},t,"%"))}renderIconContent(){switch(this.iconMode){case"none":return null;case"loading":return e("bh-loader-spinner",{"aria-label":d(m,"loadingAriaLabel",this.loadingAriaLabel,"Loading"),size:"sm",variant:"default"});case"progress":return this.renderProgressIndicator();case"image":return this.imageSrc?e("img",{alt:this.imageAlt,class:"toast-custom-image",part:"custom-image",src:this.imageSrc}):e("slot",{name:"icon-content"});case"avatar":return e("slot",{name:"icon-content"});default:return e("bh-featured-icon",{color:this.getIconColor(),icon:this.getIconName(),iconStyle:this.getIconStyle(),size:"sm"})}}render(){const t="none"!==this.iconMode;return e(a,{key:"9a2ebcbadbcb1649f11a57005ea37ec7e92edcb4"},e("div",{key:"b344e63c0a6b562766e5e76c2afef81dda7abec5","aria-atomic":"true","aria-live":"polite",class:"sr-only",part:"sr-announcements"},this.toastTitle||this.description?`${this.toastTitle||""} ${this.description||""}`.trim():"Notification"),e("div",{key:"f249c920f031530a21dde037efda7e55fa320a3b",class:{toast:!0,[`toast-${this.variant}`]:!0},onKeyDown:this.handleKeyDown,onMouseEnter:this.pauseDismissTimer,onMouseLeave:this.resumeDismissTimer,part:"container",role:"status",tabindex:this.dismissible?0:void 0},e("div",{key:"9880b0c0c2d315b4c04061ee26fe18c73e3c3de1",class:"toast-content",part:"content"},t&&e("div",{key:"734596884baa957ea38722833040fec97aeaf1c3",class:"toast-icon-wrapper",part:"icon-wrapper"},this.renderIconContent()),e("div",{key:"003f652ede6b41426756958c3eaf18faaccb4f86",class:"toast-text",part:"text"},e("div",{key:"3dae1b7ccaef1c67fdabd8c26d6febd2e572859e",class:"toast-text-wrapper"},this.toastTitle&&e("h3",{key:"68aef7baddae73e8c80bfb1e1265828696fad8b2",class:"toast-title",part:"title"},this.toastTitle),this.description&&e("p",{key:"3da89dc9d30c7c62bf61556d1ec3e94b01eef942",class:"toast-description",part:"description"},this.description)),(this.actionText||this.dismissText)&&e("div",{key:"5100abb7f81c2b803d439a00d8f40489f5ece999",class:"toast-actions",part:"actions"},this.dismissText&&e("bh-button",{key:"a79861445d9cbb984de33538e4ff56877782ec00",hierarchy:"tertiary",icon:"none",label:this.dismissText,onBhClick:this.handleDismiss,size:"sm"}),this.actionText&&e("bh-button",{key:"3f594c17ef656f6fc9b61966188b53db7c8baa1b",hierarchy:"tertiary",icon:"none",label:this.actionText,onBhClick:this.handleAction,size:"sm"})))),this.dismissible&&e("div",{key:"097547557eaf5c5a988b996c78fecc4b60e0cd6a",class:"toast-close",part:"close"},e("bh-close-button",{key:"1e3c267c87bd8a4ed48fc2ea5a7d53e2ae4793a8",ariaLabel:d(m,"closeAriaLabel",this.closeAriaLabel,"Close toast"),onClick:this.handleClose}))))}};w.style='@charset "UTF-8"; :root { --bh-breakpoint-xs: 0; --bh-breakpoint-sm: 576px; --bh-breakpoint-md: 768px; --bh-breakpoint-lg: 992px; --bh-breakpoint-xl: 1200px; --bh-breakpoint-xxl: 1400px; --bh-container-sm: 540px; --bh-container-md: 720px; --bh-container-lg: 960px; --bh-container-xl: 1140px; --bh-container-xxl: 1320px; } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; font-family: var(--font-inter); --bh-toast-width: 456px; --bh-toast-bg: var(--color-bg-primary); --bh-toast-border-color: var(--color-border-secondary); --bh-toast-border-radius: var(--radius-lg); --bh-toast-shadow: var(--shadow-lg); --bh-toast-title-color: var(--color-text-primary); --bh-toast-description-color: var(--color-text-secondary); } } @layer bh-base { .toast { display: flex; align-items: flex-start; gap: var(--spacing-xl); padding: var(--spacing-xl); width: var(--bh-toast-width); background: var(--bh-toast-bg); border: 1px solid var(--bh-toast-border-color); border-radius: var(--bh-toast-border-radius); box-shadow: var(--bh-toast-shadow); position: relative; } .toast-content { display: flex; gap: var(--spacing-lg); flex: 1; min-width: 0; } .toast-icon-wrapper { flex-shrink: 0; } .toast-text { display: flex; flex-direction: column; gap: var(--spacing-lg); flex: 1; min-width: 0; } .toast-text-wrapper { display: flex; flex-direction: column; gap: var(--spacing-xs); padding-right: var(--spacing-5xl); } .toast-title { font-size: var(--text-sm-size); font-weight: var(--weight-semibold); color: var(--bh-toast-title-color); margin: 0; line-height: var(--line-height-normal); } .toast-description { font-size: var(--text-sm-size); font-weight: var(--weight-regular); color: var(--bh-toast-description-color); margin: 0; line-height: var(--line-height-normal); } .toast-actions { display: flex; gap: var(--spacing-lg); } .toast-close { position: absolute; top: var(--spacing-lg); right: var(--spacing-lg); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } } @layer bh-variants { .toast-custom-image { width: var(--icon-size-4xl); height: var(--icon-size-4xl); border-radius: var(--radius-md); object-fit: cover; } .toast-progress { position: relative; display: flex; align-items: center; justify-content: center; width: var(--icon-size-4xl); height: var(--icon-size-4xl); } .progress-ring-bg { stroke: var(--color-border-secondary); } .progress-ring-fill { stroke: var(--color-bg-interactive); stroke-linecap: round; transition: stroke-dashoffset var(--animation-duration-slow) ease; } .progress-text { position: absolute; font-size: var(--text-xs-size); font-weight: var(--weight-medium); color: var(--color-text-primary); } .toast-icon-wrapper bh-loader-spinner { display: flex; } } @layer bh-utilities { @media (max-width: 768px) { .toast { border-radius: var(--radius-md); } .toast-title, .toast-description { font-size: var(--text-xs-size); } } }';export{w as bh_toast}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as e,a as t,h as o,H as i}from"./p-CTHvNfIu.js";import{s,c as a}from"./p-vsM-NcS2.js";import{s as h,u as d}from"./p-DWWRC9ht.js";import{c as n}from"./p-CMKOFHIa.js";import{m as l,M as c}from"./p-CSH9RXgl.js";import{r as b}from"./p-Xi3uD33F.js";import"./p-UjNYPqeE.js";const u=class{constructor(t){r(this,t),this.bhInput=e(this,"bhInput"),this.bhChange=e(this,"bhChange"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhSelectionChange=e(this,"bhSelectionChange"),this.bhReady=e(this,"bhReady"),this.bhError=e(this,"bhError"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}logger=n("bh-html-editor");editor=null;contentEl;changeDebounceTimer;visibilityObserver;isRevertingContent=!1;get el(){return t(this)}internals;value="";placeholder="";disabled=!1;readOnly=!1;required=!1;name="";defaultValue="";label="";helperText="";error=!1;errorText="";maxLength;toolbarPosition="top";showBubbleMenu=!0;allowedTags;isFocused=!1;isHovered=!1;selectionFrom=0;selectionTo=0;selectionEmpty=!0;editorReady=!1;bhInput;bhChange;bhFocus;bhBlur;bhSelectionChange;bhReady;bhError;handleValueChange(r){if(!this.editor)return;const e=s(r,this.allowedTags);e!==s(this.editor.getHTML(),this.allowedTags)&&this.editor.commands.setContent(e,!1)}handleDisabledChange(r){this.editor?.setEditable(!(r||this.readOnly))}handleReadOnlyChange(r){this.editor?.setEditable(!(this.disabled||r))}async getEditor(){return this.editor}async getHtml(){return this.editor?s(this.editor.getHTML(),this.allowedTags):""}async getText(){return this.editor?this.editor.getText():""}async setContent(r){if(!this.editor)return;const e=s(r,this.allowedTags);this.editor.commands.setContent(e,!1),this.value=e,h(this)}async focusEditor(){this.editor?.commands.focus()}async clear(){this.editor&&(this.editor.commands.clearContent(),this.value="",h(this))}componentDidLoad(){this.initEditorWhenVisible(),h(this)}disconnectedCallback(){this.changeDebounceTimer&&(clearTimeout(this.changeDebounceTimer),this.changeDebounceTimer=void 0),this.visibilityObserver?.disconnect(),this.visibilityObserver=void 0,this.editor?.destroy(),this.editor=null,this.contentEl=void 0}componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),l.increment(c.COMPONENT_ERROR,{component:"bh-html-editor",error_type:r instanceof Error?r.name:"unknown"}),b("bh-html-editor",r),this.bhError.emit({error:r})}formResetCallback(){this.value=this.defaultValue,this.defaultValue?this.editor?.commands.setContent(this.defaultValue):this.editor?.commands.clearContent(),h(this),d(this.internals,void 0)}initEditorWhenVisible(){this.editor||this.contentEl||(this.isElementVisible()||"undefined"==typeof IntersectionObserver?this.initEditor():(this.visibilityObserver?.disconnect(),this.visibilityObserver=new IntersectionObserver((r=>{r.some((r=>r.isIntersecting))&&(this.visibilityObserver?.disconnect(),this.visibilityObserver=void 0,this.initEditor())})),this.visibilityObserver.observe(this.el)))}isElementVisible(){const r=this.el.getBoundingClientRect();return r.width>0&&r.height>0}initEditor(){if(!this.editor&&!this.contentEl){this.contentEl=document.createElement("div"),this.contentEl.className="bh-html-editor-content",this.contentEl.setAttribute("part","content"),this.el.appendChild(this.contentEl);try{this.editor=a({element:this.contentEl,content:this.value,placeholder:this.placeholder,editable:!(this.disabled||this.readOnly),onUpdate:(r,e)=>{if(this.isRevertingContent)return;const t=this.value;if(void 0!==this.maxLength&&e.length>this.maxLength){if(this.editor&&r!==t){this.isRevertingContent=!0;try{this.editor.commands.setContent(t,!1)}finally{this.isRevertingContent=!1}}}else this.value=r,this.bhInput.emit({value:r,text:e}),h(this)},onFocus:()=>{this.isFocused=!0,this.bhFocus.emit()},onBlur:r=>{this.isFocused=!1;const e=s(r,this.allowedTags);this.value=e,h(this),this.bhBlur.emit({value:e}),this.bhChange.emit(e)},onSelectionUpdate:(r,e,t)=>{this.selectionFrom=r,this.selectionTo=e,this.selectionEmpty=t,this.bhSelectionChange.emit({from:r,to:e,empty:t})},onCreate:r=>{this.editorReady=!0,this.bhReady.emit({editor:r})}})}catch(r){this.logger.error("Failed to initialize editor",r instanceof Error?r:new Error(String(r))),this.bhError.emit({error:r})}}}handleMouseEnter=()=>{this.isFocused||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};render(){const r={"editor-container":!0,"editor-container-focused":this.isFocused,"editor-container-hover":this.isHovered&&!this.isFocused,"editor-container-error":this.error,"editor-container-disabled":this.disabled,"editor-container-readonly":this.readOnly,[`toolbar-${this.toolbarPosition}`]:!0},e=this.error&&this.errorText,t=!e&&this.helperText;return o(i,{key:"cc7db6bcb3ee54ec8b51300253add1f2103cafca","aria-disabled":this.disabled?"true":void 0},o("div",{key:"e7d7fecf6995ff129e0a83d9d49bb302631b1163",class:"html-editor-wrapper",part:"container"},this.label&&o("bh-label",{key:"55aac8bafb2a71aa1a3590923f84eb7e76f53ee6",disabled:this.disabled,label:this.label,required:this.required}),o("div",{key:"9203a40a1add1f8f6515b686ecc3e1a01a331ef6",class:r,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.editorReady&&this.editor&&!this.readOnly&&o("bh-html-editor-toolbar",{key:"1750fdf1da50c78f877b772e68ad53899d5b7822",class:"editor-toolbar",disabled:this.disabled,editor:this.editor}),o("div",{key:"f7b06a770c0b3bc3074532403ee1a73df56eedde",class:"editor-content-wrapper"},o("slot",{key:"a59754874577f86b587c25c507fd4de9b0ec2087"})),this.showBubbleMenu&&this.editorReady&&this.editor&&!this.readOnly&&!this.disabled&&!this.selectionEmpty&&o("bh-html-editor-bubble-menu",{key:"094de6ecd4366bbdef7187a1b880e38ff0d80a0c",editor:this.editor,targetEl:this.contentEl})),t&&o("div",{key:"b79c99aa7b817ba342b1409c94dedf74b65d2c4a",class:"helper-text",part:"helper-text"},this.helperText),e&&o("div",{key:"ec419bc000bc26d956f163b30705b8f8c88f2bcf",class:"error-text",part:"error-text"},this.errorText)))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],disabled:[{handleDisabledChange:0}],readOnly:[{handleReadOnlyChange:0}]}}};u.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-editor-bg:var(--color-bg-primary);--bh-editor-bg-disabled:var(--color-bg-secondary);--bh-editor-border-color:var(--color-border-primary);--bh-editor-border-color-hover:var(--color-border-interactive);--bh-editor-border-color-focus:var(--color-border-interactive);--bh-editor-border-color-error:var(--color-border-error);--bh-editor-border-radius:var(--radius-md);--bh-editor-helper-color:var(--color-text-secondary);--bh-editor-error-color:var(--color-text-error);--bh-editor-toolbar-bg:var(--color-bg-secondary);--bh-editor-toolbar-border:var(--color-border-secondary)}}@layer bh-base{.html-editor-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.editor-container{position:relative;display:flex;flex-direction:column;background:var(--bh-editor-bg);border:1px solid var(--bh-editor-border-color);border-radius:var(--bh-editor-border-radius);box-shadow:var(--shadow-input);transition:border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;overflow:hidden}.editor-container.toolbar-bottom{flex-direction:column-reverse}.editor-toolbar{flex-shrink:0}.editor-content-wrapper{flex:1;min-height:120px;overflow-y:auto}.helper-text,.error-text{font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal)}.helper-text{color:var(--bh-editor-helper-color)}.error-text{color:var(--bh-editor-error-color)}}@layer bh-states{.editor-container:hover:not(.editor-container-disabled):not(.editor-container-focused){border-color:var(--bh-editor-border-color-hover)}.editor-container-focused{border-color:var(--bh-editor-border-color-focus);box-shadow:0 0 0 1px var(--bh-editor-border-color-focus)}.editor-container-error{border-color:var(--bh-editor-border-color-error)}.editor-container-error:hover:not(.editor-container-focused){border-color:var(--bh-editor-border-color-error)}.editor-container-error.editor-container-focused{border-color:var(--bh-editor-border-color-focus);box-shadow:0 0 0 1px var(--bh-editor-border-color-focus)}.editor-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--bh-editor-bg-disabled)}.editor-container-readonly{background:var(--bh-editor-bg-disabled)}}";export{u as bh_html_editor}
|
|
@@ -0,0 +1 @@
|
|
|
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}from"./p-CMKOFHIa.js";import{m,M as b}from"./p-CSH9RXgl.js";import{r as p}from"./p-Xi3uD33F.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(b.COMPONENT_ERROR,{component:f,error_type:e.name}),p(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:"d82a922b41f625b1248368c17a2110d21750fbc5",class:o},a("div",{key:"687ee90838c80ca143a8d09ad0fcde037cdf5c82","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:"d49e9935d195158dc6650174ac026c085d7c89e4",class:"accordion-header-content"},a("span",{key:"a001b08616eb0aee016872d245b90a2170ac9648",class:"accordion-title",part:"title"},this.header)),a("span",{key:"83904edf776736ecff2e9e2f100003ed900a4a25",class:"accordion-icon material-symbols-outlined",part:"icon"},t)),a("div",{key:"320ecef3a9c68f018814e7a452177add0d54b6b3","aria-hidden":this.expanded?"false":"true","aria-labelledby":`header-${this.value}`,class:"accordion-content",id:`content-${this.value}`,part:"content",role:"region"},a("div",{key:"64b99758e415308056f49dfc781da4b401161ff5",class:"accordion-content-inner"},a("slot",{key:"e7d64ed9ad3d1d3be99e6eaa9b03136b90e63bd0"}))))}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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as a,a as i,h as s,H as e}from"./p-CTHvNfIu.js";import{M as r,A as o}from"./p-BoVgy_Ao.js";import{c as n,a as h}from"./p-CS8F5LFw.js";import{c as d}from"./p-CijzRD3j.js";import{c as l}from"./p-CtKihrmj.js";import{c}from"./p-CMKOFHIa.js";import{C as p}from"./p-CNYUzrTZ.js";import{c as m}from"./p-CKTtXT2O.js";import{m as b,M as f}from"./p-CSH9RXgl.js";import{t as u}from"./p-Bf0qW3wI.js";import{c as v}from"./p-CFlb5gKI.js";import{F as g}from"./p-C_OTXZLx.js";import"./p-Xi3uD33F.js";import"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const y="bh-modal",x=class{constructor(i){t(this,i),this.bhClose=a(this,"bhClose"),this.bhBeforeOpen=a(this,"bhBeforeOpen"),this.bhOpen=a(this,"bhOpen"),this.bhAfterOpen=a(this,"bhAfterOpen"),this.bhBeforeClose=a(this,"bhBeforeClose"),this.bhAfterClose=a(this,"bhAfterClose")}get el(){return i(this)}destroy$=n();listeners=d();observers=l();dismissalManager;focusTrap=null;modalRef;previousActiveElement=null;pendingRafId;hasHandledVisibleChange=!1;logger=c(y);stateManager=new p("UNMOUNTED");_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=m({componentName:y,logger:this.logger})),this._errorHandler}componentState="UNMOUNTED";focusTrapDegraded=!1;visible=!1;overlay=!0;width="sm";ariaLabel=null;ariaLabelledby;ariaDescribedby;ariaRoleDescription=null;ariaLevel="1";ariaActiveDescendant;ariaBusy="false";ariaDisabled="false";hideBackground=!0;portalTarget;dragEnabled=!1;dragEffect="none";grabbed=!1;bhClose;bhBeforeOpen;bhOpen;bhAfterOpen;bhBeforeClose;bhAfterClose;handleDocumentKeydown(t){this.visible&&"Escape"===t.key&&(t.defaultPrevented||(t.preventDefault(),t.stopPropagation(),this.handleClose("escape")))}componentDidCatch(t){this.handleComponentError(t)}handleDismiss=()=>{this.handleClose("escape")};handleVisibleChange(t){if(this.hasHandledVisibleChange=!0,t){const t=b.startTimer(f.ASYNC_OPERATION,{component:y,operation:"open",width:this.width});this.bhBeforeOpen.emit(),this.hideBackground&&this.hideBackgroundSiblings(),this.pendingRafId=requestAnimationFrame((()=>{this.pendingRafId=void 0,this.visible&&this.modalRef&&(this.initializeDismissalManager(),this.dismissalManager?.enable(),this.activateFocusTrap())})),this.bhOpen.emit(),this.destroy$&&u(o.IMMEDIATE,this.destroy$)?.subscribe((()=>{this.bhAfterOpen.emit(),t()}))}else{const t=b.startTimer(f.ASYNC_OPERATION,{component:y,operation:"close",width:this.width});this.hideBackground&&this.restoreBackgroundSiblings(),this.dismissalManager?.disable(),this.deactivateFocusTrap(),this.destroy$&&u(o.IMMEDIATE,this.destroy$)?.subscribe((()=>{this.bhAfterClose.emit(),t()}))}}connectedCallback(){}initializeDismissalManager(){!this.dismissalManager&&this.modalRef&&(this.dismissalManager=v(this.modalRef,{onDismiss:this.handleDismiss,escapeKey:!0,clickOutside:!1,focusLoss:!1}))}componentDidLoad(){this.modalRef&&(this.initializeDismissalManager(),this.observers.observeMutation(this.modalRef,(()=>{}),{attributes:!0,attributeFilter:["style","class"]})),this.visible&&!this.hasHandledVisibleChange&&this.handleVisibleChange(!0)}disconnectedCallback(){void 0!==this.pendingRafId&&(cancelAnimationFrame(this.pendingRafId),this.pendingRafId=void 0);const t=[()=>{this.visible&&this.hideBackground&&this.restoreBackgroundSiblings()},()=>this.dismissalManager?.destroy(),()=>this.listeners.removeAll(),()=>h(this.destroy$),()=>this.observers.disconnectAll(),()=>this.deactivateFocusTrap()];for(const a of t)try{a()}catch(t){this.logger.error("Cleanup operation failed in disconnectedCallback",t instanceof Error?t:new Error(String(t)))}}hiddenSiblings=[];hideBackgroundSiblings(){for(const t of Array.from(document.body.children))t.contains(this.el)||"SCRIPT"===t.tagName||"STYLE"===t.tagName||"true"===t.getAttribute("aria-hidden")||(t.setAttribute("aria-hidden","true"),this.hiddenSiblings.push(t))}restoreBackgroundSiblings(){for(const t of this.hiddenSiblings)t.removeAttribute("aria-hidden");this.hiddenSiblings=[]}activateFocusTrap(){if(!this.modalRef)return void this.logger.warn("Cannot activate focus trap: missing modal ref");const t=b.startTimer(f.ASYNC_OPERATION,{component:y,operation:"focus_trap_activation"}),a=this.logger.startTimer();try{this.stateManager.transition("LOADING","Activating focus trap"),this.previousActiveElement=document.activeElement,this.focusTrap=new g({container:this.el,escapeDeactivates:!1,returnFocus:!0}),this.focusTrap.activate();const i=a();i>50&&this.logger.warn("Slow focus trap activation",{duration:i,width:this.width}),this.logger.debug("Focus trap activated",{duration:i,previousElement:this.previousActiveElement?.tagName}),this.stateManager.transition("ACTIVE","Focus trap activated"),this.componentState="ACTIVE",this.focusTrapDegraded=!1,this.destroy$&&u(o.IMMEDIATE,this.destroy$)?.subscribe((()=>{t()}))}catch(t){this.stateManager.enterDegradedState({fallbackUI:"no-focus-trap",disabledFeatures:["focus-trap","auto-focus-return"],retryable:!1,maxRetries:0}),this.componentState="DEGRADED",this.focusTrapDegraded=!0,this.logger.warn("Modal degraded: focus trap failed",{reason:t instanceof Error?t.message:String(t),width:this.width,hasModalRef:!!this.modalRef}),b.increment(f.COMPONENT_ERROR,{component:y,error_type:"focus_trap_activation_failed"})}}deactivateFocusTrap(){const t=this.logger.startTimer();try{if(this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=null),"function"==typeof this.previousActiveElement?.focus){try{this.previousActiveElement.focus();const a=t();this.logger.debug("Focus trap deactivated",{duration:a,restoredElement:this.previousActiveElement.tagName})}catch(t){this.logger.error("Failed to restore focus",t instanceof Error?t:new Error(String(t)),{previousElement:this.previousActiveElement?.tagName})}this.previousActiveElement=null}}catch(t){this.logger.error("Focus trap deactivation failed",t instanceof Error?t:new Error(String(t)),{width:this.width})}}handleClose=(t="close-button")=>{this.bhBeforeClose.emit({reason:t}),this.bhClose.emit({reason:t})};handleOverlayClick=t=>{t.target===t.currentTarget&&this.handleClose("overlay")};render(){return this.visible?s(e,null,s("div",{class:{"modal-wrapper":!0,"modal-with-overlay":this.overlay},onClick:this.handleOverlayClick,part:"wrapper"},this.overlay&&s("div",{class:"modal-overlay",part:"overlay"}),s("div",{"aria-activedescendant":this.ariaActiveDescendant,"aria-busy":String(this.ariaBusy),"aria-describedby":this.ariaDescribedby,"aria-dropeffect":this.dragEnabled?this.dragEffect:void 0,"aria-grabbed":this.dragEnabled?String(this.grabbed):void 0,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-modal":"true","aria-roledescription":this.ariaRoleDescription,class:"modal","data-focus-trap":this.focusTrapDegraded?"degraded":"active","data-portal":this.portalTarget,part:"dialog",ref:t=>this.modalRef=t,role:"dialog",style:{maxWidth:r[this.width]}},this.focusTrapDegraded&&s("div",{class:"modal-degraded-notice",part:"degraded-notice",role:"status"},s("span",{class:"modal-degraded-icon"},"⚠️"),s("span",{class:"modal-degraded-text"},"Keyboard navigation may be limited")),s("slot",{name:"header"}),s("slot",null),s("slot",{name:"actions"})))):null}static get watchers(){return{visible:[{handleVisibleChange:0}]}}};x.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-modal-bg: var(--color-surface-elevated); --bh-modal-border-radius: var(--radius-xl); --bh-modal-shadow: var(--shadow-xl); --bh-modal-overlay-bg: var(--color-surface-overlay); --bh-modal-padding: var(--spacing-2xl); } } @layer bh-base { .modal-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: var(--bh-modal-padding); z-index: var(--bh-z-index-modal-backdrop); } .modal-overlay { position: absolute; inset: 0; background: var(--bh-modal-overlay-bg); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); animation: overlayFadeIn var(--animation-duration-normal) ease-out; } .modal { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; max-width: var(--bh-modal-max-width-md); background: var(--bh-modal-bg); border-radius: var(--bh-modal-border-radius); box-shadow: var(--bh-modal-shadow); overflow: hidden; z-index: 1; animation: modalFadeIn var(--animation-duration-normal) ease-out; } @media (max-width: 480px) { .modal-wrapper { padding: var(--spacing-xl); } .modal { max-width: 100%; } } } @layer bh-utilities { @keyframes modalFadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes overlayFadeIn { from { opacity: 0; } to { opacity: 1; } } }";export{x as bh_modal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as a,h as t,H as o}from"./p-CTHvNfIu.js";import{c as r}from"./p-CMKOFHIa.js";import{m as i,M as d}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import{B as n,r as s}from"./p-BNVOtH-1.js";const h="bh-modal-header",c=class{constructor(t){e(this,t),this.bhClose=a(this,"bhClose")}logger=r(h);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),i.increment(d.COMPONENT_ERROR,{component:h,error_type:a.name}),l(h,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:"ad67a19797daa4794d03d92a79376ce58d1eb32d"},t("div",{key:"edc3786b536a94b686171aee0ced7681c571aad6",class:{"modal-header":!0,"modal-header--center":a,"modal-header--horizontal":e},part:"header"},t("div",{key:"975f872ce5ad7fc092b158b7ad81d1fa5abcb419",class:{"modal-header-content":!0,"modal-header-content--center":a,"modal-header-content--horizontal":e}},this.showIcon&&this.icon&&t("bh-featured-icon",{key:"90cd147b9fe455a74c8e30289f18d9f1fcf38b76",color:this.iconColor,icon:this.icon,iconStyle:"outlined",size:"md"}),t("div",{key:"95e85e400ec908ea63b0e5a718b05c4e3a93f05e",class:{"modal-text-content":!0,"modal-text-content--center":a,"modal-text-content--horizontal":e}},t("h3",{key:"3fe9e2672eba70b07f619f15e6df27349d56e273",class:"modal-title"},this.modalTitle),this.description&&t("p",{key:"d966ee3597668ff3714f9b8fd6fd2da541dbec03",class:"modal-description"},this.description))),this.showCloseButton&&t("div",{key:"9e8bbab0a090b7623c309b9873a5d15e01d2372a",class:"close-button"},t("bh-close-button",{key:"a6fd75b934605610445b1da005df36667fb34655",ariaLabel:s("bh-modal-header","closeAriaLabel",void 0,"Close modal"),onClick:this.handleClose}))),this.paddingBottom&&t("div",{key:"a93b6bf7df3f3a987640e035af088f17bef3086f",class:"padding-bottom"}),this.divider&&t("div",{key:"011105a18382f9b6fa6fd409e8d7d336cafc62d8",class:"divider"}))}};c.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{c as bh_modal_header}
|