@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,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../dist/types/components";
|
|
2
|
+
|
|
3
|
+
interface BhCommandBar extends Components.BhCommandBar, HTMLElement {}
|
|
4
|
+
export const BhCommandBar: {
|
|
5
|
+
prototype: BhCommandBar;
|
|
6
|
+
new (): BhCommandBar;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as t,c as s,h as a,d as i,t as r}from"./p-YZi6LqIt.js";import{d as o}from"./p-DJlRFgcj.js";import{d as n}from"./p-CClVva-u.js";import{m as c,d as l}from"./p-DhgfM7Wy.js";import{d as h}from"./p-BbPrWlsw.js";import{c as d}from"./p-BJXjqxlX.js";import{B as p,r as m}from"./p-BNVOtH-1.js";import{c as b}from"./p-CFlb5gKI.js";const f=e=>(e??"").split(/\s+/).filter(Boolean).slice(0,2).map((e=>e[0]?.toUpperCase()??"")).join(""),g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhOpen=s(this,"bhOpen"),this.bhClose=s(this,"bhClose"),this.bhChange=s(this,"bhChange"),this.bhItemClick=s(this,"bhItemClick"),this.bhAction=s(this,"bhAction")}logger=d("bh-command-bar");dismissalManager;i18nUnsubscribe;inputRef;pendingFocus=!1;_i18nVersion=0;get el(){return this}sections=[];open=!1;hotkey;placeholder="Type a command or search";emptyMessage="No results found";size="md";navigateLabel="Navigate";selectLabel="Select";closeLabel="Close";backLabel="Return to parent";settingsAriaLabel="Command bar settings";query="";activeIndex=-1;levelStack=[];bhOpen;bhClose;bhChange;bhItemClick;bhAction;handleOpenChange(e){e?(this.dismissalManager?.enable(),this.pendingFocus=!0):(this.dismissalManager?.disable(),this.resetNavigation())}componentWillLoad(){this.i18nUnsubscribe=p.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.dismissalManager=b(this.el,{onDismiss:()=>this.setOpen(!1),escapeKey:!0,clickOutside:!0,focusLoss:!1}),this.hotkey&&document.addEventListener("keydown",this.handleGlobalKeyDown),this.open&&(this.dismissalManager.enable(),this.pendingFocus=!0,this.focusPendingInput())}componentDidRender(){this.focusPendingInput()}disconnectedCallback(){this.dismissalManager?.destroy(),document.removeEventListener("keydown",this.handleGlobalKeyDown),this.i18nUnsubscribe?.()}async show(){this.setOpen(!0)}async hide(){this.setOpen(!1)}parseSections(){if("string"!=typeof this.sections)return this.sections;if(""===this.sections.trim())return[];try{return JSON.parse(this.sections)}catch(e){return this.logger.error("Invalid sections JSON",e instanceof Error?e:Error(e+"")),[]}}currentSections(){const e=this.levelStack.at(-1);return e?[{id:e.id,items:e.children??[]}]:this.parseSections()}matchesQuery(e){const t=this.query.trim().toLowerCase();return!t||[e.label,e.description,e.path].filter((e=>!!e)).some((e=>e.toLowerCase().includes(t)))}visibleSections(){return this.currentSections().map((e=>({...e,items:e.items.filter((e=>this.matchesQuery(e)))}))).filter((e=>e.items.length>0))}flatItems(){return this.visibleSections().flatMap((e=>e.items.map((t=>({item:t,sectionId:e.id})))))}setOpen(e){this.open!==e&&(this.open=e,e?this.bhOpen.emit():this.bhClose.emit())}resetNavigation(){this.query="",this.activeIndex=-1,this.levelStack=[]}focusPendingInput(){this.pendingFocus&&this.inputRef&&(this.pendingFocus=!1,this.inputRef.focus())}selectItem(e){if(e.item.children?.length)return this.levelStack=[...this.levelStack,e.item],this.query="",void(this.activeIndex=-1);this.bhItemClick.emit({item:e.item,parents:[...this.levelStack]}),this.setOpen(!1)}popLevel(){0!==this.levelStack.length&&(this.levelStack=this.levelStack.slice(0,-1),this.query="",this.activeIndex=-1)}handleGlobalKeyDown=e=>{this.hotkey&&c(e,this.hotkey)&&(e.preventDefault(),this.setOpen(!this.open))};handleInput=e=>{this.query=e.target.value,this.activeIndex=-1,this.bhChange.emit({query:this.query})};handleInputKeyDown=e=>{const t=this.flatItems();switch(e.key){case"ArrowDown":e.preventDefault(),this.activeIndex=Math.min(this.activeIndex+1,t.length-1);break;case"ArrowUp":e.preventDefault(),this.activeIndex=Math.max(this.activeIndex-1,0);break;case"Enter":{const s=t[this.activeIndex];s&&(e.preventDefault(),this.selectItem(s));break}case"ArrowLeft":""===this.query&&this.levelStack.length>0&&(e.preventDefault(),this.popLevel())}};t(e,t,s){return m("bh-command-bar",e,t,s)}renderLeading(e){return e.author||e.avatarSrc?a("bh-avatar",{alt:e.author??"Avatar",imageSrc:e.avatarSrc,size:"sm",text:f(e.author),variant:e.avatarSrc?"image":"text"}):e.icon?a("span",{"aria-hidden":"true",class:"material-symbols-outlined item-icon"},e.icon):null}renderItem(e,t){const{item:s}=e,i=t===this.activeIndex;return a("li",{key:s.id},a("button",{"aria-selected":i?"true":"false",class:{item:!0,active:i,stacked:!!s.description},id:"command-item-"+s.id,onClick:()=>this.selectItem(e),onMouseEnter:()=>{this.activeIndex=t},role:"option",type:"button"},this.renderLeading(s),a("span",{class:"item-text"},a("span",{class:"item-title-row"},a("span",{class:"item-label"},s.label),s.path&&a("span",{class:"item-path"},"/ ",s.path)),s.description&&a("span",{class:"item-description"},s.description)),s.shortcut&&a("bh-kbd",{class:"item-shortcut",keys:s.shortcut,size:"sm"})))}render(){const e=this.visibleSections(),t=this.flatItems()[this.activeIndex];let s=-1;return a(i,{key:"54e2f4837c8b0fc4e5b92c52b628f80397ed6445"},this.open&&a("div",{key:"9a5d11120654521375e73ae75086a65bf890b2df",class:"command-overlay",part:"overlay"},a("div",{key:"746412fe9951d6559811ecfb2b9e745ac0ff9566","aria-label":this.t("placeholder",this.placeholder,"Type a command or search"),class:"command-panel",part:"panel",role:"dialog"},a("div",{key:"4768665e2216175e2584677a6f674d3798abec6a",class:"search-row",part:"search"},a("span",{key:"f8f60412e2fb7e99c1feade97c55edf6daa113ac","aria-hidden":"true",class:"material-symbols-outlined search-icon"},"search"),a("input",{key:"5fccf974d7e8135fb342220e87c5e3cc46cc2ea8","aria-activedescendant":t?"command-item-"+t.item.id:void 0,"aria-controls":"command-listbox","aria-expanded":"true",class:"search-input",onInput:this.handleInput,onKeyDown:this.handleInputKeyDown,placeholder:this.t("placeholder",this.placeholder,"Type a command or search"),ref:e=>this.inputRef=e,role:"combobox",type:"text",value:this.query}),this.hotkey&&a("bh-kbd",{key:"a1679a592009701871314b4d72273951561519e2",class:"search-hotkey",keys:this.hotkey,size:"sm"})),0===e.length?a("div",{class:"empty",part:"empty"},this.t("emptyMessage",this.emptyMessage,"No results found")):a("div",{class:"sections",id:"command-listbox",role:"listbox"},e.map((e=>a("div",{class:"section",key:e.id,part:"section"},e.heading&&a("div",{class:"section-heading",part:"section-heading"},e.heading),a("ul",{class:"section-list"},e.items.map((t=>(s++,this.renderItem({item:t,sectionId:e.id},s))))))))),a("div",{key:"19b300a97b04317f08901bca8c68addf28c9f0c0",class:"footer",part:"footer"},a("span",{key:"54fc5ce933582c61f0b0a443b6a5393a3bb7a611",class:"footer-hint"},a("bh-kbd",{key:"a85a3d7da6f07f2804f127fcdc916aef1d3cf11b",keys:"up",size:"sm"}),a("bh-kbd",{key:"ba853722f0108733feda41950b3ab6c4c0b5f1f9",keys:"down",size:"sm"}),this.t("navigateLabel",this.navigateLabel,"Navigate")),a("span",{key:"029347425d3ef4c4668b1252374eaae406edd523",class:"footer-hint"},a("bh-kbd",{key:"bc5cf9b570e063ff784731725a167ea719667e84",keys:"enter",size:"sm"}),this.t("selectLabel",this.selectLabel,"Select")),a("span",{key:"1045763438aaadf482a0b029565576d40b19f0a8",class:"footer-hint"},a("bh-kbd",{key:"f28c3cc16183d99a9b8170235ebf4a938444a17c",keys:"esc",size:"sm"}),this.t("closeLabel",this.closeLabel,"Close")),this.levelStack.length>0&&a("button",{key:"869eb3df053faf976a2a45162efb0616fe23836b",class:"footer-hint footer-back",onClick:()=>this.popLevel(),type:"button"},a("bh-kbd",{key:"1f6f4458ceef294533a79408a1c00ab4daa050e2",keys:"left",size:"sm"}),this.t("backLabel",this.backLabel,"Return to parent")),a("span",{key:"963d5c13c0afb675dbad3bac65a6e1f68888eaa7",class:"footer-settings"},a("bh-button-icon",{key:"82bc87df8a916a8c8ef586bfc2f5f51f684fc16f",ariaLabel:this.t("settingsAriaLabel",this.settingsAriaLabel,"Command bar settings"),hierarchy:"tertiary",iconName:"settings",onClick:()=>this.bhAction.emit({action:"settings"}),size:"sm"}))))))}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return":host{display:contents}.command-overlay{position:fixed;inset:0;z-index:var(--bh-z-index-modal-backdrop, 1040);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background:var(--color-surface-overlay, rgba(12, 17, 29, 0.6))}.command-panel{display:flex;flex-direction:column;width:var(--bh-command-bar-width, 560px);max-width:calc(100vw - 2 * var(--spacing-xl, 20px));max-height:var(--bh-command-bar-max-height, 60vh);overflow:hidden;background:var(--color-bg-primary, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl, 0 20px 24px -4px rgba(16, 24, 40, 0.1))}.search-row{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-lg, 16px);border-bottom:1px solid var(--color-border-secondary, #eaecf0)}.search-icon{font-size:var(--icon-size-md, 20px);color:var(--color-text-tertiary, #667085)}.search-input{flex:1;min-width:0;font-family:var(--font-inter, inherit);font-size:var(--text-md-size, 1rem);color:var(--color-text-primary, #101828);background:transparent;border:none;outline:none}.search-input::placeholder{color:var(--color-text-placeholder, #667085)}.sections{overflow-y:auto}.section{padding:var(--spacing-sm, 8px) 0}.section:not(:last-child){border-bottom:1px solid var(--color-border-secondary, #eaecf0)}.section-heading{padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);font-weight:var(--weight-medium, 500);color:var(--color-text-tertiary, #667085)}.section-list{margin:0;padding:0;list-style:none}.item{display:flex;gap:var(--spacing-md, 12px);align-items:center;width:100%;padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);text-align:left;font-family:var(--font-inter, inherit);background:transparent;border:none;cursor:pointer}.item.active{background:var(--color-bg-secondary, #f9fafb)}:host([size=md]) .item{padding-top:var(--spacing-md, 12px);padding-bottom:var(--spacing-md, 12px)}.item-icon{flex-shrink:0;font-size:var(--icon-size-md, 20px);color:var(--color-text-secondary, #475467)}.item-text{display:flex;flex:1;flex-direction:column;gap:var(--spacing-xxs, 2px);min-width:0}.item-title-row{display:flex;gap:var(--spacing-sm, 8px);align-items:baseline;min-width:0}.item-label{font-size:var(--text-sm-size, 0.875rem);font-weight:var(--weight-medium, 500);color:var(--color-text-primary, #101828);white-space:nowrap}.item-path{overflow:hidden;font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-interactive, #175cd3);text-overflow:ellipsis;white-space:nowrap}.item-description{font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467)}.item-shortcut{flex-shrink:0;margin-left:auto}.empty{padding:var(--spacing-3xl, 40px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);text-align:center}.footer{display:flex;gap:var(--spacing-lg, 16px);align-items:center;padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);border-top:1px solid var(--color-border-secondary, #eaecf0)}.footer-hint{display:inline-flex;gap:var(--spacing-xs, 4px);align-items:center;font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);color:var(--color-text-secondary, #475467)}.footer-back{padding:0;background:transparent;border:none;cursor:pointer}.footer-settings{margin-left:auto}"}},[513,"bh-command-bar",{sections:[1],open:[1540],hotkey:[1],placeholder:[1],emptyMessage:[1,"empty-message"],size:[513],navigateLabel:[1,"navigate-label"],selectLabel:[1,"select-label"],closeLabel:[1,"close-label"],backLabel:[1,"back-label"],settingsAriaLabel:[1,"settings-aria-label"],_i18nVersion:[32],query:[32],activeIndex:[32],levelStack:[32],show:[64],hide:[64]},void 0,{open:[{handleOpenChange:0}]}]),v=g,y=function(){"undefined"!=typeof customElements&&["bh-command-bar","bh-avatar","bh-button-icon","bh-kbd","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-command-bar":customElements.get(r(e))||customElements.define(r(e),g);break;case"bh-avatar":customElements.get(r(e))||o();break;case"bh-button-icon":customElements.get(r(e))||n();break;case"bh-kbd":customElements.get(r(e))||l();break;case"bh-loader-spinner":customElements.get(r(e))||h()}}))};export{v as BhCommandBar,y as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,H as r,c as e,h as t,d as n,t as a}from"./p-YZi6LqIt.js";import{d as i}from"./p-
|
|
1
|
+
import{p as o,H as r,c as e,h as t,d as n,t as a}from"./p-YZi6LqIt.js";import{d as i}from"./p-BI2Y2Le4.js";import{d as s}from"./p-BbPrWlsw.js";import{c,m as b,M as d,r as f}from"./p-BJXjqxlX.js";const h="bh-container-footer",l=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bhAction=e(this,"bhAction")}logger=c(h);density="standard";buttonLabel="View report";bhAction;componentDidCatch(o){const r=o instanceof Error?o:Error(o+"");this.logger.error("Component error caught",r),b.increment(d.COMPONENT_ERROR,{component:h,error_type:r.name}),f(h,o)}handleButtonClick=()=>{this.bhAction.emit({action:"primary"})};render(){return t(n,{key:"d062601c785a02084cb8e03dcce5c3b9ecfdeb0f"},t("div",{key:"731f23f4d07725c26020a868140839f4f651a9e8",class:{"container-footer":!0,["container-footer-"+this.density]:!0},part:"footer"},t("div",{key:"5c9fe20324619f047970622de67ada22d8ff40c2",class:"container-footer-content",part:"content"},t("bh-button",{key:"5ce58d0fda6bea0b1d8f2693aca5b0d54503c3cb",hierarchy:"tertiary",label:this.buttonLabel,onClick:this.handleButtonClick,size:"sm"}))))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{--bh-container-footer-bg:var(--color-bg-primary);--bh-container-footer-border-color:var(--color-border-secondary);--bh-container-footer-border-radius:var(--radius-xl);--bh-container-footer-content-padding:var(--spacing-md) var(--spacing-2xl);--bh-container-footer-minimal-padding:var(--spacing-sm) var(--spacing-2xl)}}@layer bh-base{.container-footer{background:var(--bh-container-footer-bg);border:1px solid var(--bh-container-footer-border-color);border-top:1px solid var(--bh-container-footer-border-color);border-radius:0 0 var(--bh-container-footer-border-radius) var(--bh-container-footer-border-radius);box-sizing:border-box;width:100%}.container-footer-content{display:flex;justify-content:flex-end;align-items:center;padding:var(--bh-container-footer-content-padding)}}@layer bh-variants{.container-footer-minimal .container-footer-content{padding:var(--bh-container-footer-minimal-padding)}}"}},[513,"bh-container-footer",{density:[1],buttonLabel:[1,"button-label"]}]),p=l,m=function(){"undefined"!=typeof customElements&&["bh-container-footer","bh-button","bh-loader-spinner"].forEach((o=>{switch(o){case"bh-container-footer":customElements.get(a(o))||customElements.define(a(o),l);break;case"bh-button":customElements.get(a(o))||i();break;case"bh-loader-spinner":customElements.get(a(o))||s()}}))};export{p as BhContainerFooter,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as e,h as o,d as
|
|
1
|
+
import{p as r,H as e,h as o,d as a,t}from"./p-YZi6LqIt.js";import{c as n,m as i,M as s,r as c}from"./p-BJXjqxlX.js";const b="bh-container",d=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}logger=n(b);withFooter=!1;componentDidCatch(r){const e=r instanceof Error?r:Error(r+"");this.logger.error("Component error caught",e),i.increment(s.COMPONENT_ERROR,{component:b,error_type:e.name}),c(b,r)}render(){return o(a,{key:"e2987561f8e89e914497aef104afe72066a56f7c"},o("div",{key:"aee865779664a7eb12219091436e6f08707df3f7",class:{container:!0,"container-with-footer":this.withFooter},part:"container"},o("slot",{key:"9ac3d4cb9d32a20b8b765e1222d26fa12cc239d0"})))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-container-bg:var(--color-bg-primary);--bh-container-border-color:var(--color-border-secondary);--bh-container-border-radius:var(--radius-xl);--bh-container-padding:var(--spacing-2xl);--bh-container-gap:var(--spacing-2xl)}}@layer bh-base{.container{display:flex;flex-direction:column;gap:var(--bh-container-gap);padding:var(--bh-container-padding);background:var(--bh-container-bg);border:1px solid var(--bh-container-border-color);border-radius:var(--bh-container-border-radius);width:fit-content;font-family:var(--font-inter)}}@layer bh-variants{.container-with-footer{border-bottom:none;border-radius:var(--bh-container-border-radius) var(--bh-container-border-radius) 0 0}}"}},[769,"bh-container",{withFooter:[4,"with-footer"]}]),h=d,l=function(){"undefined"!=typeof customElements&&["bh-container"].forEach((r=>{"bh-container"===r&&(customElements.get(t(r))||customElements.define(t(r),d))}))};export{h as BhContainer,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as e,h as t,d as a,t as
|
|
1
|
+
import{p as r,H as e,h as t,d as a,t as i}from"./p-YZi6LqIt.js";import{c,m as d,M as n,r as o}from"./p-BJXjqxlX.js";const s="bh-credit-card",h=new Set(["transparent","transparent-gradient","brand-dark","brand-light-gradient"]),b=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}logger=c(s);cardholderName="";cardNumber="";expiryDate="";issuerName="";theme="transparent";componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:Error(r+"")),d.increment(n.COMPONENT_ERROR,{component:s,error_type:r instanceof Error?r.name:"unknown"}),o(s,r)}get isLightText(){return h.has(this.theme)}render(){return t(a,{key:"c859c4a3133144fdc01107747d4cee78910210d9","aria-label":"Credit card for "+this.cardholderName,role:"img"},t("div",{key:"401c124a191e09baa566c15303eadf2a29e2eead",class:{"credit-card":!0,["theme-"+this.theme]:!0,"light-text":this.isLightText,"dark-text":!this.isLightText},part:"base"},t("div",{key:"0824fcdf11581de778fce2cedf09ca0b68408038",class:"card-bg"}),t("span",{key:"6d15ee33dce280886962b0310bcf666a17233a4c",class:"issuer-name"},this.issuerName),t("div",{key:"844ad812cb1e8cf04c52b003f431808db0aa1637","aria-hidden":"true",class:"contactless-icon"},t("svg",{key:"52c755e7caa424f37fde98f100fb92dc81a70b5a",fill:"none",viewBox:"0 0 20 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"e9ec1e941986cc20b6a132b5c518175d70b113fc",d:"M5.5 18C3.5 16.2 2.5 13.7 2.5 11C2.5 8.3 3.5 5.8 5.5 4",stroke:"currentColor","stroke-linecap":"round","stroke-width":"2"}),t("path",{key:"311095a6c2b4bac66d41fea088029029422131aa",d:"M9.5 15C8.3 13.8 7.5 12.5 7.5 11C7.5 9.5 8.3 8.2 9.5 7",stroke:"currentColor","stroke-linecap":"round","stroke-width":"2"}),t("path",{key:"16cf15fb6528e0642150c9bd558d814525013ab6",d:"M13.5 12.5C13 12 12.5 11.5 12.5 11C12.5 10.5 13 10 13.5 9.5",stroke:"currentColor","stroke-linecap":"round","stroke-width":"2"}))),t("span",{key:"efbcbf2453d6aca85a7cbcd3c7fa54d667429658",class:"cardholder-name"},this.cardholderName),t("span",{key:"d292727f3765acbee43b8ae29af57446b09830f9",class:"expiry-date"},this.expiryDate),t("span",{key:"ae74006e26e01284b92ecc67385085b9b978af24",class:"card-number"},this.cardNumber),t("div",{key:"4606eb640bdadb7fef4110382f264f51330f6183","aria-hidden":"true",class:"payment-icon"},t("div",{key:"e14ce4b4f67ffd5284ffac4e0dc2f30a630aad9a",class:"payment-circle payment-circle-left"}),t("div",{key:"dbbf84ec372bf2f658e89198f6058c07b8a0e8f0",class:"payment-circle payment-circle-right"}))))}static get style(){return'@charset "UTF-8";@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-credit-card-width:307px;--bh-credit-card-height:180px;--bh-credit-card-radius:var(--radius-3xl);--bh-credit-card-shadow:8px 10px 16px 0 var(--border-contrast-light);--bh-credit-card-inset-x:19px;--bh-credit-card-inset-x-inner:15px;--bh-credit-card-inset-y-top:19px;--bh-credit-card-inset-y-bottom:127px;--bh-credit-card-number-top:151px;--bh-credit-card-expiry-right:100px;--bh-credit-card-payment-top:141px;--bh-credit-card-payment-left:254px;--bh-credit-card-contactless-width:20px;--bh-credit-card-contactless-height:24px;--bh-credit-card-payment-icon-width:34px;--bh-credit-card-payment-icon-height:24px;--bh-credit-card-payment-circle-size:14px;--bh-credit-card-payment-circle-overlap:-5px;--bh-credit-card-letter-spacing:0.6px;--bh-credit-card-number-letter-spacing:2.4px;--bh-credit-card-mastercard-red:#eb001b;--bh-credit-card-mastercard-orange:#f79e1b;--bh-credit-card-mastercard-opacity:0.85;--bh-credit-card-glass-start:rgba(255, 255, 255, 0.51);--bh-credit-card-glass-end:rgba(255, 255, 255, 0)}}@layer bh-base{.credit-card{position:relative;width:var(--bh-credit-card-width);height:var(--bh-credit-card-height);border-radius:var(--bh-credit-card-radius);border:1px solid var(--color-white);overflow:hidden;box-shadow:var(--bh-credit-card-shadow);font-family:var(--font-inter);box-sizing:border-box}.card-bg{position:absolute;inset:0;border-radius:var(--bh-credit-card-radius);pointer-events:none}.issuer-name{position:absolute;top:var(--bh-credit-card-inset-y-top);left:var(--bh-credit-card-inset-x);font-weight:var(--weight-semibold);font-size:var(--text-md-size);line-height:normal}.contactless-icon{position:absolute;top:var(--bh-credit-card-inset-y-top);right:var(--bh-credit-card-inset-x);width:var(--bh-credit-card-contactless-width);height:var(--bh-credit-card-contactless-height)}.contactless-icon svg{width:100%;height:100%}.cardholder-name{position:absolute;top:var(--bh-credit-card-inset-y-bottom);left:var(--bh-credit-card-inset-x-inner);font-family:"Manrope", var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-xs-size);line-height:normal;letter-spacing:var(--bh-credit-card-letter-spacing);text-transform:uppercase}.expiry-date{position:absolute;top:var(--bh-credit-card-inset-y-bottom);right:var(--bh-credit-card-expiry-right);font-family:"Manrope", var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-xs-size);line-height:normal;letter-spacing:var(--bh-credit-card-letter-spacing);text-align:right}.card-number{position:absolute;top:var(--bh-credit-card-number-top);left:var(--bh-credit-card-inset-x-inner);font-family:"Manrope", var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-md-size);line-height:normal;letter-spacing:var(--bh-credit-card-number-letter-spacing)}.payment-icon{position:absolute;top:var(--bh-credit-card-payment-top);left:var(--bh-credit-card-payment-left);width:var(--bh-credit-card-payment-icon-width);height:var(--bh-credit-card-payment-icon-height);background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center}.payment-circle{width:var(--bh-credit-card-payment-circle-size);height:var(--bh-credit-card-payment-circle-size);border-radius:var(--radius-full)}.payment-circle-left{background:var(--bh-credit-card-mastercard-red)}.payment-circle-right{background:var(--bh-credit-card-mastercard-orange);margin-left:var(--bh-credit-card-payment-circle-overlap);opacity:var(--bh-credit-card-mastercard-opacity)}.light-text{color:var(--color-white)}.dark-text{color:var(--color-neutral-700)}}@layer bh-variants{.theme-transparent .card-bg{background:linear-gradient(125deg, var(--bh-credit-card-glass-start) 3.5%, var(--bh-credit-card-glass-end) 112%);backdrop-filter:blur(6px)}.theme-transparent-gradient .card-bg{background:linear-gradient(125deg, var(--bh-credit-card-glass-start) 3.5%, var(--bh-credit-card-glass-end) 112%);backdrop-filter:blur(6px)}.theme-transparent-gradient::after{content:"";position:absolute;top:-17px;left:-17px;width:160px;height:160px;background:radial-gradient(circle, var(--color-accent-400) 0%, var(--color-brand-500) 50%, transparent 70%);filter:blur(24px);opacity:0.6;pointer-events:none;z-index:-1}.theme-brand-dark .card-bg{background:linear-gradient(45deg, var(--color-brand-800) 0%, var(--color-brand-700) 100%)}.theme-brand-light .card-bg{background:var(--color-brand-100)}.theme-primary-light-gradient .card-bg{background:var(--color-brand-100)}.theme-primary-light-gradient::after{content:"";position:absolute;top:-17px;left:-17px;width:346px;height:219px;background:radial-gradient(ellipse, var(--color-accent-300) 0%, var(--color-brand-400) 50%, transparent 70%);filter:blur(64px);pointer-events:none;z-index:0}.theme-gray-light .card-bg{background:var(--color-neutral-100)}.theme-brand-light-gradient .card-bg{background:linear-gradient(45deg, var(--color-brand-700) 0%, var(--color-brand-600) 100%)}.theme-gray-light-gradient .card-bg{background:linear-gradient(180deg, var(--color-neutral-100) 0%, var(--color-neutral-300) 100%)}}'}},[513,"bh-credit-card",{cardholderName:[1,"cardholder-name"],cardNumber:[1,"card-number"],expiryDate:[1,"expiry-date"],issuerName:[1,"issuer-name"],theme:[513]}]),l=b,p=function(){"undefined"!=typeof customElements&&["bh-credit-card"].forEach((r=>{"bh-credit-card"===r&&(customElements.get(i(r))||customElements.define(i(r),b))}))};export{l as BhCreditCard,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,c as a,h as i,d as l,t as s}from"./p-YZi6LqIt.js";import{D as d}from"./p-gY2wiaRN.js";import{i as o,g as r}from"./p-jpCe1QTg.js";import{d as n}from"./p-oaisznHL.js";import{d as h}from"./p-BHeNnP2q.js";import{d as c}from"./p-DjJP-dIm.js";import{d as g}from"./p-B2KPN863.js";import{d as p}from"./p-BbPrWlsw.js";import{d as u}from"./p-QCa_P3zY.js";import{d as b}from"./p-Bf_iTZDv.js";import{c as m,m as w,M as y,r as k}from"./p-BJXjqxlX.js";const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bhRowClick=a(this,"bhRowClick"),this.bhCellClick=a(this,"bhCellClick"),this.bhRowExpand=a(this,"bhRowExpand"),this.bhRowPrepared=a(this,"bhRowPrepared"),this.bhCellPrepared=a(this,"bhCellPrepared"),this.bhAdaptiveDetailToggle=a(this,"bhAdaptiveDetailToggle")}logger=m("bh-data-grid-body");table;columns;size="default";isLoading=!1;loadingType="spinner";skeletonRowCount=5;selectionMode="none";editMode="none";editingRowId=null;editingColumnId=null;pendingChanges;adaptiveDetailColumns;enableExpansion=!1;enableMasterDetail=!1;enableGrouping=!1;enableEditing=!1;showEditActions=!0;enableRowDragging=!1;showDragHandle=!0;enableFocusTracking=!1;focusedRowId;enableKeyboardNavigation=!0;enableContextMenu=!1;enableVirtualScrolling=!1;virtualScrollHeight=400;estimatedRowHeight=48;overscanCount=5;columnPinning={left:[],right:[]};columnSizes={};striped=!1;rowDragDisabled;emptyTitle="No data";emptyDescription="There are no records to display.";enableAdaptiveDetail=!1;adaptiveDetailExpandedRows=new Set;adaptiveDetailDataMap=new Map;bodyLabels=d;bhRowClick;bhCellClick;bhRowExpand;bhRowPrepared;bhCellPrepared;bhAdaptiveDetailToggle;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),w.increment(y.COMPONENT_ERROR,{component:"bh-data-grid-body",error_type:e instanceof Error?e.name:"unknown"}),k("bh-data-grid-body",e)}hoveredRowId=null;getColumnCount(){let e=this.columns?.length??0;return this.adaptiveDetailColumns?.length&&(e-=this.adaptiveDetailColumns.length),this.enableRowDragging&&this.showDragHandle&&e++,"single-radio"!==this.selectionMode&&"multiple-checkbox"!==this.selectionMode||e++,!this.enableExpansion&&!this.enableMasterDetail||this.enableGrouping||e++,this.enableEditing&&this.showEditActions&&"row"===this.editMode&&e++,this.enableAdaptiveDetail&&this.adaptiveDetailColumns?.length&&e++,e}handleAdaptiveDetailToggle(e){const t=this.adaptiveDetailExpandedRows?.has(e)??!1;this.bhAdaptiveDetailToggle.emit({rowId:e,expanded:!t})}isAdaptiveDetailExpanded(e){return this.adaptiveDetailExpandedRows?.has(e)??!1}isRowDraggable(e){return!(!this.enableRowDragging||this.rowDragDisabled&&this.rowDragDisabled(e))}getRowChangeType(e){if(!this.pendingChanges)return null;const t=this.pendingChanges.get(e);return t?.type??null}handleRowClick(e){e&&this.bhRowClick.emit({row:e.original,rowId:e.id,rowIndex:e.index})}handleCellClick(e,t,a){a.stopPropagation(),e&&t?.column&&this.bhCellClick.emit({row:e.original,rowId:e.id,columnId:t.column.id,value:t.getValue(),rowIndex:e.index})}handleRowExpandToggle(e){if(!e)return;const t=!e.getIsExpanded?.();e.toggleExpanded?.(t),this.bhRowExpand.emit({rowId:e.id,expanded:t})}renderSkeleton(){const e=this.columns??[],t=Array.from({length:this.skeletonRowCount},((t,a)=>i("tr",{class:"data-grid-row data-grid-row-skeleton",key:"skeleton-"+a},e.map(((e,t)=>i("td",{class:"data-grid-cell",key:`skeleton-${a}-${t}`},i("bh-skeleton-loader",{height:"20px",width:"80%"})))))));return i("tbody",{class:"data-grid-body data-grid-body-skeleton",role:"rowgroup"},t)}renderEmptyState(){return i("tbody",{class:"data-grid-body",role:"rowgroup"},i("tr",{class:"data-grid-row data-grid-row-empty"},i("td",{class:"data-grid-cell",colSpan:this.getColumnCount()},i("div",{class:"empty-state-wrapper"},i("bh-empty-state",{description:this.emptyDescription,emptyTitle:this.emptyTitle})))))}renderSelectionCell(e){if(!e)return null;if("none"===this.selectionMode)return null;if("single-click"===this.selectionMode||"multiple-click"===this.selectionMode)return null;const t=e.getIsSelected?.()??!1;return i("td",{class:"data-grid-cell data-grid-cell-select",onClick:e=>e.stopPropagation(),role:"cell"},"single-radio"===this.selectionMode?i("bh-radio",{checked:t,name:"data-grid-selection",onBhChange:()=>e.toggleSelected(!0),size:"sm"}):i("bh-checkbox",{checked:t,onBhChange:()=>e.toggleSelected(),size:"sm"}))}renderCell(e,t){if(!t?.column)return null;const a=t.column.id,l=t.column.columnDef?.meta,s=t.getValue();if(this.adaptiveDetailColumns?.includes(a))return null;const d=(s??"")+"",n={row:e.original,rowId:e.id,columnId:a,value:s,displayValue:d};this.bhCellPrepared.emit(n);const h=n.cssClass??"",c=n.content,g=this.columnPinning??{left:[],right:[]},p=o(a,g),u="left"===p,b="right"===p,m=u||b,w={"data-grid-cell":!0,["data-grid-cell-align-"+(l?.align??"left")]:!0,"data-grid-cell-pinned":m,"data-grid-cell-pinned-left":u,"data-grid-cell-pinned-right":b,[h]:!!h},y={},k=this.columnSizes?.[a];let v;if(k&&(y.width=k+"px",y.minWidth=k+"px"),u?(y.position="sticky",y.left=r(a,"left",g,this.columnSizes??{},100)+"px",y.zIndex="1"):b&&(y.position="sticky",y.right=r(a,"right",g,this.columnSizes??{},100)+"px",y.zIndex="1"),void 0===c){const e=t.column.columnDef?.cell;v="function"==typeof e?e(t.getContext()):d}else v=c;return i("td",{class:w,key:t.id,onClick:a=>this.handleCellClick(e,t,a),role:"cell",style:y},v)}renderDataRow(e){if(!e)return null;const t=e.getIsSelected?.()??!1,a=e.getIsExpanded?.()??!1,l=this.editingRowId===e.id,s=e.id,d=this.enableFocusTracking&&this.focusedRowId===s,o=this.isRowDraggable(e.original),r=this.getRowChangeType(s),n={row:e.original,rowId:s,rowIndex:e.index,isEditing:l,isSelected:t,isExpanded:a};if(this.bhRowPrepared.emit(n),n.cancel)return null;const h=n.cssClass??"";return i("tr",{"aria-selected":t?"true":"false",class:{"data-grid-row":!0,"data-grid-row-selected":t,"data-grid-row-expanded":a,"data-grid-row-editing":l,"data-grid-row-hover":this.hoveredRowId===s,"data-grid-row-striped":this.striped&&e.index%2==1,"data-grid-row-clickable":"single-click"===this.selectionMode||"multiple-click"===this.selectionMode,"data-grid-row-focused":d,"data-grid-row-modified":"update"===r,"data-grid-row-inserted":"insert"===r,"data-grid-row-deleted":"delete"===r,[h]:!!h},"data-row-id":s,draggable:this.enableRowDragging&&o,key:e.id,onClick:()=>this.handleRowClick(e),onMouseEnter:()=>{this.hoveredRowId=s},onMouseLeave:()=>{this.hoveredRowId=null},part:"row",role:"row",tabIndex:this.enableFocusTracking?0:void 0},this.enableRowDragging&&this.showDragHandle&&i("td",{class:{"data-grid-cell":!0,"data-grid-cell-drag-handle":!0,"data-grid-cell-drag-disabled":!o},onClick:e=>e.stopPropagation(),role:"cell"},o&&i("span",{class:"data-grid-drag-handle material-symbols-outlined"},"drag_indicator")),this.renderSelectionCell(e),(this.enableExpansion||this.enableMasterDetail)&&!this.enableGrouping&&i("td",{class:"data-grid-cell data-grid-cell-expand",onClick:e=>e.stopPropagation(),role:"cell"},e.getCanExpand?.()&&i("button",{"aria-expanded":a?"true":"false","aria-label":a?this.bodyLabels.collapseRow:this.bodyLabels.expandRow,class:"data-grid-expand-button",onClick:()=>this.handleRowExpandToggle(e),type:"button"},i("span",{class:"material-symbols-outlined"},a?"expand_less":"expand_more"))),this.enableAdaptiveDetail&&(this.adaptiveDetailColumns?.length??0)>0&&i("td",{class:"data-grid-cell data-grid-cell-adaptive-detail",onClick:e=>e.stopPropagation(),role:"cell"},i("button",{"aria-expanded":this.isAdaptiveDetailExpanded(s)?"true":"false","aria-label":this.isAdaptiveDetailExpanded(s)?"Hide additional columns":"Show additional columns",class:"data-grid-adaptive-detail-button",onClick:()=>this.handleAdaptiveDetailToggle(s),type:"button"},i("span",{class:"material-symbols-outlined"},this.isAdaptiveDetailExpanded(s)?"expand_less":"more_horiz"))),(e.getVisibleCells?.()??[]).map((t=>this.renderCell(e,t))),this.enableEditing&&this.showEditActions&&"row"===this.editMode&&i("td",{class:"data-grid-cell data-grid-cell-actions",role:"cell"}))}renderAdaptiveDetailRow(e){const t=e.id;if(!this.isAdaptiveDetailExpanded(t))return null;const a=this.adaptiveDetailDataMap?.get(t);return a&&0!==a.hiddenValues.length?i("tr",{"aria-label":`${this.bodyLabels.additionalDetailsForRow} ${t}`,class:"data-grid-row data-grid-row-adaptive-detail","data-row-id":t+"-adaptive-detail",key:e.id+"-adaptive-detail",role:"row"},i("td",{class:"data-grid-cell data-grid-cell-adaptive-detail-content",colSpan:this.getColumnCount(),role:"cell"},i("div",{class:"adaptive-detail-content"},i("dl",{class:"adaptive-detail-list"},a.hiddenValues.map((e=>i("div",{class:"adaptive-detail-item",key:e.columnId},i("dt",{class:"adaptive-detail-label"},e.header),i("dd",{class:"adaptive-detail-value"},e.formattedValue)))))))):null}renderSpinnerOverlay(){return i("div",{"aria-label":this.bodyLabels.loadingData,class:"data-grid-body-loading-overlay",part:"loading-overlay",role:"status"},i("bh-loader-spinner",{size:"lg"}))}render(){if(!this.table)return null;if(this.isLoading&&"skeleton"===this.loadingType)return this.renderSkeleton();const e=this.table.getRowModel?.(),t=e?.rows??[];if(0===t.length&&(!this.isLoading||"spinner"!==this.loadingType))return this.renderEmptyState();const a=this.isLoading&&"spinner"===this.loadingType;return i(l,null,i("tbody",{"aria-busy":a?"true":void 0,class:{"data-grid-body":!0,"data-grid-body-loading":a},part:"body",role:"rowgroup"},t.map((e=>e?e.getIsGrouped?.()?null:[this.renderDataRow(e),this.enableAdaptiveDetail&&this.renderAdaptiveDetailRow(e)]:null))),a&&this.renderSpinnerOverlay())}},[512,"bh-data-grid-body",{table:[16],columns:[16],size:[1],isLoading:[4,"is-loading"],loadingType:[1,"loading-type"],skeletonRowCount:[2,"skeleton-row-count"],selectionMode:[1,"selection-mode"],editMode:[1,"edit-mode"],editingRowId:[1,"editing-row-id"],editingColumnId:[1,"editing-column-id"],pendingChanges:[16],adaptiveDetailColumns:[16],enableExpansion:[4,"enable-expansion"],enableMasterDetail:[4,"enable-master-detail"],enableGrouping:[4,"enable-grouping"],enableEditing:[4,"enable-editing"],showEditActions:[4,"show-edit-actions"],enableRowDragging:[4,"enable-row-dragging"],showDragHandle:[4,"show-drag-handle"],enableFocusTracking:[4,"enable-focus-tracking"],focusedRowId:[1,"focused-row-id"],enableKeyboardNavigation:[4,"enable-keyboard-navigation"],enableContextMenu:[4,"enable-context-menu"],enableVirtualScrolling:[4,"enable-virtual-scrolling"],virtualScrollHeight:[2,"virtual-scroll-height"],estimatedRowHeight:[2,"estimated-row-height"],overscanCount:[2,"overscan-count"],columnPinning:[16],columnSizes:[16],striped:[4],rowDragDisabled:[16],emptyTitle:[1,"empty-title"],emptyDescription:[1,"empty-description"],enableAdaptiveDetail:[4,"enable-adaptive-detail"],adaptiveDetailExpandedRows:[16],adaptiveDetailDataMap:[16],bodyLabels:[16],hoveredRowId:[32]}]),f=v,C=function(){"undefined"!=typeof customElements&&["bh-data-grid-body","bh-button","bh-checkbox","bh-empty-state","bh-label","bh-loader-spinner","bh-skeleton-loader","bh-tooltip"].forEach((e=>{switch(e){case"bh-data-grid-body":customElements.get(s(e))||customElements.define(s(e),v);break;case"bh-button":customElements.get(s(e))||n();break;case"bh-checkbox":customElements.get(s(e))||h();break;case"bh-empty-state":customElements.get(s(e))||c();break;case"bh-label":customElements.get(s(e))||g();break;case"bh-loader-spinner":customElements.get(s(e))||p();break;case"bh-skeleton-loader":customElements.get(s(e))||u();break;case"bh-tooltip":customElements.get(s(e))||b()}}))};export{f as BhDataGridBody,C as defineCustomElement}
|
|
1
|
+
import{p as e,H as t,c as a,h as i,d as l,t as s}from"./p-YZi6LqIt.js";import{D as d}from"./p-gY2wiaRN.js";import{i as o,g as r}from"./p-jpCe1QTg.js";import{d as n}from"./p-BI2Y2Le4.js";import{d as c}from"./p-DfCONXO0.js";import{d as h}from"./p-CWdw6bHR.js";import{d as g}from"./p-C7fkgBQS.js";import{d as p}from"./p-BbPrWlsw.js";import{d as u}from"./p-BwxcuFPS.js";import{d as b}from"./p-D6aw0IK6.js";import{c as m,m as w,M as y,r as k}from"./p-BJXjqxlX.js";const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bhRowClick=a(this,"bhRowClick"),this.bhCellClick=a(this,"bhCellClick"),this.bhRowExpand=a(this,"bhRowExpand"),this.bhRowPrepared=a(this,"bhRowPrepared"),this.bhCellPrepared=a(this,"bhCellPrepared"),this.bhAdaptiveDetailToggle=a(this,"bhAdaptiveDetailToggle")}logger=m("bh-data-grid-body");table;columns;size="default";isLoading=!1;loadingType="spinner";skeletonRowCount=5;selectionMode="none";editMode="none";editingRowId=null;editingColumnId=null;pendingChanges;adaptiveDetailColumns;enableExpansion=!1;enableMasterDetail=!1;enableGrouping=!1;enableEditing=!1;showEditActions=!0;enableRowDragging=!1;showDragHandle=!0;enableFocusTracking=!1;focusedRowId;enableKeyboardNavigation=!0;enableContextMenu=!1;enableVirtualScrolling=!1;virtualScrollHeight=400;estimatedRowHeight=48;overscanCount=5;columnPinning={left:[],right:[]};columnSizes={};striped=!1;rowDragDisabled;emptyTitle="No data";emptyDescription="There are no records to display.";enableAdaptiveDetail=!1;adaptiveDetailExpandedRows=new Set;adaptiveDetailDataMap=new Map;bodyLabels=d;bhRowClick;bhCellClick;bhRowExpand;bhRowPrepared;bhCellPrepared;bhAdaptiveDetailToggle;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),w.increment(y.COMPONENT_ERROR,{component:"bh-data-grid-body",error_type:e instanceof Error?e.name:"unknown"}),k("bh-data-grid-body",e)}hoveredRowId=null;getColumnCount(){let e=this.columns?.length??0;return this.adaptiveDetailColumns?.length&&(e-=this.adaptiveDetailColumns.length),this.enableRowDragging&&this.showDragHandle&&e++,"single-radio"!==this.selectionMode&&"multiple-checkbox"!==this.selectionMode||e++,!this.enableExpansion&&!this.enableMasterDetail||this.enableGrouping||e++,this.enableEditing&&this.showEditActions&&"row"===this.editMode&&e++,this.enableAdaptiveDetail&&this.adaptiveDetailColumns?.length&&e++,e}handleAdaptiveDetailToggle(e){const t=this.adaptiveDetailExpandedRows?.has(e)??!1;this.bhAdaptiveDetailToggle.emit({rowId:e,expanded:!t})}isAdaptiveDetailExpanded(e){return this.adaptiveDetailExpandedRows?.has(e)??!1}isRowDraggable(e){return!(!this.enableRowDragging||this.rowDragDisabled&&this.rowDragDisabled(e))}getRowChangeType(e){if(!this.pendingChanges)return null;const t=this.pendingChanges.get(e);return t?.type??null}handleRowClick(e){e&&this.bhRowClick.emit({row:e.original,rowId:e.id,rowIndex:e.index})}handleCellClick(e,t,a){a.stopPropagation(),e&&t?.column&&this.bhCellClick.emit({row:e.original,rowId:e.id,columnId:t.column.id,value:t.getValue(),rowIndex:e.index})}handleRowExpandToggle(e){if(!e)return;const t=!e.getIsExpanded?.();e.toggleExpanded?.(t),this.bhRowExpand.emit({rowId:e.id,expanded:t})}renderSkeleton(){const e=this.columns??[],t=Array.from({length:this.skeletonRowCount},((t,a)=>i("tr",{class:"data-grid-row data-grid-row-skeleton",key:"skeleton-"+a},e.map(((e,t)=>i("td",{class:"data-grid-cell",key:`skeleton-${a}-${t}`},i("bh-skeleton-loader",{height:"20px",width:"80%"})))))));return i("tbody",{class:"data-grid-body data-grid-body-skeleton",role:"rowgroup"},t)}renderEmptyState(){return i("tbody",{class:"data-grid-body",role:"rowgroup"},i("tr",{class:"data-grid-row data-grid-row-empty"},i("td",{class:"data-grid-cell",colSpan:this.getColumnCount()},i("div",{class:"empty-state-wrapper"},i("bh-empty-state",{description:this.emptyDescription,emptyTitle:this.emptyTitle})))))}renderSelectionCell(e){if(!e)return null;if("none"===this.selectionMode)return null;if("single-click"===this.selectionMode||"multiple-click"===this.selectionMode)return null;const t=e.getIsSelected?.()??!1;return i("td",{class:"data-grid-cell data-grid-cell-select",onClick:e=>e.stopPropagation(),role:"cell"},"single-radio"===this.selectionMode?i("bh-radio",{checked:t,name:"data-grid-selection",onBhChange:()=>e.toggleSelected(!0),size:"sm"}):i("bh-checkbox",{checked:t,onBhChange:()=>e.toggleSelected(),size:"sm"}))}renderCell(e,t){if(!t?.column)return null;const a=t.column.id,l=t.column.columnDef?.meta,s=t.getValue();if(this.adaptiveDetailColumns?.includes(a))return null;const d=(s??"")+"",n={row:e.original,rowId:e.id,columnId:a,value:s,displayValue:d};this.bhCellPrepared.emit(n);const c=n.cssClass??"",h=n.content,g=this.columnPinning??{left:[],right:[]},p=o(a,g),u="left"===p,b="right"===p,m=u||b,w={"data-grid-cell":!0,["data-grid-cell-align-"+(l?.align??"left")]:!0,"data-grid-cell-pinned":m,"data-grid-cell-pinned-left":u,"data-grid-cell-pinned-right":b,[c]:!!c},y={},k=this.columnSizes?.[a];let v;if(k&&(y.width=k+"px",y.minWidth=k+"px"),u?(y.position="sticky",y.left=r(a,"left",g,this.columnSizes??{},100)+"px",y.zIndex="1"):b&&(y.position="sticky",y.right=r(a,"right",g,this.columnSizes??{},100)+"px",y.zIndex="1"),void 0===h){const e=t.column.columnDef?.cell;v="function"==typeof e?e(t.getContext()):d}else v=h;return i("td",{class:w,key:t.id,onClick:a=>this.handleCellClick(e,t,a),role:"cell",style:y},v)}renderDataRow(e){if(!e)return null;const t=e.getIsSelected?.()??!1,a=e.getIsExpanded?.()??!1,l=this.editingRowId===e.id,s=e.id,d=this.enableFocusTracking&&this.focusedRowId===s,o=this.isRowDraggable(e.original),r=this.getRowChangeType(s),n={row:e.original,rowId:s,rowIndex:e.index,isEditing:l,isSelected:t,isExpanded:a};if(this.bhRowPrepared.emit(n),n.cancel)return null;const c=n.cssClass??"";return i("tr",{"aria-selected":t?"true":"false",class:{"data-grid-row":!0,"data-grid-row-selected":t,"data-grid-row-expanded":a,"data-grid-row-editing":l,"data-grid-row-hover":this.hoveredRowId===s,"data-grid-row-striped":this.striped&&e.index%2==1,"data-grid-row-clickable":"single-click"===this.selectionMode||"multiple-click"===this.selectionMode,"data-grid-row-focused":d,"data-grid-row-modified":"update"===r,"data-grid-row-inserted":"insert"===r,"data-grid-row-deleted":"delete"===r,[c]:!!c},"data-row-id":s,draggable:this.enableRowDragging&&o,key:e.id,onClick:()=>this.handleRowClick(e),onMouseEnter:()=>{this.hoveredRowId=s},onMouseLeave:()=>{this.hoveredRowId=null},part:"row",role:"row",tabIndex:this.enableFocusTracking?0:void 0},this.enableRowDragging&&this.showDragHandle&&i("td",{class:{"data-grid-cell":!0,"data-grid-cell-drag-handle":!0,"data-grid-cell-drag-disabled":!o},onClick:e=>e.stopPropagation(),role:"cell"},o&&i("span",{class:"data-grid-drag-handle material-symbols-outlined"},"drag_indicator")),this.renderSelectionCell(e),(this.enableExpansion||this.enableMasterDetail)&&!this.enableGrouping&&i("td",{class:"data-grid-cell data-grid-cell-expand",onClick:e=>e.stopPropagation(),role:"cell"},e.getCanExpand?.()&&i("button",{"aria-expanded":a?"true":"false","aria-label":a?this.bodyLabels.collapseRow:this.bodyLabels.expandRow,class:"data-grid-expand-button",onClick:()=>this.handleRowExpandToggle(e),type:"button"},i("span",{class:"material-symbols-outlined"},a?"expand_less":"expand_more"))),this.enableAdaptiveDetail&&(this.adaptiveDetailColumns?.length??0)>0&&i("td",{class:"data-grid-cell data-grid-cell-adaptive-detail",onClick:e=>e.stopPropagation(),role:"cell"},i("button",{"aria-expanded":this.isAdaptiveDetailExpanded(s)?"true":"false","aria-label":this.isAdaptiveDetailExpanded(s)?"Hide additional columns":"Show additional columns",class:"data-grid-adaptive-detail-button",onClick:()=>this.handleAdaptiveDetailToggle(s),type:"button"},i("span",{class:"material-symbols-outlined"},this.isAdaptiveDetailExpanded(s)?"expand_less":"more_horiz"))),(e.getVisibleCells?.()??[]).map((t=>this.renderCell(e,t))),this.enableEditing&&this.showEditActions&&"row"===this.editMode&&i("td",{class:"data-grid-cell data-grid-cell-actions",role:"cell"}))}renderAdaptiveDetailRow(e){const t=e.id;if(!this.isAdaptiveDetailExpanded(t))return null;const a=this.adaptiveDetailDataMap?.get(t);return a&&0!==a.hiddenValues.length?i("tr",{"aria-label":`${this.bodyLabels.additionalDetailsForRow} ${t}`,class:"data-grid-row data-grid-row-adaptive-detail","data-row-id":t+"-adaptive-detail",key:e.id+"-adaptive-detail",role:"row"},i("td",{class:"data-grid-cell data-grid-cell-adaptive-detail-content",colSpan:this.getColumnCount(),role:"cell"},i("div",{class:"adaptive-detail-content"},i("dl",{class:"adaptive-detail-list"},a.hiddenValues.map((e=>i("div",{class:"adaptive-detail-item",key:e.columnId},i("dt",{class:"adaptive-detail-label"},e.header),i("dd",{class:"adaptive-detail-value"},e.formattedValue)))))))):null}renderSpinnerOverlay(){return i("div",{"aria-label":this.bodyLabels.loadingData,class:"data-grid-body-loading-overlay",part:"loading-overlay",role:"status"},i("bh-loader-spinner",{size:"lg"}))}render(){if(!this.table)return null;if(this.isLoading&&"skeleton"===this.loadingType)return this.renderSkeleton();const e=this.table.getRowModel?.(),t=e?.rows??[];if(0===t.length&&(!this.isLoading||"spinner"!==this.loadingType))return this.renderEmptyState();const a=this.isLoading&&"spinner"===this.loadingType;return i(l,null,i("tbody",{"aria-busy":a?"true":void 0,class:{"data-grid-body":!0,"data-grid-body-loading":a},part:"body",role:"rowgroup"},t.map((e=>e?e.getIsGrouped?.()?null:[this.renderDataRow(e),this.enableAdaptiveDetail&&this.renderAdaptiveDetailRow(e)]:null))),a&&this.renderSpinnerOverlay())}},[512,"bh-data-grid-body",{table:[16],columns:[16],size:[1],isLoading:[4,"is-loading"],loadingType:[1,"loading-type"],skeletonRowCount:[2,"skeleton-row-count"],selectionMode:[1,"selection-mode"],editMode:[1,"edit-mode"],editingRowId:[1,"editing-row-id"],editingColumnId:[1,"editing-column-id"],pendingChanges:[16],adaptiveDetailColumns:[16],enableExpansion:[4,"enable-expansion"],enableMasterDetail:[4,"enable-master-detail"],enableGrouping:[4,"enable-grouping"],enableEditing:[4,"enable-editing"],showEditActions:[4,"show-edit-actions"],enableRowDragging:[4,"enable-row-dragging"],showDragHandle:[4,"show-drag-handle"],enableFocusTracking:[4,"enable-focus-tracking"],focusedRowId:[1,"focused-row-id"],enableKeyboardNavigation:[4,"enable-keyboard-navigation"],enableContextMenu:[4,"enable-context-menu"],enableVirtualScrolling:[4,"enable-virtual-scrolling"],virtualScrollHeight:[2,"virtual-scroll-height"],estimatedRowHeight:[2,"estimated-row-height"],overscanCount:[2,"overscan-count"],columnPinning:[16],columnSizes:[16],striped:[4],rowDragDisabled:[16],emptyTitle:[1,"empty-title"],emptyDescription:[1,"empty-description"],enableAdaptiveDetail:[4,"enable-adaptive-detail"],adaptiveDetailExpandedRows:[16],adaptiveDetailDataMap:[16],bodyLabels:[16],hoveredRowId:[32]}]),f=v,C=function(){"undefined"!=typeof customElements&&["bh-data-grid-body","bh-button","bh-checkbox","bh-empty-state","bh-label","bh-loader-spinner","bh-skeleton-loader","bh-tooltip"].forEach((e=>{switch(e){case"bh-data-grid-body":customElements.get(s(e))||customElements.define(s(e),v);break;case"bh-button":customElements.get(s(e))||n();break;case"bh-checkbox":customElements.get(s(e))||c();break;case"bh-empty-state":customElements.get(s(e))||h();break;case"bh-label":customElements.get(s(e))||g();break;case"bh-loader-spinner":customElements.get(s(e))||p();break;case"bh-skeleton-loader":customElements.get(s(e))||u();break;case"bh-tooltip":customElements.get(s(e))||b()}}))};export{f as BhDataGridBody,C as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,c as s,h as a,d as i,t as r}from"./p-YZi6LqIt.js";import{D as n}from"./p-gY2wiaRN.js";import{d as l}from"./p-
|
|
1
|
+
import{p as e,H as t,c as s,h as a,d as i,t as r}from"./p-YZi6LqIt.js";import{D as n}from"./p-gY2wiaRN.js";import{d as l}from"./p-DUm7JrA0.js";import{d as h}from"./p-BI2Y2Le4.js";import{d as c}from"./p-BbPrWlsw.js";import{d as o}from"./p-BR00DQQ7.js";import{c as d,m as p,M as g,r as u}from"./p-BJXjqxlX.js";const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bhClose=s(this,"bhClose"),this.bhRevertChange=s(this,"bhRevertChange"),this.bhRevertAll=s(this,"bhRevertAll"),this.bhSaveAll=s(this,"bhSaveAll")}logger=d("bh-data-grid-change-preview");visible=!1;pendingChanges;columns=[];modalTitle="Review Changes";keyField="id";changePreviewLabels=n;bhClose;bhRevertChange;bhRevertAll;bhSaveAll;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),p.increment(g.COMPONENT_ERROR,{component:"bh-data-grid-change-preview",error_type:e instanceof Error?e.name:"unknown"}),u("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):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 s=this.expandedGroups.has(e);return a("div",{class:"change-preview-group change-preview-group-"+e,key:e},a("button",{"aria-expanded":s?"true":"false",class:"change-preview-group-header",onClick:()=>this.toggleGroup(e),type:"button"},a("span",{class:"change-preview-group-icon material-symbols-outlined"},this.getTypeIcon(e)),a("span",{class:"change-preview-group-title"},this.getTypeLabel(e)),a("bh-badge",{size:"sm",variant:this.getTypeColor(e)},t.length),a("span",{class:"change-preview-group-expand material-symbols-outlined"},s?"expand_less":"expand_more")),s&&a("div",{class:"change-preview-group-content"},t.map((t=>this.renderChangeItem(t,e)))))}renderChangeItem(e,t){const s=e.rowKey;return a("div",{class:"change-preview-item change-preview-item-"+t,key:s+"",part:"change-item"},a("div",{class:"change-preview-item-header"},a("span",{class:"change-preview-item-key"},"Row: ",s+""),a("bh-button",{class:"change-preview-item-revert",hierarchy:"tertiary",icon:"leading",iconName:"undo",onClick:()=>this.handleRevertChange(s),size:"sm"},this.changePreviewLabels.revertThisChange)),"update"===t&&e.changedColumns&&a("div",{class:"change-preview-item-changes"},a("table",{class:"change-preview-table"},a("thead",null,a("tr",null,a("th",null,"Field"),a("th",null,"Original"),a("th",null,"New"))),a("tbody",null,e.changedColumns.map((t=>{const s=e.originalData?.[t],i=e.modifiedData?.[t],r=this.columns.find((e=>e.id===t));return a("tr",{key:t},a("td",{class:"change-preview-field"},r?.header||t),a("td",{class:"change-preview-original"},this.formatValue(s)),a("td",{class:"change-preview-new"},this.formatValue(i)))}))))),"insert"===t&&e.modifiedData&&a("div",{class:"change-preview-item-data"},a("table",{class:"change-preview-table"},a("thead",null,a("tr",null,a("th",null,"Field"),a("th",null,"Value"))),a("tbody",null,this.columns.map((t=>{const s=e.modifiedData?.[t.id];return a("tr",{key:t.id},a("td",{class:"change-preview-field"},t.header),a("td",{class:"change-preview-value"},this.formatValue(s)))}))))),"delete"===t&&e.originalData&&a("div",{class:"change-preview-item-data"},a("table",{class:"change-preview-table"},a("thead",null,a("tr",null,a("th",null,"Field"),a("th",null,"Value"))),a("tbody",null,this.columns.map((t=>{const s=e.originalData?.[t.id];return a("tr",{key:t.id},a("td",{class:"change-preview-field"},t.header),a("td",{class:"change-preview-value change-preview-deleted"},this.formatValue(s)))}))))),e.validationErrors&&e.validationErrors.length>0&&a("div",{class:"change-preview-item-errors"},e.validationErrors.map(((e,t)=>a("div",{class:"change-preview-error change-preview-error-"+e.severity,key:t},a("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 a(i,null,a("bh-modal",{"aria-label":this.modalTitle,onBhClose:this.handleClose,visible:this.visible,width:"lg"},a("div",{slot:"header"},a("div",{class:"change-preview-header"},a("h2",{class:"change-preview-title"},this.modalTitle),a("bh-badge",{size:"md",variant:"blue"},t," ",1===t?"change":"changes"))),a("div",{class:"change-preview-body",part:"change-list"},0===t?a("div",{class:"change-preview-empty"},a("span",{class:"material-symbols-outlined change-preview-empty-icon"},"check_circle"),a("p",null,"No pending changes")):[this.renderChangeGroup("insert"),this.renderChangeGroup("update"),this.renderChangeGroup("delete")]),a("div",{slot:"footer"},a("div",{class:"change-preview-footer"},a("div",{class:"change-preview-footer-left"},a("bh-button",{disabled:0===t,hierarchy:"secondary",icon:"leading",iconName:"undo",label:this.changePreviewLabels.revertAll,onClick:this.handleRevertAll,size:"sm"})),a("div",{class:"change-preview-footer-right"},a("bh-button",{hierarchy:"secondary",icon:"none",label:this.changePreviewLabels.cancel,onClick:this.handleClose,size:"sm"}),a("bh-button",{disabled:0===t,hierarchy:"primary",icon:"leading",iconName:"save",label:this.changePreviewLabels.saveAllChanges,onClick:this.handleSaveAll,size:"sm"}))))))}},[512,"bh-data-grid-change-preview",{visible:[4],pendingChanges:[16],columns:[16],modalTitle:[1,"modal-title"],keyField:[1,"key-field"],changePreviewLabels:[16],expandedGroups:[32]}]),b=v,m=function(){"undefined"!=typeof customElements&&["bh-data-grid-change-preview","bh-badge","bh-button","bh-loader-spinner","bh-modal"].forEach((e=>{switch(e){case"bh-data-grid-change-preview":customElements.get(r(e))||customElements.define(r(e),v);break;case"bh-badge":customElements.get(r(e))||l();break;case"bh-button":customElements.get(r(e))||h();break;case"bh-loader-spinner":customElements.get(r(e))||c();break;case"bh-modal":customElements.get(r(e))||o()}}))};export{b as BhDataGridChangePreview,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,c as i,h as s,d as r,t as l}from"./p-YZi6LqIt.js";import{D as a}from"./p-gY2wiaRN.js";import{d as n}from"./p-B7i48CAz.js";import{d as o}from"./p-1SkDR91n.js";import{d as h}from"./p-Bk-ipvH3.js";import{d as u}from"./p-oaisznHL.js";import{d}from"./p-cD3vmu49.js";import{d as c}from"./p-Be20AcNb.js";import{d as b}from"./p-B2KPN863.js";import{d as p}from"./p-BbPrWlsw.js";import{d as f}from"./p-CVSRqFZ0.js";import{d as m}from"./p-Bf_iTZDv.js";import{c as y,m as g,M as v,r as x}from"./p-BJXjqxlX.js";import{i as C}from"./p-BqJRACkO.js";function k(e){return"remote"===e.type}function E(e){return"local"===e.type}function q(e){return"condition"===e.type}function N(e){return"group"===e.type}let w=0;function z(){return w+=1,"filter-"+w}function D(e,t,i,s){if(!e||"string"!=typeof e)throw Error("field is required and must be a non-empty string");const r={type:"condition",id:z(),field:e,operator:t,value:i};return"between"===t&&void 0!==s&&(r.valueTo=s),r}function L(e,t=[]){if("and"!==e&&"or"!==e)throw Error("logic must be 'and' or 'or'");return{type:"group",id:z(),logic:e,children:t}}const P={equals:"equals",notEquals:"does not equal",contains:"contains",notContains:"does not contain",startsWith:"starts with",endsWith:"ends with",greaterThan:"is greater than",greaterThanOrEqual:"is greater than or equal to",lessThan:"is less than",lessThanOrEqual:"is less than or equal to",between:"is between",isNull:"is empty",isNotNull:"is not empty",in:"is one of",notIn:"is not one of"};function F(e){return null==e?"(empty)":Array.isArray(e)?e.map(F).join(", "):e instanceof Date?e.toLocaleDateString():"boolean"==typeof e?e?"Yes":"No":e+""}function S(e,t=[]){if(!e)return null;const i=[],s=function e(s,r=!1){if(q(s)){const e=function(e,t){const i=e.find((e=>e.id===t));return i?.header??t}(t,s.field),r=P[s.operator];if(i.push({type:"field",text:e,expressionId:s.id}),i.push({type:"operator",text:r,expressionId:s.id}),"isNull"!==s.operator&&"isNotNull"!==s.operator){const t="between"===s.operator?`${F(s.value)} and ${F(s.valueTo)}`:F(s.value);return i.push({type:"value",text:t,expressionId:s.id}),"between"===s.operator?`${e} ${r} ${F(s.value)} and ${F(s.valueTo)}`:`${e} ${r} ${t}`}return`${e} ${r}`}if(N(s)){const t=[],l=s.logic.toUpperCase();s.children.forEach(((r,a)=>{a>0&&i.push({type:"logic",text:l,expressionId:s.id}),t.push(e(r,!0))}));const a=t.join(` ${l} `);return r&&s.children.length>1?`(${a})`:a}return""}(e);return{text:s,parts:i}}function V(e){if(q(e))return D(e.field,e.operator,e.value,e.valueTo);if(N(e))return L(e.logic,e.children.map(V));throw Error("Unknown filter expression type: "+e.type)}function T(e,t){if(e.id===t)return e;if(N(e))for(const i of e.children){const e=T(i,t);if(e)return e}return null}function j(e){return e?q(e)?1:N(e)?e.children.reduce(((e,t)=>e+j(t)),0):0:0}const B={equals:{label:"equals",types:["text","number","date","boolean"],requiresValue:!0},notEquals:{label:"does not equal",types:["text","number","date","boolean"],requiresValue:!0},contains:{label:"contains",types:["text"],requiresValue:!0},notContains:{label:"does not contain",types:["text"],requiresValue:!0},startsWith:{label:"starts with",types:["text"],requiresValue:!0},endsWith:{label:"ends with",types:["text"],requiresValue:!0},greaterThan:{label:"is greater than",types:["number","date"],requiresValue:!0},greaterThanOrEqual:{label:"is greater than or equal to",types:["number","date"],requiresValue:!0},lessThan:{label:"is less than",types:["number","date"],requiresValue:!0},lessThanOrEqual:{label:"is less than or equal to",types:["number","date"],requiresValue:!0},between:{label:"is between",types:["number","date"],requiresValue:!0,requiresSecondValue:!0},isNull:{label:"is empty",types:["text","number","date","boolean"],requiresValue:!1},isNotNull:{label:"is not empty",types:["text","number","date","boolean"],requiresValue:!1},in:{label:"is one of",types:["text","number"],requiresValue:!0},notIn:{label:"is not one of",types:["text","number"],requiresValue:!0}},I=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bhFilterExpressionChange=i(this,"bhFilterExpressionChange"),this.bhFilterPresetSaved=i(this,"bhFilterPresetSaved"),this.bhFilterBuilderClose=i(this,"bhFilterBuilderClose"),this.bhError=i(this,"bhError")}get el(){return this}logger=y("bh-data-grid-filter-builder");columns;filterExpression=null;visible=!1;gridId="default";enablePresets=!0;filterLabels=a;bhFilterExpressionChange;bhFilterPresetSaved;bhFilterBuilderClose;bhError;internalExpression=null;presets=[];showPresetSaveDialog=!1;showPresetLoadDialog=!1;presetName="";componentWillLoad(){this.loadPresets(),this.internalExpression=this.filterExpression?V(this.filterExpression):null}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),g.increment(v.COMPONENT_ERROR,{component:"bh-data-grid-filter-builder",error_type:e instanceof Error?e.name:"unknown"}),x("bh-data-grid-filter-builder",e),this.bhError.emit({error:e})}handleFilterExpressionChange(e){this.internalExpression=e?V(e):null}getStorageKey(){return"bh-data-grid-filter-presets-"+this.gridId}loadPresets(){try{const e=localStorage.getItem(this.getStorageKey());e&&(this.presets=JSON.parse(e))}catch(e){this.logger.warn("Failed to load filter presets",{error:e}),this.presets=[]}}savePresetsToStorage(){try{localStorage.setItem(this.getStorageKey(),JSON.stringify(this.presets))}catch(e){this.logger.error("Failed to save filter presets",e instanceof Error?e:Error(e+""))}}handleSavePreset=()=>{if(!this.presetName.trim()||!this.internalExpression)return;const e=Date.now(),t={id:"preset-"+e,name:this.presetName.trim(),expression:V(this.internalExpression),createdAt:e,updatedAt:e};this.presets=[...this.presets,t],this.savePresetsToStorage(),this.bhFilterPresetSaved.emit({preset:t}),this.showPresetSaveDialog=!1,this.presetName=""};handleLoadPreset=e=>{this.internalExpression=V(e.expression),this.showPresetLoadDialog=!1};handleDeletePreset=e=>{this.presets=this.presets.filter((t=>t.id!==e)),this.savePresetsToStorage()};getFilterableColumns(){return this.columns.filter((e=>{const t=e.meta;return!1!==t?.filterable})).map((e=>{const t=e.meta,i="accessorKey"in e&&"string"==typeof e.accessorKey?e.accessorKey:e.id??"";return{id:i,header:"string"==typeof e.header?e.header:i,type:t?.type??"text"}}))}getOperatorsForType(e){return Object.keys(B).filter((t=>B[t].types.includes(e)))}getColumnType(e){const t=this.getFilterableColumns().find((t=>t.id===e));return t?.type??"text"}addCondition=e=>{const t=this.getFilterableColumns();if(0===t.length)return;const i=t[0],s=this.getOperatorsForType(i.type),r=D(i.id,s[0]??"equals","");this.internalExpression?e?this.internalExpression=this.addToGroup(this.internalExpression,e,r):q(this.internalExpression)?this.internalExpression=L("and",[V(this.internalExpression),r]):N(this.internalExpression)&&(this.internalExpression={...this.internalExpression,children:[...this.internalExpression.children,r]}):this.internalExpression=r};addGroup=e=>{const t=this.getFilterableColumns();if(0===t.length)return;const i=t[0],s=this.getOperatorsForType(i.type),r=L("and",[D(i.id,s[0]??"equals","")]);this.internalExpression?e?this.internalExpression=this.addToGroup(this.internalExpression,e,r):q(this.internalExpression)?this.internalExpression=L("and",[V(this.internalExpression),r]):N(this.internalExpression)&&(this.internalExpression={...this.internalExpression,children:[...this.internalExpression.children,r]}):this.internalExpression=r};addToGroup(e,t,i){return e.id===t&&N(e)?{...e,children:[...e.children,i]}:N(e)?{...e,children:e.children.map((e=>this.addToGroup(e,t,i)))}:e}updateCondition=(e,t)=>{this.internalExpression&&(this.internalExpression=this.updateExpressionById(this.internalExpression,e,(e=>q(e)?{...e,...t}:e)))};updateGroupLogic=(e,t)=>{this.internalExpression&&(this.internalExpression=this.updateExpressionById(this.internalExpression,e,(e=>N(e)?{...e,logic:t}:e)))};removeExpression=e=>{this.internalExpression&&(this.internalExpression=this.internalExpression.id!==e?this.removeFromTree(this.internalExpression,e):null)};updateExpressionById(e,t,i){return e.id===t?i(e):N(e)?{...e,children:e.children.map((e=>this.updateExpressionById(e,t,i)))}:e}removeFromTree(e,t){if(N(e)){const i=e.children.filter((e=>e.id!==t)).map((e=>this.removeFromTree(e,t))).filter((e=>null!==e));return 0===i.length?null:1===i.length&&e.id!==this.internalExpression?.id?i[0]:{...e,children:i}}return e}calculateDepth(e,t=0){return e?q(e)?t:N(e)?e.children.reduce(((e,i)=>Math.max(e,this.calculateDepth(i,t+1))),t):t:t}canAddNestedGroup(e){if(!this.internalExpression)return!0;if(!e)return this.calculateDepth(this.internalExpression)<3;const t=T(this.internalExpression,e);return!!t&&this.calculateDepth(t)<3}handleApply=()=>{const e=this.getFilterableColumns(),t=this.internalExpression?S(this.internalExpression,e):null;this.bhFilterExpressionChange.emit({expression:this.internalExpression,description:t}),this.bhFilterBuilderClose.emit()};handleClear=()=>{this.internalExpression=null};handleCancel=()=>{this.internalExpression=this.filterExpression?V(this.filterExpression):null,this.bhFilterBuilderClose.emit()};handleKeyDown=e=>{C(e)&&this.handleCancel()};renderValueInput(e,t,i){if(!t.requiresValue)return null;const r="number"===i?"number":"date"===i?"date":"text";return s("div",{class:"filter-builder-value-inputs"},s("bh-input-text",{class:"filter-builder-value-input",onBhInput:t=>this.updateCondition(e.id,{value:t.detail}),placeholder:this.filterLabels.valuePlaceholder,showLabel:!1,type:r,value:(e.value??"")+""}),t.requiresSecondValue&&s("bh-input-text",{class:"filter-builder-value-input",onBhInput:t=>this.updateCondition(e.id,{valueTo:t.detail}),placeholder:this.filterLabels.toValuePlaceholder,showLabel:!1,type:r,value:(e.valueTo??"")+""}))}renderCondition(e,t){const i=this.getFilterableColumns(),r=this.getColumnType(e.field),l=this.getOperatorsForType(r),a=B[e.operator];return s("div",{class:{"filter-builder-condition":!0,["filter-builder-depth-"+t]:!0},"data-expression-id":e.id,key:e.id},s("select",{class:"filter-builder-field-select",onChange:t=>{const i=t.target.value,s=this.getColumnType(i),r=this.getOperatorsForType(s),l=r.includes(e.operator);this.updateCondition(e.id,{field:i,operator:l?e.operator:r[0],value:"",valueTo:void 0})}},i.map((t=>s("option",{key:t.id,selected:t.id===e.field,value:t.id},t.header)))),s("select",{class:"filter-builder-operator-select",onChange:t=>this.updateCondition(e.id,{operator:t.target.value})},l.map((t=>s("option",{key:t,selected:t===e.operator,value:t},B[t].label)))),this.renderValueInput(e,a,r),s("bh-button-icon",{ariaLabel:"Remove condition",class:"filter-builder-remove-btn",hierarchy:"tertiary",iconName:"close",onClick:()=>this.removeExpression(e.id),size:"sm"}))}renderGroup(e,t){const i=this.canAddNestedGroup(e.id);return s("div",{class:{"filter-builder-group":!0,["filter-builder-depth-"+t]:!0},"data-expression-id":e.id,key:e.id},s("div",{class:"filter-builder-group-header"},s("div",{class:"filter-builder-logic-toggle"},s("button",{class:{"filter-builder-logic-btn":!0,"filter-builder-logic-btn-active":"and"===e.logic},onClick:()=>this.updateGroupLogic(e.id,"and"),type:"button"},"AND"),s("button",{class:{"filter-builder-logic-btn":!0,"filter-builder-logic-btn-active":"or"===e.logic},onClick:()=>this.updateGroupLogic(e.id,"or"),type:"button"},"OR")),s("div",{class:"filter-builder-group-actions"},s("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"add",label:this.filterLabels.condition,onClick:()=>this.addCondition(e.id),size:"sm"}),i&&s("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"folder_open",label:this.filterLabels.group,onClick:()=>this.addGroup(e.id),size:"sm"}),t>0&&s("bh-button-icon",{ariaLabel:"Remove group",hierarchy:"tertiary",iconName:"delete",onClick:()=>this.removeExpression(e.id),size:"sm"}))),s("div",{class:"filter-builder-group-children"},e.children.map(((i,r)=>s("div",{class:"filter-builder-child",key:i.id},r>0&&s("div",{class:"filter-builder-logic-separator"},e.logic.toUpperCase()),this.renderExpression(i,t+1))))))}renderExpression(e,t=0){return q(e)?this.renderCondition(e,t):N(e)?this.renderGroup(e,t):null}renderEmptyState(){return s("div",{class:"filter-builder-empty"},s("span",{class:"material-symbols-outlined filter-builder-empty-icon"},"filter_list"),s("p",{class:"filter-builder-empty-text"},"No filters applied. Add a condition or group to start filtering."),s("div",{class:"filter-builder-empty-actions"},s("bh-button",{hierarchy:"primary",icon:"leading",iconName:"add",label:this.filterLabels.addCondition,onClick:()=>this.addCondition(),size:"sm"}),s("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"folder_open",label:this.filterLabels.addGroup,onClick:()=>this.addGroup(),size:"sm"})))}renderPresetSaveDialog(){return this.showPresetSaveDialog?s("div",{class:"filter-builder-dialog-overlay"},s("div",{class:"filter-builder-dialog"},s("div",{class:"filter-builder-dialog-header"},s("h3",null,"Save Filter Preset"),s("bh-button-icon",{ariaLabel:this.filterLabels.closeDialog,hierarchy:"tertiary",iconName:"close",onClick:()=>{this.showPresetSaveDialog=!1,this.presetName=""},size:"sm"})),s("div",{class:"filter-builder-dialog-body"},s("bh-input-text",{label:this.filterLabels.presetName,onBhInput:e=>{this.presetName=e.detail??""},placeholder:this.filterLabels.filterPresetNamePlaceholder,value:this.presetName})),s("div",{class:"filter-builder-dialog-footer"},s("bh-button",{hierarchy:"secondary",label:this.filterLabels.cancel,onClick:()=>{this.showPresetSaveDialog=!1,this.presetName=""},size:"sm"}),s("bh-button",{disabled:!this.presetName.trim(),hierarchy:"primary",label:this.filterLabels.save,onClick:this.handleSavePreset,size:"sm"})))):null}renderPresetLoadDialog(){return this.showPresetLoadDialog?s("div",{class:"filter-builder-dialog-overlay"},s("div",{class:"filter-builder-dialog filter-builder-dialog-wide"},s("div",{class:"filter-builder-dialog-header"},s("h3",null,"Load Filter Preset"),s("bh-button-icon",{ariaLabel:this.filterLabels.closeDialog,hierarchy:"tertiary",iconName:"close",onClick:()=>{this.showPresetLoadDialog=!1},size:"sm"})),s("div",{class:"filter-builder-dialog-body"},0===this.presets.length?s("p",{class:"filter-builder-no-presets"},"No saved presets. Save a filter to create a preset."):s("ul",{class:"filter-builder-preset-list"},this.presets.map((e=>s("li",{class:"filter-builder-preset-item",key:e.id},s("button",{class:"filter-builder-preset-btn",onClick:()=>this.handleLoadPreset(e),type:"button"},s("span",{class:"filter-builder-preset-name"},e.name),s("span",{class:"filter-builder-preset-info"},j(e.expression)," condition(s)")),s("bh-button-icon",{ariaLabel:"Delete preset "+e.name,hierarchy:"tertiary",iconName:"delete",onClick:t=>{t.stopPropagation(),this.handleDeletePreset(e.id)},size:"sm"})))))),s("div",{class:"filter-builder-dialog-footer"},s("bh-button",{hierarchy:"secondary",label:this.filterLabels.cancel,onClick:()=>{this.showPresetLoadDialog=!1},size:"sm"})))):null}renderFilterTags(){if(!this.internalExpression)return null;const e=this.getFilterableColumns(),t=S(this.internalExpression,e);return t?s("div",{class:"filter-builder-tags"},t.parts.map(((e,t)=>s("bh-tag",{dismissible:!1,key:t,label:e.text,size:"sm",variant:"text-only"})))):null}render(){if(!this.visible)return null;const e=j(this.internalExpression);return s(r,null,s("div",{"aria-label":this.filterLabels.filterBuilder,class:"filter-builder",onKeyDown:this.handleKeyDown,part:"filter-builder",role:"dialog"},s("div",{class:"filter-builder-header",part:"filter-builder-header"},s("div",{class:"filter-builder-title"},s("span",{class:"material-symbols-outlined"},"filter_list"),s("h2",null,this.filterLabels.filterBuilder),e>0&&s("bh-badge",{size:"sm",variant:"blue"},e)),s("div",{class:"filter-builder-header-actions"},this.enablePresets&&s("div",{class:"filter-builder-preset-actions"},s("bh-button",{disabled:!this.internalExpression,hierarchy:"tertiary",icon:"leading",iconName:"save",label:this.filterLabels.save,onClick:()=>{this.showPresetSaveDialog=!0},size:"sm"}),s("bh-button",{disabled:0===this.presets.length,hierarchy:"tertiary",icon:"leading",iconName:"folder_open",label:this.filterLabels.load,onClick:()=>{this.showPresetLoadDialog=!0},size:"sm"})),s("bh-button-icon",{ariaLabel:this.filterLabels.closeFilterBuilder,hierarchy:"tertiary",iconName:"close",onClick:this.handleCancel,size:"sm"}))),this.renderFilterTags(),s("div",{class:"filter-builder-body",part:"filter-builder-body"},this.internalExpression?this.renderExpression(this.internalExpression):this.renderEmptyState(),this.internalExpression&&q(this.internalExpression)&&s("div",{class:"filter-builder-root-actions"},s("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"add",label:this.filterLabels.addCondition,onClick:()=>this.addCondition(),size:"sm"}),this.canAddNestedGroup()&&s("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"folder_open",label:this.filterLabels.addGroup,onClick:()=>this.addGroup(),size:"sm"}))),s("div",{class:"filter-builder-footer",part:"filter-builder-footer"},s("bh-button",{disabled:!this.internalExpression,hierarchy:"tertiary",label:this.filterLabels.clearAll,onClick:this.handleClear,size:"sm"}),s("div",{class:"filter-builder-footer-actions"},s("bh-button",{hierarchy:"secondary",label:this.filterLabels.cancel,onClick:this.handleCancel,size:"sm"}),s("bh-button",{hierarchy:"primary",label:this.filterLabels.applyFilter,onClick:this.handleApply,size:"sm"}))),this.renderPresetSaveDialog(),this.renderPresetLoadDialog()))}static get watchers(){return{filterExpression:[{handleFilterExpressionChange:0}]}}},[512,"bh-data-grid-filter-builder",{columns:[16],filterExpression:[16],visible:[4],gridId:[1,"grid-id"],enablePresets:[4,"enable-presets"],filterLabels:[16],internalExpression:[32],presets:[32],showPresetSaveDialog:[32],showPresetLoadDialog:[32],presetName:[32]},void 0,{filterExpression:[{handleFilterExpressionChange:0}]}]),$=I,A=function(){"undefined"!=typeof customElements&&["bh-data-grid-filter-builder","bh-avatar","bh-badge","bh-badge-dot","bh-button","bh-button-icon","bh-input-text","bh-label","bh-loader-spinner","bh-tag","bh-tooltip"].forEach((e=>{switch(e){case"bh-data-grid-filter-builder":customElements.get(l(e))||customElements.define(l(e),I);break;case"bh-avatar":customElements.get(l(e))||n();break;case"bh-badge":customElements.get(l(e))||o();break;case"bh-badge-dot":customElements.get(l(e))||h();break;case"bh-button":customElements.get(l(e))||u();break;case"bh-button-icon":customElements.get(l(e))||d();break;case"bh-input-text":customElements.get(l(e))||c();break;case"bh-label":customElements.get(l(e))||b();break;case"bh-loader-spinner":customElements.get(l(e))||p();break;case"bh-tag":customElements.get(l(e))||f();break;case"bh-tooltip":customElements.get(l(e))||m()}}))};export{$ as BhDataGridFilterBuilder,N as a,E as b,k as c,A as defineCustomElement,q as i}
|
|
1
|
+
import{p as e,H as t,c as i,h as s,d as r,t as l}from"./p-YZi6LqIt.js";import{D as a}from"./p-gY2wiaRN.js";import{d as n}from"./p-DJlRFgcj.js";import{d as o}from"./p-DUm7JrA0.js";import{d as h}from"./p-Be6mIKzo.js";import{d as u}from"./p-BI2Y2Le4.js";import{d}from"./p-CClVva-u.js";import{d as c}from"./p-S-miu3h6.js";import{d as b}from"./p-C7fkgBQS.js";import{d as p}from"./p-BbPrWlsw.js";import{d as f}from"./p-DjpXtbw8.js";import{d as m}from"./p-D6aw0IK6.js";import{c as y,m as g,M as v,r as x}from"./p-BJXjqxlX.js";import{i as C}from"./p-BqJRACkO.js";function k(e){return"remote"===e.type}function E(e){return"local"===e.type}function q(e){return"condition"===e.type}function N(e){return"group"===e.type}let w=0;function z(){return w+=1,"filter-"+w}function D(e,t,i,s){if(!e||"string"!=typeof e)throw Error("field is required and must be a non-empty string");const r={type:"condition",id:z(),field:e,operator:t,value:i};return"between"===t&&void 0!==s&&(r.valueTo=s),r}function L(e,t=[]){if("and"!==e&&"or"!==e)throw Error("logic must be 'and' or 'or'");return{type:"group",id:z(),logic:e,children:t}}const j={equals:"equals",notEquals:"does not equal",contains:"contains",notContains:"does not contain",startsWith:"starts with",endsWith:"ends with",greaterThan:"is greater than",greaterThanOrEqual:"is greater than or equal to",lessThan:"is less than",lessThanOrEqual:"is less than or equal to",between:"is between",isNull:"is empty",isNotNull:"is not empty",in:"is one of",notIn:"is not one of"};function F(e){return null==e?"(empty)":Array.isArray(e)?e.map(F).join(", "):e instanceof Date?e.toLocaleDateString():"boolean"==typeof e?e?"Yes":"No":e+""}function P(e,t=[]){if(!e)return null;const i=[],s=function e(s,r=!1){if(q(s)){const e=function(e,t){const i=e.find((e=>e.id===t));return i?.header??t}(t,s.field),r=j[s.operator];if(i.push({type:"field",text:e,expressionId:s.id}),i.push({type:"operator",text:r,expressionId:s.id}),"isNull"!==s.operator&&"isNotNull"!==s.operator){const t="between"===s.operator?`${F(s.value)} and ${F(s.valueTo)}`:F(s.value);return i.push({type:"value",text:t,expressionId:s.id}),"between"===s.operator?`${e} ${r} ${F(s.value)} and ${F(s.valueTo)}`:`${e} ${r} ${t}`}return`${e} ${r}`}if(N(s)){const t=[],l=s.logic.toUpperCase();s.children.forEach(((r,a)=>{a>0&&i.push({type:"logic",text:l,expressionId:s.id}),t.push(e(r,!0))}));const a=t.join(` ${l} `);return r&&s.children.length>1?`(${a})`:a}return""}(e);return{text:s,parts:i}}function S(e){if(q(e))return D(e.field,e.operator,e.value,e.valueTo);if(N(e))return L(e.logic,e.children.map(S));throw Error("Unknown filter expression type: "+e.type)}function V(e,t){if(e.id===t)return e;if(N(e))for(const i of e.children){const e=V(i,t);if(e)return e}return null}function I(e){return e?q(e)?1:N(e)?e.children.reduce(((e,t)=>e+I(t)),0):0:0}const T={equals:{label:"equals",types:["text","number","date","boolean"],requiresValue:!0},notEquals:{label:"does not equal",types:["text","number","date","boolean"],requiresValue:!0},contains:{label:"contains",types:["text"],requiresValue:!0},notContains:{label:"does not contain",types:["text"],requiresValue:!0},startsWith:{label:"starts with",types:["text"],requiresValue:!0},endsWith:{label:"ends with",types:["text"],requiresValue:!0},greaterThan:{label:"is greater than",types:["number","date"],requiresValue:!0},greaterThanOrEqual:{label:"is greater than or equal to",types:["number","date"],requiresValue:!0},lessThan:{label:"is less than",types:["number","date"],requiresValue:!0},lessThanOrEqual:{label:"is less than or equal to",types:["number","date"],requiresValue:!0},between:{label:"is between",types:["number","date"],requiresValue:!0,requiresSecondValue:!0},isNull:{label:"is empty",types:["text","number","date","boolean"],requiresValue:!1},isNotNull:{label:"is not empty",types:["text","number","date","boolean"],requiresValue:!1},in:{label:"is one of",types:["text","number"],requiresValue:!0},notIn:{label:"is not one of",types:["text","number"],requiresValue:!0}},$=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bhFilterExpressionChange=i(this,"bhFilterExpressionChange"),this.bhFilterPresetSaved=i(this,"bhFilterPresetSaved"),this.bhFilterBuilderClose=i(this,"bhFilterBuilderClose"),this.bhError=i(this,"bhError")}get el(){return this}logger=y("bh-data-grid-filter-builder");columns;filterExpression=null;visible=!1;gridId="default";enablePresets=!0;filterLabels=a;bhFilterExpressionChange;bhFilterPresetSaved;bhFilterBuilderClose;bhError;internalExpression=null;presets=[];showPresetSaveDialog=!1;showPresetLoadDialog=!1;presetName="";componentWillLoad(){this.loadPresets(),this.internalExpression=this.filterExpression?S(this.filterExpression):null}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),g.increment(v.COMPONENT_ERROR,{component:"bh-data-grid-filter-builder",error_type:e instanceof Error?e.name:"unknown"}),x("bh-data-grid-filter-builder",e),this.bhError.emit({error:e})}handleFilterExpressionChange(e){this.internalExpression=e?S(e):null}getStorageKey(){return"bh-data-grid-filter-presets-"+this.gridId}loadPresets(){try{const e=localStorage.getItem(this.getStorageKey());e&&(this.presets=JSON.parse(e))}catch(e){this.logger.warn("Failed to load filter presets",{error:e}),this.presets=[]}}savePresetsToStorage(){try{localStorage.setItem(this.getStorageKey(),JSON.stringify(this.presets))}catch(e){this.logger.error("Failed to save filter presets",e instanceof Error?e:Error(e+""))}}handleSavePreset=()=>{if(!this.presetName.trim()||!this.internalExpression)return;const e=Date.now(),t={id:"preset-"+e,name:this.presetName.trim(),expression:S(this.internalExpression),createdAt:e,updatedAt:e};this.presets=[...this.presets,t],this.savePresetsToStorage(),this.bhFilterPresetSaved.emit({preset:t}),this.showPresetSaveDialog=!1,this.presetName=""};handleLoadPreset=e=>{this.internalExpression=S(e.expression),this.showPresetLoadDialog=!1};handleDeletePreset=e=>{this.presets=this.presets.filter((t=>t.id!==e)),this.savePresetsToStorage()};getFilterableColumns(){return this.columns.filter((e=>{const t=e.meta;return!1!==t?.filterable})).map((e=>{const t=e.meta,i="accessorKey"in e&&"string"==typeof e.accessorKey?e.accessorKey:e.id??"";return{id:i,header:"string"==typeof e.header?e.header:i,type:t?.type??"text"}}))}getOperatorsForType(e){return Object.keys(T).filter((t=>T[t].types.includes(e)))}getColumnType(e){const t=this.getFilterableColumns().find((t=>t.id===e));return t?.type??"text"}addCondition=e=>{const t=this.getFilterableColumns();if(0===t.length)return;const i=t[0],s=this.getOperatorsForType(i.type),r=D(i.id,s[0]??"equals","");this.internalExpression?e?this.internalExpression=this.addToGroup(this.internalExpression,e,r):q(this.internalExpression)?this.internalExpression=L("and",[S(this.internalExpression),r]):N(this.internalExpression)&&(this.internalExpression={...this.internalExpression,children:[...this.internalExpression.children,r]}):this.internalExpression=r};addGroup=e=>{const t=this.getFilterableColumns();if(0===t.length)return;const i=t[0],s=this.getOperatorsForType(i.type),r=L("and",[D(i.id,s[0]??"equals","")]);this.internalExpression?e?this.internalExpression=this.addToGroup(this.internalExpression,e,r):q(this.internalExpression)?this.internalExpression=L("and",[S(this.internalExpression),r]):N(this.internalExpression)&&(this.internalExpression={...this.internalExpression,children:[...this.internalExpression.children,r]}):this.internalExpression=r};addToGroup(e,t,i){return e.id===t&&N(e)?{...e,children:[...e.children,i]}:N(e)?{...e,children:e.children.map((e=>this.addToGroup(e,t,i)))}:e}updateCondition=(e,t)=>{this.internalExpression&&(this.internalExpression=this.updateExpressionById(this.internalExpression,e,(e=>q(e)?{...e,...t}:e)))};updateGroupLogic=(e,t)=>{this.internalExpression&&(this.internalExpression=this.updateExpressionById(this.internalExpression,e,(e=>N(e)?{...e,logic:t}:e)))};removeExpression=e=>{this.internalExpression&&(this.internalExpression=this.internalExpression.id!==e?this.removeFromTree(this.internalExpression,e):null)};updateExpressionById(e,t,i){return e.id===t?i(e):N(e)?{...e,children:e.children.map((e=>this.updateExpressionById(e,t,i)))}:e}removeFromTree(e,t){if(N(e)){const i=e.children.filter((e=>e.id!==t)).map((e=>this.removeFromTree(e,t))).filter((e=>null!==e));return 0===i.length?null:1===i.length&&e.id!==this.internalExpression?.id?i[0]:{...e,children:i}}return e}calculateDepth(e,t=0){return e?q(e)?t:N(e)?e.children.reduce(((e,i)=>Math.max(e,this.calculateDepth(i,t+1))),t):t:t}canAddNestedGroup(e){if(!this.internalExpression)return!0;if(!e)return this.calculateDepth(this.internalExpression)<3;const t=V(this.internalExpression,e);return!!t&&this.calculateDepth(t)<3}handleApply=()=>{const e=this.getFilterableColumns(),t=this.internalExpression?P(this.internalExpression,e):null;this.bhFilterExpressionChange.emit({expression:this.internalExpression,description:t}),this.bhFilterBuilderClose.emit()};handleClear=()=>{this.internalExpression=null};handleCancel=()=>{this.internalExpression=this.filterExpression?S(this.filterExpression):null,this.bhFilterBuilderClose.emit()};handleKeyDown=e=>{C(e)&&this.handleCancel()};renderValueInput(e,t,i){if(!t.requiresValue)return null;const r="number"===i?"number":"date"===i?"date":"text";return s("div",{class:"filter-builder-value-inputs"},s("bh-input-text",{class:"filter-builder-value-input",onBhInput:t=>this.updateCondition(e.id,{value:t.detail}),placeholder:this.filterLabels.valuePlaceholder,showLabel:!1,type:r,value:(e.value??"")+""}),t.requiresSecondValue&&s("bh-input-text",{class:"filter-builder-value-input",onBhInput:t=>this.updateCondition(e.id,{valueTo:t.detail}),placeholder:this.filterLabels.toValuePlaceholder,showLabel:!1,type:r,value:(e.valueTo??"")+""}))}renderCondition(e,t){const i=this.getFilterableColumns(),r=this.getColumnType(e.field),l=this.getOperatorsForType(r),a=T[e.operator];return s("div",{class:{"filter-builder-condition":!0,["filter-builder-depth-"+t]:!0},"data-expression-id":e.id,key:e.id},s("select",{class:"filter-builder-field-select",onChange:t=>{const i=t.target.value,s=this.getColumnType(i),r=this.getOperatorsForType(s),l=r.includes(e.operator);this.updateCondition(e.id,{field:i,operator:l?e.operator:r[0],value:"",valueTo:void 0})}},i.map((t=>s("option",{key:t.id,selected:t.id===e.field,value:t.id},t.header)))),s("select",{class:"filter-builder-operator-select",onChange:t=>this.updateCondition(e.id,{operator:t.target.value})},l.map((t=>s("option",{key:t,selected:t===e.operator,value:t},T[t].label)))),this.renderValueInput(e,a,r),s("bh-button-icon",{ariaLabel:"Remove condition",class:"filter-builder-remove-btn",hierarchy:"tertiary",iconName:"close",onClick:()=>this.removeExpression(e.id),size:"sm"}))}renderGroup(e,t){const i=this.canAddNestedGroup(e.id);return s("div",{class:{"filter-builder-group":!0,["filter-builder-depth-"+t]:!0},"data-expression-id":e.id,key:e.id},s("div",{class:"filter-builder-group-header"},s("div",{class:"filter-builder-logic-toggle"},s("button",{class:{"filter-builder-logic-btn":!0,"filter-builder-logic-btn-active":"and"===e.logic},onClick:()=>this.updateGroupLogic(e.id,"and"),type:"button"},"AND"),s("button",{class:{"filter-builder-logic-btn":!0,"filter-builder-logic-btn-active":"or"===e.logic},onClick:()=>this.updateGroupLogic(e.id,"or"),type:"button"},"OR")),s("div",{class:"filter-builder-group-actions"},s("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"add",label:this.filterLabels.condition,onClick:()=>this.addCondition(e.id),size:"sm"}),i&&s("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"folder_open",label:this.filterLabels.group,onClick:()=>this.addGroup(e.id),size:"sm"}),t>0&&s("bh-button-icon",{ariaLabel:"Remove group",hierarchy:"tertiary",iconName:"delete",onClick:()=>this.removeExpression(e.id),size:"sm"}))),s("div",{class:"filter-builder-group-children"},e.children.map(((i,r)=>s("div",{class:"filter-builder-child",key:i.id},r>0&&s("div",{class:"filter-builder-logic-separator"},e.logic.toUpperCase()),this.renderExpression(i,t+1))))))}renderExpression(e,t=0){return q(e)?this.renderCondition(e,t):N(e)?this.renderGroup(e,t):null}renderEmptyState(){return s("div",{class:"filter-builder-empty"},s("span",{class:"material-symbols-outlined filter-builder-empty-icon"},"filter_list"),s("p",{class:"filter-builder-empty-text"},"No filters applied. Add a condition or group to start filtering."),s("div",{class:"filter-builder-empty-actions"},s("bh-button",{hierarchy:"primary",icon:"leading",iconName:"add",label:this.filterLabels.addCondition,onClick:()=>this.addCondition(),size:"sm"}),s("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"folder_open",label:this.filterLabels.addGroup,onClick:()=>this.addGroup(),size:"sm"})))}renderPresetSaveDialog(){return this.showPresetSaveDialog?s("div",{class:"filter-builder-dialog-overlay"},s("div",{class:"filter-builder-dialog"},s("div",{class:"filter-builder-dialog-header"},s("h3",null,"Save Filter Preset"),s("bh-button-icon",{ariaLabel:this.filterLabels.closeDialog,hierarchy:"tertiary",iconName:"close",onClick:()=>{this.showPresetSaveDialog=!1,this.presetName=""},size:"sm"})),s("div",{class:"filter-builder-dialog-body"},s("bh-input-text",{label:this.filterLabels.presetName,onBhInput:e=>{this.presetName=e.detail??""},placeholder:this.filterLabels.filterPresetNamePlaceholder,value:this.presetName})),s("div",{class:"filter-builder-dialog-footer"},s("bh-button",{hierarchy:"secondary",label:this.filterLabels.cancel,onClick:()=>{this.showPresetSaveDialog=!1,this.presetName=""},size:"sm"}),s("bh-button",{disabled:!this.presetName.trim(),hierarchy:"primary",label:this.filterLabels.save,onClick:this.handleSavePreset,size:"sm"})))):null}renderPresetLoadDialog(){return this.showPresetLoadDialog?s("div",{class:"filter-builder-dialog-overlay"},s("div",{class:"filter-builder-dialog filter-builder-dialog-wide"},s("div",{class:"filter-builder-dialog-header"},s("h3",null,"Load Filter Preset"),s("bh-button-icon",{ariaLabel:this.filterLabels.closeDialog,hierarchy:"tertiary",iconName:"close",onClick:()=>{this.showPresetLoadDialog=!1},size:"sm"})),s("div",{class:"filter-builder-dialog-body"},0===this.presets.length?s("p",{class:"filter-builder-no-presets"},"No saved presets. Save a filter to create a preset."):s("ul",{class:"filter-builder-preset-list"},this.presets.map((e=>s("li",{class:"filter-builder-preset-item",key:e.id},s("button",{class:"filter-builder-preset-btn",onClick:()=>this.handleLoadPreset(e),type:"button"},s("span",{class:"filter-builder-preset-name"},e.name),s("span",{class:"filter-builder-preset-info"},I(e.expression)," condition(s)")),s("bh-button-icon",{ariaLabel:"Delete preset "+e.name,hierarchy:"tertiary",iconName:"delete",onClick:t=>{t.stopPropagation(),this.handleDeletePreset(e.id)},size:"sm"})))))),s("div",{class:"filter-builder-dialog-footer"},s("bh-button",{hierarchy:"secondary",label:this.filterLabels.cancel,onClick:()=>{this.showPresetLoadDialog=!1},size:"sm"})))):null}renderFilterTags(){if(!this.internalExpression)return null;const e=this.getFilterableColumns(),t=P(this.internalExpression,e);return t?s("div",{class:"filter-builder-tags"},t.parts.map(((e,t)=>s("bh-tag",{dismissible:!1,key:t,label:e.text,size:"sm",variant:"text-only"})))):null}render(){if(!this.visible)return null;const e=I(this.internalExpression);return s(r,null,s("div",{"aria-label":this.filterLabels.filterBuilder,class:"filter-builder",onKeyDown:this.handleKeyDown,part:"filter-builder",role:"dialog"},s("div",{class:"filter-builder-header",part:"filter-builder-header"},s("div",{class:"filter-builder-title"},s("span",{class:"material-symbols-outlined"},"filter_list"),s("h2",null,this.filterLabels.filterBuilder),e>0&&s("bh-badge",{size:"sm",variant:"blue"},e)),s("div",{class:"filter-builder-header-actions"},this.enablePresets&&s("div",{class:"filter-builder-preset-actions"},s("bh-button",{disabled:!this.internalExpression,hierarchy:"tertiary",icon:"leading",iconName:"save",label:this.filterLabels.save,onClick:()=>{this.showPresetSaveDialog=!0},size:"sm"}),s("bh-button",{disabled:0===this.presets.length,hierarchy:"tertiary",icon:"leading",iconName:"folder_open",label:this.filterLabels.load,onClick:()=>{this.showPresetLoadDialog=!0},size:"sm"})),s("bh-button-icon",{ariaLabel:this.filterLabels.closeFilterBuilder,hierarchy:"tertiary",iconName:"close",onClick:this.handleCancel,size:"sm"}))),this.renderFilterTags(),s("div",{class:"filter-builder-body",part:"filter-builder-body"},this.internalExpression?this.renderExpression(this.internalExpression):this.renderEmptyState(),this.internalExpression&&q(this.internalExpression)&&s("div",{class:"filter-builder-root-actions"},s("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"add",label:this.filterLabels.addCondition,onClick:()=>this.addCondition(),size:"sm"}),this.canAddNestedGroup()&&s("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"folder_open",label:this.filterLabels.addGroup,onClick:()=>this.addGroup(),size:"sm"}))),s("div",{class:"filter-builder-footer",part:"filter-builder-footer"},s("bh-button",{disabled:!this.internalExpression,hierarchy:"tertiary",label:this.filterLabels.clearAll,onClick:this.handleClear,size:"sm"}),s("div",{class:"filter-builder-footer-actions"},s("bh-button",{hierarchy:"secondary",label:this.filterLabels.cancel,onClick:this.handleCancel,size:"sm"}),s("bh-button",{hierarchy:"primary",label:this.filterLabels.applyFilter,onClick:this.handleApply,size:"sm"}))),this.renderPresetSaveDialog(),this.renderPresetLoadDialog()))}static get watchers(){return{filterExpression:[{handleFilterExpressionChange:0}]}}},[512,"bh-data-grid-filter-builder",{columns:[16],filterExpression:[16],visible:[4],gridId:[1,"grid-id"],enablePresets:[4,"enable-presets"],filterLabels:[16],internalExpression:[32],presets:[32],showPresetSaveDialog:[32],showPresetLoadDialog:[32],presetName:[32]},void 0,{filterExpression:[{handleFilterExpressionChange:0}]}]),B=$,O=function(){"undefined"!=typeof customElements&&["bh-data-grid-filter-builder","bh-avatar","bh-badge","bh-badge-dot","bh-button","bh-button-icon","bh-input-text","bh-label","bh-loader-spinner","bh-tag","bh-tooltip"].forEach((e=>{switch(e){case"bh-data-grid-filter-builder":customElements.get(l(e))||customElements.define(l(e),$);break;case"bh-avatar":customElements.get(l(e))||n();break;case"bh-badge":customElements.get(l(e))||o();break;case"bh-badge-dot":customElements.get(l(e))||h();break;case"bh-button":customElements.get(l(e))||u();break;case"bh-button-icon":customElements.get(l(e))||d();break;case"bh-input-text":customElements.get(l(e))||c();break;case"bh-label":customElements.get(l(e))||b();break;case"bh-loader-spinner":customElements.get(l(e))||p();break;case"bh-tag":customElements.get(l(e))||f();break;case"bh-tooltip":customElements.get(l(e))||m()}}))};export{B as BhDataGridFilterBuilder,N as a,E as b,k as c,O as defineCustomElement,q as i}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,c as a,h as r,d as s,t as n}from"./p-YZi6LqIt.js";import{D as o}from"./p-gY2wiaRN.js";import{d as i}from"./p-
|
|
1
|
+
import{p as t,H as e,c as a,h as r,d as s,t as n}from"./p-YZi6LqIt.js";import{D as o}from"./p-gY2wiaRN.js";import{d as i}from"./p-DJlRFgcj.js";import{d as l}from"./p-Be6mIKzo.js";import{d as u}from"./p-CClVva-u.js";import{d as c}from"./p-DfCONXO0.js";import{d as m}from"./p-C7fkgBQS.js";import{d as h}from"./p-BbPrWlsw.js";import{d as g}from"./p-Br9M2BbM.js";import{d}from"./p-jNp3nckG.js";import{d as b}from"./p-DjpXtbw8.js";import{d as p}from"./p-D6aw0IK6.js";import{c as f,m as y,M as C,r as S}from"./p-BJXjqxlX.js";const M=[10,25,50,100],k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.bhPageChange=a(this,"bhPageChange"),this.bhPageSizeChange=a(this,"bhPageSizeChange")}logger=f("bh-data-grid-footer");table;columns;size="default";isLoading=!1;enablePagination=!1;page=1;pageSize=10;pageSizeOptions=[10,25,50,100];totalRowCount;summaryConfig;enableTotalSummary=!1;leadingColumnCount=0;trailingColumnCount=0;footerLabels=o;bhPageChange;bhPageSizeChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),y.increment(C.COMPONENT_ERROR,{component:"bh-data-grid-footer",error_type:t instanceof Error?t.name:"unknown"}),S("bh-data-grid-footer",t)}getSafePageSize(){const t=this.pageSize;return"number"==typeof t&&Number.isFinite(t)?Math.max(1,Math.min(1e4,Math.floor(t))):10}getSafePage(){const t=this.page;return"number"==typeof t&&Number.isFinite(t)?Math.max(1,Math.floor(t)):1}getSafeColumnCount(t){return"number"!=typeof t||!Number.isFinite(t)||t<0?0:Math.floor(t)}getTotalRowCount(){if(null!=this.totalRowCount){const t=Number(this.totalRowCount);return Number.isFinite(t)&&t>=0?Math.floor(t):0}if(!this.table)return 0;try{const t=this.table.getFilteredRowModel();return t?.rows?.length??0}catch{return 0}}getTotalPages(){const t=this.getTotalRowCount(),e=this.getSafePageSize();return t<=0?1:Math.ceil(t/e)}handlePageChange(t){const e=this.getTotalPages(),a=Math.max(1,Math.min(e,Math.floor(t)));a<1||a>e||this.bhPageChange.emit({page:a,pageSize:this.getSafePageSize()})}handlePageSizeChange(t){this.bhPageSizeChange.emit({pageSize:Math.max(1,Math.min(1e4,Math.floor(t))),previousPageSize:this.getSafePageSize()})}calculateSummary(t){if(!this.table||!t?.columnId)return null;let e;try{const t=this.table.getFilteredRowModel();e=t?.rows}catch{return null}if(!Array.isArray(e))return null;const a=e.map((e=>{try{return e.getValue(t.columnId)}catch{return}})).filter((t=>null!=t)),r=a.map((t=>Number(t))).filter((t=>Number.isFinite(t)));switch(t.type){case"sum":return r.reduce(((t,e)=>t+e),0);case"avg":return 0===r.length?0:r.reduce(((t,e)=>t+e),0)/r.length;case"min":return 0===r.length?null:r.reduce(((t,e)=>Math.min(t,e)),r[0]);case"max":return 0===r.length?null:r.reduce(((t,e)=>Math.max(t,e)),r[0]);case"count":return a.length;case"custom":if("function"!=typeof t.calculate)return null;try{return t.calculate(a)}catch{return null}default:return null}}formatSummaryValue(t,e){if("function"==typeof e?.format)try{const a=e.format(t);return"string"==typeof a?a:(a??"")+""}catch{return(t??"")+""}if("number"==typeof t&&Number.isFinite(t))try{return t.toLocaleString()}catch{return t+""}return null==t?"":t+""}renderSummaryRow(){if(!this.enableTotalSummary)return null;const t=this.summaryConfig?.items;if(!Array.isArray(t)||0===t.length)return null;const e=this.columns;if(!Array.isArray(e))return null;const a=new Map;for(const e of t)e?.columnId&&a.set(e.columnId,e);const s=this.getSafeColumnCount(this.leadingColumnCount),n=this.getSafeColumnCount(this.trailingColumnCount);return r("tfoot",{class:"data-grid-footer",part:"footer"},r("tr",{class:"data-grid-summary-row",part:"summary",role:"row"},Array.from({length:s}).map(((t,e)=>r("td",{class:"data-grid-cell data-grid-cell-summary",key:"lead-"+e,role:"cell"}))),e.map(((t,e)=>{const s="string"==typeof t?.id?t.id:t?.accessorKey??"col-"+e,n=a.get(s);if(!n)return r("td",{class:"data-grid-cell data-grid-cell-summary",key:s,role:"cell"});const o=this.calculateSummary(n),i=this.formatSummaryValue(o,n);return r("td",{class:"data-grid-cell data-grid-cell-summary",key:s,role:"cell"},n.label&&r("span",{class:"data-grid-summary-label"},n.label),r("span",{class:"data-grid-summary-value"},i))})),Array.from({length:n}).map(((t,e)=>r("td",{class:"data-grid-cell data-grid-cell-summary",key:"trail-"+e,role:"cell"})))))}renderPagination(){if(!this.enablePagination)return null;const t=this.getSafePage(),e=this.getSafePageSize(),a=this.getTotalRowCount(),s=a>0?(t-1)*e+1:0,n=Math.min(t*e,a),o=Array.isArray(this.pageSizeOptions)&&this.pageSizeOptions.length>0?this.pageSizeOptions.filter((t=>"number"==typeof t&&Number.isFinite(t)&&t>0)):M;return r("div",{class:"data-grid-pagination",part:"pagination"},r("bh-pagination",{onBhPageChange:t=>this.handlePageChange(t.detail.page),onBhPageSizeChange:t=>this.handlePageSizeChange(t.detail.pageSize),page:t,pageSize:e,pageSizeOptions:o.length>0?o:M,rowsPerPageLabel:"Rows per page:",showingResultsLabel:a>0?`${s}-${n} of ${a}`:"0 rows",totalItems:a}))}render(){return r(s,{key:"d34ded8a49617aa81e334dfdf41bab6fbb563d18"},this.renderSummaryRow(),this.renderPagination())}},[512,"bh-data-grid-footer",{table:[16],columns:[16],size:[1],isLoading:[4,"is-loading"],enablePagination:[4,"enable-pagination"],page:[2],pageSize:[2,"page-size"],pageSizeOptions:[16],totalRowCount:[2,"total-row-count"],summaryConfig:[16],enableTotalSummary:[4,"enable-total-summary"],leadingColumnCount:[2,"leading-column-count"],trailingColumnCount:[2,"trailing-column-count"],footerLabels:[16]}]),w=k,z=function(){"undefined"!=typeof customElements&&["bh-data-grid-footer","bh-avatar","bh-badge-dot","bh-button-icon","bh-checkbox","bh-label","bh-loader-spinner","bh-pagination","bh-select","bh-tag","bh-tooltip"].forEach((t=>{switch(t){case"bh-data-grid-footer":customElements.get(n(t))||customElements.define(n(t),k);break;case"bh-avatar":customElements.get(n(t))||i();break;case"bh-badge-dot":customElements.get(n(t))||l();break;case"bh-button-icon":customElements.get(n(t))||u();break;case"bh-checkbox":customElements.get(n(t))||c();break;case"bh-label":customElements.get(n(t))||m();break;case"bh-loader-spinner":customElements.get(n(t))||h();break;case"bh-pagination":customElements.get(n(t))||g();break;case"bh-select":customElements.get(n(t))||d();break;case"bh-tag":customElements.get(n(t))||b();break;case"bh-tooltip":customElements.get(n(t))||p()}}))};export{w as BhDataGridFooter,z as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,c as i,h as a,d as s,t as n}from"./p-YZi6LqIt.js";import{i as l,g as r}from"./p-jpCe1QTg.js";import{d}from"./p-
|
|
1
|
+
import{p as e,H as t,c as i,h as a,d as s,t as n}from"./p-YZi6LqIt.js";import{i as l,g as r}from"./p-jpCe1QTg.js";import{d}from"./p-DfCONXO0.js";import{d as o}from"./p-C7fkgBQS.js";import{d as h}from"./p-D6aw0IK6.js";import{c,m as u,M as m,r as g}from"./p-BJXjqxlX.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bhColumnHeaderClick=i(this,"bhColumnHeaderClick"),this.bhColumnHeaderContextMenu=i(this,"bhColumnHeaderContextMenu"),this.bhColumnResize=i(this,"bhColumnResize"),this.bhColumnResizeEnd=i(this,"bhColumnResizeEnd")}get el(){return this}logger=c("bh-data-grid-header");table;columns;size="default";isLoading=!1;enableSorting=!0;enableColumnReorder=!1;enableColumnResize=!1;enableColumnPinning=!1;columnPinning={left:[],right:[]};columnSizes={};selectionMode="none";enableExpansion=!1;enableMasterDetail=!1;enableGrouping=!1;enableEditing=!1;showEditActions=!0;editMode="cell";enableRowDragging=!1;showDragHandle=!0;stickyHeader=!1;showFilterRow=!1;minColumnWidth=50;maxColumnWidth=500;bhColumnHeaderClick;bhColumnHeaderContextMenu;bhColumnResize;bhColumnResizeEnd;resizingColumnId=null;resizeStartX=0;resizeStartWidth=0;boundResizeMove=null;boundResizeEnd=null;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),u.increment(m.COMPONENT_ERROR,{component:"bh-data-grid-header",error_type:e instanceof Error?e.name:"unknown"}),g("bh-data-grid-header",e)}disconnectedCallback(){this.cleanupResizeListeners()}getColumnWidth(e,t){return this.columnSizes[e]??t}handleHeaderClick(e,t){this.bhColumnHeaderClick.emit({columnId:e.column.id,event:t})}handleHeaderContextMenu(e,t){t.preventDefault(),this.bhColumnHeaderContextMenu.emit({columnId:e.column.id,event:t})}handleResizeStart(e,t){e.stopPropagation(),e.preventDefault(),this.cleanupResizeListeners();const i=t.column.id;this.resizingColumnId=i,this.resizeStartX=e.clientX,this.resizeStartWidth=this.getColumnWidth(i,t.column.getSize()),this.boundResizeMove=this.handleResizeMove.bind(this),this.boundResizeEnd=this.handleResizeEnd.bind(this),document.addEventListener("mousemove",this.boundResizeMove),document.addEventListener("mouseup",this.boundResizeEnd)}handleResizeMove(e){this.resizingColumnId&&this.bhColumnResize.emit({columnId:this.resizingColumnId,width:Math.max(this.minColumnWidth,Math.min(this.maxColumnWidth,this.resizeStartWidth+(e.clientX-this.resizeStartX))),previousWidth:this.resizeStartWidth})}handleResizeEnd(){this.resizingColumnId&&this.bhColumnResizeEnd.emit({columnSizes:{...this.columnSizes}}),this.resizingColumnId=null,this.cleanupResizeListeners()}cleanupResizeListeners(){this.boundResizeMove&&(document.removeEventListener("mousemove",this.boundResizeMove),this.boundResizeMove=null),this.boundResizeEnd&&(document.removeEventListener("mouseup",this.boundResizeEnd),this.boundResizeEnd=null)}renderSelectionHeader(){if("none"===this.selectionMode||"single-click"===this.selectionMode||"multiple-click"===this.selectionMode)return null;if("single-radio"===this.selectionMode)return a("th",{class:"data-grid-header-cell data-grid-cell-select",role:"columnheader"});const e=this.table.getIsAllRowsSelected(),t=this.table.getIsSomeRowsSelected();return a("th",{class:"data-grid-header-cell data-grid-cell-select",role:"columnheader"},a("bh-checkbox",{checked:e,indeterminate:t&&!e,onBhChange:()=>this.table.toggleAllRowsSelected(),size:"sm"}))}renderHeaderCell(e){if(e.isPlaceholder)return a("th",{class:"data-grid-header-cell",key:e.id,role:"columnheader"});const t=e.column.id,i=this.enableSorting&&e.column.getCanSort(),s=e.column.getIsSorted(),n=e.column.columnDef.meta,d=this.enableColumnResize&&!1!==n?.resizable,o=this.resizingColumnId===t,h=l(t,this.columnPinning),c="left"===h,u="right"===h,m=c||u,g={"data-grid-header-cell":!0,"data-grid-header-cell-sortable":i,"data-grid-header-cell-sorted":!!s,"data-grid-header-cell-resizable":d,"data-grid-header-cell-resizing":o,"data-grid-header-cell-pinned":m,"data-grid-header-cell-pinned-left":c,"data-grid-header-cell-pinned-right":u,"data-grid-header-cell-draggable":this.enableColumnReorder,["data-grid-cell-align-"+(n?.align||"left")]:!0},b=this.getColumnWidth(t,e.column.getSize()),p=b?{width:b+"px",minWidth:b+"px"}:{};c?(p.position="sticky",p.left=r(t,"left",this.columnPinning,this.columnSizes,100)+"px",p.zIndex="11"):u&&(p.position="sticky",p.right=r(t,"right",this.columnPinning,this.columnSizes,100)+"px",p.zIndex="11");const C="function"==typeof e.column.columnDef.header?e.column.columnDef.header(e.getContext()):e.column.columnDef.header??t;return a("th",{"aria-sort":"asc"===s?"ascending":"desc"===s?"descending":void 0,class:g,key:e.id,onClick:t=>i&&this.handleHeaderClick(e,t),onContextMenu:t=>this.handleHeaderContextMenu(e,t),role:"columnheader",style:p},a("span",{class:"data-grid-header-content"},this.enableColumnPinning&&m&&a("span",{class:"data-grid-pin-indicator material-symbols-outlined"},"push_pin"),a("span",{class:"data-grid-header-text"},C),i&&a("span",{class:"data-grid-sort-indicator"},"asc"===s&&a("span",{class:"material-symbols-outlined"},"arrow_upward"),"desc"===s&&a("span",{class:"material-symbols-outlined"},"arrow_downward"),!s&&a("span",{class:"material-symbols-outlined data-grid-sort-inactive"},"unfold_more"))),d&&a("div",{class:"data-grid-resize-handle",onMouseDown:t=>this.handleResizeStart(t,e)}))}render(){if(!this.table)return null;const e=this.table.getHeaderGroups();return a(s,null,a("thead",{class:{"data-grid-header":!0,"data-grid-header-sticky":this.stickyHeader},part:"header"},e.map((e=>a("tr",{class:"data-grid-header-row",key:e.id,part:"header-row",role:"row"},this.enableRowDragging&&this.showDragHandle&&a("th",{class:"data-grid-header-cell data-grid-cell-drag-handle",role:"columnheader"}),this.renderSelectionHeader(),(this.enableExpansion||this.enableMasterDetail)&&!this.enableGrouping&&a("th",{class:"data-grid-header-cell data-grid-cell-expand",role:"columnheader"}),e.headers.map((e=>this.renderHeaderCell(e))),this.enableEditing&&this.showEditActions&&"row"===this.editMode&&a("th",{class:"data-grid-header-cell data-grid-cell-actions",role:"columnheader"}))))))}},[512,"bh-data-grid-header",{table:[16],columns:[16],size:[1],isLoading:[4,"is-loading"],enableSorting:[4,"enable-sorting"],enableColumnReorder:[4,"enable-column-reorder"],enableColumnResize:[4,"enable-column-resize"],enableColumnPinning:[4,"enable-column-pinning"],columnPinning:[16],columnSizes:[16],selectionMode:[1,"selection-mode"],enableExpansion:[4,"enable-expansion"],enableMasterDetail:[4,"enable-master-detail"],enableGrouping:[4,"enable-grouping"],enableEditing:[4,"enable-editing"],showEditActions:[4,"show-edit-actions"],editMode:[1,"edit-mode"],enableRowDragging:[4,"enable-row-dragging"],showDragHandle:[4,"show-drag-handle"],stickyHeader:[4,"sticky-header"],showFilterRow:[4,"show-filter-row"],minColumnWidth:[2,"min-column-width"],maxColumnWidth:[2,"max-column-width"]}]),p=b,C=function(){"undefined"!=typeof customElements&&["bh-data-grid-header","bh-checkbox","bh-label","bh-tooltip"].forEach((e=>{switch(e){case"bh-data-grid-header":customElements.get(n(e))||customElements.define(n(e),b);break;case"bh-checkbox":customElements.get(n(e))||d();break;case"bh-label":customElements.get(n(e))||o();break;case"bh-tooltip":customElements.get(n(e))||h()}}))};export{p as BhDataGridHeader,C as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,c as a,h as s,d as r,t as o}from"./p-YZi6LqIt.js";import{D as i}from"./p-gY2wiaRN.js";import{d as l}from"./p-
|
|
1
|
+
import{p as e,H as t,c as a,h as s,d as r,t as o}from"./p-YZi6LqIt.js";import{D as i}from"./p-gY2wiaRN.js";import{d as l}from"./p-DJlRFgcj.js";import{d as n}from"./p-DUm7JrA0.js";import{d as h}from"./p-BI2Y2Le4.js";import{d as c}from"./p-CClVva-u.js";import{d as b}from"./p-CJUnjRCe.js";import{d}from"./p-S-miu3h6.js";import{d as m}from"./p-C7fkgBQS.js";import{d as u}from"./p-BbPrWlsw.js";import{b as p,d as f}from"./p-hhv9O2Qq.js";import{d as g}from"./p-D6aw0IK6.js";import{c as C,m as k,M as y,r as x}from"./p-BJXjqxlX.js";import{c as E,a as w}from"./p-CqAYzGVs.js";const B=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bhSearchChange=a(this,"bhSearchChange"),this.bhExport=a(this,"bhExport"),this.bhFilterBuilderToggle=a(this,"bhFilterBuilderToggle"),this.bhBatchSave=a(this,"bhBatchSave"),this.bhBatchDiscard=a(this,"bhBatchDiscard"),this.bhRefresh=a(this,"bhRefresh"),this.bhAdd=a(this,"bhAdd"),this.bhClearFilter=a(this,"bhClearFilter"),this.bhClearSelection=a(this,"bhClearSelection"),this.bhColumnChooserToggle=a(this,"bhColumnChooserToggle")}get el(){return this}logger=C("bh-data-grid-toolbar");table;columns;size="default";isLoading=!1;config;enableSearch=!1;searchText="";searchPlaceholder="Search...";enableExport=!1;exportFormats=["csv"];exportConfig;batchEditingEnabled=!1;pendingChangesCount=0;filterBuilderOpen=!1;filterExpression=null;filterDescription=null;showRefreshButton=!1;showAddButton=!1;showClearFilterButton=!1;showClearSelectionButton=!1;enableColumnChooser=!1;enableFilterBuilder=!1;toolbarLabels=i;bhSearchChange;bhExport;bhFilterBuilderToggle;bhBatchSave;bhBatchDiscard;bhRefresh;bhAdd;bhClearFilter;bhClearSelection;bhColumnChooserToggle;destroy$=E();componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),k.increment(y.COMPONENT_ERROR,{component:"bh-data-grid-toolbar",error_type:e instanceof Error?e.name:"unknown"}),x("bh-data-grid-toolbar",e)}disconnectedCallback(){w(this.destroy$)}handleExportClick(e){this.bhExport.emit({format:e})}getExportMenuItems(){const e={csv:{label:"CSV (.csv)",icon:"description"},xlsx:{label:"Excel (.xlsx)",icon:"table_chart"},json:{label:"JSON (.json)",icon:"data_object"}};return this.exportFormats.map((t=>({id:t,label:e[t].label,icon:e[t].icon})))}renderToolbarItem(e){switch(e){case"search":return this.enableSearch?s("div",{class:"data-grid-toolbar-search",key:"search"},s("bh-input-text",{leadingIcon:"search",onBhInput:e=>{this.bhSearchChange.emit({searchText:e.detail})},placeholder:this.searchPlaceholder,showLabel:!1,showLeadingIcon:!0})):null;case"export":return this.enableExport?s("div",{class:"data-grid-toolbar-export",key:"export"},1===this.exportFormats.length?s("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"download",label:this.toolbarLabels.export,onClick:()=>this.handleExportClick(this.exportFormats[0]),size:"sm"}):s("bh-dropdown",{class:"data-grid-export-dropdown",iconName:"download",label:this.toolbarLabels.export,menuItems:this.getExportMenuItems(),onBhItemClick:e=>this.handleExportClick(e.detail.id),size:"sm",variant:"outlined"})):null;case"column-chooser":return this.enableColumnChooser?s("div",{class:"data-grid-toolbar-column-chooser",key:"column-chooser"},s("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"view_column",label:this.toolbarLabels.chooseColumns,onClick:()=>this.bhColumnChooserToggle.emit(),size:"sm"})):null;case"refresh":return this.showRefreshButton?s("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"refresh",key:"refresh",label:this.toolbarLabels.refresh,onClick:()=>this.bhRefresh.emit(),size:"sm"}):null;case"add":return this.showAddButton?s("bh-button",{hierarchy:"primary",icon:"leading",iconName:"add",key:"add",label:this.toolbarLabels.addNewRow,onClick:()=>this.bhAdd.emit(),size:"sm"}):null;case"clear-filter":return this.showClearFilterButton?s("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"filter_alt_off",key:"clear-filter",label:this.toolbarLabels.clearAllFilters,onClick:()=>this.bhClearFilter.emit(),size:"sm"}):null;case"clear-selection":return this.showClearSelectionButton?s("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"deselect",key:"clear-selection",label:this.toolbarLabels.clearSelection,onClick:()=>this.bhClearSelection.emit(),size:"sm"}):null;case"filter-builder":return this.enableFilterBuilder?s("div",{class:"data-grid-toolbar-filter-builder",key:"filter-builder"},s("bh-button",{hierarchy:this.filterExpression?"primary":"secondary",icon:"leading",iconName:"filter_list",label:this.filterExpression?this.toolbarLabels.editFilter:this.toolbarLabels.filter,onClick:()=>this.bhFilterBuilderToggle.emit(),size:"sm"}),this.filterDescription&&s("div",{class:"data-grid-filter-display"},this.filterDescription.parts.map(((e,t)=>s("span",{class:"data-grid-filter-part","data-type":e.type,key:t},e.text))))):null;default:return null}}renderBatchActions(){return this.batchEditingEnabled&&0!==this.pendingChangesCount?s("div",{class:"data-grid-toolbar-batch-actions"},s("span",{class:"data-grid-batch-count"},s("bh-badge",{size:"sm",variant:"warning"},this.pendingChangesCount),s("span",{class:"data-grid-batch-label"},"pending changes")),s("div",{class:"data-grid-batch-buttons"},s("bh-button",{hierarchy:"primary",icon:"leading",iconName:"save",label:this.toolbarLabels.saveAll,onClick:()=>this.bhBatchSave.emit(),size:"sm"}),s("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"undo",label:this.toolbarLabels.revertAll,onClick:()=>this.bhBatchDiscard.emit(),size:"sm"}))):null}renderDefaultItems(e,t){return(e??t).map((e=>this.renderToolbarItem(e)))}render(){const e=this.enableFilterBuilder?["search","filter-builder"]:["search"],t=this.config?.leftItems??e,a=this.config?.centerItems??[],o=this.config?.rightItems??["export","column-chooser"],i=this.batchEditingEnabled&&this.pendingChangesCount>0;return s(r,{key:"ea02947e5f12b5e36a882b823bfa4188840e4504"},s("div",{key:"3a9a5cf03f284c8b1e9a50b0e140f5f8662582f7",class:{"data-grid-toolbar":!0,"data-grid-toolbar-batch-mode":i,["data-grid-toolbar-"+this.size]:!0,[this.config?.cssClass??""]:!!this.config?.cssClass},part:"toolbar"},s("div",{key:"e2dd4c8f2f9d6498dc0a375b82f6c259fab34037",class:"data-grid-toolbar-left",part:"toolbar-left"},s("slot",{key:"9765ba1f12bc6b85600fd3f3160e9240f75d1e1d",name:"toolbar-left"},this.renderDefaultItems(t,e))),s("div",{key:"5179c1e8145b41e81a4afd2dff0f60836e216acd",class:"data-grid-toolbar-center",part:"toolbar-center"},s("slot",{key:"4d04637154d2bec6f910bb2959da6d9a342ab165",name:"toolbar-center"},this.renderDefaultItems(a,[]))),s("div",{key:"8cbfb4333ca8b2f91b96ea639a4b8227ce7e1cae",class:"data-grid-toolbar-right",part:"toolbar-right"},s("slot",{key:"16702babaa5d627d9b01fb21d2f908d56f2bc963",name:"toolbar-right"},i?this.renderBatchActions():this.renderDefaultItems(o,["export","column-chooser"])))))}},[772,"bh-data-grid-toolbar",{table:[16],columns:[16],size:[1],isLoading:[4,"is-loading"],config:[16],enableSearch:[4,"enable-search"],searchText:[1,"search-text"],searchPlaceholder:[1,"search-placeholder"],enableExport:[4,"enable-export"],exportFormats:[16],exportConfig:[16],batchEditingEnabled:[4,"batch-editing-enabled"],pendingChangesCount:[2,"pending-changes-count"],filterBuilderOpen:[4,"filter-builder-open"],filterExpression:[16],filterDescription:[16],showRefreshButton:[4,"show-refresh-button"],showAddButton:[4,"show-add-button"],showClearFilterButton:[4,"show-clear-filter-button"],showClearSelectionButton:[4,"show-clear-selection-button"],enableColumnChooser:[4,"enable-column-chooser"],enableFilterBuilder:[4,"enable-filter-builder"],toolbarLabels:[16]}]),v=B,j=function(){"undefined"!=typeof customElements&&["bh-data-grid-toolbar","bh-avatar","bh-badge","bh-button","bh-button-icon","bh-dropdown","bh-input-text","bh-label","bh-loader-spinner","bh-menu","bh-menu-item","bh-tooltip"].forEach((e=>{switch(e){case"bh-data-grid-toolbar":customElements.get(o(e))||customElements.define(o(e),B);break;case"bh-avatar":customElements.get(o(e))||l();break;case"bh-badge":customElements.get(o(e))||n();break;case"bh-button":customElements.get(o(e))||h();break;case"bh-button-icon":customElements.get(o(e))||c();break;case"bh-dropdown":customElements.get(o(e))||b();break;case"bh-input-text":customElements.get(o(e))||d();break;case"bh-label":customElements.get(o(e))||m();break;case"bh-loader-spinner":customElements.get(o(e))||u();break;case"bh-menu":customElements.get(o(e))||f();break;case"bh-menu-item":customElements.get(o(e))||p();break;case"bh-tooltip":customElements.get(o(e))||g()}}))};export{v as BhDataGridToolbar,j as defineCustomElement}
|